@charset "utf-8";

/* header */
header .left-nav .navbar-nav:before {display: none;}
header .navbar-brand img {max-height: 45px;}

.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu {margin-left: -86px;}

@media all and (max-width:992px) {
    .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu {margin-left: unset;}
}


@media all and (max-width:1200px) {
    .sub_tit_wrapper {flex-direction: column;margin-top: 40px;}
    .sub_tit_wrapper h2 {font-size: 30px;}
}






/* footer */
footer {padding-top: 70px;}
footer .footer_row p {margin-bottom: 3px;}
footer .container {display: flex;justify-content: space-between;}


.footer_row {display: flex; justify-content: space-between; color: #ffffff;}
.footer_right_box {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}
/* .policy_box {background-color: #009fdc;border-radius: 30px;display: flex;align-items: center;justify-content: center;} */
.policy_box p {margin-bottom: 0;color: #ffffff;}

@media all and (max-width:1020px) {
    footer .container {flex-wrap: wrap;}
    .footer_row {flex-direction: column;}
    .footer_left_box {margin: 0 auto;} 
    .footer_right_box {display: flex;
        /* flex-direction: row; */
        gap: 10px;
        margin:  0 auto;
        margin-top: 10px;
    }
    
    

@media all and (max-width:990px) {
    .footer_img_box {order: 2;} 
}
}

/* 회사소개 > 개요 */

.sub_tit_wrapper h2 {margin-bottom: 0 !important;font-weight: 600;font-size: 30px;}
.sub_tit_wrapper p {margin-bottom: 0 !important;}
.green_sub_title {background-color: #9ac35a;color: #222222;}
.sub_tit_wrapper {display: flex;align-items: center;justify-content: space-between;padding: 25px 0;}
.table_box {width: 100%;}
.table_box table {width: 100%;}
.table_wrapper {display: flex; justify-content: center;}
.table_wrapper table th {background-color: #009fdc;color: #ffffff;padding: 20px;border-bottom: 1px solid #ffffff;text-align: center;letter-spacing: 2.5px;font-weight: 600;}
.table_wrapper table td {box-shadow: 0 0 0 1px #009fdc inset;padding: 10px 20px;color: #222222;font-weight: 600;}


/* 연혁 */

.com_history_box .box .alt_box .img_yow img{width: 100%; max-width: fit-content;}

.com_history_box {
    position: relative;
    padding: 60px 0;
}
.com_history_box::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    transform: translateX(-50%);
    width: 1px;
    background-color: #444444;
}
.com_history_box .box {
    position: relative;
    width: 50%;
    padding-left: 75px;
    margin-left: auto;
}

.com_history_box .box + .box {
    margin-top: 30px;
}
.com_history_box .box .line {
    position: absolute;
    left: 0;
    top: 20px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #1d4084;
    transform: translateX(-50%);    
}
.com_history_box .box .line::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    background-color: rgba(255, 217, 35, 0.25);
    border-radius: 50%;
}
.com_history_box .box .line::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 1px;
    background-color: #1d4084;
}
.com_history_box .box .tit {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 0;
    color: #1d4084;
    margin-bottom: 25px;
}
.com_history_box .box .alt_box p {
    display: flex;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -0.025em;
    color: #444444;
    line-height: 1.6em;
    margin-bottom: 10px;
}
.com_history_box .box .alt_box p .year {
    font-weight: 600;
    position: relative;
    padding-left: 18px;
    min-width: 120px;
}
.com_history_box .box:nth-child(odd) .alt_box p .year::after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    left: 0;
    top: 12px;
    background-color: #1d4084;
}
.com_history_box .box:nth-child(even) {
    margin-left: unset;
    margin-right: auto;
    padding-left: unset;
    padding-right: 75px;    
}
.com_history_box .box:nth-child(even) .tit {
    text-align: right;
}
.com_history_box .box:nth-child(even) .line {
    position: absolute;
    left: unset;
    right: 0;
    transform: translateX(50%);
}
.com_history_box .box:nth-child(even) .line::after {
    left: unset;
    right: 0;
}
.com_history_box .box:nth-child(even) .alt_box p {
    justify-content: flex-start;
    flex-direction: row-reverse;
    text-align: center;
}

.com_history_box .box:nth-child(even) .alt_box p .year::before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    right: -3px;
    top: 12px;
    background-color: #1d4084;
}

