@media screen and (max-width: 1800px) {
  /* header */
  .header .nav {width: 60%;}

  /* footer */
  .footer #topBtn {right: 5%;}

  /* index */
  .main_visual .swiper-slide .txt {width: 100%;}
  .m2 .right {width: 60%;}
  .m3 .left .mid .img-wrap .txt-wrap .PoP {height: 70%;}
  .m4 .left .bot .img-wrap .txt-wrap .PoP {height: 82%;}

  /* sub1_1 */
  .s111 {padding-bottom: 5%;}
  .s111 .cont .left {width: 50%;}
  .s111 .cont .left .mid .txt li::before {width: 100%;}
  .s112 .cont .right .txt-wrap {right: 5%;}

  /* sub2_2 */
  .s221 .cont .article .bot {gap: 30px;}
  .s222 .cont .article .top li .next {right: -9%;}

  /* sub3_1_1 */
  .s3111 .cont .left .top .txt-wrap .btn-wrap .tit {letter-spacing: -1px;}

  /* sub3_2_1 */
  .s3211 .cont .right .po3 ul li .txt {white-space: unset; text-align: left; justify-content: flex-start;}
  .s3211 .cont .right .po3 ul li .txt-wrap {width: 70%; }  
  .s3212 .cont .left .top .txt-wrap .txt br {display: none;}
  .s3212 .cont .right .po1 ul li {width: 26%;}

  /* sub3_2_2 */
  .s3312 .cont .right .po3 .txt-wrap .tit br {display: none;}

  /* sub3_3_3 */
  .s3313 .cont .left .top .txt-wrap .btn-wrap,
  .s3314 .cont .left .top .txt-wrap .btn-wrap,
  .s3316 .cont .left .top .txt-wrap .btn-wrap {gap: 10px; flex-wrap: wrap;}

}

@media screen and (max-width: 1600px) {
  /* header */
  .header .nav {width: 65%;}

  /* footer */
  .footer #topBtn {right: 3%;}
  .footer .top {padding: 0 5%;}
  .footer .top .left .info li {width: 100%;}
  .footer .top .left .info li:nth-child(2), 
  .footer .top .left .info li:nth-child(3) {width: 100%;}

  /* index */
  .m2 .left .tit {font-size: 2.2rem; margin-bottom: 3%;}
  .m2 .left ul li a {line-height: 50px; font-size: 1.2rem;}
  .m2 .left .tit span {
    display: inline;
    width: 80%;
  }
  .m2 .right {width: 70%;}
  .m3 .left {width: 45%;}
  .m3 .left .top .sub_tit {font-size: 6rem;}
  .m3 .left .mid .img-wrap .txt-wrap .PoP {height: 75%;}
  .m3 .left .bot > .txt-wrap {right: -90%;
    top: 11.5rem;
}
.m3 .left .mid {
    padding-bottom: 165%;
}
.m3 .left .bot .img-wrap .txt-wrap i {
    right: 1rem;
}
  .m3 .right .top .img-wrap .txt-wrap .PoP {height: 70%;}
  .m4 .left .bot .img-wrap .txt-wrap .PoP {height: 87%;}

  /* sub1_1 */
  .s111 .cont .left {width: 83%;}
  .s113 {padding: 15% 10% 10%; margin-top: -220px;}
  .s113 .top {padding: 0;}
  .s113 .bot .img-wrap {gap: 10px;}

  /* sub1_3 */
  .s131 .map iframe {width: 100%;}

  /* sub2_1 */
  .s221 .cont .article .bot .left .txt-wrap .txt::before {bottom: -30%;}
  .s211 .cont .article .left .txt-wrap .tit {font-size: 1.6rem;}
  .s211 .cont .article .left .txt-wrap .sub_tit {font-size: 1rem;}
  .s214 .cont {padding: 3% 10% 10%;}
  .s222 .cont .article .top li {width: 180px; height: 180px;}
  .s222 .cont .article .top li .next {right: -14%;}
  .s222 .cont .article .top li .txt-wrap {font-size: 1.2rem;}
  .s222 .cont .article .top li .txt-wrap .PoP {font-size: 1rem;}

  /* sub2_2 */
  .s221 .cont .article .bot .right ul li .img-wrap {width: 130px;}
  .s221 .cont .article .bot .right ul li .txt {font-size: 0.9rem; letter-spacing: -1px;}

  /* sub3_1 */
  .s311 .cont .article {width: 100%;}

  /* sub3_3 */
  .s331 .cont .article > ul li > .txt-wrap .txt {letter-spacing: -1px;}

  /* sub4_3 */
  /* .s432 .right {padding: 2% 0% 2% 3%;} */
  .s432 .right .img-wrap {width: 100px;}

  /* form2 */
  .form_check_ul li .check {gap: 10px;}
  .form_check_ul li .check label {gap: 10px;}

  /* sub3_1_1 */
  .s3111 .cont .right .po1 ul li, 
  .s3311 .cont .right .po1 ul li {width: 50%;}
  .s3111 .cont .right .po1 .txt-wrap .tit, .s3111 .cont .right .po2 .txt-wrap .tit, .s3111 .cont .right .po3 .txt-wrap .tit {font-size: 2rem;}
  .s3111 .cont .right .po1 .txt-wrap .f25, .s3111 .cont .right .po2 .txt-wrap .f25, .s3111 .cont .right .po3 .txt-wrap .f25 {font-size: 1.3rem;}
  .s3111 .cont .left .top .txt-wrap .txt, .s3111 .cont .right .po1 .txt-wrap .txt, .s3111 .cont .right .po2 .txt-wrap .txt {font-size: 1.1rem;}

  /* sub3_3_1 */
  .s3311 .cont .left .bot .detail .content table td {font-size: 0.85rem;}

  /* sub3_3_2 */
  .s3312 .cont .left .top .txt-wrap .btn-wrap,
  .s3315 .cont .left .top .txt-wrap .btn-wrap {flex-direction: row; }

  /* sub3_3_3 */
  .s3313 .cont .left .top .txt-wrap .btn-wrap .tit,
  .s3314 .cont .left .top .txt-wrap .btn-wrap .tit {font-size: 2rem;}
}

@media screen and (max-width: 1440px) {
  /* header */
  .header .nav .gnb {width: 65%;}

  .main_visual .swiper-slide .txt .f56 {
    font-size: 3rem;
  }
  /* m1 */
  /* .m1_item_swiper .swiper-wrapper {
    gap: 1rem;
  } */
  .m1 .m1_bg_swiper .swiper-slide {
    padding-inline: 4rem;
  }
  .m1_item_swiper .swiper-wrapper img {
    width: 130px;
  }
  .m1 .m1_item_swiper {
    padding-inline: 3.7rem;
}
.m1_item_swiper span {
    margin-block: 1rem 0.5rem;
    
}


  /* index */
  .m2 .left {width: 40%;}
  .m2 .left ul li a {line-height: 40px;}
  .m2 .right .txt-wrap p:last-child {left: 2%;}
  .m3 .left .top .tit {margin-top: -14%;}

  .m3 .left {width: 50%;}
  .m3 .left .mid {width: 80%; padding-bottom: 168%;}
  .m3 .left .mid .img-wrap {width: auto;}
  .m3 .right {gap: 100px;}
  .m3 .right .cont {width: 90%;}
  .m3 .right .cont .img-wrap {width: 100%;}
  .m3 .right .bot {margin-left: 10%;}

  .m4 {margin-top: -15%;}
  .m4 .left .top {padding-left: 10%;}
  .m4 .left .bot .img-wrap .txt-wrap .PoP {height: 93%;}
  .m4 .right {
    gap: 25px;
    width: 58%;
}
  .m4 .right .top {padding: 5% 20% 0% 10%;}
  .m4 .right .bot {padding: 0% 20% 5% 10%;}
  .m4 .right .top .tit .img-wrap, 
  .m4 .right .bot .location .img-wrap {width: 30px;}

  /* sub1_1 */
  .s111 {padding-left: 10%;}
  .s111 .cont .left {width: 53%;}
  .s111 .cont .left .mid .txt {font-size: 1rem; letter-spacing: -1px;}
  .s111 .cont .left .bot ul {
    gap: 2rem;
  }
  .s111 .cont .left .bot ul li .txt {font-size: 0.9rem;}
  .s111 .cont .right {width: 60%; margin-top: 3rem;}
  .s112 .cont .right .txt-wrap {right: 3%; top:0;}
  .s113 {margin-top: -210px;}
  .s113 .top .left .left_bot .history li {font-size: 1rem;}
  .s113 .top .right .PoP {font-size: 6rem; line-height: 100px;}
  .s131 .cont>.txt-wrap .tit {
    margin-top: -7.5%;
}

  /* sub1_3 */
  .s131 .cont .map-wrap .info > .txt-wrap .tit {font-size: 2rem;}
  .s131 .cont .map-wrap .info > .txt-wrap ul li {
    font-size: 1.2rem; width: 101%;}
  .s131 .cont .map-wrap .info {
    width: 58%;
    padding: 5.5% 4%;
}

  /* sub2_1 */
  .s211 .cont .article .right .img-wrap {height: 350px;}
  .s211 .cont .article .right .img-wrap img {height: 100%; object-fit: cover;}
  .s211 .cont .article .left .txt-wrap .txt{font-size: 1rem;}
  .s211 .cont .article02 .left .txt-wrap .txt br {
    display: none;
  }
  .s213 .cont ul li > .txt-wrap .txt {
    font-size: 1rem;         
    max-width: 90%;
    margin: 0 auto;
}
  .s213 .cont ul li > .txt-wrap .txt br {
    display: none;
  }
  .s214 .cont .top .right {right: 18%;}
  .s214 .cont .top .right .img-wrap {width: 170%;}
  .s214 .cont .bot .right .img-wrap {margin-left: 0; margin-bottom: 30px;}

  /* sub2_2 */
  .s221 .cont .article .bot .left .txt-wrap .tit {font-size: 2rem;}
  .s221 .cont .article .bot .left .txt-wrap .txt {
    font-size: 1.3rem; 
    max-width: 90%;
}
  .s221 .cont .article .bot .left .txt-wrap .txt br {
    display: none;
  }
  .s221 .cont .article .bot .left .txt-wrap .sub_txt {
    font-size: 0.95rem;
    max-width: 90%;
}
  .s221 .cont .article .bot .left .txt-wrap .txt::before {bottom: -25%;}
  .s221 .cont .article .bot .right ul li .img-wrap {width: 110px;}
  .s222 .cont .article .top li {width: 165px; height: 165px;}
  .s221 .cont>.txt-wrap .tit {
    margin-top: -8%;
}


  /* sub3_3 */
  .s311 .cont {
    padding-inline: 12rem;
}
  .s331 .cont {padding: 5% 10%;}
  /* .s311 .cont .article>ul {
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 1140px;
    margin: 0 auto;
} */
  .s311 .cont .article>ul {
    grid-template-columns: 1fr 1fr 1fr;
}

  /* sub4_3 */
  .s433 {padding: 0 10% 10%;}
  .s432 .right .txt-wrap .tit {font-size: 1.2rem;}
  .s432 .right ul li .txt {font-size: 0.9rem; line-height: 35px;}

  /* sub3_1_1 */
  .s3111 {padding: 5% 10%;}

  /* sub3_3_3 */
  .s3313 .cont .left .top .txt-wrap .btn-wrap .tit {font-size: 1.9rem;}

  .m2 .left .tit span {
    display: block;
    width: 80%;
  }
  .m2 .left .txt {
    max-width: 90%;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.m2 .left .txt br {display: none;}

  .m2 .right .img-wrap {
    height: 100%;
  }
  .m2 .right .img-wrap img {
    height: 100%;
    object-fit: cover;
  }
.m3 .left .cont .txt-wrap .inher {
    
    max-width: 80%;
}

.m3 .left .cont .txt-wrap .txt br, 
.m3 .right .cont .txt-wrap .txt br {
    display: none;
}
.m3 .left .bot>.txt-wrap {
    top: 8.5rem;
    left: 28rem;
}
.m4 .right .top {
    padding: 5% 8% 0% 8%;
}
.m4 .right .bot {
    padding: 0% 13% 5% 10%;
    
}
.m4 .left .top {
    border-radius: 0 100px 0 0;

}
.m4 .right {
    gap: 0;
}
.m4 .right .bot hr {
    margin-block: 2rem 3.5rem;
}

.s112 .cont .left .img-wrap:nth-child(2) {
    width: 43%;
    margin-left: -24.5%;
    margin-top: -8.5%;
}
.s112 .cont .right .txt-wrap {
    right: 3%;
    top: -3rem;
}
.s221 .cont .article .bot .left {
    width: 98%;
}
.s222 .cont .article .bot .right .txt br {
    display: none;
}
.s222 .cont .article .bot .left {
    flex: 0 0 39%;
}
.s223 .cer {
    padding-inline: 4rem;
    gap: 3rem 6rem;
}
.s212 .cont .bot .article .left .txt-wrap .txt br, 
.s212 .cont .bot .article .right .txt-wrap .txt br {
    display: none;
}
.s212 .cont .bot .article .left .txt-wrap .txt , 
.s212 .cont .bot .article .right .txt-wrap .txt  {
    max-width: 80%;
    margin: 0 auto;
}
.s214 .cont .bot .left ul li .txt {
    padding-inline: 0.4rem;
}
.s311 .cont>.txt-wrap .sub_tit, .s411>.sub_tit {
    line-height: 1;
}

.s311 .cont>.txt-wrap .tit {
    margin-top: -5%;
}
.s3111 .cont .left .bot .info ul li {
    justify-content: center;
    text-align: center;
    max-width: 50%;
    align-self: center;

}
.s3111 .cont .right .po1 ul li, .s3311 .cont .right .po1 ul li {
    width: 50%;
}
.s311 .cont .article>ul li>.txt-wrap {
    padding-inline: 1.5rem;
}
.s311 .cont .article>ul li>.txt-wrap .txt br {
    display: none;
}
.s311 .cont .article>ul li>.img-wrap {
    padding: 10%;
}
.s3_1_1 .cont .right .po1 .txt-wrap .tit {
    min-width: initial;
}
.s3111 .cont .right .po1 .txt-wrap .tit br {
    display: none;
}
.s3111 .cont .left .top .txt-wrap .txt {
    line-height: 1.3;
    margin-block: 1rem
}
.s3111 .cont .left .bot .info ul li:first {
    flex: 0 0 50%;
}
.s3111 .cont .left .bot .info ul li:last-child {
    margin-left: 1rem;
}
.s222 .cont .article .bot .right .txt {
    line-height: 1.3;
}



.s432 .right .flex_box .txt_box h2 {
    font-size: 2rem;
}
.s432 .right .flex_box .txt_box p {
    font-size: 1.125rem;
}
.s432 .right .flex_box .txt_box p  br {
    display: none;
}
.s432 .right {
    padding-inline: 3rem;
}
.s432 .right .img_box {
    flex: 0 0 15%;
}
.s113 .top .left .left_bot .history_cont {
    width: 33%;
}
.s113 .top .left .left_bot {
    gap: 55px;
}
.s113 .top .left .left_bot ul:nth-child(3) li:nth-child(2) {
    margin-top: 1rem;   
}
.s113 .top .left .left_bot ul:nth-child(3) li:nth-child(3) {
    margin-top: 0.5rem;   
}
.s113 .top .left .left_bot .history_cont li span br {
    display: none;
}
.s211 .cont .article .left .txt-wrap .tit {
    line-height: 1.3;
}
.s3111 .cont .right .po3 ul li .txt-wrap span {
    font-size: 1.25rem;
}
.s3111 .cont .right .po3 ul li .txt-wrap p {
    font-size: 1.125rem;
    line-height: 1.3;
}
.m1 .m1_item_swiper {
    width: 1140px;
    height: 255px;
    padding-inline: 1.6rem;
}
.m1_item_swiper p {
    color: #666666;
    letter-spacing: -0.8px;
    justify-self: center;
    text-align: center;
}
.footer #topBtn {
    width: 60px;
    height: 60px;
    right: 3%;
}


.m1 .m1_bg_swiper .swiper-slide .side_txt p br {display: none;}
.m1 .m1_bg_swiper .swiper-slide.slide01 .item_img::before {
    top: 5rem;
    left: -20rem;
    background-size: 70%;
} 
.m1 .m1_bg_swiper .swiper-slide.slide01 .item_img::after {
    bottom: 0rem;
    right: -16rem;
    background-size: 70%;
} 
.m1 .m1_bg_swiper .swiper-slide.slide02 .item_img::before {
    top: 5rem;
    left: -17rem;
    background-size: 70%;
} 
.m1 .m1_bg_swiper .swiper-slide.slide02 .item_img::after {
    bottom: 0rem;
    right: -12rem;
    background-size: 70%;
} 
.m1 .m1_bg_swiper .swiper-slide.slide03 .item_img::before {
    top: 4rem;
    left: -16rem;
    background-size: 70%;
} 
.m1 .m1_bg_swiper .swiper-slide.slide03 .item_img::after {
    bottom: -1rem;
    right: -12rem;
    background-size: 70%;
} 
.m1 .m1_bg_swiper .swiper-slide.slide04 .item_img::before {
    top: 4rem;
    left: -16rem;
    background-size: 70%;
} 
.m1 .m1_bg_swiper .swiper-slide.slide04 .item_img::after {
    bottom: -1rem;
    right: -9rem;
    background-size: 70%;
} 

}


