/*#002d6d*/

a.top {
    z-index: 9999;
}

.container {
    max-width: 1170px;
}

.d-felx.justify-content-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.d-felx {
    display: flex;
}

.main_cs {
    background: url('main_cs_bg.jpg') center center no-repeat;
    background-size: cover;
    padding: 70px 0;
}

.main_cs .main_refer {
    background: #fff;
    border: 1px solid #eaeaea;
    padding: 30px 25px;
}

.main_cs h3 {
    font-size: 21px !important;
    font-weight: 500;
    letter-spacing: -0.02em;
    margin-bottom: 25px;
}

.main_cs .main_refer h3 {
    color: #414141;
    background: url(more-btn.png) right center no-repeat;
}

.main_cs .main_cust h3 {
    color: #fff;
}


.main_cs .main_refer h5 {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: -0.04em;
    color: #737373;
    margin-bottom: 0;
    transition: all 0.5s;
}

.main_cs .main_refer li {
    padding-top: 0px;
    border-top: 1px dashed #dbdbdb;
}

.main_cs .main_refer li:first-child {
    padding-top: 0;
    border: none;
}

.main_cs .main_refer span {
    background: #002d6d;
    color: #fff;
    font-family: 'SpoqaHanSans';
    padding: 5px 30px;
    display: block;
    margin: 5px 5px;
    transition: all 0.5s;
}

.main_cs .main_refer li:hover h5 {
    color: #00a0c6;
}

.main_cs .main_refer li:hover span {
    background: #00a0c6;
}




.main_map .map_bg {
    background: url('main_notice_bg_01.jpg') center center no-repeat;
    background-size: cover;
    height: 100%;
}

.main_map .map_bg .d-flex {
    height: 100%;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    color: #fff;
}

.main_map .map_bg .d-flex li {
    margin-top: 20px;
}

.main_map .map_bg .d-flex p {
    font-size: 16px;
    color: #fff;
    letter-spacing: -0.02em;
}

.main_map .map_bg:hover img {
    opacity: 0.6;
}

.main_map .map_bg a:hover p {
    color: #00a0c6;
}


.main_cust {
    background: url('main_notice_bg_02.jpg') center center no-repeat;
    background-size: cover;
    min-height: 258px;
    padding: 30px 5px 5px 30px;
}

.main_cust li {
    color: #fff;
    font-size: 18px;
    font-family: 'SpoqaHanSans';
    padding-top: 20px;
}

.main_cust li strong {
    font-family: 'Montserrat' !important;
    font-size: 36px;
    font-weight: 400;
}

.main_cust li:first-child strong {
    font-weight: 600;
}














































/*******************************************************************************
인사말
*******************************************************************************/
p.brnone {
    line-height: 1.5;
    color: #333;
}

.sign span {
    font-size: 1.5em;
    font-weight: 600;
    font-family: 'SF_HambakSnow';
}

ul.cmp001 li {
    position: relative;
    padding-left: 20px;
}

ul.cmp001 li::before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 10px solid transparent;
    border-left: 10px solid #002d6d;
    top: 7px;
    left: 0;
}





/*******************************************************************************
찾아오시는길
*******************************************************************************/



.root_daum_roughmap {
    box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.3);
    margin-bottom: 30px !important;
}




/*******************************************************************************
제품소개
*******************************************************************************/
.cont-g {
    margin-bottom: 60px;
}

.cont-g p.brnone {
    line-height: 1.8;
    word-break: keep-all;
    letter-spacing: -0.02em;
}

.cont-g table {
    width: 100%;
}

.cont-g table th,
.cont-g table td {
    border: 1px solid #ddd;
    padding: 5px !important;
}


.sub-contents h4.subtit::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 12px solid transparent;
    border-left: 12px solid #002d6d;
    display: inline-block;
    left: 3px;
    top: 6px;
}

.sub-contents h4.subtit {
    position: relative;
    padding-left: 20px;
    margin-bottom: 15px;
    font-size: 1.4em;
    letter-spacing: -0.05em;
}

