@media screen and (min-width: 2040px) {
  #section1 .ImgWrap img {width: 50%;}
  #section1 .ImgWrap .Simg3 {width: 65%; position: absolute; left: 42.5%;}
  #section1 .swiper-slide3 .m1_txt h3:first-of-type {left: -30.5vw;}
  #section1 .swiper-slide3 .m1_txt h3:last-of-type {left: -30.5vw;}
  #section1 .swiper-slide3 .m1_txt .m1_txtImgWrap {bottom: 7.5vh; left: -27.7vw;}
  #section1 .swiper-slide3 .m1_txt .MTI3 img:last-of-type {left: 27.8vw;}
  #section2 .m2_txt {padding: 120px 420px;}
  #section3::after {right: -34.2%;}
  .m4 .swiper-slide .icon { width: 250px; height: 260px; position: absolute; left: 53.5vw; bottom: -7.7vh;}
  .m4 .swiper-slide .snow {left: 54.5vw;}
  /* sub */
  .sub_1_1 .s13::before {width: 100%; left: 0; bottom: 67vh;}
  .sub_1_3 .tabletxt {width: 30%; height: 35%;}
  .sub_2_1 .s212 .tab-content .ImgWrap {max-width: 1130px; left: 64.5%;}
  .sub_2_1 .s212 #tab2 .ImgWrap {left: 64%;}
  .sub_2_1 .s212 #tab4 .ImgWrap {max-width: 768px;}
  .sub_2_1 .s213 .ImgWrap:last-child img {width: 50%;}
  .sub_3 .intro video {width: 100%;}
  .sub_2_1 .s212 .tab-content img {width: 72.2%;}
  .sub_2_1 .s212 .tab-content .tab4Img img {width: 100%;}
  .sub_2_1 .c1 .c112 img:first-of-type {width: 80%; margin-left: 45px;}
  .sub_2_1 .c1 .c112 img:nth-of-type(2) {right: -24px; width: 290px; bottom: -7px;}
  .sub_3 .Contents2 .Contents2Wrap .ImgBox .ImgWrap img {width: 80%;}
}

@media screen and (max-width: 1600px) {
  html, body{font-size: 16px;}
  .inner {width: 90%;}
  .inner2 {width: 90%;}
  /* main */
  #section1 .m1_txt h3:first-of-type {font-size: 4rem;}
  #section1 .m1_txt h3:last-of-type {font-size: 4rem;}
  #section1 .m1_txt .m1_txtImgWrap {left: -98px; top: -50px;}
  #section1 .m1_txt img:first-of-type {width: 375px;}
  #section1 .swiper-slide3 .m1_txt .m1_txtImgWrap {top: -26px;}
  #section1 .m1_txt img:last-of-type {width: 45px; height: 45px;}
  #section1 .m1_txt h4 {line-height: 65px;}
  .control_inner {width: 87.5vw;}
  #section2 .ImgWrap1 {bottom: 4vh; right: 6vw;}
  .m3 h4.white {left: 24vw;}
  .m3 .tab-nav a {font-size: 3.44rem;}
  .m3 .tab-nav {left: -10%;}

  .m3 #cowImg {width: 700px;}
  
  .m3 .ImgWrap {left: -6vw;}
  .m4 .m4_txt {top: 160px; left: 12.5%;}
  .m4 .swiper-slide .icon {width: 250px; height: 250px; left: 54.7vw; bottom: -7vh;}
  .m4 .swiper-slide > div::after {left: 57.4%;}
  .m4 .swiper2 .swiper-button-prev {left: 75%;}
  .m4 .swiper2 .swiper-button-next {right: 18%;}
  .m4 .swiper-slide .hoverWrap div::after {top: -12px;}
  .m5 .cont .box1 h3 {left: 0;}
  .m6 .ImgWrap2 {left: -82%;}
  .m6 .ImgWrap1 {top: 185px; right: -42vw;}
  #top_btn {right: 8vw;}
  /* sub */
  .panel .CW {padding: 0 20px;}
  .panel .CW .ImgWrap {width: 60%;}
  .sub_1_2 .Contents1 .swiper-button-prev { top: -22px; transform: translateY(-50vh); }
  .sub_1_2 .Contents1 .swiper-button-next { top: 0; transform: translateY(-50vh); }
  .sub_2_2 .panel .CW .txt-tit { width: 100%;}
  .sub_2_3 .panel .CW .txt-tit { min-width: 315px; }


  /* 231130 */
  /* main */
  #menu {left: 30px;}
  .main .c1 .scroll_box {left: 50%; transform: translate(-50%);} 
  #section2 .m2_txt {padding: 100px 300px;}
  #section2 .m2_txt h4 {margin: 70px 0 50px;}
  .m3 h2.BM {font-size: 3rem;}
  .m3 .tab-nav a {font-size: 3rem;}
  .m3 .tab-container {height: 75vh;}
  .m3 .tab-content.active {padding-top: 50px;}
  .m4 .m4_txt h2 {font-size: 4rem; line-height: 70px;}
  .m4 .m4_txt p {margin-top: 20px;}
  .m4 .swiper-slide > div {max-width: 600px;}
  .m5 .cont {padding: 7% 5%;}
  .m5 .cont .box1 {flex: 1 1 20%;}
  .m5 .cont .box2 {flex: 1 1 50%;}
  .m5 .cont .box3 {flex: 1 1 16%;}
  .m5 .mode-rl {font-size: 1.2rem;}
  .m5 .cont .box1 h3 {bottom: 5%;}

  /* sub2_3 */
  .panel .CW {padding: 0 5%; gap: 5%;}
  .panel .CW .img-wrap {width: 70%;}
  .panel .CW .txt-tit {width: 30%;}
  .pWrap {height: 125vh;}
  .sub_2_3 .tab-content img:first-child {top: -65vh;}
}

@media screen and (max-width: 1570px) {
  .nav_sub::after {top: -19px;}
  /* main */
  #menu {display: none;}
  .scroll_wrap {bottom: 5%;}
  #header .inner3 > div.h_nav {text-align: center;}
  .main_nav > li {width: 22%;}

  #section1 .m1_txt .m1_txtImgWrap {left: -70px;}
  #section1 .m1_txt img:first-of-type {width: 270px;}
  #section1 .m1_txt img:last-of-type {width: 30px; height: 30px;}
  #section1 .m1_txt h4 {line-height: 80px;}
  #section1 .swiper-slide3 .m1_txt {height: 62vh; gap: 20px;}
  #section1 .swiper-slide3 .m1_txt h3:first-of-type {top: 15vh;}
  #section1 .swiper-slide3 .m1_txt h3:last-of-type {top: 8vh;}
  #section1 .swiper-slide3 .m1_txt .m1_txtImgWrap {top: 0; left: -20vw;}
  #section1 .swiper-slide3 .m1_txt h4 {line-height: 50px;}
  #section1 .swiper-slide3 .m1_txt .MTI3 img:last-of-type { top: 70px; left: 28.4vw; }
  #section2 .m2_txt {padding: 150px 350px;}
  /* sub_1_1 */
  .sub_1_1 .s11 { width: 65%; flex-wrap: wrap;}
  .sub_1_1 .s11 .s112 { padding: 30px 13%; text-align: left;}
  /* .sub_1_1 .s12::before {display: none;} */
  .sub_1_1 .s12 .cn12:not(:first-child) {margin-top: 22vh;}
}

@media screen and (max-width: 1400px) {
  html, body{font-size: 15px;}
  .nav_sub::after {top: -18px;}
  .lang_menu li:first-child {margin-top: 2px;}
  /* main */
  #section1 .ImgWrap img {width: 65%;}
  .main_control {transform: translateX(-47.5%); bottom: 11.3%;}
  #section1 .swiper-slide3 .m1_txt .MTI3 img:last-of-type {left: 26.4vw;}
  #section2 .m2_txt {padding: 131px 215px;}
  #section2 .ImgWrap1 {bottom: 6vh; right: 1vw;}
  #section2 .ImgWrap2 { bottom: -114%; left: -40%;}
  #section3::after {right: -39%;}
  .m3 {height: 900px;}
  .m3 h2.BM {font-size: 4rem; padding: 90px 0;}
  .m3 h4.white {left: 12vw; top: 18vh; font-size: 1.2rem;}
  .m3 h2.BM {padding: 120px 0;}
  .m3 h2::before {top: 10px;}
  .m3 .ImgWrap {width: 65px; top: 39.4vh;}
  .m3 .tab-nav {top: -3%; left: -12%;}
  .m3 .m3H a {left: 3%;}
  .m4 .m4_txt {top: 180px; left: 12%;}
  .m4 .swiper-slide a {max-width: 600px;}
  .m4 .swiper-slide a::after {width: 540px; height: 540px; left: 30px;} 
  .m4 .swiper-slide .hoverWrap div p {line-height: 28px;}
  .m4 .swiper-slide .snow { width: 75px; height: 75px; left: 58.5vw;}
  .m4 .swiper-slide > div {max-width: 600px;}
  .m4 .swiper-slide .icon {width: 240px; left: 54.4vw; bottom: -7.6vh;}
  .m4 .swiper-slide > div::after {left: 58.4%;}
  .m4 .swiper2 .swiper-button-prev {left: 79%;}
  .m4 .swiper2 .swiper-button-next {right: 14%;}
  .m6 .txtWrap {padding-left: 60px;}
  /* sub */
  .sub_1_1 .s12 .cn12 div span::after {left: 65px; transform: translate(0);}
  .subtop .s112 img:nth-of-type(2), .sub_1_1 .c1 .c112 img:nth-of-type(2), .sub_2_1 .c1 .c112 img:nth-of-type(2) {width: 240px; height: 240px; bottom: -2px; right: 7px;}
  .subtop .s112 img:last-of-type, .sub_1_1 .c1 .c112 img:last-of-type, .sub_2_1 .c1 .c112 img:last-of-type {width: 80px; height: 80px; bottom: 50px; right: 140px;}


  /* 231130 */
  /* main */
  .scroll_wrap {left: 50%; transform: translateX(-50%);}
  #section1 .m1_txt h3 {font-size: 3.5rem; margin-bottom: 0; line-height: 85px;}
  #section2 .m2_txt {padding: 120px 200px;}
  #section2 .m2_txt h4 {margin-top: 50px;}
  .m3 h4.white {left: 15vw;}
  #section1 .swiper-slide3 .m1_txt h3:last-of-type {line-height: normal; margin-bottom: 25px;}
  #section2 .ImgWrap1 {right: 7vw;}
  .m3 .tab-container {padding-right: 5%;}
  .m3 h2.BM {padding: 90px 0;}
  .m5 .cont .box2 {flex: 1 1 51%;}

  /* sub1_1 */
  .TopWrap {top: 400px;}
  .sub_1_1 .c1 {height: 116vh;}
  .sub_1_1 .c1 .subCont {height: 100%; padding: 180px 100px 100px;}
  .sub_1_1 .c1 .scroll_box {left: 0;}
  .sub_1_1 .s11 {padding: 150px 10% 200px 0; flex-wrap: nowrap; width: 100%; align-items: flex-end;}
  .sub_1_1 .s11 .s111 img {width: 100%;}
  .sub_1_1 .s11 .s112 {padding: 0 ; width: 40%; text-align: right;}
  .sub_1_1 .s12 .cn12 div span {left: -3vw;}
  .sub_1_1 .s12 .s12_cont .s123 div p.f20 br:nth-child(3) {display: none;}
  .sub_1_1 .s12 .s12_cont {display: flex; flex-direction: column; gap: 150px;}
  .sub_1_1 .s12 .cn12 div:first-of-type {top: auto; margin-top: 300px;}
  .sub_1_1 .s12 .s121 {margin-top: 50px; }
  .sub_1_1 .s12 .cn12:not(:first-child) {margin: 0;}
  .sub_1_1 .s12 .cn12 div:last-of-type {top: auto;}

  /* sub1_2 */
  .sub_1_2 .Contents1 .control {bottom: -52vh;}

  /* sub3 */
  .sub_3 .inner2 .tab-content #mapster_wrap_0, .sub_3 .inner2 .tab-content #mapster_wrap_1 {left: 25%;}
  .sub_3 .inner2 .ArrowWrap::before {left: 163px;}
}

