@charset "utf-8";

/*reset.css--------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1px) {
  /*20240925 | 모달 수정*/
  .modal-header {
    padding: 16px 20px;
    border-bottom: 1px solid #ddd;
  }
  .modal-title {
    font-size: 20px;
    font-weight: 500;
    color: #323232;
  }
  .modal-header .close {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 30px;
    right: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 18.5L6 6.5M18 6.5L6 18.5' stroke='%23787878' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    opacity: 1;
  }
  .modal-body  {
    padding: 10px 0px; 
  } 
  .modal-header .close>span {
    display: none;
    /* width: 24px; */
    /* height: 24px;   */
  }
  .modal-body .select_list {
    margin: 0;
  }
  .modal-body .select_list li {
    height: 48px;
    border-top: 0;
  }
  .modal-body .select_list li a {
    line-height: 48px;
    height: 100%;
    padding: 0 24px;
    font-size: 17px;
    font-weight: 400;
    color: #323232;
  }
  .modal-body .select_list li.on a {
    color: #0098FF;
    font-weight: 700;
  }
  .modal-body .select_list li.on a::after {
    width: 24px;
    height: 24px;
    line-height: 1;
    content: "";
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 6L9 17L4 12' stroke='%230098FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }  
  .modal-footer {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/*common.css--------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1px) {
  /*20240925 | body가 감싸지 못하는 현상 해결*/
  body {
    height: auto;
    /* min-height: 100vh; */
    /* min-height: calc(100vh - 80px); */
    min-height: calc(100dvh - 68px);
    background: #F8F8F8; /*디자인에서 변경함.*/
  }
  body.no-header {
    min-height: 100dvh;
  }
  /*//20240925*/

  /*20240925 | 진한회색 추가*/
  body.gray2 {background-color: #E6E9EE;}
  /*//20240925*/

  /*20240925 | 백그라운드 회색이 굳이 필요없을듯 하다.*/
  .wrap {background: none;}
  /*//20240925*/

  /*20241002 | 필요할땐 또 필요함*/
  .wrap.bg-gray {background: var(--bg_gray);}
  /*//20241002*/  

  /*20241021 | 헤더 고정 */
  header,
  .header-type2 {
    /* z-index: 1; */
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0; right: 0;
    max-width: 1000px;
    margin: 0 auto;
  }

  /* .modal-open .modal .modal-content {
    max-height: 66.6dvh;
  } */

  /*20240925*/
  .logo_wrap .logo {
    padding-top: 22px;
    padding-bottom: 22px;
  }
  .logo_wrap .bell {
    right: auto;
    left: 20px; top: 50%; transform: translateY(-50%);
    width: 24px; height: 24px;
    border: 0;
    border-radius: 0;
  }
  .logo_wrap .bell::after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;    
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.60156 19.6006C8.60156 21.4806 10.1216 23.0006 12.0016 23.0006C13.8816 23.0006 15.4016 21.4806 15.4016 19.6006' stroke='%23323232' stroke-width='1.5' stroke-miterlimit='10' stroke-linejoin='bevel'/%3E%3Cpath d='M12 1.75V3.75' stroke='%23323232' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.0139 4.46985C15.9439 4.46985 19.0239 7.40942 19.0239 11.1525C19.0239 11.2015 19.0239 11.2407 19.0339 11.2799V17.2766C19.0339 17.4922 19.0839 17.6979 19.1739 17.8939L19.9439 19.5001H4.07388L4.85388 17.9037C4.95388 17.7077 5.00388 17.4922 5.00388 17.2766V11.2799C5.00388 11.2407 5.00388 11.1917 5.00388 11.1525C5.00388 7.39963 8.08388 4.46985 12.0139 4.46985ZM12.0139 3.00006C7.15388 3.00006 3.50388 6.66473 3.50388 11.1525L3.49388 10.9271V17.2766L2.51388 19.3049C1.98388 20.0006 2.48388 20.9903 3.37388 20.9903L20.6439 21.0001C21.5239 21.0001 22.0339 20.0104 21.5039 19.3147L20.5439 17.2766V10.9271L20.5339 11.1525C20.5239 6.66473 16.8739 3.00006 12.0139 3.00006Z' fill='%23323232'/%3E%3C/svg%3E%0A");
  }
  .logo_wrap .bell i {
    display: block;
    width: 4px;
    height: 4px;
    background: #FF5C4B;
    padding: 0;
    border-radius: 50%;
    top: 1px;
    right: -2px;    
  }
  
  /* 20241010  */
  .logo_wrap .prev {
    position: absolute;
    right: auto;
    left: 20px; top: 50%; transform: translateY(-50%);
    width: 24px; height: 24px;
    border: 0;
    border-radius: 0;    
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 20L8 12L16 4' stroke='%23323232' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  /* //20241010  */

  .logo_wrap .btn-gnb {
    position: absolute; 
    right: 20px; top: 50%; transform: translateY(-50%);
    width:24px; height: 24px; 
    display: flex; justify-content: center; align-items: center; 
  }
  .logo_wrap .btn-gnb::after {
    content: ''; 
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.25 3.75C1.25 3.33579 1.58579 3 2 3H22C22.4142 3 22.75 3.33579 22.75 3.75C22.75 4.16421 22.4142 4.5 22 4.5H2C1.58579 4.5 1.25 4.16421 1.25 3.75Z' fill='%23323232'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.25 12C1.25 11.5858 1.58579 11.25 2 11.25H22C22.4142 11.25 22.75 11.5858 22.75 12C22.75 12.4142 22.4142 12.75 22 12.75H2C1.58579 12.75 1.25 12.4142 1.25 12Z' fill='%23323232'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.25 20.25C1.25 19.8358 1.58579 19.5 2 19.5H22C22.4142 19.5 22.75 19.8358 22.75 20.25C22.75 20.6642 22.4142 21 22 21H2C1.58579 21 1.25 20.6642 1.25 20.25Z' fill='%23323232'/%3E%3C/svg%3E%0A");
  }
  .logo_wrap .btn-gnb.on::after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 4L4 20M4 4L20 20' stroke='%23323232' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .logo_wrap .btn-gnb span {position: absolute; left:-99999px}
  /*//20240925*/

  /*20240923*/
  /*GNB*/
  .gnb {
    display: none;
    z-index: 100;
    position: fixed;
    top: 68px; bottom: 0;
    left: 0; right: 0;
    background: #fff;
    overflow-y: auto;
  }
  @media screen and (min-width: 1000px) {
    .gnb {
        max-width: 1000px;
        width: 1000px;
        left: 50%;
        transform: translateX(-50%);
    }
  }
  .gnb.on {
    display: block;
  }
  .gnb>.inner {
    padding: 16px 20px;
  }
  .gnb .gnb-top {
    background: #0098FF;
    border-radius: 12px;
    color: #fff;
    height: 97px;
    display: flex;
    margin-bottom: 20px;
  }
  .gnb .gnb-top>li {
    position: relative;
    flex-grow: 1;
    text-align: center;
  }
  .gnb .gnb-top>li:nth-of-type(1):after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    display: block;
    width: 1px;
    height: 40px;
    background: #fff;
    opacity: 30%;
  }   
  .gnb .gnb-top>li>a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 4px;
    height: 100%;
  }
  .gnb .gnb-top>li>a:before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
  }
  .gnb .gnb-top>li:nth-of-type(1)>a:before {
    background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.83841 25.9179C8.64951 24.0069 10.5432 22.6667 12.75 22.6667H20.75C22.9568 22.6667 24.8505 24.0069 25.6616 25.9179M22.0834 12.6667C22.0834 15.6122 19.6955 18 16.75 18C13.8045 18 11.4167 15.6122 11.4167 12.6667C11.4167 9.72114 13.8045 7.33332 16.75 7.33332C19.6955 7.33332 22.0834 9.72114 22.0834 12.6667ZM30.0834 16C30.0834 23.3638 24.1138 29.3333 16.75 29.3333C9.38622 29.3333 3.41669 23.3638 3.41669 16C3.41669 8.63619 9.38622 2.66666 16.75 2.66666C24.1138 2.66666 30.0834 8.63619 30.0834 16Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .gnb .gnb-top>li:nth-of-type(2)>a:before {
    background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.25 14L14.9166 16.6667L20.9166 10.6667M26.9166 28V10.4C26.9166 8.15979 26.9166 7.03969 26.4807 6.18404C26.0972 5.43139 25.4853 4.81947 24.7326 4.43597C23.877 4 22.7569 4 20.5166 4H11.9833C9.7431 4 8.623 4 7.76735 4.43597C7.0147 4.81947 6.40278 5.43139 6.01929 6.18404C5.58331 7.03969 5.58331 8.15979 5.58331 10.4V28L9.24998 25.3333L12.5833 28L16.25 25.3333L19.9166 28L23.25 25.3333L26.9166 28Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .gnb .gnb-main {

  }
  .gnb .gnb-main .gnb-main-pt {
    margin-bottom: 8px;
  }
  .gnb .gnb-main .gnb-main-pt:last-of-type {
    margin-bottom: 0;
  }
  .gnb .gnb-main .gnb-main-pt>ul {
    background: #F0F0F0;
    border-radius: 16px;
    padding: 0 16px;
  }
  .gnb .gnb-main .gnb-main-pt>ul>li {
    position: relative;
    padding: 8px 0px;
    border-bottom: 1px solid #DDDDDD;
  }
  .gnb .gnb-main .gnb-main-pt>ul>li:last-of-type {
    border-bottom: 0;
  }
  .gnb .gnb-main .gnb-main-pt>ul>li>.btn-toggle {
    position: absolute;
    z-index: 2;
    top: 20px;
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23787878' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    /* border: 1px solid red; */
    text-indent: -9999px;
    width: 24px;
    height: 24px;
  }
  .gnb .gnb-main .gnb-main-pt>ul>li.on>.btn-toggle {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 15L12 9L6 15' stroke='%23787878' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .gnb .gnb-main .gnb-main-pt>ul>li>a {
    /* border: 1px solid red; */
    position: relative;
    display: block;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    font-weight: 500;
    color: #323232;
  }
  .gnb .gnb-main .gnb-main-pt>ul>li.on>a {
    color: #5089EF;
    font-weight: 700;
  }
  .gnb .gnb-main .gnb-main-pt>ul>li>a:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 18L15 12L9 6' stroke='%23787878' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .gnb .gnb-main .gnb-main-pt>ul>li>a:has(+ ul):after {
    display: none;
  }
  .gnb .gnb-main .gnb-main-pt>ul>li>ul {
    display: none;
  }
  .gnb .gnb-main .gnb-main-pt>ul>li.on>ul {
    display: block;
  }
  .gnb .gnb-main .gnb-main-pt>ul>li>ul>li {
    /* overflow: hidden; */
    /* height: auto; */
  }
  .gnb .gnb-main .gnb-main-pt>ul>li>ul>li>a {
    position: relative;
    display: block;
    color: #323232;
    font-size: 16px;
    font-weight: 400;
    padding: 8px 0 8px 12px;
  }
  .gnb .gnb-main .gnb-main-pt>ul>li>ul>li>a:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 4px;
    height: 4px;
    background: #323232;
    border-radius: 50%;
  }

  .gnb .gnb-bottom {
    margin-top: 20px;
    display: flex;
    column-gap: 33px;
    justify-content: center;
  }
  .gnb .gnb-bottom>li {
    position: relative;
  }
  .gnb .gnb-bottom>li:nth-of-type(1):after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -16px;
    content: "";
    display: block;
    width: 1px;
    height: 10px;
    background: #DDDDDD;
  }
  .gnb .gnb-bottom>li>a {
    font-size: 14px;
    font-weight: 700;
    color: #323232;
  }
  /*//20240923*/

  /*20240923 추가*/
  .fix_Menu {
    border-radius: 0;
    height: 72px;
  }
  .fix_Menu ul {
    padding: 0;
    height: 100%;
  }
  .fix_Menu ul li {
    flex-grow: 1;
    height: 100%;
  }
  .fix_Menu ul li a {
    display: flex;
    row-gap: 2px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 13px;
    font-weight: 400;
    color: #A7A7A7;
  }
  .fix_Menu ul li a::before {
    display: block;
    /* font-size: 130%; */
    /* font-family: 'FontAwesomeS'; */
    background: none;
    height: 24px;
    width: 24px;
    line-height: 1;
    border-radius: 0;
    margin: 0;
    color: #000;
  }
  .fix_Menu ul li.m01 a::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 10.5651C3 9.99071 3 9.70353 3.07403 9.43907C3.1396 9.2048 3.24737 8.98446 3.39203 8.78887C3.55534 8.56807 3.78202 8.39176 4.23539 8.03914L11.0177 2.76401C11.369 2.49076 11.5447 2.35413 11.7387 2.30162C11.9098 2.25528 12.0902 2.25528 12.2613 2.30162C12.4553 2.35413 12.631 2.49076 12.9823 2.76401L19.7646 8.03914C20.218 8.39176 20.4447 8.56807 20.608 8.78887C20.7526 8.98446 20.8604 9.2048 20.926 9.43907C21 9.70353 21 9.99071 21 10.5651V17.8C21 18.9201 21 19.4802 20.782 19.908C20.5903 20.2843 20.2843 20.5903 19.908 20.782C19.4802 21 18.9201 21 17.8 21H6.2C5.07989 21 4.51984 21 4.09202 20.782C3.71569 20.5903 3.40973 20.2843 3.21799 19.908C3 19.4802 3 18.9201 3 17.8V10.5651Z' stroke='%23A7A7A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.12598 14C8.57002 15.7252 10.1361 17 12 17C13.8638 17 15.4299 15.7252 15.8739 14' stroke='%23A7A7A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .fix_Menu ul li.m02 a::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 11H8M10 15H8M16 7H8M20 6.8V17.2C20 18.8802 20 19.7202 19.673 20.362C19.3854 20.9265 18.9265 21.3854 18.362 21.673C17.7202 22 16.8802 22 15.2 22H8.8C7.11984 22 6.27976 22 5.63803 21.673C5.07354 21.3854 4.6146 20.9265 4.32698 20.362C4 19.7202 4 18.8802 4 17.2V6.8C4 5.11984 4 4.27976 4.32698 3.63803C4.6146 3.07354 5.07354 2.6146 5.63803 2.32698C6.27976 2 7.11984 2 8.8 2H15.2C16.8802 2 17.7202 2 18.362 2.32698C18.9265 2.6146 19.3854 3.07354 19.673 3.63803C20 4.27976 20 5.11984 20 6.8Z' stroke='%23848484' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .fix_Menu ul li.m03 a::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.3163 19.4384C5.92462 18.0052 7.34492 17 9 17H15C16.6551 17 18.0754 18.0052 18.6837 19.4384M16 9.5C16 11.7091 14.2091 13.5 12 13.5C9.79086 13.5 8 11.7091 8 9.5C8 7.29086 9.79086 5.5 12 5.5C14.2091 5.5 16 7.29086 16 9.5ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z' stroke='%23848484' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .fix_Menu ul li.m04 a::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 10.5L11 12.5L15.5 8M20 21V7.8C20 6.11984 20 5.27976 19.673 4.63803C19.3854 4.07354 18.9265 3.6146 18.362 3.32698C17.7202 3 16.8802 3 15.2 3H8.8C7.11984 3 6.27976 3 5.63803 3.32698C5.07354 3.6146 4.6146 4.07354 4.32698 4.63803C4 5.27976 4 6.11984 4 7.8V21L6.75 19L9.25 21L12 19L14.75 21L17.25 19L20 21Z' stroke='%23848484' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  /*on*/
  .fix_Menu ul li.on a {
    color: #004190;
    font-weight: 700;
  }
  .fix_Menu ul li.on a::before {
    background-color: transparent;
  }
  .fix_Menu ul li.m01.on a::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 10.5651C3 9.9907 3 9.70352 3.07403 9.43905C3.1396 9.20478 3.24737 8.98444 3.39203 8.78886C3.55534 8.56806 3.78202 8.39175 4.23539 8.03912L11.0177 2.764C11.369 2.49075 11.5447 2.35412 11.7387 2.3016C11.9098 2.25526 12.0902 2.25526 12.2613 2.3016C12.4553 2.35412 12.631 2.49075 12.9823 2.764L19.7646 8.03913C20.218 8.39175 20.4447 8.56806 20.608 8.78886C20.7526 8.98444 20.8604 9.20478 20.926 9.43905C21 9.70352 21 9.9907 21 10.5651V17.8C21 18.9201 21 19.4801 20.782 19.908C20.5903 20.2843 20.2843 20.5903 19.908 20.782C19.4802 21 18.9201 21 17.8 21H6.2C5.0799 21 4.51984 21 4.09202 20.782C3.71569 20.5903 3.40973 20.2843 3.21799 19.908C3 19.4801 3 18.9201 3 17.8V10.5651Z' fill='%23004190' stroke='%23004190' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.12598 14C8.57002 15.7252 10.1361 17 12 17C13.8638 17 15.4299 15.7252 15.8739 14' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .fix_Menu ul li.m02.on a::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.8 22H15.2C16.8802 22 17.7202 22 18.362 21.673C18.9265 21.3854 19.3854 20.9265 19.673 20.362C20 19.7202 20 18.8802 20 17.2V6.8C20 5.11984 20 4.27976 19.673 3.63803C19.3854 3.07354 18.9265 2.6146 18.362 2.32698C17.7202 2 16.8802 2 15.2 2H8.8C7.11984 2 6.27976 2 5.63803 2.32698C5.07354 2.6146 4.6146 3.07354 4.32698 3.63803C4 4.27976 4 5.11984 4 6.8V17.2C4 18.8802 4 19.7202 4.32698 20.362C4.6146 20.9265 5.07354 21.3854 5.63803 21.673C6.27976 22 7.11984 22 8.8 22Z' fill='%23004190' stroke='%23004190' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 11H8M10 15H8M16 7H8' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .fix_Menu ul li.m03.on a::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' fill='%23004190' stroke='%23004190' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.31641 19.4384C5.92473 18.0052 7.34503 17 9.00011 17H15.0001C16.6552 17 18.0755 18.0052 18.6838 19.4384M16.0001 9.5C16.0001 11.7091 14.2092 13.5 12.0001 13.5C9.79097 13.5 8.00011 11.7091 8.00011 9.5C8.00011 7.29086 9.79097 5.5 12.0001 5.5C14.2092 5.5 16.0001 7.29086 16.0001 9.5Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' stroke='%23004190' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .fix_Menu ul li.m04.on a::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7.8C4 6.11984 4 5.27976 4.32698 4.63803C4.6146 4.07354 5.07354 3.6146 5.63803 3.32698C6.27976 3 7.11984 3 8.8 3H15.2C16.8802 3 17.7202 3 18.362 3.32698C18.9265 3.6146 19.3854 4.07354 19.673 4.63803C20 5.27976 20 6.11984 20 7.8V21L17.25 19L14.75 21L12 19L9.25 21L6.75 19L4 21V7.8Z' fill='%23004190' stroke='%23004190' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 10.5L11 12.5L15.5 8' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  /*//20240923*/

  /*20240927*/
  /* 개인정보 수집/이용 동의전용 헤더 (contents.css쪽으로 옮겨야할수도...) */
  .header-type2 {
    /* position: relative; */
    /* height: 78.11px; */
    height: 68px;
    background: #fff;
    box-shadow: 0px 4px 16px 0px #00000014;
  }
  .header-type2.no-shadow {
    box-shadow: none;
  }
  .header-type2 h1 {
    color: #787878;
    font-size: 17px;
    font-weight: 700;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .header-type2 .prev {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 20L8 12L16 4' stroke='%23323232' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .header-type2 .close {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 4L4 20M4 4L20 20' stroke='%23323232' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }  
  /*//20240927*/  

    /*20240927*/  
    /*체크박스*/
    /*new*/
  .ch-new {
    display: inline-block;
    position: relative;
    height: 24px;
    padding-left: 32px;
    cursor: pointer;
    line-height: 1.0;
  }
  .ch-new .ch-ip {
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;	
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: block;
    width:  24px;
    height: 24px;
    border: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2496_3554)'%3E%3Crect x='1.5' y='1' width='22' height='22' rx='5' stroke='%23C6C6C6' stroke-width='2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2496_3554'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  }
  .ch-new .ch-txt {
    font-size: 14px;
    color: #454855;
    line-height: 24px;
    font-weight: 400;
  }
  .ch-new.em .ch-txt {
    font-size: 16px;
    font-weight: 700;
    color: #323232;
  }
  .ch-new .ch-ip:checked {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2106_10559)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.5 0C3.18629 0 0.5 2.68629 0.5 6V18C0.5 21.3137 3.18629 24 6.5 24H18.5C21.8137 24 24.5 21.3137 24.5 18V6C24.5 2.68629 21.8137 0 18.5 0H6.5ZM18.5515 8.69619C18.9359 8.2997 18.9262 7.66662 18.5297 7.28214C18.1332 6.89767 17.5001 6.90741 17.1157 7.3039L10.7225 13.8969L7.8848 10.9706C7.50033 10.5741 6.86724 10.5643 6.47076 10.9488C6.07427 11.3333 6.06453 11.9664 6.449 12.3629L10.0046 16.0295C10.1929 16.2238 10.4519 16.3334 10.7225 16.3334C10.993 16.3334 11.252 16.2238 11.4404 16.0295L18.5515 8.69619Z' fill='%230098FF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2106_10559'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  }
  .ch-new .ch-ip:checked~.ch-txt {
    color: #05256B;
  }
  /* .ch-new .ch-ip:disabled {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='1.5' fill='%23EFEFEF' stroke='%23BCBCBC'/%3E%3C/svg%3E%0A");
  }
  .ch-new .ch-ip:disabled:checked {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='1.5' fill='%23EFEFEF' stroke='%23BCBCBC'/%3E%3Cpath d='M4 6.66667L7.23232 10L12 5' stroke='%23BCBCBC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .ch-new .ch-ip:disabled:checked~.ch-txt {
    color: #666;
  } */
    /*//20240927*/  

  /*20240930*/  
  /*.ch-new.sm*/
  .ch-new.sm {
    /* border: 1px solid red; */
    height: 18px;
    padding-left: 22px;
  }
  .ch-new.sm .ch-ip {
    width:  18px;
    height: 18px;
    border: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='16' height='16' rx='5' stroke='%23C6C6C6' stroke-width='2'/%3E%3C/svg%3E%0A");
  }
  .ch-new.sm .ch-txt {
    font-size: 13px;
    line-height: 18px;
    color: #323232;
  }
  .ch-new.sm .ch-ip:checked {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 0C2.68629 0 0 2.68629 0 6V12C0 15.3137 2.68629 18 6 18H12C15.3137 18 18 15.3137 18 12V6C18 2.68629 15.3137 0 12 0H6ZM13.7179 6.69615C14.1024 6.29966 14.0926 5.66657 13.6961 5.2821C13.2997 4.89763 12.6666 4.90737 12.2821 5.30385L7.66667 10.0635L5.7179 8.05385C5.33343 7.65737 4.70034 7.64763 4.30385 8.0321C3.90737 8.41657 3.89763 9.04966 4.2821 9.44615L6.94877 12.1961C7.13711 12.3904 7.39612 12.5 7.66667 12.5C7.93722 12.5 8.19623 12.3904 8.38457 12.1961L13.7179 6.69615Z' fill='%230098FF'/%3E%3C/svg%3E%0A");
  }
  .ch-new.sm .ch-ip:checked~.ch-txt {
    color: #05256B;
  }  
  /*//20240930*/

  

  /*20240927*/  
  /*하단 라지 버튼*/  
  .btn-page {
    display: block;
    width: 100%;
    height: 52px;
    line-height: 52px;
    color: #fff;
    background: #004190;
    border-radius: 15px;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    margin-top: 32px;
  }
  .btn-page.float {
    /* margin-top: 0; */
    position: sticky;
    left: 20px;
    right: 20px;
    /* width: auto; */
    bottom: 32px;
  }
  /*//20240927*/  

  /*20241021*/  
  #content {
    margin-top: 68px;
  }
  /*//20241021*/  

  /*20240927*/  
  /*#content>section 기본 디폴트 간격 지정*/
  #content>section {
    position: relative; 
    /* margin: 16px 20px; */
    /* padding: 16px 20px; */
    padding: 20px 20px;
  }
  /*//20240927*/  

  #content>section.shadow {
    box-shadow: 0px 4px 16px 0px #00000014 !important;
  }

  /*20240930 | 흰색배경 추가*/
  #content.white {
    background-color: #fff;
  }
  /*//20240930*/

  #content {
    /* border-top: 1px solid transparent; */
    border-top: 1px solid #fff;
    /* min-height: calc(100vh - 80px); */
    min-height: calc(100dvh - 68px);
  }

  /*20240927*/  
  /* Table 기본 스타일 */
  /*Basic Table (세로형)*/
  .tb {
    /* border: 1px solid #e3e3e3; */
    border-top: 1px solid #787878;
    border-bottom: 1px solid #787878;
    width: 100%;
    background: #fff;
  }
  .tb caption {
    position: absolute;
    height: 1px; 
    width: 1px; 
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
  }
  .tb th,
  .tb td {
    text-align: left;
    border-bottom: 1px solid #DDDDDD;
    border-right: 1px solid #F0F0F0;
    font-size: 14px;
    font-weight: 400;
    color: #323232;
    padding-left: 16px; 
    padding-right: 16px;
    /* padding-top: 3px; */
    /* padding-bottom: 3px; */
    height: 53px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .tb.narrow tbody th,
  .tb.narrow tbody td {
    height: 41px;
  }

  .tb tbody tr:last-of-type td,
  .tb tbody tr:last-of-type th {
    border-bottom: 0;
  }
  .tb thead tr th:last-of-type,
  .tb tbody tr td:last-of-type,
  .tb tbody tr th:last-of-type {
    border-right: 0;
  }
  .tb thead th {
    border-bottom: 1px solid #fff;
    border-right: 0;
    height: 41px;
    font-size: 14px;
    font-weight: 500;
    /* color: #323232; */
  }
  .tb th {
    font-weight: 600;
    font-size: 13px;
    color: #333;
    vertical-align: top;
    background: #E6E9EE;
  }
  .tb th.merged {
    vertical-align: top;
    padding-top: 16px;
  }
  .tb thead th {
    /* padding-top: 0; */
    vertical-align: middle;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
  }
  .tb tbody th {
    vertical-align: middle;
  }
  .tb tfoot td {
    background: #f9fafc;
    border-top: 1px solid #ededed;
  }
  .tb td {
    font-weight: 500;
    font-size: 13px;
    color: #666;
    line-height: 1.38;
  }
  .tb tr.active>td {
    background: #eaf5fa;
  }
  .tb thead.bg-blue th {
    background: #D3E1FB;
    border-bottom: 1px solid #D3E1FB;
  }
  .tb thead.bg-blue th {
    height: 59px;
  }
  .tb thead .btn-thead {
    position: absolute;
    right: 16px; left: auto;
    top: 12px; bottom: auto;
    background: #1F3169;
    color: #fff;
    height: 35px;
    border-radius: 15px;
    padding-left: 20px;
    padding-right: 20px;
  }

  /*Form Table (가로형)*/
  .tb.form-table {
    table-layout: fixed; 
  }
  .tb.form-table th,
  .tb.form-table td {
    border-left: 0;
    border-right: 0;
    vertical-align: middle;
  }
  .tb.form-table th {
    background: #f9fafc;
  }
  .tb.form-table td {
    font-weight: 400;
  }
  .tb-scroll-x {
    overflow-x: auto;
    overflow-y: hidden;
    border-right: 1px solid #e3e3e3;
  }
  .tb-scroll-x>table {
    white-space: nowrap;
    border-right: 0;
  }
  .tb-scroll-y {
    overflow-y: auto;
    border-top: 1px solid #111;
    border-bottom: 1px solid #e3e3e3;
  }
  .tb-scroll-y>table {
    border-top: 0;
    border-bottom: 0;
  }
  .tb-scroll-y>table>thead>tr>th {
    position: sticky;
    top: 0;
    z-index: 10;
  }
  .tb-scroll-y>table>tfoot>tr>td {
    position: sticky;
  bottom: 0px;
    z-index: 10;
  }
  .tb th.required {
    position: relative;
  }
  .tb th.required:after {
    position: relative;
    top: -6px;
    right: -5px;
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #ff404e;
    border-radius: 50%;
  }
  /*//20240927*/    

  /*20240927*/    
  /*페이지 대 타이틀 스타일 수정*/
  .title_area {
    font-size: 20px;
    font-weight: 500;
    text-align: left ;
    color: #000000;
    height: auto;
    margin: 16px 0 16px 0;
  }
  /*//20240927*/    
  /*20240930*/
  .tit-sub {
    font-size: 16.9px;
    font-weight: 400;
    color: #000;
    margin-bottom: 12px;
  }
  /*//20240930*/
  /*20241002*/
  /* 하단 결재 버튼 */
  .big-btn-wrap {
    display: flex;
    column-gap: 12px;
    margin-bottom: 12px;
  }
  .big-btn-wrap .big-btn {
    flex-basis: 0;
    flex-grow: 1;
    font-size: 14px;
    font-weight: 700;
    height: 52px;
    border-radius: 15px;
    
  }
  .big-btn-wrap .big-btn.white {
    color: #323232;
    background: #fff;
    border: 1px solid #DCE1E5;
  }
  .big-btn-wrap .big-btn.primary {
    color: #fff;
    background: #004190;
    border: 1px solid #004190;
  }
  /*//20241002*/

  /*20241002*/
  /* .no_data */
  .no_data {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 12px;
  }
  .no_data>i {
    width: 60px;
    height: 60px;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M55 30C55 43.8071 43.8071 55 30 55C16.1929 55 5 43.8071 5 30C5 16.1929 16.1929 5 30 5C43.8071 5 55 16.1929 55 30Z' fill='%23E4E4E4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.584 20C30.4814 20 31.209 20.7275 31.209 21.625V30.7917C31.209 31.6891 30.4814 32.4167 29.584 32.4167C28.6865 32.4167 27.959 31.6891 27.959 30.7917V21.625C27.959 20.7275 28.6865 20 29.584 20Z' fill='%23848484'/%3E%3Cpath d='M31.6667 37.8743C31.6667 39.0249 30.7339 39.9577 29.5833 39.9577C28.4327 39.9577 27.5 39.0249 27.5 37.8743C27.5 36.7238 28.4327 35.791 29.5833 35.791C30.7339 35.791 31.6667 36.7238 31.6667 37.8743Z' fill='%23848484'/%3E%3C/svg%3E%0A");
    text-indent: -9999px;
  }
  .no_data>strong {
    font-weight: 400;
    font-size: 14px;
    color: #323232;
  }
  /*//20241002*/

  .layer-popup {
    position: fixed;
    z-index: 200;
    top: 0; bottom: 0; 
    left: 0; right: 0;
    background-color: #f8f8f8;
    display: flex; display: none;
    flex-direction: column;
    max-width: 1000px; margin: 0 auto;
  }
  .layer-popup.on {
    display: flex;
  }
  .layer-popup-header {
    position: relative;
    margin: 0 auto;    
    width: 100%;
    height: 68px; flex-shrink: 0; flex-grow: 0;
    background: #fff;
    box-shadow: 0px 4px 16px 0px #00000014;    
  }
  .layer-popup-header h1 {
    color: #787878;
    font-size: 17px;
    font-weight: 700;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);    
  }
  .layer-popup-header .close {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 4L4 20M4 4L20 20' stroke='%23323232' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");  
  }
  .layer-popup-body {
    padding: 16px;
    overflow-y: auto;
    flex-grow: 1;
  }
  .layer-popup-footer {
    height: 116px;
    flex-grow: 0;
    background: #fff;
    padding: 20px;
  }
  .layer-popup-footer .btn-page {
    margin-top: 0;
  }  

  /*부트스트랩 데이트피커 수정*/
  .bootstrap-datetimepicker-widget {
    /* position: fixed; */
    /* top: 50px; */
    /* left: 50px; */
    padding: 15px !important;
    box-sizing: content-box;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #ddd;
  }
  .bootstrap-datetimepicker-widget .datepicker-days thead tr:nth-of-type(1) .picker-switch {
    font-size: 15px;
    font-weight: 500;
    color: #323232;
    word-spacing: 10px;
  }
  .bootstrap-datetimepicker-widget .datepicker-days thead tr:nth-of-type(1) .picker-switch:hover {
    background: none;
  }
  .bootstrap-datetimepicker-widget .datepicker-days thead tr:nth-of-type(1) .prev:hover {
    background: none;
  }
  .bootstrap-datetimepicker-widget .datepicker-days thead tr:nth-of-type(1) .next:hover {
    background: none;
  }
  .bootstrap-datetimepicker-widget .datepicker-days thead tr:nth-of-type(2) th.dow {
    color: #A7A7A7 !important;
    font-size: 12px;
  }
  .bootstrap-datetimepicker-widget .datepicker-days tbody tr td.day {
    width: 36px;
    height: 36px;
    padding: 0;
    line-height: 1;
    vertical-align: middle;
    border-radius: 50%;
  }
  .bootstrap-datetimepicker-widget .datepicker-days tbody tr td.day.disabled,
  .bootstrap-datetimepicker-widget .datepicker-days tbody tr td.day,
  .bootstrap-datetimepicker-widget .datepicker-days tbody tr td.day.weekend {
    color: #111927;
    /* color: green; */
  }
  .bootstrap-datetimepicker-widget .datepicker-days tbody tr td.day.active {
    background: #004190;
  }
  .bootstrap-datetimepicker-widget .datepicker-days tbody tr td.day.today {
    background: #E4E4E4;
  }
  .bootstrap-datetimepicker-widget .datepicker-days tbody tr td.day.today:before {
    display: none;
  }
  .bootstrap-datetimepicker-widget .datepicker-days tbody tr td.day:hover {
    background: #E4E4E4;
  }
  .bootstrap-datetimepicker-widget .datepicker-days tbody tr td.day.active.today {
    background: #004190;
  }

  .bootstrap-datetimepicker-widget .datepicker-months {
    /* border-top: 1px solid red; */
    padding-top: 15px;
    /* padding-bottom: 15px; */
  }
  .bootstrap-datetimepicker-widget .datepicker-months thead tr th {
    padding-bottom: 15px;
  }
  .bootstrap-datetimepicker-widget .datepicker-months .picker-switch {
    font-size: 15px;
    font-weight: 500;
    color: #323232;    
  }
  .bootstrap-datetimepicker-widget .datepicker-months .picker-switch:hover {
    background: none;
  }
  .bootstrap-datetimepicker-widget .datepicker-months thead tr:nth-of-type(1) .prev:hover {
    background: none;
  }
  .bootstrap-datetimepicker-widget .datepicker-months thead tr:nth-of-type(1) .next:hover {
    background: none;
  }
  .bootstrap-datetimepicker-widget .datepicker-months tr td {
    font-size: 0;
  }
  .bootstrap-datetimepicker-widget .datepicker-months tr td span.month {
    /* width: 80px; */
    width: 78px;
    height: 40px; line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    background: #F0F0F0;
    color: #787878;
    margin-left: 6px;
    margin-right: 6px;
  }
  .bootstrap-datetimepicker-widget .datepicker-months tr td span.month.active {
    background: #004190;
    color: #fff;
    font-weight: 500;    
  }

  .bootstrap-datetimepicker-widget .datepicker-years {
    /* border-top: 1px solid blue; */
    padding-top: 15px;
  }
  .bootstrap-datetimepicker-widget .datepicker-years thead th {
    padding-bottom: 15px;
  }
  .bootstrap-datetimepicker-widget .datepicker-years thead .picker-switch {
    font-size: 15px;
    font-weight: 500;
    color: #323232;     
  }
  .bootstrap-datetimepicker-widget .datepicker-years thead .picker-switch:hover {
    background: none;
  }
  .bootstrap-datetimepicker-widget .datepicker-years thead tr:nth-of-type(1) .prev:hover {
    background: none;
  }
  .bootstrap-datetimepicker-widget .datepicker-years thead tr:nth-of-type(1) .next:hover {
    background: none;
  }
  .bootstrap-datetimepicker-widget .datepicker-years tbody td {
    font-size: 0;
  }
  .bootstrap-datetimepicker-widget .datepicker-years tbody .year {
    width: 78px;
    height: 40px; line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    background: #F0F0F0;
    color: #787878;
    margin-left: 6px;
    margin-right: 6px;    
  }
  .bootstrap-datetimepicker-widget .datepicker-years tbody .year.active {
    background: #004190;
    color: #fff;
    font-weight: 500;    
  }



}

