/*
font-family: 'Pretendard';
font-family: 'Raleway', sans-serif;
*/

/*초기화*/
* { margin: 0; padding: 0; border: 0; box-sizing: border-box; word-break: break-all;}
ul, li { list-style: none; }
a { text-decoration: none; color: inherit; display: block; }
img { display: block; width: 100%; }
html { font-size: 17px; }

.mob_view{display: none;}
.wrap { width: 100%; height: auto; overflow-x: hidden; position: relative; font-family: 'KoreanGD16R' !important; color: #333; scroll-behavior: smooth; }
#new_pop{    position: fixed;right: 50%;top: 50%;transform: translate(50%, -50%);z-index: 99;width: 90%;max-width: 50vh;height: auto;z-index: 9999;}
#new_pop .inner {width: 100%;height: auto;background: #185194;overflow: hidden;font-size: 0;}
#new_pop .inner .area{ width: 100%;height: auto;font-size: 0;}
#new_pop .inner button{    display: inline-block;
    padding: 10px;
    width: 50%;
    font-size: 1vw;
    vertical-align: middle;
    text-align: left;
    color: #fff;
    background: transparent;
    border: 0;
    cursor: pointer;}
    #new_pop .inner button:last-child{    text-align: end;}
/*공통*/
.pc { display: block;}
.tab_view{display: none;}
h2{font-size: 55px;  font-weight: 500;}
.tablet { display: none;}
.mob { display: none;}
.flex_box{display: flex;}
.hidden { overflow: hidden; }

.move { opacity: 1; }
.h_inner { width: 95%; max-width: 1475px; }
.m_inner { width: 95%; max-width: 1500px; }
.inner2 { width: 90%; max-width: 1400px; }
.inner3 { width: 85%; }
.inner4 { width: 70%; }
.inner5 { width: 90%; max-width: 1300px; }
.inner6 { width: 90%; }

