@media screen and (max-width: 1440px) {
  html {
    font-size: 14px;
  }
  .wrap {
    width: 90%;
    margin: 0 auto;
  }
  footer .inner {
    width: 90%;
  }
  #cursor {
    display: none;
  }

  .go_top.wow {
    display: none;
  }
}

@media screen and (max-width: 1280px) {
  .responsive-title span {
    display: block; /* 모바일에서만 줄 바꿈 */
  }

  .inner
    main
    .page-02
    .wrap
    .history-area
    .content-area
    .history
    li:nth-child(2) {
    width: 100%;
    padding-left: 570px;
  }
  .inner
    main
    .page-02
    .wrap
    .history-area
    .content-area
    .history
    li:nth-child(4) {
    width: 100%;
    padding-left: 570px;
  }

  .inner main .page-02 .wrap .history-area .content-area .history .left {
    text-align: right;
    width: 50%;
    padding-right: 50px;
  }

  .inner
    main
    .page-02
    .wrap
    .history-area
    .content-area
    .history
    li:nth-child(3) {
    padding-right: 50px;
  }

  .inner main .main-inner .page-11 .review-bg {
    background: url("../images/review-1024-1280.png") no-repeat center/cover;
  }
}

@media screen and (max-width: 1024px) {
  html {
    font-size: 12px;
  }
  .inner
    main
    .page-02
    .wrap
    .history-area
    .content-area
    .history
    li:nth-child(2) {
    width: 100%;
    padding-left: 500px;
  }
  .inner
    main
    .page-02
    .wrap
    .history-area
    .content-area
    .history
    li:nth-child(4) {
    width: 100%;
    padding-left: 500px;
  }

  .inner main .page-02 .wrap .history-area .content-area .history .left {
    text-align: right;
    width: 50%;
    padding-right: 80px;
  }

  .inner
    main
    .page-02
    .wrap
    .history-area
    .content-area
    .history
    li:nth-child(3) {
    padding-right: 80px;
  }

  .inner main .page-02 .wrap .history-area .content-area .history li h4 {
    padding-bottom: 35px;
  }
  .inner main .main-inner .page-04 .wrap .content-area .items {
    flex-wrap: wrap;
  }
  .inner main .main-inner .page-04 .wrap .content-area .items .item {
    width: calc(95% / 2);
  }

  .inner main .page-02 .history-bg {
    left: 0;
  }

  .inner
    main
    .main-inner
    .page-05
    .wrap
    .content-area
    .tab-contant
    .tab-items
    .item
    .text-area {
    padding-right: 50px;
  }

  .inner
    main
    .main-inner
    .page-06
    .wrap
    .slider-wrap
    .slider
    .slider-item
    .video-area {
    width: 512px;
    height: 288px;
  }

  .inner
    main
    .main-inner
    .page-06
    .wrap
    .slider-wrap
    .slider
    .slider-item
    .video-area
    iframe {
    width: 512px;
    height: 288px;
  }

  .inner main .main-inner .page-06 .wrap .slider-wrap {
    width: 512px;
  }

  .inner main .main-inner .page-06 .wrap .slider-wrap .slider .slider-item {
    width: 512px;
  }

  .slider-wrap .bx-controls .bx-controls-direction {
    display: none;
  }

  .inner main .main-inner .page-06 .wrap .slider-wrap {
    height: auto;
  }

  .inner main .main-inner .page-11 {
    padding-bottom: 0;
  }
  .page-07 > .wrap {
    width: 100%;
  }

  .inner main .main-inner .page-11 .review-bg {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .swiper-slide img {
    width: 100%;
    height: 100%;
  }
  .inner header .main-nav {
    display: none;
  }

  .inner header .logo {
    display: block;
    margin: 0 auto;
  }
  html {
    font-size: 12px;
  }

  .inner main .page-01 .wrap h3 {
    font-size: 2.5rem;
  }
  .inner main .page-01 .wrap h2 {
    font-size: 3rem;
  }
  .inner main .page-02 .wrap .area-top .text-area {
    width: 80%;
    padding-top: 20px;
  }
  .inner main .page-02 .wrap .area-top .main-copy h1 {
    font-size: 3.5rem;
  }

  .inner main .page-02 .wrap .area-top .text-area p {
    font-size: 1.2rem;
    width: 100%;
    font-weight: 100;
  }

  .inner main .page-02 .wrap .area-top {
    flex-direction: column;
  }

  .inner
    main
    .page-02
    .wrap
    .history-area
    .content-area
    .history
    .right::before {
    left: 49.2%;
  }

  .inner
    main
    .page-02
    .wrap
    .history-area
    .content-area
    .history
    li:nth-child(2) {
    width: 100%;
    padding-left: 350px;
  }
  .inner
    main
    .page-02
    .wrap
    .history-area
    .content-area
    .history
    li:nth-child(4) {
    width: 100%;
    padding-left: 350px;
  }

  .inner main .page-02 .wrap .history-area .content-area .history .left {
    text-align: right;
    width: 50%;
    padding-right: 50px;
  }

  .inner
    main
    .page-02
    .wrap
    .history-area
    .content-area
    .history
    li:nth-child(3) {
    padding-right: 50px;
  }

  .inner
    main
    .main-inner
    .page-05
    .wrap
    .content-area
    .tab-contant
    .tab-items
    .item {
    flex-direction: column;
  }

  .inner
    main
    .main-inner
    .page-05
    .wrap
    .content-area
    .tab-contant
    .tab-items
    .item
    .img-area
    .img {
    margin-top: 40px;
    height: 200px;
  }

  .inner
    main
    .main-inner
    .page-05
    .wrap
    .content-area
    .tab-contant
    .tab-items
    .item
    .text-area {
    width: 100%;
  }

  .inner
    main
    .main-inner
    .page-05
    .wrap
    .content-area
    .tab-contant
    .tab-items
    .item
    .img-area {
    width: 100%;
  }

  .inner main .main-inner .page-05 .wrap .content-area .tab-contant .tab-manu {
    width: 30%;
  }

  .inner main .main-inner .page-05 .wrap .content-area {
    /* height: auto; */
  }

  .inner
    main
    .main-inner
    .page-06
    .wrap
    .silder-wrap
    .silder
    .silder-item
    .video-area {
    height: 346px;
  }

  .inner main .main-inner .page-06 .wrap .silder-wrap {
    height: auto;
  }
  .page-07 > .wrap {
    width: 100%;
  }

  .inner main .main-inner .page-07 .content-area .logo-container img {
    height: 25px;
  }
  .inner main .main-inner .page-07 {
    margin-bottom: 0;
  }
  .inner main .main-inner .page-08 {
    margin-top: 150px;
  }

  .inner main .main-inner .page-09 .content-area .plan-list {
    flex-direction: column;
  }
  .inner main .main-inner .page-09 .content-area .plan-list .plan {
    width: 100%;
  }
  .inner main .main-inner .page-11 {
    margin-bottom: 0px;
  }
  .inner main .page-02 .wrap .history-area .content-area .history-bar {
    height: 900px;
  }

  .inner main .page-02 .wrap .history-area {
    height: 1050px;
  }

  .inner main .main-inner .page-04 {
    margin-top: 100px;
  }

  .inner main .main-inner .page-05 {
    margin-top: 100px;
  }

  .inner main .main-inner .page-11 .review-bg {
    display: none;
  }
}
@media screen and (min-width: 426px) and (max-width: 767px) {
  .swiper-slide img {
    width: 120%;
    height: 120%;
  }
  .swiper-wrapper {
    gap: 40px;
  }
  .swiper-slide {
    padding: 15px 0;
  }

  .inner main .main-inner .page-11 .review-bg {
    display: none;
  }

  .inner header .main-nav {
    display: none;
  }
  .inner header .logo {
    display: block;
    margin: 0 auto;
  }

  .inner main .main-bg .graphic-01 {
    display: none;
  }
  .inner main .main-bg .graphic-02 {
    display: none;
  }
  .inner main .page-01 .wrap h3 {
    font-size: 2rem;
  }

  .inner main .page-01 .wrap h2 {
    font-size: 2.5rem;
  }

  .inner main .page-02 .wrap .area-top {
    flex-direction: column;
  }
  .inner main .page-02 .wrap .area-top .main-copy {
    width: 100%;
  }

  .inner main .page-02 .wrap .area-top .main-copy h1 {
    font-size: 3rem;
  }
  .inner main .page-02 .wrap .area-top .text-area {
    width: 100%;
  }
  .inner main .page-02 .wrap .area-top .text-area p {
    padding-top: 12px;
    font-size: 1rem;
    font-weight: 300;
    line-height: 140%;
  }
  .inner main .page-02 .wrap .area-top .text-area p:nth-child(3) {
    display: none;
  }
  section .wrap > .text-area h2 {
    font-size: 2rem;
  }
  .inner main .page-02 .wrap .history-area .text-area h2 {
    font-size: 2rem;
  }
  .inner
    main
    .page-02
    .wrap
    .history-area
    .content-area
    .history
    li:nth-child(2) {
    width: 100%;
    padding-left: 30px;
  }
  .inner
    main
    .page-02
    .wrap
    .history-area
    .content-area
    .history
    li:nth-child(4) {
    width: 100%;
    padding-left: 30px;
  }

  .inner main .page-02 .wrap .history-area .content-area .history .left {
    text-align: right;
    width: 50%;
    padding-right: 30px;
  }

  .inner
    main
    .page-02
    .wrap
    .history-area
    .content-area
    .history
    li:nth-child(3) {
    padding-right: 30px;
  }

  .inner main .page-02 .wrap .history-area .content-area .history-bar {
    left: 0;
    height: 900px;
  }

  .inner
    main
    .page-02
    .wrap
    .history-area
    .content-area
    .history
    .left::before {
    background: url("../images/history-right.svg") no-repeat center/cover;
    left: -5px;
  }

  .inner
    main
    .page-02
    .wrap
    .history-area
    .content-area
    .history
    .right::before {
    left: -5px;
  }

  .inner main .page-02 .wrap .history-area .content-area .history {
    padding-top: 48px;
  }

  .inner main .page-02 .wrap .history-area .content-area .history .left {
    text-align: left;
    padding-right: 0;
    padding-left: 30px;
    width: 100%;
  }

  .inner main .page-02 .wrap .history-area {
    height: 1000px;
    margin-top: 100px;
  }
  .inner main .main-inner .page-04 .wrap .content-area .items .item {
    width: 100%;
    height: 150px;
  }

  .inner main .main-inner .page-04 .wrap .content-area .items .item .gray-bg {
    height: 150px;
  }
  .inner main .main-inner .page-04 .wrap .content-area .items .item .front {
    height: 150px;
  }
  .inner main .main-inner .page-04 .wrap .content-area .items .item .back {
    height: 150px;
  }
  .inner main .main-inner .page-04 .wrap .content-area .items .item h4 {
    padding-top: 90px;
  }

  .inner main .main-inner .page-04 .wrap .content-area .items .item .work-img {
    display: none;
  }
  .inner main .main-inner .page-04 .wrap .content-area .items .item .more-btn {
    display: none;
  }

  .inner main .main-inner .page-04 .wrap .content-area {
    margin-top: 32px;
  }

  .inner main .page-02 .wrap .area-top {
    padding-top: 32px;
    height: auto;
  }

  .inner main .main-inner .page-04 {
    margin-top: 48px;
  }
  .inner main .main-inner .page-05 {
    margin-top: 80px;
  }
  .inner main .page-02 .wrap .area-top .text-area p:nth-child(2) {
    display: none;
  }
  .inner main .main-inner .page-05 .wrap .content-area .tab-contant {
    flex-direction: column;
  }
  .inner main .main-inner .page-05 .wrap .content-area .tab-contant .tab-manu {
    display: none;
  }

  .inner
    main
    .main-inner
    .page-05
    .wrap
    .content-area
    .tab-contant
    .tab-items
    .item {
    opacity: 1;
  }

  .inner main .main-inner .page-05 .wrap .content-area {
    margin-top: 24px;
    height: auto;
  }

  .inner main .main-inner .page-05 .wrap .content-area .tab-contant .tab-items {
    width: 100%;
  }

  .inner
    main
    .main-inner
    .page-05
    .wrap
    .content-area
    .tab-contant
    .tab-items
    .item
    .text-area
    h3 {
    font-size: 1.5rem;
  }
  .inner
    main
    .main-inner
    .page-05
    .wrap
    .content-area
    .tab-contant
    .tab-items
    .item
    .text-area {
    padding-right: 0;
    width: 100%;
    padding-top: 24px;
  }
  .inner
    main
    .main-inner
    .page-05
    .wrap
    .content-area
    .tab-contant
    .tab-items
    .item
    .img-area {
    width: 100%;
  }
  .inner
    main
    .main-inner
    .page-05
    .wrap
    .content-area
    .tab-contant
    .tab-items
    .item
    .img-area
    .img {
    margin: 24px 0 12px 0;
    height: 200px;
  }
  .inner
    main
    .main-inner
    .page-05
    .wrap
    .content-area
    .tab-contant
    .tab-items
    .item {
    flex-direction: column;
  }

  .inner
    main
    .main-inner
    .page-05
    .wrap
    .content-area
    .tab-contant
    .tab-items
    .item
    .text-area
    p {
    font-weight: 300;
    color: #999999;
  }

  .inner main .main-inner .page-06 {
    margin-top: 100px;
    height: 510px;
  }

  .inner
    main
    .main-inner
    .page-06
    .wrap
    .slider-wrap
    .slider
    .slider-item
    .video-area {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
  }

  .inner
    main
    .main-inner
    .page-06
    .wrap
    .slider-wrap
    .slider
    .slider-item
    .video-area
    iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
  }

  .inner main .main-inner .page-06 .wrap .slider-wrap {
    width: 100%;
  }

  .inner main .main-inner .page-06 .wrap .slider-wrap .slider .slider-item {
  }

  .slider-wrap .bx-controls .bx-controls-direction {
    display: none;
  }

  .inner main .main-inner .page-06 .wrap .slider-wrap {
    height: auto;
  }

  .inner main .main-inner .page-07 {
    padding-top: 80px;
    margin-bottom: 50px;
    margin-top: 0;
  }

  .inner main .main-inner .page-08 {
    margin-top: 100px;
  }

  .inner main .main-inner .page-09 {
    margin-top: 100px;
  }
  .inner main .main-inner .page-09 .content-area .plan-list {
    flex-direction: column;
  }
  .inner main .main-inner .page-09 .content-area .plan-list .plan {
    width: 100%;
  }
  .inner main .main-inner .page-11 .wrap {
    padding-bottom: 0;
    height: auto;
  }
}