@media all and (max-width:1440px) {    
    .con {
        padding: 100px 0;
    }
    .company .con01 {
        padding-top: 140px;
    }
    .com_con_tit {
        font-size: 40px;
    }
    .com_flex_box01 .alt_box .tit {
        font-size: 35px;
        padding-bottom: 20px;
        margin-bottom: 25px;
    }
    .com_flex_box01 .alt_box .alt {
        font-size: 18px;
    }
    .com_history_box .box .tit {
        font-size: 30px;
    }
    .com_history_box .box .line {
        top: 13px;
    }
    .com_history_box .box .alt_box p {
        font-size: 16px;
    }
    .com_history_box .box .alt_box p .year {
        min-width: 100px;
    }
    .com_history_box .box {
        padding-left: 45px;
    }
    .com_history_box .box:nth-child(even) {
        padding-right: 45px;
    }
    .com_history_box .box .line::after {
        width: 40px;
    }
    a.com_btn01 {
        height: 50px;
        max-width: 220px;
        font-size: 18px;
    }
    .com_flex_tab_box a {
        padding: 15px 30px;        
        font-size: 18px;
    }
    .com_flex_tab_box a.active {
        padding-left: 60px;
    }
    .com_flex_tab_box a.active::after {
        left: 30px;
    }
    .com_tab_con_box01 .img {
        width: calc(25% - 15px);
    }
    .com_map .map_box .map_alt_box {
        position: relative;
        top: unset;
        transform: unset;
        right: unset;
        padding: 60px;
        max-width: 93.75%;
        margin: 0 auto;
        margin-top: 40px;
    }
    .com_history_box .box .alt_box p .year::after {
        top: 9px;
    }
}

@media all and (max-width:1024px) {
    .com_con_tit {
        font-size: 32px;
    }
    .com_flex_box01 .alt_box {
        padding-left: unset;
        margin-top: 40px;
    }
    .com_flex_box01 > div {
        width: 100%;
    }
    .com_flex_box01 .alt_box .tit {
        font-size: 30px;
    }
    .com_flex_box01 .alt_box .alt {
        font-size: 16px;
    }
    .com_history_box .box .tit {
        font-size: 20px;
    }
    .com_history_box .box .line {
        top: 8px;
    }
    .com_history_box .box .alt_box p {
        font-size: 14px;
    }
    .com_history_box .box {
        padding-left: 20px;
    }
    .com_history_box .box:nth-child(even) {
        padding-right: 20px;
    }
    .com_history_box .box .line::after {
        width: 20px;
    }
    .com_history_box .box .alt_box p .year {
        min-width: 75px;
        padding-left: 10px;
    }
    .com_history_box .box .alt_box p .year::after {
        width: 4px;
        height: 4px;
        top: 9px;
    }
    .con {
        padding: 80px 0;
    }
    .company .con01 {
        padding-top: 120px;
    }
    .com_flex_tab_box a {
        padding: 10px 20px;
        font-size: 16px;
    }
    .com_flex_tab_box a.active {
        padding-left: 40px;
    }
    .com_flex_tab_box a.active::after {        
        left: 20px;        
        width: 15px;
        height: 15px;        
    }
    .com_tab_con_box01 .img {
        width: calc(33.333% - 14px);
    }
    .com_map .map_box .map_alt_box {
        padding: 40px 20px;
    }
    .com_map .map_box .map_alt_box .alt .tit,
    .com_map .map_box .map_alt_box .alt p {
        font-size: 16px;
    }
}


/* 조직도 */

.organ_top_logo {display: flex;align-items: center;justify-content: center;margin-bottom: 100px;}
.organ_top_logo img {width: 400px;}

.organ_img {display: flex;align-items: center;justify-content: center;}

.organ_img_mobile {display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 50px;display: none;}

@media all and (max-width:800px) {
    .organ_img img {width: 100%;}

    .organ_top_logo img {width: 300px;}
    .organ_top_logo {margin-top: 100px;}

    .organ_img {display: none;}
    .organ_img_mobile {display: flex;margin-top: 80px;}
    .organ_img_mobile img {width: 50%;}
}