@media screen and (max-width: 1200px) {
  /* header */
  .header .nav .gnb {display: none;}
  .header .gnb_btn > ul {right: 10%;}
  .header:hover {height: auto; background: transparent;}
  .header.active:hover {background-color: transparent;}
  .header.active {background-color: rgb(0 0 0 / 50%) !important;}
  .header:hover .header-wrap .img-wrap .logo {display: block;}
  .header:hover .header-wrap .img-wrap .logo_b img {display: none;}
  .header:hover .hamburger span {background: #fff;}
  .header:hover .lang .lang_tit {color: #fff;}

  /* footer */
  .footer .top {padding: 0 10%;}
  .footer .top .left {width: 55%;}
  .footer .top .left .info li {font-size: 0.9rem;}
  .footer .top .right {width: 100%;}
  .footer .top .right > div ul li {font-size: 0.9rem;}
  .footer .bot {padding: 1% 10%;}
  .footer .bot ul li,
  .footer .bot .f16 {font-size: 0.8rem;}
  .footer #topBtn {width: 60px; height: 60px; font-size: 0.8rem;}

  /* index */
  .main_visual .swiper-slide .txt {top: 55%;}
  .main_visual .swiper-slide .txt .f56 {font-size: 2rem; line-height: 45px; margin: 0;}
  .main_visual .swiper-slide .txt .f22 {font-size: 1.1rem;}
  .main_visual .swiper-slide .txt .sty_btn a {font-size: 0.9rem;}
  .m1 .top .img-wrap {width: 60%;}
  .m1 .top .txt {bottom: 15%; left: 8%; text-align: right;}
  .m2 {padding-left: 5%;}
  .m2 .left .tit {font-size: 2rem; line-height: 40px;}
  .m2 .left .txt {font-size: 1.1rem; line-height: 25px;}
  .m2 .left ul li a {font-size: 1.1rem;}
  .m2 .right .txt-wrap::before {left: 6.5%;}
  


  .m3 {padding: 5% 10% 0% 10%;}
  .m3 .left .top .sub_tit {font-size: 6rem;}
  .m3 .left .top .tit {font-size: 2.5rem !important;}
  .m3 .left .top .txt {font-size: 1.2rem;}
  .m3 .left .mid {padding-bottom: 160%;}
  .m3 .left .mid .img-wrap .txt-wrap .PoP {height: 84%;}
  .m3 .left .cont .txt-wrap .tit, 
  .m3 .right .cont .txt-wrap .tit {font-size: 1.5rem;}
  .m3 .left .cont .txt-wrap .txt, 
  .m3 .right .cont .txt-wrap .txt {font-size: 1rem; line-height: 25px;}
  .m3 .left .bot {bottom: -5%; left: -25%;}
  .m4 .left .bot > .txt-wrap .tit {font-size: 1.3rem; line-height: 30px;}
  .m3 .right {align-items: flex-end;}
  .m3 .right .bot {margin-left: 0;}
  .m3 .left .mid {
    padding-bottom: 157%;
}




  .m4 {align-items: flex-end; margin-top: -10%;}
  .m4 .left {width: 60%;}
  .m4 .left .top {
    padding-left: 10%;
}
  .m4 .left .top .txt-wrap .f49 {font-size: 2rem;}
  .m4 .left .top .txt-wrap .PoP {font-size: 6rem;}
  .m4 .left .bot .img-wrap {height: 400px;}
  .m4 .left .bot .img-wrap img {height: 100%; object-fit: cover;}
  .m4 .left .bot .img-wrap .txt-wrap .PoP {height: 82%; right: 1%;}
  .m4 .right {width: 60%;}
  .m4 .right .top {padding: 5% 15% 0% 10%;}
  .m4 .right .bot {padding: 0% 20% 5% 10%;}
  .m4 .right .bot hr {
    margin-block: 2rem 2.5rem;
}

  /* sub1_1 */
  .subtop .img-wrap {height: 300px;}
  .subtop > .img-wrap img {height: 100%; object-fit: cover;}
  .subtop .txt-wrap .tit {font-size: 2.5rem;}

  .s111 .cont .left {gap: 30px; width: 65%;}
  .s111 .cont .left .top .txt-wrap .tit{font-size: 2rem; line-height: 40px;}
  
  .s111 .cont .left .bot ul li .img-wrap {width: 100px; margin: 0 auto;}
  .s111 .cont .left .bot ul li .txt{font-size: 0.7rem;}
  
  .s112 .cont .left .img-wrap:nth-child(2) {width: 35%; margin-left: -12.5%; margin-top: -3.5%;}
  .s112 .cont .right .txt-wrap {top: -10%; font-size: 1.1rem; right: 0%;}
  .s112 .cont .right .txt-wrap p {line-height: 30px !important;}

  .s113 {margin-top: -170px;}
  .s113 .top .left .left_bot {gap: 60px;}
  .s113 .top .left .left_bot .history_cont::before {left: -18%;}
  .s113 .top .left .left_bot .history_cont li::before {left: -19%;}
  .s113 .top .right .PoP {font-size: 5rem; line-height: 80px;}

  /* sub1_3 */
  .s131 .cont > .txt-wrap .sub_tit {font-size: 6rem;}
  .s131 .cont > .txt-wrap .tit {font-size: 2rem;}
  .s131 .cont .map-wrap .info > .txt-wrap .tit {font-size: 1.8rem;}
  .s131 .cont .map-wrap .info > .txt-wrap ul li {font-size: 1rem;}

  /* sub2_1 */
  .s211 {padding: 5% 5% 0;}
  .s211 .cont .article .left {padding-left: 3%;}
  .s211 .cont > .txt-wrap .sub_tit,
  .s311 .cont > .txt-wrap .sub_tit, .s411 > .sub_tit {font-size: 6rem;}
  .s211 .cont > .txt-wrap .tit,
  .s311 .cont > .txt-wrap .tit,
  .s411 > .txt-wrap .tit {font-size: 2rem;}
  .s212 {padding: 0 5% 10%;}
  .s213 {padding: 0 5% 2%;}
  .s213 .cont ul li > .txt-wrap {border-radius: 0 0 70px;}
  .s214 {margin-top: -33%; padding-top: 35%;}
  .s214 .cont {padding: 3% 5% 10%;}
  .s214 .cont .top .right {right: 11%;}
  .s214 .cont .top .right .img-wrap {width: 130%;}

  /* sub2_2 */
  .s221 .cont {padding: 5% 10%;}
  .s221 .cont > .txt-wrap .sub_tit {font-size: 6rem;}
  .s221 .cont > .txt-wrap .tit {font-size: 2rem; margin-top: -7%;}
  .s221 .cont .article .bot .left .txt-wrap .tit img {width: 10px;}
  .s221 .cont .article .bot .left .txt-wrap .tit {font-size: 2rem;}
  .s221 .cont .article .bot .left .txt-wrap .txt {padding: 0 0 0 4%; margin-top: 2%; font-size: 1.2rem; margin-bottom: 5%;}
  .s221 .cont .article .bot .left .txt-wrap .txt::before {bottom: -16%;}
  .s221 .cont .article .bot .right ul li .img-wrap {width: 100%;}
  .s221 .cont .article .bot .right ul li .txt {font-size: 0.8rem;}
  .s222 .cont {padding: 5% 10% 10%;}
  .s222 .cont .article .top li .next {width: 7px; right: -10%;}
  .s222 .cont .article .bot .left .txt-wrap .tit {font-size: 2rem;}
  .s222 .cont .article .bot .left .txt-wrap .tit span {font-size: 4rem;}
  .s221 .cont .article .bot .left .txt-wrap .txt {letter-spacing: -1px;}
  .s222 .cont .article .bot .left .txt-wrap .sub_tit {font-size: 1.5rem;}
  .s221 .cont .article .bot .left .txt-wrap .sub_txt {font-size: 0.9rem;}
  .s222 .cont .article .bot .right .txt {font-size: 0.9rem;}

  /* sub3_1 */
  .s311 .cont .article > ul {justify-content: center;}

  /* sub3_3 */
  .s331 .cont {padding: 5% 5% 10%;}
  .s331 .cont .article > ul {gap: 10px;}
  .s331 .cont .article > ul li {width: 31%;}

  /* sub4_1 */
  .s411 > .txt-wrap .info .contact {font-size: 1.5rem;}
  .s411 > .txt-wrap .info .tel {font-size: 1rem;}

  /* form */
  .f_title {font-size: 1.1rem;}
  .submit {width: 180px; height: 40px; font-size: 1.2rem; letter-spacing: 1px;}

  /* sub4_3 */
  .s432 .right {gap: 10px;}

  /* form2 */
  .f_title .small {font-size: 0.8rem;}

  /* sub3_1_1 */
  .s3111 {padding: 5% 5% 10%;}
  .s3111 .cont .left {padding-right: 3%;}
  .s3111 .cont .right {padding-left: 3%;}

  /* sub3_2_1 */
  .s3212 .cont .right .po1 .txt-wrap .txt br {display: none;}

  /* sub3_3_1 */
  .s3311 .cont .left .bot .detail .content table th,
  .s3311 .cont .left .bot .detail .content table td {font-size: 0.8rem;}

  /* sub3_3_3 */
  .s3313 .cont .left .top .txt-wrap .btn-wrap .tit {font-size: 1.8rem;}

  .s311 .cont .article>ul {
    grid-template-columns: 1fr 1fr;
    }
    .s311 .cont .article>ul li {
        width: 100%;
    }
    .m1 {
        height: 730px;
    }
    .m1 .m1_item_swiper {
        width: 990px;
        height: 230px;
        padding-inline: 1.6rem;
    }
    .m1 .item_img {
        flex: 0 0 44%;
        margin-bottom: 10rem;
    }
    .m1 .side_txt {
        flex: 0 0 38%;
        padding-top: 3rem;
    }
    .m1 .more {
        flex: 0 0 22%;
        margin-bottom: -5rem;
        margin-left: -5rem;
    }
    .m1 .m1_bg_swiper .swiper-slide {
        padding-bottom: 4rem;
    }

}

@media screen and (max-width: 1024px) {
  /* header */
  .header-wrap {height: 70px;}
  .header .gnb_btn > ul {top: 20px;}
  .header .nav_box .gnb1_dps_a01 {font-size: 1.3rem;}
  .header .nav_box .gnb2_dps{font-size: 0.9rem;}
  .header .nav_box .gnb1_dps_a01 {width: 14%;}

  /* index */
  .main_visual .swiper-slide .txt .f16 {font-size: 0.8rem;}
  .main_visual .swiper-slide .txt .f56 {font-size: 1.8rem;}
  /* .main_visual .swiper-slide .txt .f56 br {
    display: none;
} */
  .main_visual .swiper-slide .txt .f22 {
    font-size: 0.9rem; 
    
}
/* .main_visual .swiper-slide .txt .f22 br {
    display: none;
} */
  .main_visual .swiper-slide .txt .sty_btn {width: 130px; height: 35px;}
  .main_visual .swiper-slide .txt .sty_btn a {font-size: 0.8rem;}
  .main_visual .swiper-button-prev, 
  .main_visual .swiper-container-rtl .swiper-button-next, 
  .main_visual .swiper-button-next, 
  .main_visual .swiper-container-rtl .swiper-button-prev {font-size: 0.8rem; line-height: 55px;}
  .main_visual .swiper-button-next, 
  .main_visual .swiper-container-rtl .swiper-button-prev {line-height: 30px;}
  .m1 .top .PoP {font-size: 1rem; gap: 10px;}
  .m1 .top .PoP i {width: 30px; height: 30px; line-height: 30px; font-size: 1rem;}
  .m1 .top .PoP::before {width: 120%;}
  .m1 .top .txt {font-size: 0.9rem; left: 9%; bottom: 12%;}
  .m1 .bot {width: 90%; margin-top: 3%; border-radius: 100px;}
  .m1 .bot .cont ul li .txt-wrap .tit {font-size: 1rem;}
  .m1 .bot .cont ul li .txt-wrap .txt {font-size: 0.8rem;}
  .m1 .bot .cont ul li .img-wrap {width: 70%;} 
  .m1 .bot .img-wrap img {height: 100%;}
  .m2 .right .img-wrap {height: 400px;}
  .m2 .right .img-wrap img {height: 100%; object-fit: cover;}
  .m2 .left ul li span {font-size: 1.1rem;}
  .m2 .left .txt {font-size: 1rem;}
  .m2 .left .txt br {display: none;}
  .m3 .left {gap: 100px;}
  .m3 .left .top .sub_tit {font-size: 5rem;}
  .m3 .left .top .tit {font-size: 2rem !important;}
  .m3 .left .mid {
    width: 90%; 
    padding-bottom: 140%;
}
  .m3 .left .mid .img-wrap .txt-wrap .PoP {font-size: 0.8rem; height: 76%;}
  .m3 .left .cont .img-wrap .txt-wrap i, .m3 .right .cont .img-wrap .txt-wrap i {
    width: 50px; height: 50px; line-height: 40px; bottom: -7%;
    
        
    
}
  .m3 .right .top .img-wrap .txt-wrap .PoP {font-size: 0.8rem;}
  .m3 .left .cont .txt-wrap .tit, 
  .m3 .right .cont .txt-wrap .tit {font-size: 1.3rem;}
  .m3 .left .bot > .txt-wrap {
    top: 4.5rem;
        left: 22rem;
  }
  .m3 .left .bot .img-wrap {
    width: 100%;
    margin-bottom: 3rem;
}
  .m4 .left .top .txt-wrap .f49 {font-size: 1.7rem;}
  .m4 .left .top .txt-wrap .PoP {font-size: 5rem;}
  .m4 .left .bot .img-wrap {height: 350px;}
  .m4 .left .bot .img-wrap .txt-wrap .PoP {font-size: 0.8rem; right: 1.5%;}
  .m4 .left .bot > .txt-wrap .tit {line-height: 25px; font-size: 1.1rem;}
  .m4 .right .top ul li { font-size: 0.9rem;}
  .m4 .right .bot .location .f18 {font-size: 0.9rem;}
  .m4 .right .bot .location_btn {width: 130px; height: 35px;}
  .m4 .right .bot .location_btn .f16 {font-size: 0.9rem;}

  /* sub1_1 */
  .s111 .cont .left {width: 90%;}
  .s112 .cont .left .img-wrap:nth-child(2) {width: 30%; margin-top: -1.5%;}
  .s113 {margin-top: -160px;}
  .s113 .top .right .PoP {display: none;}

  /* sub1_3 */
  .s131::before {height: 300px;}
  .s131 .cont > .txt-wrap .tit {margin-top: -7.5%;}
  .s131 .map iframe {height: 400px;}
  .s131 .cont .map-wrap .info {padding: 5%;}
  .s131 .cont .map-wrap .info .icon-wrap {width: 150px;}
  .s131 .cont .map-wrap .info > .txt-wrap .tit {font-size: 1.5rem; line-height: 35px;}
  .s131 .cont .map-wrap .info > .txt-wrap ul li .img-wrap {width: 15px;}
  .s131 .cont .map-wrap .info > .txt-wrap ul li {font-size: 0.9rem;}

  /* sub2_1 */
  .s211 .cont .article .left {width: 40%;}
  .s211 .cont .article .right .img-wrap {height: 250px;}
  .s211 .cont .article .left .txt-wrap {gap: 10px;}
  .s211 .cont .article .left .txt-wrap .tit {font-size: 1.5rem; line-height: 35px;}
  .s211 .cont .article .right > .txt-wrap p {font-size: 0.9rem;}
  .s212 .cont .bot .article .left .txt-wrap .txt, 
  .s212 .cont .bot .article .right .txt-wrap .txt {font-size: 1rem;}
  .s213 .cont ul li > .txt-wrap {padding: 15% 2%;}
  .s213 .cont ul li > .txt-wrap .txt {font-size: 0.9rem;}
  .s213 .cont ul li > .txt-wrap::before,
  .s213 .cont ul li .img-wrap::before {height: 20px;}
  .s213 .cont ul li > .txt-wrap {border-radius: 0 0 70px;}
  .s213 .cont ul li:nth-child(2) > .txt-wrap br {display: none;}
  .s214 .cont .top .left .txt-wrap .tit {font-size: 1.5rem;}
  .s214 .cont .top .left .txt-wrap .txt {font-size: 1.1rem;}
  .s214 .cont .bot .right .img-wrap {margin-bottom: 35px; width: 70px;}
  .s214 .cont .bot .left ul li .PoP {font-size: 13px !important;}

  /* sub2_2 */
  .s221 .cont > .txt-wrap .tit {margin-top: -9%;}
  .s221 .cont .article .bot {margin-top: 3%; flex-direction: column;}
  .s221 .cont .article .bot .left  {width: 100%;}
  .s221 .cont .article .bot .left .txt-wrap .txt {padding-left: 2.5%; margin-bottom: 3%; font-size: 1.1rem;}
  .s221 .cont .article .bot .left .txt-wrap .txt br {display: none;}
  .s221 .cont .article .bot .left .txt-wrap .sub_txt {padding-left: 2.5%; font-size: 0.85rem;}
  .s221 .cont .article .bot .left .txt-wrap .sub_txt br {display: none;}
  .s221 .cont .article .bot .left .txt-wrap .txt::before {left: 2.5%; bottom: -20%;}
  .s221 .cont .article .bot .right ul {padding: 2.5%; justify-content: space-evenly;}
  .s222 .cont .article .top li {width: 140px; height: 140px;}
  .s222 .cont .article .top li .txt-wrap {font-size: 1rem;}
  .s222 .cont .article .top li .txt-wrap .PoP {font-size: 0.8rem;}
  .s222 .cont .article .bot .left .txt-wrap .tit span {font-size: 3rem;}
  .s222 .cont .article .bot .left .txt-wrap .tit {font-size: 1.8rem;}
  .s222 .cont .article .bot .left .txt-wrap .sub_tit {font-size: 1.3rem;}

  /* sub3_1 */
  /* .s311 .cont .article > ul li {width: 43%;} */

  /* sub3_2 */
  .s321 .sub_tit {letter-spacing: -5px;}
  .s321 .cont > .txt-wrap .tit {margin-top: -8%;}

  /* sub3_3 */
  .s331 .cont .article > ul {gap: 30px;}

  /* sub4_1 */
  .s411 {padding: 5% 10% 10%;}

  /* sub4_3 */
  .s433 {padding: 0 5% 10%;}
  .s433 .f_title {font-size: 1rem;}
  .s432 .right .txt-wrap .tit {font-size: 1rem;}
  .s432 .right ul li .icon-wrap {width: 10px;}
  .s432 .right ul li .txt {font-size: 0.8rem; line-height: 25px;}

  /* sub3_1_1 */
  .s3111 .cont .left .top .txt-wrap .btn-wrap .tit {font-size: 1.8rem;}
  .s3111 .cont .right .po1 .txt-wrap .tit, .s3111 .cont .right .po2 .txt-wrap .tit, .s3111 .cont .right .po3 .txt-wrap .tit {font-size: 1.8rem; letter-spacing: -1.3px; line-height: 40px;}
  .s3111 .cont .left .top .txt-wrap .sub_tit, .s3111 .cont .right .po1 .txt-wrap .sub_tit, .s3111 .cont .right .po2 .txt-wrap .sub_tit, .s3111 .cont .right .po3 .txt-wrap .sub_tit {font-size: 0.9rem; letter-spacing: 2px;}
  .s3111 .cont .right .po1 .txt-wrap .f25, .s3111 .cont .right .po2 .txt-wrap .f25, .s3111 .cont .right .po3 .txt-wrap .f25 {font-size: 1.1rem;}
  .s3111 .cont .left .top .txt-wrap .txt, .s3111 .cont .right .po1 .txt-wrap .txt, .s3111 .cont .right .po2 .txt-wrap .txt {font-size: 1rem;}
  .s3111 .cont .right .po1 .txt-wrap .tit br {display: none;}
  .s3111 .cont .right .po1 .txt-wrap .txt br {display: none;}
  .s3111 .cont .right .po1 ul li .img-wrap {width: 40px;}
  .s3111 .cont .right .po1 ul li .txt {font-size: 1rem;}
  .s3111 .cont .right .po3 ul li p {font-size: 1rem; line-height: 25px;}
  .s3111 .cont .right .po3 ul li p:first-child {width: 100px; height: 100px;}
  .s3111 .cont .left .bot .info ul li {font-size: 1.3rem;}

  /* sub3_2_1 */
  .s3211 .cont .right .po3 .txt-wrap span {font-size: 0.9rem;}
  .s3211 .cont .right .po1 ul li .tit {font-size: 2rem;}
  .s3211 .cont .right .po1 ul li, 
  .s3311 .cont .right .po1 ul li {gap: 5px;}

  /* sub3_3_3 */
  .s3313 .cont .left .top .txt-wrap .btn-wrap .tit {font-size: 1.6rem;}

  /* sub3_3_5 */
  .s3315 .cont .left .top .txt-wrap .btn-wrap {flex-direction: column;}



  .m1 .item_img {
    justify-items: center;
    flex: 0 0 47%;
    margin-bottom: 18rem;
  }
  .m1 .item_img img {
    width: 400px;
  }
  .m1 .m1_bg_swiper .swiper-slide .side_txt p {
    font-size: 1rem;
    margin-top: -1rem;
  }
  .m1 .m1_bg_swiper .swiper-slide .side_txt p br {
    display: none;
  }
  .m1 .side_txt .bar {
    width: 50px;
    }
    .m1 .more {
        flex: 0 0 25%;
        gap: 0.5rem;
        margin-bottom: 18rem;
        margin-left: -3rem;
    }
    .m1 .more a {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .m1 .side_txt {
        margin-top: 3rem;
            max-width: 80%;
            text-align: center;
            padding-top: 0;
    }
    
    .m1_item_swiper p {
        letter-spacing: initial;
        text-align: center;
    }
    .m1_item_swiper .swiper-wrapper img {
        width: 120px;
    }
    .m1_item_swiper .swiper-wrapper {
        /* gap: 1.5rem; */
        width: 650px;

    }
    .m1 { height: 80vh;}
    .m1 .m1_item_swiper {
        bottom: 3rem;
        border-radius: 3rem;
        
    }
    


    .m3 .left .cont .txt-wrap .title {
        max-width: 90%;
    }

    .m1 .m1_item_swiper {
        width: 500px;
        height: 230px;
        padding-inline: 1.6rem;
    }
    .m1 .m1_bg_swiper .swiper-slide {
        /* padding-block: 0 15rem; */
        flex-direction: column-reverse;
      }
      .m1 .item_img {
        margin-bottom: 0;
        flex: 0 0 30%;
        order: 1;
      }
      .m1 .item_img img {
        margin-left: 3rem;
      }
      .m1 .more {
        margin-bottom: 0;
        flex: 0 0 0%;
        margin-top: 1rem;
        margin-left: 0;
        /* order: 2; */
    }
    .m1 .side_txt .bar {display: none;}

    .m1 .m1_bg_swiper .swiper-slide.slide01 .side_txt p, 
.m1 .m1_bg_swiper .swiper-slide.slide02 .side_txt p, 
.m1 .m1_bg_swiper .swiper-slide.slide03 .side_txt p, 
.m1 .m1_bg_swiper .swiper-slide.slide04 .side_txt p {
    font-size: 1.25rem;
}

.m1 .m1_bg_swiper .swiper-slide.slide01 .item_img::before {
    top: 3rem;
    left: -18rem;
        background-size: 50%;
} 
.m1 .m1_bg_swiper .swiper-slide.slide01 .item_img::after {
    bottom: 0rem;
    right: -18rem;
    background-size: 50%;
} 
.m1 .m1_bg_swiper .swiper-slide.slide02 .item_img::before {
    top: 3rem;
    left: -16rem;
    background-size: 50%;
} 
.m1 .m1_bg_swiper .swiper-slide.slide02 .item_img::after {
    bottom: 0rem;
    right: -14rem;
    background-size: 50%;
} 
.m1 .m1_bg_swiper .swiper-slide.slide03 .item_img::before {
    top: 3rem;
        left: -16rem;
        background-size: 50%;
} 
.m1 .m1_bg_swiper .swiper-slide.slide03 .item_img::after {
    bottom: 0rem;
        right: -15rem;
        background-size: 50%;
} 
.m1 .m1_bg_swiper .swiper-slide.slide04 .item_img::before {
    top: 3rem;
        left: -17rem;
        background-size: 50%;
} 
.m1 .m1_bg_swiper .swiper-slide.slide04 .item_img::after {
    bottom: 0rem;
    right: -12rem;
    background-size: 50%;
} 


}

@media screen and (max-width: 840px) {
  /* header */
  .header-wrap {height: 60px;}
  .header .gnb_btn > ul {top: 15px; right: 11%;}
  .header .img-wrap {max-width: 100px;}
  .header .gnb_btn > ul .buy, .header .gnb_btn > ul .fran {line-height: 27px;}
  .header:hover .gnb_btn > ul .fran {line-height: 25px;}
  .header .gnb_btn > ul .buy a, .header .gnb_btn > ul .fran a, .lang .lang_tit span, .lang .lang_sub li a {font-size: 0.8rem;}

  /* footer */
  .footer .top {flex-direction: column;}
  .footer .top .left {width: 100%; padding-top: 5%;}
  .footer .top .right > div {margin: 5% 0; border: 0; text-align: left; padding-top: 0;}
  .footer .top .left .info li:nth-child(2), 
  .footer .top .left .info li:nth-child(3) {width: 25%;}
  .footer #topBtn {top: -5%;}

  /* index */
  .main_visual .img-wrap {height: 450px;}
  .main_visual .img-wrap img {height: 100%; object-fit: cover;}
  .m1 .top .img-wrap {width: 55%;}
  .m1 .top .txt {bottom: 9; letter-spacing: -1.3px; line-height: 23px; left: 7%;}
  .m1 .top .txt::before {width: 10%; left: -13%;}
  .m1 .bot {width: 95%; gap: 20px; padding: 2% 0 5%;}
  .m1 .bot .cont ul {width: 95%;}
  .m1 .bot .cont ul {justify-content: space-around;}
  .m1 .bot .cont ul li .txt-wrap .tit {font-size: 1rem;}
  .m1 .bot .cont ul li .txt-wrap .f14 { font-size: 0.8rem;}
  .m1 .bot .cont ul li .img-wrap {width: 75%;}
  .m1 .bot .cont ul li .txt-wrap:nth-child(3) {margin-bottom: -13px;}
  .m1 .swiper-button-prev {left: 2%;}
  .m1 .swiper-button-next {right: 2%;}
  .m2 {flex-direction: column-reverse; gap: 30px;}
  .m2 .left {width: 100%; flex-direction: row; align-items: flex-end; gap: 0;}
  .m2 .left .txt-wrap {width: 61%;}
  .m2 .left .tit {margin-top: 2%;}
  .m2 .left .tit span {
    width: 63%;
    margin-top: 0.5rem;
}

  .m2 .left ul {width: 50%; margin-bottom: 23px;}
  .m2 .right {width: 100%;}
  .m2 .right .img-wrap {height: auto;}
  .m3 {padding: 5% 5% 10% 5%; align-items: center;}
  .m3 .right .cont {width: 100%;}
  .m3 .left .mid {padding-bottom: 0;}
  .m3 .left .mid .img-wrap .txt-wrap .PoP {height: 80%;}
  .m3 .left .bot {position: static; width: 90%;}
  .m3 .left .bot .img-wrap {width: 100%; position: relative;}
  .m3 .left .bot > .txt-wrap {position: static;}
  .m3 .left .bot > .txt-wrap {margin-top: 5%;}
  .m3 .right .top .img-wrap .txt-wrap .PoP {height: 75%;}
  .m3 .left .bot .img-wrap .txt-wrap i {
    bottom: -7% !important; 
    right: 6% !important;
    top: 66%; 
    left: auto;
}
.m3 .left .bot .img-wrap {
    margin-bottom: 0;
}
.m3 .right {
    margin-top: 3rem;
}

  .m4 {flex-direction: column; margin-top: 0;}
  .m4 .left {width: 100%;}
  .m4 .left .top .txt-wrap .f49 {font-size: 2.5rem;}
  .m4 .left .top .txt-wrap .PoP {font-size: 7rem;}
  .m4 .right {width: 100%;}
  .m4 .right .top {padding-right: 10%;}
  .m4 .right .bot {padding-right: 10%;}

  /* sub1_1 */
  .subtop .nav {width: 100%; border-bottom: 1px solid rgb(178 178 178 / 50%); height: 50px;}
  .subtop .nav .right ul li {font-size: 0.9rem;}
  .s111 {padding-top: 10%; padding-bottom: 15%;}
  .s111 .cont {flex-direction: column-reverse;}
  .s111 .cont .left .mid {width: 100%;}
  .s111 .cont .left .mid .txt li::before {width: 77%;}
  .s112 .cont .left .img-wrap:nth-child(2) {
    width: 56%;
    margin-top: -17.5%;
    margin-left: -34%;
}
  .s111 .cont .right {width: 100%;}
  .s112 .cont .right .txt-wrap {
    right: -3%;
    top: -51%;
}
  .s113 {margin-top: -130px;}
  .s113 .top .left .left_top .tit {font-size: 2.5rem;}
  .s113 .top .left .left_bot .history li {
    font-size: 0.9rem; 
    line-height: 60px; 
    letter-spacing: -1.3px;
    width: 105%;
}

  /* sub1_3 */
  .s131 .cont {padding: 5% 5% 10%;}
  .s131 .cont > .txt-wrap .tit {margin-top: -8.5%;}
  .s131 .cont .map-wrap .info > .txt-wrap ul li {gap: 10px; letter-spacing: -0.5px;}

  /* sub2_1 */
  .s211 .cont .article {gap: 20px;}
  .s211 .cont .article .left {padding-left: 0;}
  .s211 .cont .article .left .txt-wrap .txt  {font-size: 0.9rem;}
  .s211 .swiper-button-prev,
  .s211 .swiper-button-next {width: 30px; height: 30px; line-height: 30px;}
  .s211 .cont .article .left .txt-wrap .sub_tit {font-size: 0.8rem; font-weight: 400; letter-spacing: -0.5px;}
  .s211 .cont .article .right > .txt-wrap p {font-size: 0.8rem;}
  .s212 .cont .bot .article .left .txt-wrap .sub_tit, 
  .s212 .cont .bot .article .right .txt-wrap .sub_tit {font-size: 3rem;}
  .s212 .cont .bot .article .left .txt-wrap .tit, 
  .s212 .cont .bot .article .right .txt-wrap .tit {font-size: 1rem;letter-spacing: -0.5px;}
  .s212 .cont .bot .article .left .txt-wrap .txt, 
  .s212 .cont .bot .article .right .txt-wrap .txt {
    font-size: 0.9rem;
    line-height: 1.3;
}
  .s213 .cont ul li > .txt-wrap .txt br {display: none;}
  .s213 .cont ul li > .txt-wrap .txt {
    font-size: 0.9rem;
}
  .s213 .cont ul li .img-wrap .txt-wrap .f26 {font-size: 1rem;}
  .s213 .cont ul li > .txt-wrap .tit {font-size: 1.1rem;}
  .s214 {margin-top: -42%; padding-top: 45%;}
  .s213 .cont ul li > .txt-wrap {height: 200px; padding: 15% 5%; border-radius: 0 0 50px;}
  .s214 .cont .top .right {display: none;}
  .s214 .cont .bot .left ul li .txt {font-size: 1rem;}
  .s214 .cont .bot .left ul li .PoP {padding: 0 5%; line-height: 20px;}
  .s214 .cont .bot .left ul li {
    width: 33%;
   
}
.s214 .cont .bot .right .img-wrap {
   display: none;
}

  /* sub2_2 */
  .s221 .cont {padding: 5% 5%;}
  .s222 .cont {padding: 5% 5% 10%;}
  .s222 .cont .article .top li {width: 130px; height: 130px;}
  .s222 .cont .article .top li .txt-wrap {line-height: 20px;}
  .s222 .cont .article .top li .txt-wrap {font-size: 1.1rem;}

  /* sub3_1 */
  .s311 .cont {
    padding: 5% 10% 10%;
    gap: 2rem;
}
  /* .s311 .cont .article > ul li {width: 47%;} */
  .s311 .cont .article > ul li > .txt-wrap .tit {
    font-size: 1.1rem;
    letter-spacing: initial;
}
  .s311 .cont .article > ul li > .txt-wrap .txt {letter-spacing: initial;}

  /* sub3_2 */
  .s311 .cont > .txt-wrap .sub_tit {font-size: 5rem;}
  .s321 .cont .article > ul {gap: 30px;}
  .s321 .cont > .txt-wrap .tit {
    margin-top: -5%;
}

  /* sub3_3 */
  .s331 .cont .article > ul li {width: 47.5%;}
  .s331 .cont .article > ul li > .txt-wrap {padding: 7% 5%;}
  .s331 .cont .article > ul li:nth-child(4) > .txt-wrap .txt br,
  .s331 .cont .article > ul li:nth-child(6) > .txt-wrap .txt br {display: none;}

  /* sub4_1 */
  .s411 > .sub_tit {letter-spacing: -5px;}
  .s411 > .txt-wrap {margin-top: -8%; flex-direction: column;}
  .s411 > .txt-wrap .info .contact {font-size: 1.3rem; text-align: left;}
  .s411 > .txt-wrap .info .tel {line-height: 30px; float:left; width: 50%;}

  /* form */
  .f_title {padding-bottom: 20px; font-size: 1rem;}
  
  /* sub4_3 */
  .s431 > .txt-wrap {margin-top: -7%; align-items: flex-start;}
  .s433 .form_ul {flex-direction: column;}
  .s433 .form_ul li {width: 100%;}
  .s433 .f_title {font-size: 0.9rem;}
  .f_title .small {font-size: 0.7rem;}
  .s433 .inq_contbox p {font-size: 0.9rem;}
  .s432 {flex-direction: column; padding: 5% 0 15%;}
  .s432 .left {width: 100%;}
  .s432 .right {width: 100%; padding: 3rem; background-size: 200%;}
  .s432 .right ul li .txt {line-height: 35px;}
  .s432 .right .img-wrap {width: 150px;}
  .s432 .right .txt-wrap .tit {font-size: 1.2rem; margin: 2% 0;}

  /* sub3_1_1 */
  .s3111 .cont .left .top .txt-wrap .sub_tit, .s3111 .cont .right .po1 .txt-wrap .sub_tit, .s3111 .cont .right .po2 .txt-wrap .sub_tit, .s3111 .cont .right .po3 .txt-wrap .sub_tit {font-size: 0.8rem; letter-spacing: 1px;}
  .s3111 .cont .left .top .txt-wrap .btn-wrap .tit {font-size: 1.5rem;}
  .s3111 .cont .left .top .txt-wrap .btn-wrap .btn {width: 80px; height: 30px; line-height: 30px; font-size: 0.9rem}
  .s3111 .cont .left .top .txt-wrap .txt, .s3111 .cont .right .po1 .txt-wrap .txt, .s3111 .cont .right .po2 .txt-wrap .txt {font-size: 0.9rem;}
  .s3111 .cont .left .bot .info ul li {font-size: 1.1rem;}
  .s3111 .cont .left .bot .info ul li span {font-size: 0.9rem;}
  .s3111 .cont .left .bot .detail .txt-wrap .tit {font-size: 0.9rem;}
  .s3111 .cont .right .po1 .txt-wrap .f25, .s3111 .cont .right .po2 .txt-wrap .f25, .s3111 .cont .right .po3 .txt-wrap .f25 {font-size: 1rem;}
  .s3111 .cont .right .po1 .txt-wrap .tit, .s3111 .cont .right .po2 .txt-wrap .tit, .s3111 .cont .right .po3 .txt-wrap .tit {font-size: 1.5rem; line-height: 35px;}
  .s3111 .cont .left .top .txt-wrap .txt, .s3111 .cont .right .po1 .txt-wrap .txt, .s3111 .cont .right .po2 .txt-wrap .txt {font-size: 0.9rem; line-height: 25px;}
  .s3111 .cont .right .po1 ul li .img-wrap {width: 30px;}
  .s3111 .cont .right .po1 ul li .txt {font-size: 0.9rem; line-height: 25px;}
  .s3111 .cont .right .po3 ul li p:first-child {width: 90px; height: 90px;}
  .s3111 .cont .right .po3 ul li p{font-size: 0.9rem; line-height: 20px; letter-spacing: -1.3px;}
  .s3111 .cont .left .top .txt-wrap .txt br {display: block;}



  /* sub3_2_1 */
  .s3211 .cont .right .po3 ul li .oran img {width: 40px;}
  .s3211 .cont .right .po3 ul li:nth-child(2) .oran img {height: 30px;}
  .s3211 .cont .right .po3 ul li:nth-child(3) .oran img {height: 35px;}
  .s3211 .cont .right .po3 .txt-wrap span {font-size: 0.8rem;}
  .s3211 .cont .right .po1 ul li .tit {font-size: 1.5rem;}
  .s3111 .cont .left .bot .info ul li span.sm {font-size: 0.7rem; line-height: 15px;}

  /* sub3_3_3 */
  .s3313 .cont .left .top .txt-wrap .btn-wrap .tit {font-size: 1.6rem;}

  /* m1 */
  /* .m1 {
    height: 900px;
  }
  .m1_item_swiper .swiper-wrapper {
    gap: 0;
  }
  .m1 .m1_item_swiper {
    width: 650px;
    bottom: 4rem;
    border-radius: 3rem;
  }
  .m1 .m1_bg_swiper .swiper-slide {
    padding-block: 0 15rem;
    flex-direction: column-reverse;
  }
  .m1 .item_img {
    margin-bottom: 0;
    flex: 0 0 30%;
    order: 1;
  }
  .m1 .item_img img {
    margin-left: 3rem;
  }
  .m1 .more {
    margin-bottom: 0;
    flex: 0 0 0%;
    margin-top: 1rem;
    margin-left: 0;
}
.m1 .m1_bg_swiper .swiper-slide .side_txt p {
    margin-bottom: 0;
    max-width: 90%;
    text-align: center;
}
.m1 .m1_bg_swiper .swiper-slide.slide01,
.m1 .m1_bg_swiper .swiper-slide.slide02,
.m1 .m1_bg_swiper .swiper-slide.slide03,
.m1 .m1_bg_swiper .swiper-slide.slide04 {
    background-position-y: -5rem;
}
.m1 .m1_bg_swiper .swiper-slide.slide01,
.m1 .m1_bg_swiper .swiper-slide.slide03 {
    background-color: #3A1212;
}
.m1 .m1_bg_swiper .swiper-slide.slide02,
.m1 .m1_bg_swiper .swiper-slide.slide04 {
    background-color: #EFE5D7;
}
.m1 .side_txt {
    margin-top: 0;
    justify-content:center;
}

.m1 .side_txt .bar {display: none;} */
.m1 {
    height: 850px;
}
.m1 .m1_bg_swiper .swiper-slide .side_txt p {
    margin-top: -2rem;
}
.m1 .m1_item_swiper {
    bottom: 3rem;
}
.m1_item_swiper .title {
    margin-bottom: 1rem;
}

.s221 .cont .article .bot .right {
    width: 100%;
}
.s211 .cont .article {
    flex-direction: column-reverse;
}




.s311 .cont .article > ul {
    grid-template-columns: 1fr 1fr;
}
.s311 .cont .article > ul li {
    width: 100%;
}



.s3111 .cont .right .po3 ul li {
    margin-bottom: 2rem;
}
.s3111 .cont .left .top .txt-wrap .txt br {
    display: none;
}
.s3111 .cont .right .po3 ul li .txt-wrap span {
    font-size: 1.125rem;
}
.s3111 .cont .right .po3 ul li .txt-wrap p {
    font-size: 1rem;
    justify-content: flex-start;
}
.s3111 .cont .right .po3 ul li {
    
    gap: 15px;
}


.s432 .right .img_box img {
    width: 78px;
}
.s432 .right .flex_box {
    gap: 0rem;
}
.main_visual .swiper-slide .txt .slash {
    display: none;
}
.main_visual .swiper-slide .txt .f22 {
    line-height: 1.3;
    margin-top: 1.5rem;
}
.m3 .left .cont .txt-wrap .txt, .m3 .right .cont .txt-wrap .txt {
    line-height: 1.3;
}
.m3 .left .cont .txt-wrap .tit, .m3 .right .cont .txt-wrap .tit {
    line-height: 1.3;
}




}

@media screen and (max-width: 768px) {
  /* header */

  /* footer */
  .footer .bot ul li, .footer .bot .f16 {font-size: 0.7rem;}

  /* index */
  .swiper-button-next, 
  .swiper-container-rtl .swiper-button-prev {right: -10px;}
  .swiper-button-prev, 
  .swiper-container-rtl .swiper-button-next {left: -10px;}

  .m1 .top .img-wrap {width: 50%; transform: translateX(10%);}
  .m1 .top .PoP {right: 6%;}
  .m1 .top .txt {left: 10%; bottom: -7%;}
  .m1 .bot {margin-top: 5%;}
  .m1 .bot .cont ul {gap: 5px;}
  .m1 .bot .cont ul li .txt-wrap:nth-child(3) {margin-bottom: -15px;}

  .m3 .left .mid .img-wrap .txt-wrap .PoP,
  .m3 .right .top .img-wrap .txt-wrap .PoP {font-size: 0.7rem;}

  /* sub1_1 */
  .s111 .cont .left .mid .txt {font-size: 0.9rem;}
  .s111 .cont .left .bot {width: 25%;}
  .s111 .cont .left .sign {font-size: 0.9rem;}
  .s113{margin-top: -110px; padding-top: 20%;}
  .s113 .top .left .left_top .tit {font-size: 2rem;}
  .s113 .top .left .left_top .txt {font-size: 1.2rem;}


  /* sub1_3 */
  .s131 .cont {padding: 10% 5% 15%;}
  .s131 .cont .map-wrap {flex-direction: column-reverse; gap: 20px;}
  .s131 .cont .map-wrap .info {width: 100%;}
  .s131 .cont .map-wrap .map {width: 100%;}
  .s131 .cont .map-wrap .info > .txt-wrap .tit {line-height: 35px; margin-bottom: 5%;}

  /* sub2_1 */
  .s211 .cont .article .left .txt-wrap .tit {font-size: 1.4rem; letter-spacing: -1px;}

  /* sub2_2 */
  .s221 .cont .article .bot .right ul { padding: 2.5% 15%;}
  .s222 .cont .article .top li {width: 120px; height: 120px;}
  .s222 .cont .article .bot .left .txt-wrap .tit {
    font-size: 1.3rem;
    text-align: center;
}
  .s222 .cont .article .bot .left .txt-wrap .tit span {font-size: 2rem;}
  .s222 .cont .article .bot .left .txt-wrap .sub_tit {font-size: 1rem;}
  .s222 .cont .article .bot .right .txt br {display: none;}
  .s222 .cont .article .bot {
    width: 100%;
    align-items: center;
}
  .s222 .cont .article .bot .left {width: 25%; padding: 0;}
  .s222 .cont .article .bot .right {width: 70%;}

  /* sub3_3 */
  .s331 .cont .article > ul li:nth-child(3) > .txt-wrap .txt br {display: none;}

  /* sub3_1_2 */
  .s3112 .cont .left .top .txt-wrap .txt br {display: none;}

  /* sub3_2_1 */
  .s3211 .cont .left .top .txt-wrap .txt br {display: none;}
  .s3211 .cont .right .po3 > .txt-wrap {width: 100%;}
  .s3211 .cont .right .po3 .txt-wrap span {font-size: 0.7rem;}

  .s223 .cer {
    gap: 3rem 4rem;
}
.s411 {
    padding: 5% 10% 15% !important;
}
.s431 {
    padding: 5% 10% 0% !important;
}



.m1 .m1_bg_swiper .swiper-slide.slide01 .item_img::before {
    top: 3rem;
    left: -15rem;
} 
.m1 .m1_bg_swiper .swiper-slide.slide01 .item_img::after {
    bottom: 0rem;
    right: -16rem;
} 
.m1 .m1_bg_swiper .swiper-slide.slide02 .item_img::before {
    top: 3rem;
    left: -12rem;
} 
.m1 .m1_bg_swiper .swiper-slide.slide02 .item_img::after {
    bottom: 0rem;
    right: -13rem;
} 
.m1 .m1_bg_swiper .swiper-slide.slide03 .item_img::before {
    top: 2.5rem;
    left: -13rem;
} 
.m1 .m1_bg_swiper .swiper-slide.slide03 .item_img::after {
    bottom: 0rem;
    right: -14rem;
} 
.m1 .m1_bg_swiper .swiper-slide.slide04 .item_img::before {
    top: 2.5rem;
    left: -13rem;
} 
.m1 .m1_bg_swiper .swiper-slide.slide04 .item_img::after {
    bottom: 0rem;
    right: -12rem;
} 

}

@media screen and (max-width: 460px) {
    .m1 .m1_bg_swiper .swiper-slide.slide01 .item_img::before,
    .m1 .m1_bg_swiper .swiper-slide.slide01 .item_img::after ,
    .m1 .m1_bg_swiper .swiper-slide.slide02 .item_img::before ,
    .m1 .m1_bg_swiper .swiper-slide.slide02 .item_img::after ,
    .m1 .m1_bg_swiper .swiper-slide.slide03 .item_img::before,
    .m1 .m1_bg_swiper .swiper-slide.slide03 .item_img::after ,
    .m1 .m1_bg_swiper .swiper-slide.slide04 .item_img::before ,
    .m1 .m1_bg_swiper .swiper-slide.slide04 .item_img::after {
        display: none;
    } 

  /* header */
  .header .nav_box .gnb2_dps {display: none;}
  .header .gnb_btn ul {display: none;}
  .header .nav_box {padding: 15vh 10vw; height: 100vh; line-height: 40px;}
  .header .nav_box .gnb1_dps {flex-direction: column; gap: 20px;}
  .header .nav_box .gnb1_dps_a01 {width: 100%; position: relative;}
  .header .nav_box .gnb2_dps {margin-top: 5%;}

  .header .nav_box .gnb1_dps_a01::before{content: '';position: absolute;right: 40px;top: 20px;transform: translate(0, -50%);width: 18px;height: 1px;background: #333;transition: all 0.4s;}
  .header .nav_box .gnb1_dps_a01::after{content: '';position: absolute;right: 48px;top: 20px;transform: translate(0, -50%);width: 1px;height: 18px;background: #333;transition: all 0.4s;}
  .header .nav_box  .gnb1_dps_a01.active::before{transform: translate(0, -50%)rotate(180deg);}
  .header .nav_box  .gnb1_dps_a01.active::after{opacity: 0;} 

  /* footer */
  .footer .top {padding: 5%;}
  .footer .top .left .img-wrap {width: 150px;}
  .footer .top .left .info li {font-size: 0.8rem;}
  .footer .top .left .info li:nth-child(2), 
  .footer .top .left .info li:nth-child(3) {width: 100%;}
  .footer .top .right > div {margin: 5% 0 10%;}
  .footer .top .right > div p {font-size: 0.9rem;}
  .footer .top .right > div ul li {font-size: 0.8rem; line-height: 30px;}
  .footer .bot {flex-direction: column; padding: 1% 5%; gap: 10px; align-items: flex-start;}
  .footer .bot ul {display: none;}
  

  /* index */
  .main_visual .swiper-slide .txt {gap: 10px;}
  .main_visual .swiper-slide .txt .f16 {font-size: 0.6rem;}
  .main_visual .swiper-slide .txt .f56 {
    font-size: 1.5rem; 
    line-height: 1.3;
    text-align: center;
    max-width: 80%;
}
  .main_visual .swiper-slide .txt .sty_btn {
    margin-top: 5%;
    align-self: center;
}
  .main_visual .swiper-slide .txt .sty_btn a {font-size: 0.7rem;}
  .main_visual .swiper-slide .txt .slash {display: none;}
.main_visual .swiper-slide .txt .f56 br {
    display: none;
}
.main_visual .swiper-slide .txt .f22 br {
    display: none;
}
.main_visual .swiper-slide .txt .f22 {
    font-size: 0.9rem; 
    line-height: 1.3;
    max-width: 80%;
    text-align: center;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}
.main_visual .swiper-slide .txt {
    padding-inline: 20px;
    align-items: center;
}

.m2 .left .tit span {
    display: block;
}


  .m1 .top .img-wrap {width: 80%; transform: translateX(0);}
  .m1 .top .txt {display: none;}
  .m1 .top .PoP {right: 50%; transform: translateX(50%); top: 110%;}
  .m1 .top .PoP::before {display: none;}
  .m1 .bot {margin-top: 15%; border-radius: 50px; padding: 5% 0; width: 90%;}
  .m1 .bot .cont ul {justify-content: space-between; margin: 0; gap: 0;}
  .m1 .bot .cont ul li .img-wrap {height: 250px;}
  .m1 .bot .cont ul li .txt-wrap:nth-child(3) {margin-bottom: 0px;}
  .m2 .left {flex-direction: column; gap: 20px;}
  .m2 .left .txt-wrap {width: 100%;}
  .m2 .left .txt {padding-right: 6%;}
  .m2 .left ul {width: 100%;}
  .m2 .right .txt-wrap p:first-child {font-size: 0.6rem;}
  .m2 .right .txt-wrap p:last-child {font-size: 0.6rem; left: 2%;}
  .m3 {flex-direction: column; gap: 0px; padding-bottom: 20%;}
  .m3 .left {width: 100%; gap: 50px; }
  .m3 .left .cont,
  .m3 .right .cont {width: 100%;}
  .m3 .left .mid .img-wrap .txt-wrap .PoP {height: 65%;}
  .m3 .right {width: 100%; gap: 50px;} 
  .m3 .right .top .img-wrap .txt-wrap .PoP {height: 60%;}

  .m4 .left .top {padding-left: 3%; border-radius: 0 100px 0 0;}
  .m4 .right .top {padding: 10% 5% 0% 5%;}
  .m4 .left .top .txt-wrap .f49 {
    font-size: 1.25rem;
     line-height: 1.3;
     max-width: 85%;
    }
    .m4 .right .top ul li {
        padding-block: 0.5rem;
    }

  .m4 .left .top .txt-wrap .PoP {font-size: 4rem; bottom: -15%;}
  .m4 .right .bot {padding: 0% 5% 10% 5%;}
  .m4 .right .top ul li span {
    font-size: 0.875rem;
   
}

  /* sub1_1 */
  .subtop .nav .right ul {gap: 30px;}
  .subtop .nav .right ul li {font-size: 0.8rem;}
  .s111 {padding-left: 5%;}
  .s111 .cont .left {width: 95%;}
  .s111 .cont .left .top .txt-wrap .tit {font-size: 1.7rem;}
  .s111 .cont .left .mid {width: 100%;}
  .s111 .cont .left .mid .txt {
    font-size: 0.875rem;
    letter-spacing: initial;
    line-height: 1.5;
}
.s111 .cont .left .mid .txt li {
    width: 89%;
}
.s111 .cont .left .mid .txt li::before {display: none;}
  /* .s111 .cont .left .mid .txt:first-child {display: none;} */
  .s111 .cont .left .mid .pbr br {display: none;}
  .s111 .cont .left .mid .pbr {
    /* display: block;  */
    font-size: 0.9rem;
}
  .s111 .cont .left .bot {width: 100%; margin-top: 0;}
  .s111 .cont .left .bot ul {flex-direction: row;}
  .s112 .cont .left .img-wrap:first-child {width: 100%;}
  .s112 .cont .left .img-wrap:nth-child(2) {display: none;}
  
  .s112 .cont .right .txt-wrap{display: none;}
  .s113 {margin-top: -50px;}
  .s113 .top .left .left_bot .history {width: 30%;}
  .s113 .top .left .left_bot .history_cont {width: 70%;}
  .s113 .top .left .left_bot {
    flex-wrap: wrap; gap: 0;
    align-items: flex-start;
}
  .s113 .top .left .left_bot .history li {font-size: 1rem; align-items: center; }
  .s113 .top .left .left_bot .history_cont::before {left: -8.3%; height: 120%;}
  .s113 .top .left .left_bot .history_cont li::before{width: 5px; height: 5px; left: -10%;}
  .s113 .bot .img-wrap {flex-direction: column;}
 
  .s113 .top .left .left_bot ul:nth-child(3) li:nth-child(2) {
    margin-top: 1rem;
  }
  .s113 .top .left .left_bot ul:nth-child(3) li:nth-child(3) {
    margin-top: 1rem;
  }
  .s113 .top .left .left_bot .history_cont li {width: 100%;}
  .s113 {
    padding: 15% 10% 20%;
}

  /* sub1_3 */
  .s131 .cont > .txt-wrap {margin-bottom: 10%;}
  .s131 .cont > .txt-wrap .sub_tit {font-size: 4rem;}
  .s131 .cont > .txt-wrap .tit {font-size: 1.5rem;}
  .s131 .map iframe {height: 250px;}
  .s131 .cont .map-wrap .info > .txt-wrap {gap: 20px; }
  .s131 .cont .map-wrap .info > .txt-wrap .tit {font-size: 1.3rem; line-height: 1.3;}
  .s131 .cont .map-wrap .info > .txt-wrap ul li {
    letter-spacing: initial;
    width: 80%;
}
.s131 .cont {
    padding: 10% 5% 20%;
}

.m1 {height: 700px;}
.m1 .item_img img {
    width: 250px;
  
}
.m1 .more {
    justify-content: center;
    
}
.m1 .side_txt {
    flex: 0 0 30%;
}
.m1 .m1_item_swiper {
    width: 350px;
    bottom: 4rem;
    border-radius: 2rem;
}
.m1_item_swiper .swiper-wrapper img {
    width: 100px;
}

.m1_item_swiper p {
    font-size: 0.875rem;
}
.m1 .m1_bg_swiper .swiper-slide .side_txt p {
    max-width: 100%;

}
.m1 .m1_bg_swiper .swiper-slide {
    padding-inline: 2rem;
    padding-block: 15rem 18rem;
}

.m1 .m1_bg_swiper .swiper-slide.slide01, 
.m1 .m1_bg_swiper .swiper-slide.slide03 {
    background-position-y: -7rem;
    background-color: #3A1212;
} 
.m1 .m1_bg_swiper .swiper-slide.slide02, 
.m1 .m1_bg_swiper .swiper-slide.slide04 {
    background-position-y: -7rem;
    background-color: #EFE5D7;
}
.m1 .m1_item_swiper {
    height: 200px;
}

.m1_item_swiper span {
    font-size: 1rem;
    margin-block: 0.5rem;
    
}
.m1 .m1_item_swiper {
    height: 195px;
}
.m1 .side_txt {
    margin-top: 2rem;
    max-width: 100%;
    text-align: center;
    padding-top: 0;
}

/* sub2_1 */
.s211 .cont .article .left .txt-wrap .tit {
    letter-spacing: initial;
    line-height: 1.3;
}
.s211 .cont .article .left .txt-wrap .txt {
    letter-spacing: initial;
}
.s212 .cont .top .txt-wrap .tit {
   
    margin-block: 0.7rem;
}
.s212 .cont .top .txt-wrap .txt {
   
    letter-spacing: initial;
    line-height: 1.3;
}
.s212 .cont .bot .article .left .txt-wrap .txt,
 .s212 .cont .bot .article .right .txt-wrap .txt {
    letter-spacing: initial;
}
.s214 .cont .bot .left ul li .txt {
   
    line-height: 1.3;
    letter-spacing: initial;
    margin-block-start: 0.8rem;
}

 /* sub3_1 */
 .s311 .cont .article > ul {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 3rem;
}
.s311 .cont>.txt-wrap .tit {
    margin-top: -11%;
}
.s3111 .cont .left .bot .info ul li {
    max-width: 45%;
}

.s3111 .cont .left .bot .detail {
    display: none;
}
.s3111 .cont .left, .s3111 .cont .right {
   
    margin-top: 2rem;
}

.s3111 .cont .right .po1 .txt-wrap .tit, .s3111 .cont .right .po2 .txt-wrap .tit, .s3111 .cont .right .po3 .txt-wrap .tit {
    line-height: 1.3;
    margin-bottom: 0;
}
.s3111 .cont .left .top .txt-wrap .txt, .s3111 .cont .right .po1 .txt-wrap .txt, .s3111 .cont .right .po2 .txt-wrap .txt {
    font-size: 0.9rem;
    line-height: 25px;
    letter-spacing: initial;
}

.s3111 .cont .right .po3 ul {
    margin-top: 2rem;
}

.s3111 .cont .right .po1 ul {
    justify-content: center;
}
.left .bot_pic {
    margin-bottom: 0;
}

.s411 {
    padding: 5% 10% 20% !important;
}
.s432 .right .flex_box .txt_box h2 {
    font-size: 1.5rem;
}
.s432 .right .flex_box .txt_box p {
    font-size: 0.875rem;
}
.s432 .right .img_box img {
    width: 55px;
}
.s432 .right .flex_box {
    gap: 1rem;
}



/*  */
/* .s211 .cont > .txt-wrap .sub_tit,
  .s311 .cont > .txt-wrap .sub_tit, .s411 > .sub_tit {font-size: 4rem;} */
  .s211 .cont > .txt-wrap .tit,
  .s311 .cont > .txt-wrap .tit,
  .s411 > .txt-wrap .tit {font-size: 1.5rem;}
  /* .s211 .cont .article {flex-direction: column-reverse;} */
  .s211 .cont .article .left {width: 100%;}
  .s211 .cont .article .right {width: 100%;}
  .s211 .swiper-container-horizontal>.swiper-pagination-bullets, .s211 .swiper-pagination-custom, .swiper-pagination-fraction {top: auto; bottom: 5%; left: 50%; transform: translateX(-50%);} 
  .s211 .cont .article .right > .txt-wrap p {right: auto; left: 50% !important; transform: translateX(-50%); width: 100%;}
  .s211 .cont .article .left .txt-wrap .txt {font-size: 1rem;}
  .s211 .cont .article02 {flex-direction: column;}
  .s211 .cont .article .left .txt-wrap .txt {margin-bottom: 5%;}
  .s212 {padding: 10% 5% 20%;}
  .s212 .cont .top .txt-wrap .tit {font-size: 1.5rem;}
  .s212 .cont .top .txt-wrap .txt {font-size: 0.9rem; padding: 0 17%;}
  .s212 .cont .bot .article {flex-direction: column;}
  .s212 .cont .bot .article .left {border-right: 0; border-bottom: 1px solid #b2b2b2; padding-bottom: 5%;}
  .s212 .cont .bot .article .left,
  .s212 .cont .bot .article .right {width: 100%;}
  .s212 .cont .bot .article .left .txt-wrap .txt, 
  .s212 .cont .bot .article .right .txt-wrap .txt {line-height: 25px;}
  .s213 .cont ul {flex-direction: column; gap: 30px;}
  .s213 .cont ul li {width: 80%; margin: 0 auto;}
  .s213 .cont ul li > .txt-wrap {border: 1px solid #3A1212; box-sizing: border-box; border-top: 0;}
  .s214 {margin-top: -45%;}
  .s214 .cont {padding: 5% 5% 20%;}
  .s214 .cont .top .left .txt-wrap .tit {font-size: 1.3rem;}
  .s214 .cont .top .left .txt-wrap .txt {font-size: 0.9rem;}
  .s214 .cont .top .left {gap: 10px;}
  .s214 .cont .bot .left {width: 100%;}
  .s214 .cont .bot .left ul {gap: 10px;}
  .s214 .cont .bot .left ul li .img-wrap {width: 70px;}
  .s214 .cont .bot .right {display: none;}
  .s214 .cont .bot .left ul li .txt {font-size: 0.8rem; font-weight: 300; line-height: 20px; padding: 0 12%;}
  .s214 .cont .bot .left ul li .next {width: 15px; right: -7%;}
  .s214 .cont .bot .left ul li {width: 48%;}
  .s214 .cont .bot .left ul li:nth-child(2) .next,
  .s214 .cont .bot .left ul li:nth-child(6) .next {display: none;}

  /* sub2_2 */
  .s221 .cont > .txt-wrap .sub_tit {font-size: 2.9rem; text-align: center;}
  .s221 .cont > .txt-wrap .tit {font-size: 1.5rem;}
  .s221 .cont .article .bot .left .txt-wrap .tit {
    font-size: 1.5rem; line-height: 1.3;
    display: block;
    padding-left: 5%;

}
.s221 .cont .article .bot .left .txt-wrap .tit span {
    margin-right: 1rem;
}
.s221 .cont .article .bot .left .txt-wrap .tit img {
    display: none;
}
  .s221 .cont .article .bot .left .txt-wrap .txt {
    padding-left: 5%; font-size: 1.1rem;
     letter-spacing: -1px; line-height: 1.3;
     margin-bottom: 10%;
    }
  .s221 .cont .article .bot .left .txt-wrap .sub_txt {padding-left: 5%; font-size: 0.9rem;}
  .s221 .cont .article .bot .left .txt-wrap .txt::before {left: 5%; bottom: -16%;}
  .s221 .cont .article .bot .right ul {padding: 3% 5%;}
  .s222 .cont {padding: 5% 5% 15%;}
  .s222 .cont .article .top ul {flex-direction: column; align-items: center; gap: 30px; width: 50%; padding: 8%; margin: 0 auto; border-radius: 130px;}
  .s222 .cont .article .top li {width: 150px; height: 150px;}
  .s222 .cont .article .top li .next {right: auto; left: 50%; transform: translateX(-50%) rotate(90deg); top: auto; bottom: -15%;}
  .s222 .cont .article .bot {flex-direction: column; gap: 20px;}
  .s222 .cont .article .bot .left,
  .s222 .cont .article .bot .right  {width: 100%; text-align: center; padding: 0;}
  .s222 .cont .article .bot .left .txt-wrap .sub_tit {line-height: 20px; margin-top: 3%;}
  .s222 .cont .article .bot .right::before {display: none;}
  .s223 .txt_box h5 {
    font-size: 1.5rem;
    margin-block: 0.5rem;
}
    
.s223 .txt_box {
    margin-bottom: 4.5rem;
}

  /* .s311 .cont {padding: 5% 5% 10%;} */
  .s311 .cont {padding: 5% 14% 10%;}
  /* .s311 .cont .article > ul li {width: 70%;} */
  /* .s311 .cont .article > ul li {width: 70%;} */

  /* sub3_2 */
  .s311 .cont > .txt-wrap .sub_tit {font-size: 3rem;}

  /* sub4_1 */
  .s411 {padding: 5% 5% 20%;}
  .s411 .container {margin-top: 15%;}
  .s411 > .txt-wrap .info .tel {width: 100%;}
  .s433 .inq_contbox p {font-size: 0.8rem;}

  /* form */
  .form_ul {flex-direction: column;}
  .form_ul li {width: 100%;}
  .f_title {font-size: 0.9rem;}
  .f_input {font-size: 1rem;}
  .filebox label {width: 100px; font-size: 0.9rem; letter-spacing: 1px;}
  .inq_contbox p {font-size: 0.9rem;}

  /* sub4_3 */
  .s431 .txt-wrap .btn-wrap button { height: 35px; font-size: 0.9rem;}
  .s432 .right {padding: 5%;}
  .s433 {padding: 0 5% 20%;}
  .s433 .f_title {font-size: 0.8rem;}
  .form_check_ul li .check label {font-size: 0.8rem;}

  /* sub3_1_1 */
  .s3111 {padding: 10% 5% 20%;}
  .s3111 .cont {flex-direction: column; gap: 30px;}
  .s3111 .cont .bar {display: none;}
  .s3111 .cont .left,
  .s3111 .cont .right {width: 100%; border-right: 0; padding-left: 0; padding-right: 0;}
  /* .s3111 .cont .right .po1 ul {justify-content: space-between;} */
  .s3111 .cont .right .po1 ul li, .s3311 .cont .right .po1 ul li {width: 33%;}

  /* sub3_2_1 */
  .s3211 .cont .right .po1 ul li, .s3311 .cont .right .po1 ul li {align-items: center; padding: 0;}
  .s3211 .cont .right .po1 ul li .tit {font-size: 2.3rem;}
  .s3211 .cont .right .po3 ul li {gap: 20px;}
  .s3211 .cont .right .po3 ul li .txt-wrap {gap: 5px;}

  /* sub3_3_1 */
  .s3311 .cont .left .top .txt-wrap .btn-wrap {flex-direction: row; align-items: center;}

  /* sub3_3_3 */
  .s3313 .cont .left .top .txt-wrap .btn-wrap,
  .s3314 .cont .left .top .txt-wrap .btn-wrap {flex-direction: column; align-items: flex-start;}

  /* sub3_3_5 */
  .s3315 .cont .left .top .txt-wrap .btn-wrap {flex-direction: row;}

  .s432 {
    
    padding: 5% 0px 20%;
}
.s212 .cont .bot .article .left .txt-wrap .sub_tit, .s212 .cont .bot .article .right .txt-wrap .sub_tit {
    font-size: 1.5rem;
}


.m1 .m1_bg_swiper .swiper-slide.slide01 .side_txt p, 
.m1 .m1_bg_swiper .swiper-slide.slide02 .side_txt p, 
.m1 .m1_bg_swiper .swiper-slide.slide03 .side_txt p, 
.m1 .m1_bg_swiper .swiper-slide.slide04 .side_txt p {
    font-size: 1rem;
}



    
}







  
  

  



@media screen and (max-width: 414px) {
  /* header */

  .gnb2_dps {display: none;}
  .gnb1_dps_a01.active .gnb2_dps {display: block; }
  .header .nav_box .gnb1_dps_a01:hover {color:#E55431;}

  /* footer */

  /* index */
  .main_visual .swiper-slide .txt .f16 {font-size: 0.7rem;}

  .m3 .left .mid .img-wrap .txt-wrap .PoP {height: 70%;}
  .m3 .right .top .img-wrap .txt-wrap .PoP {height: 65%;}
  .m3 .left .cont .img-wrap .txt-wrap i, 
  .m3 .right .cont .img-wrap .txt-wrap i {
    right: 5.5%;
    line-height: 38px;
}

  .m4 .left .top .txt-wrap .f49 {font-size: 1.4rem;}
  .m4 .left .bot .img-wrap .txt-wrap::before {right: 8%;}

  /* sub1_1 */
  .s111 .cont .left {padding-right: 5%;}
  .s111 .cont .left .top .txt-wrap .sub_tit {font-size: 0.9rem;}
  .s111 .cont .left .mid .txt {font-size: 0.8rem;}
  .s111 .cont .left .sign {font-size: 0.8rem;}
  .s112 {padding-right: 5%;}
  .s113 {padding: 15% 5% 20%;}

  /* sub1_3 */
  .s131 .cont > .txt-wrap .sub_tit {letter-spacing: -3px;}

  /* sub2_1 */
  .s211 .cont .article .left .txt-wrap .tit {font-size: 1.3rem;}
  .s212 .cont .bot {border-top: 1px solid #3A1212; border-bottom: 1px solid #3A1212;}
  .s213 .cont ul li {width: 100%;}
  .s214 {margin-top: -100%; padding-top: 105%;}
  .s214 .cont {padding-bottom: 20%;}
  .s214 .cont .top .left .img-wrap {display: none;}
  .s214 .cont .top .left .txt-wrap .tit br {display: none;}
  .s214 .cont .top .left .txt-wrap .tit {font-size: 1.2rem;}

  /* sub3_1 */
  .s311 .cont .article > ul li {width: 85%;}

  /* sub4_3 */
  .s432 .right ul li .txt {letter-spacing: -0.5px;}

  .m2 .left .tit span {
    width: 70%;
  }
}

@media screen and (max-width: 375px) {
  /* index */
  .main_visual .swiper-button-prev, 
  .main_visual .swiper-container-rtl .swiper-button-next, 
  .main_visual .swiper-button-next, 
  .main_visual .swiper-container-rtl .swiper-button-prev {display: none;}
  .m3 .left .top .sub_tit {font-size: 4.5rem;}
  .m3 .left .top .tit {font-size: 1.6rem !important;}
  .m3 .left .cont .txt-wrap .txt, 
  .m3 .right .cont .txt-wrap .txt {font-size: 0.9rem;}
  .m3 .left .mid .img-wrap .txt-wrap .PoP {height: 75%;}
  .m3 .right .top .img-wrap .txt-wrap .PoP {height: 70%;}
  .m4 .left .top .txt-wrap .f49 {font-size: 1.3rem;}
  .m4 .left .top .txt-wrap .PoP {font-size: 3.5rem;}
  .m4 .left .bot .img-wrap .txt-wrap::before{right: 8%;}

  /* sub1_1 */
  .subtop .nav .right ul {gap: 15px;}
  .s111 .cont .left .mid .txt {font-size: 0.7rem; letter-spacing: -1px; line-height: 30px;}
  .s111 .cont .left .sign {font-size: 0.7rem;}
  .s113 .top .left .left_bot .history li {font-size: 0.9rem;}

  /* sub1_3 */
  .s131 .cont > .txt-wrap .sub_tit {font-size: 3.5rem;}
  .s131 .cont > .txt-wrap .tit {font-size: 1.3rem;}
  .s131 .cont .map-wrap .info > .txt-wrap ul li {letter-spacing: -1px;}

  /* sub2_2 */
  .s211 .cont > .txt-wrap .sub_tit,
  .s311 .cont > .txt-wrap .sub_tit, .s411 > .sub_tit {font-size: 3.5rem;}
  .s211 .cont > .txt-wrap .tit,
  .s311 .cont > .txt-wrap .tit,
  .s411 > .txt-wrap .tit {font-size: 1.3rem;}
  .s211 .cont .article .right .img-wrap {height: 200px;}
  .s211 .cont .article .left .txt-wrap .tit {font-size: 1.2rem;}
  .s211 .cont .article .left .txt-wrap .txt {font-size: 0.9rem;}
  .s212 .cont .top .txt-wrap .tit {font-size: 1.5rem;}
  .s212 .cont .top .txt-wrap .sub_tit {margin-bottom: 10px;}
  .s212 .cont .top .txt-wrap .txt {font-size: 0.9rem;}
  .s213 .cont ul li > .txt-wrap {height: auto;}
  .s214 .cont .top .left .txt-wrap .tit {font-size: 1.5rem;}
  .s214 .cont .top .left .txt-wrap .txt {display: none;}

  /* sub2_2 */
  .s221 .cont > .txt-wrap .sub_tit {font-size: 3.5rem;}
  .s221 .cont > .txt-wrap .tit {font-size: 1.3rem;}
  .s221 .cont .article .bot .left .txt-wrap .tit {font-size: 1.3rem;}
  .s221 .cont .article .bot .left .txt-wrap .txt {font-size: 1rem;}
  .s221 .cont .article .bot .left .txt-wrap .sub_txt {font-size: 0.85rem;}
  .s222 .cont .article .top ul {width: 60%;}  

  /* sub3_2 */
  .s311 .cont > .txt-wrap .sub_tit {font-size: 2.5rem;}

  /* sub4_3 */
  .s433 .form_ul li {flex-direction: column;}
  .form_check_ul .f_title {padding-bottom: 10px;}
  .form_check_ul .f_input {padding-top: 20px;}
  .s432 .right .img-wrap {width: 100px;}
  .s432 .right .txt-wrap .tit {font-size: 1rem;}
  .s432 .right ul li .txt {letter-spacing: -1px;}

  /* sub3_1_1 */
  .s3111 .cont .left .top .txt-wrap .btn-wrap .tit {font-size: 1.3rem;}
  .s3111 .cont .right .po1 .txt-wrap .tit, .s3111 .cont .right .po2 .txt-wrap .tit, .s3111 .cont .right .po3 .txt-wrap .tit {font-size: 1.3rem;}
  .s3111 .cont .right .po1 .txt-wrap .f25, .s3111 .cont .right .po2 .txt-wrap .f25, .s3111 .cont .right .po3 .txt-wrap .f25 {font-size: 0.9rem;}
  .s3111 .cont .right .po3 ul li p:first-child {width: 80px; height: 80px;}
  .s3111 .cont .right .po3 ul li p {font-size: 0.8rem;}

  /* sub4_1 */
  .s411 > .txt-wrap .info .tel {width: 65%;}

  .m1 .m1_item_swiper {
    width: 280px;
}
.m1 .item_img img {
    margin-left: 2rem;
}
}

@media screen and (max-width: 320px) {
  /* header */
  .header .hamburger span {width: 25px;}
  .header .hamburger span:first-of-type {margin-top: -7px;}
  .header .hamburger span:last-of-type {margin-top: 7px;}

  /* footer */
  .footer .top .left {padding: 10% 0;}
  .footer .top .left .img-wrap {width: 150px;}
  .footer #topBtn {width: 50px; height: 50px; font-size: 0.6rem; padding-top: 10px;}
  .footer #topBtn i {font-size: 0.8rem;}
  .footer #topBtn p::before {display: none;}
  .footer .top .right {display: none;}

  /* index */
  .main_visual .swiper-slide .txt .f56 {font-size: 1.3rem; line-height: 30px;}
  .main_visual .swiper-slide .txt .sty_btn {width: 110px;}
  .main_visual .swiper-slide .txt .sty_btn a {font-size: 0.6rem;}

  .m1 .top .img-wrap {width: 90%;}
  .m1 .top .PoP {width: 100%; right: auto; transform: translate(0); justify-content: center;}
  .m1 .bot {margin-top: 20%; border-radius: 25px;}
  .m1 .bot .cont ul li .img-wrap {height: 180px;}

  .m2 .right .img-wrap {height: 330px;}
  .m2 .right .txt-wrap p:last-child {left: 1%;}
  .m2 .left .PoP {font-size: 0.9rem;}
  .m2 .left .tit {font-size: 1.8rem;}
  .m2 .left .txt {font-size: 1rem; letter-spacing: -1.3px;}
  .m2 .left ul li a {font-size: 1rem;}
  .m2 .left ul li span {font-size: 0.9rem; margin-right: 3%;}

  .m3 .left .top .sub_tit {font-size: 3.5rem;}
  .m3 .left .mid .img-wrap .txt-wrap .PoP, 
  .m3 .right .top .img-wrap .txt-wrap .PoP {font-size: 0.5rem;}

  .m4 .left .top {border-radius: 0 80px 0 0;}
  .m4 .left .top .txt-wrap .f49 {font-size: 1.1rem;}
  .m4 .left .top .txt-wrap .PoP {font-size: 3rem;}
  .m4 .left .bot .img-wrap {height: 300px;}
  .m4 .left .bot .img-wrap .txt-wrap .PoP {font-size: 0.6rem;}
  .m4 .right .top .tit {align-items: center;}
  .m4 .right .top ul li span {font-size: 0.8rem;}
  .m4 .right .bot .location_btn {width: 100px;}
  .m4 .right .bot .location_btn .f16 {font-size: 0.8rem;}

  /* sub1_1 */
  .subtop .nav {height: 40px;}
  .subtop .nav .left {width: 40px;}
  .subtop .nav .left .img-wrap {width: 20px;}
  .subtop .nav .right ul li {font-size: 0.7rem;}
  .s111 .cont .left .mid .txt,
  .s111 .cont .left .mid .pbr br {display: none;}
  .s111 .cont .left .mid .pbr {display: block; font-size: 0.8rem;}
  .s111 .cont .left .bot ul {gap: 10px;}
  .s111 .cont .left .bot ul li .img-wrap {width: 90px;}
  .s113 {gap: 30px;}
  .s113 .top .left .left_top .tit {font-size: 1.7rem;}
  .s113 .top .left .left_top .txt {font-size: 1rem;}
  .s113 .top .left .left_bot .history li {font-size: 0.8rem; letter-spacing: -1.2px;}
  .s113 .top .left .left_bot .history_cont li::before {left: -9.2%;}

  /* sub1_3 */
  .s131 .cont > .txt-wrap .sub_tit {font-size: 2.5rem;}
  .s131 .cont > .txt-wrap .tit {font-size: 1.2rem;}
  .s131 .cont .map-wrap {gap: 10px;}
  .s131 .cont .map-wrap .info .icon-wrap {width: 100px;}
  .s131 .cont .map-wrap .info > .txt-wrap .tit {font-size: 1.1rem;}
  .s131 .cont .map-wrap .info > .txt-wrap ul li .img-wrap {width: 10px;}
  .s131 .cont .map-wrap .info > .txt-wrap ul li {font-size: 0.8rem;}

  /* sub2_1 */
  .s212 .cont .bot .article .left .txt-wrap .txt, 
  .s212 .cont .bot .article .right .txt-wrap .txt {font-size: 0.8rem;}
  .s214 .cont .top .left .txt-wrap .tit {font-size: 1.3rem;}
  .s214 .cont .bot .left ul li .txt {padding: 0;}

  /* sub2_2 */
  .s221 .cont > .txt-wrap .sub_tit {font-size: 2.5rem;}
  .s221 .cont > .txt-wrap .tit {font-size: 1.2rem; margin-top: -10%;}
  .s221 .cont .article .right > .txt-wrap p {font-size: 0.6rem;}
  .s221 .cont .article .left .txt-wrap .tit {line-height: 30px;}
  .s222 .cont .bot {padding: 7% 0;}
  .s224 .cont .top .left .txt-wrap .tit {font-size: 1.3rem; line-height: 35px;}
  .s224 .cont .bot .left ul {gap: 10px;}
  .s224 .cont .bot .left ul li {width: 48%;}

  /* sub2_2 */
  .s221 .cont > .txt-wrap .sub_tit {font-size: 2.5rem;}
  .s221 .cont > .txt-wrap .tit {font-size: 1.2rem;}
  .s221 .cont .article .bot .left .txt-wrap .tit {font-size: 1.2rem; gap: 5px;}
  .s222 .cont .article .top ul {width: 70%;}  

  /* sub3_1 */
  .s311 .cont .article > ul li {width: 100%;}

  /* sub4_1 */
  .s411 > .sub_tit {font-size: 3rem;}
  .s411 > .txt-wrap .info .contact {font-size: 1rem;}
  .s431 .txt-wrap .btn-wrap button {width: 180px ; font-size: 0.8rem;}

  /* form */
  .filebox label {width: 70px; font-size: 0.7rem;}

  /* sub4_3 */
  .s432 .right ul li .txt{font-size: 0.7rem;}

  /* sub3_1_1 */
  .s3111 .cont .left .top .txt-wrap .sub_tit, .s3111 .cont .right .po1 .txt-wrap .sub_tit, .s3111 .cont .right .po2 .txt-wrap .sub_tit, .s3111 .cont .right .po3 .txt-wrap .sub_tit {font-size: 0.7rem;}
  .s3111 .cont .left .top .txt-wrap .btn-wrap {align-items: center;}
  .s3111 .cont .left .top .txt-wrap .btn-wrap .tit {font-size: 1.1rem;}
  .s3111 .cont .left .top .txt-wrap .btn-wrap .btn {width: 60px; font-size: 0.8rem;}
  .s3111 .cont .left .bot .info ul li {font-size: 0.9rem;}
  .s3111 .cont .left .bot .info ul li span {font-size: 0.8rem;}
  .s3111 .cont .left .bot .detail .txt-wrap .tit {font-size: 0.8rem;}
  .s3111 .cont .right .po1 .txt-wrap .tit, .s3111 .cont .right .po2 .txt-wrap .tit, .s3111 .cont .right .po3 .txt-wrap .tit {font-size: 1.2rem; line-height: 30px;}
  .s3111 .cont .right .po1 .txt-wrap .f25, .s3111 .cont .right .po2 .txt-wrap .f25, .s3111 .cont .right .po3 .txt-wrap .f25 {font-size: 0.8rem;}
  .s3111 .cont .right .po2 .txt-wrap .txt br {display: none;}

  /* sub3_1_2 */ 
  .s3313 .cont .left .top .txt-wrap .btn-wrap,
  .s3314 .cont .left .top .txt-wrap .btn-wrap {align-items: flex-start;}

  /* sub3_2_1 */
  .s3211 .cont .right .po1 ul li .tit {font-size: 1.1rem; letter-spacing: -1px;}
  .s3211 .cont .right .po1 ul li .txt {font-size: 0.8rem;}
  .s3211 .cont .right .po3 ul li {gap: 15px;}
}