.h-sync-wrap.sub-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
  }
  .h-sync-wrap.sub-wrap footer {
    margin-top: 100px;
  }
  
  #fp-nav {
    position: fixed;
    z-index: 100;
    top: 50%;
    opacity: 1;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translate3d(0, -50%, 0);
    pointer-events: none;
  }
  
  #fp-nav.fp-right {
    right: 24px;
  }
  
  #fp-nav.fp-left {
    left: 24px;
  }
  
  .fp-slidesNav {
    position: absolute;
    z-index: 4;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0 !important;
    right: 0;
    margin: 0 auto !important;
    pointer-events: none;
  }
  
  .fp-slidesNav.fp-bottom {
    bottom: 0;
  }
  
  .fp-slidesNav.fp-top {
    top: 0;
  }
  
  #fp-nav ul,
  .fp-slidesNav ul {
    margin: 0;
    padding: 0;
  }
  
  #fp-nav ul li,
  .fp-slidesNav ul li {
    display: block;
    width: 12px;
    height: 12px;
    margin: 0;
    position: relative;
  }
  
  .fp-slidesNav ul li {
    display: inline-block;
  }
  
  #fp-nav ul li a,
  .fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    pointer-events: all;
  }
  
  #fp-nav ul li:hover a span,
  .fp-slidesNav ul li:hover a span {
    width: 12px;
    height: 12px;
    margin: 0;
  }
  
  #fp-nav.ver1 ul li a.active span,
  #fp-nav.ver1 ul li a.active span,
  #fp-nav.ver1 ul li:hover a.active span,
  #fp-nav.ver1 ul li:hover a.active span {
    height: 12px;
    width: 12px;
    margin: 0;
    background: #fff;
    border: 0;
    border-radius: 100%;
  }
  #fp-nav.ver1 ul li a span,
  #fp-nav.ver1 ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 12px;
    width: 12px;
    border: 1px solid #fff;
    background: transparent;
    left: 0;
    top: 0;
    margin: 0;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
  }
  #fp-nav.ver1 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
  
  #fp-nav.ver2 ul li a.active span,
  #fp-nav.ver2 ul li a.active span,
  #fp-nav.ver2 ul li:hover a.active span,
  #fp-nav.ver2 ul li:hover a.active span {
    height: 12px;
    width: 12px;
    margin: 0;
    background: #000;
    border: 0;
    border-radius: 100%;
  }
  #fp-nav.ver2 ul li a span,
  #fp-nav.ver2 ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 12px;
    width: 12px;
    border: 1px solid rgba(6, 6, 6, 0.7);
    background: transparent;
    left: 0;
    top: 0;
    margin: 0;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
  }

  #fp-nav.ver2 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }

  body:not(.fp-responsive) .fp-overflow {
    overflow: visible !important;
}
  .main-wrap .fp-watermark {
    display: none !important;
  }
  
  #fp-nav ul li:nth-child(3) {
    display: none !important;
  }
  
  header {
    width: 100%;
    background: rgba(0, 0, 0, 0.85);
  }
  header .logo, header .top-quick {
    position: relative;
    z-index: 1;
  }
  header .top-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding: 0 32px;
    height: 77px;
  }
  header .top-menu .logo a img {
    width: 280px;
  }
  header .top-menu .header-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 77px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  header .top-menu .header-wrap::after {
    content: "";
    display: block;
    clear: both;
  }
  header .top-menu .header-wrap nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  header .top-menu .header-wrap nav .gnb-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 120px;
  }
  header .top-menu .header-wrap nav .gnb-nav .depth1 {
    position: relative;
    height: 77px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  header .top-menu .header-wrap nav .gnb-nav .depth1 > a {
    font-size: 19px;
    color: var(--white);
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.2px;
  }
  header .top-menu .header-wrap nav .gnb-nav .depth1 .depth2-nav-area {
    display: none;
    height: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    z-index: 11;
    -webkit-transition: height 0.2s ease;
    transition: height 0.2s ease;
  }
  header .top-menu .header-wrap nav .gnb-nav .depth1 .depth2-nav-area .depth2-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
    overflow: hidden;
    position: absolute;
    top: 100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
    text-align: center;
    z-index: 11;
  }
  header .top-menu .header-wrap nav .gnb-nav .depth1 .depth2-nav-area .depth2-nav li a {
    white-space: nowrap;
	font-weight: 600;
    color: var(--gray-20);
  }
  header .top-menu .header-wrap nav .gnb-nav .depth1 .depth2-nav-area .depth2-nav li:hover a {
    color: var(--secondary);
    font-weight: 600;
    text-decoration: underline;
    text-underline-position: under;
  }
  header .top-menu .header-wrap nav .gnb-nav .depth1 .depth2-nav-area.active {
    display: block;
    height: 130px;
    overflow: visible;
  }
  header .top-menu .top-quick ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
  }
  header .top-menu .top-quick ul li a {
    color: var(--white);
  }
  header .top-menu .top-quick ul li:hover a {
    text-decoration: underline;
    text-underline-position: under;
  }
  header .navi-layer {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 0;
    background: rgba(0, 0, 0, 0.85);
    z-index: 1;
    -webkit-transition: height 0.3s ease;
    transition: height 0.3s ease;
  }
  header .navi-layer.active {
    height: 140px;
  }
  
  main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  main .subpage-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 44px;
  }
  main .subpage-content > h2 {
    padding-top: 60px;
    color: var(--text-primary);
    font-size: 42px;
    text-align: center;
  }
  main .subpage-content .join-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 60px;
    width: 1200px;
    margin: 0 auto;
  }
  main .subpage-content .join-area .procce ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    gap: 140px;
  }
  main .subpage-content .join-area .procce ul::after {
    content: "";
    position: absolute;
    top: 48px;
    left: 50%;
    width: 780px;
    height: 1px;
    background: var(--gray-20);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
  }
  main .subpage-content .join-area .procce ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    position: relative;
    z-index: 2;
  }
  main .subpage-content .join-area .procce ul li.active .image-area {
    background: var(--secondary);
    border: 0;
  }
  main .subpage-content .join-area .procce ul li.active .image-area svg path {
    stroke: var(--white);
  }
  main .subpage-content .join-area .procce ul li.active .text-area span, main .subpage-content .join-area .procce ul li.active .text-area strong {
    color: var(--secondary);
  }
  main .subpage-content .join-area .procce ul li:nth-child(1) svg {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  main .subpage-content .join-area .procce ul li .image-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    background: var(--white);
    border: 1px solid var(--gray-20);
  }
  main .subpage-content .join-area .procce ul li .text-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
  }
  main .subpage-content .join-area .procce ul li .text-area span, main .subpage-content .join-area .procce ul li .text-area strong {
    color: var(--gray-50);
    font-weight: 800;
    line-height: 150%;
  }
  main .subpage-content .join-area .procce ul li .text-area span {
    font-size: 16px;
  }
  main .subpage-content .join-area .procce ul li .text-area strong {
    font-size: 19px;
  }
  main .subpage-content .join-area .agreement ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
  }
  main .subpage-content .join-area .agreement ul li .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 24px 24px 32px 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 16px;
    border-radius: 8px;
    background: var(--gray-5);
  }
  main .subpage-content .join-area .agreement ul li .inner .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }
  main .subpage-content .join-area .agreement ul li .inner .top > strong {
    color: var(--text-primary);
    font-size: 19px;
    font-weight: 800;
  }
  main .subpage-content .join-area .agreement ul li .inner .top > button {
    width: 124px;
  }
  main .subpage-content .join-area .agreement ul li .inner .bottom .box-checkbox .label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
  }
  main .subpage-content .join-area .agreement ul li .inner .bottom .box-checkbox .label i {
    color: var(--secondary);
    font-weight: 600;
  }
  main .subpage-content .join-area .agreement ul li .inner .bottom .box-checkbox .label span {
    color: var(--text-primary);
  }
  main .subpage-content .join-area .join-clear {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  main .subpage-content .join-area .join-clear strong {
    color: var(--secondary);
    font-size: 21px;
    font-weight: 800;
    line-height: 150%;
    text-align: center;
  }
  main .subpage-content .join-area .button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 60px;
  }
  main .subpage-content .join-area .button-area button {
    width: 158px;
  }

  main .subpage-content .login-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0;
    width: 1200px;
    margin: 0 auto;
  }
  main .subpage-content .login-area .login-inner {
    width: 100%;
    padding: 60px 0;
    border-top: 1px solid #2DC0F0;
    background: var(--gray-5);
  }
  main .subpage-content .login-area .login-inner .text-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
  }
  main .subpage-content .login-area .login-inner .text-area strong {
    color: var(--secondary);
    font-size: 30px;
    font-weight: 700;
  }
  main .subpage-content .login-area .login-inner .text-area p {
    color: var(--gray-60);
    text-align: center;
    font-size: 17px;
    font-weight: 400;
    line-height: 170%;
  }
  main .subpage-content .login-area .login-inner .login-input {
    margin-top: 40px;
  }
  main .subpage-content .login-area .login-inner .login-input .login-input-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
    width: 634px;
    margin: 0 auto;
  }
  main .subpage-content .login-area .login-inner .login-input article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  main .subpage-content .login-area .login-inner .login-input article .input-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
  }
  main .subpage-content .login-area .login-inner .login-input article .input-area label {
    width: 70px;
    color: var(--gray-80);
    font-size: 16px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.16px;
  }
  main .subpage-content .login-area .login-inner .login-input article .input-area .input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    gap: 8px;
    width: 100%;
    height: 52px;
    padding: 0 16px;
    border-radius: 2px;
    border: 1px solid var(--gray-20);
    background: var(--white);
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s;
  }
  main .subpage-content .login-area .login-inner .login-input article .input-area .input:focus-within {
    border: 1px solid var(--secondary);
  }
  main .subpage-content .login-area .login-inner .login-input article .input-area .input input {
    width: 100%;
    padding: 14px 16px 14px 0;
    border: 0;
    background: transparent;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: var(--gray-90);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.17px;
  }
  main .subpage-content .login-area .login-inner .login-input article .input-area .input input:disabled {
    background: var(--gray-20);
  }
  main .subpage-content .login-area .login-inner .login-input article .input-area .input input::-webkit-input-placeholder {
    opacity: 0.8;
  }
  main .subpage-content .login-area .login-inner .login-input article .input-area .input input::-moz-placeholder {
    opacity: 0.8;
  }
  main .subpage-content .login-area .login-inner .login-input article .input-area .input input:-ms-input-placeholder {
    opacity: 0.8;
  }
  main .subpage-content .login-area .login-inner .login-input article .input-area .input input::-ms-input-placeholder {
    opacity: 0.8;
  }
  main .subpage-content .login-area .login-inner .login-input article .input-area .input input::placeholder {
    opacity: 0.8;
  }
  main .subpage-content .login-area .login-inner .login-input article .input-area .input:has(input:disabled) {
    border: 1px solid var(--gray-30);
    background: var(--gray-20);
    cursor: not-allowed;
  }
  main .subpage-content .login-area .login-inner .login-input .box-checkbox {
    margin-top: 4px;
    padding-left: 72px;
  }
  main .subpage-content .login-area .login-inner .login-input .box-checkbox label {
    color: var(--gray-60);
    font-size: 15px;
    font-weight: 500;
  }
  main .subpage-content .login-area .login-inner .login-input .button-area {
    width: 160px;
    height: 116px;
  }
  main .subpage-content .login-area .login-inner .login-input .button-area button {
    width: 100%;
    height: 100%;
    font-size: 18px;
  }
  main .subpage-content .login-area .login-input,
  main .subpage-content .login-area .login-etc-area {
    width: 100%;
  }
  main .subpage-content .login-area .login-etc-area {
    padding: 50px 0;
    border-top: 1px solid var(--gray-30);
    border-bottom: 1px solid var(--gray-30);
  }
  main .subpage-content .login-area .login-etc-area ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0;
    width: 1080px;
    margin: 0 auto;
  }
  main .subpage-content .login-area .login-etc-area ul li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 16px;
    width: 317px;
    height: 66px;
    padding-left: 32px;
    border-right: 1px solid #E5E7EB;
  }
  main .subpage-content .login-area .login-etc-area ul li img {
    width: 60px;
    height: 60px;
  }
  main .subpage-content .login-area .login-etc-area ul li:first-child {
    padding-left: 0;
  }
  main .subpage-content .login-area .login-etc-area ul li:last-child {
    border-right: 0;
  }
  main .subpage-content .login-area .login-etc-area ul li .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }
  main .subpage-content .login-area .login-etc-area ul li span {
    display: block;
    position: relative;
    color: var(--gray-80);
    font-size: 16px;
    font-weight: 400;
    white-space: nowrap;
  }
  main .subpage-content .login-area .login-etc-area ul li span::before {
    content: "";
    position: absolute;
    top: 0;
    left: -8px;
    width: 5px;
    height: 5px;
    background: var(--secondary);
  }
  main .subpage-content .login-area .login-etc-area ul li button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  
  
  footer,
  .footer {
    width: 100%;
    height: 108px;
    padding: 20px 32px;
    background: #0F1012;
  }
  footer .inner,
  .footer .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    width: 1200px;
    margin: 0 auto;
  }
  footer .inner .top,
  .footer .inner .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  footer .inner .top > ul,
  .footer .inner .top > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
  }
  footer .inner .top > ul li,
  .footer .inner .top > ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
  }
  footer .inner .top > ul li a,
  .footer .inner .top > ul li a {
    color: var(--gray-5);
    font-size: 14px;
    font-weight: 600;
  }
  footer .inner .top > ul li::after,
  .footer .inner .top > ul li::after {
    content: "";
    width: 1px;
    height: 10px;
    background: #4B5563;
  }
  footer .inner .top > ul li:last-child::after,
  .footer .inner .top > ul li:last-child::after {
    display: none;
  }
  footer .inner .top .family-site,
  .footer .inner .top .family-site {
    position: relative;
  }
  footer .inner .top .family-site .family-site-select,
  .footer .inner .top .family-site .family-site-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 260px;
    height: 40px;
    border-bottom: 1px solid var(--secondary);
  }
  footer .inner .top .family-site .family-site-select > span,
  .footer .inner .top .family-site .family-site-select > span {
    color: var(--secondary);
    font-size: 14px;
    font-weight: 400;
  }
  footer .inner .top .family-site .family-site-list,
  .footer .inner .top .family-site .family-site-list {
    display: none;
    position: absolute;
    bottom: 48px;
    left: 0;
    width: 100%;
    padding: 8px 12px;
    background: var(--white);
    border: 1px solid var(--gray-30);
    border-radius: 4px;
    z-index: 10;
  }
  footer .inner .top .family-site .family-site-list ul li,
  .footer .inner .top .family-site .family-site-list ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    padding: 0 16px;
  }
  footer .inner .top .family-site .family-site-list ul li a,
  .footer .inner .top .family-site .family-site-list ul li a {
    color: var(--text-primary);
    font-weight: 400;
  }
  footer .inner .top .family-site .family-site-list ul li:hover a,
  .footer .inner .top .family-site .family-site-list ul li:hover a {
    text-decoration: underline;
    text-underline-position: under;
  }
  footer .inner .bottom,
  .footer .inner .bottom {
    color: var(--gray-50, #6B7280);
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
  }
  
  .agreement-content-modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
  }
  .agreement-content-modal > strong {
    font-size: 19px;
  }
  .agreement-content-modal .agreement-text {
    overflow: auto;
    max-height: 64vh;
    scrollbar-width: thin;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
	padding-right: 30px;
  }
  .agreement-content-modal .agreement-text h5,
  .agreement-content-modal .agreement-text h3,
  .agreement-content-modal .agreement-text h4 {
	color: var(--gray-60);
	font-size: 15px;
	line-height: 160%;
  }
  .agreement-content-modal .agreement-text p {
    color: var(--gray-80);
    font-size: 15px;
    font-weight: 400;
    line-height: 160%;
	letter-spacing: -0.2px;
  }
  
  .notice-content-modal {
    text-align: center;       /* 텍스트 중앙 정렬 */
    line-height: 1.6;         /* 가독성 향상 */
    word-break: keep-all;     /* 한국어 줄바꿈 자연스럽게 */
    margin: 0 auto;           /* 블록 요소 중앙 배치 */
    max-width: 640px;         /* 너무 넓지 않게 제한 (선택) */
  }
  .notice-content-modal > strong {
    font-size: 22px;
	color: steelblue;
  }
  .notice-content-modal .agreement-text {
    overflow: auto;
    max-height: 64vh;
    scrollbar-width: thin;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
  padding-right: 30px;
  }
    

  /*사용자 인증 모달*/
  #modalUsrConf .modal-content {
    max-width: 500px;
    height: 340px;
  }
  #modalUsrConf .modal-content .usr-conf-content > strong {
    font-size: 19px;
  }
  #modalUsrConf .modal-content .usr-conf-content > section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
  }
  #modalUsrConf .modal-content .usr-conf-content > section > strong {
    display: block;
    padding-top: 40px;
    color: var(--gray-95);
    font-size: 19px;
    font-weight: 700;
    line-height: 150%;
    text-align: center;
  }
  #modalUsrConf .modal-content .usr-conf-content > section > strong i {
    color: var(--secondary);
  }
  #modalUsrConf .modal-content .usr-conf-content > section .verification-input-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
  }
  #modalUsrConf .modal-content .usr-conf-content > section .verification-input-area .input-area {
    width: calc(100% - 100px);
  }
  #modalUsrConf .modal-content .usr-conf-content > section .verification-input-area .button-area {
    width: 100px;
  }
  #modalUsrConf .modal-content .usr-conf-content > section .time-alert-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 40px;
    margin-top: 16px;
  }
  #modalUsrConf .modal-content .usr-conf-content > section .time-alert-area .countdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
  }
  #modalUsrConf .modal-content .usr-conf-content > section .time-alert-area .countdown p {
    color: var(--gray-60);
    font-size: 15px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.5px;
  }
  #modalUsrConf .modal-content .usr-conf-content > section .time-alert-area .countdown p span {
    color: #E11D48;
    font-weight: 600;
  }
  #modalUsrConf .modal-content .usr-conf-content > section .time-alert-area .time-extention {
    color: var(--gray-80);
    font-size: 15px;
    font-weight: 500;
    text-decoration: underline;
    text-underline-position: under;
  }
  
  /*카테고리 메뉴*/
  .category-nav {
    width: 100%;
    height: 64px;
    border-bottom: 1px solid var(--gray-20);
  }
  .category-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 64px;
  }
  .category-nav ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 156px;
    height: 64px;
  }
  .category-nav ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 156px;
    height: 64px;
    color: var(--gray-95);
    font-size: 16px;
    font-weight: 500;
  }
  .category-nav ul li.active {
    border-bottom: 2px solid var(--secondary);
  }
  .category-nav ul li.active a {
    color: var(--secondary);
    font-weight: 700;
  }
  
  /*회원탈퇴*/
  main .subpage-content .account-deletion-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 60px;
    width: 1200px;
    margin: 0 auto;
  }
  main .subpage-content .account-deletion-area > section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
  }
  main .subpage-content .account-deletion-area > section .text-info-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
  main .subpage-content .account-deletion-area > section .text-info-area .info-content {
    width: 100%;
    padding: 32px 24px;
    background: var(--gray-5);
  }
  main .subpage-content .account-deletion-area > section .text-info-area .info-content ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
  }
  main .subpage-content .account-deletion-area > section .text-info-area .info-content ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }
  main .subpage-content .account-deletion-area > section .text-info-area .info-content ul li strong {
    color: var(--text-primary);
    font-size: 15px;
    font-weight: 700;
    line-height: 150%;
  }
  main .subpage-content .account-deletion-area > section .text-info-area .info-content ul li p {
    color: var(--gray-60);
    font-size: 15px;
    font-weight: 400;
    line-height: 150%;
  }
  main .subpage-content .account-deletion-area > section .input-info-area table .textarea-area {
    height: 220px;
  }
  main .subpage-content .account-deletion-area .button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 12px;
  }
  main .subpage-content .account-deletion-area .button-area button {
    width: 200px;
  }
  
  /*회원정보수정*/
  main .subpage-content .edit-profile-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 60px;
    width: 1200px;
    margin: 0 auto;
  }
  main .subpage-content .edit-profile-area > section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
  main .subpage-content .edit-profile-area .button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 12px;
  }
  main .subpage-content .edit-profile-area .button-area button {
    width: 200px;
  }
  
  
  /*제안서 작성*/
   main .subpage-content .pps-regform-area {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     gap: 60px;
     width: 1200px;
     margin: 0 auto;
   }
   main .subpage-content .pps-regform-area .button-area {
	gap: 12px;
   }
   main .subpage-content .pps-regform-area > section {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     gap: 24px;
   }
   main .subpage-content .pps-regform-area .button-area {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     gap: 12px;
   }
   main .subpage-content .pps-regform-area .button-area button {
     width: 200px;
   }
  
  .main-wrap header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
  }
  .main-wrap main .section01 {
    position: relative;
  }
  .main-wrap main .section01 .mainSwiper {
    height: 100vh;
  }
  .main-wrap main .section01 .mainSwiper .swiper-slide {
    position: relative;
    width: 100%;
    height: 100vh;
  }
  .main-wrap main .section01 .mainSwiper .swiper-slide {
	background-size: cover !important;
  }
  .main-wrap main .section01 .mainSwiper .swiper-slide .inner {
    position: absolute;
    top: 19vh;
    left: 50%;
    width: 1200px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 1;
  }
  .main-wrap main .section01 .mainSwiper .swiper-slide .inner .visual-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
  .main-wrap main .section01 .mainSwiper .swiper-slide .inner .visual-text h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .main-wrap main .section01 .mainSwiper .swiper-slide .inner .visual-text h2 strong {
    color: var(--white);
    font-size: 50px;
    font-family: "HyundaiSansHeadBold";
    font-weight: 700;
    text-align: center;
    line-height: 135%;
  }
  .main-wrap main .section01 .mainSwiper .swiper-slide .inner .visual-text h2 strong.title-point {
    color: var(--secondary);
  }
  .main-wrap main .section01 .mainSwiper .swiper-slide .inner .visual-text span {
    color: var(--white);
    font-size: 18px;
    font-weight: 400;
  }
  .main-wrap main .section01 .mainSwiper .slide01 {
    background: url("/static/lrtp/img/main-slide-01-4ae2b6304ec26f1d5f9d20f3e23935f9.jpg") no-repeat top center;
  }
  .main-wrap main .section01 .mainSwiper .slide02 {
    background: url("/static/lrtp/img/main-slide-02-fb2d468a9c4c76127f53cbdafb74b14a.jpg") no-repeat top center;
  }
  .main-wrap main .section01 .mainSwiper .slide03 {
    background: url("/static/lrtp/img/main-slide-03-5a4f91db9eb1d2cc8e27baaf2599e389.jpg") no-repeat top center;
  }
  .main-wrap main .section01 .mainSwiper .slide03 .inner {
    top: 23vh;
  }
  .main-wrap main .section01 .mainSwiper .slide03 h2 strong {
    font-size: 52px;
  }
  .main-wrap main .section01 .mainSwiper .swiper-bullet {
    position: static;
    width: 184px;
    height: 6px;
    z-index: 10;
    background: rgba(255, 255, 255, 0.4);
  }
  .main-wrap main .section01 .mainSwiper .swiper-bullet ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 6px;
  }
  .main-wrap main .section01 .mainSwiper .swiper-bullet ul li {
    width: 33.33%;
    height: 6px;
    cursor: pointer;
  }
  .main-wrap main .section01 .mainSwiper .swiper-bullet ul li.active {
    background: rgb(255, 255, 255);
  }
  .main-wrap main .section01 .mainSwiper .slide-control-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
    position: absolute;
    top: 43vh;
    left: 50%;
    width: 400px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 2;
  }
  .main-wrap main .section01 .mainSwiper .slide-control-area .slide-action-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
  }
  .main-wrap main .section01 .mainSwiper .slide-control-area .swiper-button-next,
  .main-wrap main .section01 .mainSwiper .slide-control-area .swiper-button-prev,
  .main-wrap main .section01 .mainSwiper .slide-control-area .swiper-pagination {
    position: static;
  }
  .main-wrap main .section01 .mainSwiper .slide-control-area .swiper-button-next,
  .main-wrap main .section01 .mainSwiper .slide-control-area .swiper-button-prev {
    width: 24px;
    height: 24px;
    margin-top: 0;
    color: var(--white);
  }
  .main-wrap main .section01 .mainSwiper .slide-control-area .swiper-button-next::after,
  .main-wrap main .section01 .mainSwiper .slide-control-area .swiper-button-prev::after {
    font-size: 18px;
  }
  .main-wrap main .section01 .mainSwiper .slide-control-area .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 6px 0 10px;
    color: #fff;
  }
  .main-wrap main .section01 .mainSwiper .slide-control-area .swiper-pagination span {
    color: rgb(255, 255, 255);
    font-weight: 700;
  }
  .main-wrap main .section01 .mainSwiper .slide-control-area .swiper-pagination .swiper-pagination-total {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 500;
  }
  .main-wrap main .section01 .mainSwiper .slide-control-area .swiper-button-play,
  .main-wrap main .section01 .mainSwiper .slide-control-area .swiper-button-stop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 50px !important;
    height: 28px !important;
    cursor: pointer;
  }
  .main-wrap main .section01 .mainSwiper .slide-control-area .swiper-button-play img,
  .main-wrap main .section01 .mainSwiper .slide-control-area .swiper-button-stop img {
    width: 100%;
    height: 100%;
  }
  .main-wrap main .section01 .mainSwiper .slide-control-area .swiper-button-play {
    display: none;
  }
  .main-wrap main .section01 .main-content {
    position: absolute;
    bottom: 8vh;
    left: 50%;
    width: 1200px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 1;
  }
  .main-wrap main .section01 .main-content .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 24px;
  }
  .main-wrap main .section01 .main-content .top .core-category {
    width: 350px;
  }
  .main-wrap main .section01 .main-content .top .core-category ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
		flex-wrap: wrap;
  }
  .main-wrap main .section01 .main-content .top .core-category ul li {
    width: 50%;
    height: 120px;
    border-radius: 2px;
    background: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
  }
  .main-wrap main .section01 .main-content .top .core-category ul li:nth-child(1) {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .main-wrap main .section01 .main-content .top .core-category ul li:nth-child(2) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .main-wrap main .section01 .main-content .top .core-category ul li:nth-child(3) {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
  }
  .main-wrap main .section01 .main-content .top .core-category ul li:hover a .inner span {
    text-decoration: underline;
    text-underline-position: under;
  }
  .main-wrap main .section01 .main-content .top .core-category ul li a {
    display: block;
  }
  .main-wrap main .section01 .main-content .top .core-category ul li a .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    height: 120px;
  }
  .main-wrap main .section01 .main-content .top .core-category ul li a .inner span {
    color: var(--gray-10);
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.5px;
  }
  .main-wrap main .section01 .main-content .top .faq-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
    width: 830px;
  }
  .main-wrap main .section01 .main-content .top .faq-area .faq-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .main-wrap main .section01 .main-content .top .faq-area .faq-header strong {
    color: var(--white);
    font-size: 21px;
    font-weight: 700;
  }
  .main-wrap main .section01 .main-content .top .faq-area .faq-header img {
    width: 20px;
    height: 20px;
  }
  .main-wrap main .section01 .main-content .top .faq-area .faq-content ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 12px;
  }
  .main-wrap main .section01 .main-content .top .faq-area .faq-content ul li {
    width: 50%;
    height: 197px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(0, 0, 0, 0.2);
    -webkit-backdrop-filter: blur(6px);
            backdrop-filter: blur(6px);
  }
  .main-wrap main .section01 .main-content .top .faq-area .faq-content ul li .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    padding: 18px 24px;
  }
  .main-wrap main .section01 .main-content .top .faq-area .faq-content ul li .inner strong,
  .main-wrap main .section01 .main-content .top .faq-area .faq-content ul li .inner span {
    display: block;
  }
  .main-wrap main .section01 .main-content .top .faq-area .faq-content ul li .inner strong {
    color: var(--white);
    font-size: 16px;
    font-weight: 600;
    word-break: break-all;
  }
  .main-wrap main .section01 .main-content .top .faq-area .faq-content ul li .inner span {
    color: #d4d8dd;
    font-size: 15px;
    font-weight: 400;
    line-height: 140%;
  }
  .main-wrap main .section01 .main-content .bottom {
    padding-top: 24px;
  }
  .main-wrap main .section01 .main-content .bottom .notice-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    gap: 48px;
    width: 100%;
    height: 60px;
    padding: 0 20px;
    border-radius: 2px;
    background: rgba(0, 0, 0, 0.5);
  }
  .main-wrap main .section01 .main-content .bottom .notice-area > strong {
    color: var(--white);
    font-size: 16px;
    font-weight: 700;
    font-family: "HyundaiSansHeadBold";
  }
  .main-wrap main .section01 .main-content .bottom .notice-area .noticeSwiper {
    position: absolute;
    top: 62%;
    left: 50%;
    width: 100%;
    height: 60%;
    padding: 0 90px 0 135px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .main-wrap main .section01 .main-content .bottom .notice-area .noticeSwiper .swiper-slide .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 40px;
    width: 100%;
  }
  .main-wrap main .section01 .main-content .bottom .notice-area .noticeSwiper .swiper-slide .inner:hover p {
    text-decoration: underline;
    text-underline-position: under;
  }
  .main-wrap main .section01 .main-content .bottom .notice-area .noticeSwiper .swiper-slide .inner p {
    width: 750px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--white);
    font-size: 16px;
    font-weight: 400;
  }
  .main-wrap main .section01 .main-content .bottom .notice-area .noticeSwiper .swiper-slide .inner span {
    color: var(--gray-30);
    font-size: 16px;
    font-weight: 400;
  }
  .main-wrap main .section01 .main-content .bottom .notice-area .notice-add {
    position: relative;
    z-index: 2;
  }
  .main-wrap main .section02 {
    width: 100%;
    height: 100%;
    background: #F6F3F2;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .main-wrap main .section02 .inner {
    width: 1200px;
    margin: 0 auto;
  }
  .main-wrap main .section02 .inner .title-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 16px;
    margin-top: 0;
  }
  .main-wrap main .section02 .inner .title-area span {
    color: var(--gray-70);
    font-size: 20px;
    font-weight: 400;
    line-height: 120%;
  }
  .main-wrap main .section02 .inner .title-area h2 {
    color: var(--text-primary);
    font-size: 46px;
    font-weight: 700;
    line-height: 140%;
  }
  .main-wrap main .section02 .inner .content-area {
    margin-top: 9vh;
  }
  .main-wrap main .section02 .inner .content-area > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
	justify-content: center; /*이미지 위치가 안맞아 추가 251127 */	
    gap: 70px; 
  }
  /* 가운데 정렬(ul) 251127 */
  .main-wrap main .section02 .inner .content-area > ul {
	justify-content: center;
  }	
  
  /* position: relative; 추가 - STEP03 기술 인증추가후 STEP06뒤에 ▶ 가 표시되는 문제발생하여 수정함 251127 */
  .main-wrap main .section02 .inner .content-area > ul > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
	/* width: 20% *//* 원본 */	
	/* STEP 전체 li 폭 6등분 */
	flex:0 0 15% !important; /* 기술 인증추가로 결과안내 아래 문자들이 여러줄로 나옴 */  
    max-width: 15% !important;
	justify-content: center;
	position: relative; /* ▶ 기준점 설정 251127*/
  }
  
   /* STEP 아이콘 크기 줄임(겹침 방지) 251127 */ 
  .main-wrap main .section02 .inner .content-area > ul > li .icon-area img {
	width: 65px !important;
	height: 65px !important;
  }
  
  .main-wrap main .section02 .inner .content-area > ul > li:nth-child(1) .icon-area img {
    -webkit-transform: translateX(3px);
            transform: translateX(3px);
  }
  .main-wrap main .section02 .inner .content-area > ul > li:nth-child(3) .icon-area img {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  .main-wrap main .section02 .inner .content-area > ul > li:nth-child(5) .icon-area img {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
 /* 원본
  .main-wrap main .section02 .inner .content-area > ul > li:nth-child(5) .icon-area::after {
    display: none;
  }
 */ 
 
 /*STEP03 기술 인증추가후 STEP06뒤에 ▶ 가 표시되는 문제발생하여 수정함 251127*/
 .main-wrap main .section02 .inner .content-area > ul > :last-child .icon-area::after {
    display: none;
  }
  
  .main-wrap main .section02 .inner .content-area > ul > li:nth-child(5) .text-area ul li {
    text-indent: -10px;
	white-space: nowrqp; /* STEP 텍스트 줄바꿈 방지 251127 */
  }
  .main-wrap main .section02 .inner .content-area > ul > li strong,
  .main-wrap main .section02 .inner .content-area > ul > li span {
    display: block;
    text-align: center;
  }
  .main-wrap main .section02 .inner .content-area > ul > li .icon-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 180px;
    background: var(--white);
    border-radius: 100%;
  }
  /*.main-wrap main .section02 .inner .content-area > ul > li .icon-area::after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background: url("/static/lrtp/img/icon-process-arrow-091635e7c58993297acb8e1bf2298fb6.svg") no-repeat top center;
    -webkit-transform: translateX(128px); 
            transform: translateX(128px);
  }*/
  
  /* STEP03 기술 인증추가후 STEP06뒤에 ▶ 가 표시되는 문제발생하여 수정함*/  
  /*li들의  ▶ - 마지막 li 제외 251127*/
  .main-wrap main .section02 .inner .content-area > ul > li:not(:last-child) .icon-area::after {
      content: "";
      position: absolute;
	 /* top: 50%;*/
	  right: -32%;/* ▶간격 화면에 따라 조정 :-20 ~ -40% */
	  transform: translateX(-50%);
      width: 24px;
      height: 24px;
      background: url("/static/lrtp/img/icon-process-arrow-091635e7c58993297acb8e1bf2298fb6.svg") no-repeat top center;      
    } 
    
  .main-wrap main .section02 .inner .content-area > ul > li .text-area {
    margin-top: 26px;
  }
  
  .main-wrap main .section02 .inner .content-area > ul > li .text-area span {
    color: var(--secondary);
    font-size: 16px;
    font-weight: 700;
  }
  .main-wrap main .section02 .inner .content-area > ul > li .text-area strong {
    margin-top: 8px;
    color: var(--text-primary);
    /*font-size: 24px;*/
	font-size: 20px;
    font-weight: 700;
  }
  .main-wrap main .section02 .inner .content-area > ul > li .text-area ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
    margin-top: 16px;
  }  
  .main-wrap main .section02 .inner .content-area > ul > li .text-area ul li {
    color: #666c75;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
	position: relative;   /* 251218 */
	padding-left: 14px;   /* '-' + 공백 자리 251218 */
	white-space: normal;  /* 줄바꿈 허용(지금 nowrap 쓰면깨짐) 251218 */
	word-break: keep-all; /* 한글 줄바꿈 자연스럽게 251218 */
  }
  /* '-' 따로 분리 251218 */
  .main-wrap main .section02 .inner .content-area > ul > li .text-area ul li::before {
	content: "-";
	position: absolute;
	left: 0;
	top: 0;
  }  	     
  .main-wrap footer {
    margin-top: 0 !important;
  }
  .main-wrap .fp-watermark {
    display: none !important;
  }  
  .privacy-section-area,
  .terms-section-area {
	display: flex;
	flex-direction: column;
	gap: 0;
	width: 1200px;
	margin: 0 auto;
  }
  .privacy-section-area p,
   .terms-section-area p {
  	font-size: 15px;
	color: var(--gray-80);
	line-height: 160%;
   }
   .privacy-section-area h3 i,
   .terms-section-area h3 i {
	display: block;
 	font-size: 19px;
   }
  .privacy-section-area h4,
  .terms-section-area h4 {
	
	line-height: 160%;
  }
  .privacy-section-area h4,
  .terms-section-area h5,
   .terms-section-area strong {
	color: var(--gray-60);
  }
  .terms-section-area h4 ,
  .terms-section-area h5,  
  .privacy-section-area h4 ,
  .privacy-section-area h5 {
  	font-size: 17px;
  } 
  .terms-section-area h4 {
  	color: var(--secondary);
	font-size: 18px;
  }
  .modal .agreement-content-modal .agreement-text h4 {
	font-size: 17px;
  }
  /*비밀번호 변경*/
  #modalPassChange .modal-content {
    max-width: 500px;
  }
  #modalPassChange .modal-content .password-change-content > strong {
    font-size: 19px;
  }
  #modalPassChange .modal-content .password-change-content > section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
  }
  #modalPassChange .modal-content .password-change-content > section > strong {
    display: block;
    padding-top: 40px;
    color: var(--gray-95);
    font-size: 19px;
    font-weight: 700;
    line-height: 150%;
    text-align: center;
  }
  #modalPassChange .modal-content .password-change-content > section > strong i {
    color: var(--secondary);
  }
  #modalPassChange .modal-content .password-change-content > section .password-change-input-area .table-row-container {
    width: 100%;
  }
  #modalPassChange .modal-content .password-change-content > section .password-change-input-area .table-row-container tbody tr th,
  #modalPassChange .modal-content .password-change-content > section .password-change-input-area .table-row-container tbody tr td {
    height: 56px;
  }
  #modalPassChange .modal-content .password-change-content > section .button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 24px 0 10px;
  }
  #modalPassChange .modal-content .password-change-content > section .button-area button {
    width: 120px;
  }
  
  /*제안이력조회*/
  main .subpage-content .pps-history-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 60px;
    width: 1200px;
    margin: 0 auto;
  }
  main .subpage-content .pps-history-area > section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
  main .subpage-content .pps-history-area > section .process ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;  
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
  main .subpage-content .pps-history-area > section .process ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    gap: 24px;
  }