.center { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

/* header */
.header { width: 100%; height: 100px; position: absolute; left: 0; top: 0; overflow: hidden; transition: all 0.4s; z-index: 10;}
.header:hover { height: 360px; background-color: #fff; }
.header .h_inner { height: 100px; display: flex; justify-content: space-between; align-items: center; margin: 0 auto; }
.header .h_inner > div { height: 100%; }

.header .h_left { width: 20%; display: flex; justify-content: flex-start; align-items: center; gap: 15px; }
.header .h_left .h_logo{ height: 50px; }
.header .h_left .h_logo a { height: 100%; }
.header .h_left .h_logo img { height: 100%; scale: 1.7; }

.header .h_right { width: 100%; display: flex; justify-content: space-between; align-items: center; }
.header .h_right .gnb { display: flex; align-items: center; width: 100%; text-align: center; }
.header .h_right .gnb .depth01 { position: relative; width: 25%; }
.header .h_right .gnb .depth01 > a { display: block; font-size: 1rem; text-align: center; font-family: 'Pretendard', sans-serif; }
.header .h_right .gnb .depth01 .depth02 { position: absolute; top: 70px; left: 0; width: 100%; text-align: center; }
.header .h_right .gnb .depth01 .depth02::before { content: ''; width: 100%; height: 3px; background: #ffff; position: absolute; top: -10px; left: 0; z-index: 1; opacity: 0; transition: all 0.4s; }
.header .h_right .gnb .depth01 .depth02 li a { font-family: 'KoreanGD16R'; font-size: 0.9rem; font-weight: 400; color: #333; display: block; padding: 8px 0; transition: all 0.4s; text-transform: capitalize; }
.header .h_right .gnb .depth01 .depth02:hover::before { opacity: 1; }
.header .h_right .menu { position: relative; display: flex; flex-direction: column; justify-content: space-between; width: 28px; height: 22px; position: relative; cursor: pointer; z-index: 999; }
.header .h_right .menu > span { width: 100%; height: 2px; background: #fff; transition: all 0.4s; }
.header .h_right .menu.rotate > span:nth-child(1) { position: absolute; top: 50%; left: 0; transform: translateY(-50%) rotate(45deg); }
.header .h_right .menu.rotate > span:nth-child(2) { opacity: 0; }
.header .h_right .menu.rotate > span:nth-child(3) { position: absolute; top: 50%; left: 0; transform: translateY(-50%) rotate(-45deg); }


/* footer */
#footer { position: absolute; width: 100%; height: auto; background: #F4F4F4; left: 0;}
#footer #top_btn { position: absolute; right: 10%; top: -20%; width: 5.5vw; height: 5.5vw; border-radius: 10vw; background: #0B3F00; cursor: pointer;}
#footer #top_btn i { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 1.2rem; color: #fff;}

#footer .f_top { width: 100%; height: auto; padding: 20px 0; border-bottom: 1px solid #fff;}
#footer .f_top .f_nav { display: flex; justify-content: center; align-items: center; gap: 65px; width: 100%; text-align: center;}
#footer .f_top .f_nav > li a { font-family: 'Raleway', sans-serif; font-size: 1rem; font-weight: 500; color: #4d4d4d;}

#footer .f_bottom { width: 100%; height: auto; padding: 80px 0 130px; font-family: 'KoreanGD16R';}
#footer .f_bottom .f_inner { display: flex; justify-content: space-between; align-items: center; margin: 0 auto; width: 100%; max-width: 1400px; }

#footer .f_bottom .f_inner .f_logo { width: 19%; height: 50px; }
#footer .f_bottom .f_inner .f_logo a { width: 100%; height: 100%; }
#footer .f_bottom .f_inner .f_logo a img {object-fit: contain; width: initial; }

#footer .f_bottom .f_inner .f_info {padding-top: 2rem; display: flex; flex-wrap:wrap; justify-content: center; align-items: center; width: 65%; text-align: center}
#footer .f_bottom .f_inner .f_info li { padding: 0 25px; position: relative;}
#footer .f_bottom .f_inner .f_info li::after{content: ''; position: absolute; display: inline-block; top: 30%; right: 0; width: 4px; height: 5px; border-radius: 3rem; background-color: #0B3F00;}
#footer .f_bottom .f_inner .f_info li:nth-child(4):after{content: ''; width: 0;}
#footer .f_bottom .f_inner .f_info li:first-child { display: flex; align-items: center; gap: 10px; }
#footer .f_bottom .f_inner .f_info > li p { font-size: 1.04rem; color: #4d4d4d; }
#footer .f_bottom .f_inner .f_info > li p span { display: inline-block; font-weight: 500; }
#footer .f_bottom .f_inner .f_info li:first-child p { text-align: left;}

.a_point_off{ color:#4d4d4d; transition: all .5s;}
.a_point_on{ color: #0B3F00; transition: all .5s;}
#footer .f_bottom .f_inner .f_info li:first-child p:first-child { font-weight: 500; }
#footer .f_bottom .f_inner .f_info .txt_box3{color: #4d4d4d; display: flex; gap: 2rem; position: relative; top: 1rem;}
#footer .f_bottom .f_inner .f_info .txt_box4{color: #4d4d4d; display: flex; gap: 2rem; position: relative; top: 2rem;}
#footer .f_bottom .f_inner .f_info .txt_box3 p:nth-child(1){padding-left: 2rem;}
#footer .f_bottom .f_inner .f_info .txt_box4 p{padding-right: 2rem;}


#footer .f_bottom .f_inner .contact {width: 100%; position: relative; overflow: hidden; border-bottom: 1px solid #4d4d4d;}
#footer .f_bottom .f_inner .contact p { font-size: 0.9rem; font-weight: 300; color: #4d4d4d;  display: flex; gap: 2rem;}
#footer .f_bottom .f_inner .contact p span img{width: initial;}
#footer .f_bottom .f_inner .contact p:first-child {  font-size: 1.04rem; font-weight: 400; padding: 0.5rem 0rem 0.5rem; }
#footer .f_bottom .f_inner .contact p:nth-child(2) { margin-bottom: 4px; }
.toggle_menu{ position: absolute;width: 100%; display: grid; justify-content: center; opacity: 0;} 
.toggle_menu li {width: 100%; padding-top: 0.2rem;}
.toggle_on{opacity: 1; transition: all .5s; padding: 1.5rem 0;}
.unset{overflow: unset !important;}
.trans_on{transform: rotate(180deg); transition: all 0.3s;}


/* m1 */
.m1 { height: calc(100vh - 100px); margin-top: 100px; }
.m1 .m1_slide { width: 100%; height: 100%; position: relative; }
.m1 .m1_slide .swiper-slide { position: relative; }
.m1 .m1_slide .swiper-wrapper .slide1 { background: url(../img/main/m1_slide_img1.png) no-repeat center / cover; height: 100% !important; }
.m1 .m1_slide .swiper-wrapper .slide2 { background: url(../img/main/m1_slide_img1.png) no-repeat center / cover; height: 100% !important; }
.m1 .m1_slide .swiper-wrapper .slide3 { background: url(../img/main/m1_slide_img1.png) no-repeat center / cover; height: 100% !important; }
.m1 .m1_slide .swiper-slide::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }
.title_wrap {width: 100%; position: absolute; top: 42%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.title_wrap::first-line { color: #fff; font-size: 50px; font-family: 'InkLipquid';}
.m1 .m1_slide .swiper-slide .m_inner { height: 100%; margin: 0 auto; position: relative; z-index: 1; }
.m1 .m1_slide .swiper-slide .title_wrap h2 { color: #fff; font-size: 55px;font-weight: 400; line-height: 100px;}
.m1 .m1_slide .swiper-slide .title_wrap h2 span{font-family: 'KoreanGD16R';position: relative;}
.m1 .m1_slide .swiper-slide .title_wrap h2 span::after{content: ''; width: 7px; height: 7px; border-radius: 7px; top: -15px; background-color: white; position: absolute;}
.m1 .m1_slide .swiper-slide .title_wrap h2::first-line { color: #fff; font-size: 50px; font-family: 'InkLipquid';}
.m1 .m1_slide .swiper-slide .link_wrap { position: absolute; bottom: 15%; left: 50%; transform: translateX(-50%); width: 100%; display: flex; justify-content: space-between; align-items: center; }
.m1 .m1_slide .swiper-slide .link_wrap > div { width: 55%; padding: 1% 2%; display: flex; justify-content: space-between; align-items: center; background-color: rgba(0, 0, 0, 0.4); }
.m1 .m1_slide .swiper-slide .link_wrap > div:nth-child(2){width: 40%;}
.p_line{font-weight: 100; font-size: 21px; font-family: 'KoreanGD10R';letter-spacing: -0.5px;}
.m1 .m1_slide .swiper-slide .link_wrap > div p { color: #fff; line-height: 145%;  font-size: 22px; font-family: 'KoreanGD10R'; font-weight: 600; letter-spacing: -0.5px;}
.m1 .m1_slide .swiper-slide .link_wrap > div a { color: #fff;font-family: 'KoreanGD10R';  padding: 10px 13px; border: 1px solid #fff; letter-spacing: -1px; font-size: 21px; }


/* m2 */
.m2{ height: 90vh; position: relative;}
.m2 .m_inner { padding: 16vh 0 10vh; margin: 0 auto; display: flex;}
.m2 .m_inner > div { width: 50%; }
.swiper-pagination{position: relative; z-index: 999999;}

.m2 .m_inner .left p { position: relative; display: inline-block; margin-bottom: 5vh; }
.m2 .m_inner .left p::after { content: ''; position: absolute; top: 50%; left: 120%; transform: translateY(-50%); width: 180px; height: 1px; background-color: #000; }
.m2 .m_inner .left h2 { font-size: 55px; line-height: 150%;}
.m2 .m_inner .left h2 span { color: #666; }

.m2 .m_inner .right { padding-top: 5vh; display: flex; justify-content: space-between; flex-wrap: wrap; row-gap: 2vh; }
.m2 .m_inner .right .news_box { cursor: pointer; display: grid; width: 49%;  padding: 3%; border-radius: 3%;height: 14.7rem; background-color: #E5E5E5; }
.m2 .m_inner .right .news_box:nth-child(odd) { transform: translateY(10%);display: grid; }
.m2 .m_inner .right .news_box p:nth-child(1) { width: 100%; display: flex; justify-content: space-between; align-items: center; color: green; margin-bottom: 2vh; }
.m2 .m_inner .right .news_box p:nth-child(1) a{color: black; height: 23px; overflow: hidden; text-overflow: ellipsis; margin-bottom: 2rem;}
.m2 .m_inner .right .news_box p:nth-child(1) > img { display: block; width: 20px; height: 20px; }
.m2 .m_inner .right .news_box p:nth-child(2) { font-size: 19px; word-break: keep-all; margin-bottom: 2vh; }
.m2 .m_inner .right .news_box p:nth-child(3) { color: #666; }
.m2 .m_inner .right .news_box p:nth-child(4) { font-size: 14px; }
.m2 .img_box{width: 30%; height: auto; position: absolute; bottom: 20%; left: -6%; }
/* .m2 .m_inner .right .news_box:hover{background-color: white; box-shadow: 1px 1px 11px 1px #dfdfdf;; transition: all 0.5s;} */
.m2_box_on{background-color: white !important; box-shadow: 1px 1px 11px 1px #dfdfdf;; transition: all 0.5s;}
/* m3 */
.m3{width: 100%; height: 100vh; position: relative; display: grid; align-items: center;}
.m3 .m_inner { position: relative; margin: 0 auto; display: flex; justify-content: space-between; width: 100%; max-width: 1360px;}
.m3 .m_inner .left { width: 50%; }
.m3 .m_inner .left h2::after{content: ""; display: inline-block; width: 200px; height: 1px; background-color: black;}
.m3 .m_inner .left h2 { position: relative; gap: 0.5rem; display: flex; align-items: center; font-size: 55px; margin-bottom: 2vh; }
.m3 .m_inner .left div { margin-bottom: 5vh; letter-spacing: 5px; display: flex; position: relative; bottom: 2% !important;}
.m3 .m_inner .left div .img_box{width: 11px; display: block;}
.m3 .m_inner .left > p { margin-bottom: 10vh; font-weight: 500; font-size: 22px; line-height: 140%;font-family: 'KoreanGD14R'; letter-spacing: -2px;}
.m3 .m_inner .left a { width: 195px; height: 65px; padding: 2% 3%; display: flex; justify-content: space-between; align-items: center; border: 1px solid #0B3F00; color: #0B3F00; }
.m3 .m_inner .left a img { width: 13px; height: 13px; }
.m3_bg_wrap{width: 100%; position: absolute; height: 739px; right: 0; display: flex; justify-content: flex-end}
.m3_bg1{background-color: #E5E5E5; height: 100%;width: 55%; border-radius: 0 0 0 12rem;}
.m3_bg2{background-color: #80B174; height: 100%;width: 34%;}
.m3 .m_inner .right { width: 50%; border-radius: 23px; overflow: hidden; }
.m3 .img_box{width: 20%;position: absolute;z-index: 100;right: 8%;bottom: 16%;}
.but_wrap{width: 30%;position: absolute;display: flex;left: 43%; gap: 1rem; bottom: 0%;z-index: 100;}
.but_left{cursor: pointer;}
.but_right{cursor: pointer;}
.play_img_box{position: relative;width: 2%;display: flex;right: 0%;bottom: 2rem;align-items: center; z-index: 100; cursor: pointer;}
.play_but{display: none;}
/* m4 */
.m4 { position: relative; height: 82rem;background: url(../img/main/m4_bg_img.png) no-repeat center; max-width: 100%;padding-top: 10rem;}
.m4 .m_inner{margin: 0 auto;}
.m4 .object { position: absolute; }
.m4_txt_box h2{text-align: right; padding-bottom: 5rem;}
.m4_txt_box p{display: flex; align-items: center; gap: 1rem; justify-content: flex-end; flex-direction: row; margin-bottom: 2rem;}
.m4_txt_box p::before{content: ''; width: 200px; font-size: 22px; height: 1px; background-color: black; display: inline-block;}

.m4 .inner5 { position: relative; margin: 0 auto; height: 430px; display: flex; flex-direction: column; justify-content: center; }
.m4 .tabs { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 30px; width: 100%; height: 10%; }
.m4 .tabs li { padding: 0 2vw; color: #666; font-size: 1.1rem; text-align: center; cursor: pointer; border-right: 1px solid #666; }
.m4 .tabs li.on{ font-weight: 600; color: #99c100 }
.m4 .tabs li:last-child { border-right: none; }

.txt_box{z-index: 1000; position: absolute; bottom: 14%; left: 7%; color: white; opacity: 0; display: flex;}
.txt_box div h2{font-size: 45px;}

.m4_slide .swiper-slide .move_but img{left: unset;transform: unset;right: -150px;}

.m4slideoff{width:calc(100%/12) ;transition: all 0.5s;}
.m4slideon{width:calc(100%/2) ;transition: all 0.5s;}

.m4_slide .swiper-wrapper{gap: 1rem; justify-content: center;}
.m4_slide {display: flex; gap: 1.35rem;}
.m4_slide .swiper-slide{width: calc(100%/12); cursor: pointer; height: 520px; border-radius: 1rem;overflow: hidden; display: grid;align-items: center;}
.m4_slide .slide4{width: calc(100%/2);height: 520px;filter: grayscale(0);}
.m4_slide .swiper-slide img{width: initial;position: absolute;left: 50%;transform: translateX(-50%); border-radius: 1rem;}
.filter{width: 100%; height: 100%; background-color: #00000063; position: absolute; z-index: 100;}
.plus_but{z-index: 1000;}
.none{display: none;}
.view{opacity: 1;}



/* m5 */
.m5 { position: relative; width: 100%; height: 70rem; overflow: hidden; top: -6rem;}
.m5_bg_img{width: 25%;position: absolute;right: 14%;top: -8%; z-index: 2;}
.m5 .m_inner{width: 100%; height: 750px; background-color: white;position: relative; top: 15rem; margin: 0 auto;    box-shadow: 1px 1px 15px 1px;}
.m5_bg{position: absolute; width: 100%; height: 80vh; background-color: #0B3F00;}
.m5_bg p,.m5_bg h2{color: white; text-align: center;}
.m5_bg h2{padding-top: 5rem; margin-bottom: 1rem;}
.m5_bg p{font-size: 22px; font-family: 'KoreanGD10R';}

.m5 .m5_but{display: flex; position: absolute; left: 50%; top: 13%; transform: translateX(-50%); gap: 7rem; z-index: 100;}
.m5 .m5_but .left_but img, .m5 .m5_but .right_but img{width: initial; scale: 1.1; cursor: pointer;}
.m5_slide .swiper-slide .slide_box{padding: 12rem 12rem 0; }
.m5_slide .swiper-slide{background-color: white;}
.m5_slide .swiper-slide .slide_box .flex_box{justify-content: left; margin-bottom: 7%;}
.m5_slide .swiper-slide .slide_box .flex_box .m5_txt{font-size: 30px; width: calc(100%/7); position: relative; text-align: center; font-family: 'KoreanGD15R'; }
.m5_slide .swiper-slide .slide_box .flex_box .m5_txt span{border-bottom: 2px solid; margin-top: 0.5rem;}
.m5_slide .swiper-slide .slide_box .flex_box .m5_txt p{font-size: 18px;top: 50px;width: 150%; position: absolute;letter-spacing: -2px;}
.m5_slide .swiper-slide .slide_box .flex_box .m5_txt p::before{content: ''; margin-right: 0.2rem; display: inline-block; width: 10px; height: 10px; background-color: #1A9500; border-radius: 2rem;}
.m5_slide .swiper-slide .title{position: absolute;left: 50%;transform: translateX(-50%); top: 8%;}
.m5 .m_inner p{position: absolute;left: 50%; z-index: 100; transform: translateX(-50%); top: 16%; font-size: 30px;}


/* m6 */
.m6{width: 100%; height: 30rem;}
.m6 .m_inner{margin: 0 auto; width: 100%; height: 240px; padding: 3rem 0; background-image: linear-gradient(to bottom,#0B3F00, #1d4914, #4b7042, #a5afa3);}
.m6 .flex_box .flex_con{width: calc(100%/2); display: flex; padding-left: 3rem;}
.m6 .flex_box .flex_con:nth-child(2){border-left: 2px solid #80B174; display: flex;}
.m6 .flex_box .flex_con .img_box{width: 7vw; height: 7vw; background: #80B174; border-radius: 5rem;}
.m6 .flex_box .flex_con .txt_box2{position: relative; display: grid; opacity: 1; gap: 0.3rem; left: 1.5rem ; top: 0; z-index: 100;}
.m6 .flex_box .flex_con .txt_box2 p{color: white; display: grid; letter-spacing: -1px;}
.m6 .flex_box .flex_con .txt_box2 p:nth-child(1){align-items: end; font-family: 'KoreanGD10R'; font-size: 22px;}
.m6 .flex_box .flex_con .txt_box2 p:nth-child(2){font-size: 30px; }
.m6 .flex_box .flex_con .but{align-items: center; font-family: 'KoreanGD12R';}
.m6 .flex_box .flex_con .but a{display: flex; padding-left: 3rem; color: white;}
.flex_con .img_box img{width: initial;}
.flex_con .img_box{display: flex;align-items: center;justify-content: center;}

@media screen and (max-width:900px){
    #new_pop{max-width: 50%;}
    #new_pop .inner button{font-size: 16px;}
  .m1 .m1_slide .swiper-slide .title_wrap h2{line-height: 100px;}
  .h_inner {width: 91%;}
  .header .h_left{width: 44%;position: relative; left: 3rem;}
  .header .h_left .h_logo img{scale: 1.5;}
  .p_line{font-size: 16px;}
  .m1 .m1_slide .swiper-slide .link_wrap > div p{font-size: 16px !important;}
  .tab_view{display: block;}
  .m1 .m1_slide .swiper-slide .link_wrap > div a{width: 41%; font-size: 18px;}
  .m1 .m1_slide .swiper-slide .link_wrap{bottom: 32%;}

  .m2{height: 45rem;}
  .m2 .m_inner .left h2{font-size: 35px;}
  .m2 .m_inner > div{width: 40%;}
  .m2 .m_inner .right{width: 60%;}
  .m2 .img_box{bottom: 39%;}

  
  .play_img_box{bottom: 20.5%; right: 0%;} 
  .m3 .m_inner{top: 3rem;}
  .m3 .m_inner .left h2{font-size: 35px;}
  .m3 .m_inner .left > p{font-size: 16px;}
  .m3 .m_inner{width: 100vw; padding: 0 2rem;}
  .m3_bg1{width: 50%; border-radius: 0 0 0 4rem;}
  .m3_bg2{width: 50%;}
  .m3 .m_inner .left{width: 50%;}
  .m3 .m_inner .right{width: 50%;}
  .m3 .m_inner .left h2::after{width: 18vw;}
  .but_wrap{left: 49% !important; bottom: 20% !important; width: 20% !important;}
  .m3 .img_box{width: 35%; bottom: 32%; right: -8%;}
  .m3_bg_wrap{height: 550px;}
  .but_wrap{z-index: 101;}

  .m4{height: 55rem; padding-top: 0;}
  .m4_txt_box h2{font-size: 35px;}
  .m4 .m_inner{width: 100vw; padding: 0 2rem;}
  .m4_slide{gap: 0.8rem;}
  .m4_slide .swiper-slide .move_but img{left: 0; right: unset; bottom: -150%;}
  .txt_box{bottom: 40%; left: 1%;}
  .m4_slide .swiper-wrapper{gap: 1.5%;}

  .m5{top: 0;}
  .m5_slide .swiper-slide .slide_box{ padding: 12rem 2rem 0;}
  .m5_bg_img{display: none;}
  .m5_slide .swiper-slide .slide_box .flex_box .m5_txt p{font-size: 14px;display: grid; justify-items: center;align-items: center; gap: 0.2rem; top: 40px;}
  .m5 .m_inner p{font-size: 20px;}
  .m5_slide .swiper-slide .slide_box .flex_box .m5_txt p::before{margin-right: 0;}

  .m6 .flex_box .flex_con .txt_box2 p:nth-child(1){font-size: 13px;}
  .m6 .flex_box .flex_con .txt_box2 p:nth-child(2){font-size: 18px; letter-spacing: -2px;}
  .m6 .flex_box .flex_con .but a{padding-left: 1rem;}
  .m6 .flex_box .flex_con{padding-left: 0; align-items: center;}
  .m6 .flex_box .flex_con .img_box{width: 17vw; height: 17vw; scale: 0.65;}
  .m6 .flex_box .flex_con .txt_box2{left: -14px;}

  #footer #top_btn{width: 15.5vw; height: 15.5vw; top: -13%;}
  #footer .f_bottom .f_inner{flex-direction: column;}
  #footer .f_bottom .f_inner .f_info{width: 100%;}
  #footer .f_bottom .f_inner{gap: 7rem;}
  #footer .f_bottom .f_inner .f_logo{position: relative; right: 30%;}
  .msc{position: relative; right: 30%;}
  .m6{height: 25rem;}
  .m3_slide{width: 100%;}
    .header .h_left .h_logo img{height: unset;}
}
@media screen and (max-width:500px){
  .m1 .m1_slide .swiper-slide .link_wrap {bottom: 19%;}
    #new_pop{max-width: 60%;}
    #new_pop .inner button{font-size: 13px;}
  #footer .f_bottom .f_inner .f_info{font-size: 13px;}
  #footer .f_bottom .f_inner .f_info > li p{font-size: 13px;}
  #footer .f_bottom .f_inner .f_info .txt_box3{top: 3rem; width: 100%;}
  #footer .f_bottom .f_inner .f_info .txt_box4{top: 5rem;}

  .tab_view{display: none;}
  .m1 .m1_slide .swiper-slide .title_wrap h2{font-size: 35px;}
  .m1 .m1_slide .swiper-slide .title_wrap{top: 25%;}
  .m1 .m1_slide .swiper-slide .title_wrap h2::first-line {font-size: 30px; }
  .m1 .m1_slide .swiper-slide .link_wrap > div{width: 100%; align-items: flex-start; flex-direction: column; gap: 1rem;}
  .m1 .m1_slide .swiper-slide .link_wrap{display: flex; flex-direction: column; gap: 1rem;}
  .m1 .m1_slide .swiper-slide .link_wrap > div:nth-child(2){width: 100%;}
  .m1 .m1_slide .swiper-slide .link_wrap > div a{width: 100%;}

  .m2 .m_inner{width: 100vw; flex-direction: column; padding: 0 1rem;}
  .m2 .m_inner .left{width: 100%;}
  .m2 .m_inner .right{width: 100%; flex-direction: column;}
  .m2{height: auto;}
  .m2 .m_inner .left{padding-top: 3rem;}
  .m2 .img_box{display: none;}
  .m2 .m_inner .right .news_box:nth-child(odd){transform: unset;}
  .m2 .m_inner .right .news_box{width: 100%;}

  .m3{height: 50rem;}
  .m3_bg_wrap{width: 100%; height: 700px; flex-direction: column;}
  .m3_bg1{width: 100% !important; border-radius: 0; height: 86%;}
  .m3_bg2{width: 100%;}
  .m3 .m_inner{flex-direction: column-reverse; gap: 8rem;top: 0; padding: 0 1rem;}
  .m3 .m_inner .left{width: 100%; position: relative; top: -3rem;}
  .m3 .m_inner .right{width: 100%; height: 250px;}
  .m3 .m_inner .right .m3_slide img{width: 50%; border-radius: 4.5rem;}

  .m3 .m_inner .left div{margin-bottom: 0;}
  .m3 .m_inner .left > p{margin-bottom: 1rem;}
  .play_img_box{width: 3%; right: 0; padding: 1rem 1px; bottom: 0;}
  .m3 .m_inner .left a{height:45px;}
  .but_wrap{width: 27%; left: 56%; bottom: 25%; display: none;}
  .m3 .img_box{bottom: 52%; width: 40%;}

  .m4_txt_box p::before {width: 55%;}
  .m4_txt_box h2{font-size: 22px;}
  .m4{height: auto;}
  .m4 .m_inner{padding: 2rem 1rem;}
  .m4_slide{flex-wrap: wrap;}
  .m4_slide .swiper-wrapper{gap: 1.5%;}
  .plus_but{width: 100% !important;}
  .txt_box div h2{font-size: 25px; letter-spacing: -1px;}
  .txt_box{padding: 0 0.2rem;}
  .txt_box div p{font-size: 14px;}
  .mob_width{display: block;}
  .txt_box{bottom: 25%; background-color: #80808063;}
  .m5_slide .swiper-slide .slide_box .flex_box{margin-bottom: 17%;}
  .m5_bg h2{font-size: 30px;}
  .m5_bg p{font-size: 18px; padding: 0 2rem;}


  .m6 .m_inner{height: auto; display: grid; gap: 5rem;}
  .m6 .flex_box .flex_con{width: 100%; justify-content: center; align-items: center; gap: 1rem;}
  .m6 .flex_box .flex_con:nth-child(2){border: 0;}
  .m6 .flex_box .flex_con .img_box{background-color: unset; scale: 1; margin-right: 0;}
  .m6 .flex_box .flex_con .txt_box2{left: 0;}
  #footer .f_bottom .f_inner .f_info .txt_box3{display: grid; gap: 1rem;}
  #footer .f_bottom .f_inner .f_info .txt_box3 p:nth-child(1){padding: 0;}
  #footer .f_bottom .f_inner .f_info .txt_box4 p{padding: 0;}
  #footer .f_bottom .f_inner .f_info li{padding: 0 1rem;}
  #footer .f_bottom .f_inner{gap: 5rem;}
  .msc{right: 0; top: 50px;}
  .m1{height: auto !important;}
  .m1 .m1_slide .swiper-slide .title_wrap h2::first-line { color: #fff; font-size: 9vw;}
  .m1 .m1_slide .swiper-slide .title_wrap h2{font-size: 9vw; line-height: 270%;}
  .header .h_left{left: 0rem; top: -1rem;}
  .header .h_left .h_logo img{width: 65vw; scale: unset;}

}