.custom-overlay {padding:10px;border-radius: 4px;background: #fff;border:1px solid rgb(var(--gray-700));font-size: 14px;color: rgb(var(--gray-200));}

.company_sc1_title_wrap {padding: 40px 0;}

.company_sc1_info_wrap{
    padding:clamp(60px, 5.9vw, 115px) 0 clamp(40px, 1.56vw, 60px);background-image: url('/images/company_sc1_bg.png');background-size: cover;background-position: center;background-repeat: no-repeat;
    .company_sc1_info_inner {

        .logo {width: 210px;
            &.pc_item {display: flex;}
            &.mob_item {display: none;}
        }
        .sc1_info_text_wrap {display: flex;flex-direction: column;gap:16px 0;margin-top:25px;
            .sc1_info_text {font-size: clamp(14px, 0.83vw, 16px);color: rgb(var(--gray-100));word-break: keep-all;}
        }
    }
}

.company_sc1_point_wrap {
    padding: clamp(50px, 5.7vw, 110px) 0 clamp(50px, 5.7vw, 110px);position: relative;
    .company_sc1_point_wrapper {
        position: relative;top:1;
        .company_sc1_point_inner {display: flex;align-items:center;justify-content:center;gap:0 40px;position: relative;z-index: 1;
            .company_sc1_point_box {width:clamp(200px, 13.5vw, 260px);height:clamp(200px, 13.5vw, 260px); border:1px solid rgb(var(--sub));border-radius: 130px;display: flex;align-items: center;justify-content: center;flex-direction: column;background: #fff;
                .point_label {font-size: clamp(18px, 1.45vw, 28px);font-weight: 800;color: rgb(var(--main));}
                .point_info {font-size: clamp(12px, 0.93vw, 14px);color: rgb(var(--gray-200));text-align: center;margin-top: 15px;word-break: keep-all;}
            }
            .company_circle {width: clamp(12px, 1.04vw, 20px);height: clamp(12px, 1.04vw, 20px);border-radius: 20px;background: rgb(var(--sub));}
        }
    }
    
}
.company_sc1_point_wrap::before {content:"";width: 100%;height: 1px;background: rgb(var(--sub));position: absolute;top: 50%;left: 0;transform:translateY(-50%);}

.company_sc2 {
    background-image:url('/images/company_sc2_bg.png');background-size: cover;background-position: center;background-repeat: no-repeat;
    .company_sc2_inner {
        padding: clamp(50px, 5.2vw, 100px) 0 clamp(70px, 7.3vw, 140px);
      
        .cmp_sc2_title::before {content:"ORGANIZATION";}

        .cmp_sc2_organiztaion_wrapper{
            width: 100%;max-width: 1046px;margin: 0 auto;;
            .cmp_sc2_organiztaion_inner {display: flex;flex-direction: column;justify-content:center;align-items:center;margin-top:40px;
                .organization_top {
                    padding:10px 20px;background: #fff;border-radius: 50px;display: flex;align-items:center;justify-content:center;
                    i {width:172px;display: inline-block;}
                }
                .oranization_bridge_wrap {width: 100%;padding:0 clamp(50px, 4.1vw, 75px);margin: 0 auto;display: flex;flex-direction:column;align-items:center;
                    .oranization_bridge_top {width: 1px;height: 30px;background: rgb(var(--sub));}
                    .oranization_bridge_bottom{
                        width: 100%;display: flex;
                        border-top:1px solid rgb(var(--sub));border-left:1px solid rgb(var(--sub));border-right:1px solid rgb(var(--sub));border-radius:20px 20px 0 0;
                        .oranization_bridge_box {width: calc(100% / 3);height: 36px;border-right: 1px solid rgb(var(--sub));}
                        
                    }
                    .oranization_bridge_bottom .oranization_bridge_box:last-of-type {border-right: none;}
                }

                .organization_list_box {display: flex;width: 100%;justify-content:space-between;gap:0 10px;
                    .organization_list_wrap {width: clamp(150px, 9.3vw, 180px);display: flex;flex-direction: column;gap:20px 0;}
                    .organization_list_item {width: 100%;height:56px;padding:24px 0;background: rgba(255, 255,255, 0.7);border-radius: 50px;border:1px solid #fff;display: flex;align-items: center;justify-content: center;font-size: clamp(13px, 0.93vw, 18px);font-weight: 500;color: rgb(var(--main));
                        &.first {background: rgb(var(--main));color: #fff;font-weight: 600;}
                    }

                    .organization_list_item_wrap {
                        display: flex;flex-direction: column;gap:20px;
                    }
                }
        
            }
        }
        
    }
}

.company_sc3 {
    background-image:url('/images/company_sc3_bg.png');background-size: cover;background-position: center;background-repeat: no-repeat;
    .company_sc3_inner {
        padding: clamp(50px, 5.2vw, 100px) 0 clamp(70px, 7.3vw, 140px);
        .company_sc3_title_wrap{
            .cmp_sc3_title {color: #fff;}
            .cmp_sc3_title::before {content:"HISTORY";}
        }

        .company_history_wrap {
            margin-top: clamp(40px, 3.1vw, 60px);
            .company_history_top {padding-left: calc((100% - 1200px) / 2);
                .company_history_top_inner {border-top: 2px solid rgb(var(--sub));display: flex;gap:0 70px;
                    .company_history_box {
                        position: relative;padding-top:25px;
                        .year {font-size: clamp(20px, 1.35vw, 26px) ;font-weight: 800;color: rgb(var(--sub));}
                        .company_history_info {
                            margin-top:25px;
                            p {font-size: clamp(12px, 0.78vw, 15px);color: #fff;word-break: keep-all;}
                            p + p {margin-top: 10px;}
                        }
                    }
                    .company_history_box::before {content:"";width: 20px;height: 20px;background: rgb(var(--sub));border-radius: 20px;position: absolute;top:-10px;left: 0;}
                }
            }

            .company_history_top_bottom {padding: 0;margin-top:80px;
                .company_history_top_inner {padding-left: calc((100% - 1000px) / 2);}
            }
        }
    }
}

.company_sc4 {
    .company_sc4_inner {
        padding: clamp(70px, 6.25vw, 120px) 0;display: flex;flex-direction:row-reverse;align-items:stretch;gap:0 20px;
        .company_sc4_map {
            width: 792px;border-radius: 16px;overflow: hidden;
        }

        .company_sc4_info {
            width: calc(100% - 812px);display: flex;flex-direction: column;justify-content: space-around;
            .company_sc4_title_wrap{
                .cmp_sc4_title::before {content:"LOCATION";}
            }
            .company_sc4_info_box {
                .company_sc4_info_wrap {display: flex;gap: 0 10px;padding:20px 0;border-bottom: 1px solid rgb(var(--gray-800));
                    .company_sc4_info_label {width: 75px;font-size: 14px;color: rgb(var(--gray-100));font-weight: 600;display: flex;align-items:center;gap:0 10px;
                        i {width: 20px;height: 20px;display: inline-block;background-position: center;background-size: contain;background-repeat: no-repeat;
                            &.addr {background-image: url('/images/cmp_home_icon.png');}
                            &.phone {background-image: url('/images/cmp_phone_icon.png');}
                            &.fax {background-image: url('/images/cmp_print_icon.png');}
                        }
                    }
                    .company_sc4_info_cont {width: calc(100% - 85px);font-size: clamp(13px, 0.73vw, 14px);color: rgb(var(--gray-200));word-break: keep-all;}
                }
            }
        }

    }
}

@media(max-width:1260px){
    .company_sc3 {
        .company_sc3_inner {
            .company_history_wrap {
                .company_history_top {padding-left: 20px;}
                .company_history_top_bottom {padding-left: 0;}
            }
        }
    }


    .company_sc4 {
        .company_sc4_inner {
           
            .company_sc4_map {
                width: 50%;
            }
    
            .company_sc4_info {
                width: calc(50% - 20px);
            }
    
        }
    }
}


@media(max-width:1024px){
    .company_sc3 {
        .company_sc3_inner {
            .company_history_wrap {
                .company_history_top_bottom {
                    .company_history_top_inner {padding-left: 20px;}
                }
            }
        }
    }
}

@media(max-width:860px){
    .company_sc3 {
        .company_sc3_inner {
            .company_history_wrap {
                .company_history_top {padding:0 20px;
                    .company_history_top_inner {gap:0 40px;justify-content: space-between;}
                }

                .company_history_top_bottom {
                    .company_history_top_inner {padding: 0px;}
                }
            }
        }
    }
}

@media(max-width:720px){

    .company_sc1_info_wrap{
        background-image: url('/images/company_sc1_bg_mob.png');padding:0;
        .company_sc1_info_inner {
            margin:0 -20px;padding: 40px 20px;background-color:rgba(0,0,0,0.4);

            .logo {width: 150px;
                &.pc_item {display: none;}
                &.mob_item {display: flex;}
            }
            .sc1_info_text_wrap {
                .sc1_info_text {color: #fff;}
            }
        }
    }

    .company_sc1_point_wrap {
        .company_sc1_point_wrapper {
            .company_sc1_point_inner {
                gap:0 10px;
                .company_sc1_point_box {
                    .point_info {padding:0 10px;}
                }
            }
        }
        
    }

    .company_sc3 {
        .company_sc3_inner {
            .company_history_wrap {
                .company_history_top {
                    .company_history_top_inner {gap:0 10px;
                        .company_history_box {width: calc(100% / 4);}
                    }
                }
            }
        }
    }

    .company_sc4 {
        .company_sc4_inner {
            flex-direction: column;
            .company_sc4_map {
                width: 100%;
            }
    
            .company_sc4_info {
                width: 100%;margin-top:30px;
            }
    
        }
    }
}

@media(max-width:540px){
    .company_sc3 {
        .company_sc3_inner {
            .company_history_wrap {
                .company_history_top {
                    .company_history_top_inner {
                        position: relative;
                        flex-direction: column;border-top:none;
                        .company_history_box {width: 100%;padding-top: 0;padding-left: 40px;}
                        .company_history_box::before {top:0;}
                        .company_history_box + .company_history_box {margin-top: 40px;}
                        .year {
                            line-height:1;
                        }
                    }
                    .company_history_top_inner::before {content:"";width: 1px;height: 100%;position: absolute;top:0;left: 9px;background: rgb(var(--sub));}
                }
                .company_history_top_bottom {margin-top: 0;
                    .company_history_top_inner {padding-top: 40px;}
                }
            }
        }
    }
}

@media(max-width:460px){
    .company_sc1_point_wrap {
        padding:50px 0;
        .company_sc1_point_wrapper {
            .company_sc1_point_inner {
                flex-direction: column;gap: 20px 0;
                .company_sc1_point_box {
                    .point_info {padding:0;}
                }
            }
        }
        
    }
    .company_sc1_point_wrap::before {height: 100%;width: 1px;left: 50%;top:0;transform:translateX(-50%);}


    .company_sc2 {
        .company_sc2_inner {
            .cmp_sc2_organiztaion_wrapper{
                .cmp_sc2_organiztaion_inner {
                    .oranization_bridge_wrap {
                        .oranization_bridge_top {background-color: transparent;}
                        .oranization_bridge_bottom {display: none;}
                    }
                    .organization_list_box {
                        flex-direction: column;gap:40px 0;
                        .organization_list_wrap{
                            width: 100%;
                            .organization_list_item_wrap {flex-direction: row;gap:0 10px;
                                .organization_list_item {position: relative;}
                                .organization_list_item::before {content:"";width: 2px;height: 20px;background: rgb(var(--sub));position: absolute;top:-20px;left: 50%;transform:translateX(-50%);}
                            }
                        }
                       
                    }
                   
                }
            }
            
        }
    }
}

@media(max-width:320px){
    .company_sc4 {
        .company_sc4_inner {
            .company_sc4_info {
                .company_sc4_info_box {
                    .company_sc4_info_wrap {
                        flex-direction: column;;
                        .company_sc4_info_label {width: 100%;}
                        .company_sc4_info_cont {width: 100%;margin-top: 10px;}
                    }
                }
            }
        }
    }
}