@charset "UTF-8";
.bt1 { border-top: 1px solid #c6c6c6; }

.about_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 50px 0; }

.about_wrap .left_div { width: 400px; text-align: center; padding-top: 5px; }

.about_wrap .left_div h4 { margin: 35px 0 20px; line-height: 1.2; }

.about_wrap .right_div { width: 724px; word-break: keep-all; word-wrap: break-word; }

.about_wrap .right_div .fc_s1 { font-size: 28px; margin-bottom: 40px; }

.about_wrap .right_div p { margin-bottom: 30px; font-weight: 500; line-height: 1.4; letter-spacing: 0; }

.about_wrap .right_div h4 { margin-bottom: 30px; line-height: 1.5; }

.about_wrap .right_div ul { margin-bottom: 30px; }

.about_wrap .right_div ul li { margin-bottom: 10px; position: relative; padding-left: 15px; }

.about_wrap .right_div ul li:before { content: '•'; position: absolute; left: 0; top: -2px; }

.year_wrap { display: none; }

.history_wrap { 
	word-break: keep-all;
    margin-bottom: 120px; 
    .year_wrap {
        .section_first {
            position: relative;
            margin-top: 85px;
            margin-bottom: 50px;
            p.text_box{
                position: absolute;
                padding: 30px 30px 35px 40px;
                color: #fff;
                font-size: 28px;
                font-weight: 300;
                line-height: 40px;
                /*letter-spacing: -2px;*/
            }
        }
    }
    .flex_box { 
        margin-top: 70px; 
        display: flex;
        gap: 44px;
    }
    .y2020, .y2010, .y2000, .y1990, .y1980 {
        .flex_box {
            img {
                width: 720px;
                height: auto;
            }
            .text_wrap {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                .text_line {
                    position: relative;
                    font-size: 28px;
                    font-weight: 300;
                    line-height: 34px;
                    word-break: keep-all;
                    text-align: justify;
                    font-weight: normal;
                    
                    /*letter-spacing: -2px;*/
                }
                .text_line::before {
                    position: absolute;
                    top: 0;
                    left: 0;
                    content: '';
                    display: inline-block;
                    width: 215px;
                    border-top: 3px solid #16867d;
                    /* 추가 */ display:none;
                }
                .text_line::after {
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    content: '';
                    display: inline-block;
                    width: 215px;
                    border-top: 3px solid #16867d;
                    /* 추가 */ display:none;
                }
            }
        }
    }

    /*.y2020 .text_wrap .text_line {padding: 85px 0;}*/
    .y2020 .text_wrap .text_line {padding: 40px 0 40px;}
    .y2010 .text_wrap .text_line {padding: 28px 0;}
    .y2000 .text_wrap .text_line {padding: 70px 0;}
    .y1990 .text_wrap .text_line {padding: 36px 0;}
    .y1980 .flex_box.item1 .text_wrap .text_line {padding: 20px 0;}
    .y1980 .flex_box.item2 .text_wrap .text_line {padding: 70px 0;font-size: 20px;line-height:30px}
    
    .history_wrap .y1980 .text_line {font-size: 20px;} 
    .txt_justify {text-align: justify;}
    
    strong {
        font-weight: 700;
    }
    p.text {
        font-size: 20px;
        font-weight: 400px;
        line-height: 34px;
        word-break: keep-all;
        text-align: justify;
        font-weight: normal;
        
        /*letter-spacing: -1.8px;*/
    }
    .y2020 {
        .section_first {
            p.text_box {
                right: 0;
                bottom: -35px;
                background: url(/images_renew/history/car_2020s/imported_car_history_2020_bg.png) center / cover no-repeat;
            }
        }
        
    }
    .y2010 {
        .section_first {
            p.text_box {
                right: 0;
                bottom: -35px;
                background: url(/images_renew/history/car_2010s/imported_car_history_2010_bg.png) center / cover no-repeat;
                        word-break: keep-all;
        text-align: justify;
            }
        }
    }
    .y2000 {
        .section_first {
            p.text_box {
                right: 0;
                bottom: -35px;
                background: url(/images_renew/history/car_2000s/imported_car_history_2000_bg.png) center / cover no-repeat;
            }
            img {
                height: 480px
            }
        }
        .flex_box {
            margin-bottom: 50px;
        }
    }
    .y1990 {
        .section_first {
            p.text_box {
                right: 0;
                        word-break: keep-all;
        text-align: justify;
                bottom: 1px;
                width: calc(720px - 60px);
                height: calc(474px - 60px) ;
                background: url(/images_renew/history/car_1990s/imported_car_history_1990_bg.png) center / cover no-repeat;
                span.line {
                    margin-top: 36px;
                    display: block;
                    width: 216px;
                    height: 3px;
                    background-color: #fff;
                }
                span:last-child {
                    font-size: 20px;
                    line-height: 34px;
                }
            }
        }
        .flex_box {
            padding-bottom: 90px;
            .text_wrap {
                .text_line {
                    font-size: 20px;
                }
            }
        }
        .flex_box:last-child {
            position: relative;
            flex-direction: column;
            /*padding: 0 30px;*/
            box-sizing: border-box;
            .img_group {
                display: flex;
                justify-content: space-between;
                img {
                    width: 420px;
                }
            }
            .text.line {
                position: relative;
                padding-bottom: 40px;
                text-align: center;
                font-size: 32px;
            }
            .text.line:after {
                position: absolute;
                left: 50%;
                bottom: 0;
                transform: translateX(-50%);
                content: '';
                display: inline-block;
                width: 215px;
                border-top: 3px solid #16867d;
            }
        }
        .flex_box:last-child:before,  .flex_box:last-child:after {
            position: absolute;
            width: 1440px;
            z-index: -1;
            left: 0;
        }
        /*
        .flex_box:last-child:before {
            top: -50px;
            height: 190px;
            background-color: #16867d;
            content: '';
        }*/
        /*
        .flex_box:last-child:after {
            top: 190px;
            height: 740px;
            background-color: #f8f8f8;
            content: '';
        }*/
    }
    .y1980 {
        .section_first {
            p.text_box {
                right: 0;
                bottom: -35px;
                background: url(/images_renew/history/car_1980s/imported_car_history_1980_bg.png) center / cover no-repeat;
            }
            img {
                width: 1440px;
            }
        }
        .flex_box {
            margin-bottom: 50px;
           
        }
    }
} 