.cont-g ol {
    padding-left: 30px !important;
}
.spec-wrap {
    background: #f4f4f4;
    padding: 30px 50px;
}
.spec-wrap p {
    font-size: 1.1em;
    word-break: keep-all;
    text-align: justify;
    font-weight: 400;
    color: #666;
    margin-bottom: 0;
    letter-spacing: -0.02em;
}

.cont-g p.brnone img {
    max-height: 45px;
}

.cont-g .float-left {
    padding: 5px 30px 15px 0;
}

.cont-g .float-left img {
/*    max-width: 210px;*/
}
#sub-body-wrap .cont-g .row li:first-child {
    padding-left: 0px !important;
    text-align: left;
}
#sub-body-wrap .cont-g .row li:last-child {
    padding-right: 0px !important;
}
#sub-body-wrap .cont-g .spec-wrap .row li:first-child {text-align: center;}
.table-area h5 {
    margin-top: 30px;
}

.cont-g thead th {
    line-height: 1.5!important;
    word-break: keep-all;
}
.cont-g tbody th {
    background: #f7f7f7;
    line-height: 1.5!important;
    word-break: keep-all;
}
.cont-g .table-area tbody td {word-break: keep-all;}
.cont-g table td.img-td {
    padding: 0 !important;
}
.cont-g table td.img-td img {width: 100px; min-width: 100px;}


.d-inline-block {display: inline-block!important;}
.d-inline-block img {
    min-width: 250px;
    margin-right: 30px;
}


.spec-wrap td {
    background: #fff;
}
.spec-wrap th {
    background: #ccc!important;
}
.spec-wrap h5 {
    margin: 10px 0 20px!important;
}
.spec-wrap img {margin-bottom: 10px!important;}

#sub-body-wrap .cont-g .spec-wrap .row li {
    padding: 0 15px !important;
}



#sub-body-wrap .cont-g .spec-wrap .row li span {font-size: 14px; margin-bottom: 20px; line-height: 1.5!important; display: block;}


.cont-g p.text-right {
    margin-bottom: 0;
}
.cont-g p.text-right span {
    font-size: 0.825em;
}

.cont-g ol li {
    list-style: decimal!important;
}

p.under {font-size: 0.925em;line-height: 1.5; margin-top: 5px;}

.cont-g .col-md-8 .img-td {width: 25%;}
.cont-g .list {
    padding-left: 30px !important;
}

.cont-g .list li {
    list-style: disc !important;
}
#sub-body-wrap .cont-g .row .flow-wrap li:first-child {
    text-align: center;
}
.flow-wrap ol li, ol.flow-list li {list-style: none!important;}

#sub-body-wrap .cont-g .row.img-list > li:first-child {padding-left: 15px !important;}
#sub-body-wrap .cont-g .row.img-list > li:last-child {padding-right: 15px !important;}

.flow-wrap ol {
    padding-left: 0 !important;
}

.flow-wrap li {
    background: #ddd;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 10px;
    position: relative;
}

.flow-wrap li::before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #002d6d;
    bottom: -23px;
    left: 50%;
    transform: translateX(-50%);
}

.flow-wrap li:last-child::before {display: none!important;}

td ul.list.d-inline-block.text-left,.vertical-align-top .list {
    padding-left: 20px!important;
}
ol.row.img-list.flow-list {padding-left: 0!important;}