@media screen and (max-width: 1350px) {
  /* main */
  #section2 .ImgWrap1 {display: none;}
  .m3 h2.BM {padding: 120px 0 40px;}
  .m3 h2::before {top: 0;}
  .m4 .m4_txt {top: 200px; left: 10.5%;}
  .m4 .swiper-slide a {max-width: 550px;}
  .m4 .swiper-slide .icon { left: 55.2vw; bottom: -9.5vh; width: 200px; }
  .m4 .swiper-slide a::after {width: 495px; height: 495px; left: 28px;}
  .m4 .swiper-slide > div::after {left: 58.7%;}
  .m6 .txtWrap ul li {width: 15vw;}
  .m6 .txtWrap > div:first-of-type {width: 750px; justify-content: space-between;}
  .m6 .txtWrap {padding-left: 150px;}
  #top_btn {right: 5vw;}
  .f_iconWrap {display: none;}
  /* sub_1_1 */
  .c1 p.inner3 {width: 4.5%;}
}

@media screen and (max-width: 1260px) {
  .f_Wrap .f_Right {display: none;}
  /* sub */
  .sub_1_3 .Text_Box h2 {font-size: 3rem;}
}

@media screen and (max-width: 1200px) {
  html, body{font-size: 14px;}
  #wrap {overflow: hidden;}
  .inner3 {width: 90%;}
  .control_inner {gap: 15px;}
  .main_control .control_inner .ms1_pag {margin-top: 18px;}
  .main_control .control_inner .ms1_pag .swiper-pagination-bullet-active::after { top: 7px; width: 60px;}
  /* main */
  #section1 .ImgWrap img {width: 85%;}
  #section1 .ImgWrap .Simg3 {width: 100%;}
  #section1 .m1_txt .m1_txtImgWrap {left: -70px;}
  #section1 .m1_txt h3:first-of-type {left: -76px;}
  #section1 .m1_txt h3:last-of-type {left: 79px;}
  #section1 .swiper-slide3 .m1_txt h3 {left: 76px;}
  #section1 .swiper-slide3 .m1_txt h3 {left: 200px;}
  #section1 .swiper-slide3 .m1_txt .m1_txtImgWrap {top: -15px; left: 140px;}
  #section1 .m1_txt h4 {white-space: nowrap; line-height: 95px;}
  #section2 .ImgWrap2 {display: none;}
  .m3 .tab-container {height: 82vh;}
  .m3 .tab-nav {top: -150px;}
  .m3 h2.BM {padding: 140px 0 40px;}
  .m3 h2::before {top: 20px;}
  .m3 h4.white {left: 26vw; top: 18vh;}
  .m4 .m4_txt {top: 250px; left: 12.5%;}
  .m4 .swiper-slide a::after { width: 406px; height: 405px; left: 22px;}
  .m4 .swiper-slide .icon {left: 55.3vw; bottom: -12.3vh; width: 150px;}
  .m4 .swiper-slide .snow {left: 57vw; bottom: -3.8vh; width: 50px; height: 50px;}
  .m4 .swiper-slide .hoverWrap img {width: 80px;}
  .m4 .swiper-slide .hoverWrap p.Bd {font-size: 1.7rem;}
  .m4 .swiper-slide > div {max-width: 450px;}
  .m4 .swiper-slide > div::after {left: 59.7%; bottom: 3px;}
  .m4 .swiper2 .swiper-button-prev {left: 83%;}
  .m4 .swiper2 .swiper-button-next {right: 9%;}
  .m4 .swiper-slide .hoverWrap div::after {right: -1px;}
  .m5 .cont .box1 h3 {line-height: 85px;}
  .m6 .txtWrap p {white-space: nowrap;}
  .f_Right .f_nav {display: none;}
  #top_btn { top: 14.5vh; right: 25vw; }
  /* sub_1_1 */
  .subtop .s112 img:nth-of-type(2), .sub_1_1 .c1 .c112 img:nth-of-type(2), .sub_2_1 .c1 .c112 img:nth-of-type(2) { width: 40%; height: 40%; bottom: 0.5vh; right: 2.5vw;}
  .subtop .s112 img:last-of-type, .sub_1_1 .c1 .c112 img:last-of-type, .sub_2_1 .c1 .c112 img:last-of-type { width: 15%; height: 15%; bottom: 4vh; right: 12vw;}
  .sub_1_3 .tab-content .ImgWrap img {min-width: 487px;}
  .sub_2_1 .s212 .tab-content .ImgWrap {width: 38.4vw;}
  .sub_2_1 .s212 #tab4 .ImgWrap {width: 43vw; left: 57%;}
  .sub_2_1 .s212 #tab5 .ImgWrap1 {transform: translate(0); right: 5vw;}
  .sub_2_1 .s212 #tab5 .ImgWrap2 {width: 48vw;}
  .sub_2_1 .s213 .s213Cont img {right: 19.5%; transform: translate(0);}
  .sub_2_2 .pWrap, .sub_2_3 .pWrap { height: 95vh; }


  /* 231130 */
  /* main */
  .Side_navBox li {width: 90px; height: 90px;}
  #section2 .m2_txt {padding: 120px 150px;}
  #section2 .ImgWrap1 {display: block; right: 22vw;}
  .m3 .tab-container {padding-right: 8%; height: 85vh;}
  .m3 .m3H {width: 450px;}
  .m3 h4.white {left: 5vw;}
  .m4 .m4_txt {top: 150px;}
  .m5 .cont .box2 {flex: 1 1 54%;}
  #section6 {background-position-x: right;}
  .m6 .txtWrap {padding-left: 100px; padding-top: 180px;}
  .m6 .ImgWrap1 {right: -48vw;}
  .m6 .txtWrap > div:first-of-type {width: auto; flex-direction: column; gap: 2vw;}
  .m6 .txtWrap h2 {margin-bottom: 30px;}
  #top_btn {right: 5%;}

  /* sub1_1 */
  .TopWrap {top: 380px;}
  .sub_1_1 .c1 p.inner3 {width: 6%;}
  .sub_1_1 .c1 .scroll_box {left: -1%;}
  .c1 .c111 > div {padding-left: 0;}
  .sub_1_1 .c1 .c112 img:first-of-type {width: 90%;}
  .sub_1_1 .subtop .s112 img:nth-of-type(2), .sub_1_1 .c1 .c112 img:nth-of-type(2) {right: -6vw;}
  .sub_1_1 .subtop .s112 img:last-of-type, .sub_1_1 .c1 .c112 img:last-of-type{right: 2vw;}
  .sub_1_1 .s11 .s111 {width: 60%; flex: none;}
  .sub_1_1 .s11 .s112 {width: 50%; flex: none;}
  .sub_1_1 .s11 .s112 h4.f36 {margin: 10px 0 20px;}
  .sub_1_1 .s12 .white p.BM.f81 {line-height: 75px;}
  .sub_1_1 .s12 .s12_cont {gap: 100px;}
  .sub_1_1 .s12 .cn12 div:first-of-type {margin-top: 350px;}

  /* sub1_3 */
  .sub_1_3 .ContentsWrap {gap: 80px;}
  .sub_1_3 .Text_Box h2 {margin-top: 40px;}

  /* sub2_1 */
  .p1 .p1Cont .ImgWrap {width: 45%;}
  .p1 .p1Cont p.BM,
  .p2 .txtWrap p.BM {font-size: 3rem; line-height: 60px;}
  .p2 .p2Cont ul li:first-child {width: 55%;}
  .p2 .p2Cont ul li:not(:first-child) {width: 200px;}
  .sub_2_1 .c1 .c112 img:nth-of-type(2) {right: -1.5vw;}
  .sub_2_1 .c1 .c112 img:last-of-type {right: 8vw;}

  /* sub3 */
  .sub_3 .inner2 .tab-content #mapster_wrap_0, .sub_3 .inner2 .tab-content #mapster_wrap_1 {left: 5%;}
  .sub_3 .inner2 .ArrowWrap::before {left: 158px;}
}

@media screen and (max-width: 1150px) {
  /* main */
  .fp-enabled .Side_navBox {display: none;}
  #section1 .ImgWrap {padding-left: 50px; justify-content: flex-start;}
  #section1 .ImgWrap .Simg3 {left: 10%;}
  #section1 .m1_txt h3:first-of-type {font-size: 3rem; left: -69px;}
  #section1 .m1_txt h3:last-of-type {font-size: 3rem; left: 56px;}
  #section1 .swiper-slide3 .m1_txt h3 {left: 250px;}
  #section1 .m1_txt .m1_txtImgWrap {left: -47.5px;}
  #section1 .m1_txt h4 {line-height: 85px; font-size: 1.5rem;}
  .main_control {transform: translateX(-75%); bottom: 0%;}
  #section2 .ImgWrap2 {display: none;}
  #section2 .m2_txt {padding: 125px 100px;}
  #section2 .ImgWrap1 img {display: none;}
  #section3::after {display: none;}
  .m4 .m4_txt {top: 250px; left: 8.5%;}
  .m5 .cont .box3 {gap: 30px; justify-content: space-between;}
  .mode-rl {font-size: 1.2rem;}
  .m6 .ImgWrap2 {display: none;}
  .m6 .txtWrap > div:first-of-type {width: 795px;}
}