/*  main .subpage-content .pps-history-area > section .process ul li:first-child::after {
    content: "";
    display: none;
  } */ /* 251204 */
  
  main .subpage-content .pps-history-area > section .process ul li:last-child::after {
      display: none;
    }
  
  main .subpage-content .pps-history-area > section .process ul li::after {
    content: "";
    position: absolute;
    top: 75px;	/* 가운데로  원본106px 251204 */
    left: calc(100% + 15px); /* 가운데로  원본-50px 251204 */
    width: 22px;   /* 원본 24px 251204 */
    height: 22px;  /* 원본 24px 251204 */
	transform: translateY(-50%); /* 가운데로 251204 */
    background: url("/static/lrtp/img/icon-triangle-arrow-425e9ce339d6c49c32d2592ca5121a5b.svg") no-repeat top center;
	background-size: contain; /* 251204 */
  }
  main .subpage-content .pps-history-area > section .process ul li .image-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 150px;
    height: 150px;
    border-radius: 100px;
    background: var(--gray-5);
  }
  main .subpage-content .pps-history-area > section .process ul li .text-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 6px;
  }
  main .subpage-content .pps-history-area > section .process ul li .text-area strong {
    color: var(--gray-95);
    font-size: 19px;
    font-weight: 600;
  }
  main .subpage-content .pps-history-area > section .process ul li .text-area span {
    color: var(--gray-70);
    font-size: 18px;
    font-weight: 400;
  }
  main .subpage-content .pps-history-area > section .process ul li .text-area button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 80px;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0;
  }
  main .subpage-content .pps-history-area > section .process ul li.active .image-area {
    background: var(--secondary);
  }
  main .subpage-content .pps-history-area > section .process ul li.active .image-area svg path {
    stroke: var(--white);
  }
  main .subpage-content .pps-history-area > section .process ul li.active:nth-child(3) svg path {
	stroke: #fff;
	fill:#fff;
	stroke-width: 0.1;
  }

  main .subpage-content .pps-history-area > section .process ul li.active .text-area strong {
    font-weight: 700;
  }
  main .subpage-content .pps-history-area > section .process ul li.clear .image-area {
    background: #D4F3FD;
  }
  main .subpage-content .pps-history-area > section .pps-history-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
  main .subpage-content .pps-history-area .button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 12px;
  }
  main .subpage-content .pps-history-area .button-area button {
    width: 200px;
  }
  
  /*아이디비번찾기*/
  main .subpage-content .pass-find-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0;
    width: 1200px;
    margin: 0 auto;
  }
  main .subpage-content .pass-find-area .pass-find-inner {
    width: 100%;
    height: 472px;
    padding: 50px 32px;
    border-top: 1px solid #2DC0F0;
    border-bottom: 1px solid var(--gray-30);
    background: var(--gray-5);
  }
  main .subpage-content .pass-find-area .pass-find-inner form > section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 60px;
    position: relative;
  }
  main .subpage-content .pass-find-area .pass-find-inner form > section::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 100%;
    background: var(--gray-30);
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  main .subpage-content .pass-find-area .pass-find-inner form > section > article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 374px;
  }
  main .subpage-content .pass-find-area .pass-find-inner form > section > article .pass-find-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-top: 32px;
  }
  main .subpage-content .pass-find-area .pass-find-inner form > section > article .pass-find-input input {
    font-size: 14px;
  }
  main .subpage-content .pass-find-area .pass-find-inner form > section > article .pass-find-input .input-group-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
  }
  main .subpage-content .pass-find-area .pass-find-inner form > section > article .pass-find-input .input-group-area > div {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  main .subpage-content .pass-find-area .pass-find-inner form > section > article .pass-find-input .input-area label {
    display: block;
    padding-bottom: 10px;
    color: var(--gray-80);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.16px;
  }
  main .subpage-content .pass-find-area .pass-find-inner form > section > article .pass-find-input .input-area .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
  }
  main .subpage-content .pass-find-area .pass-find-inner form > section > article .pass-find-input .input-area .inner .input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0;
    background: var(--white);
    border: 1px solid var(--gray-20);
  }
  main .subpage-content .pass-find-area .pass-find-inner form > section > article .pass-find-input .input-area .inner .input:focus-within {
    outline: none;
    border: 1px solid var(--secondary);
  }
  main .subpage-content .pass-find-area .pass-find-inner form > section > article .pass-find-input .input-area .inner .input input {
    border: 0;
  }
  main .subpage-content .pass-find-area .pass-find-inner form > section > article .pass-find-input .input-area .select-area {
    width: 142px;
  }
  main .subpage-content .pass-find-area .pass-find-inner form > section > article .pass-find-input .input-area .select-area .form-select {
    width: 100%;
    height: 48px;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid var(--gray-20);
    border-radius: 2px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor: pointer;
    -webkit-transition: border-color 0.1s ease;
    transition: border-color 0.1s ease;
    background: #fff url("/static/lrtp/img/icon-select-arrow-7829aabecce570db5b2f46242d5b176d.svg") no-repeat center right 16px/18px;
    color: var(--gray-90);
  }
  main .subpage-content .pass-find-area .pass-find-inner form > section > article .pass-find-input .input-area .select-area .form-select:focus {
    border-color: var(--secondary);
    border-width: 1px;
  }
  main .subpage-content .pass-find-area .pass-find-inner form > section > article .pass-find-input .input-area .select-area .form-select option {
    padding: var(--spacer-2);
  }
  main .subpage-content .pass-find-area .pass-find-inner form > section > article .pass-find-input .input-area .select-area .form-select option:disabled {
    color: #888;
  }
  main .subpage-content .pass-find-area .pass-find-inner form > section > article .button-area {
    width: 180px;
    margin: 0 auto;
  }
  
  /*미래모빌리티*/
  .mobility-area .tab-menu-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: sticky;
    top: 0;
    width: 100%;
    height: 70px;
    border-bottom: 1px solid var(--gray-20);
    background: var(--white);
    z-index: 2;
  }
  .mobility-area .tab-menu-wrap ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 80px;
    width: 1080px;
    margin: 0 auto;
  }
  .mobility-area .tab-menu-wrap ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 70px;
    color: #999;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
  }
  .mobility-area .tab-menu-wrap ul li.active {
    color: var(--primary);
    border-bottom: 2px solid var(--primary);
  }
  .mobility-area .tab-content {
    margin-top: 70px;
  }
  .mobility-area .tab-content section {
    width: 100%;
  }
  .mobility-area .tab-content section .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 60px;
    width: 1080px;
    margin: 0 auto;
  }
  .mobility-area .tab-content section .inner a {
    color: #2663C5;
    text-decoration: underline;
    text-underline-position: under;
  }
  .mobility-area .feature-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 40px;
  }
  .mobility-area .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .mobility-area h2 {
    width: 364px;
    color: #030712;
    font-size: 38px;
    font-weight: 700;
  }
  .mobility-area .description {
    width: calc(100% - 364px);
    color: #030712;
    font-size: 19px;
    font-weight: 600;
    line-height: 180%;
    letter-spacing: -0.5px;
  }
  .mobility-area p {
    color: var(--gray-70);
    font-size: 16px;
    font-weight: 500;
    line-height: 180%;
    word-break: break-all;
  }
  .mobility-area .feature-description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
  }
  .mobility-area .feature-description strong {
    color: #030712;
    font-size: 32px;
    font-weight: 700;
    line-height: 170%;
  }
  .mobility-area section {
    margin-top: 60px;
  }
  .mobility-area section:first-child {
    margin-top: 0;
  }
  .mobility-area section.bg {
    padding: 60px 0;
    background: #F5F3F1;
  }
  
  .privacy-section-area ul {
	padding: 12px;
  }
  .privacy-section-area ul > li {
	line-height: 170%;
	color: var(--gray-80);
  }
  .privacy-section-area ol {
	padding: 12px;
  }
  .privacy-section-area ol > li {
	line-height: 170%;
	color: var(--gray-80);
  }
  
  .rnd-tasks-area ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 24px;
    width: 1080px;
    margin: 0 auto;
  }
  .rnd-tasks-area ul li {
    width: calc(50% - 12px);
    height: 234px;
    background: #F8F8F8;
  }
  .rnd-tasks-area ul li .inner {
    padding: 24px 36px;
  }
  .rnd-tasks-area ul li .inner img {
    width: 32px;
    height: 32px;
  }
  .rnd-tasks-area ul li .inner strong {
    display: block;
    margin-top: 24px;
    color: var(--gray-95);
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -0.5px;
  }
  .rnd-tasks-area ul li .inner p {
    margin-top: 16px;
    color: var(--gray-70);
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.5px;
  }

  .notice-list-area,
  .contact-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 60px;
    width: 1200px;
    margin: 0 auto;
  }
  .notice-list-area .notice-list-top,
  .contact-area .notice-list-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 40px;
  }
  .notice-list-area .total,
  .contact-area .total {
    color: var(--gray-60);
    font-size: 18px;
    font-weight: 500;
  }
  .notice-list-area .total i,
  .contact-area .total i {
    color: var(--secondary);
    font-weight: 700;
  }
  .notice-list-area .search-area,
  .contact-area .search-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
  }
  .notice-list-area .search-area .select-area,
  .contact-area .search-area .select-area {
    width: 134px;
  }
  .notice-list-area .search-area .input-area,
  .contact-area .search-area .input-area {
    width: 278px;
  }
  .notice-list-area .search-area button,
  .contact-area .search-area button {
    width: 70px;
    border-radius: 2px;
  }
  .notice-list-area .table-normal-container,
  .contact-area .table-normal-container {
    margin-top: 24px;
  }

  .contact-area .button-area,
  .notice-list-area .button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    margin-top: 24px;
  }
   .notice-list-area .button-area button,
  .contact-area .button-area button {
    width: 158px;
  }

  .comm-detail-area .detail-header-area .title {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-align: center;
	    -ms-flex-align: center;
	    align-items: flex-start;
		overflow: auto;
	    width: 100%;
		max-height: 104px;
	    border-top: 1px solid var(--gray-50);
	    border-bottom: 1px solid var(--gray-50);
	    padding: 12px 0;
		scrollbar-width: thin;
  }
  .comm-detail-area .detail-header-area .title strong {
    display: block;
    padding: 0 16px;
    color: #1D1D1D;
    font-size: 19px;
    font-weight: 600;
  }
  .comm-detail-area .detail-header-area .title-info {
    height: 56px;
    border-bottom: 1px solid var(--gray-20);
  }
  .comm-detail-area .detail-header-area .title-info ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
    padding: 18px 16px;
  }
  .comm-detail-area .detail-header-area .title-info ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
  }
  .comm-detail-area .detail-header-area .title-info ul li strong {
    color: var(--gray-90);
    font-weight: 500;
  }
  .comm-detail-area .detail-header-area .title-info ul li span {
    color: var(--gray-80);
    font-weight: 400;
  }
  .comm-detail-area .detail-body-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
    padding: 10px 16px 10px;
    border-bottom: 1px solid #717171;
  }
  .comm-detail-area .detail-body-area .text-area p {
    color: var(--gray-90);
    font-size: 16px;
    font-weight: 400;
    line-height: 180%;
  }
  .comm-detail-area .detail-body-area .file-download-area,
  .comm-scroll-modal .file-download-area {
    background: #f8f8f8;
    border: 1px solid var(--gray-20);
    border-radius: 4px;
  }
  .comm-detail-area .detail-body-area .file-download-area .inner,
  .comm-scroll-modal .file-download-area .inner {
    padding: 8px;
  }
  .comm-detail-area .detail-body-area .file-download-area .inner ul,
  .comm-scroll-modal .file-download-area .inner ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
	width: 100%;
  }
  .comm-detail-area .detail-body-area .file-download-area .inner ul li,
  .comm-scroll-modal .file-download-area .inner ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 40px;
    padding: 8px 12px;
    background: var(--white);
    border: 1px solid var(--gray-20);
    border-radius: 2px;
  }
  .comm-detail-area .detail-body-area .file-download-area .inner ul li .download-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0;
	width: calc(100% - 150px);
  }
  .comm-detail-area .detail-body-area .file-download-area .inner ul li .download-text strong {
    color: var(--gray-90);
    font-size: 15px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 520px;
  }
  .comm-detail-area .detail-footer-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    padding: 24px 0;
    border-bottom: 1px solid #717171;
  }
  .comm-detail-area .detail-footer-area .next-text-area,
  .comm-detail-area .detail-footer-area .prev-text-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
  }
  .comm-detail-area .detail-footer-area .next-text-area strong,
  .comm-detail-area .detail-footer-area .prev-text-area strong {
    color: var(--gray-90);
    font-size: 15px;
    font-weight: 500;
    line-height: 150%;
  }
  .comm-detail-area .detail-footer-area .next-text-area a,
  .comm-detail-area .detail-footer-area .prev-text-area a {
    color: var(--gray-95);
    font-size: 15px;
    font-weight: 400;
    line-height: 150%;
  }
  .comm-detail-area .detail-footer-area .next-text-area button,
  .comm-detail-area .detail-footer-area .prev-text-area button {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
    color: var(--gray-95);
    font-size: 15px;
    font-weight: 400;
    line-height: 150%;
	text-align: left;
  }
  .comm-detail-area .detail-footer-area .next-text-area a:hover,
  .comm-detail-area .detail-footer-area .prev-text-area a:hover {
    text-decoration: underline;
    text-underline-position: under;
  }

  .comm-modal .contact-register-area .table-row-container table td {
    padding: 4px 16px;
  }
  #modalNoticeReg.comm-modal .contact-register-area .textarea-area {
      height: 190px;
      padding: 0;
    }
  .comm-modal .contact-register-area .textarea-area {
    height: 130px;
    padding: 0;
  }
  .comm-modal .contact-register-area .textarea-area textarea {
    font-size: 15px;
  }

  .faq-list-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 60px;
    width: 1200px;
    margin: 0 auto;
  }
  .faq-list-area .pagination {
    margin-top: 60px;
  }
  .faq-list-area .faq-item.active .faq-answer {
    display: block;
  }
  .faq-list-area .faq-list ul li {
    border-bottom: 1px solid var(--gray-20);
    cursor: pointer;
  }
  .faq-list-area .faq-list ul li .faq-item.open .faq-btn {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .faq-list-area .faq-list ul li .faq-item .faq-title-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 40px;
    height: 72px;
    padding: 0 16px;
  }
  .faq-list-area .faq-list ul li .faq-item .faq-title-wrap .faq-title-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .faq-list-area .faq-list ul li .faq-item .faq-title-wrap .faq-title-area .faq-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    width: 160px;
    padding: 18px 0;
  }
  .faq-list-area .faq-list ul li .faq-item .faq-title-wrap .faq-title-area .faq-category i {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: var(--secondary);
    border-radius: 2px;
    color: var(--white);
    font-size: 15px;
    font-weight: 700;
  }
  .faq-list-area .faq-list ul li .faq-item .faq-title-wrap .faq-title-area .faq-category strong {
    color: var(--gray-90);
    font-size: 15px;
    font-weight: 600;
  }
  .faq-list-area .faq-list ul li .faq-item .faq-title-wrap .faq-title-area .faq-title {
    color: var(--gray-90);
    font-size: 15px;
    font-weight: 500;
  }
  .faq-list-area .faq-list ul li .faq-item .faq-answer {
    background: #f9f9f9;
  }
  .faq-list-area .faq-list ul li .faq-item .faq-answer p {
    min-height: 72px;
    padding: 20px 16px 20px 176px;
    color: var(--gray-90);
    font-size: 15px;
    font-weight: 400;
  }
  
  .comm-modal .pps-answer-area .table-row-container table td {
    padding: 4px 16px;
  }
  .comm-modal .pps-answer-area .textarea-area {
    height: 160px;
    padding: 0;
  }
  .comm-modal .pps-answer-area .textarea-area textarea {
    font-size: 15px;
  }
  .comm-modal .pps-answer-area .answer-agree-box .radio-area {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
  .comm-modal .pps-answer-area .answer-agree-box strong {
    color: var(--gray-90);
    font-size: 16px;
    font-weight: 700;
  }
  .comm-modal .pps-answer-area .answer-agree-box p {
    margin-top: 4px;
    color: var(--gray-90);
    font-size: 15px;
    font-weight: 400;
  }
  .comm-modal .file-upload-ver02 .file-list li {
    padding: 6px 12px;
  }
  .comm-modal .file-upload-ver02 .file-total .remove-all span {
	margin-right: 13px;
    font-size: 14px;
  }
  .comm-modal .file-list .file-delete span {
    font-size: 14px;
  }
  
  .pps-history-list td:nth-child(3) button {
    color: #1d62e0;
    text-decoration: underline;
    text-underline-position: under;
  }
  
  .pps-answer-area .file-upload-ver02 .file-list {
	overflow: auto;
	max-height: 116px;
	scrollbar-width: thin;
  }
  
  #modalNoticeReg .file-upload-ver02 .file-list {
	  overflow: auto;
	  max-height: 100px !important;
	  scrollbar-width: thin;
	  /*padding-right: 10px;*/
	}
  
