@charset "utf-8";

/* lofa organization flow(tree) chart
 * @latest 2020.11.26 OSY
 * @latest 2021.02.16 CWK
 * @latest 2021.02.23 CWK (2차그룹 2개씩 묶인버전 feat.middleLine)
 * @latest 2022.03.10 OSY (3차그룹 추가 시 width값 유동적으로 변경)
 * @latest 2023.03.16 OSY 초중평 left 정렬 
*/

.subCon {margin-bottom:0;max-width: 100% !important;}
.subCon > div {max-width:100% !important;}
    @media (max-width:990px){
        .subCon > div {padding-left:0 !important; padding-right:0 !important;}

        .lofa_org, .orgUsrInfoList {padding:0 10px;}
    }


/* .lofa_org * {text-decoration:none !important; color:#4c4d4d;} */
.lofa_org {width:100%;position:relative;float:left;box-sizing:border-box;margin-top:30px;margin-bottom:100px;}
.lofa_org ol {width:100%;max-width:1100px;margin:0 auto;position:relative;text-align:center;padding-left: 0 !important;list-style: none !important;}
.lofa_org ol>li.org01 {display:inline-block; box-sizing:border-box;}
.lofa_org ol>li.org02 {width:100%; clear:both; box-sizing:border-box; position:relative;list-style:none;}
.lofa_org ol>li.org02>ul>li {width:100%; list-style:none;}
.lofa_org ol>li.org03 {width:100%;clear:both;display:block;position:relative;}
/*2depts*/
.lofa_org ol>li>ul {width:100%; float:left;padding:0;}
.lofa_org ol>li>ul>li {/*float:left;*/ display:inline-block; box-sizing:border-box; position:relative;list-style:none; vertical-align:top;}
.lofa_org ol>li>ul>li .dpt2_ul {margin:0 auto; position:relative;padding:0;}
.lofa_org ol>li>ul>li .dpt2_ul:before {/* content:""; */width:10px;height:10px;display:inline-block;border:2px solid #ddd;box-sizing:border-box;border-radius:5px;margin-right:5px;}
.lofa_org ol>li>ul>li .dpt2_ul .orgTit {font-size:18px;font-weight:600;border: 2px solid #b3b3b37a;border-radius:10px;box-sizing:border-box;}
.lofa_org ol>li>ul>li .dpt2_ul .coli {font-size:16px; font-weight:600; line-height:1.2em !important; padding:18px 0; border-radius:5px;box-sizing:border-box;border:1px solid rgba(0,0,0,0.03); overflow:hidden;}
.lofa_org ol>li>ul>li .dpt2_ul .coli.strongbg {background:#dbdbdb;}
.lofa_org ol>li>ul>li .dpt2_ul>li {list-style:none;}
/*3depts*/
.lofa_org ol>li>ul>li .dpt3_ul {box-sizing:border-box; border:1px solid rgba(0,0,0,0.08); border-radius:5px; padding: 1px;}
.lofa_org ol>li>ul>li .dpt3_ul .coli {border-radius:5px 5px 0 0;border:none;}
.lofa_org ol>li>ul>li .dpt3_ul .coli3 {width:100%;line-height:22px;font-size:14px;padding:5px;box-sizing:border-box; text-align:left;}
.lofa_org ol>li>ul>li .dpt3_ul .coli3:before {content:""; width:3px; height:3px; background:#333; opacity:0.8; display:inline-block; line-height:22px; vertical-align:middle; margin-right:4px;}
.lofa_org ol>li>ul>li .dpt3_ul>li {list-style:none;}

  .lofa_org .border_pink {border-color:#e75373 !important;}
  .lofa_org .border_blue {border-color:#3673c8 !important;}
  .lofa_org a:hover {text-decoration:underline;}

.lofa_org .middleLine{list-style: none;border-right: 2px solid #ddd;width: 1px;margin-left: 48%;height: 475px;margin-top: -25px;}

.dpt2_ul > li > .dpt3_ul {/* float:left; */margin-left:1%;max-width:115px;display: inline-block;vertical-align: top;}
.dpt2_ul > li > .dpt3_ul:only-child {width:100%}
.dpt2_ul > li > .dpt3_ul:nth-last-child(2), .dpt2_ul > li > .dpt3_ul:nth-last-child(2)+.dpt3_ul {width:48% !important;}
.dpt2_ul > li > .dpt3_ul:nth-last-child(3), .dpt2_ul > li > .dpt3_ul:nth-last-child(3)~.dpt3_ul {width:31.33333333333333% !important;}
.dpt2_ul > li > .dpt3_ul:nth-last-child(4), .dpt2_ul > li > .dpt3_ul:nth-last-child(4)~.dpt3_ul {width:23% !important;}
.dpt2_ul > li > .dpt3_ul:nth-last-child(5), .dpt2_ul > li > .dpt3_ul:nth-last-child(5)~.dpt3_ul {width:18% !important;}
/* .lofa_org ol>li>ul>li:nth-child(1) .dpt2_ul>li>dl:nth-of-type(1).dpt3_ul {margin-left:13.5%;} */

    @media (min-width:800px){
        .lofa_org ol>li.org01 {min-width: 170px;height:60px;line-height:60px;font-size:25px;margin:0 auto 20px;clear:both;border-radius:10px;padding-left: 5px;padding-right: 5px;}

        .lofa_org ol>li.org02 {padding:50px 0 20px 75%; float:right; background:url(/images/wzwg/module/orgInfo/dashline.png) repeat-y center;}
        .lofa_org ol>li.org02:before {content:""; position:absolute; left:50%; top:27px; width:37.5%; height:30px;
                                      border-radius:0 10px 0 0; border:2px dashed #ddd; border-width:2px 2px 0 0;}
        .lofa_org ol>li.org02>ul>li {float:right;}
        .lofa_org ol>li.org03 {padding-top:25px;}

        .lofa_org ol>li>ul {text-align:center;}
        .lofa_org ol>li>ul>li {width:50%; margin-right:-4px;}
        .lofa_org ol>li>ul>li .dpt2_ul {width:100%;}
        .lofa_org ol>li>ul>li .dpt2_ul .orgTit {width:50%; height:auto; min-height:55px; line-height:26px; margin-bottom:15px; margin-left:auto; margin-right:auto; padding:15px 10px;}
        .lofa_org ol>li>ul>li .dpt2_ul .orgTit:first-child ~ .orgTit {margin-top:40px; position:relative;}
        .lofa_org ol>li>ul>li .dpt2_ul .orgTit:first-child ~ .orgTit:before {content:""; width:10px; height:10px; display:inline-block; box-sizing:border-box;
                                                                       border:2px solid #ddd; border-radius:5px; position:absolute; top:-17px; left:50%; margin-left:-5px;}
        .lofa_org ol>li>ul>li .dpt2_ul .orgTit:first-child ~ .orgTit:after {content:""; width:2px; height:20px; position:absolute; top:-35px; left:50%; margin-left:-1px;
                                                                      background:url(/images/wzwg/module/orgInfo/dashline.png) repeat-y center;}
        .lofa_org ol>li>ul>li .dpt2_ul .coli {width:100%; margin-top:10px;}

        .lofa_org ol>li.org03:before {
                                      content:"";
                                      width:815px;
                                      max-width:48%;
                                      height:2px;
                                      border-top: 2px solid #ddd;
                                      position:absolute;
                                      top:0;
                                      left:50%;
                                      transform:translateX(-50%);
                                      }
        .lofa_org ol>li.org03>ul>li:first-child:before,
        .lofa_org ol>li.org03>ul>li:nth-child(2):before {
                                                        content:"";
                                                        position:absolute;
                                                        left:50%;
                                                        top:-25px;
                                                        width: 8px;
                                                        height:30px;
                                                        margin-left:-1px;
                                                        border-radius:10px 0 0 0;
                                                        border: 2px solid #ddd;
                                                        border-width: 2px 0 0 2px;
                                                        }

        .lofa_org ol>li.org03>ul>li:nth-child(3):before,
        .lofa_org ol>li.org03>ul>li:nth-child(4):before {content:""; position:absolute; left:50% !important; top:-25px !important; width:5px !important; height:30px; margin-left:-6px;
                                                        border-radius:0 10px 0 0; border:2px dashed #ddd; border-width:2px 2px 0 0;}

        .lofa_org ol>li>ul>li .dpt3_ul {width:100%; margin-bottom:10px;}
        .lofa_org ol>li>ul>li .dpt3_ul .coli {margin-top:0;}
        .lofa_org ol>li>ul>li .dpt3_ul .coli3:first-of-type {padding-top:15px;}
        .lofa_org ol>li>ul>li .dpt3_ul .coli3:last-of-type {padding-bottom:15px;}





        /* 2depts 4개 up! */
        .lofa_org ol>li>ul>li:nth-child(4n+1) {clear:both;}
        .lofa_org ol>li>ul>li:nth-child(4) ~ li {background:#fff; margin-top:70px; padding-top:25px;}
        .extends {background:url(/images/wzwg/module/orgInfo/dashline.png) repeat-y center; margin-top:-20px; padding-top:20px !important;}

        .lofa_org ol>li.org03>ul>li:nth-child(5):last-child:before {content:""; position:absolute; left:1px; top:0; width:100%; height:30px;
                                                                    background:url(/images/wzwg/module/orgInfo/dashline.png) repeat-y center; border-radius:0; border-width:0;}
        .lofa_org ol>li.org03>ul>li:nth-child(5):before {content:""; position:absolute; left:50%; top:0; width:50%; height:30px;  margin-left:-3px;
                                                        border-radius:10px 0 0 0; border:2px dashed #ddd; border-width:2px 0 0 2px;}
        .lofa_org ol>li.org03>ul>li:nth-child(6):before,
        .lofa_org ol>li.org03>ul>li:nth-child(7):before {content:""; position:absolute; left:-3px; top:0; width:100%; height:30px;
                                                         border:2px dashed #ddd; border-width:2px 0 0 0; background:url(/images/wzwg/module/orgInfo/dashline.png) repeat-y center;}
        .lofa_org ol>li.org03>ul>li:nth-child(8):before,
        .lofa_org ol>li.org03>ul>li:last-child:not(:nth-child(5)):before {
                                                        content:"";
                                                        position:absolute;
                                                        left:0;
                                                        width:50%;
                                                        height:30px;
                                                        margin-left:-3px;
                                                        background:#fff;
                                                        border-radius:0 10px 0 0;
                                                        border: 2px solid #ddd;
                                                        border-width:2px 2px 0 0;
                                                        }
    }


    @media (max-width:799px){
        .dpt2_ul > li > .dpt3_ul {width:55% !important; float:left !important;}
        .lofa_org ol>li>ul>li:nth-child(1) .dpt2_ul>li>dl:nth-of-type(1).dpt3_ul {/* margin-left:0; */}
        .lofa_org {float:left; margin-bottom:30px;}
        .lofa_org ol {float:left;}
        .lofa_org ol:before {content:""; position:absolute; top:73px; left:0; width: calc(50% - 75px); height:calc(100% - 85px); border:2px dashed #ddd;
                             border-width:2px 0 0 2px; /* z-index:-1; */ border-radius:5px 0 0 0;}
        .lofa_org ol>li.org01 {width:130px; height:130px; line-height:130px; font-size:20px; background:#fff;}
        .lofa_org ol>li.org02 {float:left;}
        .lofa_org ol>li.org03 {float:left;}
        .lofa_org ol>li>ul>li {float:left;width:100%;padding:40px 0 0 30px;}
        .lofa_org ol>li>ul>li:before {content:""; position:absolute; top:56px; left:0; width:17px; height:2px; border-top:2px dashed #ddd;}
        .lofa_org ol>li:last-child>ul>li:last-child:after {content:""; position:absolute; left:0; bottom:0; width:2px; height:calc(100% - 58px); background:#fff;}

        .lofa_org ol>li>ul>li .dpt2_ul {}
        .lofa_org ol>li>ul>li .dpt2_ul:before {position:absolute; left:-15px; top:12px;}
        .lofa_org ol>li>ul>li .dpt2_ul .orgTit {width:100%;float:left;font-size: 17px;border-radius:5px;padding: 8px 10px;margin-bottom:10px;}
        .lofa_org ol>li>ul>li .dpt2_ul .coli {width:55%;float:right;font-size: 16px;line-height:20px;padding: 9px 10px;margin-bottom:5px;}
        .lofa_org ol>li>ul>li .dpt2_ul .orgTit:first-child ~ .orgTit {clear:both; border-color:#bac8a9; font-size:14px; color:#505050; position:relative; margin-left:15px; width:calc(40% - 15px);}
        .lofa_org ol>li>ul>li .dpt2_ul .orgTit:first-child ~ .orgTit:before {content:""; width:10px; height:10px; display:inline-block; box-sizing:border-box;
                                                                       border:2px solid #ddd; border-radius:5px; position:absolute; top:50%; left:-13px; margin-top:-5px; margin-left:-5px;}

        .lofa_org ol>li>ul>li .dpt3_ul {width:55%; max-width:none; margin-bottom:5px;}
        .lofa_org ol>li>ul>li .dpt3_ul .coli {width:100%; float:left; margin-bottom:0;}
        .lofa_org ol>li>ul>li .dpt3_ul .coli3 {padding:2px 10px 2px 15px; float:left; text-align:left;}
        .lofa_org ol>li>ul>li .dpt3_ul .coli3:first-of-type {padding-top:8px;}
        .lofa_org ol>li>ul>li .dpt3_ul .coli3:last-of-type {padding-bottom:8px;}
    }



/*
organization info table
*/
.orgUsrInfoList {width:100%;float:left;/* background:#f7f7f7; */margin-top:50px;padding-bottom:50px;box-sizing:border-box;}
#orgInfoMemList {width:100%;max-width:1300px;position:relative;margin:0px auto 0;}
.lofa_orgbox {width:100%;max-width:1300px;/* float:left; */position:relative;margin:50px auto 0;display:block;}
.lofa_orgbox:after {content:""; display:block; clear:both; visibility:hidden; font-size:0; height:0;}
.lofa_orgbox button.org_open, .lofa_orgbox button.org_close {font-size:17px; padding:11px 20px;}
.lofa_orgbox button.org_open {float:right;margin:56px 0 15px;}
.lofa_orgbox button.org_close {float:right;position:absolute;top:0;right:0;margin-top:-60px;}

.hidn_org {display:none; position:relative; width:100%; clear:both;}
.lofa_orginfo {width:100%;clear:both;border-collapse:collapse;border-bottom:1px solid #cecece;margin:0 0 25px;}
.lofa_orginfo tbody tr th {padding:23px 15px;line-height:22px;background:#f8f8f8;background:#fff;border-right:1px solid #eeeeee;font-size:17px;color:#333;text-align:center;}
.lofa_orginfo tbody tr td {padding:23px 15px;line-height:22px;background:#fff;font-size:16px;color:#636363;text-align:center;}
.lofa_orginfo tbody tr:first-child th {border-top:2px solid #151515;}
.lofa_orginfo tbody tr:first-child td {border-top:2px solid #151515;}

.lofa_orgtbl {width:100%;max-width:1300px; clear:both;border-top:2px solid #151515;border-bottom:1px solid #ccc;border-collapse:collapse;margin:10px auto 25px;}
.lofa_orgtbl thead tr th {padding:20px 15px;line-height:22px;background:#f8f8f8;background:#fff; border-bottom:1px solid #eeeeee; border-right:1px solid #eeeeee;font-size:17px;color:#333;text-align:center;}
.lofa_orgtbl tbody tr td {padding:20px 10px;line-height:22px;background:#fff;border-bottom:1px solid #ddd;border-right:1px solid #eeeeee;font-size:16px;color:#636363;text-align:center;}
.lofa_orgtbl tbody tr:first-of-type td {border-top: 1px solid rgba(0,0,0,0.3);}
.lofa_orgtbl thead tr th:last-child, .lofa_orgtbl tbody tr td:last-child {border-right:none;}
/*.lofa_orgtbl tbody tr:nth-of-type(2n) {border-bottom:1px solid #ccc;}*/
.lofa_orgtbl tbody tr td.txt-l {text-align:left !important;}

.lofa_orgbox h5 {width:100%; float:left;}
.lofa_orgbox h5 > span#labelMember {font-size:28px; padding-right:15px; float:left; line-height:150%; position:relative; box-sizing:border-box; padding-top:25px;}
.lofa_orgbox h5 > span#labelMember:before {content:""; position:absolute; top:0; left:0; width:210px; height:2px; background:#133c7d;}


    @media (max-width:799px){
        .lofa_orgbox h5 > span#labelMember {font-size:22px; padding-top:15px;}
        .lofa_orgbox h5 > span#labelMember:before {width:100px;}

        .lofa_orginfo tbody tr th,
        .lofa_orginfo tbody tr td {padding:10px 5px;}

        .lofa_orgtbl thead tr th {padding:10px 5px;font-size: 15px;}
        .lofa_orgtbl tbody tr td {padding:3px 10px;font-size: 14px;height:40px;border-bottom:1px solid #eeeeee;border-right:1px solid #f9f9f9;word-break:break-all;}
        .lofa_orgtbl tbody tr td:last-child {border-right:none;}
    }








/* 시도지부 -branch office */
#ctrdInfo {max-width:1300px; margin:0 auto;}
/* tab */
#orgCtrdCodeListArea {width:100% !important; max-width:1300px; margin:0 auto !important;}
.wzbtn-table-ctrd { float:left; box-sizing:border-box; margin-right:-1px; margin-bottom:-1px; color:#666;  text-align:center;
                   border:1px solid #bbb; border-width:1px 0 1px 1px;  cursor:pointer;
                   -webkit-transition:background 1s; transition:background 1s;}
.wzbtn-table-ctrd.btn-orange:hover {background:transparent !important; color:#666 !important; border-color:#bbb !important; font-weight:600;}
.wzbtn-table-ctrd.selected {border:2px solid #cc6e2a;border-width:2px 2px 2px 2px !important;color:#cc6e2a;font-weight:600;}
.wzbtn-table-ctrd.selected:focus {outline:none;}
.wzbtn-table-ctrd.selected:hover {border-color:#cc6e2a !important; color:#cc6e2a !important;}
.wzbtn-table-ctrd:focus {outline:thin dotted;}
.wzbtn-table-ctrd:last-child {border-right-width:1px;}

    @media (min-width:800px){
        .wzbtn-table-ctrd {width:calc(16.666% + 1px); height:70px; padding:0 15px; font-size:18px;}
        .wzbtn-table-ctrd:nth-child(6n) {border-right-width:1px;}
        .wzbtn-table-ctrd:nth-child(6) ~ .wzbtn-table-ctrd {border-top-width:0;}
        .wzbtn-table-ctrd:nth-child(6n+1) {margin-left:0px; clear:both;}
        .wzbtn-table-ctrd.selected + .wzbtn-table-ctrd:not(:nth-child(6n+1)) {border-left-width:0;}
    }
    @media (max-width:799px){
        .wzbtn-table-ctrd {width:calc(25% + 1px); padding:0 5px; font-size:16px; height:50px;}
        .wzbtn-table-ctrd:nth-child(4n) {border-right-width:1px;}
        .wzbtn-table-ctrd:nth-child(4) ~ .wzbtn-table-ctrd {border-top-width:0;}
        .wzbtn-table-ctrd:nth-child(4n+1) {margin-left:0px; clear:both;}
        .wzbtn-table-ctrd.selected + .wzbtn-table-ctrd:not(:nth-child(4n+1)) {border-left-width:0;}
    }





 /*
  organization info table
  */
  .orgUsrInfoList {width:100%; float:left; /*background:#f7f7f7;*/ margin-top:50px; padding-bottom:50px; box-sizing:border-box;}
  #orgInfoMemList {width:100%;max-width:1300px;position:relative;margin:0px auto 0;}
  .basic_orgbox {width:100%;max-width:1300px;/* float:left; */position:relative;margin:50px auto 0;display:block;}
  .basic_orgbox:after {content:""; display:block; clear:both; visibility:hidden; font-size:0; height:0;}
  .basic_orgbox button.org_open, .basic_orgbox button.org_close {font-size:17px; padding:11px 20px;}
  .basic_orgbox button.org_open {float:right;margin:56px 0 15px;}
  .basic_orgbox button.org_close {float:right;position:absolute;top:0;right:0;margin-top:-60px;}

  .hidn_org {display:none; position:relative; width:100%; clear:both;}
  .basic_orginfo {width:100%;clear:both;border-collapse:collapse;border-bottom:1px solid #cecece;margin:0 0 25px;}
  .basic_orginfo tbody tr th {padding:23px 15px;line-height:22px;background:#f8f8f8; border-right:1px solid #eeeeee;font-size:17px;color:#333;text-align:center;}
  .basic_orginfo tbody tr td {padding:23px 15px;line-height:22px;background:#fff;font-size:16px;color:#636363;text-align:center;}
  .basic_orginfo tbody tr:first-child th {border-top:2px solid #151515;}
  .basic_orginfo tbody tr:first-child td {border-top:2px solid #151515;}
  .basic_orginfo ul li {margin-left: 10px}

  .basic_orgtbl {width:100%;max-width:1300px; clear:both;border-top:2px solid #151515;border-bottom:1px solid #ccc;border-collapse:collapse;margin:10px auto 25px;}
  .basic_orgtbl thead tr th {padding:20px 15px;line-height:22px;background:#f8f8f8; border-bottom:1px solid #eeeeee; border-right:1px solid #eeeeee;font-size:17px;color:#333;text-align:center;}
  .basic_orgtbl tbody tr td {padding:20px 10px;line-height:22px;background:#fff;border-bottom:1px solid #ddd;border-right:1px solid #eeeeee;font-size:16px;color:#636363;text-align:center;}
  .basic_orgtbl tbody tr td ul{padding-left:0!important; list-style: none!important;}
  .basic_orgtbl tbody tr td ul li{list-style: none!important;}
  .basic_orgtbl tbody tr:first-of-type td {border-top: 1px solid rgba(0,0,0,0.3);}
  .basic_orgtbl thead tr th:last-child, .basic_orgtbl tbody tr td:last-child {border-right:none;}
  /*.basic_orgtbl tbody tr:nth-of-type(2n) {border-bottom:1px solid #ccc;}*/
  .basic_orgtbl tbody tr td.txt-l {text-align:left !important;}

  .basic_orgbox h5 {width:100%; float:left;}
  .basic_orgbox h5 > span#labelMember {font-size:28px; padding-right:15px; float:left; line-height:150%; position:relative; box-sizing:border-box; padding-top:25px;}
  .basic_orgbox h5 > span#labelMember:before {content:""; position:absolute; top:0; left:0; width:210px; height:2px; background:#133c7d;}


  @media (max-width:799px){
      .basic_orgbox h5 > span#labelMember {font-size:22px; padding-top:15px;}
      .basic_orgbox h5 > span#labelMember:before {width:100px;}

      .basic_orginfo tbody tr th,
      .basic_orginfo tbody tr td {padding:10px 5px;}

      .basic_orgtbl thead tr th {padding:10px 5px;font-size: 15px;}
      .basic_orgtbl tbody tr td {padding:3px 10px;font-size: 14px;height:40px;border-bottom:1px solid #eeeeee;border-right:1px solid #f9f9f9;word-break:break-all;}
      .basic_orgtbl tbody tr td:last-child {border-right:none;}
  }

  /* info table */
  .subCon #orgCtrdCodeListArea ~ h5 {font-size:36px;margin-bottom:30px;width:100%;display:block;position:relative;padding-top:50px;line-height:150%;float:left;margin-top:90px;text-align:center;}
  .subCon #orgCtrdCodeListArea ~ h5:before {content:''; position:absolute; width:24px; height:2px; background:#ec6a00; top:10px; left:-12px; margin-left:50%; transform:rotate(-45deg);}
  .subCon #orgCtrdCodeListArea ~ h5 span {padding-left:0;}

  #orgCtrdListArea {width:100% !important; margin:0 !important; float:left;}
  #orgCtrdListArea table.basic_orgtbl {border-top-color:#333; border-bottom:1px solid #ccc;}
  #orgCtrdListArea table.basic_orgtbl thead tr th {font-size:16px; padding:21px 10px; border-bottom:1px solid rgba(0,0,0,0.5); border-right:none; background:#fff;}
  #orgCtrdListArea table.basic_orgtbl tbody tr td {font-size:16px; padding:21px 10px; border-bottom-color:#ddd; border-right:none;}


  /* map img ~ */
  #orgCtrdMapInfo {}
  #orgCtrdMapArea {width:100% !important; margin:0 !important; float:left;}
  #orgCtrdMapArea>div>a + div.wz-box {font-size:18px; margin:15px auto; max-width:1300px;}

  #orgCtrdMapArea .orgCtrdMapAreaData {width: 100%; text-align: center; overflow: auto;max-width:1300px;margin:0 auto;}

      @media (max-width:799px){
          .subCon #orgCtrdCodeListArea ~ h5 {font-size:27px;}

          #orgCtrdListArea table.basic_orgtbl thead tr th {font-size:15px; word-break:keep-all; padding:20px 0;}
          #orgCtrdListArea table.basic_orgtbl tbody tr td {font-size:14px; padding:20px 5px; word-break:break-word;}
      }

/* map img ~ */
#orgCtrdMapInfo {}
#orgCtrdMapArea {width:100% !important; margin:0 !important; float:left;}
#orgCtrdMapArea>div>a + div.wz-box {font-size:18px; margin:15px auto; max-width:1300px;}

#orgCtrdMapArea .orgCtrdMapAreaData {width: 100%; text-align: center; overflow: auto;max-width:1300px;margin:0 auto;}

    @media (max-width:799px){
        .subCon #orgCtrdCodeListArea ~ h5 {font-size:27px;}

        #orgCtrdListArea table.lofa_orgtbl thead tr th {font-size:15px; word-break:keep-all; padding:20px 0;}
        #orgCtrdListArea table.lofa_orgtbl tbody tr td {font-size:14px; padding:20px 5px; word-break:break-word;}
    }




/* search box */
.orgUsrInfoSearch {width: 100%; max-width: 1300px; margin: 40px auto; padding: 30px; box-sizing: border-box;
                  border: 1px solid #ccc; display: block; clear: both; text-align: center; position: relative;}
.orgUsrInfoSearch div {margin-top: 20px;width: auto;padding-right: 15%;}
.orgUsrInfoSearch div:first-child {margin-top: 0;}
.orgUsrInfoSearch span {font-size: 18px; clear: both; vertical-align: middle; width: 20%; text-align: right;
                        padding-right: 20px; line-height: 40px; display: inline-block; box-sizing: border-box;}
.orgUsrInfoSearch select {height:40px;width: 10% !important;display: inline-block;font-size: 15px;margin-right: 0.5%;}
.orgUsrInfoSearch div:last-of-type select {width: 35.5% !important;margin-right: 0;}
.orgUsrInfoSearch input[type="text"] {height: 40px;width: 25% !important;font-size: 15px;}
.orgUsrInfoSearch button {position: absolute;top: 30px;right: 23%;width: 10%;height: 100px;font-size: 18px;background: #333;color: #fff;}

    @media (max-width:799px){
      .orgUsrInfoSearch {padding: 20px 10px;}
      .orgUsrInfoSearch div {padding-right: 20%;}
      .orgUsrInfoSearch span {font-size: 16px; width: 25%; padding-right: 5px; letter-spacing: -0.5px;}
      .orgUsrInfoSearch select {width: 25% !important;}
      .orgUsrInfoSearch input[type="text"] {width: 44% !important;}
      .orgUsrInfoSearch div:last-of-type select {width: 69.5% !important;}
      .orgUsrInfoSearch button {width: 17%; right: 5%;top: 20px;}
    }




/* admin - orgInfo dataList */
.wz_notice {width:98%; display:inline-block;margin:2% 1%;}
.basic-table {width:98%;margin:2% 1%;}

.mngrMenu {margin-right: 2%; padding:0;}
.mngrMenu .table_tit {padding:5% 2% 0; text-align:center;}

#orgInfoTable {margin: 0 auto;}
#orgInfoTable li {float:none;}

#orgInfoMemList {display:none;vertical-align: top; width:100%; max-width: 1300px; /* float:left; */}

#dataList #orgDataRoot div.orgDataBox{position:relative;text-align: right;}
#dataList #orgDataRoot div.orgDataBox .orgNmBox{display:inline-block; float:left;line-height:30px;padding: 0 0 0 3%;box-shadow: 1px 1px 1px #888;}
#dataList #orgDataRoot div.orgDataBox .orgNmBox:hover{background-color: #d8d7d742; border-width: 2px;}
#orgInfoMemListArea {width:98%; margin:3% 1% 6%;}

.orgInfoColList ul {display: inline-block;}
.orgInfoColList ul li {border-style:solid; border-width:2px; border-color:rgba(0,0,0,0); border-radius: 5px;}
.orgInfoColList ul li.chk {border-color:#2a2e50;}
.orgInfoColList ul li button {width:30px; height:30px; border-radius:100%; overflow:hidden; border:1px solid rgba(0,0,0,0.05);outline:none;}

 @media (max-width:1300px){
  .mngrMenu {max-width:none;}
 }




 /* admin - orgCtrd info */
.orgCtrdCodeListAreaBox {width:45%; margin:2% 1% !important; float:left;}
#orgCtrdCodeListArea  button {font-size: 18px;}
#orgCtrdCodeListArea.mngr  button {font-size: 13px;}

.orgCtrdListAreaBox {width:50%; margin:2% 1% !important;float:left;}



 @media (max-width:900px){
   .orgCtrdCodeListAreaBox {width:98%;}
   .orgCtrdListAreaBox {width:98%;}
 }