/*contents.css--------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1px) {
  /*UI-TAT-MT-001M2*/
  .btn-apply1 {
    color: #fff;
    /* height: 59px; */
    height: 50px;
    font-size: 18px;
    font-weight: 400;
    /* padding: 16px; */
    padding: 12px 16px;
    border-radius: 12px;
    width: 100%;
    text-align: left;
    background-color: #0098FF;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8308 10.9803L13.5197 7.66916M4 20.5L6.80156 20.1887C7.14385 20.1507 7.31499 20.1317 7.47496 20.0799C7.61688 20.0339 7.75194 19.969 7.87647 19.8869C8.01684 19.7943 8.1386 19.6726 8.38212 19.4291L19.3142 8.49696C20.2286 7.5826 20.2286 6.10013 19.3142 5.18577C18.3999 4.27141 16.9174 4.27141 16.0031 5.18577L5.07094 16.1179C4.82742 16.3614 4.70566 16.4832 4.6131 16.6235C4.53097 16.7481 4.46606 16.8831 4.42012 17.025C4.36833 17.185 4.34932 17.3561 4.31128 17.6984L4 20.5Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right 16px top 50%;
    margin-bottom: 20px;
    /* margin-bottom: 12px; */
  }
  .favorite-tit {
    font-size: 20px;
    /* font-size: 17px; */
    font-weight: 700;
    color: #323232;
    /* margin-bottom: 12px; */
    margin-bottom: 8px;
  }
  .favorite-menu {
    /* border: 1px solid red; */
    /* display: flex; */
    /* flex-wrap: wrap; */
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    /* gap: 8px 12px; */
    margin-bottom: 20px;
    /* margin-bottom: 12px; */
  }
  .favorite-menu>a {
    position: relative;
    /* border: 1px solid red; */
    /* flex-basis: calc(50% - 12px); */

    /* width: 154px; */
    /* height: 120px; */
    width: 100%;
    /* height: 120px; */
    /* height: 92px; */
    height: 108px;

    box-sizing: border-box;  
    background: #fff;
    border-radius: 16px;
    padding: 16px;
    /* font-size: 18px; */
    font-size: 18px;
    font-weight: 400;
    color: #1F3169;
  }
  .favorite-menu>a>em {
    font-weight: 700;
  }
  .favorite-menu>a.inter-path { 
    /* linear-gradient(107.19deg, #723EFF 13.67%, #0098FF 268.19%), */
    background-image: linear-gradient(107.19deg, #723EFF 13.67%, #0098FF 268.19%);
    /* background:  no-repeat bottom 0px right 0*/
    color: #fff;
  }
  .favorite-menu>a.inter-path:after { 
    /* border: 1px solid red; */
    content: "";
    display: block;
    width: 82px;
    height: 78px;
    background: url(/images/mpm/aismart/btr/main/inter-path.png) no-repeat 0 0;
    background-size: 82px 78px;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .favorite-menu>a.inter-path.long {
    grid-column: 1 / 3;
    height: 86px;
  }
  .favorite-menu>a.inter-path:after { 
    right: 0;
    bottom: auto;  
    top: 50%;
    transform: translateY(-50%);
  }
  .favorite-menu>a.ktx {
    background: url(/images/mpm/aismart/btr/main/KTX_02.png) no-repeat bottom 0px right 0;
    background-color: #fff;
    text-indent: -9999px;
    background-size: 70px;
  }
  .favorite-menu>a.ktx:after {
    position: absolute;
    top: 10px;
    left: 10px;
    content: "";
    display: block;
    /* width: 110px; */
    width: 77px;
    /* height: 50px; */
    height: 35px;
    background: url(/images/mpm/aismart/btr/main/transport_type_icon01.png);
    background-size: cover;
    background-repeat: no-repeat;
    /* border: 1px solid red; */
  }
  .favorite-menu>a.srt {
    background: url(/images/mpm/aismart/btr/main/SRT_02.png) no-repeat bottom 0px right 0;
    background-color: #fff;
    text-indent: -9999px;
    background-size: 70px;
  }
  .favorite-menu>a.srt:after {
    position: absolute;
    top: 10px;
    left: 10px;
    content: "";
    display: block;
    /* width: 110px; */
    width: 77px;
    /* height: 50px; */
    height: 35px;
    background: url(/images/mpm/aismart/btr/main/transport_type_icon02.png);
    background-size: cover;
    background-repeat: no-repeat;
    /* border: 1px solid red; */
  }
  .favorite-menu>a.exp {
    background: url(/images/mpm/aismart/btr/main/EXP_02.png) no-repeat bottom 0px right 0;
    background-color: #fff;
    background-size: 70px;
  }
  .favorite-menu>a.air-in {
    background: url(/images/mpm/aismart/btr/main/air-in.png) no-repeat bottom 0px right 0;
    background-color: #fff;
    background-size: 70px;
  }
  .favorite-menu>a.air-out {
    background: url(/images/mpm/aismart/btr/main/air-out.png) no-repeat bottom 0px right 0;
    background-color: #fff;
    color: #005B99;
    background-size: 70px;
  }
  .favorite-menu>a.accom-in {
    background: url(/images/mpm/aismart/btr/main/accom-in.png) no-repeat bottom 0px right 0;
    background-color: #fff;
    background-size: 70px;
  }
  .favorite-menu>a.accom-out {
    background: url(/images/mpm/aismart/btr/main/accom-out.png) no-repeat bottom 0px right 0;
    background-color: #fff;
    color: #005B99;
    background-size: 70px;
  }
  .large-form {
    /* border: 1px solid red;  */
    background: #fff;
    border-radius: 16px;
    padding: 12px 16px;
    /* margin-bottom: 20px;  */
    margin-bottom: 12px; 
  }
  .large-form .label {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #787878;
    margin-bottom: 8px;
  }
  .large-form button {
    display: block;
    height: 48px;
    font-size: 20px;
    font-weight: 700;
    color: #A7A7A7;
    width: 100%;
    text-align: left;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23787878' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 100% 50%;
  }
  .large-form button.on {
    color: #323232;
  }
  .large-form input[type="text"]::placeholder,
  .large-form input[type="number"]::placeholder {
    color: #A7A7A7;
  }
  .large-form input[type="text"],
  .large-form input[type="number"] {
    display: block;
    height: 48px;
    font-size: 20px;
    font-weight: 700;
    color: #323232;
    width: 100%;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    border:0;
  }
  .large-form .line {
    position: relative;
    left: -16px;
    height: 1px;
    width: calc(100% + 32px);
    background: #E4E4E4;
    margin-top: 8px;
    margin-bottom: 8px;
  }

  /*20240925 | 탭메뉴 수정*/
  .tap_menu {
    /* border: 1px solid red; */
  }
  .tap_menu ul {
    display: flex;
    justify-content: baseline;
    padding: 0;
    box-shadow: none;
    border-top: 0;
  }
  .tap_menu ul li {
    padding: 0;
    flex-grow: 1;
    flex-basis: 0;
    text-align: center;
  }
  .tap_menu ul li>a {
    text-align: center;
    color: #787878 !important;
    font-weight: 400;
    display: inline-block;
    width: auto;
    font-size: 15.6px;
    line-height: 38px;
  }
  .tap_menu ul li.on>a {
    color: #323232 !important;
    font-weight: 700;
  }
  .tap_menu ul li.on > a:after {
    /* display: none; */
    background: #000000;
  }

  /*20240926 | 은행선택*/
  .select_bank {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-left: 20px;
    padding-right: 20px;    

    /*20241211*/
    max-height: calc(100vh - 200px); 
    overflow-y: auto;
  }
  .select_bank>li {
    list-style: none;
  }
  .select_bank>li>button {
    display: flex;
    column-gap: 12px;
    align-items: center;
    width: 100%;
    text-align: left;
    border: 0;
    background: none;
    color: #323232;
    font-weight: 400;
    font-size: 14px;
    height: 60px;   
    cursor: pointer;
    /* padding: 0 20px; */
  }
  .select_bank>li>button:before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
  }
  .select_bank>li.bank-01>button:before {
    background: url(/images/mpm/aismart/btr/main/bank-01.png) no-repeat 0 0;
  }
  .select_bank>li.bank-02>button:before {
    background: url(/images/mpm/aismart/btr/main/bank-02.png) no-repeat 0 0;
  }
  .select_bank>li.bank-03>button:before {
    background: url(/images/mpm/aismart/btr/main/bank-03.png) no-repeat 0 0;
  }
  .select_bank>li.bank-04>button:before {
    background: url(/images/mpm/aismart/btr/main/bank-04.png) no-repeat 0 0;
  }
  .select_bank>li.bank-05>button:before {
    background: url(/images/mpm/aismart/btr/main/bank-05.png) no-repeat 0 0;
  }
  .select_bank>li.bank-06>button:before {
    background: url(/images/mpm/aismart/btr/main/bank-06.png) no-repeat 0 0;
  }
  .select_bank>li.bank-07>button:before {
    background: url(/images/mpm/aismart/btr/main/bank-07.png) no-repeat 0 0;
  }
  .select_bank>li.bank-08>button:before {
    background: url(/images/mpm/aismart/btr/main/bank-08.png) no-repeat 0 0;
  }
  .select_bank>li.bank-09>button:before {
    background: url(/images/mpm/aismart/btr/main/bank-09.png) no-repeat 0 0;
  }
  .select_bank>li.bank-10>button:before {
    background: url(/images/mpm/aismart/btr/main/bank-10.png) no-repeat 0 0;
  }
  .select_bank>li.bank-11>button:before {
    background: url(/images/mpm/aismart/btr/main/bank-11.png) no-repeat 0 0;
  }
  .select_bank>li.bank-12>button:before {
    background: url(/images/mpm/aismart/btr/main/bank-12.png) no-repeat 0 0;
  }
  .select_bank>li.bank-13>button:before {
    background: url(/images/mpm/aismart/btr/main/bank-13.png) no-repeat 0 0;
  }
  .select_bank>li.bank-14>button:before {
    background: url(/images/mpm/aismart/btr/main/bank-14.png) no-repeat 0 0;
  }

  /*20240927*/
  .agree-box {
    /* border: 1px solid red; */
  }
  .agree-box .top {
    padding-bottom: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E1E3EA;
  }
  .agree-box .bottom {
    margin-bottom: 20px;
  }
  .agree-box .bottom ul li {
    position: relative;
    margin-bottom: 20px;
  }
  .agree-box .bottom ul li:last-of-type {
    margin-bottom: 0;
  }
  .agree-box .bottom ul li .view {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    font-size: 14px;
    font-weight: 500;
    color: #787878;
    text-decoration: underline;
  }
  /*//20240927*/  

  /* 20240927 */
  /*UI-TAT-MT-001M3(개인정보처리방침)*/
  .private-terms {}
  .private-terms .top {
    /* border: 1px solid red; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
  }
  .private-terms .top p {
    font-size: 14px;
    font-weight: 400;
  }
  .private-terms .top .ctr {
    display: flex;
    column-gap: 20px;
  }
  .private-terms .top .ctr .ctr-prev,
  .private-terms .top .ctr .ctr-next {
    width: 24px;
    height: 24px;
    text-indent: -9999px;
  }
  .private-terms .top .ctr .ctr-prev {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 12H4M4 12L10 6M4 12L10 18' stroke='%23787878' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .private-terms .top .ctr .ctr-next {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12H20M20 12L14 6M20 12L14 18' stroke='%23787878' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .private-terms .bottom {
    background: #F0F0F0;
    border-radius: 16px;
    padding: 12px 16px;
  }
  .private-terms .bottom ul li {
    padding: 20px 0;
    border-bottom: 1px solid #DDDDDD;
  }
  .private-terms .bottom ul li:last-of-type {
    border-bottom: 0;
  }
  .private-terms .bottom ul li .tit-box {
    position: relative;
  }
  .private-terms .bottom ul li .tit-box>p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    color: #323232;
    margin-right: 44px;
  }
  .private-terms .bottom ul li.on .tit-box>p {
    color: #5089EF;
  }
  .private-terms .bottom ul li .tit-box>.bt-toggle {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23787878' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .private-terms .bottom ul li.on .tit-box>.bt-toggle {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 15L12 9L6 15' stroke='%23787878' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .private-terms .bottom ul li .con-box {
    display: none;
    margin-top: 22px;
  }
  .private-terms .bottom ul li.on .con-box {
   display: block; 
  }

  /* //20240927 */

  /* 20240930 */
  /* UI-TAT-MT-004R1 */
  .title_area {
    /* border: 1px solid red; */
  }
  .title_area .btn-present-loc {
    position: absolute;
    left: auto;
    right: 0;
    top: -3px;
    width: auto;
    border: 1px solid #DEE2E6;
    background: #F0F0F0;
    font-size: 13px;
    font-weight: 500;
    color: #323232;
    border-radius: 15px;
    padding: 7px 10px;
  }
  /* //20240930 */

  /* 20240930 */
  /* UI-TAT-MT-001R1 */
  .form_design {
    padding: 0;
    margin: 0;
    border-top: 0;
  }
  .form_design dl {
    display: block;
    padding: 0;
    margin-bottom: 15px;
  }
  .form_design dl:last-of-type {
    margin-bottom: 0;
  }
  .form_design dl dt {
    position: relative;
    font-size: 13px;
    font-weight: 500;
    color: #323232;
    line-height: 1;
    /* margin-bottom: 5px; */
    margin-bottom: 10px;
    display: flex;
    column-gap: 4px;
  }
  .form_design dl dt.req:after {
    content: "*";
    color: #0098FF;
    font-size: 13px;
    font-weight: 500;
    /* padding-left: 5px; */
  }
  .form_design dl dt .comment {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #0098FF;
  }
  .form_design dl dt .visit_today {
    position: absolute;
    top: 0px;
    right: 0px;
  }
  .form_design dl dd {}
  input[type="text"],
  input[type="number"],
  textarea {
    background: #fff;
    font-size: 15px;
  }
  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .with-unit {
    position: relative;
    display: flex;
  }
  .with-unit input {
    text-align: right;
    padding-right: 42px;
  }
  .with-unit>.unit {
    position: absolute;
    top: 50%; transform: translateY(-50%);
    right: 20px;
  }
  .decision-line {
    margin-bottom: 8px;
  }
  .decision-line>li {
    display: flex;
    justify-content: normal;
    column-gap: 6px;
    align-items: center;
    margin-bottom: 8px;
  }
  .decision-line>li:last-of-type {
    margin-bottom: 0;
  }
  .decision-line>li input {
    width: auto;
    flex-grow: 1;
    flex-basis: 0;
    flex-shrink: 0;
    /* margin-right: 50px; */
    min-width: 0;
  }
  .decision-line>li .btn-delete-line {
    flex-basis: auto;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2586_1013)'%3E%3Cpath d='M12 24.5C15.1826 24.5 18.2348 23.2357 20.4853 20.9853C22.7357 18.7348 24 15.6826 24 12.5C24 9.3174 22.7357 6.26516 20.4853 4.01472C18.2348 1.76428 15.1826 0.5 12 0.5C8.8174 0.5 5.76516 1.76428 3.51472 4.01472C1.26428 6.26516 0 9.3174 0 12.5C0 15.6826 1.26428 18.7348 3.51472 20.9853C5.76516 23.2357 8.8174 24.5 12 24.5ZM8.625 11.375H15.375C15.9984 11.375 16.5 11.8766 16.5 12.5C16.5 13.1234 15.9984 13.625 15.375 13.625H8.625C8.00156 13.625 7.5 13.1234 7.5 12.5C7.5 11.8766 8.00156 11.375 8.625 11.375Z' fill='%23004190'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2586_1013'%3E%3Crect width='24' height='24' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    text-indent: -9999px;
  }

  textarea {
    height: 100px;
  }
   input[type="text"]:disabled, 
   input[type="text"][readonly],
   input[type="number"]:disabled, 
   input[type="number"][readonly] {
    border: 1px solid #DDDDDD;
    background: #E6E9EE !important;
    color: #555555;
   }
   input[type="text"].search-large {
    height: 57px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 21L16.65 16.65M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z' stroke='%23787878' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right 20px top 50%;
    padding-right: 60px;
   }
   /* .form_design dl dd .sort_select { */
   .sort_select {   
    position: relative;
    text-align: left;
    border-radius: 12px;
    border: 1px solid #DDDDDD;
    color: #A7A7A7;
    background: #fff;
    height: 45px;
    line-height: 45px;
   }
   /* .form_design dl dd .sort_select.on { */
  .sort_select.on {    
    color: #323232;
   }
   /* .form_design dl dd .sort_select:after { */
  .sort_select:after {    
    position: absolute;
    top: 50%; transform: translateY(-50%);
    right: 20px;
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    /* background: red; */
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6.5L8 10.5L4 6.5' stroke='%23323232' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
   }
  /* //20240930 */

  /* 20240930 */
  .day_term.full ul {
    flex-basis: 100%;
  }
  .day_term ul li button {
    background: #fff;
    border-color: #DDDDDD;
    font-size: 13px;
  }
  .day_term ul li button.on {
    font-weight: 500;
  }
  /* //20240930 */

  /* 20240930 */
  /*info*/
  .info {
    background: #D3E1FB;
    border-radius: 8px;
    padding: 8px 16px;
    margin-top: 8px;
  }
  .info ul li {
    position: relative;
    color: #1F3169;
    font-size: 13px;
    /* border: 1px solid red; */
    padding-left: 10px;
    line-height: 19px;
  }
  .info ul li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0px;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: #1F3169;
  }
  .info ul li>em {
    font-weight: 700;
  }
  .info2 {
    position: relative;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -1px;
    color: #555;
    line-height: 1;
    margin-top: 5px;
    padding-left: 15px;
  }
  .info2:before {
    position: absolute;
    top: 50%; transform: translateY(-50%);
    left: 6px;
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #555;
  }
  /* //20240930 */

  .info3 {
    position: relative;
    font-size: 12px;
    font-weight: 400;
    /* letter-spacing: -1px; */
    color: #555555;
    line-height: 1.3;
    margin-top: 5px;
    /* padding-left: 15px; */
  }
  .info3>em {
    font-weight: 500;
  }

  /* 20240930 */
  .form-row2 {
    display: flex;
    column-gap: 4px;
    align-items: center;
  }
  .input-group > .form-control {
    font-size: 100%;
    color: #323232;
    padding-left: 20px;
  }
  .input-group .input-group-append {
    /* border: 1px solid red; */
  }
  .input-group .input-group-append .input-group-text {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 0C6.05312 0 6.5 0.446875 6.5 1V2H10.5V1C10.5 0.446875 10.9469 0 11.5 0C12.0531 0 12.5 0.446875 12.5 1V2H14C14.8281 2 15.5 2.67188 15.5 3.5V5H1.5V3.5C1.5 2.67188 2.17188 2 3 2H4.5V1C4.5 0.446875 4.94688 0 5.5 0ZM1.5 6H15.5V14.5C15.5 15.3281 14.8281 16 14 16H3C2.17188 16 1.5 15.3281 1.5 14.5V6ZM3.5 8.5V9.5C3.5 9.775 3.725 10 4 10H5C5.275 10 5.5 9.775 5.5 9.5V8.5C5.5 8.225 5.275 8 5 8H4C3.725 8 3.5 8.225 3.5 8.5ZM7.5 8.5V9.5C7.5 9.775 7.725 10 8 10H9C9.275 10 9.5 9.775 9.5 9.5V8.5C9.5 8.225 9.275 8 9 8H8C7.725 8 7.5 8.225 7.5 8.5ZM12 8C11.725 8 11.5 8.225 11.5 8.5V9.5C11.5 9.775 11.725 10 12 10H13C13.275 10 13.5 9.775 13.5 9.5V8.5C13.5 8.225 13.275 8 13 8H12ZM3.5 12.5V13.5C3.5 13.775 3.725 14 4 14H5C5.275 14 5.5 13.775 5.5 13.5V12.5C5.5 12.225 5.275 12 5 12H4C3.725 12 3.5 12.225 3.5 12.5ZM8 12C7.725 12 7.5 12.225 7.5 12.5V13.5C7.5 13.775 7.725 14 8 14H9C9.275 14 9.5 13.775 9.5 13.5V12.5C9.5 12.225 9.275 12 9 12H8ZM11.5 12.5V13.5C11.5 13.775 11.725 14 12 14H13C13.275 14 13.5 13.775 13.5 13.5V12.5C13.5 12.225 13.275 12 13 12H12C11.725 12 11.5 12.225 11.5 12.5Z' fill='%23A7A7A7'/%3E%3C/svg%3E%0A");    
    background-repeat: no-repeat;
    background-position: 50% 50%;
  }
  .input-group .input-group-append .far {
    display: none;
  }
  /* //20240930 */

  /* 20240930 */
  /* destination-wrap */
  .destination-wrap {
    position: relative;
    border-bottom: 1px solid #DDDDDD;
    padding-top: 20px;
    padding-bottom: 20px;
    /* margin-top: 20px; */
    /* margin-bottom: 20px; */
  }
  .destination-wrap:first-of-type {
    padding-top: 0;
  }
  .destination-wrap:last-of-type {
    border-bottom: 0;
  }

  /*.btn-delete*/
  .destination-wrap .btn-delete {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 4L4 20M4 4L20 20' stroke='%23323232' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    text-indent: -9999px;
    position: absolute;
    top: 24px;
    right: 0px;
  }

  /* tag-blue */
  .tag-blue {
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    background: #0098FF;
    border-radius: 20px;
    height: 32px;
    line-height: 32px;
    padding: 0px 12px;
    width: auto;
    display: inline-block;
    margin-bottom: 15px;
  }
  /* //20240930 */

  /* 20240930 */
  /* btn-add */
  .btn-add {
    display: block;
    color: #fff;
    background: #777E9A;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 400;
    height: 40px;
    padding: 0 12px 0 40px;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 4.16669V15.8334M4.66667 10H16.3333' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: left 12px top 50%;
    margin: 0 auto;
    line-height: 1.3;
  }
  /* //20240930 */

  /* 20241002 */
  /*blue-tooltip*/
  .blue-tooltip {
    position: relative;
    /* z-index: 2; */
  }
  .blue-tooltip .tooltip-ctr {
    display: block;
    width: 16px;
    height: 16px;
    /* background: #787878; */
    /* color: #fff; */
    text-align: center;
    border-radius: 50%;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0C6.41775 0 4.87104 0.469192 3.55544 1.34824C2.23985 2.22729 1.21447 3.47672 0.608967 4.93853C0.00346629 6.40034 -0.15496 8.00887 0.153721 9.56072C0.462403 11.1126 1.22433 12.538 2.34315 13.6569C3.46197 14.7757 4.88743 15.5376 6.43928 15.8463C7.99113 16.155 9.59966 15.9965 11.0615 15.391C12.5233 14.7855 13.7727 13.7602 14.6518 12.4446C15.5308 11.129 16 9.58225 16 8C15.9976 5.87901 15.1539 3.84559 13.6542 2.34583C12.1544 0.84606 10.121 0.00242613 8 0ZM8 12.6667C7.86815 12.6667 7.73926 12.6276 7.62962 12.5543C7.51999 12.4811 7.43454 12.3769 7.38408 12.2551C7.33363 12.1333 7.32042 11.9993 7.34615 11.8699C7.37187 11.7406 7.43536 11.6218 7.5286 11.5286C7.62183 11.4354 7.74062 11.3719 7.86994 11.3461C7.99926 11.3204 8.13331 11.3336 8.25513 11.3841C8.37694 11.4345 8.48106 11.52 8.55432 11.6296C8.62757 11.7393 8.66667 11.8681 8.66667 12C8.66644 12.1767 8.59613 12.3462 8.47116 12.4712C8.34618 12.5961 8.17674 12.6664 8 12.6667ZM9.30241 8.14518C9.10361 8.30346 8.94317 8.50464 8.83308 8.73367C8.72299 8.9627 8.6661 9.21366 8.66667 9.46777V10.3333C8.6667 10.3771 8.65809 10.4205 8.64135 10.4609C8.62461 10.5014 8.60005 10.5381 8.5691 10.5691C8.53814 10.6001 8.50138 10.6246 8.46093 10.6413C8.42048 10.6581 8.37712 10.6667 8.33334 10.6667H7.66667C7.62289 10.6667 7.57953 10.6581 7.53908 10.6413C7.49863 10.6246 7.46187 10.6001 7.43091 10.5691C7.39995 10.5381 7.3754 10.5014 7.35866 10.4609C7.34192 10.4205 7.33331 10.3771 7.33334 10.3333V9.46777C7.33227 9.01368 7.43387 8.56521 7.63054 8.15591C7.82722 7.74661 8.11387 7.38707 8.46908 7.10417C8.63513 6.97209 8.76915 6.80416 8.8611 6.61294C8.95304 6.42172 9.00053 6.21218 9 6C9 5.73478 8.89465 5.48043 8.70711 5.29289C8.51957 5.10536 8.26522 5 8 5C7.73479 5 7.48043 5.10536 7.2929 5.29289C7.10536 5.48043 7 5.73478 7 6V6.33333C7.00003 6.37712 6.99142 6.42047 6.97468 6.46093C6.95794 6.50138 6.93339 6.53814 6.90243 6.56909C6.87147 6.60005 6.83472 6.6246 6.79426 6.64135C6.75381 6.65809 6.71045 6.66669 6.66667 6.66667H6C5.95622 6.66669 5.91287 6.65809 5.87241 6.64135C5.83196 6.6246 5.7952 6.60005 5.76425 6.56909C5.73329 6.53814 5.70873 6.50138 5.69199 6.46093C5.67525 6.42047 5.66665 6.37712 5.66667 6.33333V6C5.66667 5.38116 5.9125 4.78767 6.35009 4.35008C6.78767 3.9125 7.38117 3.66667 8 3.66667C8.61884 3.66667 9.21233 3.9125 9.64992 4.35008C10.0875 4.78767 10.3333 5.38116 10.3333 6C10.3343 6.41215 10.2421 6.81917 10.0635 7.19065C9.88501 7.56213 9.62482 7.88844 9.30241 8.14518Z' fill='%23787878'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    text-indent: -9999px;
    cursor: pointer;
  }
  .blue-tooltip .tooltip-con {
    z-index: 2;
    display: none;
    position: absolute;
    top: 27px;
    left: -30px;
    width: calc(100vw - 82px);
    max-width: 500px;
    background-color: #0098FF;
    color: #fff;
    border-radius: 4px;
    padding: 12px 37px 12px 12px;
  }
  .blue-tooltip .tooltip-con.on {
    display: block;
  }
  .blue-tooltip .tooltip-con:after {
    content: "";
    display: block;
    width: 10px;
    height: 7px;
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.68627 1.13923C5.08509 0.580878 5.91491 0.580878 6.31373 1.13923L10.5 7H0.5L4.68627 1.13923Z' fill='%230098FF'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: -7px;
    left: 33px;
  }
  .blue-tooltip .tooltip-con .tooltip-close {
    position: absolute;
    top: 14px;
    right: 12px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8333 2.66663L3.16663 13.3333M3.16663 2.66663L13.8333 13.3333' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    text-indent: -9999px;
  }
  .blue-tooltip .tooltip-con .tooltip-tit {
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 8px;
  }
  .blue-tooltip .tooltip-con .tooltip-tit-sub {
    font-weight: 500;
    font-size: 12px;    
    margin-bottom: 4px;
    line-height: 1.3;
  }
  .blue-tooltip .tooltip-con ul {
    margin-bottom: 24px;
  }
  .blue-tooltip .tooltip-con ul:last-of-type {
    margin-bottom: 0;
  }
  .blue-tooltip .tooltip-con ul li {
    position: relative;
    font-weight: 400;
    font-size: 12px;        
    margin-bottom: 5px;
    line-height: 1.3;
    padding-left: 10px;
  }
  .blue-tooltip .tooltip-con ul li:before {
    content: "-";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
  }
  /* //20241002 */

  /* 20241002 */
  /*파일첨부 버튼*/
  .btn-add-attach {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 13px;
    color: #323232;
    font-weight: 500;
    background: #F0F0F0;
    border-radius: 15px;
    border: 1px solid #DEE2E6;
    height: 35px;
    padding: 0 10px;
  }
  /* //20241002 */
  
  /*통행비, 하이패스 내역조회 버튼*/
  .btn-toll,
  .btn-highpass {
    position: absolute;
    top: -14px;
    right: 0px;
    font-size: 13px;
    color: #323232;
    font-weight: 500;
    background: #F0F0F0;
    border-radius: 15px;
    border: 1px solid #DEE2E6;
    height: 35px;
    padding: 0 10px;
  }  

  .btn-nowloc { 
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 13px;
    color: #323232;
    font-weight: 500;
    background: #F0F0F0;
    border-radius: 15px;
    border: 1px solid #DEE2E6;
    height: 35px;
    padding: 0 10px;
  }
  
  /* 20241002 */
  /* attach-list */
  .attach-list {
    /* border: 1px solid red; */
    margin-top: 20px;
  }
  .attach-list>li {
    position: relative;
    /* border: 1px solid red; */
    margin-bottom: 10px;
    height: 24px;
    line-height: 1.3;
  }
  .attach-list>li:last-of-type {
    margin-bottom: 0;
  }
  .attach-list>li:before {
    position: absolute;
    top: 0px;
    left: 0px;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.8334 6.33333L9.90374 4.4741C9.63619 3.939 9.50241 3.67144 9.30283 3.47597C9.12634 3.30311 8.91362 3.17164 8.68008 3.09109C8.41599 3 8.11686 3 7.5186 3L4.33335 3C3.39993 3 2.93322 3 2.5767 3.18166C2.2631 3.34144 2.00813 3.59641 1.84834 3.91002C1.66669 4.26654 1.66669 4.73325 1.66669 5.66667V6.33333M1.66669 6.33333L14.3334 6.33333C15.7335 6.33333 16.4336 6.33333 16.9683 6.60582C17.4387 6.8455 17.8212 7.22795 18.0609 7.69836C18.3334 8.23314 18.3334 8.9332 18.3334 10.3333V14C18.3334 15.4001 18.3334 16.1002 18.0609 16.635C17.8212 17.1054 17.4387 17.4878 16.9683 17.7275C16.4336 18 15.7335 18 14.3334 18H5.66669C4.26656 18 3.56649 18 3.03171 17.7275C2.56131 17.4878 2.17885 17.1054 1.93917 16.635C1.66669 16.1002 1.66669 15.4001 1.66669 14L1.66669 6.33333Z' stroke='%230098FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .attach-list>li>.txt {
    font-size: 15px;
    font-weight: 500;
    color: #323232;
    padding-left: 25px;
  }
  .attach-list>li>.btn-attach-delete {
    position: absolute;
    top: 1px;
    right: 0;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6667 3.83337L3.33337 17.1667M3.33337 3.83337L16.6667 17.1667' stroke='%23323232' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    text-indent: -9999px;
  }
  /* //20241002 */

  /* 20241002 */
  /* search-input-btn-group */
  .search-input-btn-group {
    /* border: 1px solid red; */
    display: flex;
    column-gap: 8px;
  }
  .search-input-btn-group input[type="text"],
  .search-input-btn-group .sort_select {
    margin-right: 0 !important;
    width:  auto;
    flex-grow: 1;
    line-height: 45px;
    text-align: left;  
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6.5L8 10.5L4 6.5' stroke='%23323232' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat right 20px top 50%;
  }
  .search-input-btn-group .sort_select {
    color: #70747d;
  }
  .search-input-btn-group .sort_select.on {
    color: #212529;
  }  
  

  .search-input-btn-group input[type="text"]~button,
  .search-input-btn-group .sort_select~button {
    width: 90px !important;
    height: 45px;
    background: #005B99;
    color: #fff;
    border-radius: 15px;
    font-size: 15px;
    font-weight: 400;
    margin-left: 0 !important;
  }  
  /* //20241002 */

  /* 20241002 */
  /* decision-line-business-list */
  .decision-line-business-list {
    /* border: 1px solid red; */
  }
  .decision-line-business-list>li {
    position: relative;
    border-radius: 8px;
    background: #F0F0F0;
    padding: 16px 16px 16px 28px;
    margin-bottom: 8px;
  }
  .decision-line-business-list>li:before {
    position: absolute;
    top: 26px;
    left: 20px;
    content: "";
    display: block;
    width: 2px;
    height: 2px;
    background: #323232;
    border-radius: 50%;
  }
  .decision-line-business-list>li:last-of-type {
    margin-bottom: 0;
  }
  .decision-line-business-list>li>a>.tit {
    display: block;
    font-weight: 700;
    font-size: 15px;
    color: #323232;
    margin-bottom: 5px;
  }
  .decision-line-business-list>li>a>.txt {
    display: block;
    font-weight: 400;
    font-size: 14px;
    color: #323232;
  }

  /* //20241002 */

  /* 20241002 */
  /* business-apply-list */
  .business-apply-list {
    padding-bottom: 100px;
  }
  .business-apply-list>li {
    position: relative;
    box-shadow: 0px 0px 10px 0px #00000014;
    background: #fff;
    border-radius: 20px;
    padding: 13px 20px;
    margin-bottom: 12px;
  }  
  .business-apply-list>li:last-of-type {
    margin-bottom: 0;
  }
  .business-apply-list>li .state,
  .state-date-group .state {  
    /* background: red; */
    color: #fff;
    border-radius: 5px;
    padding: 0 10px;
    height: 22px;
    line-height: 22px;
    font-size: 11px;
    font-weight: 400;
    display: inline-block;
    margin-bottom: 5px;
  }
  .business-apply-list>li .state.state-1,
  .state-date-group .state.state-1 {
    background: #0098FF;
  }
  .business-apply-list>li .state.state-2,
  .state-date-group .state.state-2 {
    background: #000000;
  }
  .business-apply-list>li .state.state-3,
  .state-date-group .state.state-3 {
    background: #FF5C4B;
  }
  .business-apply-list>li .state.state-4,
  .state-date-group .state.state-4 {
    background: #848484;
  }
  .business-apply-list>li .date,
  .state-date-group .date {
    position: absolute;
    top: 13px;
    right: 20px;
    font-size: 13px;
    font-weight: 400;
    color: #848484;
  }
  .state-date-group .date {
    top: 18px;
  }
  .business-apply-list>li .tit {
    display: block;
    margin-bottom: 5px;    
    font-size: 16px;
    font-weight: 700;
    color: #323232;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden    
  }
  .business-apply-list>li .term {
    font-size: 13px;
    font-weight: 400;
    color: #323232;
  }
  .business-apply-floating-btn-wrap {
    position: fixed;
    bottom: 32px;
    left: 0;
    right: 0;
    max-width: 1000px;
    /* border-top: 1px solid red; */
    margin: 0 auto;
  }
  .business-apply-floating-btn {
    /* position: fixed; */
    /* right: 20px; */
    /* bottom:  32px; */
    position: absolute;
    top: -48px;
    right: 20px;
    display: block;
    background-color: #004190;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 0 16px 0 46px;
    height: 48px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='22' viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2621_1435)'%3E%3Cpath d='M9.16667 4.33332H5.66667C4.26654 4.33332 3.56647 4.33332 3.03169 4.6058C2.56129 4.84549 2.17884 5.22794 1.93915 5.69834C1.66667 6.23312 1.66667 6.93319 1.66667 8.33332V15.3333C1.66667 16.7335 1.66667 17.4335 1.93915 17.9683C2.17884 18.4387 2.56129 18.8212 3.03169 19.0608C3.56647 19.3333 4.26654 19.3333 5.66667 19.3333H12.6667C14.0668 19.3333 14.7669 19.3333 15.3016 19.0608C15.772 18.8212 16.1545 18.4387 16.3942 17.9683C16.6667 17.4335 16.6667 16.7335 16.6667 15.3333V11.8333M6.66665 14.3333H8.0621C8.46975 14.3333 8.67358 14.3333 8.86539 14.2873C9.03545 14.2464 9.19802 14.1791 9.34714 14.0877C9.51534 13.9847 9.65946 13.8405 9.94772 13.5523L17.9167 5.58332C18.607 4.89296 18.607 3.77368 17.9167 3.08332C17.2263 2.39296 16.107 2.39296 15.4167 3.08332L7.4477 11.0523C7.15944 11.3405 7.01532 11.4847 6.91225 11.6528C6.82086 11.802 6.75352 11.9645 6.7127 12.1346C6.66665 12.3264 6.66665 12.5302 6.66665 12.9379V14.3333Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2621_1435'%3E%3Crect width='20' height='20' fill='white' transform='translate(0 1)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 16px 50%;
    border-radius: 24px;
  }
  /* //20241002 */
  
  /* 20241004 */
  /* btn-filter */
  .btn-filter {
    position: absolute;
    top: 4px;
    bottom: auto;
    left: auto;
    right: 20px;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 8L15 8M15 8C15 9.65686 16.3431 11 18 11C19.6569 11 21 9.65685 21 8C21 6.34315 19.6569 5 18 5C16.3431 5 15 6.34315 15 8ZM9 16L21 16M9 16C9 17.6569 7.65685 19 6 19C4.34315 19 3 17.6569 3 16C3 14.3431 4.34315 13 6 13C7.65685 13 9 14.3431 9 16Z' stroke='%23787878' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    text-indent: -9999px;
  }
  /* //20241004 */
  
  /* 20241004 */
  /* .state-date-group */
  .state-date-group {

  }
  /* //20241004 */

  /* 20241007 */
  /* path-search-group */
  .path-search-group {
    /* border: 1px solid red; */
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    margin-bottom: 8px;
  }
  .path-search-group .path-search-item {
    display: flex;
    justify-content: normal;
    column-gap: 8px;
    align-items: center;
  }
  .path-search-group input[type="text"] {
    margin-right: 0 !important; 
    width:  auto;
    flex-grow: 1;
    flex-basis: 0;
    flex-shrink: 0;    
    min-width: 0;
  }
  .path-search-group .path-search-item .btn-path-add {
    flex-basis: auto;
    flex-shrink: 0;    
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2655_3139)'%3E%3Cpath d='M12 24.5C15.1826 24.5 18.2348 23.2357 20.4853 20.9853C22.7357 18.7348 24 15.6826 24 12.5C24 9.3174 22.7357 6.26516 20.4853 4.01472C18.2348 1.76428 15.1826 0.5 12 0.5C8.8174 0.5 5.76516 1.76428 3.51472 4.01472C1.26428 6.26516 0 9.3174 0 12.5C0 15.6826 1.26428 18.7348 3.51472 20.9853C5.76516 23.2357 8.8174 24.5 12 24.5ZM10.875 16.625V13.625H7.875C7.25156 13.625 6.75 13.1234 6.75 12.5C6.75 11.8766 7.25156 11.375 7.875 11.375H10.875V8.375C10.875 7.75156 11.3766 7.25 12 7.25C12.6234 7.25 13.125 7.75156 13.125 8.375V11.375H16.125C16.7484 11.375 17.25 11.8766 17.25 12.5C17.25 13.1234 16.7484 13.625 16.125 13.625H13.125V16.625C13.125 17.2484 12.6234 17.75 12 17.75C11.3766 17.75 10.875 17.2484 10.875 16.625Z' fill='%23004190'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2655_3139'%3E%3Crect width='24' height='24' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    border-radius: 50%;
    margin-left: 0 !important;
    text-indent: -9999px;
  }  
  .path-search-group .path-search-item .btn-path-add:disabled {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.3' clip-path='url(%23clip0_2680_2993)'%3E%3Cpath d='M12 24.5C15.1826 24.5 18.2348 23.2357 20.4853 20.9853C22.7357 18.7348 24 15.6826 24 12.5C24 9.3174 22.7357 6.26516 20.4853 4.01472C18.2348 1.76428 15.1826 0.5 12 0.5C8.8174 0.5 5.76516 1.76428 3.51472 4.01472C1.26428 6.26516 0 9.3174 0 12.5C0 15.6826 1.26428 18.7348 3.51472 20.9853C5.76516 23.2357 8.8174 24.5 12 24.5ZM10.875 16.625V13.625H7.875C7.25156 13.625 6.75 13.1234 6.75 12.5C6.75 11.8766 7.25156 11.375 7.875 11.375H10.875V8.375C10.875 7.75156 11.3766 7.25 12 7.25C12.6234 7.25 13.125 7.75156 13.125 8.375V11.375H16.125C16.7484 11.375 17.25 11.8766 17.25 12.5C17.25 13.1234 16.7484 13.625 16.125 13.625H13.125V16.625C13.125 17.2484 12.6234 17.75 12 17.75C11.3766 17.75 10.875 17.2484 10.875 16.625Z' fill='%23004190'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2680_2993'%3E%3Crect width='24' height='24' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");    
  }
  .path-search-group .path-search-item .btn-path-del {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2655_3102)'%3E%3Cpath d='M12 24.5C15.1826 24.5 18.2348 23.2357 20.4853 20.9853C22.7357 18.7348 24 15.6826 24 12.5C24 9.3174 22.7357 6.26516 20.4853 4.01472C18.2348 1.76428 15.1826 0.5 12 0.5C8.8174 0.5 5.76516 1.76428 3.51472 4.01472C1.26428 6.26516 0 9.3174 0 12.5C0 15.6826 1.26428 18.7348 3.51472 20.9853C5.76516 23.2357 8.8174 24.5 12 24.5ZM8.625 11.375H15.375C15.9984 11.375 16.5 11.8766 16.5 12.5C16.5 13.1234 15.9984 13.625 15.375 13.625H8.625C8.00156 13.625 7.5 13.1234 7.5 12.5C7.5 11.8766 8.00156 11.375 8.625 11.375Z' fill='%23004190'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2655_3102'%3E%3Crect width='24' height='24' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    border-radius: 50%;
    margin-left: 0 !important;
    text-indent: -9999px;
  }    
  .path-search-group .path-search-item .btn-path-handle {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12.5H21M3 6.5H21M3 18.5H21' stroke='%23787878' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    margin-left: 0 !important;
    text-indent: -9999px;
  }    
  .path-search-group .path-search-item .btn-path-exchange {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 4.5V20.5M7 20.5L3 16.5M7 20.5L11 16.5M17 20.5V4.5M17 4.5L13 8.5M17 4.5L21 8.5' stroke='%23787878' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    margin-left: 0 !important;
    text-indent: -9999px;    
  }
  /* //20241007 */  

  /* //20241007 */
  /* .btnPack.block */
  .btnPack.block {
    border-radius: 15px !important;
    background: #005B99;
  }
  /* 20241007 */  

  /* 20241007 */  
  /* recent-path */
  .recent-path {
    /* border: 1px solid red; */
    margin-top: 15px;
  }
  .recent-path .tit-all-del {
    /* border: 1px dashed red; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
  }
  .recent-path .tit-all-del .tit {
    font-size: 16px;
    font-weight: 500;
    color: #323232;
  }
  .recent-path .tit-all-del .btn-all-del {
    font-size: 14px;
    font-weight: 500;
    color: #787878;
    text-decoration: underline;
  }
  .recent-path .recent-path-list>li {
    height: 39px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .recent-path .recent-path-list>li>a {
    padding-left: 28px;
    background: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99999 11.3333C11.3807 11.3333 12.5 10.214 12.5 8.83333C12.5 7.45262 11.3807 6.33333 9.99999 6.33333C8.61928 6.33333 7.49999 7.45262 7.49999 8.83333C7.49999 10.214 8.61928 11.3333 9.99999 11.3333Z' stroke='%230098FF' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.99999 18.8333C13.3333 15.5 16.6667 12.5152 16.6667 8.83333C16.6667 5.15144 13.6819 2.16667 9.99999 2.16667C6.3181 2.16667 3.33333 5.15144 3.33333 8.83333C3.33333 12.5152 6.66666 15.5 9.99999 18.8333Z' stroke='%230098FF' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 0 50%;
    font-size: 16px;
    font-weight: 500;
    color: #323232;
  }
  .recent-path .recent-path-list>li>.btn-del {
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6667 3.83333L3.33333 17.1667M3.33333 3.83333L16.6667 17.1667' stroke='%23323232' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  /* //20241007 */  
  /* 20241008 */

  /* //20241008 */
  /* oneway-owncar-lodgings */
  .oneway-owncar-lodgings {
    /* border: 1px solid red; */
    margin-top: 8px;
    padding-bottom: 12px;
    display: flex;
    column-gap: 12px;
  }
  .oneway-owncar-lodgings>button {
    height: 41px;
    flex-grow: 1;
    flex-basis: 0;
    white-space: nowrap;
  }
  .oneway-owncar-lodgings .btn-oneway {
    background: #F0F0F0 url("data:image/svg+xml,%3Csvg width='13' height='16' viewBox='0 0 13 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.49996 8.66667C7.60453 8.66667 8.49996 7.77124 8.49996 6.66667C8.49996 5.5621 7.60453 4.66667 6.49996 4.66667C5.39539 4.66667 4.49996 5.5621 4.49996 6.66667C4.49996 7.77124 5.39539 8.66667 6.49996 8.66667Z' stroke='%23787878' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.49996 14.6667C9.16663 12 11.8333 9.61219 11.8333 6.66667C11.8333 3.72115 9.44548 1.33334 6.49996 1.33334C3.55444 1.33334 1.16663 3.72115 1.16663 6.66667C1.16663 9.61219 3.83329 12 6.49996 14.6667Z' stroke='%23787878' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 30px 50%;
    color: #323232;
    font-size: 13px;
    font-weight: 500;
    border-radius: 32px;
    padding-left: 54px;
    padding-right: 28px;
  }
  .oneway-owncar-lodgings .btn-owncar {
    background: #F0F0F0 url("data:image/svg+xml,%3Csvg width='13' height='16' viewBox='0 0 13 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.49996 8.66667C7.60453 8.66667 8.49996 7.77124 8.49996 6.66667C8.49996 5.5621 7.60453 4.66667 6.49996 4.66667C5.39539 4.66667 4.49996 5.5621 4.49996 6.66667C4.49996 7.77124 5.39539 8.66667 6.49996 8.66667Z' stroke='%23787878' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.49996 14.6667C9.16663 12 11.8333 9.61219 11.8333 6.66667C11.8333 3.72115 9.44548 1.33334 6.49996 1.33334C3.55444 1.33334 1.16663 3.72115 1.16663 6.66667C1.16663 9.61219 3.83329 12 6.49996 14.6667Z' stroke='%23787878' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 30px 50%;
    /* background: #525A72 url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.50004 12L1.83337 14.6667V4L6.50004 1.33334M6.50004 12L11.1667 14.6667M6.50004 12V1.33334M11.1667 14.6667L15.1667 12V1.33334L11.1667 4M11.1667 14.6667V4M11.1667 4L6.50004 1.33334' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 30px 50%; */
    /* color: #fff; */
    color: #323232;
    font-size: 13px;
    font-weight: 500;
    border-radius: 32px;
    /* padding-left: 54px; */
    padding-left: 50px;
    padding-right: 28px;
  }
  .oneway-owncar-lodgings .btn-oneway.on,
  .oneway-owncar-lodgings .btn-owncar.on {
    background: #525A72 url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.50004 12L1.83337 14.6667V4L6.50004 1.33334M6.50004 12L11.1667 14.6667M6.50004 12V1.33334M11.1667 14.6667L15.1667 12V1.33334L11.1667 4M11.1667 14.6667V4M11.1667 4L6.50004 1.33334' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 30px 50%;
    color: #fff;
  }
  .oneway-owncar-lodgings .btn-lodgings {
    background: #004190;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    border-radius: 10px;
    /* padding-left: 28px; */
    /* padding-right: 28px;     */
    padding-left: 24px;
    padding-right: 24px;    
  }

  /* .wrap_pad */
  .wrap_pad {
     padding-left: 20px;
     padding-right: 20px;
     margin-bottom: 15px;
     overflow: hidden;
  }
  .wrap_pad .way_result_list {
    margin-top: 0;
    padding-top: 0;
    overflow: hidden;
  }
  .wrap_pad .way_result_list .item_box .tit>em{
    color: #323232;
  }
  .wrap_pad .way_result_list .item_box .tit>em>span{
    font-size: 14px;
    font-weight: 400;
    padding-right: 5px;
  }  

  /* .wrap_pad .way_result_list.owncar*/
  .wrap_pad .way_result_list.owncar {
    /* border: 1px solid red; */
    margin-bottom: 32px;
    overflow: hidden;
  }
  .way_result_list.owncar .way_infobox ul li {
    display: block;
  }
  .way_result_list.owncar .way_infobox ul li + li {
    border-top: 0;
  }
  .way_result_list.owncar .way_infobox .way_info dl dt {
    width: 90px;
    flex-basis: auto;
    font-size: 13px;
    font-weight: 400;
    color: #787878;
  }
  .way_result_list.owncar .way_infobox .way_info dl dd {
    font-size: 13px;
    font-weight: 500;
    color: #323232;
  }
  .way_result_list.owncar .way_infobox .way_info dl.way dt em {
    background: #323232;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    padding: 3px 10px;
    border-radius: 5px;
  }
  .way_result_list.owncar .way_infobox .reservation_btn {
    margin-top: 8px;
    text-align: center;
  }
  .way_result_list.owncar .way_infobox .reservation_btn .btnPack {
    padding-left: 40px;
    background: #777E9A url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2686_3506)'%3E%3Cpath d='M9.16663 3.33333H5.66663C4.26649 3.33333 3.56643 3.33333 3.03165 3.60582C2.56124 3.8455 2.17879 4.22795 1.93911 4.69836C1.66663 5.23314 1.66663 5.9332 1.66663 7.33333V14.3333C1.66663 15.7335 1.66663 16.4335 1.93911 16.9683C2.17879 17.4387 2.56124 17.8212 3.03165 18.0609C3.56643 18.3333 4.26649 18.3333 5.66663 18.3333H12.6666C14.0668 18.3333 14.7668 18.3333 15.3016 18.0609C15.772 17.8212 16.1545 17.4387 16.3941 16.9683C16.6666 16.4335 16.6666 15.7335 16.6666 14.3333V10.8333M6.6666 13.3333H8.06206C8.46971 13.3333 8.67353 13.3333 8.86535 13.2873C9.03541 13.2465 9.19798 13.1791 9.3471 13.0877C9.5153 12.9847 9.65942 12.8405 9.94767 12.5523L17.9166 4.58334C18.607 3.89298 18.607 2.77369 17.9166 2.08333C17.2263 1.39298 16.107 1.39298 15.4166 2.08333L7.44765 10.0523C7.1594 10.3405 7.01527 10.4847 6.9122 10.6529C6.82082 10.802 6.75348 10.9646 6.71265 11.1346C6.6666 11.3264 6.6666 11.5303 6.6666 11.9379V13.3333Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2686_3506'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") 12px 50% no-repeat;
  }
  .way_result_list.owncar .way_infobox .tot {
    border-top: 1px dashed #DDDDDD;
  }

  .highpass-card {
    position: relative;
    background: #5089EF;
    color: #fff;
    border-radius: 12px;
    padding: 13px 20px;
    line-height: 1.3;
    overflow: hidden;
    margin-top: 8px;
  }
  .highpass-card .date-time {
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 12px;
  }
  .highpass-card .tit {
    font-size: 15px;
    font-weight: 700;
  }
  .highpass-card .price {
    font-size: 15px;
    font-weight: 700; 
    float: right;
  }
  .highpass-card .btn-delete {
    position: absolute;
    top: 13px;
    right: 20px;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6666 3.83331L3.33325 17.1666M3.33325 3.83331L16.6666 17.1666' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .mount-money {
    /* border: 1px solid red; */
  }
  .mount-money dl dt {
    display: flex;
    justify-content: space-between;
    color: #004190;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 12px;
  }
  .mount-money dl dt .first {

  }
  .mount-money dl dt .last {

  }
  .mount-money dl dd ul {
    padding: 13px 20px;
    background: #F0F0F0; 
    border-radius: 12px;
  }
  .mount-money dl dd ul li {
    line-height: 1.3;
    display: flex;
    justify-content: space-between;    
    margin-bottom: 12px;
  }
  .mount-money dl dd ul li:last-of-type {
    margin-bottom: 0;
  }
  .mount-money dl dd ul li .tit {
    font-size: 14px;
    font-weight: 400;
    color: #323232;
  }
  .mount-money dl dd ul li .txt {
    font-size: 15px;
    font-weight: 500;
    color: #323232;
  }
  .highpass-sel-card {}
  .highpass-sel-card li {
    position: relative;
    /* border: 1px solid red; */
    border-radius: 20px;
    padding: 13px 20px;
    background: #fff;
    margin-bottom: 8px;
    height: 87px;
    box-shadow: 0px 0px 10px 0px #00000014;
  }
  .highpass-sel-card li:last-of-type {
    margin-bottom: 0;
  }
  .highpass-sel-card li .txt {
    position: absolute;
    bottom: 13px; left: 20px;
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #323232;
  }
  .highpass-sel-card li .date-time {
    position: absolute;
    top: 13px; right: 20px;
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: #848484;
  }
  .highpass-sel-card li .price {
    position: absolute;
    bottom: 13px; right: 20px;
    font-size: 20px;
    font-weight: 700;
    color: #323232;
  }

  .highpass-sel-card.in-modal {
    /* border: 1px dashed red; */
    overflow-y: auto;
    height: calc(66.6dvh - 250px);
    margin-bottom: 30px;
  }

  /*20241011*/
  /*marker*/
  .marker {
    width: 32px;
    height: 38px;
    /* border: 1px solid red; */
    background-repeat: no-repeat;
    background-position: 50% 50%;
  }
  .marker-h {background-image: url("data:image/svg+xml,%3Csvg width='32' height='38' viewBox='0 0 32 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 15.7524C32 7.0527 24.8369 0 15.9989 0C7.16096 0 0 7.0527 0 15.7524C0 20.3924 2.03805 24.5635 5.28099 27.4451L16.0011 38L26.7233 27.443C29.9641 24.5593 32 20.3903 32 15.7524Z' fill='%231E9D8B'/%3E%3Cpath d='M11.0723 23V10.2734H13.709V15.5469H19.2285V10.2734H21.8828V23H19.2285V17.7266H13.709V23H11.0723Z' fill='white'/%3E%3C/svg%3E%0A");}
  .marker-b {background-image: url("data:image/svg+xml,%3Csvg width='32' height='38' viewBox='0 0 32 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 15.7524C32 7.0527 24.8369 0 15.9989 0C7.16096 0 0 7.0527 0 15.7524C0 20.3924 2.03805 24.5635 5.28099 27.4451L16.0011 38L26.7233 27.443C29.9641 24.5593 32 20.3903 32 15.7524Z' fill='%231A32D8'/%3E%3Cpath d='M12.0723 23V10.2734H17.1348C19.9385 10.2734 21.3623 11.627 21.3535 13.543C21.3623 15.0371 20.3779 15.9775 19.0684 16.2676V16.3906C20.501 16.4609 21.8545 17.6035 21.8633 19.4844C21.8545 21.5059 20.3428 23 17.4688 23H12.0723ZM14.709 20.8203H16.9414C18.4707 20.8291 19.1299 20.1963 19.1211 19.2383C19.1299 18.166 18.3125 17.4102 17.0117 17.4102H14.709V20.8203ZM14.709 15.5996H16.748C17.8555 15.6084 18.6904 14.9844 18.6816 13.9648C18.6904 13.042 18.0049 12.418 16.8008 12.418H14.709V15.5996Z' fill='white'/%3E%3C/svg%3E%0A");}
  .marker-t {background-image: url("data:image/svg+xml,%3Csvg width='32' height='38' viewBox='0 0 32 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 15.7524C32 7.0527 24.8369 0 15.9989 0C7.16096 0 0 7.0527 0 15.7524C0 20.3924 2.03805 24.5635 5.28099 27.4451L16.0011 38L26.7233 27.443C29.9641 24.5593 32 20.3903 32 15.7524Z' fill='%237B3CFF'/%3E%3Cpath d='M10.5801 13.4531V11.2734H21.0039V13.4531H17.1016V24H14.4824V13.4531H10.5801Z' fill='white'/%3E%3C/svg%3E%0A");}
  .marker-htb {background-image: url("data:image/svg+xml,%3Csvg width='32' height='38' viewBox='0 0 32 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.63179 27.0889L5.62268 27.0799L5.61311 27.0714C2.47137 24.2797 0.5 20.2423 0.5 15.7524C0.5 7.33609 7.4298 0.5 15.9989 0.5C24.5682 0.5 31.5 7.33617 31.5 15.7524C31.5 20.2402 29.5307 24.2756 26.3909 27.0695L26.3815 27.0779L26.3725 27.0868L16.0011 37.2983L5.63179 27.0889Z' fill='%23F8F8F8' stroke='%23004190'/%3E%3Ccircle cx='16' cy='11' r='4' fill='%231E9D8B'/%3E%3Ccircle cx='11' cy='21' r='4' fill='%237B3CFF'/%3E%3Ccircle cx='21' cy='21' r='4' fill='%231A32D8'/%3E%3C/svg%3E%0A");}
  .marker-tb {background-image: url("data:image/svg+xml,%3Csvg width='32' height='38' viewBox='0 0 32 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.63179 27.0889L5.62268 27.0799L5.61311 27.0714C2.47137 24.2797 0.5 20.2423 0.5 15.7524C0.5 7.33609 7.4298 0.5 15.9989 0.5C24.5682 0.5 31.5 7.33617 31.5 15.7524C31.5 20.2402 29.5307 24.2756 26.3909 27.0695L26.3815 27.0779L26.3725 27.0868L16.0011 37.2983L5.63179 27.0889Z' fill='%23F8F8F8' stroke='%23004190'/%3E%3Ccircle cx='11' cy='17' r='4' fill='%237B3CFF'/%3E%3Ccircle cx='21' cy='17' r='4' fill='%231A32D8'/%3E%3C/svg%3E%0A");}
  .marker-hb {background-image: url("data:image/svg+xml,%3Csvg width='32' height='38' viewBox='0 0 32 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.63179 27.0889L5.62268 27.0799L5.61311 27.0714C2.47137 24.2797 0.5 20.2423 0.5 15.7524C0.5 7.33609 7.4298 0.5 15.9989 0.5C24.5682 0.5 31.5 7.33617 31.5 15.7524C31.5 20.2402 29.5307 24.2756 26.3909 27.0695L26.3815 27.0779L26.3725 27.0868L16.0011 37.2983L5.63179 27.0889Z' fill='%23F8F8F8' stroke='%23004190'/%3E%3Ccircle cx='11' cy='17' r='4' fill='%231E9D8B'/%3E%3Ccircle cx='21' cy='17' r='4' fill='%231A32D8'/%3E%3C/svg%3E%0A");}
  .marker-th {background-image: url("data:image/svg+xml,%3Csvg width='32' height='38' viewBox='0 0 32 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.63179 27.0889L5.62268 27.0799L5.61311 27.0714C2.47137 24.2797 0.5 20.2423 0.5 15.7524C0.5 7.33609 7.4298 0.5 15.9989 0.5C24.5682 0.5 31.5 7.33617 31.5 15.7524C31.5 20.2402 29.5307 24.2756 26.3909 27.0695L26.3815 27.0779L26.3725 27.0868L16.0011 37.2983L5.63179 27.0889Z' fill='%23F8F8F8' stroke='%23004190'/%3E%3Ccircle cx='21' cy='17' r='4' fill='%231E9D8B'/%3E%3Ccircle cx='11' cy='17' r='4' fill='%237B3CFF'/%3E%3C/svg%3E%0A");}
  /*//20241011*/

  /*20241011*/
  .map-bottom-sheet {
    position: fixed;
    bottom: -18px;
    /* bottom: 0; */
    width: 100%;
    background-color: #5089EF;
    color: #fff;
    padding: 40px 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin: 0 auto;
    max-width: 1000px;
    overflow: hidden;
  }
  .map-bottom-sheet.on {
    bottom: 0;    
  }
  .map-bottom-sheet .map-bottom-sheet-handle {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 40px;
    width: 100%;
    background: url("data:image/svg+xml,%3Csvg width='46' height='40' viewBox='0 0 46 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='16' width='46' height='4' rx='2' fill='%23004190'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
  }
  .map-bottom-sheet .map-bottom-sheet-way {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 4px;
  }
  .map-bottom-sheet .map-bottom-sheet-address {
    font-size: 14px;
    font-weight: 400;  
    margin-bottom: 4px;  
  }
  .map-bottom-sheet .map-bottom-sheet-info {
    font-size: 12px;
    font-weight: 700;    
    color: #1F3169;
  }
  .map-bottom-sheet .map-bottom-sheet-price {
    font-size: 15px;
    font-weight: 700;    
    position: absolute;
    top: 40px;
    right: 20px;
  }
  .map-bottom-sheet .map-bottom-sheet-top3 {
    margin-top: 20px;
    display: none; /*중요*/
  }
  .map-bottom-sheet.on .map-bottom-sheet-top3 {
    display: block;
  }
  .map-bottom-sheet .map-bottom-sheet-top3 li {
    border-radius: 20px;
    background: #fff;
    padding: 13px 20px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    column-gap: 16px;
  }
  .map-bottom-sheet .map-bottom-sheet-top3 li:last-of-type {
    margin-bottom: 0;
  }
  .map-bottom-sheet .map-bottom-sheet-top3 li .map-bottom-sheet-top3-tit {
    font-size: 13px;
    font-weight: 400;
    color: #323232;
    flex-grow: 1;
    
  }
  .map-bottom-sheet .map-bottom-sheet-top3 li .map-bottom-sheet-top3-price {
    font-size: 15px;
    font-weight: 700;    
    color: #323232;
  }
  .map-bottom-sheet .map-bottom-sheet-top3 li .map-bottom-sheet-top3-btn {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    background: #FF5C4B;    
    border-radius: 10px;
    padding: 8px 10px;
  }
  /*//20241011*/
  /*20241030*/
  .map-bottom-sheet .route-detail {
    /* border: 1px solid red; */
  }
  .map-bottom-sheet .route-detail .tot-time {
    font-size: 16px;
    font-weight: 500;
  }
  .map-bottom-sheet .route-detail .route-point {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 20px;
  }
  .map-bottom-sheet .route-detail .route-all {
    /* border: 1px solid blue; */
    position: relative;
    max-height: 222px;
    overflow-y: auto;
  }
  .map-bottom-sheet .route-detail .route-all:before {
    /* content: "";    
    display: none;
    position: absolute;
    top: 11px;
    left: 3px;
    width: 1px;
    height: calc(100% - 23px);
    background: #fff; */
  }
  .map-bottom-sheet.on .route-detail .route-all:before {
    display: block;
  }
  .map-bottom-sheet .route-detail .route-all>li {
    position: relative;
    /* border: 1px solid yellow; */
    padding-bottom: 20px;
    padding-left: 20px;
    display: none;
  }
  .map-bottom-sheet .route-detail .route-all>li:first-of-type {
    display: block;
  }
  .map-bottom-sheet .route-detail .route-all>li:last-of-type {
    padding-bottom: 0;
  }
  .map-bottom-sheet.on .route-detail .route-all>li {
    display: block;
  }
  .map-bottom-sheet .route-detail .route-all>li:before { /*dot*/
    content: "";
    position: absolute;
    z-index: 2;
    top: 9px;
    left: 2px;
    display: block;
    width: 6px;
    height: 6px;
    background: #fff;
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px #fff;
    border-radius: 50%;
  }
  .map-bottom-sheet.on .route-detail .route-all>li:before {
    box-shadow: 0 0 0 1px #5089EF, 0 0 0 2px #fff;    
  }
   /*line*/
  .map-bottom-sheet .route-detail .route-all>li:after {
    display: none;
    content: "";
    position: absolute;
    top: 12px;
    left: 5px;
    width: 1px;
    height: 100%;
    background-color: #fff;
  }
  .map-bottom-sheet .route-detail .route-all>li:last-of-type:after {
    display: none;
  }
  .map-bottom-sheet.on .route-detail .route-all>li:after {
    display: block;
  }
  .map-bottom-sheet.on .route-detail .route-all>li:last-of-type:after {
    display: none;
  }  
  .map-bottom-sheet .route-detail .route-all>li .name {
    font-size: 16px;
    font-weight: 700;
  }
  .map-bottom-sheet .route-detail .route-all>li .time {
    position: relative;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    padding-right: 24px;
  }
  .map-bottom-sheet .route-detail .route-all>li .time:after {
    position: absolute;
    top: 6px;
    right: 10px;
    content: "";
    display: block;
    background: #fff;
    width: 1px;
    height: 10px;
    opacity: 0.5;
  }
  .map-bottom-sheet .route-detail .route-all>li .distance {
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
  }
  /*//20241030*/





  /*20241011*/
  .mypage_list .item_box.type-new {
    /* border: 1px solid red; */
  }
  .mypage_list .item_box.type-new .cancel_box {
    /* opacity: 0.1; */
    /* background: none; */
    /* pointer-events: none; */
    /* display: block; */
    align-items: center;
    justify-content: center;
  }
  .mypage_list .item_box.type-new.cancel .cancel_box .cancel_completed {
    font-weight: 500;
    font-size: 12px;
    width: auto;
    height: 35px;
    line-height: 35px;
    padding: 2px 10px;
    border-radius: 17px;
    /* position: absolute; */
    /* top: 50%; bottom: auto; */
    /* right: 50%; left: auto; */
    /* transform: translate(-50%, -50%); */
  }
  .mypage_list .item_box.type-new .my_reservation_btn {
    display: flex;
    column-gap: 12px;
  }
  .mypage_list .item_box.type-new .my_reservation_btn .btnPack.btnPack-red {
    background: #FCE8E7;
    color: #FF5C4B;
  }
  .date-line-left {
    text-align: left;
    /* margin-top: 8px;  */
    margin-top: 16px; 
    margin-bottom: 8px; 
  }
  .date-line {
    text-align: center;
    /* margin-top: 8px;  */
    margin-top: 16px; 
    margin-bottom: 8px; 
  }
  .date-line>p {
    display: inline-block;
    margin: 0 auto;
    height: 36px;
    line-height: 36px;
    border-radius: 18px;
    width: auto;
    padding: 0 16px;
    background: #E4E4E4;
    color: #323232;
    font-size: 13px;
    font-weight: 500;
    border-radius: 16px;
  }

  /*//20241011*/

  /*20241014*/
  .usage_list {
    padding-top: 0;
  }
  /*//20241014*/

  /*20241014*/
  .btnPack.small.cancel {
    background: #FF5C4B;
    width: auto;
    height: 35px;
    padding: 0px 10px;
    border-radius: 17px;    
  }
  .btnPack.small.cancel>span {
    line-height: 35px;
    color: #fff;
    font-weight: 500;
    font-size: 12px;    
  }
  /*//20241014*/

  /*20241015*/
  .Receipt_list {
    padding-top: 0;
  }
  .Receipt_list .cate_item {
    /* border: 1px dashed red; */
    position: relative;
    /* display: flex; */
  }
  .Receipt_list .cate_item span[class*="cate_"] {
    border-radius: 5px;
    padding: 0 10px;
    width: auto;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    color: #fff;
  }
  .Receipt_list .cate_item span.cate_normal {background: #004190;}
  .Receipt_list .cate_item span.cate_subway {background: #28A745;}
  .Receipt_list .cate_item span.cate_bus {background: #28A745;}
  .Receipt_list .cate_item span.cate_test {background: #0098FF;}
  .Receipt_list .cate_item span.cate_lodgings {background: #6610F2;}
  .Receipt_list .cate_item span.cate_lodgings2 {background: #17A2B8;}
  .Receipt_list .cate_item span.cate_cancel {background: #FCE8E7; color: #FF5C4B;}
  .Receipt_list .calc-use {
     margin-top: 10px;
     display: flex;
     align-items: center;
     justify-content: space-between;
  }
  .Receipt_list .use_date {
    position: relative;
    top: auto;
    right: auto;
    color: #848484;
    font-weight: 13px;
    font-weight: 400;
  }
  .Receipt_list [class*="calc_"] {
    font-size: 15px;
    font-weight: 700;
  }
  .Receipt_list .calc_comp {
    color: #A7A7A7;
  }
  .Receipt_list .calc_will {
    color: #0098FF;
  }
  .Receipt_list .item_box strong {
    font-size: 16px;
    font-weight: 700;
  }
  .Receipt_list .item_box .amount {
    font-size: 20px;
  }
  .Receipt_list .own-car-cate {
    position: absolute; 
    top: 5px;
    right: 0;
  }
  .Receipt_list .cate_item .own-car-cate .cate_own { 
    border: 1px solid #DEE2E6;
    background: #F1F4F7;
    color: #323232;
  }

  .btn_sticky {
    bottom: 32px;
    /* right: 20px; */
    margin-right: 20px;
    margin-left: 20px;    
  }
  .btnPack.border_deep_blue {
    border: 0 !important;
    background: #004190;
    color: #fff;
  }
  
  .welfare-card {}
  .welfare-card li {
    position: relative;
    /* border: 1px solid red; */
    border-radius: 20px;
    padding: 13px 20px;
    background: #fff;
    margin-bottom: 8px;
    /* height: 87px; */
    height: auto;
    box-shadow: 0px 0px 10px 0px #00000014;
  }
  .welfare-card li:last-of-type {
    margin-bottom: 0;
  }
  .welfare-card li .txt {
    /* position: absolute; */
    /* bottom: 13px; left: 20px; */
    margin-top: 5px;
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #323232;
  }
  .welfare-card li .date-time {
    position: absolute;
    top: 13px; right: 20px;
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: #848484;
  }
  .welfare-card li .price {
    /* position: absolute; */
    /* bottom: 13px; right: 20px; */
    display: block;
    text-align: right;
    font-size: 20px;
    font-weight: 700;
    color: #323232;
    margin-top: 4px;
  }  

  .use-list-card {}
  .use-list-card li {
    position: relative;
    border-radius: 20px;
    padding: 13px 20px;
    background: #fff;
    margin-bottom: 8px;
    height: auto;
    box-shadow: 0px 0px 10px 0px #00000014;
  }
  .welfare li:last-of-type {
    margin-bottom: 0;
  }
  .use-list-card li .date-time {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #848484;
  }  
  .use-list-card li .txt-price {
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
  }
  .use-list-card li .txt {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #323232;
  }
  .use-list-card li .price {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #323232;
  }    
  .use-list-card li  .btn-close {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6666 3.83333L3.33325 17.1667M3.33325 3.83333L16.6666 17.1667' stroke='%23323232' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");    
    text-indent: -9999px;
  }
  .use-list-card li  .btn-main {
    margin-top: 12px;
    border: 1px solid #DEE2E6;
    background: #F0F0F0;
    height: 35px;
    border-radius: 15px;
    color: #323232;
    font-weight: 500;
    font-size: 13px;
    width: 100%;
  }
  .use-list-card li .btn-close {
    position: absolute;
    top: 13px;
    right: 20px;
  }
  .use-list-card li .tag-group  {
    /* border: 1px dashed red;  */
    margin-bottom: 12px;
  }
  .use-list-card li .tag-group>.tag {
    border-radius: 5px;
    padding: 0 10px;
    width: auto;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    color: #fff;
  }
  .use-list-card li .tag-group>.tag.blue {background: #0098FF;}
  .use-list-card li .tag-group>.tag.gray {background: #F1F4F7; border: 1px solid #DEE2E6; color: #323232;}


  /*//20241015*/

  /*20241016*/
  .item_box button.btn_close {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6666 3.83333L3.33325 17.1667M3.33325 3.83333L16.6666 17.1667' stroke='%23323232' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .item_box button.btn_close:before {
    display: none;
  }
  .item_box button.btn_close:after {
    display: none;
  }

  .item_box button.btn_close {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6666 3.83333L3.33325 17.1667M3.33325 3.83333L16.6666 17.1667' stroke='%23323232' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .noti_list .item_box .top_info {
    display: flex;
    align-items: center;
    column-gap: 10px;
    margin-bottom: 12px;
  }
  .noti_list .item_box .top_info>em {
    font-weight: 400;
    font-size: 10px;
    color: #fff;
    background-color: #323232;
    padding: 3px 10px;
    border-radius: 5px;
  }  
  .noti_list .item_box .top_info>.tit {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    color: #323232;
  }  
  .noti_list .item_box.unconfirmed .top_info>.tit:after {
    position: absolute;
    top: 3px;
    right: -9px;
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #FF5C4B;
    border-radius: 50%;
  }
  .noti_list .item_box .msg {
    background-color: #F2F3F7;
    padding: 15px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #323232;
    margin-bottom: 10px;
  }
  .noti_list .item_box .date {
    font-size: 13px;
    font-weight: 400;
    color: #555555;
  }
  /*//20241016*/

  /*20241017*/
  .login_box {
    background-color: #0098FF;
    display: block;
    align-content: baseline;
  }
  .login_box .login_go {
    border: 0;
    display: inline-flex;
    column-gap: 20px;
    padding: 18px;
    border-radius: 12px;
    /* border: 1px solid red; */
    box-shadow: none;
  }
  .login_box .login_go img {
    /* border: 1px solid red; */
    width: 44px;
  }
  .login_box .login_go span {
    /* border: 1px solid red; */
    font-weight: 500;
    font-size: 16px;
    color: #1F3169;
    padding-top: 0;
    text-align: left;
  }
  .login_box .login_go span em {
    /* border: 1px solid red; */
    font-weight: 700;
    font-size: 16px;
    color: #1F3169;    
  }
  .login_box .button-span-wrap > p {
    font-size: 14px;
    font-weight: 400;
    color: #EFF5FF;
    margin-top: 8px;
  }
  .login_box .button-span-wrap {
    /* border: 1px solid red; */
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    width: 260px;
    text-align: center;
  }
  .spalash-visual {
    position: absolute;
    top: 50%; left: 50%; transform: translate(-50%, -50%);
    z-index: 1000;
    width: 198px;
    height: 200px;
    text-align: center;
  }
  .spalash-visual:before {
    content: "";
    display: inline-block;
    width: 120px;
    height: 114px;
    background: url(/images/mpm/aismart/btr/main/inter-path.png) no-repeat 0 0;
    background-size: 120px 114px;
  }
  /*//20241017*/

  /*20241018*/
  /*데이트피커 조절 13px*/
  
  .form-control.datetimepicker-input {
    font-size: 13px;
    padding-right: 0;
  }
  /*//20241018*/

  /*20241022*/
  #content {
    overflow-y: hidden;
  }
 body.modal-open {
    height: auto;
    overflow-y: auto;
}  
  /*//20241022*/

  .transport_icon.type_plane {
    color: #0098ff;
  }

  .recent-search {
    /* margin-top: 15px; */
  }
  .recent-search .recent-path-list>li {
    position: relative;
    /* height: 39px; */
    /* display: flex; */
    /* justify-content: space-between; */
    /* align-items: center; */
    /* border: 1px dashed red; */
    margin-bottom: 12px;
  }
  .recent-search .recent-path-list>li:last-of-type {
    margin-bottom: 0;
  }
  .recent-search .recent-path-list>li>a {
    display: block;
    /* padding-left: 28px; */
    /* background: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99999 11.3333C11.3807 11.3333 12.5 10.214 12.5 8.83333C12.5 7.45262 11.3807 6.33333 9.99999 6.33333C8.61928 6.33333 7.49999 7.45262 7.49999 8.83333C7.49999 10.214 8.61928 11.3333 9.99999 11.3333Z' stroke='%230098FF' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.99999 18.8333C13.3333 15.5 16.6667 12.5152 16.6667 8.83333C16.6667 5.15144 13.6819 2.16667 9.99999 2.16667C6.3181 2.16667 3.33333 5.15144 3.33333 8.83333C3.33333 12.5152 6.66666 15.5 9.99999 18.8333Z' stroke='%230098FF' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 0 50%; */
    font-size: 16px;
    font-weight: 500;
    color: #323232;
    padding-right: 60px;
  }
  .recent-search .recent-path-list>li>a>.name {
    display: block;
    color: #323232;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 4px;
  }
  .recent-search .recent-path-list>li>a>.address {
    display: block;
    color: #848484;
    font-weight: 400;
    font-size: 13px;
  }  
  .recent-search .recent-path-list>li>.btn-star {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 32px;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0543 3L12.5906 8L17.8728 8.71429L14.0399 12.2857L15.1268 18L10.0543 15.1429L4.98189 18L6.06884 12.2857L2.08334 8.71429L7.51812 8L10.0543 3Z' fill='%23C6C6C6' stroke='%23C6C6C6' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }    
  .recent-search .recent-path-list>li>.btn-star.on {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0543 3L12.5906 8L17.8728 8.71429L14.0399 12.2857L15.1268 18L10.0543 15.1429L4.98189 18L6.06884 12.2857L2.08334 8.71429L7.51812 8L10.0543 3Z' fill='%23FFB200' stroke='%23FFB200' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .recent-search .recent-path-list>li>.btn-del {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;    
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6667 3.83333L3.33333 17.1667M3.33333 3.83333L16.6667 17.1667' stroke='%23323232' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }  

  .tot-card {}
  .tot-card li {
    position: relative;
    /* border: 1px solid red; */
    border-radius: 20px;
    padding: 13px 82px 13px 20px;
    background: #fff;
    margin-bottom: 8px;
    /* height: 87px; */
    box-shadow: 0px 0px 10px 0px #00000014;
  }
  .tot-card li:last-of-type {
    margin-bottom: 0;
  }
  .tot-card li .name {
    display: block;
    color: #323232;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 4px;
  }
  .tot-card li .distance {
    font-size: 13px;
    font-weight: 400;
    color: #848484;
  }
  .tot-card li .address {
    font-size: 13px;
    font-weight: 400;
    color: #848484;
  }
  .tot-card li .btn-star {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 52px;
    width: 20px;
    height: 20px;
    text-indent: -9999px;    
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0543 3L12.5906 8L17.8728 8.71429L14.0399 12.2857L15.1268 18L10.0543 15.1429L4.98189 18L6.06884 12.2857L2.08334 8.71429L7.51812 8L10.0543 3Z' fill='%23C6C6C6' stroke='%23C6C6C6' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .tot-card li .btn-star.on {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0543 3L12.5906 8L17.8728 8.71429L14.0399 12.2857L15.1268 18L10.0543 15.1429L4.98189 18L6.06884 12.2857L2.08334 8.71429L7.51812 8L10.0543 3Z' fill='%23FFB200' stroke='%23FFB200' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .tot-card li .btn-del {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;    
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6667 3.83333L3.33333 17.1667M3.33333 3.83333L16.6667 17.1667' stroke='%23323232' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }

  /*20241210*/
  .approval-group {
    /* border: 1px dashed red; */
    margin-bottom: 20px;
  }
  .approval-group .approval-item {
     position: relative;
     border: 1px solid #004190;
     border-radius: 20px;
     padding: 16px 20px 20px 20px;
     margin-bottom: 12px;
     background: #fff;
  }
  .approval-group .approval-item:last-of-type {
    margin-bottom: 0;
  }
  .approval-group .approval-item .btn-delete {
    position: absolute;
    top: 16px;
    right: 20px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6667 3.83337L3.33337 17.1667M3.33337 3.83337L16.6667 17.1667' stroke='%23323232' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    text-indent: -9999px;
  }
  .approval-group .approval-item .tit {
    font-size: 16px;
    font-weight: 700;
    color: #323232;
    margin-bottom: 12px;
  }
  .approval-group .approval-item .sort_select.division_select {
    width: 100%;
    margin-bottom: 8px;
  }
  .approval-group .approval-item .approval-selected {
    border: 1px solid #DDD;
    border-radius: 12px;
    padding: 11px 20px;
  }
  .approval-group .approval-item .approval-selected .name {
    font-size: 16px;
    font-weight: 400;
    color: #323232;
    margin-bottom: 2px;
  }
  .approval-group .approval-item .approval-selected .depart {
    font-size: 12px;
    font-weight: 400;
    color: #787878;
  }

  /*20241210*/
  .radio-group {
    /* border: 1px dashed red; */
  }
  .modal .radio-group {
    max-height: 130px;
    overflow-y: auto;
  }
  .rd-new {
    /* display: inline-block; */
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    padding-left: 22px;
    height: 18px;
    line-height: 18px;
    color: #666;
    /* border: 1px solid red; */
    margin-bottom: 20px;
    margin-top: 10px;
  }
  .rd-new:last-of-type {
    margin-right: 0;
    margin-bottom: 0;
  }
  .rd-new .rd-ip~.rd-txt {
    color: #323232;
    font-size: 17px;
    font-weight: 400;
  }
  .rd-new .rd-ip {
    -webkit-appearance: none;
    -moz-appearance: none;
     appearance: none;
    position: absolute;
    top: 0;
    left: 0;	
    display: block;
    width: 18px;
    height: 18px;
    border: 0;	
    /* background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='7.5' fill='white' stroke='%23BCBCBC'/%3E%3C/svg%3E%0A"); */
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='16' height='16' rx='8' stroke='%23C6C6C6' stroke-width='2'/%3E%3C/svg%3E%0A");
    margin: 0;
  }
  .rd-new .rd-ip:checked {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='4' width='16' height='16' rx='8' stroke='%230098FF' stroke-width='2'/%3E%3Crect x='7' y='7' width='10' height='10' rx='5' fill='%230098FF'/%3E%3C/svg%3E%0A");
    background-position: 50% 50%;

  }
  .rd-new .rd-ip:checked~.rd-txt {
    /* color: #05256B; */
  }
  /*
  .rd-new .rd-ip:disabled {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='7.5' fill='%23EFEFEF' stroke='%23BCBCBC'/%3E%3C/svg%3E%0A");
  }
  .rd-new .rd-ip:checked:disabled {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='4' width='16' height='16' rx='8' stroke='%230098FF' stroke-width='2'/%3E%3Crect x='7' y='7' width='10' height='10' rx='5' fill='%230098FF'/%3E%3C/svg%3E%0A");
  }  
  */

  /* highpass-usage-detail */
  .highpass-jh {
    color: #555555;
    font-size: 13px;
    font-weight: 400;
    margin: 0px 20px 20px 20px;
    text-align: right;
  }
  .highpass-usage-detail {
    margin: 0 20px 0 20px;
    max-height: calc(50vh - 100px);
    /* border: 1px dashed red; */
    overflow-y: auto;
    padding: 10px;
  }
  .highpass-usage-detail li {
    position: relative;
    /* border: 1px solid red; */
    /* border-radius: 20px; */
    padding: 32px 20px 13px 20px;
    padding: 5px 10px 5px 10px;
    background: #fff;
    /* margin-bottom: 10px; */
    /* height: 87px; */
    height: auto;
    /* box-shadow: 0px 0px 10px 0px #00000014; */
    /* border: 1px dashed red; */
    border-bottom: 1px solid #ddd;
  }
  .highpass-usage-detail li:first-of-type {
    border-top: 1px solid #ddd;
  }
  .highpass-usage-detail li:last-of-type {
    margin-bottom: 0;
  }
  .highpass-usage-detail li .ch-new {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
  }
  .highpass-usage-detail li .from-to {
    /* border: 1px solid red; */
    display: flex;
    column-gap: 32px;
    text-align: center;
    margin-left: 30px;
  }
  .highpass-usage-detail li .from-to .name {
    display: block;
    font-size: 20px;
    font-size: 16px;
    font-weight: 700;
    color: #323232;
  }
  .highpass-usage-detail li .from-to .time {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #848484;
    /* padding-top: 10px; */
    padding-top: 0px;
  }
  .highpass-usage-detail li .from-to .from {
    position: relative;
  }
  .highpass-usage-detail li .from-to .from:after {
    position: absolute;
    top: 0px;
    right: -26px;
    content: "\2192";
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #323232;    
  }
  .highpass-usage-detail li .from-to .to {

  }

  .highpass-usage-detail li .date-time {
    position: absolute;
    /* top: 13px; right: 20px; */
    top: 5px; right: 10px;
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: #848484;
  }
  .highpass-usage-detail li .price {
    position: absolute;
    /* bottom: 13px; right: 20px; */
    bottom: 2px;
    right: 10px;
    display: block;
    font-size: 20px;
    font-size: 16px;
    font-weight: 700;
    color: #323232;
    margin-top: 4px;
  }    


  



}

/*헬퍼류--------------------------------------------------------------------*/
.ovh {
  /* overflow: hidden; */
}
.ovh:before {
  content: "";
  display: block;
  width: 1px;
  height: 1px;
  background: none;
}
.ovh:after {
  content: "";
  display: block;
  width: 1px;
  height: 1px;
  background: none;
}
.w100p {width: 100% !important;}

.p0 {padding: 0px !important;}

.pt0 {padding-top: 0px !important;}
.pt10 {padding-top: 10px !important;}
.pt12 {padding-top: 12px !important;}
.pt16 {padding-top: 16px !important;}

.pl20 {padding-left: 20px !important;}

.pr20 {padding-right: 20px !important;} 
.pr50 {padding-right: 50px !important;} 
.pr60 {padding-right: 60px !important;} 
.pr70 {padding-right: 70px !important;}

.pb0 {padding-bottom: 0px !important;}
.pb8 {padding-bottom: 8px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb12 {padding-bottom: 12px !important;}
.pb16 {padding-bottom: 16px !important;}

.mt0 {margin-top: 0px !important;}
.mt4 {margin-top: 4px !important;}
.mt6 {margin-top: 6px !important;}
.mt8 {margin-top: 8px !important;}
.mt16 {margin-top: 16px !important;}
.mt14 {margin-top: 14px !important;}
.mt17 {margin-top: 17px !important;}

.mb4 {margin-bottom: 4px !important;}
.mb8 {margin-bottom: 8px !important;}
.mb12 {margin-bottom: 12px !important;}
.mb16 {margin-bottom: 16px !important;}
.mb17 {margin-bottom: 17px !important;}
.mb32 {margin-bottom: 32px !important;}

.tit1 {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -1px;
  color: #323232;
  margin-bottom: 10px;
}
.txt1 {
  font-size: 16px;
  color: #000000;
  font-weight: 500;
}
.txt2 {
  font-size: 15px;
  color: #323232;
  font-weight: 400;
  line-height: 1.3;
}
.txt3 {
  font-size: 14px;
  color: #555;
  font-weight: 400;
  line-height: 1.3;
}
.ta-left {text-align: left !important;}
.ta-center {text-align: center !important;}
.ta-right {text-align: right !important;}
.bg-f8 {background: #f8f8f8;}

.fc-004190 {color: #004190;}
.fc-1f {color: #1f3169;}


/*듀얼 달력 css--------------------------------------------------------------------------------------------*/

 .calendars-container {
     display: flex;
     gap: 20px;
 }
 .calendar {
     border: 1px solid #ccc;
     border-radius: 10px;
     padding: 10px;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     width: 280px;
 }
 .calendar-header {
     text-align: center;
     margin-bottom: 10px;
     font-size: 18px;
 }
 .calendar-table {
     width: 100%;
     border-collapse: collapse;
 }
 .calendar-table th,
 .calendar-table td {
     width: 14%;
     text-align: center;
     padding: 4px;
     cursor: pointer;
     user-select: none;
 }
 .calendar-table th {
     background-color: #f4f4f4;
 }
 .calendar-table td {
     border: 1px solid #ddd;
 }
 .selected-start {
     background-color: #28a745;
     color: white;
 }
 .selected-end {
     background-color: #dc3545;
     color: white;
 }
 .in-range {
     background-color: #f0f8ff;
 }
 .controls {
     margin-top: 20px;
 }