h5.list-title {background: #aaa!important; color: #fff!important;padding: 5px!important;}

.vertical-align-top {
    vertical-align: top;
}
.vertical-align-top ul li {
    font-size: 0.925em;
    line-height: 1.5;
    letter-spacing: -0.05em;
}


.cont-g tbody th.text-left {padding-left: 30px!important;}
.cont-g table td.text-left {padding-left: 15px!important;}

/*******************************************************************************
납품실적
*******************************************************************************/
.paging {
    color: #111 !important;
    font-family: 'Noto Sans KR', 'Roboto', sans-serif !important;
}

.paging a:link {
    color: #666;
    font-family: 'Noto Sans KR', 'Roboto', sans-serif !important;
    font-size: 15px !important;
}

















@media (max-width:1024px) {

    div.toparr a.top {
        right: 1%;
        bottom: 10px;
    }

    .container {
        max-width: 96%;
    }

    .main_cust li strong {
        font-size: 1.6em;
    }
    
    .spec-wrap{padding: 30px;}
    
    .sub-contents {font-size: 15px!important;}
    .cont-g table td.img-td img {
        width: auto;
        min-width: 1px;
    }
    .maincscenter {display: none;}

}



@media (max-width:911px) {
    .main_cs .row .col-md-4 {
        flex: auto;
    }

    .main_cs .row .col-md-4:nth-child(1) {
        width: 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }

    .main_cs .row .col-md-4:nth-child(2),
    .main_cs .row .col-md-4:nth-child(3) {
        width: 50%;
        max-width: 50%;
    }

    .main_cs .row .col-md-4:nth-child(2) {
        padding-left: 0;
    }

    .main_cust {
        padding: 30px 0 0 0 !important;
        text-align: center;
    }
    .sub-tit-bg h2 {font-size: 1.8em;}
}



@media (max-width:768px) {
    #main_slide .slide_txtarea h2 {
        font-size: 2.5em !important;
        word-break: keep-all;
    }

    #main_slide .slide_txtarea p {
        font-size: 1.3em !important;
        word-break: keep-all;
    }

    #main_slide .carousel-caption {
        right: 5%;
        left: 5%;
    }

    .main_cs {
        background-attachment: fixed;
    }
    .sub-contents {
        font-size: 14px!important;
    }
    .d-flex {flex-wrap: wrap;}
    

}
@media (max-width:767px) {
    
    #sub-body-wrap .cont-g .row.img-list > li:first-child {padding-left: 15px !important;}
    #sub-body-wrap .cont-g .row > li:first-child {padding-left: 15px!important;}
    #sub-body-wrap .cont-g .row ol > li {text-align: left!important;}
    #sub-body-wrap .cont-g .flow-wrap .text-center li {text-align: center!important;}
    #sub-body-wrap .cont-g .row.img-list > li:last-child {padding-right: 15px !important;}
    #sub-body-wrap .cont-g .row li:last-child {padding-right: 15px !important;}
    .d-inline-block img {
        min-width: 1px;
        margin-right: 0px;
        width: 100%;
    }
    .product-area .d-flex.justify-content-between {
        justify-content: center!important;
    }
    ul.row > li {margin-bottom: 30px;}
    .cont-g tbody th.text-left,.cont-g table td.text-left {padding-left: 10px!important;}
}




@media (max-width:575px) {
    .sub-contents {font-size: 13px!important;}
    
    .spec-wrap {padding: 10px;}
    
    .sub-contents h4.subtit::before {top: 3px;}
    
    #sub-body .sub-tit-bg h2 {font-size: 1.5em;}
    .root_daum_roughmap .wrap_map {max-height: 200px;}

    #main_slide .carousel-caption {
        bottom: 25%;
    }

    #main_slide .slide_txtarea p {
        font-size: 1em !important;
    }

    .main_cs .row .col-md-4:nth-child(2) {
        padding: 0;
        margin-bottom: 30px;
        min-height: 250px;
    }

    .main_cs .row .col-md-4:nth-child(3) {
        padding: 30px 0 !important;
        min-height: 1px;
    }

    .main_cs .row .col-md-4:nth-child(2),
    .main_cs .row .col-md-4:nth-child(3) {
        width: 100%;
        max-width: 100%;
        p
    }

    .main_cs h3 {
        margin-bottom: 15px;
    }

    .main_2_banner p {
        word-break: keep-all;
    }

    .ourwork .main-btns .main-btns-div {
        min-height: 1px;
        margin-bottom: 30px;
    }


    #footerwap .footer-divs span {
        font-size: 14px;
    }
    
    
    .cont-g table th, .cont-g table td ,.cont-g tbody th.text-left,.cont-g table td.text-left {padding: 1px!important;    word-break: break-all;}
    .cont-g tbody th.text-left,.cont-g table td.text-left {text-align: center!important;}
    
    
    .spec-wrap p {
        word-break: initial;
        text-align: initial;
    }
    
    
    .cont-g ol,.cont-g .list {
        padding-left: 20px !important;
    }
    .flow-wrap ol {padding-left: 0!important;}
    .h5, h5 {font-size: 1.2em;}
    
    
    
    
    
    
    
    
    
    
}