.double-select-wrap {
    width: 55vw;
    max-width: 1056px;
    margin: 0 auto;
    margin-bottom: 60px;
    margin-top: 80px;
  }
  .middle-table-title {
    font-weight: 700;
    font-size: 40px;
    line-height: 130%;
    color: #323232;
    /* margin: 0 0 50px 0; */
    margin: 0 0 60px 0;
  }
  .middle-map-title {
    font-weight: 700;
    font-size: 40px;
    line-height: 130%;
    color: #323232;
    text-align: center;
    margin: 100px 0 60px 0;
  }
  .middle-hilights-title {
    font-weight: 700;
    font-size: 40px;
    line-height: 130%;
    color: #323232;
    margin: 100px 0 60px 0;
  }
  .scope-map-wrapper {
    text-align: left;
    margin: 0 11.35vw 0 11.25vw;
    display: inline-block;
  }
  .li-box {
    padding: 20px 10px;
    width: 54.95vw;
    border-width: 1px 0px;
    border-style: solid;
    border-color: #d0d0d0;
    text-align: left;
    margin: 0 auto;
    margin-bottom: 80px;
  }
  .li-box span {
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    color: #323232;
  }
  .li-box ul {
    margin-top: 20px;
  }
  .li-box ul li {
    margin-bottom: 4px;
  }
  .li-box ul li:last-child {
    margin-bottom: 0;
  }
  .li-box ul li::before {
    content: "";
    background: url(/images/company/common/li-dot.png);
    width: 22px;
    height: 22px;
    margin: 3.5px 2px 3.5px 0;
    display: inline-block;
    position: absolute;
  }
  .li-box li span {
    font-weight: 400;
    font-size: 16px;
    line-height: 180%;
    color: #323232;
    display: block;
    margin-left: 24px;
    white-space: pre-line;
    /*수정*/
  }
  .loop-map {
    width: 90%;
    max-width: 1452px;
    margin: 0 auto 20px;
    padding: 0 22px;
  }
  .loop-map img {
    width: 100%;
  }
  .pdf-map-wrap {
    margin-bottom: 100px;
    position: relative;
    height: 32px;
  }
  .pdf-map {
    width: 89px;
    height: 32px;
    padding: 5px 5px 5px 10px;
    border: 1px solid #010a5a;
    text-align: left;
    line-height: 21px;
    top: 0;
    right: 13.54vw;
    background-color: #fff;
    cursor: pointer;
    position: absolute;
  }
  .pdf-map::after {
    content: "";
    background: url(/images/company/common/icon-download-blue.png);
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 4px 6px 6px 6px;
    background-repeat: no-repeat;
    position: absolute;
  }
  .pdf-map span {
    font-weight: 500;
    font-size: 12px;
    line-height: 130%;
    vertical-align: middle;
    color: #010a5a;
  }
  .normal-table-wrap {
    margin: 0 13.39vw 0 13.28vw;
    min-width: 700px;
  }
  .normal-table-title {
    margin: 0 0 20px 13.28vw;
    text-align: left;
  }
  .normal-table-title span {
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    color: #010a5a;
  }
  .normal-table-title .unit {
    margin-left: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #9d9d9d;
  }
  .normal-table-wrap.mg-b-61 {
    margin-bottom: 61px;
  }
  .normal-table-wrap.mg-b-80 {
    margin-bottom: 80px;
  }
  
  .tbl-li-box {
    text-align: left;
    margin: 0 13.39vw 0 13.28vw;
  }
  .tbl-li-box ul {
    margin-top: 20px;
  }
  .tbl-li-box ul li {
    margin-bottom: 6px;
  }
  .tbl-li-box ul li:last-child {
    margin-bottom: 0;
  }
  .tbl-li-box ul li::before {
    content: "";
    background: url(/images/company/common/li-dot.png);
    width: 22px;
    height: 22px;
    margin: 3.5px 2px 3.5px 0;
    display: inline-block;
    position: absolute;
  }
  .tbl-li-box li span {
    font-weight: 500;
    font-size: 16px;
    line-height: 180%;
    color: #010a5a;
    display: inline-block;
    margin-left: 24px;
  }
  /* 서비스 네트워크 - 맵 부분 select - 박솔찬 */