@media screen and (max-width: 1024px) {
  .f36 { font-size: 1.7rem; }
  .f74 {font-size: 3rem;}
  /* site Map */
  .siteMap {display: block; padding: 0 5%;}
  .siteMap .inner2 {max-width: 100%; width: 100%;}
  .siteMap h1 {color: #fff !important;top: 1.5vh;padding: 0 5%;}
  .m_nav {text-align: left;flex-wrap: wrap;gap: 10px;margin: 0;width: 100%;}
  .m_nav > li {width: 100%;padding: 0;border: 0;}
  .mob_sub {margin-top: 0;display: none;background: #beefff;color: #000;padding: 12px 3%;}
  .mob_sub > li > a {padding: 14px 0;font-size: 1rem;}
  .m_nav .nav_tit span {text-align: end;width: 18px;height: 18px;position: absolute;right: 5%;top: 50%;transform: translate(0, -50%);}
  .m_nav .nav_tit span::before {content: "";width: 100%; height: 2px; background: #fff;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
  .m_nav .nav_tit span::after {content: "";width: 100%; height: 2px; background: #fff;position: absolute;left: 0;top: 50%;transform: translateY(-50%) rotate(90deg) !important;transition: all 0.4s;}
  .m_nav > li.on .nav_tit span::after {transform: translateY(-50%) rotate(0deg) !important;}
  .scroll_wrap {bottom: 8%; left:6%;}
  #header .inner3 > div.h_logo img.logo1 {display: none;}
  .c1 {height: auto;}
  .sub_2_2 .s22 .content {flex-wrap: wrap; flex-direction: row; gap: 20px; justify-content: space-between;}
  .sub_2_2 .s22 .content * { width: 48%; margin-left: 0;}

  /* main */
  #section1 .ImgWrap img{width: 90%;}
  #section1 .swiper-slide3 .m1_txt {height: 45vh;}
  #section1 .swiper-slide3 .m1_txt h3:first-of-type {top: 19.5vh; left: -10vw;}
  #section1 .swiper-slide3 .m1_txt h3:last-of-type {top: 15vh; left: -10vw;}
  #section1 .m1_txt {height: 55vh;}
  #section1 .m1_txt .MTI {left: -11.6vw; top: -4.5vh;}
  #section1 .swiper-slide3 .m1_txt .MTI3 {top: 7vh; left: -10vw;}
  #section1 .swiper-slide3 .m1_txt .MTI3 img:last-of-type {left: 20vw;}
  #section5, #section6 {height: auto !important;}
  .m3 {height: 750px;}
  .m3 h4.white {display: none;}
  .m3 h2.BM {padding: 160px 0 30px; font-size: 3rem;}
  .m3 h2::before {top: 40px;}
  .m3 .tab-nav a {padding: 10px 20px; font-size: 2.5rem;}
  .m3 p.BM {font-size: 1.2rem;}
  .m3 p {font-size: 1rem;}
  .mode-rl {font-size: 1rem;}
  .m4 .m4_txt {left: 10%; top: 14.5%; transform: translate(0, 0);}
  .m4 .m4_txt h2 {line-height: 70px; font-size: 4rem;}
  .m4 .swiper-slide .icon {bottom: -15.6vh; transform: translate(0, 0);}
  .m4 .swiper-slide .snow {bottom: -4.8vh; transform: translate(0, 0);}
  .m4 .swiper-slide .hoverWrap div img:last-child {right: 20px;}
  .m4 .swiper2 .swiper-button-prev {left: 78%;}
  .m4 .swiper-slide > div::after {left: 61.9%;}
  .m5 {height: 50vh;}
  .m6 {height: 70vh;}
  .m6 .ImgWrap1 {width: 40%; top: 37%; right: -48.5vw;}
  .m6 .txtWrap > div {flex-direction: column;}
  .m6 .txtWrap ul li {width: 24.5vw;}
  .f_Wrap > div {flex-direction: column; align-items: flex-start;}
  .f_Wrap .f_Left {gap: 0; padding: 30px 0;}
  .f_Wrap .f_Right {justify-content: center;}
  /* sub */
  .subtop .s112 img:nth-of-type(2), .sub_1_1 .c1 .c112 img:nth-of-type(2), .sub_2_1 .c1 .c112 img:nth-of-type(2) {bottom: .2vh;}
  .subtop .s112 img:last-of-type, .sub_1_1 .c1 .c112 img:last-of-type, .sub_2_1 .c1 .c112 img:last-of-type { bottom: 2.5vh; right: 11vw;}
  .S13 {gap: 50px;}
  .subT {height: 25vh;}
  .subT .TopWrap {top: 250px;}
  .sub_1_1 { height: 4550px; }
  .sub_1_2 .Contents1 .swiper-button-prev, .sub_1_2 .Contents1 .swiper-button-next { transform: translateY(-51vh); }
  .sub_1_2 .swiper-slide-prev {overflow: hidden;}
  .sub_1_2 .ImgWrap {overflow: hidden;}
  .sub_1_2 .ImgWrap img {width: 100%;}
  .sub_1_2 .s121 .swiper-slide-active {max-width: 25%;}
  .sub_1_2 .s121 .swiper-slide-next {margin-left: 0;}
  .p1 .p1Cont .ImgWrap {width: 620px;}
  .p2 .p2Cont ul {width: 90%;}
  .sub_2_1 .c1 .subCont {height: auto; padding: 150px 0;}
  .sub_2_1 .s212 .tab-content .tabTxt {padding-left: 300px;}
  .sub_2_1 .s212 .tab-content .tabTxt .tableWrap {width: 75%;}
  .sub_2_1 .s212 #tab4 .ImgWrap {width: 466px; top: 30vh; left: 57.8%;}


  /* 231130 */
  /* main */
  .main_control {transform: translateX(-70%); bottom: 5%;}
  .m5 .cont .box2 img {height: 100%;}
  .m6 .txtWrap {padding-top: 120px;}

  /* sub1_1 */
  .sub_1_1 .c1 .scroll_box {left: -1.5%;}
  .sub_1_1 .c1 .c111 h4 {line-height: 35px;}
  .sub_1_1 .s11 {gap: 50px; padding: 150px 5% 200px 0;}
  .sub_1_1 .s12 .cn12 div h3.f36 {margin: 15px 0 20px;}
  .sub_1_1 .s12 .cn12 div span {left: -4vw;}
  .S13 {justify-content: flex-start;}
  
  /* sub1_3 */
  .sub_1_3 {padding: 0 5%;}
  .sub_1_3 .ContentsWrap .TabImg_Wrap {width: 45%;}
  .sub_1_3 .ContentsWrap {gap: 50px; margin: 200px 0 300px;}
  .sub_1_3 .tab-content .ImgWrap img {min-width: auto;}
  .sub_1_3 .inner2 {width: 100%;}
  .sub_1_3 .tableWrap table th {min-width: 55px;}
  .sub_1_3 .tableWrap table td img {width: 20px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(1) {left: 100px; top: 110px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(2) {left:36px; top: 170px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(3) {left: 250px; top: 120px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(4) {left: 115px; top: 190px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(5) {left: 180px; top: 240px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(6) {left: 65px; top: 295px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(7) {left: 145px; top: 300px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(8) {left: 300px; top: 300px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(9) {left: 110px; top: 410px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(10) {left: 260px; top: 385px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(11) {left: 350px; top: 415px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(12) {left: 50px; top: 485px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(13) {left: 125px; top: 505px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(14) {left: 220px; top: 465px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(15) {left: 340px; top: 500px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(16) {left: 35px; top: 675px;}

  /* sub2_1 */
  .p1 .p1Cont .ImgWrap {width: 40%;}
  .p1 .p1Cont p.CR {margin-top: 40px;}
  .p1 .p1Cont p.BM, .p2 .txtWrap p.BM {font-size: 2.5rem; line-height: 50px;}
  .p2 .p2Cont ul li:first-child {width: 45%;}
  .sub_2_1 .s212 .title {padding: 50px 0 30px; }
  .sub_2_1 .s212 .tab-nav {display: flex; gap: 20px; align-items: flex-end;}
  .sub_2_1 .s212 #tab2 .ImgWrap {width: 55%; left: 60%;}

  /* sub2_3 */
  .sub_2_3 .tab-content img:first-child {top: -55vh;}

  /* sub3 */
  .sub_3 .Contents1 {height: auto;}
  .sub_3 .inner2 .tab-content #mapster_wrap_0, .sub_3 .inner2 .tab-content #mapster_wrap_1 {left: -5%;}
  .sub_3 .inner2 .tab-content {position: static !important;}
  .sub_3 .inner2 .tab-content.active {position: static;}
  .sub_3 .Contents1 .Header_Tab {padding: 0; width: 80%; top: 20%; position: absolute; z-index: 99;}
  .sub_3 .Contents2 .Contents2Wrap {margin-top: 0;}
  .sub_3 .Contents2 .Contents2Wrap .ImgBox {width: 90%;}
  #subtop3 .s111 {justify-content: flex-end; width: 45%; flex: none;}
  #subtop3 .s112 {width: 60%; flex: none; text-align: left;}
  #subtop3 .s112 img:nth-of-type(2) {right: 9.5vw;}
  #subtop3 .s112 img:nth-of-type(3) {right: 19vw;}

  .map_img {max-width: 966px; width: 50.31vw; max-height: 622px; height: 32.4vw;}
  .map_img > img {width: 100%; height: 100%;}

  /* sub4_4 */
  .sub_4_4 .inner .MapWrap {width: 90%; margin: 0 auto;}
  .sub_4_4 h4.f24 {padding-left: 7vw;}
  
  /* sub4_5 */
  .sub_4_5 .InstaWrap ul li {width: 269px; height: 269px;}
}

@media screen and (max-width: 840px) {
  .f81 {font-size: 3rem;}
  .lang {display: none;}
  .main_nav {display: none;}
  /* main */
  .m4 .m4_txt { top: 23%; left: 11.6%;}
  .m4 .swiper-slide a::after {width: 315px; height: 315px; left: 18px;}
  .m4 .swiper-slide > div::after {left: 63.9%;}
  .m4 .m4_txt h2 {font-size: 3rem; line-height: 60px;}
  .m4 .swiper-slide > div {max-width: 350px;}  
  .m5 .cont .box1 h3 {font-size: 4rem; line-height: 55px;}
  .mode-rl {font-size: 0.8rem;}
  .m6 .txtWrap h2 {font-size: 4rem;}
  .f_Left .f_info li p {white-space: nowrap; }
  #header:hover { height: 0px; }
  /* sub */
  .subtop .s112 img:nth-of-type(2), .sub_1_1 .c1 .c112 img:nth-of-type(2), .sub_2_1 .c1 .c112 img:nth-of-type(2) {right: -1.5vw;}
  .subtop .s112 img:last-of-type, .sub_1_1 .c1 .c112 img:last-of-type, .sub_2_1 .c1 .c112 img:last-of-type {right: 9vw;}
  .sub_2_1 .s212 .title .CW div {flex: 1 1 22%;}
  .sub_2_1 .s212 .tab-content > div:first-of-type {top: -31vh; right: 7vw;}
  .sub_2_1 .s212 #tab2 > div:first-of-type, .sub_2_1 .s212 #tab3 > div:first-of-type, .sub_2_1 .s212 #tab4 > div:first-of-type, .sub_2_1 .s212 #tab5 > div:first-of-type {top: -31vh;}
  .sub_2_1 .s212 .tab-content .tabTxt {padding-left: 0;}
  .sub_2_1 .s212 .tab-content .ImgWrap {position: unset; transform: translate(0); margin-top: 50px;}
  .sub_2_1 .s212 #tab2 .ImgWrap {width: 58.5vw;}
  .sub_2_1 .s212 #tab3 .ImgWrap {width: 59.5vw;}
  .sub_2_1 .s212 #tab4 .ImgWrap {width: 75%;}
  .sub_2_1 .s212 #tab5 .ImgWrap1 {width: 20vw; right: 10vw;}
  .sub_2_1 .s212 #tab5 .ImgWrap2 {width: 60vw;}  
  .sub_2_2 .s22 .ImgWrap img {top: 0;}
  .sub_2_3 .tab-content img:first-child {top: -50vh;}
  .sub_2_3 .tab-nav li { width: 150px; height: 50px; }
  .sub_2_3 .tab-nav li a {font-size: 1rem;}


  /* 231130 */
  /* header */
  #header .inner3 {display: flex; justify-content: space-between; align-items: center;}
  #header .inner3 > div.h_nav {display: none;}
  #header .inner3 > div.h_btn {top:0; width: auto; z-index: 999;} 
  .hamburger {position: static;}
  .siteMap .inner2 > p {font-size: 50px;}

  /* main */
  .control_inner {width: 90vw;}
  #section2 .m2_txt h3:first-of-type::before {font-size: 3rem; top:-30px; left: -20px;}
  #section2 .m2_txt h3:first-of-type {font-size: 3rem;}
  #section2 .m2_txt h3:last-of-type {font-size: 2.5rem; line-height: 40px;}
  #section2 .m2_txt h4 {margin: 30px 0;}
  #section2 .m2_txt h5, #section2 .m2_txt p {font-size: 1.1rem;}
  #section2 .m2_txt {padding: 125px 80px;}
  #section2 .Wrap img {height: 100vh;}
  #section6 {background-position-x: -410px !important;}
  .m6 .txtWrap {padding: 200px 0 0 5%;}
  .m6 .ImgWrap1 {top: 40%; right: -21.5vw;}
  .m3 h2.BM {padding-top: 140px;}
  .m3 .m3H {width: 400px;}
  .m6 .txtWrap h2 {font-size: 3.5rem; line-height: 55px;}
  .f_copy p {margin-left: 5%;}

  /* sub1_1 */
  .subT .TopWrap {top:230px;}
  .sub_1_1 {background-position-y: 690px; height: 4000px;}
  .sub_1_1 .c1 {height: 90vh;}
  .sub_1_1 .c1 .subCont {padding: 180px 100px;}
  .sub_1_1 .c1 .c111 .txtWrap p {font-size: 2.5rem;}
  .c1 .c111 h4 {font-size: 1.5rem;}
  .c1 .subCont {gap: 30px;}
  .sub_1_1 .s11 {padding: 50px 5% 100px 0; flex-direction: column; align-items: flex-start; padding-bottom: 50px;}
  .sub_1_1 .s11 .s111 {width: 80%;}
  .sub_1_1 .s11 .s112 {width: 100%; text-align: left; padding-left: 5%;}
  .sub_1_1 .s11 .s112 h4.f36 br {display: none;}
  .sub_1_1 .s12 {padding: 0 5%;}
  .sub_1_1 .s12::before {width: 200%;}
  .sub_1_1 .s12 .white p.BM.f81 {line-height: 55px; padding: 30px 0;}
  .sub_1_1 .s12 .txtW {padding: 0;}
  .sub_1_1 .s12 .cn12 div span {left: -5vw; font-size: 2.5rem;}
  .S13 {flex-direction: column; align-items: center; text-align: center; gap: 130px;}
  .sub_1_1 .s12 .cn12 div span {left: -5vw; transform: translate(0);}
  .sub_1_1 .s12 .s12_cont {padding:0;}
  .subtop .s112 img:last-of-type, .sub_1_1 .c1 .c112 img:last-of-type, .sub_2_1 .c1 .c112 img:last-of-type {right: 5vw;}

  /* SUB1_2 */
  .sub_1_2 .Contents1 {padding: 0}
  .sub_1_2 .Contents1 p {margin-left: 0;}
  .sub_1_2 .Contents1 h3 {margin: 40px 0 75px;}

  /* sub1_3 */
  .sub_1_3 .TabImg_Wrap .tab-nav {height: 230px;}
  .sub_1_3 .Text_Box h2 {margin: 25px 0 50px;}
  .sub_1_3 .tabletxt {width: 43%;}
  .sub_1_3 .tab-content .ImgWrap ul li {width: 40px; height: 40px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(1) {left: 90px; top: 90px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(2) {left: 25px; top: 130px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(3) {left: 200px; top: 95px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(4) {left: 95px; top: 155px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(5) {left: 140px; top: 200px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(6) {left: 50px; top: 250px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(7) {left: 115px; top: 250px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(8) {left: 230px; top: 250px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(9) {left: 90px; top: 340px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(10) {left: 210px; top: 310px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(11) {left: 290px; top: 340px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(12) {left: 35px; top: 400px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(13) {left: 100px; top: 415px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(14) {left: 190px; top: 385px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(15) {left: 280px; top: 410px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(16) {left: 25px; top: 550px;}

  /* sub2_1 */
  .sub_2_1 .c1 .c111 .txtWrap .f74 {font-size: 2.5rem;}
  .sub_2_1 .c1 .c111 h4 {line-height: 35px;}
  .sub_2_1 .p1 .p1Cont p.BM, .p2 .txtWrap p.BM {font-size: 2rem; line-height: 40px;}
  .p2 .p2Cont ul li:first-child p {font-size: 1.3rem; line-height: 25px;}
  .sub_2_1 .s212 .tab-nav {align-items: flex-start;}
  .sub_2_1 .s212 #tab1 .ImgWrap,
  .sub_2_1 .s212 #tab2 .ImgWrap,
  .sub_2_1 .s212 #tab3 .ImgWrap,
  .sub_2_1 .s212 #tab4 .ImgWrap,
  .sub_2_1 .s212 #tab5 .ImgWrap {width: 90%; margin: 50px auto 0;}

  /* sub2_3 */
  .sub_2_3 .s231 h3 {font-size: 2.5rem; line-height: 50px; top: 0;}
  .sub_2_3 .tab-content .JM {font-size: 1.4rem;}
  .sub_2_3 .tab-nav li a img {width: 40px; margin-top: -3px;}
  
  /* sub3 */
  #subtop3, .subtop .subCont {height: auto;}
  .sub_3 .intro {height: 400px;}
  .sub_3 .Contents1 .Header_Tab {top: 21.5%;}

  /* .sub_3 #cowImg {width: 50%; height: 50%;} */

  .sub_3 .Contents2 .Contents2Wrap {margin-top: 50px;}
  .sub_3 .Contents2 .Contents2Wrap .ImgBox {padding: 0;}
  .sub_3 .Contents2 .Contents2Wrap .ImgBox .ImgWrap {height: 370px;}
  .sub_3 .Contents2 .Contents2Wrap .ImgBox .ImgWrap img {width: 90%;}
  .sub_3 .Contents2 .Contents2Wrap .ImgBox .txtWrap {padding: 0 50px;}

  /* sub4_2 */
  #form_txt {font-size: 1rem !important;}
  #form_txt p {margin-top: 15px !important;}

  /* sub4_4 */
  .sub4E .title h3 {font-size: 2.5rem;}
  .sub4E .title p {margin-bottom: 0;}
  .sub_4_4 .title span {font-size: 1.2rem; line-height: 30px;}
  .sub_4_4 .inner .MapWrap iframe {height: 400px !important;}
  .sub_4_4 h4.f24 {font-size: 1.3rem;}

  /* sub4_5 */
  .sub_4_5 .InstaWrap ul li {width: 220px; height: 220px;}

  /* 새소식 */
  .bo_cate_sel {display: none;}
  .bo_sch {margin-left: 0;}
  #bo_v_info .profile_info .profile_info_ct {display: flex; flex-wrap: wrap;}
}

@media screen and (max-width: 820px) {
  .hamburger {right: -11vw;}
  .subT .TopWrap {top: 30vh;}
  #section1 .swiper-slide3 .m1_txt h4 {top: 10px; left: 55px;}
  #section1 .swiper-slide3 .m1_txt .MTI3 img:last-of-type { top: 5.5vh; left: 1vw;}
  #section1 .swiper-slide3 .m1_txt h3 br {display: none;}
  #section1 .m1_txt .MTI h4{bottom: 6vh; right: 0;}
  #section2 .m2_txt {padding: 161px 100px;}
  .m3 {background-position-x: -173px !important;}
  .m4 .swiper2 .swiper-button-prev,
  .m4 .swiper2 .swiper-button-next {top: 90%;}
  /* sub */
  .Gray_bg {height: 2080px;}
  .sub_1_1 {background-position-y: 0;}
  .sub_1_1 .c1 {height: auto;}
  .sub_1_1 .c1 .c112 img:first-of-type {width: 100%;}
  .sub_1_2 .s121 .swiper-slide-active h2 {font-size: 60px;}
  .sub_1_1 .s12 .cn12 div span {left: -5vw;}
  .sub_2_1 .s213 .ImgWrap:first-child {margin-bottom: 0;}
  .txtHeader {line-height: 55px; font-size: 3rem;}
  .sub_2_1 .s213 .s213Cont {margin-top: 40px;}
  .sub_2_1 .s213 .s213Cont img {right: 10vw;}
  .sub_2_1 .s213 .ImgWrap:last-child img {margin: 100px 0; width: 80%;}
}

@media screen and (max-width: 768px) {
  .f36 {font-size: 1.5rem;}
  .m6 .txtWrap {padding-top: 70px;}
  /* sub_1_1 */
  .sub_1_1 .s12 .cn12 div span {left: -5vw; font-size: 3rem;}
  /* sub_1_2 */
  .inner4 {max-width: 640px;}
  .sub_2_2 .panel .CW, .sub_2_3 .panel .CW { gap: 30px; }


  /* 231130 */
  /* main */
  #section1 .ImgWrap img {width: 100%;}
  .main_control {transform: translateX(-50%);}
  .control_inner {width: 100%; justify-content: center;}
  #section2 .m2_txt {padding: 160px 80px;}
  .m3 {background-position-x: -230px !important;}
  .m3 .tab-container {padding-right: 0;}
  .m3 .tab-nav {left: 0; top: -175px;}
  .m4 .swiper-wrapper {text-align: right;}
  .m5 .cont {padding: 7% 0;}
  .m6 .txtWrap {padding-top: 180px;}
  .m6 .ImgWrap1 {right: -27vw; top:41%;}

  /* sub1_1 */
  .TopWrap .white.CR, .TopWrap .CR {margin-bottom: 15px;}
  .subtop_ul {margin: 0;}
  .sub_1_1 .s12 .cn12 div p.f20 {letter-spacing: -1px;}

  /* sub1_3 */
  .sub_1_3 .tab-content .ImgWrap img {width: 340px;}

  /* sub2_3 */
  .sub_2_3 .tab-content .JM {font-size: 1.3rem;}

  /* sub4_2 */
  .container {padding: 0 !important;}
  .f_cont_email,
  .f_cont_num,
  .f_cont {margin-bottom: 0 !important;}
  #form_content_1 {width: 96.5% !important;}

  /* sub4_5 */
  .sub_4_5 .InstaWrap ul li {width: 200px; height: 200px;}

  /* 새소식 */
  .bo_cate_sel {display: none;}
  .bo_sch {margin-left: 0; margin-top: -400px;}
}

@media screen and (max-width: 640px) {
  #section1 .ImgWrap img {width: 300px;}
  #section1 .m1_txt h3:first-of-type {font-size: 2rem; left: -33px; top: 15vh;}
  #section1 .swiper-slide3 .m1_txt h3:first-child {top: 105px; left: 52px;}
  #section1 .swiper-slide3 .m1_txt h3:last-child {top: 44px; left: 52px;}
  #section1 .m1_txt h3:last-of-type {font-size: 2rem; left: 52px; top: 9vh;}
  #section1 .m1_txt {height: 48vh;}
  #section1 .swiper-slide3 .m1_txt {height: 40vh;}
  .main_control {left: 60%;}
  #section2 .m2_txt {padding: 125px 80px;}
  #section2 .m2_txt h3:first-of-type {font-size: 4rem;}
  #section2 .m2_txt h3:last-of-type {font-size: 3rem;}
  #section2 .m2_txt h4 {margin: 30px 0 30px;}
  #section2 .m2_txt p {padding-right: 20%;}
  .m3 .m3H {width: 390px;}
  .m4 .m4_txt {top: 35.2%; left: 6.4%;}
  .m4 .m4_txt h2 {font-size: 2.5rem; line-height: 40px;}
  .m4 .m4_txt h2::before { top: -20px; left: -25px;}
  .m5 .cont .box3 img {display: none;} 
  .m6 .ImgWrap1 {display: none;}
  .m6 .txtWrap ul {width: 260px;}
  .m6 .txtWrap ul li {width: 100%;}
  #top_btn {top: 7vh;}
  .ms1_playbox .swiper-button-pause, .ms1_playbox .swiper-button-play {top:0;}
  /* sub */
  .subtop_ul {margin-top: 0;}
  .sub_4_4 .tconT { padding: 150px 0 100px; flex-wrap: wrap; }
  .sub_4_4 .inner .MapWrap {height: 35vh;}
  .sub_4_4.sub4E .title h3 {font-size: 3rem; line-height: 60px;}
}

@media screen and (max-width: 460px) {
  #section2 .Wrap img {width: 225vw; height: 70%; bottom: 0;}
  #section2 .m2_txt {padding: 0; top: 270px; text-align: center; width: 100%;}
  #section2 .m2_txt p {padding-right: 0;}
  #section2 .Wrap .VideoWrap video {height: 40%;}
  .m3 {width: inherit;}
  .m4 { max-width: 90%; overflow: hidden;}
  .m4 .swiper-slide > div {top: 0; left: 0; max-width: 380px;}
  .m4 .swiper-slide-next {bottom: 0; display: none;}
  .m4 .m4_txt { top: 17%; }
  .m4 .swiper-slide .icon { width: 130px; bottom: -7vh; left: 67%; }
  .m4 .swiper-slide .snow { width: 40px; height: 40px; left: 65vw; bottom: 3.2vh; }
  .m4 .swiper-slide a::after { width: 343px; height: 342px; }
  .m4 .m4_txt { top: 2%; }
  .m5 .cont { flex-wrap: wrap; }
  .m5 .cont .box1 h3 { left: 0; }
  .m5 .cont .box1 { flex: 1 1 100%; overflow: hidden; display: flex; align-items: center; height: 250px; }
  .m5 .cont .box2 { flex: 1 1 100%; }
  .m5 .cont .box1 h3 { top: 200px; left: 0; }
  .m6 { height: 80vh; }
  .m6 .txtWrap { padding-left: 60px; }
  .mode-rl { writing-mode:unset; }
  .f_logo img { width: 20vw; }
  .f_Left .f_info h3 { margin: 10px 0; }
  .f_Left .f_info li:not(:first-child) { flex-wrap: wrap; }
  .f_Left .f_info li p:not(:last-child) { width: calc(100%/2); }
  .f_Left .f_info li:not(:first-child) { gap: 0; width: 70vw; }
  .f_Left .f_info li p { white-space: normal; }
  /* sub */
  .sub_1_1 .s11 { width: 100%; padding: 50px 0 50px; gap: 50px; }
  .sub_1_3 .tab-content .ImgWrap img {min-width: auto;}
  .sub_1_3 .tab-content .ImgWrap {max-width: 320px; margin: auto;}
  .sub_1_3 .tab-content .ImgWrap ul li {width: 40px; height: 40px; transform: translate(0);}
  .sub_1_3 .tab-content .ImgWrap ul li a {font-size: .9rem;}
  .sub_2_1 .s212 .title .CW { flex-wrap: wrap; }
  .sub_2_1 .s212 .title .CW div { flex: 1 1 100%; }
  .sub_2_1 .s212 .tab-nav { margin-top: 0; display: flex; justify-content: space-between; padding: 0 2%; }
  .sub_2_2 .panel .CW .txt-tit br {display: none;}
  .c1 .c112 {display: none;}
  .c1 .c111 > div {padding-left: 0;}
  .p1 .p1Cont .ImgWrap {width: 360px;}
  .p1 .p1Cont p.BM {font-size: 2rem; line-height: 40px;}
  .p2 .txtWrap p.BM { font-size: 3rem; line-height: 55px;}
  .p2 .p2Cont ul li:first-child p {font-size: 1rem; line-height: 25px;}
  .sub_2_1 .s212 .tab-content > div:first-of-type {display: none;}
  .subtop_ul {gap: 6vw;}
  .sub_2_1 .s212 .tab-nav {flex: 1;}
  .sub_2_1 .s212 .tab-content .tabTxt span.BM.white {font-size: .9rem; letter-spacing: -1px;}
  .sub_2_1 .s212 .tab-content .ImgWrap {width: 100% !important;}
  .sub_2_1 .s212 .tab-content .tabTxt .tableWrap {width: 100%;}
  .sub_2_1 .s212 #tab5 .ImgWrap1 {width: 25vw; right: 0;}
  .sub_2_1 .s212 #tab5 .ImgWrap2 {width: 100%; left: auto; transform: translate(0);}
  .sub_2_1 .s213 .ImgWrap:first-child {height: 200px;}
  .sub_2_1 .s213 .ImgWrap:first-child img {height: 20vh;}
  .sub_2_1 .s213 .ImgWrap:last-child img {width: 100%;}
  .sub_2_1 .s213 .s213Cont img {display: none;}


  /* 231130 */
  /* main */
  .section {height: auto !important;}
  .fp-tableCell {height: 100% !important;}
  .Side_navBox {z-index: 2 !important;}
  #section1 .swiper-slide {height: auto; flex-direction: column; padding: 20% 5%;}
  #section1 .ImgWrap {padding: 0; width: 100%;}
  #section1 .ImgWrap img {position: static !important; width: 100% !important; height: 100%; object-fit: cover;}
  #section1 .m1_txt {width: 100%; height: auto; justify-content: flex-start; gap: 0;}
  #section1 .m1_txt h3 {position: static; line-height: 40px;}
  #section1 .m1_txt .MTI {position: static; display: flex; flex-direction: column; align-items: flex-start; margin-top: 20px;}
  #section1 .m1_txt .MTI h4 {line-height: 35px; margin: 0;}
  #section1 .m1_txt img:last-of-type {top: 58px;}
  #section1 .swiper-slide3 .m1_txt .MTI3 img:last-of-type {top: 7.5vh;}
  .scroll_box {display: none;}
  .main_control {left: 50%;}
  #section1 .swiper-slide3 .m1_txt {height: auto; gap: 0;}
  #section1 .swiper-slide3 .m1_txt .MTI3 img:last-of-type {left: 37%;}
  #section1 .swiper-slide3 .m1_txt h3:last-of-type {margin: 0;}
  #section1 .swiper-slide3 .m1_txt .m1_txtImgWrap {gap: 0; position: static;}
  #section1 .m1_txt img:first-of-type {height: 130px;}
  #section2 .fp-tableCell {background-color: #000; padding: 10% 0;}
  #section2 .Wrap .VideoWrap {height: 35vh;}
  #section2 .Wrap .VideoWrap img {display: none;}
  #section2 .Wrap .VideoWrap video {height: 100%;}
  #section2 .m2_txt {position: static; padding-top: 5%;}
  #section2 .m2_txt h3:first-of-type {position: relative;}
  #section2 .m2_txt h3:first-of-type::before {top:-20%; left: 25%;}
  #section2 .ImgWrap1 {display: none;}
  .m3 {display: flex; flex-direction: column; align-items: flex-end; height: auto; position: relative;}
  .m3::before {content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #000; opacity: .5;}
  .m3 .tab-container {padding: 0 5% 0 0; height: 55vh;}
  .m3 .tab-nav {position: static; width: 100%; height: auto; padding-right: 5%;}
  .m3 h2.BM {padding-top: 90px;}
  .m3 .m3H {width: 340px; padding: 10px 10px 10px 0;}
  .m3 p.BM {font-size: 1rem; line-height: 25px;}
  .m3 h4:nth-of-type(2) {padding-top: 10px;}
  .m3 h2::before {top: -7px;}
  .m4 {padding: 10% 0;}
  .m4 .m4_txt {position: static; padding-left: 10%;}
  .m4 .m4_txt h2 {position: relative;}
  .m4 .m4_txt h2::before {top: -10%; left: -10%;}
  .m4 .m4_txt p {height: auto; font-size: 1rem; line-height: 25px;}
  .m4 .swiper2 {height: auto;}
  .m4 .swiper-slide a img {width: 100%;}
  .m4 .swiper-slide a::after {width: 100%; height: 100%; left: 0;}
  .m4 .swiper-slide .icon {bottom: -8vh;}
  .m4 .swiper2 .swiper-button-prev, .m4 .swiper2 .swiper-button-next {top: 32%;}
  .m4 .swiper2 .swiper-button-prev {left: 70%;}
  .m5 {height: auto;}
  .m5 .cont {padding: 10% 0;}
  .m5 .cont .box3 {align-items: flex-start;}
  .m5 .cont .box1 h3 {bottom: auto;}
  #section6 {background: #003778;}
  .m6 .txtWrap {padding: 0; width: auto; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 20px;}
  .m6 .txtWrap > div:first-of-type {width: auto;}
  .m6 .txtWrap ul li:last-child {margin: 0;}
  .m6 .txtWrap h2::after {top: -30px;}

  /* sub1_1 */
  .TopWrap .subtop_ul  {max-width: 100% !important;}
  .subtop_ul li {font-size: 0.8rem;}
  .sub_1_1 {height: 4800px; background-size: cover;}
  .sub_1_1 .c1 .subCont {padding: 200px 5% 100px; flex-direction: column-reverse; align-items: flex-start;}
  .sub_1_1 .c1 p.inner3 ,
  .sub_1_1 .c1 .scroll_box{display: none;}
  .c1 .c112 {display: block;}
  .sub_1_1 .s11 .s112 p.f20 {line-height: 25px;}
  .subtop .s112 img:last-of-type, .sub_1_1 .c1 .c112 img:last-of-type, .sub_2_1 .c1 .c112 img:last-of-type {right: 14vw;}
  .sub_1_1 .s11 .s111 {width: 90%;}
  .sub_1_1 .s12 {padding: 0;}
  .sub_1_1 .s12 .cn12 {flex-direction: column; align-items: flex-end;}
  .sub_1_1 .s12 .cn12 div:first-of-type {margin-top: 0;}
  .sub_1_1 .s12 .cn12 div {padding-left: 0 ; padding-right: 15%;}
  .sub_1_1 .s12 .cn12 div span {left: auto; right: -5%;}
  .sub_1_1 .s12 .cn12 div span::after {left: auto; right: 65px; top: 50%;}
  .sub_1_1 .s12 .cn12 div p.f20 {line-height: 25px;}
  .S13 {gap: 50px; margin-bottom: 20%;}
  .S13 .imgWrap {display: flex; flex-direction: column; gap: 20px; align-items: center; height: auto;}
  .S13 .imgWrap img {width: 70%;}
  .S13 .imgWrap img:first-child {margin: 0;}
  .Gray_bg {height: 2430px;}

  /* sub1_2 */
  .sub_1_2 .s121 {margin-bottom: 100px;}
  .sub_1_2 .Contents1 h3 {font-size: 1.5rem; line-height: 30px; margin-top: 20px;}
  .sub_1_2 .s121 .swiper-slide-active {padding: 0 30px;}
  .sub_1_2 .s121 .swiper-slide-active h2 {margin-bottom: 70px;}
  .sub_1_2 .s121 .s121_tab2 {flex-direction: column; gap: 0;}

  /* sub1_3 */
  .sub_1_3 .ContentsWrap {flex-direction: column-reverse; align-items: baseline;}
  .sub_1_3 .ContentsWrap > div {width: 100% !important;}
  .sub_1_3 .tabletxt {width: 90%; height: 25%;}
  .sub_1_3 .tableWrap {margin-top: 0;}
  .sub_1_3 .Text_Box p:nth-of-type(2) {margin-bottom: 40px;}
  .sub_1_3 .Text_Box h2 {line-height: 50px;}
  .sub_1_3 .TabImg_Wrap .tab-nav {height: auto; margin: 30px 0 50px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(1) {left: 75px; top: 95px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(2) {left: 30px; top: 135px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(3) {left: 190px; top: 90px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(4) {left: 95px; top: 155px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(5) {left: 145px; top: 195px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(6) {left: 53px; top: 245px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(7) {left: 115px; top: 250px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(8) {left: 230px; top: 250px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(9) {left: 90px; top: 335px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(10) {left: 210px; top: 315px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(11) {left: 290px; top: 340px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(12) {left: 35px; top: 400px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(13) {left: 100px; top: 415px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(14) {left: 185px; top: 380px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(15) {left: 275px; top: 415px;}
  .sub_1_3 .tab-content .ImgWrap ul li:nth-of-type(16) {left: 25px; top: 555px;}

  /* sub2_1 */
  .sub_2_1 .TopWrap {top: 35px;}
  .sub_2_1 .c1 .subCont {flex-direction: column-reverse;}
  .c1 .c111 {width: 90%; justify-content: flex-start;}
  .c1 .c111 > div, .sub_2_1 .c1 .c112 img:first-of-type {width: 90%;}
  .subtop .s112 img:last-of-type, .sub_1_1 .c1 .c112 img:last-of-type, .sub_2_1 .c1 .c112 img:last-of-type {right: 16vw;}
  #panels #panels-container .panels-navigation {top: 20px;}
  #panels #panels-container .panels-navigation div {height: auto;}
  #panels #panels-container .panels-navigation div::before {bottom: 20px;}
  #panels #panels-container .panel {background-size: cover;}
  .p2 .p2Cont ul {flex-wrap: wrap; justify-content: space-between;}
  .p2 .p2Cont ul li:first-child {width: 100%;}
  .p2 .p2Cont ul li:first-child img {width: 50%;}
  .p2 .p2Cont ul li:first-child p {font-size: 2rem; line-height: 30px;}
  .p2 .p2Cont ul li:not(:first-child) {width: 19%;}
  .sub_2_1 .s212 {height: 1000px;}
  .c1 p.inner3 {display: none;}

  /* sub2_2 */
  .sub_2_2 .panel .CW, .sub_2_3 .panel .CW {flex-direction: column;}
  .sub_2_2 .s22 .txt {overflow: inherit;}
  .sub_2_2 .s22 .content * {width: 100%;}
  .sub_2_2 .s22 .ImgWrap {height: 177px;}

  /* sub2_3 */
  .panel .CW .img-wrap {width: 100%;}
  .sub_2_3 .panel .CW .txt-tit {width: 100%; text-align: left;}
  .sub_2_3 .panel .CW .txt-tit h4 br {display: none;}
  .sub_2_3 .s231 {height: 400px;}
  .sub_2_3 .s231 p.CR {top: -50px;}
  .sub_2_3 .tab-nav {padding-top: 150px;}
  .sub_2_3 .tab-content img:first-child {top: -40vh; width: 70%; left: 0; right: auto;}
  .sub_2_3 .tab-content .f36 {font-size: 1.3rem;}
  .sub_2_3 .tab-content .f36:first-of-type {display: flex; flex-direction: column; margin-bottom: 15px;}
  .sub_2_3 .tab-content .JM {font-size: 1.1rem; margin-bottom: 10px;}
  .sub_2_3 .s232 span.JM {line-height: 25px;}
  .sub_2_3 .s231 p.CR {font-size: 1rem;}

  /* sub3 */
  #subtop3, .subtop .subCont {flex-direction: column-reverse;}
  #subtop3 .s111 {width: 90%; align-items: flex-end; justify-content: flex-start;}
  #subtop3 .s111 > div {padding: 0;}
  #subtop3 .s111 .txtWrap p {font-size: 2.5rem;}
  #subtop3 .s111 h4 {font-size: 1.5rem; line-height: 35px;}
  #subtop3 .s112 {width: 90%;}
  #subtop3 .s112 img:first-of-type {width: 100%;}
  #subtop3 .s112 img:nth-of-type(2) {right: -2vw; bottom: 0;}
  #subtop3 .s112 img:nth-of-type(3) {right: 14vw;}
  .subtop p.white {display: none;}
  .sub_3 .intro {height: 300px;}
  .sub_3 .intro h4 {font-size: 1.1rem; line-height: 28px; font-weight: 400; z-index: 1;}
  .sub_3 .intro video {top: 0; width: 100%; object-fit: cover; height: 100%;}
  .sub_3 .inner2 .tab-content > div:first-child {padding-top: 80px;}
  .sub_3 .inner2 ul {flex-direction: column;}
  .sub_3 .Contents1 .Header_Tab {top: 14%; right: 5%;}
  .sub_3 .Contents2 .inner2 {padding-bottom: 25%;}
  .sub_3 .Contents2 .h_txt {padding: 100px 0 50px;}
  .sub_3 .Contents2 .h_txt p {margin-bottom: 20px;}
  .sub_3 .Contents2 .h_txt h3 {font-size: 2.5rem; line-height: 50px;}
  .sub_3 .Contents2 .shoppingMall {width: 200px; height: 45px;}
  .sub_3 .Contents2 .shoppingMall a {line-height: 45px; gap: 20px;}
  .sub_3 .Contents2 .shoppingMall a h4 {font-size: 1.1rem;}
  .sub_3 .Contents2 .shoppingMall img {width: 30px;}
  .sub_3 .Contents2 .Contents2Wrap {display: flex; flex-direction: column; gap: 100px;}
  .sub_3 .Contents2 .Contents2Wrap .ImgBox {flex-direction: column; gap: 40px;}
  .sub_3 .Contents2 .Contents2Wrap .ImgBox .ImgWrap {flex: none;}
  .sub_3 .Contents2 .Contents2Wrap .ImgBox .ImgWrap img {width: 100%;}
  .sub_3 .Contents2 .Contents2Wrap .ImgBox .txtWrap {padding: 0; width: 100%; text-align: left !important;}
  .sub_3 .Contents2 .Contents2Wrap .ImgBox div .grey {margin-top: 20px;}
  .sub_3 .Contents2 .Contents2Wrap .ImgBox:nth-child(2) {flex-direction: column-reverse;}

  /* sub4_2 */
  .f_title {padding: 0 10px !important; font-size: 0.8rem !important; flex: none !important; width: 25% !important;}
  .f_w {flex: none !important;}
  .f_cont_num {min-width: auto !important; width: 100% !important;}
  .f_cont_email {min-width: auto !important; width: 60% !important;}
  .f_cont_email:nth-child(4) {margin-left: 5px;}
  .f_Box {gap: 5px !important;}
  #form_content_1 {width: 94% !important;}
  .f_cont_num {padding: 0 !important;}
  .f_title::before {left: 0 !important;}
  #subtop4 .TopWrap {top: 350px !important;}

  /* sub4_4 */
  .sub_4_4 .tconT {gap: 40px;}
  .sub_4_4 .title > div {padding: 0;}
  .sub_4_4 .inner .MapWrap {height: auto;}
  .sub_4_4 .inner .MapWrap iframe {height: 200px !important;}
  .sub4E .title {padding: 200px 0 0;}

  /* sub4_5 */
  .sub_4_5 .InstaWrap ul li {width: 181px; height: 181px;}
  .sub_4_5 .InstaWrap ul li .ImgWrap{left: 10px; top: 10px; width: 30px; height: 30px;}
  .sub_4_5 .InstaWrap ul li p {font-size: 0.8rem; line-height: 20px;}
  .sub_4_5 .InstaWrap ul li .arrowWrap {bottom: 10px; right: 10px;}

  /* 새소식 */
  .bo_sch {transform: translateX(-50%);}
}

@media screen and (max-width: 414px) {
  .f36 {font-size: 1.4rem;}
  .f74 {font-size: 3rem;}
  #main0, #section1, #section1 > div {height: auto !important;}
  .hamburger {right: -21.5vw;}
  .c1 p.inner3 {display: none;}
  .scroll_wrap {bottom: 13%; left: 50%; transform: translate(-50%,0);}
  .main_control {left: 50%; bottom: 0;}
  .scroll_wrap {bottom: 10%; transform: translate(-50%, -50%);}
  #section1 .m1_txt .MTI h4 {bottom: 7vh; right: -15vw;}
  #section1 .swiper-slide3 .m1_txt h3:last-of-type {top: 4vh; left: 13.7vw;}
  #section1 .swiper-slide3 .m1_txt h4 {top: 11vh; left: -30px;}
  #section1 .m1_txt h3:first-of-type {top: 0;}
  #section1 .m1_txt h3:last-of-type {top: -6vh;}
  #section1 .m1_txt .MTI {top: -12vh;}
  #section2 .m2_txt h5, #section2 .m2_txt p {font-size: 1rem;}
  .m3 { position: relative; }
  .m3 .m3H { padding: 0; left: 9px; width: 300px; }
  .m3 p.BM {font-size: 1rem;}
  .m3 .ImgWrap {width: 25px;}
  /* .m3::before { content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%); } */
  .m3 .tab-nav { left: -4%; }
  .m3 .m3H a::after { width: 20px; height: 20px; }
  .m4 .swiper-slide .snow { bottom: 2.5vh; }
  .Gray_bg {bottom: 0;}
  .S13 .imgWrap img {width: 40%;}
  .f_copy {white-space: nowrap;}
  .f_Wrap {height: 260px;}
  /* sub */
  .sub_1_1 { background-position: 530px; background: url(../img/sub_1_1_bg.png)no-repeat center/100% 80%; }
  .sub_1_1 .s11 .s112 p.f20 {white-space: nowrap;}
  .sub_1_1 .s12 .white p.BM.f81 { line-height: 70px; font-size: 3rem; }
  .sub_1_1 .s12 .white p.BM.f28 { margin-bottom: 80px; }
  .sub_1_1 .s12 .cn12 { flex-wrap: wrap; }
  .sub_1_1 .s12 .s12_cont { padding-left: 0; }
  .sub_1_1 .s12 .cn12:not(:first-child) { margin-top: 0; }
  .sub_1_1 .s12 .cn12 div { flex: 1 1 100%; padding-left: 0; }
  .sub_1_1 .s12 .cn12 div:first-of-type { top: 0; }
  .sub_1_1 .s12 .cn12 div p.f20 { margin-bottom: 80px; }
  .sub_1_1 .s12 .cn12 div span { writing-mode:initial; top: -6vh; }
  .sub_1_1 .s12 .cn12 div span::after {left: 50%; transform: translateX(-50%);}
  .sub_1_1 .c1 .c111 .txtWrap {justify-content: center;}
  .sub_1_2 .s121 .swiper-slide-active {padding: 0 2%;}
  .sub_1_3 .ContentsWrap {gap: 0; margin: 150px 0 100px;}
  .sub_1_2 .Contents1 {padding: 0;}
  .sub_1_2 .Contents1 p {margin: 0;}
  .sub_1_2 .Contents1 h3 {font-size: 2rem; margin: 40px 0 75px;}
  .sub_1_2 .s121 .s121_tab2 {flex-wrap: wrap; gap: 0;}
  .sub_1_2 .Contents1 .control {right: 20%;}
  .sub_2_1 .s212 .tab-content .tabTxt p br {display: none;}
  .sub_2_1 .s212 .tab-content .tabTxt h4.BM {font-size: 1.5rem;}
  .sub_2_1 .s212 #tab5 .ImgWrap1 {display: none;}
  .txtHeader {font-size: 2rem; line-height: 40px;}
  .sub_2_1 .s213 .s213Cont p.f36 {font-size: 1.8rem; line-height: 35px;}
  .sub_2_2 .s22 {margin-top: -2px;}
  .sub_2_2 .panel .CW { flex-wrap: wrap; margin-top: 25vh; }
  .sub_2_2 .s22 .s221 {padding-top: 20vh;}
  .sub_2_2 .s22 .txt {aspect-ratio: auto;}
  .sub_2_2 .s22 .content * {width: 45%;}
  .sub_2_2 .s22 .ImgWrap { margin-top: 50px; height: 160px; }
  .sub_2_2 .s22 .content p {width: 100%;}
  .sub_2_3 .pWrap {height: 80vh;}
  .sub_2_3 .panel .CW { flex-wrap: wrap; margin-top: 10vh; }
  .sub_2_3 .panel .CW .txt-tit br {display: none;}
  .sub_2_3 .tab-nav {padding-top: 60vh;}
  .sub_2_3 .s231 { height: 70vh;}
  .sub_2_3 .tab-content img:first-child { width: 70%; top: -70vh; left: 50%; transform: translateX(-50%); }
  .sub_2_3 .tab-nav {justify-content: center;}
  .sub_2_3 .tab-content p {font-size: 1rem;}
  .sub_2_3 .s232 span.JM {font-size: 1rem; line-height: 35px;}


  /* 231130 */
  /* main */
  #section1 .m1_txt img:last-of-type {left: 2vw;}
  #section1 .swiper-slide3 .m1_txt .MTI3 img:last-of-type {left: 30%;}
  .m3 {height: 600px;}
  .m3 .tab-content.active {justify-content: flex-end;}
  .m3 .tab-container {height: 48vh;}
  .m4 .swiper2 .swiper-button-prev, .m4 .swiper2 .swiper-button-next {top: 31.5%;}
  .m4 .swiper2 .swiper-button-prev {left: 67%;}
  .m5 .cont .box1 h3 {top: 230px; left: -5%;}

  /* sub1_2 */
  .sub_1_2 .Contents1 h3 {font-size: 1.3rem; margin: 20px 0 75px;}
  .sub_1_2 .Contents1 .Sbtn::after {width: 35px; height: 35px;}
  .sub_1_2 .Contents1 .Sbtn:hover img,
  .sub_1_2 .Contents1 .Sbtn img {padding-bottom: 8px;}

  /* sub2_1 */
  .p2 .p2Cont ul li:not(:first-child) {width: 18%;}

  /* sub2_2 */
  .sub_2_2 .pWrap, .sub_2_3 .pWrap {height: 95vh;}
  .sub_2_2 .panel .CW {padding: 0 5%;}
  .sub_2_2 .s22 .txt {margin-bottom: 5%;}
  .sub_2_2 .s22 .content * {width: 100%;}

  /* sub2_3 */
  .sub_2_3 .s232 {padding: 20px 0 150px;}
  .sub_2_3 .tab-content img:first-child {top: -52vh;}

  /* sub3 */
  .subtop .s111 h4 {margin-top: 30px;}
  .sub_3 .intro h4 {font-size: 1rem; line-height: 25px;}

  /* sub4_4 */
  .sub_4_4 h4.f24 {padding-left: 3vw; font-size: 1.1rem;}
  .sub_4_4 .inner .MapWrap {width: 100%; padding-top: 10px; padding-bottom: 50px;}
  .gm-style .place-card .place-name {font-size: 0.8rem;}
  .sub4E .inner {padding-bottom: 20%;}

  /* sub4_5 */
  .sub_4_5 .title {padding: 300px 20px 72px;}
  .sub_4_5 .InstaWrap ul li {width: 162px; height: 162px;}
}

@media screen and (max-width: 390px) {
  .f24 {font-size: 1rem;}
  .f36 {font-size: 1.3rem;}
  .inner {max-width: 90%;}
  /* main */
  #section1 .swiper-slide3 .m1_txt { height: 60vh; }
  #section1 .swiper-slide3 .m1_txt .m1_txtImgWrap {top: -120px; left: -52px; }
  #section1 .swiper-slide3 .m1_txt h3:first-child { top: 2vh; }
  #section1 .swiper-slide3 .m1_txt h3:last-of-type { top: -4vh; }
  #section1 .swiper-slide3 .m1_txt h4 { top: 13vh; }
  #section2 .m2_txt h5, #section2 .m2_txt p {font-size: 1rem;}
  .m3 .m3H {left: 19px; width: 245px;}
  .m3 .m3H.on { width: 245px; }
  .m5 {height: auto;}
  .m5 .cont .box1 h3 {left: -4%;}
  /* sub  */
  .sub_1_1 {background-position-y: 0;}
  .sub_1_1 .s12 .white p.BM.f81 {font-size: 3rem;}

  .sub_2_1 .s212 .title .CW div h3 {line-height: 40px;}
  .sub_2_2 .nav-panel, .sub_2_3 .nav-panel {width: calc(100%/3 - 10px); white-space: nowrap; text-align: center;}
  .sub_2_2 .subNav li a, .sub_2_3 .subNav li a {margin: 0;}
}

@media screen and (max-width: 375px) {
  .f74 {font-size: 2.5rem;}
  /* main */
  .siteMap .inner2 > p {font-size: 50px;}
  .inner {width: 100%;}
  .hamburger {right: -70px;}
  .scroll_wrap {bottom: 4%;}
  .mode-rl {line-height: 23px;}
  .f_Left .f_info li p {font-size: 1rem;}
  #section1 .swiper-slide3 .m1_txt h4 {top: 11.5vh; left: -8.3vw;}
  #section1 .ImgWrap img {height: 100%;}
  #section1 .m1_txt .MTI h4 {bottom: 9vh;}
  #section1 .swiper-slide3 .m1_txt h3:first-child {top: 0;}
  #section1 .swiper-slide3 .m1_txt h3:last-of-type {top: -6vh;}
  #section1 .swiper-slide3 .m1_txt h4 {top:10vh;}
  #section1 .swiper-slide3 .m1_txt .MTI3 img:first-of-type {top: 6.5vh;}
  #section1 .m1_txt img:last-of-type { top: 70px; }
  #section2 .Wrap {overflow: hidden;}
  #section2 .Wrap img {height: 80%;}
  #section2 .m2_txt {top: 180px;}
  #section2 .m2_txt h4 {line-height: 25px;}
  #section2 .m2_txt h3:first-of-type {font-size: 2.5rem; line-height: 55px;}
  #section2 .m2_txt h3:last-of-type {line-height: 40px;}
  #section2 .m2_txt h5, #section2 .m2_txt p {font-size: 1rem; margin-top: 20px;}
  .m3 h2.BM {font-size: 2rem;}
  .m3 .m3H {width: 245px; left: 3%;}
  .m3 p.BM {font-size: .8rem;}
  .m3 .tab-nav {left: -4%; top: -150px;}
  .m4 .m4_txt {top: -4%;}
  .m4 .swiper-slide .icon { height: 130px; bottom: .4vh; left: 61%; }
  .m4 .swiper-slide .snow {left: 56vw;}
  .m5 {margin: 70px auto;}
  .m5 .cont .box1 {height: 200px;}
  .m5 .cont .box1 h3 { top: 145px; left: -6%;}
  .m5 .cont .box2 {height: 300px;}
  .m6 .txtWrap h2 {font-size: 3rem; line-height: 60px; margin-bottom: 30px;}
  /* sub */
  .subT .TopWrap { top: 28vh; }
  .sub_1_1 .s12 .cn12 div p.f20 br {display: none;}
  .sub_1_1 .c1 .c111 > div { padding: 0; }
  .c1 .c111 h4 { line-height: 35px; }
  .sub_1_2 .s121 {margin-bottom: 50px;}
  .sub_1_2 .Contents1 { margin-top: 150px; }
  .sub_1_2 .Contents1 .swiper-button-prev, .sub_1_2 .Contents1 .swiper-button-next { transform: translateY(-55vh); }
  .sub_1_3 .ContentsWrap { margin: 100px 0 100px; }
  .p2 .txtWrap p.CR { margin: 150px 0 20px; }
  .p2 .txtWrap p.BM { font-size: 2rem; }
  .sub_2_1 .s212 .tab-content .tabTxt h4.BM { font-size: 1.4rem; }
  .sub_2_1 .s213 .s213Cont p.f36 { font-size: 1.5rem; }
  .sub_2_2 .panel .CW { margin-top: 50vh; }
  .sub_2_2 .s22 .s221 {padding-top: 40vh;}

  /* 231130 */
  /* main */
  #section1 .swiper-slide {padding: 25% 5% 15%;}
  @keyframes progress_bar {
    0% { width: 0;}
    100% { width: 50px;}
  }
  .main_control .control_inner .ms1_pag .swiper-pagination-bullet {margin: 0 20px; padding: 0 10px;}
  .main_control .control_inner .ms1_pag .swiper-pagination-bullet-active::after {width: 50px;}
  .main_control {bottom: 0;}
  #section2 .fp-tableCell {padding: 20% 0 10%;}
  #section2 .m2_txt {padding-top: 10%;}
  #section2 .m2_txt h3:last-of-type {font-size: 2.5rem; line-height: 35px; margin-top: 10px;}
  #section2 .m2_txt h5, #section2 .m2_txt p {margin-top: 0;}
  .m3 p {font-size: 0.9rem;}
  .m3 h2::before {font-size: 3rem; top: -34px; left: -25px;}
  .m3 p.BM {line-height: 20px;}
  .m3 .tab-nav a {font-size: 2rem;}
  .m4 .m4_txt h2::before {top: -20%;}
  .m4 .swiper2 .swiper-button-prev, .m4 .swiper2 .swiper-button-next {top: 33%;}
  .m4 .swiper2 .swiper-button-next {width: 30px; right: 10%;}
  .m4 .swiper2 .swiper-button-prev {width: 30px; left: 70%;}
  .m4 .swiper-slide .snow {left: 61vw; bottom: 3.5vh;}
  .m5 {margin: 15% auto;}

  /* sub1_1 */
  .sub_1_1 {height: 4500px; background-size: cover;}
  .Gray_bg {height: 3071px;}
  .sub_1_1 .s12 .cn12 div p.f20 {margin-bottom: 50px;}
  .sub_1_1 .s12::before {display: none;}
  .sub_1_1 .s12 .cn12 div span {top: -12vh; right: auto; left: 0;}
  .sub_1_1 .s12 .cn12 div span::after {width: 2px; height: 66px; top: 75%;}
  .S13 .imgWrap img {width: 70%;}
  .sub_1_1 .s12 .cn12 {gap: 70px;}

  /* sub1_2 */
  .sub_1_2 .Contents1 .control {bottom: -56vh;}

  /* sub2_2 */
  .sub_2_2 .s22 .s221 {padding-top: 25vh;}

  /* sub3 */
  .sub_3 .intro h4 {padding: 0 16%;}
  .sub_3 .inner2 ul {gap: 10px;}
  .sub_3 .inner2 ul li a {line-height: 30px; padding: 10px 30px;}
  .sub_3 .Contents1 .Header_Tab {top: 18%;}
  .sub_3 .Contents2 .h_txt {padding: 100px 0 20px;}
  .sub_3 .Contents2 .h_txt h3 {font-size: 2rem;}
  .sub_3 .Contents2 .shoppingMall {width: 180px; height: 40px;}
  .sub_3 .Contents2 .shoppingMall a {gap: 10px; line-height: 40px;}
  .sub_3 .Contents2 .shoppingMall img {width: 20px;}
  .sub_3 .Contents2 .Contents2Wrap .ImgBox .ImgWrap {height: 303px; gap: 30px;}
  .sub_3 .Contents2 .Contents2Wrap .ImgBox div .grey {margin-top: 10px;}
  .sub_3 .Contents2 .Contents2Wrap {gap: 50px;}
  .sub_3 .Contents2 .inner2 {padding-bottom: 30%;}

  /* sub4_2 */
  #form_content_1 {width: 93% !important;}

  /* sub4_5 */
  .sub_4_5 .InstaWrap ul li {width: 146px; height: 146px;} 
  .sub_4_5 .InstaWrap ul li p {display: none;}
  .sub_4_5 .InstaWrap ul li .arrowWrap {bottom: auto; right: auto; top: 50%; left: 50%; transform: translate(-50%, -50%);}
  .sub_4_5 .InstaWrap ul li .ImgWrap {width: 25px; height: 25px;}
  .sub_4_5 .InstaWrap ul li .ImgWrap img {width: 15px;}

  /* 새소식 */
  #bo_v_info .profile_info {float: none;}
  #bo_v_info .profile_info .profile_info_ct {justify-content: space-between;}
  .bo_v_nb li {padding: 10px 0; background: none;}
  #bo_v_link a {word-break: break-all; margin-bottom: 10px;}
}

@media screen and (max-width: 360px) {
  #section1 .swiper-slide3 .m1_txt h4 { top: 9vh; }
  #section1 .m1_txt {height: 60vh;}
  #section1 .swiper-slide3 .m1_txt h3:last-of-type { left: 14.5vw; }
  #section1 .swiper-slide3 .m1_txt h4 { top: 6vh; left: -9vw; }
  #section1 .swiper-slide3 .m1_txt .MTI3 img:first-of-type { top: 4vh; }
  #section1 .swiper-slide3 .m1_txt .MTI3 img:last-of-type { top: 13.8vh; }
  .m3 .tab-nav {top: -140px;}
  .m6 .txtWrap h2 { margin-bottom: 30px; }
  /* sub */
  .sub_1_1 .c1 .c111 h4 {font-size: 1.8rem; text-align: center;}
  .sub_1_1 .c1 .c111 > div {padding-left: 0;}
  .sub_1_1 .s11 .s112 {padding: 30px 5%;}
  .sub_2_1 .s212 .tab-content .tabTxt span.BM.white {font-size: .8rem;}


  /* 231130 */
  /* main */
  .m4 .m4_txt {padding-left: 0; height: auto;}
  .m4 .m4_txt h2::before {display: none;}
  .m4 .swiper2 .swiper-button-prev, .m4 .swiper2 .swiper-button-next {bottom: 34%;}
  .m4 .swiper2 .swiper-button-prev {left: 75%;}
  .m4 .swiper2 .swiper-button-next {right: 5%;}
  .m5 .cont .box1 h3 {font-size: 3.5rem; line-height: 50px; top: 180px;}
  .m6 .txtWrap h2 {font-size: 2.5rem; line-height: 50px;}
  .m6 .txtWrap p {font-size: 3rem; text-align: center;}
  .m6 .txtWrap ul {width: 200px;}

  /* sub1_1 */
  .sub_1_1 .c1 .c111 .txtWrap {justify-content: flex-start;}
  .sub_1_1 .c1 .c111 h4 {text-align: left;}

  /* sub1_3 */
  .sub_1_3 .TabImg_Wrap .tab-nav {gap: 10px;}
  .sub_1_3 .TabImg_Wrap .tab-nav li {width: 140px;}
  .sub_1_3 .tab-content .ImgWrap img {width: 100%;}

  /* sub2_1 */
  .sub_2_1 .s212 {height: auto;}
  .sub_2_1 .s212 .tab-nav {padding: 0; gap: 0;}
  .sub_2_1 .s212 .tab-nav li {font-size: 1.1rem;}
  .sub_2_1 .s212 #tab4 .ImgWrap {height: auto;}
  .sub_2_1 .s212 #tab5 .ImgWrap2 {position: static;}
  .sub_2_1 .txtHeader {font-size: 2rem;}
  .sub_2_1 .s213 .s213Cont p.f36 {font-size: 1.3rem; line-height: 30px;}
  .sub_2_1 .s213 .ImgWrap:last-child img {margin: 50px 0 150px;}

  /* sub2_2 */
  .sub_2_2 .subNav,
  .sub_2_3 .subNav {top: 20px;}
  .sub_2_2 .pWrap, .sub_2_3 .pWrap {height: auto;}
  .sub_2_2 .panel .CW {margin-top: 25vh;}
  .sub_2_2 .s22 .s221 {padding-top: 15vh;}

  /* sub2_3 */
  .sub_2_3 .panel .CW {margin-top: 25vh; padding-bottom: 10%;}
  .sub_2_3 .s231 {height: 60vh; padding: 15% 0;}
  .sub_2_3 .s231 p.CR,
  .sub_2_3 .s231 h3 {position: static;}
  .sub_2_3 .tab-nav {padding-top: 0;}
  .sub_2_3 .tab-content img:first-child {top: -40vh; left: 0; transform: none; width: 80%;}
  .sub_2_3 .s232 {padding-top: 180px;}
  .sub_2_3 .s232 span.JM {line-height: 25px;}

  /* sub3 */
  .sub_3 .intro h4 {padding: 0 15%;}
  .sub_3 .Contents2 .h_txt {padding-top: 80px;}
  .sub_3 .Contents2 .Contents2Wrap .ImgBox .txtWrap {font-size: 2rem; line-height: 30px;}

  /* sub4_4 */
  .sub_4_4 .inner .MapWrap iframe {height: 180px !important;}

  /* sub4_5 */
  .sub_4_5 .InstaWrap ul li {width: 140px; height: 140px;}

  /* 새소식 */
  #bo_v_info .profile_info .profile_info_ct {flex-direction: column;}
}