#modalQnaRegister .textarea-area,
#modalAnswerRegister .textarea-area {
	height: 250px;
}
  /*공지사항 상세 스크롤 버전*/
  .contact-detail-area-v2 .detail-body-area .text-area p {
	overflow: auto;
	/* max-height: 160px; */
	max-height: auto;
	scrollbar-width: thin;
  }
  
  #modalQuestion #drawTitle {
	overflow: auto;
	max-height: 65px;
	padding-right: 6px;
	scrollbar-width: thin;
  }
  
  @media (max-width: 1635px) {
    .main-wrap main .section01 .mainSwiper .swiper-slide .inner .visual-text h2 strong {
      color: var(--white);
      font-size: 2.875rem;
    }
    .main-wrap main .section01 .mainSwiper .swiper-slide .inner .visual-text span {
      font-size: 1.125rem;
    }
    .main-wrap main .section02 .inner .content-area > ul > li .icon-area {
      width: 94%;
      height: 10.625rem;
    }
    .main-wrap main .section02 .inner .content-area > ul > li .text-area strong {
      margin-top: 8px;
      color: var(--text-primary);
      font-size: 1.25rem;
    }
    .main-wrap main .section02 .inner .content-area > ul > li .text-area ul li {
      color: #666c75;
      font-size: 1rem;
      font-weight: 500;
      line-height: 150%;
    }
    .main-wrap main .section01 .main-content .top .core-category {
      width: 20.625rem;
    }
    .main-wrap main .section01 .main-content .top .core-category ul li {
      height: 7.1875rem;
    }
    .main-wrap main .section01 .main-content .top .faq-area .faq-content ul li {
      height: 11.5625rem;
    }
    .main-wrap main .section01 .mainSwiper .slide-control-area .swiper-button-next,
    .main-wrap main .section01 .mainSwiper .slide-control-area .swiper-button-prev {
      width: 1.25rem;
      height: 1.25rem;
    }
    .main-wrap main .section01 .mainSwiper .slide-control-area .swiper-button-next::after,
    .main-wrap main .section01 .mainSwiper .slide-control-area .swiper-button-prev::after {
      font-size: 0.9375rem;
    }
    .main-wrap main .section01 .main-content .bottom .notice-area {
      height: 3.4375rem;
    }
  }
  @media (max-width: 1390px) {
    .main-wrap main .section02 .inner .content-area > ul {
      gap: 3.125rem;
    }
    .main-wrap main .section02 .inner .content-area > ul > li .icon-area {
      width: 10rem;
      height: 10rem;
    }
    .main-wrap main .section01 .mainSwiper .swiper-slide .inner .visual-text h2 strong {
      color: var(--white);
      font-size: 2.75rem;
    }
    .main-wrap main .section02 .inner .title-area h2 {
      font-size: 2.625rem;
    }
    .main-wrap main .section01 .mainSwiper .swiper-slide .inner .visual-text span {
      font-size: 1rem;
    }
    .main-wrap main .section01 .mainSwiper .swiper-slide .inner {
      top: 18vh;
    }
    .main-wrap main .section01 .mainSwiper .swiper-slide03 .inner {
      top: 23vh;
    }
    .main-wrap main .section01 .mainSwiper .swiper-slide .inner .visual-text {
      gap: 0.625rem;
    }
    .main-wrap main .section02 .inner .content-area > ul > li .text-area {
      margin-top: 1.25rem;
    }
    .main-wrap main .section02 .inner .content-area > ul > li .text-area ul li {
      font-size: 0.9375rem;
    }
    .main-wrap main .section02 .inner .content-area > ul > li .text-area ul {
      margin-top: 0.625rem;
    }
    .main-wrap main .section02 .inner .content-area {
      margin-top: 7vh;
    }
    header .top-menu .header-wrap nav .gnb-nav {
      gap: 6.25rem;
    }
    header .top-menu,
    header .top-menu .header-wrap {
      height: 4.25rem;
    }
    .main-wrap main .section01 .mainSwiper .slide-control-area {
      top: 42vh;
    }
  }