/* 업면허, 인증 */
.cert_button ul {display: flex; align-items: center;justify-content: left;gap: 20px;}
.cert_button ul li {background-color: #009fdc;border-radius: 5px;width: 130px;padding: 8px 0;text-align: center;}
.cert_button ul button {background-color: #009fdc;border-radius: 5px;padding: 8px 0;text-align: center;}
.cert_button ul li a {color: #ffffff;}

.cert_button_box {background-color: #009fdc;border-radius: 5px;text-align: center;}

.cert_button ul button {
    border: unset;
    color: #ffffff;
    padding: unset;
}

.feat_none {display: block;}

.feat_mobile_img {display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 20px; display: none;}


@media all and (max-width:1200px) {
    .feat_none {display: none !important;}
    .feat_mobile_img {display: flex;}
    .feat_center {margin: 0 auto; margin-top: 100px;}

    .cert_button ul li {
        min-width: calc(25% - 15px);
        width: auto;
    }




}


/* 오시는길 */
@media all and (max-width:600px) {
    .services-box-content {height: 100px !important;}

}

/* business */

@media all and (max-width:800px) {
    .custom_alt01 {
        font-size: 14px !important;
    }
}

.custom_tit01{
    text-align: center;
    font-weight: 700;
    font-size: 48px;
    letter-spacing: -0.04em;
    color: #222222;
    line-height: 1.2em;
}
.com_flex_box02 {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.com_flex_box02 .box {
    padding: 60px 5px;
    text-align: center;
    width: calc(25% - 12px);
    border: 2px solid #009fdc;
    border-radius: 20px;    
}
.com_flex_box02 .box .tit {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.04em;
    margin-bottom: 40px;
    color: #009fdc;
}
.com_flex_box02 .box .alt {
    font-weight: 200;
    letter-spacing: -0.04em;
    line-height: 1.55em;
    color: #222222;
    position: relative;
    padding-left: 10px;
    font-size: 18px;
    word-break: keep-all;
    margin: 0 auto;
    display: inline-block;
}

.com_flex_box02 .box .two {
    font-weight: 200;
    letter-spacing: -0.04em;
    word-break: keep-all;
    line-height: 1.55em;
    color: #222222;
    position: relative;
    display: inline-block;
    color: #666666;
    font-size: 16px;
}
.com_flex_box02 .box .alt::after {
    content: '-';
    position: absolute;
    left: 0;
    top: 0;
}
.com_flex_box02 .box .alt_box + .alt_box {
    margin-top: 35px;
}
.com_flex_box02 .box:nth-child(even) {
    border-color: #9ac35a;
}
.com_flex_box02 .box:nth-child(even) .tit {
    color: #9ac35a;
}

@media all and (max-width:992px) {
    .custom_tit01 {
        font-size: 30px;
    }
    .com_flex_box02 .box {
        width: calc(50% - 7.5px);
        padding: 40px 5px;
    }
    .com_flex_box02 .box .tit {
        font-size: 20px;
    }
    .com_flex_box02 .box .alt {
        font-size: 16px;
    }
    .com_flex_box02 .box .two {
        font-size: 14px;
    }
}
/* END business */


/* 게시판 */
.writeForm_btn a {
    background-color: #009fdc;
}

.programBody p {margin-bottom: 0;}

.programCon .card_type .img {width: 100%;height: 195px;}
.programCon .card_type .img img {width: 100%;
    height: 100%;
    object-fit: contain;}
.gal_wrap ul li .title {margin: 0;}
.gal_wrap ul li .txt {
    min-height: 100px;
    padding: 17px 20px 20px 20px;
}

.programCon .gal_wrap ul {padding-left: 0;}
.programCon .card_type ul {padding-left: 0;}
.cert_button ul {padding-left: 0;}
.writeForm > table > tbody > tr > th {text-align: center;}

@media all and (max-width:992px) {
    .cert_button ul {justify-content: center;}
}




.programCon .part_img {width: 100%;height: 195px;}
.programCon .part_img > img {width: 100%;
    height: 100%;
    object-fit: contain;}

.program_table table tr {text-align: center;}
.programRead .readTop {padding: 20px 20px 0px 20px;}


/* 지도 */
.col-lg-6 .root_daum_roughmap {width: 100%; height: 100%;}
.col-lg-6 .root_daum_roughmap .wrap_map {height: 100%; width: 100%;}

/* 개요 - ceo */
.ceo_intro_wrapper {display: flex;align-items: center;gap: 50px;}
.ceo_left_box {width: 40%;}
.ceo_right_box {width: 60%;}

.ceo_right_wrapper strong {font-size: 22px;color: #444444;font-family: 'Noto Sans KR', sans-serif;}
.ceo_right_wrapper strong span {color: #0099d5;}

.ceo_right_wrapper p {font-size: 18px; color: #444444;font-weight: 500;font-family: 'Noto Sans KR', sans-serif; word-break: keep-all;}
.ceo_right_wrapper p span {color: #9ac35b;}
.ceo_sign {display: flex;align-items: center;gap: 10px;}
.br_pc {display: block;}

@media all and (max-width: 1400px) {
    .br_pc {display: none;}
}

@media all and (max-width: 1200px) {
    .ceo_intro_wrapper {flex-wrap: wrap;justify-content: center;}
    .ceo_left_box img {width: 100%;}
    .ceo_left_box {width: 80%;}
    .ceo_right_box {width: 100%;}
}
@media all and (max-width: 900px) {
    .ceo_left_box {width: 100%;}
    .ceo_right_wrapper strong {font-size: 20px;}
    .ceo_right_wrapper p {font-size: 16px;}
}


.sec_mt_custom {margin-top: -110px;}

@media all and (max-width: 770px) {
    .sec_mt_custom {margin-top: -50px;}
}
.programRead .readEdit p {margin-bottom: unset;}


/* footer */
.programCon {min-height: calc(100vh - 550px);}