@media screen and (max-width: 425px) {
  .swiper-slide img {
    width: 120%;
    height: 120%;
  }
  .swiper-wrapper {
    gap: 40px;
  }
  .swiper-slide {
    padding: 15px 0;
  }
  .inner header .main-nav {
    display: none;
  }

  .inner header .logo {
    display: block;
    margin: 0 auto;
  }
  .inner main .main-bg .graphic-01 {
    display: none;
  }
  .inner main .main-bg .graphic-02 {
    display: none;
  }
  .inner main .page-01 .wrap h3 {
    font-size: 2rem;
  }

  .inner main .page-01 .wrap h2 {
    font-size: 2.5rem;
  }

  .inner main .page-02 .wrap .area-top {
    flex-direction: column;
  }
  .inner main .page-02 .wrap .area-top .main-copy {
    width: 100%;
  }

  .inner main .page-02 .wrap .area-top .main-copy h1 {
    font-size: 3rem;
  }
  .inner main .page-02 .wrap .area-top .text-area {
    width: 100%;
  }
  .inner main .page-02 .wrap .area-top .text-area p {
    padding-top: 12px;
    font-size: 1rem;
    font-weight: 300;
    line-height: 140%;
  }
  .inner main .page-02 .wrap .area-top .text-area p:nth-child(3) {
    display: none;
  }
  section .wrap > .text-area h2 {
    font-size: 2rem;
  }
  .inner main .page-02 .wrap .history-area .text-area h2 {
    font-size: 2rem;
  }
  .inner
    main
    .page-02
    .wrap
    .history-area
    .content-area
    .history
    li:nth-child(2) {
    width: 100%;
    padding-left: 30px;
  }
  .inner
    main
    .page-02
    .wrap
    .history-area
    .content-area
    .history
    li:nth-child(4) {
    width: 100%;
    padding-left: 30px;
  }

  .inner main .page-02 .wrap .history-area .content-area .history .left {
    text-align: right;
    width: 50%;
    padding-right: 30px;
  }

  .inner
    main
    .page-02
    .wrap
    .history-area
    .content-area
    .history
    li:nth-child(3) {
    padding-right: 30px;
  }

  .inner main .page-02 .wrap .history-area .content-area .history-bar {
    left: 0;
    height: 900px;
  }

  .inner
    main
    .page-02
    .wrap
    .history-area
    .content-area
    .history
    .left::before {
    background: url("../images/history-right.svg") no-repeat center/cover;
    left: -5px;
  }

  .inner
    main
    .page-02
    .wrap
    .history-area
    .content-area
    .history
    .right::before {
    left: -5px;
  }

  .inner main .page-02 .wrap .history-area .content-area .history {
    padding-top: 48px;
  }

  .inner main .page-02 .wrap .history-area .content-area .history .left {
    text-align: left;
    padding-right: 0;
    padding-left: 30px;
    width: 100%;
  }

  .inner main .page-02 .wrap .history-area {
    height: 1000px;
    margin-top: 100px;
  }
  .inner main .main-inner .page-04 .wrap .content-area .items .item {
    width: 100%;
    height: 150px;
  }

  .inner main .main-inner .page-04 .wrap .content-area .items .item .gray-bg {
    height: 150px;
  }
  .inner main .main-inner .page-04 .wrap .content-area .items .item .front {
    height: 150px;
  }
  .inner main .main-inner .page-04 .wrap .content-area .items .item .back {
    height: 150px;
  }
  .inner main .main-inner .page-04 .wrap .content-area .items .item h4 {
    padding-top: 90px;
  }

  .inner main .main-inner .page-04 .wrap .content-area .items .item .work-img {
    display: none;
  }
  .inner main .main-inner .page-04 .wrap .content-area .items .item .more-btn {
    display: none;
  }

  .inner main .main-inner .page-04 .wrap .content-area {
    margin-top: 32px;
  }

  .inner main .page-02 .wrap .area-top {
    padding-top: 32px;
    height: auto;
  }

  .inner main .main-inner .page-04 {
    margin-top: 48px;
  }
  .inner main .main-inner .page-05 {
    margin-top: 80px;
  }
  .inner main .page-02 .wrap .area-top .text-area p:nth-child(2) {
    display: none;
  }
  .inner main .main-inner .page-05 .wrap .content-area .tab-contant {
    flex-direction: column;
  }
  .inner main .main-inner .page-05 .wrap .content-area .tab-contant .tab-manu {
    display: none;
  }

  .inner
    main
    .main-inner
    .page-05
    .wrap
    .content-area
    .tab-contant
    .tab-items
    .item {
    opacity: 1;
  }

  .inner main .main-inner .page-05 .wrap .content-area {
    margin-top: 24px;
    height: auto;
  }

  .inner main .main-inner .page-05 .wrap .content-area .tab-contant .tab-items {
    width: 100%;
  }

  .inner
    main
    .main-inner
    .page-05
    .wrap
    .content-area
    .tab-contant
    .tab-items
    .item
    .text-area
    h3 {
    font-size: 1.5rem;
  }
  .inner
    main
    .main-inner
    .page-05
    .wrap
    .content-area
    .tab-contant
    .tab-items
    .item
    .text-area {
    padding-right: 0;
    width: 100%;
    padding-top: 24px;
  }
  .inner
    main
    .main-inner
    .page-05
    .wrap
    .content-area
    .tab-contant
    .tab-items
    .item
    .img-area {
    width: 100%;
  }
  .inner
    main
    .main-inner
    .page-05
    .wrap
    .content-area
    .tab-contant
    .tab-items
    .item
    .img-area
    .img {
    margin: 24px 0 12px 0;
    height: 200px;
  }
  .inner
    main
    .main-inner
    .page-05
    .wrap
    .content-area
    .tab-contant
    .tab-items
    .item {
    flex-direction: column;
  }

  .inner
    main
    .main-inner
    .page-05
    .wrap
    .content-area
    .tab-contant
    .tab-items
    .item
    .text-area
    p {
    font-weight: 300;
    color: #999999;
  }

  .inner main .main-inner .page-06 {
    margin-top: 100px;
    height: 420px;
  }

  .inner
    main
    .main-inner
    .page-06
    .wrap
    .slider-wrap
    .slider
    .slider-item
    .video-area {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
  }

  .inner
    main
    .main-inner
    .page-06
    .wrap
    .slider-wrap
    .slider
    .slider-item
    .video-area
    iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
  }

  .inner main .main-inner .page-06 .wrap .slider-wrap {
    width: 100%;
  }

  .inner main .main-inner .page-06 .wrap .slider-wrap .slider .slider-item {
  }

  .slider-wrap .bx-controls .bx-controls-direction {
    display: none;
  }

  .inner main .main-inner .page-06 .wrap .slider-wrap {
    height: auto;
  }

  .inner main .main-inner .page-07 {
    padding-top: 60px;
    margin-bottom: 50px;
    margin-top: 0;
  }

  .inner main .main-inner .page-08 {
    margin-top: 100px;
  }

  .inner main .main-inner .page-09 {
    margin-top: 100px;
  }
  .inner main .main-inner .page-09 .content-area .plan-list {
    flex-direction: column;
  }
  .inner main .main-inner .page-09 .content-area .plan-list .plan {
    width: 100%;
  }
  .inner main .main-inner .page-11 .wrap {
    padding-bottom: 0;
    height: auto;
  }
}

@media screen and (min-width: 375px) and (max-width: 425px) {
  .inner
    main
    .page-02
    .wrap
    .history-area
    .content-area
    .history
    li:nth-child(2) {
    width: 100%;
    padding-left: 30px;
  }
  .inner
    main
    .page-02
    .wrap
    .history-area
    .content-area
    .history
    li:nth-child(4) {
    width: 100%;
    padding-left: 30px;
  }

  .go_top {
    width: 32px;
    height: 32px;
    right: 25px;
    bottom: 25px;
  }
  .go_top span {
    height: 12px;
    width: 12px;
  }

  .inner main .main-inner .page-07 {
    padding-top: 60px;
    margin-bottom: 50px;
    margin-top: 0;
  }

  .inner main .main-inner .page-06 {
    margin-top: 100px;
    height: 420px;
  }
}