.hmm-select-wrap {
    display: block;
    width: 100%;
  }
  .hmm-select {
    display: inline-block;
    width: 50%;
  }
  .hmm-select select {
    font-family: "Pretendard";
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #010a5a;
    border: 1px solid rgba(162, 165, 173, 0.7);
    width: 100%;
    height: 60px;
    padding: 0px 16px 0px 24px;
    -webkit-appearance: none; /* for chrome */
    -moz-appearance: none; /*for firefox*/
    appearance: none;
    background: url(/images/company/service/service-network/icon-arrow-bottom.png);
    background-position: right 20px center;
    background-repeat: no-repeat;
    background-color: #ffffff;
  }
  
  .hmm-select select:required:invalid,
  .hmm-select select:disabled {
    color: #747474;
  }
  .hmm-select option[value=""][disabled] {
    display: none;
  }
  
  /* 이하 2개 붙은 select 영역*/
  .hmm-select.left select {
    border-right: none;
  }
  .hmm-select.left {
    position: relative;
  }
  .hmm-select.left.bold select {
    color: #747474;
    /* color: #010a5a; */
  }
  .hmm-select.left::after {
    width: 1px;
    height: 32px;
    content: "";
    background-color: rgba(162, 165, 173, 0.7);
    display: inline-block;
    position: absolute;
    top: 14px;
    z-index: 10;
  }
  .hmm-select.right select {
    border-left: none;
  }
  .hmm-search {
    display: none;
  }
  /* hmm-banner-box => 문의 유형 선택하는 영역 */
  .hmm-banner-box {
    width: 100%;
    text-align: center;
  }
  .hmm-banner-box .hmm-banner {
    display: inline-block;
    width: 160px;
    height: 44px;
    border: 1px solid #a2a5ad;
    padding: 13px 0px 12px;
    margin-right: 14px;
    cursor: pointer;
  }
  .hmm-banner-box .hmm-banner.en{
    padding: 21px 0 22px;
    height: 60px;
    vertical-align: middle;
  
  }
  .hmm-banner-box .hmm-banner.en.two-line {
    padding:11px 0;
  
  }
  .hmm-banner-box .hmm-banner:last-child {
    margin-right: 0px;
  }
  .hmm-banner-box .hmm-banner span {
    font-family: "Pretendard";
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    color: #9d9d9d;
  }
  .hmm-banner-box .hmm-banner:hover {
    border: 1px solid #010a5a;
  }
  .hmm-banner-box .hmm-banner:hover span {
    color: #010a5a;
    font-weight: 700;
  }
  .hmm-banner-box .hmm-banner.selected {
    background-color: #010a5a;
  }
  .hmm-banner-box .hmm-banner.selected span {
    color: #fff;
    font-weight: 700;
  }
  /*
    10-1-2 뉴스룸-상세페이지 이전글, 다음글 버튼 영역 
  */
  .hmm-text-select-wrap {
    width: 100%;
    border-width: 1px 0px;
    border-style: solid;
    border-color: #d0d0d0;
    padding: 20px 0px;
    margin-top: 100px;
  }
  .hmm-text-select-wrap .hmm-text-select {
    width: 50%;
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
  }
  .hmm-text-select-wrap .hmm-text-select span {
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: #323232;
    display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      overflow: hidden;
  }
  .hmm-text-select-wrap .hmm-text-select span:first-child {
    font-weight: 500;
    font-size: 12px;
    color: #747474;
    display: block;
    margin-bottom: 10px;
  }
  /* en */
  .hmm-text-select-wrap .hmm-text-select.prev {
    padding: 0 20px 0 8px;
    text-align: left;
    border-right: 1px solid #d0d0d0;
  }
  .hmm-text-select-wrap.en {
    text-align: left;
    padding: 20px 10px;
    margin-top: 80px;
  }
  .hmm-text-select-wrap.en .hmm-text-select.prev{
    border-right: unset;
    text-align: left;
  }
  .hmm-text-select-wrap.en .hmm-text-select span {
    line-height: 180%;
    overflow: unset;
    display: block;
    -webkit-line-clamp: unset;
    -webkit-box-orient:  unset;
    text-overflow: unset;
    white-space: nowrap;
  }
  .hmm-text-select-wrap.en .hmm-text-select span:first-child {
    font-family: 'Pretendard';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 120%;
  color: #323232;
  }
  .hmm-text-select-wrap .hmm-text-select.next.en {
    padding: 0;
  }
  .hmm-text-select-wrap .hmm-text-select.next.en span:first-child {
    padding-right: 8px;
  }
  .hmm-text-select-wrap .hmm-text-select.next.en span {
    padding: 0 8px 0 20px;
  }
  .hmm-text-select-wrap.en.contacts .hmm-text-select.prev  {
    padding: 0;
  }
  /* en 끝 */
  .hmm-text-select-wrap .hmm-text-select.next {
    padding: 0 8px 0 20px;
    text-align: right;
  }

  /* 03-1-2 서비스네트워크_진입 시 */