.y1980 .text_line {font-size: 20px !important;padding: 36px 0;}
.y2000 .text_line {font-size: 20px !important;padding: 36px 0;}
.y2010 .text_line {font-size: 20px !important;padding: 36px 0;}
.y2020 .text_line {font-size: 20px !important;padding: 36px 0;}

.millestones_wrap { margin: 50px 0 150px; }

.millestones_wrap .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.millestones_wrap .fi { padding: 10px 0 4px; width: 560px; line-height: 1.3; }

.millestones_wrap .fi img { padding-bottom: 20px; }

.millestones_wrap .ac { text-align: center; }

.millestones_wrap .ar { text-align: right; }

.millestones_wrap .title { width: 600px; font-size: 28px; }

.millestones_wrap .title span { padding-bottom: 10px; border-bottom: 2px solid #333; }

.millestones_wrap .cir_year { font-size: 28px; width: 97px; height: 97px; line-height: 97px; border-radius: 50px; background-color: #3695b7; color: #fff; margin: 20px auto 10px; font-weight: 700; }

.millestones_wrap .cir_mon { width: 35px; height: 35px; line-height: 33px; border-radius: 20px; border: 2px solid #3695b7; background: #fff; color: #3695b7; margin: 0 auto 4px; font-weight: 700; }

.organ_wrap .organ_tit { font-weight: bold; font-size: 28px; }

.organ_wrap .top_div { background: url("../images_new/kaida/organ_back.png") no-repeat;padding: 70px 0 50px; padding-bottom: 10px;margin-top: 15px;}

.location_wrap { margin-bottom: 100px; }

.location_wrap table { width: 100%; }

.location_wrap table td { padding: 45px 0; text-align: right; font-weight: 500; }

.location_wrap table td.left { text-align: left; width: 700px; font-size: 20px; }

.location_wrap #map_area { height: 730px;/* width: 100%;*/ border-left: 1px solid #e1e1e1; }

.location_wrap #map_area .kaida_logo { width: 200px; height: 80px; background: url("../images_renew/location/logo.png") 50% no-repeat; }

.location_wrap #map_area img { cursor: default !important; }

.greeting_warp {text-align:center;}

.introduce {
    .article_wrap {
        display: flex;
        flex-direction: column;
        gap: 140px;
    }
    article.body_wrap {
        .section_title {
                color: #16867d;
                font-size: 32px;
                font-weight: 700;
            }
        .paragraph_wrap {
            
            p:not(.section_title), ul > li {
                font-size: 20px;
                font-weight: 500;
                line-height: 34px;
            }
        }
    }
    article.body_wrap.bt1 {
        .paragraph_wrap {
            display: flex;
            padding-top: 110px;
            > h2 {
                width: 480px;
            }
            > p {
                flex: 1;
            }
        }
    }
    article.body_wrap.bt1 {
        border-top: 1px solid #c6c6c6;
    }
    article.body_wrap.bt2 > h2 {
        padding-bottom: 35px;
        border-bottom: 1px solid #c6c6c6;
    }
    article.body_wrap.bt2 {
        .body_wrap_inner {
            padding-bottom: 100px;
            > .div_wrap {
                display: flex;
                margin-top: 100px;
                > .icon_area {
                    width: 480px;
                    text-align: center;
                    img {
                        width: 232px;
                        height: 232px;
                    }
                }
                > .paragraph_wrap {
                    flex: 1;
                    .section_description {
                        padding: 35px 0;
                    }
                }
            }
        }
    }
} 
.greeting {
    position: relative;
    .greeting_warp {
        display: flex;
        .text_area_wrap {
            flex: 1;
            p {
                font-size: 20px;
                text-align: left;
                line-height: 34px;
            }
            p.ceo_sentence_first {
                padding-top: 100px;
                padding-bottom: 35px;
                font-size: 40px;
                line-height: 48px;
                font-weight: 700;
            }
            .line {
                margin-bottom: 46px;
                width: 132px;
                height: 1px;
                background-color: #000;
            }
            .color_white {
                padding-top: 100px;
                padding-bottom: 110px;
                color: #fff;
            }
        }
        
        .image_area_wrap {
            position: relative;
            width: 450px;
            overflow: hidden;
            img, p {
                position: absolute;
            }
            img {
                top: 126px;
                right: -110px;
            }
            > p {
                left: 145px;
                bottom: 213px;
                /* border:1px solid red; */
                color: #fff;
                span:first-child {
                font-size: 24px;
                font-weight: 500;
                }
                span:last-child {
                    font-size: 32px;
                    font-weight: 700;
                }
            }
        }
    }
    .bg_color {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: -1;
        width: 100%;
        height: 600px;
        background-color: #234744;
    }
}

.organization {
    .body_tit {
        margin: 0 auto;
        width: 1440px;
    }
    article.body_wrap{
        width: 100%;
        /* height: 884px; */
        background-color: #147b74;
        .body_wrap_inner {
            .section:nth-of-type(1) {
                padding: 94px 0;
                background: url('/images_renew/kaida/organ_bg.png'); 
                background-size: cover;
                background-position: center;
                background-color: #f3f3f3;
                .organ_tit {
                    padding: 10px 70px;
                    display: inline-block;
                    background-color: #fff;
                    border: 5px solid #e4e4e4;
                    border-radius: 40px;
                    box-sizing: border-box;
                    font-weight: 700;
                }
                .section_inner {
                    position: relative;
                    margin: 0 auto;
                    width: 1440px;
                    .organ_tit {
                        position: absolute;
                        top: -124px;
                        left: 0;
                    }

                    .organ_wrap {
                        .flex_group_wrap {
                            display: flex;
                            gap: 110px;
                            .text_group {
                                padding-top: 15px;
                                display: flex;
                                flex-direction: column;
                                justify-content: center;
                                align-items: center;
                                gap: 10px;
                                color: #000;
                                .name {
                                    font-size: 24px;
                                    font-weight: 700;
                                }
                                .position {
                                    font-size: 17px;
                                    font-weight: 300;
                                    line-height: 22px;
                                    text-align: center;
                                }
                                .boss {
                                	line-height: 25px;
                                }
                            }
                            .boss_title {
                               	font-size: 34px;
                                font-weight: 700;
                                margin-bottom: 10px;
                                color: #000;
                            }
                            .flex_group, .flex_item {
                                display: flex;
                                flex-direction: column;
                                justify-content: center;
                                align-items: center;
                                
                            }
                            .flex_group.directorate {
                                gap: 30px;
                                flex: 1;
                                .flex_row {
                                    display: flex;
                                    gap: 24px;
                                }
                                .flex_row:first-child {
                                    justify-content: center;
                                    gap: 110px;
                                }
                                .flex_row:last-child {
                                    justify-content: space-between;
                                    width: 100%;
                                }
                            }
                            
                            .flex_group.boss {
                                img {
                                    width: 443px;
                                    height: 507px;
                                }
                                .text_group {
                                    padding-top: 20px;
                                    .name {
                                        font-size: 34px;
                                        span:first-child {
                                            font-weight: 700;
                                        }
                                        span:last-child {
                                            font-weight: 700;
                                        }
                                    }
                                    .position {
                                        font-size: 23px;
                                        font-weight: 300;
                                    }
                                }
                            }

                            
                        }
                    }
                }
            }
            .section:nth-of-type(2) {
                background-color: #fff;
                h3.organ_tit {
                    padding-top: 80px;
                    padding-bottom: 34px;
                    margin: 0 auto;
                    width: 1440px;
                    font-size: 36px;
                    font-weight: 700;
                    text-align: left;
                    border-bottom: 1px solid #c6c6c6;
                }
                .section_inner {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    padding-bottom: 110px;
                    .flex_row_wrap {
                        width: 1440px;
                        padding: 84px 0;
                        display: flex;
                        justify-content: flex-start;
                        border-bottom: 1px solid #c6c6c6;
                        .flex_row {
                            flex: 1;
                            display: flex;
                            gap: 30px;
                            .flex_item {
                                display: flex;
                                flex-direction: column;
                                align-items: center;
                                gap: 20px;
                                p.name { 
                                    font-size: 22px;
                                    font-weight: 700;
                                }
                            }
                            .flex_item:last-child {
                                align-items: flex-start;
                                gap: 15px;
                                .block_wrap {
                                    .subject {
                                        color: #16867d;
                                        font-size: 20px;
                                        font-weight: 700;
                                        line-height: 30px;
                                    }
                                    .description {
                                        font-size: 17px;
                                        font-weight: 400;
                                        line-height: 24px;
                                    }
                                }
                            }
                        }
                    }
                   
                }
                
               
            }
        }
    }
}

.history {
    .millestones_wrap {
        padding: 0 85px;
        box-sizing: border-box;
        
        .year_wrap::before { 
            content: ''; 
            position: absolute; 
            left: 50%;
            top: 15px;
            transform: translateX(-50%);  
            width: 1px; 
            background-color: #cfcfcf; 
            display: block; 
        }
        .year_wrap:not(.y1990)::after {
            position: absolute;
            left: 50%;
            display: inline-block;
            width: 24px;
            height: 24px;
            transform: translateX(-50%);
            border-radius: 70%;
            content:'';
            background-color: #fff;
            border: 4px solid #c3c3c3;
            box-sizing: border-box;
        }
        .y2020::before {
            height: 2236px;
        }
        .y2010::before {
            height: 4491px;
        }

        .y2000::before {
            height: 6665px;
        }
        .y1990::before {
            height: 3024px;
        }
        .y1980::before {
            height: 933px;
        }
        .year_wrap {
            position: relative;
            .flex_row {
                display: flex;
                justify-content: center;
                /*gap: 24px;*/gap:66px;
                margin-bottom:50px;
                
                .flex_item {
                    .what_year {
                        position: relative;
                        font-size: 48px;
                        font-weight: 700;
                    }
                    .what_year::before {
                        position: absolute;
                        top: 50%;
                        left: -45px;
                        display: inline-block;
                        width: 24px;
                        height: 24px;
                        transform: translateY(-50%);
                        border-radius: 70%;
                        content:'';
                        background-color: #fff;
                        border: 4px solid #16867d;
                        box-sizing: border-box;
                    }
                    .monthly_history_img {
                        margin-top: 18px;
                        width:468px;
                        height:304px;
                        /*border: 6px solid #16867d;*/
                        border-radius: 40px;
                        box-sizing: border-box;
                        overflow: hidden;
                        /*float: left;*/
                        img {
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                        }
                    }
                    ul.monthly_history_content {
                            padding-top: 25px;
                            width: 468px;
                            float: left;
                        li {
                            font-size: 20px;
                            line-height: 34px;
                            position: relative;
                            margin-left: 12px;
                            &::before {
                              position: absolute;
                              top: 15px;
                              left: -11px;
                              display: inline-block;
                              width: 4px;
                              height: 4px;
                              border-radius: 70%;
                              content:'';
                              background-color: #000;
                            } 
                        }
                        .month {
                            padding-right: 10px;
                            color: #16867d;
                            font-weight: 700;
                        }
                        .content {
                            font-weight: 300;
                        }
                    }
                }
            }
            .flex_row:nth-child(odd) {
            }
            .flex_row:nth-child(even) {
               /* flex-direction: row-reverse;*/
                .what_year::before {
                    display: none;
                }
                .what_year::after {
                    position: absolute;
                    top: 50%;
                    right: -46px;
                    display: inline-block;
                    width: 24px;
                    height: 24px;
                    transform: translateY(-50%);
                    border-radius: 70%;
                    content:'';
                    background-color: #fff;
                    border: 4px solid #16867d;
                    box-sizing: border-box;
                }
            }
        }
    }
}

.location {
    table {
        tr {
            box-sizing: border-box;
            border: 1px solid #cfcfcf;
            td:first-child {
                padding-left: 15px;
            }
            td:last-child {
                padding-right: 30px;
            }
            td:nth-of-type(2),  td:nth-of-type(3) {
                position: relative;
                /*추가*/width:205px;
            }
            td:nth-of-type(2):after {
                position: absolute;
                right: -28px;
                transform: translateX(-50%);
                content: '';
                display: inline-block;
                border-right: 1px solid #cfcfcf;
                height: 34px;
                background-color: #cfcfcf;
            }
        }
        img {
            padding: 0 15px;
        }
        img.address {
            width: 26px;
            height: 34px;
        }
        img.tel {
            width: 36px;
            height: 36px;
        }
        img.fax {
            width: 35px;
            height: 37px;
        }
        img.email {
            width: 33px;
            height: 25px;
        }
    }
    
    #map_area {
        border: 1px solid #cfcfcf;
    }
    /* #map_area:has(div[style*="border"]) {
        border: 1px solid #16867d;
        border-radius: 20px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    } */
}

.history_indent {padding-left:49px;}

.en .organization .flex_item p.name {margin-bottom:20px;}

.en .greeting .greeting_warp .image_area_wrap p {left: 80px;}
.en .greeting .greeting_warp .text_area_wrap p {padding-right: 50px;text-align:justify;}
.en .greeting .greeting_warp .text_area_wrap .color_white {padding-bottom: 60px;}
.en .greeting .greeting_warp .en_name_ceo{font-size: 24px;font-weight: 500;}
.en .greeting .greeting_warp .en_name_ceo_02{font-size: 32px;font-weight: 700;}
.en .greeting .greeting_warp .en_name_ceo {color: #fff !important;}

.en .history_wrap {text-align: justify;}
.en .history_wrap .text_wrap .text_line {text-align: justify;}

.en .history .millestones_wrap .y2020::before {height: 3162px;}
.en .history .millestones_wrap .y2010::before {height: 4730px;}
.en .history .millestones_wrap .y2000::before {height: 5538px;}
.en .history .millestones_wrap .y1990::before {height: 3223px;}
.en .history .millestones_wrap .y1980::before {height: 951px;}
.en .history .millestones_wrap .year_wrap .what_year::before {left: -42px !important;}
.en .history .millestones_wrap .year_wrap .flex_row:nth-child(2n) .what_year::before {right: -42px !important;}

.history_wrap .y2020 .flex_box .text_wrap {justify-content:center;}
.history_wrap .y2010 .flex_box .text_wrap {justify-content:center;}
.history_wrap .y2000 .flex_box .text_wrap {justify-content:center;}
.history_wrap .y1990 .flex_box .text_wrap {justify-content:center;}
.history_wrap .y1980 .flex_box .text_wrap {justify-content:center;}