/* 텍스트 리스트로 표현시 적용 */
    .txt { width: 100%; margin-bottom: 2%; }
    .txt:last-child { margin-bottom: 0; }
    .txt .le { width: 15%; float: left; background: #828282; color: #fff; padding: 10px; text-align: center; letter-spacing: 1px; }
    .txt .ri { width: 100%; }
    .txt p { margin-bottom: 7px; padding-left: 1em; position: relative; }
    .txt .ri p::after { content: "●"; color: #949494; font-size: 0.5em; position: absolute; display: inline-block; left: 0; top: 4px; }
    .txt p:last-child { margin-bottom: 0; }

    @media (max-width:1600px) {
        .txt .ri p::after { display: none; }
    }

    @media (max-width:750px) {
        .txt .ri p::after { content: "●"; color: #949494; font-size: 0.5em; position: absolute; display: inline-block; left: 0; top: 4px; }
        .txt .le { width: 25%; }
        .txt .ri { width: 100%; padding: 10px; }
    }

    @media (max-width:450px) {
        .txt .le { width: 100%; }
        .txt .ri { width: 100%; }
    }

    /* 이미지 영역 */
    .prf_header_lg { text-align: center; }
    .prf_header_lg .organization { text-align: center; margin-bottom: 50px; }
    .prf_header img { display: inline-block; margin-bottom: 20px; width: 100%; }
    .prf_header_lg { text-align: center; margin-bottom: 50px; }
    .prf_header .prf_h .selected { background-color: #fff; color: #829c2c; padding: 12px 3px; border: 3px solid #829c2c; text-shadow: none; margin-top: 30px; }
    .prf_header .prf_row .selected { background-color: #fff; color: #abc060; padding: 7px; border: 3px solid #abc060; text-shadow: none }

    /* 서브페이지 서브 타이틀 */
    .sub_container { float: left; width: 100%; margin-top: 50px; }
    .sub_tit { width: 100%; text-align: left; font-size: 24px; font-weight: 600; background-image: url(./img/icon01.png); background-repeat: no-repeat; background-position: left; padding-left: 3%; margin-bottom: 20px; margin-top: 20px; }

    @media (max-width:820px) {
        .sub_tit { padding-left: 10%; }
        .floor_box-item { width: 50%; }
    }

/* 테이블 */
    .table_r { font-size: 16.5px; padding: 0.5% 0; float: right; text-decoration: underline; }
    .t_line { padding: 5px 10px; }
    .th1_right_2 { line-height: 160%; padding: 15px 20px; border: 1px solid #ddd; }
    .th3_left { line-height: 160%; padding: 15px 20px; font-weight: 600; text-align: center; border: 1px solid #ddd; }
    .th3_right { line-height: 160%; padding: 15px 20px; border: 1px solid #ddd; }
    .th1_left { font-size: 16px; line-height: 160%; padding: 15px 20px; text-align: center; border: 1px solid #ddd; }
    .th1_left:first-child { border-left: none; }
    .th1_left2 { line-height: 160%; padding: 5px 20px; border: 1px solid #ddd; text-align: center; background-color: #fafafa; }
    .th1_right { line-height: 160%; padding: 15px 20px; border: 1px solid #ddd; font-size: 16px; }
    .th1_right:last-child { border-right: none; }
    .td_right { line-height: 160%; padding: 15px 20px; border: 1px solid #ddd; }
    .td1_left { line-height: 160%; padding: 15px 20px; border-bottom: solid #dddddd 1px; border: 1px solid #ddd; }
    .th5_left { font-size: 16px; line-height: 160%; padding: 15px 20px; text-align: center; border: 1px solid #ddd; font-weight: bold; letter-spacing: 0px; border-top: 2px solid #0078C3; background-color: #efefef; }
    .th5_left:last-child { border-right: none; }
    .th5_left:first-child { border-left: none; }
    .th5_right { font-size: 18px; line-height: 160%; padding: 15px 20px; text-align: center; font-weight: 600; letter-spacing: 0px; border: 1px solid #ddd; border-top: 2px solid #00AACF; }
    .th5_right2 { line-height: 160%; padding: 15px 20px; text-align: center; font-weight: 600; letter-spacing: 0px; border: 1px solid #ddd; }
    td p { padding-left: 18px; background: url(https://seoulcbid.or.kr/img/sub/point_gray.png) no-repeat left 8px; }

    @media (max-width: 992px) {
        .table_scroll { position: relative; width: 100%; overflow-x: scroll; overflow: auto; }
        .table_scroll { border: 1px solid #ccc; }
        .table_scroll>table { min-width: 780px; }
        .table_scroll>table { border-collapse: collapse; border-spacing: 0px; width: 100%; clear: both; text-align: center; margin-left: -1px; font-size: 0.93em; border-bottom: 1px solid #bbb; zoom: 1; }

        .scroll_tb span { background-color: #aaa; border-radius: 200px; padding: 4px 8px; font-weight: 600; font-size: 11px; top: -2px; position: relative; margin: 0 5px; color: #fff; width: 3%; }
        .scroll_tb { text-align: center; margin: 13px 0 0 0; float: left; width: 100%; font-size: 1em; border-left: 1px solid #ddd; padding: 5px 0 5px 0; border-right: 1px solid #ddd; border-top: 1px solid #ddd; }
    }

    /* 텍스트 관련 */
    h4 { font-size: 24px; font-weight: bold; }
    .le { font-size: 28px; font-weight: bold; clear: both; }
    .ri p { font-size: 20px; font-weight: 400; }
    .gray_txt p b { font-size: 20px; }
    .sub_txt_box p { font-size: 22px; margin-bottom: auto; }

    @media (max-width: 1024px) {
        .sub_txt_box p { font-size: 18px; margin-bottom: auto; }
    }

    .agency_box { color: #000; background: #f3f3f3; padding: 3%; float: left; width: 100%; }

    .sub_txt_box { float: left; width: 100%; margin-top: 1%; padding-left: 2%; letter-spacing: -1px; line-height: 155%; }
    .agency_box02 { border-radius: 25px; padding: 2.5%; }

.flex-content { display: flex; align-items: flex-start; gap: 10px; }
    .flex-content .sub_mini_title { font-size: 1rem; margin-bottom: 0; line-height: 1.55; }
    .flex-content .flex-ti { font-size: 1rem; font-weight: 400; flex: 1; line-height: 1.44; }

    #organization {}
    #organization .cont { margin-top: 40px; }
    #organization .ogran {}
    #organization .ogran .og1 { position: relative; }
    #organization .ogran .og1::before { content: ''; width: 1px; height: 300px; background-color: #ddd; position: absolute; left: calc(50% + 20px); top: 150px; transform: translateX(-50%); z-index: -1; }
    #organization .ogran .og1 .tabs { display: flex; align-items: center; justify-content: center; }
    #organization .ogran .og1 .og1_left { position: absolute; left: calc(50% - 435px); top: 50%; transform: translateY(-50%); }
    #organization .ogran .og1 .og1_left::after { content: ''; width: 185px; height: 1px; background-color: #ddd; position: absolute; right: -185px; top: 50%; transform: translateY(-50%); }
    #organization .ogran .og1 .og1_left a { width: 250px; border-radius: 15px; background-color: #EEF7E3; padding: 15px 20px; display: block; text-align: center; }
    #organization .ogran .og1 .og1_left a span { font-size: 1.11rem; font-weight: 700; color: #198054; }
    #organization .ogran .og1 .og1_center a { width: 150px; height: 150px; border-radius: 50%; background-color: #198054; border: 2px solid #198054; display: flex; align-items: center; justify-content: center; }
    #organization .ogran .og1 .og1_center a span { font-size: 1.44rem; color: #fff; font-weight: 700; }
    #organization .ogran .og1 .og1_center a:hover { background-color: #fff; }
    #organization .ogran .og1 .og1_center a:hover span { color: #198054; }
    #organization .ogran .og2 { position: relative; }
    #organization .ogran .og2::before { content: ''; width: 50%; height: 1px; background-color: #ddd; position: absolute; left: calc(50% + 20px); top: 27px; transform: translateX(-50%); z-index: -1; }
    #organization .ogran .og2 .tabs { display: flex; align-items: flex-start; justify-content: center; gap: 370px; margin-top: 30px; }
    #organization .ogran .og2 li a { border-radius: 15px; width: 250px; background-color: #EEF7E3; padding: 15px 20px; display: block; text-align: center; cursor: Default; }
    #organization .ogran .og2 li a span { font-size: 1.11rem; font-weight: 700; color: #198054; }
    #organization .ogran .og2 .og_le, #organization .ogran .og2 .og_ri { display: flex; flex-direction: column; gap: 10px; }
    #organization .ogran .og2 li .grayteam { background-color: #818181; position: relative; }
    #organization .ogran .og2 li .grayteam::before { content: ''; width: 100%; height: 1px; background-color: #ddd; position: absolute; left: -185px; top: 50%; transform: translateY(-50%); z-index: -1; }
    #organization .ogran .og2 li .grayteam span { color: #fff; }
    #organization .ogran .og3 { margin-top: 40px; position: relative; }
    #organization .ogran .og3::after { content: ''; width: 1px; height: 50px; background-color: #ddd; position: absolute; left: calc(50% + 20px); bottom: -50px; transform: translateX(-50%); }
    #organization .ogran .og3 a { display: block; width: 250px; border-radius: 15px; background-color: #198054; border: 2px solid #198054; padding: 15px 20px; margin: 0 auto; text-align: center; }
    #organization .ogran .og3 a span { font-size: 1.22rem; font-weight: 700; color: #fff; }
    #organization .ogran .og3 a:hover { background-color: #fff; }
    #organization .ogran .og3 a:hover span { color: #198054; }
    #organization .ogran .og4 { position: relative; }
    #organization .ogran .og4::before { content: ''; width: 84.5%; height: 1px; background-color: #ddd; position: absolute; left: calc(50% + 20px); top: -60px; transform: translateX(-50%); }
    #organization .ogran .og4 .tabs { display: flex; align-items: center; gap: 15px; margin-top: 110px; }
    #organization .ogran .og4 .tabs li { flex: 1; position: relative; }
    #organization .ogran .og4 .tabs li::before { content: ''; width: 1px; height: 60px; background-color: #ddd; position: absolute; top: -60px; left: 50%; transform: translateX(-50%); }
    #organization .ogran .og4 a { border: 1px solid #198054; border-radius: 15px; background-color: #fff; padding: 15px 5px; text-align: center; display: block; }
    #organization .ogran .og4 a span { font-size: 1.11rem; font-weight: 700; color: #198054; }
    #organization .ogran .og4 a:hover { background-color: #EEF7E3; }
    #organization .organ_table { margin-top: 40px; }
    #organization .organ_view { background-color: #FBFBFB; border-radius: 20px; padding: 30px; }
    #organization .organ_view .organ_details { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 30px; }
    #organization .organ_view .organ_details .detail_box { width: calc(50% - 15px); background-color: #fff; border: 3px solid #f4f4f4; border-radius: 20px; padding: 30px; display: flex; flex-direction: column; gap: 20px; }
    #organization .organ_view .organ_details .detail_box .detail_name { font-size: 1.11rem; font-weight: 700; color: #198054; font-family: "ONE-Mobile"; padding-bottom: 15px; border-bottom: 2px dashed #ddd; }
    #organization .organ_view .organ_details .detail_box .detail_name {}

    /* 조직도 상세 테이블 */
    #organization .organ_detail_section { display: none; margin-top: 40px; }
    #organization .organ_detail_section.active { display: block; }
    /*#organization .organ_detail_section .sub_container { background-color: #FBFBFB; border-radius: 20px; padding: 30px; margin-top: 0; }
    #organization .organ_detail_section .sub_tit { font-size: 1.22rem; font-weight: 700; color: #198054; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 2px solid #198054; background-image: none; padding-left: 0; }*/
    #organization .organ_detail_section .table_scroll { overflow-x: auto; }

    /* 반응형 미디어쿼리 */
    @media (max-width:1600px) {}
    @media (max-width:1440px) {}
    @media (max-width:1200px) {}
    @media (max-width:1024px) {}
    @media (max-width:991px) {}
    @media (max-width:768px) {
        #organization .ogran .og1 a { width: 130px; }
        #organization .ogran .og1 a span { font-size: 1.22rem; }
        #organization .ogran .og2 .tabs { gap: 200px; }
        #organization .ogran .og2 li a { width: 200px; }
        #organization .ogran .og2 li a span { font-size: 1rem; }
        #organization .ogran .og2 li .grayteam::before { left: -100px; }
        #organization .ogran .og3 a { width: 200px; }
        #organization .ogran .og3 a span { font-size: 1rem; }
        #organization .ogran .og4 .tabs { gap: 5px; }
        #organization .ogran .og4 a span { font-size: 0.94rem; }
    }

    @media (max-width:640px) { 
        #organization .organ_view { padding: 20px; }
        #organization .organ_view .organ_details .detail_box { padding: 20px; }
        #organization table { table-layout: unset; }
        #organization .organ_view .organ_details .flex-content { flex-direction: column; gap: 5px; }
        #organization .organ_view .organ_details .flex-content+.flex-content { margin-top: 10px; }
    }

.scroll {}
    .scroll .scroll_wd {}
    .scroll .scroll_td { font-size: 0.77rem; font-weight: 400; text-align: center; border: 1px solid #eee; margin-bottom: 2px; display: none; }
    .scroll table { border: 0; border-spacing: 0px; border-collapse: collapse; border-top: 2px solid #345096; width: 100%; }
    .scroll table th, .scroll table td { padding: 10px; font-size: 0.88rem; text-align: center; letter-spacing: -0.48px; line-height: 187%; border: 1px solid #ddd; vertical-align: middle; line-height: 187% !important; }
    .scroll table th { background-color: #f4f4f4; font-weight: 700; }
    .scroll table thead tr th { border-bottom: none; }
    .table_text_left { text-align: left !important; }
    .table_text_left p { line-height: 187%; } 
    
    @media (max-width:1024px) {
        .scroll { overflow-x: scroll; width: 100%; padding-bottom: 3px; }
        .scroll .scroll_wd { width: 1200px; }
        .scroll_td { display: block; }
        .scroll_wrapper { position: relative; }

        /* 양쪽 그림자 */
        .scroll_wrapper::before, .scroll_wrapper::after { content: ''; position: absolute; top: 0; width: 40px; height: 100%; z-index: 2; /* 내용(.scroll)보다 위로 */ pointer-events: none; /* 클릭/드래그 방해 금지 */
        }

        /* 왼쪽/오른쪽 활성화 시에만 보이게 */
        .scroll_wrapper.shadow-left::before { left: 0; background: linear-gradient(to right, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%); }
        .scroll_wrapper.shadow-right::after { right: 0; background: linear-gradient(to left, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%); }
    }

    @media (max-width:991px) {
        .scroll .scroll_wd { width: 1024px; }
    }

    @media (max-width:768px) {
        .scroll .scroll_wd { width: 991px; }
    }

    @media (max-width:640px) {
        .scroll .scroll_wd { width: 768px; }
    }

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