/* 백그라운드 */
.service-network-map {
    background-image: url(/images/company/service/service-network/service-network_map.png);
  
    background-repeat: no-repeat;
    background-size: contain;
    width: 66.35vw;
    height: 41.67vw;
    max-width: 1274px;
    max-height: 800px;
    margin: 0 auto;
    margin-bottom: 100px;
  }
  .service-network-map .service-network-map-wrap {
    background-image: none;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 41.67vw;
    max-width: 1274px;
    max-height: 800px;
  }
  .service-network-map-wrap.latin-america {
    background-image: url(/images/company/service/service-network/map-latin-america.png);
  }
  .service-network-map-wrap.europe {
    background-image: url(/images/company/service/service-network/map-asia-north-europe.png);
  }
  .service-network-map-wrap.mediterranean {
    background-image: url(/images/company/service/service-network/map-asia-the-mediterranean.png);
  }
  .service-network-map-wrap.india {
    background-image: url(/images/company/service/service-network/map-india-sub-continent.png);
  }
  .service-network-map-wrap.oceania {
    background-image: url(/images/company/service/service-network/map-oceania.png);
  }
  .service-network-map-wrap.intra-asia {
    background-image: url(/images/company/service/service-network/map-intra-asia.png);
  }
  .service-network-map-wrap.middle-east {
    background-image: url(/images/company/service/service-network/map-middle-east.png);
  }
  .service-network-map-wrap.russia {
    background-image: url(/images/company/service/service-network/map-russia.png);
  }
  .service-network-map-wrap.north-america {
    background-image: url(/images/company/service/service-network/map-asia-north-america.png);
  }
  .service-network-map-wrap.intra-europe {
    background-image: url(/images/company/service/service-network/map-intra-europe.png);
  }
  .service-network-map-wrap.transatlantic {
    background-image: url(/images/company/service/service-network/map-Europe-North-America.png);
  }
  
  /* 버튼 디폴트 */
  .button-map {
    /* width: 13.34%; */
    background-color: #ffffff;
    position: absolute;
    border: 1px solid #484b6a;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(10px, 0.625vw, 12px);
    line-height: clamp(100%, 0.625vw, 120%);
    height: 5%;
    max-height: 40px;
    color: #010a5a;
    padding: 0 20px;
  }
  /* 버튼호버시 */
  .button-map:hover {
    background: #010a5a;
    backdrop-filter: blur(5px);
    color: #ffffff;
  }
  .button-map:hover span {
    color: #ffffff;
  }
  
  /* 버튼 */
  .button-map.latin-america {
    bottom: 23.97%;
    right: 14.913%;
  }
  .button-map.europe {
    top: 40.25%;
    left: 7.613%;
  }
  .button-map.mediterranean {
    top: 45.875%;
    left: 7.613%;
  }
  .button-map.india {
    top: 66.375%;
    left: 18.6%;
  }
  .button-map.oceania {
    bottom: 15.875%;
    left: 42.386%;
  }
  .button-map.intra-asia {
    top: 58.5%;
    left: 38.147%;
  }
  .button-map.middle-east {
    top: 52.75%;
    left: 16.012%;
  }
  .button-map.russia {
    top: 35.125%;
    right: 47.96%;
  }
  .button-map.north-america {
    top: 47%;
    right: 28.65%;
  }
  .button-map-circle {
    position: absolute;
    width: 16px;
    height: 16px;
    left: 213px;
    top: 34px;
    background: rgba(116, 116, 116, 0.3);
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 100px;
  }
  
  .button-map span {
    font-weight: 500;
    font-size: 12px;
    line-height: 130%;
    color: #010a5a;
  }
  /* 03-2 서비스네트워크_Service Scope 선택시*/
  .map-by-continent-wrap {
    /* padding: 10px 10px 18px 10px; */
    background: #f3f5f7;
    display: inline-block;
    /* border-bottom: 2px solid #ee312f; */
    /* box-shadow: 0px 10px 30px rgba(37, 37, 50, 0.2); */
  }
  /* hover시 */
  .map-by-continent-img {
    background: url(/images/company/service/service-network/map-fill-small.png);
    width: 23vw;
    height: 13vw;
    background-size: cover;
    background-position: center;
  }
  .map-by-continent-wrap:hover {
    background: #ffffff;
    box-shadow: 0px 10px 30px rgba(37, 37, 50, 0.2);
  }
  .map-by-continent-wrap::after {
    transform: scaleX(0);
    transition: transform 0.2s ease-in-out;
    border-bottom: 2px solid #ee312f;
    height: 100%;
    content: "";
    display: block;
  }
  .map-by-continent-wrap:hover::after {
    transform: scale(1);
  }
  
  .map-by-continent-wrap:hover .map-by-continent-body span,
  .map-by-continent-wrap:hover .map-by-continent-title span {
    color: #010a5a;
  }
  .map-by-continent-textarea {
    padding: 16px 20px;
    width: 23vw;
    /* min-height: 110px; */
  }
  .map-by-continent-title {
    display: inline-block;
    margin-bottom: 6px;
  }
  .map-by-continent-title span {
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    color: #323232;
  }
  .map-by-continent-body {
    /* min-height: 43px; */
  }
  
  .map-by-continent-body span {
    font-weight: 400;
    /* font-size: 18px; */
    font-size: clamp(10px, calc(1vw * 1.2), 18px);
    line-height: 120%;
    color: #747474;
  }
  
  .map-by-continent-wrapper {
    display: inline-block;
    margin-right: 2.09vw;
    margin-bottom: 80px;
    float: left;
  }
  .map-by-continent-wrapper:nth-child(3n) {
    margin-right: 0;
  }
  .map-by-continent-wrapper:last-child {
    margin-bottom: 0;
  }

  .hmm-table {
    width: 100%;
    line-height: 130%;
    border-collapse: collapse;
    font-family: "Pretendard";
    text-align: center;
    font-size: 16px;
    color: #323232;
    table-layout: fixed;
  }
  
  .hmm-table tr {
    height: 60px;
  }
  
  .hmm-table thead th {
    border: 1px solid #d0d0d0;
    box-sizing: border-box;
  }
  
  .hmm-table thead td {
    border: 1px solid #d0d0d0;
    box-sizing: border-box;
  }
  
  .hmm-table thead th:first-child {
    border-left: none;
  }
  
  .hmm-table thead th:last-child {
    border-right: none;
  }
  
  .hmm-table thead td:first-child {
    border-left: none;
  }
  
  .hmm-table thead td:last-child {
    border-right: none;
  }
  
  .hmm-table tbody td,
  .hmm-table tbody th {
    border: 1px solid #d0d0d0;
    box-sizing: border-box;
  }
  
  .hmm-table tbody td:first-child,
  .hmm-table tbody th:first-child {
    border-left: none;
  }
  
  .hmm-table tbody td:last-child,
  .hmm-table tbody th:last-child {
    border-right: none;
  }
  
  /* .hmm-table tbody tr:last-child td:last-child {
    border-right: 1px solid #d0d0d0;
  } */
  .hmm-table thead th {
    width: 14.2%;
  }
  
  .hmm-table thead th {
    font-weight: 700;
  }
  
  .hmm-table thead td {
    font-weight: 700;
  }
  
  .hmm-table tbody td {
    font-weight: 400;
  }
  
  .hmm-table tbody th {
    font-weight: 400;
  }
  
  /* 테이블 min-width default 750px*/
  .hmm-table.min-width-500 {
    min-width: 500px;
  }
  
  .hmm-table.min-width-750 {
    min-width: 750px;
  }
  
  .hmm-table.min-width-1400 {
    min-width: 1400px;
  }
  
  /* color hmm-blue */
  .hmm-table.hmm-blue thead th {
    background-color: #010a5a;
    color: #fff;
  }
  
  .hmm-table.hmm-blue thead td {
    background-color: #010a5a;
    color: #fff;
  }
  
  /* width 1/n 일때 default 14.2% */
  .hmm-table.width-cell-3 th {
    width: 33.3%;
  }
  
  .hmm-table.width-cell-4 th {
    width: 25%;
  }
  
  .hmm-table.width-cell-5 th {
    width: 20%;
  }
  
  .hmm-table.width-cell-6 th {
    width: 16.67%;
  }
  
  /* font-size default 16px*/
  .hmm-table.fsize-cell-14 tbody tr td span {
    font-size: 14px;
  }
  
  /* font-weight */
  /*
  700 => Bold
  600 => SemiBold
  500 => Medium
  default 400
  */
  .hmm-table.bold-cell-1 tbody tr th:nth-child(1) {
    font-weight: 700;
  }
  
  .hmm-table.bold-cell-2 tbody tr td:nth-of-type(1) {
    font-weight: 700;
  }
  
  .hmm-table.bold-cell-3 tbody tr td:nth-of-type(2) {
    font-weight: 700;
  }
  
  .hmm-table.bold-cell-4 tbody tr td:nth-of-type(3) {
    font-weight: 700;
  }
  
  .hmm-table.bold-cell-5 tbody tr td:nth-of-type(4) {
    font-weight: 700;
  }
  
  .hmm-table.medium-cell-1 tbody tr th:nth-of-type(1) {
    font-weight: 500;
  }
  
  .hmm-table.medium-cell-2 tbody tr td:nth-of-type(1) {
    font-weight: 500;
  }
  
  .hmm-table.medium-cell-3 tbody tr td:nth-of-type(2) {
    font-weight: 500;
  }
  
  .hmm-table.medium-cell-4 tbody tr td:nth-of-type(3) {
    font-weight: 500;
  }
  
  .hmm-table.medium-cell-5 tbody tr td:nth-of-type(4) {
    font-weight: 500;
  }
  
  /* cell-width */
  .hmm-table.wide-cell-1 thead th:nth-child(1) {
    width: 43.2%;
  }
  
  .hmm-table.wide-cell-2 thead th:nth-child(2) {
    width: 43.2%;
  }
  
  .hmm-table.wide-cell-3 thead th:nth-child(3) {
    width: 43.2%;
  }
  
  .hmm-table.wide-cell-4 thead th:nth-child(4) {
    width: 43.2%;
  }
  
  .hmm-table.wide-cell-5 thead th:nth-child(5) {
    width: 43.2%;
  }
  
  .hmm-table.semiwide-cell-1 thead th:nth-child(1) {
    width: 35.8%;
  }
  
  .hmm-table.semiwide-cell-2 thead th:nth-child(2) {
    width: 35.8%;
  }
  
  .hmm-table.semiwide-cell-3 thead th:nth-child(3) {
    width: 35.8%;
  }
  
  .hmm-table.semiwide-cell-4 thead th:nth-child(4) {
    width: 35.8%;
  }
  
  .hmm-table.semiwide-cell-5 thead th:nth-child(5) {
    width: 35.8%;
  }
  
  .hmm-table.large-cell-1 thead th:nth-child(1) {
    width: 28.4%;
  }
  
  .hmm-table.large-cell-2 thead th:nth-child(2) {
    width: 28.4%;
  }
  
  .hmm-table.large-cell-3 thead th:nth-child(3) {
    width: 28.4%;
  }
  
  .hmm-table.large-cell-4 thead th:nth-child(4) {
    width: 28.4%;
  }
  
  .hmm-table.large-cell-5 thead th:nth-child(5) {
    width: 28.4%;
  }
  
  .hmm-table.small-cell-1 thead th:nth-child(1) {
    width: 11.93%;
  }
  
  .hmm-table.small-cell-2 thead th:nth-child(2) {
    width: 11.93%;
  }
  
  .hmm-table.small-cell-3 thead th:nth-child(3) {
    width: 11.93%;
  }
  
  .hmm-table.small-cell-4 thead th:nth-child(4) {
    width: 11.93%;
  }
  
  .hmm-table.small-cell-5 thead th:nth-child(5) {
    width: 11.93%;
  }
  
  .hmm-table.small-cell-6 thead th:nth-child(6) {
    width: 11.93%;
  }
  
  .hmm-table.small-cell-7 thead th:nth-child(7) {
    width: 11.93%;
  }
  
  
  .hmm-table.fixed-150-cell-1 tbody tr th:nth-child(1) {
    width: 150px;
  }
  
  /* hover event */
  .hmm-table.hover-hmm-blue tbody tr td:hover {
    color: #010a5a;
    font-weight: 700;
  }
  
  /* background-color */
  .hmm-table.bg-smoke-1 tbody td:nth-child(1) {
    background-color: #fafbfb;
  }
  
  .hmm-table.bg-smoke-2 tbody td:nth-child(2) {
    background-color: #fafbfb;
  }
  
  .hmm-table.bg-smoke-3 tbody td:nth-child(3) {
    background-color: #fafbfb;
  }
  
  .hmm-table.bg-smoke-4 tbody td:nth-child(4) {
    background-color: #fafbfb;
  }
  
  .hmm-table.bg-smoke-5 tbody td:nth-child(5) {
    background-color: #fafbfb;
  }
  
  /* .hmm-table.bg-smoke-flat-1 tr:nth-child(1) {
    background-color: #fafbfb;
  }
  .hmm-table.bg-smoke-flat-2 tr:nth-child(2) {
    background-color: #fafbfb;
  }
  .hmm-table.bg-smoke-flat-3 tr:nth-child(3) {
    background-color: #fafbfb;
  }
  .hmm-table.bg-smoke-flat-4 tr:nth-child(4) {
    background-color: #fafbfb;
  } */
  /* thead-row default 60px */
  .hmm-table.thead-row-2 thead tr {
    height: 40px;
  }
  
  /* unPivot */
  .hmm-table.unPivot {
    line-height: 120%;
  }
  
  .hmm-table.unPivot tbody tr {
    display: table-cell;
    width: 33.3%;
    vertical-align: top;
  }
  
  .hmm-table.unPivot tbody tr td {
    display: table;
    width: 100%;
    height: 60px;
    padding: 20px 0px 22px 0px;
    border-width: 0px 1px 1px 0px;
    border-color: #d0d0d0;
    border-style: solid;
    background-color: #fff;
  }
  
  .hmm-table.unPivot tbody tr td:last-child {
    border-bottom: unset;
  }
  
  .hmm-table.unPivot tbody tr:last-child td {
    border-right: none;
  }
  
  .hmm-table.unPivot tbody tr td span {
    display: table-cell;
    vertical-align: middle;
  }
  
  /* unPivot 2개테이블을 붙혀서 만들기 */
  .dropdown-table-title {
    background-color: #010a5a;
    height: 40px;
    padding: 9.5px 0px;
    text-align: center;
  }
  
  .dropdown-table-title span {
    font-weight: 700;
    font-size: 16px;
    line-height: 130%;
    color: #fff;
  }
  
  .dropdown-table {
    display: inline-block;
    width: 33.4%;
    vertical-align: top;
  }
  
  .dropdown-table.single {
    width: 20%;
  }
  
  .dropdown-table.double {
    width: 66.6%;
  }
  
  .dropdown-table .hmm-table.unPivot {
    border-left: 1px solid #d0d0d0;
    min-width: unset;
  }
  
  .dropdown-table.double .hmm-table {
    border-left: none;
  }
  
  .dropdown-table-wrap {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    margin: 0 13.39vw 0 13.28vw;
    min-width: 700px;
  }
  
  .dropdown-table-wrap .dropdown-table:first-child .hmm-table {
    border-left: none;
  }
  
  .mg-b-80 {
    margin-bottom: 80px;
  }
  
  .mg-b-90 {
    margin-bottom: 90px;
  }
  
  .hmm-table tbody tr td:first-child {
    font-weight: 500;
  }
  
  .hmm-table.lheight-120 {
    line-height: 120%;
  }
  
  .hmm-table.bold-clear tr td:first-child {
    font-weight: 400;
  }
  
  .hmm-table.th-bg-smoke tr th {
    background-color: #fafbfb;
    font-weight: 500;
    padding: 0 20px;
  }
  
  /* 
  컨택어스 - 현지정보테이블 
  */
  .location-table-wrap {
    overflow-x: auto;
  }
  
  .hmm-table.local-info tr td {
    text-align: left;
    padding-left: 20px;
  }
  
  .hmm-table.local-info tr td.align-center {
    text-align: center;
    padding-left: 0px;
    height: 80px;
  }
  
  .hmm-table.local-info tbody tr td>div {
    display: inline-block;
  }
  
  .hmm-table.local-info tbody tr td>div:first-child {
    margin-right: 16px;
    font-weight: 500;
  }
  
  .hmm-table.local-info tbody tr td>div span {
    display: block;
  }
  
  .hmm-table.local-info tbody tr td>div span:first-child {
    margin-bottom: 6px;
  }
  
  .hmm-table.loacl-info tbody tr th:nth-child(1) {
    width: 150px;
  }
  
  .hmm-table.local-info tbody tr th:nth-child(3) {
    width: 21.3%;
  }
  
  .hmm-table.local-info tbody tr th:nth-child(4) {
    width: 24.85%;
    min-width: 332px;
  }
  .hmm-table.local-info {
    table-layout: unset;
  }
@media (max-width: 900px) {
    
    .double-select-wrap {
      width: calc(100% - 44px);
      margin: 0 auto;
      margin-bottom: 40px;
    }
    .middle-map-title {
      font-size: 24px;
      color: #131313;
      margin: 60px 0 40px 0;
    }
    .middle-hilights-title {
      font-size: 24px;
      color: #131313;
      margin: 60px 0 40px 0;
    }
  
    .scope-map-wrapper {
      margin: 0px 22px;
      width: calc(100% - 44px);
    }
  
    .li-box {
      padding: 20px 10px;
      width: 93.6vw;
      border-width: 1px 0px;
      border-style: solid;
      border-color: #d0d0d0;
      text-align: left;
      margin: 0 auto;
      margin-bottom: 80px;
    }
    .li-box span {
      font-size: 16px;
    }
    .li-box ul {
      margin-top: 20px;
    }
    .li-box ul li {
      margin-bottom: 16px;
    }
    .li-box ul li:last-child {
      margin-bottom: 0;
    }
    .li-box ul li::before {
      content: "";
      background: url(/images/company/common/li-dot.png);
      width: 22px;
      height: 22px;
      margin: 0 2px 0 0;
      display: inline-block;
    }
    .li-box li span {
      font-weight: 400;
      font-size: 14px;
      line-height: 150%;
      color: #323232;
      display: inline-block;
    }
    .middle-table-title {
      font-size: 24px;
      color: #131313;
      margin: 0 0 40px 0;
    }
  
    .pdf-map-wrap {
      margin-bottom: 100px;
    }
    .pdf-map {
      right: 22px;
    }
  
    .normal-table-wrap {
      padding: 0 22px;
      margin: 0;
      min-width: unset;
      overflow-x: scroll;
    }
    .normal-table-title {
      margin: 0 0 20px 22px;
      text-align: left;
    }
    .normal-table-title span {
      font-size: 18px;
    }
    .normal-table-wrap.mg-b-61 {
      margin-bottom: 61px;
    }
    .normal-table-wrap.mg-b-80 {
      margin-bottom: 80px;
    }
  
    .tbl-li-box {
      text-align: left;
      margin: 0 22px;
      margin-bottom: 28px;
    }
    .tbl-li-box ul {
      margin-top: 20px;
    }
    .tbl-li-box ul li::before {
      content: "";
      margin: 0 2px 0 0;
    }
    .tbl-li-box li span {
      font-size: 14px;
      line-height: 180%;
    }
    /* .loop-map img {
      height: 56vw;
    } */

    /* 서비스 네트워크 - 맵 부분 select - 박솔찬 */
  .hmm-select {
    display: block;
    width: 100%;
  }
  .hmm-select select {
    font-size: 14px;
    border: 1px solid #d0d0d0;
    padding: 0px 40px 0px 24px;
    background-position: right 16px center;
    height: 50px;
  }
  .hmm-select.left {
    margin-bottom: 10px;
  }
  .hmm-select.left select {
    border-right: 1px solid #d0d0d0;
  }
  .hmm-select.right {
    border-left: 1px solid #d0d0d0;
  }
  .hmm-select.left::after {
    display: none;
  }
  .hmm-search {
    display: block;
    margin-top: 20px;
    height: 50px;
    width: 100%;
    border: 1px solid #010a5a;
    background-color: #ffffff;
  }
  .hmm-search span {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    text-align: center;
    color: #010a5a;
  }
  /* hmm-banner-box => 문의 유형 선택하는 영역 */
  .hmm-banner-box {
    text-align: left;
  }
  .hmm-banner-box .hmm-banner {
    width: 31.72%;
    height: 32px;
    padding: 9px 0;
    margin-right: 2.42%;
    margin-bottom: 8px;
    text-align: center;
  }
/* en */
  .hmm-banner-box .hmm-banner.en {
    padding: 15px 0;
    height: 44px;
  }
  .hmm-text-select-wrap.en .hmm-text-select span:first-child {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .hmm-text-select-wrap.en .hmm-text-select span {
    font-size: 12px;
    line-height: 150%;
  }
  .hmm-banner-box .hmm-banner.en.two-line {
    padding: 8px 0;
  }


    /* en  끝*/
    .hmm-banner-box .hmm-banner:nth-child(3){
    margin-right: 0;
    }
    .hmm-banner-box .hmm-banner:nth-child(4),
    .hmm-banner-box .hmm-banner:nth-child(5) {
    margin-bottom: 0px;
    }
    /* .hmm-banner-box .hmm-banner:nth-child(3) {
        margin-bottom: 8px;
    }
    .hmm-banner-box .hmm-banner:nth-child(3n) {
        margin-right: 0px;
    }
    .hmm-banner-box .hmm-banner:nth-child(3n + 1) {
        margin-bottom: 0px;
    }
    .hmm-banner-box .hmm-banner:nth-child(3n + 2) {
        margin-bottom: 0px;
    } */
    .hmm-banner-box .hmm-banner span {
        font-size: 12px;
    }
    /*
    10-1-2 뉴스룸-상세페이지 이전글, 다음글 버튼 영역 
    */
    .hmm-text-select-wrap {
        padding: 16px 0px;
    }
    .hmm-text-select-wrap .hmm-text-select {
        padding: 3px 0px;
    }
    .hmm-text-select-wrap .hmm-text-select span {
        display: none;
    }
    .hmm-text-select-wrap .hmm-text-select span:first-child {
        display: block;
        margin-bottom: 0px;
    }
    .hmm-text-select-wrap .hmm-text-select.prev {
        padding-left: 20px;
    }

    .hmm-text-select-wrap.contacts .hmm-text-select span {
        display: block;
    }
    .hmm-text-select-wrap .hmm-text-select.next {
        padding-right: 20px;
    }

    
    /* 03-1-2 서비스네트워크_진입 시 */
    .service-network-map {
        width: calc(100% - 20px);
        height: 100%;
        margin: 0 10px;
        margin-bottom: 80px;
    }
    .service-network-map .service-network-map-wrap {
        height: 62.83vw;
        margin-bottom: 12px;
    }
    .service-network-map .sub-title {
        height: 50px;
        vertical-align: middle;
        position: relative;
        margin: 0 2px;
        padding: 17px 0 0 0;
    }
    .service-network-map .sub-title span {
        font-weight: 500;
        font-size: 14px;
        line-height: 130%;
        color: #a2a5ad;
    }
    .service-network-map.on .sub-title span {
        font-weight: 700;
        color: #010a5a;
        margin-left: 31.5px;
    }
    .service-network-map.on .sub-title span::after {
        content: "";
        background: url(/images/company/common/icon_arrow_right_blue.png);
        background-repeat: no-repeat;
        width: 10px;
        height: 18px;
        text-align: center;
        margin-right: 21.5px;
        float: right;
    }
    .button-map {
        width: 16px;
        height: 16px;
        background: rgba(116, 116, 116, 0.3);
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
        border-radius: 100px;
        border: none;
        padding: 0;
        font-size: unset;
    }
    .button-map:hover {
        border-bottom: unset;
        width: 14.2px;
        height: 14.2px;
        background: rgba(1, 10, 90, 0.7);
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
    }
    /* 버튼 위치조정 */
    .button-map.oceania {
        left: 36.158%;
        top: 76.47%;
        /* top: 72.34%; */
    }
    .button-map.russia {
        left: 41.807%;
        top: 35.989%;
    }
    .button-map.intra-asia {
        left: 37%;
        top: 52.633%;
    }
    .button-map.europe {
        left: 9.039%;
        top: 34.639%;
    }
    .button-map.mediterranean {
        left: 11.299%;
        top: 48.135%;
    }
    .button-map.india {
        left: 24.858%;
        top: 61.181%;
    }
    .button-map.latin-america {
        right: 14.96%;
        bottom: 19.938%;
    }
    .button-map.north-america {
        left: 69.209%;
        top: 49.946%;
    }
    .button-map.middle-east {
        left: 17.514%;
        top: 53.983%;
    }
    .map-by-continent-wrap {
        pointer-events: none;
        padding: 0;
        display: flex;
        align-items: center;
        width: 100%;
        height: 80px;
    }
    .map-by-continent-wrapper {
        display: inline-block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .map-by-continent-img {
        background: url(/images/company/service/service-network/map-fill-small.png);
        width: 136px;
        height: 80px;
        background-size: cover;
        background-repeat: no-repeat;
        border: 0.5px solid #d0d0d0;
        float: left;
    }
    .map-by-continent-wrapper .map-by-continent-title span {
        font-size: 14px;
        color: #323232;
    }
    .map-by-continent-wrapper .map-by-continent-body span {
        font-size: clamp(10px, calc(1vw * 1.2), 14px);
        color: #747474;
    }
    .map-by-continent-title {
        margin-top: 0px;
        display: inline-block;
    }
    .map-by-continent-textarea {
        display: inline-block;
        margin-left: 10px;
        padding: 0 10px 0 0;
        width: calc(100% - 146px);
    }
    .map-by-continent-wrapper .map-by-continent-wrap::after {
        content: none;
    }
    .map-by-continent-wrapper .map-by-continent-wrap:hover {
        background: #f3f5f7;
        box-shadow: none;
    }
    .map-by-continent-wrap:hover .map-by-continent-body span {
        color: #747474;
    }
    .map-by-continent-wrap:hover .map-by-continent-title span {
        color: #323232;
    }
    .map-by-continent-body {
        min-height: unset;
    }

    
  .dropdown-table-wrap {
    min-width: unset;
    margin: 0 22px;
    border-bottom: unset;
    border-left: unset;
    border-right: unset;
  }

  .hmm-table {
    font-size: 14px;
  }

  .hmm-table thead tr {
    height: 60px;
  }

  .hmm-table tbody tr {
    height: 40px;
  }

  .border-top-none {
    border-top: unset;
  }

  .border-bottom-none {
    border-bottom: unset;
  }

  .hmm-table.unPivot tbody tr td:last-child {
    border-bottom: 1px solid #d0d0d0;
  }

  /* cell-width default 14.2% */
  .hmm-table.wide-cell-1 thead th:nth-child(1) {
    width: 350px;
  }

  .hmm-table.wide-cell-2 thead th:nth-child(2) {
    width: 350px;
  }

  .hmm-table.wide-cell-3 thead th:nth-child(3) {
    width: 350px;
  }

  .hmm-table.wide-cell-4 thead th:nth-child(4) {
    width: 350px;
  }

  .hmm-table.wide-cell-5 thead th:nth-child(5) {
    width: 350px;
  }

  .hmm-table.semiwide-cell-1 thead th:nth-child(1) {
    width: 150px;
  }

  .hmm-table.semiwide-cell-2 thead th:nth-child(2) {
    width: 150px;
  }

  .hmm-table.semiwide-cell-3 thead th:nth-child(3) {
    width: 150px;
  }

  .hmm-table.semiwide-cell-4 thead th:nth-child(4) {
    width: 150px;
  }

  .hmm-table.semiwide-cell-5 thead th:nth-child(5) {
    width: 150px;
  }

  .hmm-table.large-cell-1 thead th:nth-child(1) {
    width: 200px;
  }

  .hmm-table.large-cell-2 thead th:nth-child(2) {
    width: 200px;
  }

  .hmm-table.large-cell-3 thead th:nth-child(3) {
    width: 200px;
  }

  .hmm-table.large-cell-4 thead th:nth-child(4) {
    width: 200px;
  }

  .hmm-table.large-cell-5 thead th:nth-child(5) {
    width: 200px;
  }

  .hmm-table.small-cell-1 thead th:nth-child(1) {
    width: 200px;
  }

  .hmm-table.small-cell-2 thead th:nth-child(2) {
    width: 200px;
  }

  .hmm-table.small-cell-3 thead th:nth-child(3) {
    width: 200px;
  }

  .hmm-table.small-cell-4 thead th:nth-child(4) {
    width: 200px;
  }

  .hmm-table.small-cell-5 thead th:nth-child(5) {
    width: 200px;
  }

  .hmm-table.small-cell-6 thead th:nth-child(6) {
    width: 200px;
  }

  .hmm-table.small-cell-7 thead th:nth-child(7) {
    width: 200px;
  }

  .hmm-table.width-100-cell-3 thead th:nth-child(3) {
    width: 100px;
  }

  .hmm-table.width-100-cell-4 thead th:nth-child(4) {
    width: 100px;
  }

  /* hover event */
  .hmm-table.hover-hmm-blue tbody tr td:hover span {
    color: #323232;
    font-weight: 700;
  }

  /* unPivot  */
  .hmm-table.unPivot {
    min-width: unset;
  }

  .hmm-table.hmm-table.unPivot.on td.off {
    display: none;
  }

  .hmm-table.hmm-table.unPivot tr.on td.off {
    display: none;
  }

  .hmm-table.unPivot thead th {
    width: 100%;
    height: 60px;
    padding: 21px 10px !important;
    text-align: left;
    background-color: #ffffff;
    border-width: 0px 0px 1px 0px;
    border-color: #d0d0d0;
    border-style: solid;
    position: relative;
    cursor: pointer;
  }

  .hmm-table.unPivot thead th span {
    color: #323232;
    font-weight: 500;
  }

  .hmm-table.unPivot tbody tr td {
    height: 60px;
    padding: 21px 20px;
    text-align: left;
    background-color: #fafbfb;
    border-left: none;
    border-right: none;
  }

  .hmm-table.unPivot tbody td span {
    color: #747474;
  }

  /* .hmm-table.unPivot tbody td.on span {
    color: #323232;
    font-weight: 700;
  } */
  .hmm-table.unPivot thead tr {
    height: auto;
    display: grid;
  }

  .hmm-table.unPivot tbody tr {
    height: auto;
  }

  .hmm-table.unPivot thead td,
  .hmm-table.unPivot tbody,
  .hmm-table.unPivot td {
    display: none;
  }

  .hmm-table.unPivot.on,
  .hmm-table.unPivot.on thead,
  .hmm-table.unPivot.on tbody,
  .hmm-table.unPivot.on tr,
  .hmm-table.unPivot.on th,
  .hmm-table.unPivot.on tbody td {
    display: block;
  }

  .hmm-table.unPivot tbody tr {
    width: 100%;
  }

  .hmm-table.unPivot.on thead th {
    background-color: #010a5a;
  }

  .hmm-table.unPivot.on thead th span {
    color: #fff;
    font-weight: 700;
  }

  .hmm-table.unPivot.on th::after {
    content: "";
    position: absolute;
    width: 14px;
    height: 1px;
    top: 29px;
    right: 18px;
    background: url(/images/company/common/button-minus.png);
  }

  .hmm-table.unPivot th::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 6px;
    top: 27px;
    right: 19px;
    background: url(/images/company/common/icon-arrow-down.png);
  }

  /* 테이블 붙힌 영역 */
  .dropdown-table-title {
    display: none;
  }

  .dropdown-table-wrap .dropdown-table {
    display: block;
    width: 100%;
  }

  .dropdown-table .hmm-table.unPivot {
    border-left: none;
  }

  .dropdown-table .hmm-table.unPivot tr td {
    display: table;
  }

  .dropdown-table .hmm-table.unPivot tr td span {
    padding-left: 20px;
  }

  .dropdown-table .hmm-table.unPivot tr td span br {
    display: none;
  }

  /* 
hmm-table.flat 영역 
컨택어스- 현지정보 테이블 
*/
  .location-table-wrap {
    /* width: 700px; */
    min-width: 700px;
    margin-right: 22px;
  }

  .hmm-table.local-info tbody tr td {
    padding-left: 10px;
    font-size: 12px;
  }

  .hmm-table.local-info tr td.align-center {
    height: 60px;
  }

  .hmm-table.local-info tr:nth-child(5) th {
    font-size: 14px;
  }

  .hmm-table.local-info tbody tr td>div:first-child {
    margin-right: 12px;
  }
  .hmm-table.local-info tbody tr th {
    width: unset;
    padding: 0;
  }
  .hmm-table.local-info tbody tr th:nth-child(1) {
    width: 14.285%;
  }

  .hmm-table.local-info tbody tr th:nth-child(2) {
    width: 28.571%;
  }

  .hmm-table.local-info tbody tr th:nth-child(3) {
    width: 21.428%;
  }

  .hmm-table.local-info tbody tr th:nth-child(4) {
    width: 35.714%;
    min-width: unset;
  }
  .hmm-table.fixed-150-cell-1 {
    /* width: unset; */
    width: 100%;
  }
  }