.ani-in{margin-top: 99px;background:url(../img/main.png)no-repeat;background-position: center; background-size: cover;height: 51vw;position: relative;}
.ani-in .text_box{width: 92%; max-width: 1440px; margin: 0 auto;height: 100%;position: relative;}
.ani-in .left_text{text-align: right;position: absolute; top: 28%; left: 5.5%;}
.ani-in .left_text h2{font-size: 8rem; font-weight: 700;color: #cae536;padding: 0 2rem ;}
.ani-in .left_text h3{font-size: 12rem; font-weight: 700;color: #fff;background: url(../img/bg9.png)no-repeat; background-position: bottom; background-size: auto;padding: 0 2rem ;padding-left: 50px;}
.ani-in .right_text{text-align: left;position: absolute; top: 25%; right:16.5%;}
.ani-in .right_text h6{font-size: 3.2rem; font-weight: 500; color: #3e4b04;} 
.ani-in .right_text h2{color: #3e4b04;font-size: 9rem; font-weight: 700; }
.ani-in .right_text h3{color: #fff;background-color: #adcc02; font-size: 9rem; font-weight: 700; padding: 0 15px;padding-top: 5px;display: inline-block;}
.m_ani{display: none;} 
.fixed{background-color: #0056b8; position: fixed;bottom: 0;left: 0;width: 100%;padding-top: 1.5rem;z-index:88;}
.fixed .logo{width: 9.5rem;}
.fixed .logo img{width: 100%;}
.fixed .width{display: flex; justify-content: space-between;align-items: center;padding-bottom: 1rem;}
.fixed .title{display: flex; justify-content: start;gap: 0 1rem;  align-items: center;}
.fixed .title img{width:5.8rem ;}
.fixed .title h3{font-size: 4rem; font-weight: 700; color: #fff; }
.fixed .latest_top_wr{width: 70%;}
.fixed>p{font-size: 1.8rem; text-align: center;padding: 1rem 0 ;background-color: #000; color: #cc3d3d;word-break: keep-all; }

.section01 .inner{width: 92%;margin: 0 auto; max-width: 1688px;  display: flex; justify-content: space-between; align-items: center;padding-top: 10rem;gap: 0 7rem;}
.section01 .text_wrap{display: flex; flex-direction: column; gap: 2.5rem 0 ; justify-content: center; align-items: center;}
.section01 .text_wrap div{display: flex; justify-content: space-between; align-items: center; }
.section01 .text_wrap .box1{gap: 0 1.8rem;}
.section01 .text_wrap .box1 span{color: #e9e9e9; font-weight: 900; font-size: 5.3rem;gap: 13.5rem  0;}
.section01 .text_wrap .box1 p{font-size: 3.5rem; }
.section01 .text_wrap .box1 p b {font-weight: 400; font-size: 3.5rem; color:#2b430a ;}
.section01 .text_wrap .box2 p{font-size: 3.3rem; font-weight: 600;font-family: 'Pretendard';margin-bottom: 0.8rem;}
.section01 .text_wrap .box2 p span{color: #2b430a; font-size: 3.3rem; font-weight: 600;font-family: 'Pretendard';padding-right: 3px;}
.section01 .text_wrap .box2{gap: 0 2.5rem;}
.section01 .text_wrap h2{font-size: 6.1rem; font-weight: 600; }
.section01 .text_wrap h2 span{color: #2b430a;font-size: inherit; font-weight: inherit;}
.section01 .text_wrap img{margin:0.8rem 0;width: 87rem;}
.section01 .img1{width: 35rem;}
.section01 .img2{width: 27.6rem;}
.section01 .img img{width: 100%;}
.section01 .mob_img{display: none;}

.line{margin: 9rem auto; width: 3px; height: 100px ; display: flex; flex-direction: column;}
.line span{width: 100%; display: block; height: 50%; background-color: #f4bf00;}
.line span:last-child{background-color:#0257b8 ;}

.section02{text-align: center;background: url(../img/bg1.png) no-repeat; background-position: bottom;background-size: auto;padding-bottom: 18.3rem;padding-top: 10rem;}
.section02 .sub_title h2{font-size: 7rem; font-weight: 700;margin-bottom: 2.5rem;}
.section02 .sub_title h2 span{font-size: 7rem; color: #fff; background-color: #0056b8; font-weight: 700;}
.section02 .sub_title p{font-size: 4.2rem; font-weight: 500;}
.section02 .contents{position: relative;margin: 0 auto; width: 92%; max-width: 1442px;margin-top: 11rem;height: 427px;}
.section02 .contents img{position: absolute;}
.section02 .contents .txt1{top: 20px; left: 0;z-index: 10;width: 55.4rem;}
.section02 .contents .txt2{top: 0px; right: 10px;z-index: 10;width: 73.1rem;}
.section02 .contents .txt3{top: 100px; left: 300px;z-index: 9;width: 65.7rem;}
.section02 .contents .txt4{top: 150px; right: 0;z-index: 8;width: 55.2rem;}
.section02 .contents .txt5{top: 230px; left: 150px;z-index: 15;width:87.7rem ;}
.section02 .contents .txt7{top: 310px; right: 10px;width: 53.1rem;}
.section02 .contents .txt6{top: 310px; left:10px;width: 64.7rem;}
.section02>img{margin: 9rem 0;margin-top: 15rem;}
.section02 .text_wrap{width: 92%; max-width: 1340px;margin:0 auto;border: 3px solid #4284ce; border-radius: 3px;}
.section02 .text_wrap .inner{border: 1px solid #fff; background-color: #ffffff5b;padding: 7rem 0;}
.section02 .text_wrap .inner h3{font-size: 7rem; font-weight: 700; font-style: italic;}
.section02 .text_wrap p{font-size: 3.8rem; margin-top: 2.5rem; font-weight: 600;font-family: 'Pretendard';}
.italic-background {display: inline-block;padding: 0px 8px;padding-right: 15px;background-color: #f4bf00;transform: skew(-12deg);}
.italic-background .text {display: inline-block;transform: skew(12deg); font-style: italic;font-size: inherit; color: #fff;font-weight: inherit; 
}
.section02 .text_wrap .inner h3 .circle{display: block; width: 16px; height: 16px; border-radius: 50% ; background-color: #f4bf00;position: absolute;top: -33% ;left: 47.5%;}
.section02 .text_wrap .inner h3 .circle:last-child{left: 52.5%;}

.section03{padding-top:20rem ; background: url(../img/bg2.png) no-repeat;background-position: top; background-size: cover;text-align: center;padding-bottom: 12rem;}
.section03 h6{font-size: 3.2rem; color: #fff;margin-bottom: 2rem;}
.section03 h6 b{font-size: 3.2rem; color: #fff; font-weight: 600;}
.section03 h2{font-size: 8rem; font-weight: 700; color: #fff;}
.section03 .sub_title{position: relative ;margin-bottom: 5.2rem;}
.section03 h2 span{font-size: 8rem; font-weight: 700; color: #2b430a; background-color: #f4bf00;padding: 3px 8px; }
.section03 .sub_title img{position: absolute;top: 13px; right: 51px; z-index: 88;}
.section03 video{width: 92%; max-width:1400px ;}

.section04 .sub_title{display: flex; justify-content: start; align-items: center;gap: 0 8rem;}
.section04 .sub_title img{width: 48.6rem;}
.section04 .sub_title .txt h2{font-size: 10rem; font-weight: 700;margin-bottom: 2rem;}
.section04 .sub_title .txt h2 span{font-size: 10rem; font-weight: 700; color: #9ebb02;}
.section04 .sub_title .txt div{display: flex; justify-content: start ;align-items: center;gap: 0 15px;}
.section04 .sub_title .txt p{font-size: 3.8rem; font-weight: 600; font-family: 'Pretendardre';}
.section04 .sub_title .txt p span{ color: #2b430a; font-size: 3.8rem; font-weight: 600; font-family: 'Pretendardre';padding-right: 5px;}
.section04 .contents{width: 92%; max-width: 1611px; margin: 0 auto;display: flex;justify-content: space-between; align-items: center;border-radius: 30px;height: 850px;position: relative; z-index: 9; margin-top: -104px;}
.section04 .contents .img{position: absolute;top: -9%; left: 50%; transform: translateX(-50%);}
.section04 .contents .img img{filter: drop-shadow(-17px 17px 5px #0000003b);width: 40rem;}
.section04 .contents .img_center{text-align: center;}
.section04 .contents .left{background: url(../img/bg3.png)no-repeat; background-position: center; background-size: cover;width: 50%;height: 100%;padding:  8rem;padding-top: 15rem;border-radius: 50px 0 0 50px;}
.section04 .contents .right{background: url(../img/bg4.png)no-repeat; background-position: center; background-size: cover;width: 50%;height: 100%;padding:  8rem;text-align: right;padding-top: 12rem;border-radius: 0 50px 50px 0;}
.section04 .contents .left .icon{margin-left: 120px;}
.section04 .contents .left .icon img{width: 12.6rem;}
.section04 .contents .right .icon{margin-right: 150px;}
.section04 .contents .right .icon img{width: 12.4rem;}
.section04 .contents h2{font-size: 5rem;padding: 1rem 4rem;border-radius: 16px;color: #fff;background-color: #0a6431;display: inline-block;margin-bottom: 5.8rem; margin-top: 2rem ;}
.section04 .contents .right h2{background-color: #000;padding: 1.5rem 3.5rem;display: inline-block;}
.section04 .contents p{font-size: 2.8rem; line-height: 170%; color: #fff;word-break: keep-all; margin-bottom: 4rem;}
.section04 .contents .icon_wrap{display: flex;justify-content: end; align-items: center; gap: 0 1rem;}
.section04 .contents .icon_wrap img{width: 8.4rem;}

.arrow{margin: 9rem auto;margin-top: 0; text-align: center;}
.arrow img{width: 34.4rem;}

.section05{text-align: center;background: url('../img/bg5.png') no-repeat; background-position: bottom; background-size: auto; padding-bottom: 23.8rem;padding-top: 9rem;}
.section05 .inner{width: 92%; max-width: 1688px; margin: 0 auto;}
.section05 .sub_title h2{color: #125b31; font-size: 7.5rem; font-weight: 600; font-style: italic;}
.section05 .sub_title h2 span{color: #9ebb02; font-size: 7.5rem; font-weight: 600; font-style: italic;}
.section05 .sub_title p{font-size: 3.8rem; font-weight: 600; font-family: 'Pretendard';padding-top: 3.2rem; padding-bottom: 11.7rem;word-break: keep-all;}
.section05 .items{display: flex; justify-content:space-between; align-items: center;}
.section05 .items .item{width: 32%;}
.section05 .items .item img{width: 100%;}
.section05 .items p{font-size: 3.2rem;font-weight: 500;margin-top: 2.7rem;}

.section06{background: url(../img/bg6.png) no-repeat;background-position: center; background-size: cover;padding: 9rem 0;}
.section06 .inner{margin: 0 auto; width: 92%; max-width: 1282px; text-align: center;}
.section06 .sub_title h6{font-size: 2.8rem; letter-spacing: 15px;display: inline-block;margin-left: 8%;}
.section06 .sub_title div{display: inline-flex; justify-content: center; align-items: end; gap: 0 15px;}
.section06 .sub_title div img{width: 11.4rem;}
.section06 .sub_title h2{font-size: 8rem; font-weight: 700; color: #282828; }
.section06 .sub_title h3{font-size: 8rem; font-weight: 700; color: #fff; }
.section06 .items{display: flex; justify-content: space-between; align-items: center;gap:4.3rem 3.8rem ;flex-wrap: wrap;margin-top: 5rem;}
.section06 .items img{width: 48%;}

.section07{background: url(../img/bg7.png) no-repeat; background-position: center; background-size: cover;padding-top: 14rem;text-align: center;position: relative;z-index: 9;}
.section07 .inner{margin: 0 auto; width: 92%; max-width:1006px ;}
.section07 .sub_title{position: relative ; z-index: 9; }
.section07 .sub_title h2{color: #fff; font-size: 7rem;  font-weight: 700;margin-bottom: 15px;}
.section07 .sub_title h2 span{color: #fff; font-size: 7rem;  font-weight: 700;background-color:#0056b8 ; padding: 0px 10px;padding-top: 4px; display: inline-block; margin: 0 5px;}
.section07 .sub_title h4 {background-color: #002c5e;display: inline-block;padding: 10px 25px;padding-right: 15px;transform: skew(-12deg);}
.section07 .sub_title h4 span{font-size: 4rem; font-weight: 500; color: #fff; display: inline-block;}
.section07 .inner>img{margin-top: -80px;width:100.6rem ;}

.section08{padding-top: 13.3rem;position: relative;}
.section08 .img1{position: absolute; left: 0; top: 30%;z-index: 9;animation: main 1s infinite alternate ease-in;}
.section08 .img2{position: absolute; right: 0; top: 0%;animation: main2 0.8s infinite alternate ease-in;}
.section08 .contents{width: 92%; max-width: 1414px; margin: 0 auto;display: flex; justify-content: start ; align-items: center;gap: 0 14.6rem;}
.section08 .contents h2{font-size: 10rem; font-weight: 700;color:#125c32 ;background: url(../img/bg8.png)no-repeat; background-size: auto;background-position: center;padding: 0 20px; padding-right: 50px; display: inline-block;}
.section08 .contents h3{font-size: 10rem; font-weight: 700;color:#403345 ;padding: 0 20px; }
.section08 .contents p{font-size: 3.2rem; font-weight: 500;margin-top: 4rem;margin-bottom: 4.3rem;line-height: 120%;word-break: keep-all;padding: 0 20px;}
.section08 .contents p span{color: #125c32; font-size: 3.2rem; font-weight: 500;}
.section08 .contents a{color: #125c32 ; border: 3px solid #125c32 ; border-radius: 8px;font-size: 2.2rem; font-weight: 500;padding: 2rem 7rem;display: inline-block;transition:all  0.3s;}
.section08 .contents a:hover{background-color: #125b31; color: #fff;box-shadow: 3px 3px 3px #00000049; }
.section08 .contents .left img{width: 49.4rem;}

@keyframes main {
    from {
      transform: translateY(-30px);
    }
    to {
      transform: translateY(0px);
    }
  }
  @keyframes main2 {
    from {
      transform: translateY(-30px) scale(1);
    }
    to {
      transform: translateY(0px) scale(1.03);
    }
  }

  .br_500{display: none;}


@media screen and (max-width:1706px) {
    .section08 .img1 img{width: 25rem;}
    .section08 .img2 img{width: 45rem;}
}
@media screen and (max-width:1560px) {
    .ani-in .left_text{left: 3.5%;}
    .ani-in .right_text{right: 14.5%;}
    .section02 .contents .txt3{left: 220px;}
    .section03 .sub_title img{right: 10px;}
    .section04 .sub_title{align-items: start;}
    .section04 .txt{margin-top: 5rem;}
}
@media screen and (max-width:1472px) {
    .ani-in .left_text{left: 0.5%;}
    .ani-in .right_text{right: 11.5%;}
}
@media screen and (max-width:1400px) {
  #ft{margin-bottom: 133px;}
    .ani-in .left_text{left: 3.5%;}
    .ani-in .right_text{right: 14.5%;}
    .section02 .contents .txt6{top: 295px;}
    .section02 .contents .txt4{top: 161px;}
    .section04 .contents .left{padding: 5rem;padding-top: 13rem;}
    .section04 .contents .right{padding: 5rem;padding-top: 10rem;}
    .section04 .contents{height: 752px;}
    .section05{padding-bottom: 13rem;}
    .section08 .img2 img{width: 40rem;}
    .section08 .contents h2{background-size: 88%;}
    .section08 .contents{gap: 0 10rem;}
    #formmail-write .checkbox_wrap{width: 40% !important;}

}
@media screen and (max-width:1300px) {
    .ani-in .left_text{left: 0.5%;}
    .ani-in .right_text{right: 11.5%;}
    .section03 .sub_title img{top: 44px; width: 10rem;}
}
@media screen and (max-width:1200px) {
  
    .ani-in .left_text h2{font-size: 5rem;}
    .ani-in .left_text h3{font-size: 8rem;background-size: 95%;}
    .ani-in .right_text h6{font-size: 2.4rem;}
    .ani-in .right_text h2,.ani-in .right_text h3{font-size: 6rem;}
    .ani-in .left_text{left: 8.5%;}
    .ani-in .right_text{right: 17.5%;}
    .quick_banner{width: 15rem;}
    .section01 .text_wrap img{width: 70rem;}
    .section01 .text_wrap .box1 p,.section01 .text_wrap .box1 p b{font-size: 2.4rem;}
    .section01 .text_wrap .box1 span{font-size: 3rem;}
    .section01 .text_wrap .box2 p,.section01 .text_wrap .box2 p span{font-size: 2.6rem;}
    .section01 .text_wrap h2{font-size: 4rem;}
    .section01 .text_wrap{gap: 1.5rem 0;}
    .section02 .sub_title h2,.section02 .sub_title h2 span{font-size: 5rem;}
    .section02 .sub_title p{font-size: 3rem;}
    .section02 .contents .txt1{top: 41px; left: 0;z-index: 10;width: 52.4rem;}
    .section02 .contents .txt2{top: 0px; right: 10px;z-index: 10;width: 70.1rem;}
    .section02 .contents .txt3{top: 100px; z-index: 9;width: 62.7rem;}
    .section02 .contents .txt4{top: 165px; right: 0;z-index: 8;width: 52.2rem;}
    .section02 .contents .txt5{top: 230px; left: 150px;z-index: 15;width:84.7rem ;}
    .section02 .contents .txt7{top: 300px; right: 10px;width: 50.1rem;}
    .section02 .contents .txt6{top: 286px; left:10px;width: 61.7rem;}
    .section02 .text_wrap .inner h3{font-size: 4rem;}
    .section02 .text_wrap .inner h3 .circle{width: 5px; height: 5px;top: -40%;left: 49%}
    .section02 .text_wrap p{font-size: 2.6rem;}
    .section03 h6, .section03 h6 b{font-size: 2.6rem;}
    .section03 h2, .section03 h2 span{font-size: 5rem;}
    .section03 .sub_title img{top: 14px; right: 14%}
    .section04 .sub_title img{width: 30rem;}
    .section04 .sub_title .txt h2,.section04 .sub_title .txt h2 span{font-size: 6rem;}
    .section04 .sub_title .txt p,.section04 .sub_title .txt p span{font-size: 2.6rem;}
    .section04 .sub_title{justify-content: center;}
    .section04 .contents{margin-top: -53px;}
    .section04 .contents .img img{width: 30rem;}
    .section04 .contents .right .icon img{width: 10rem;}
    .section04 .contents .left .icon img{width: 10rem;}
    .section04 .contents h2{font-size: 3rem;margin-bottom: 3rem;}
    .section04 .contents p{font-size: 2rem;margin-bottom: 2rem;}
    .section04 .contents .left .icon{margin-left: 61px;}
    .section04 .contents{height: 600px;}
    .section04 .contents .right .icon{margin-right: 88px;}
    .section04 .contents .icon_wrap img{width: 5rem;}
    .section05 .sub_title h2,.section05 .sub_title h2 span{font-size: 5rem;}
    .section05 .sub_title p{font-size: 2.4rem; padding-top: 2rem; padding-bottom: 6rem;}
    .section05 .items p{font-size: 2.4rem;margin-top: 1rem;}
    .section06 .sub_title h6{font-size: 2.2rem;margin-left: 3%;margin-bottom: 1rem;}
    .section06 .sub_title h2,.section06 .sub_title h3{font-size: 5rem;}
    .section06 .sub_title div img{width: 8rem;}
    .section07 .sub_title h2,.section07 .sub_title h2 span{font-size: 5rem;}
    .section07 .sub_title h4 span{font-size: 3rem;}
    .section07 .inner>img{width: 80rem;}
    .section08 .contents h2, .section08 .contents h3{font-size: 5rem;}
    .section08 .contents p,.section08 .contents p span{font-size: 2.6rem;}
    .section08 .contents{justify-content: center;}
    .section08 .contents .left img{width: 40rem;}
    .section08 .contents{gap: 0 6rem;}
    .section08 .img1 img{width:21rem ;}
    .section08 .img2 img{width: 30rem;}
    .section08{padding-top: 10rem;}
    .fixed .title h3{font-size: 2.5rem; }
    .fixed .title img{width: 4rem;}
    #formmail-write .btn_submit{padding: 10px 35px; font-size: 1.8rem; margin-left: 0;}
    #formmail-write .privacy-of-use-check label, .pop-btn1{font-size: 1.6rem;}
    #formmail-write .checkbox_wrap{width: auto !important;}
    .fixed{height: auto;}
    #ft{margin-bottom: 127px;}
    /* .quick_banner{bottom: 110px;} */
    .section03{padding-top: 15rem;}
}
@media screen and (max-width:1024px) {
    .section02{padding-top: 5rem;background: url(../img/t_bg1.png) no-repeat; background-size: cover; background-position: center;}

    #header .head_menu .main_menu{width: 80%;}
    #header .head_menu .logo{width: 9.5rem;}
    .quick_banner{width: 12rem;}
    .section01 .text_wrap img{width: 59rem;}
    .section02 .contents .txt1{top: 41px; left: 0;z-index: 10;width: 46.4rem;}
    .section02 .contents .txt2{top: 0px; right: 10px;z-index: 10;width: 60.1rem;}
    .section02 .contents .txt3{top: 100px; z-index: 9;width: 53.7rem;}
    .section02 .contents .txt4{top: 158px; right: 110px;z-index: 8;width: 42.2rem;}
    .section02 .contents .txt5{top: 213px; left:75px;z-index: 15;width:72.7rem ;}
    .section02 .contents .txt7{top: 275px; right: 10px;width: 51.1rem;}
    .section02 .contents .txt6{top: 274px; left:10px;width: 41.7rem;}
    .section02 .contents{height: 350px;}
    .section03 .sub_title img{top: 14px; right: 8%}
    .arrow img{width: 26rem;}
    .fixed .logo{display: none;}
    .fixed .latest_top_wr{width: 80%;}
    #formmail-write .form-group .form-control {padding: 15px;}
    #ft{margin-bottom: 109px;}
    .section01 .inner{padding-top: 7rem;}
    .ani-in .left_text h2{font-size: 3rem;}
    .ani-in .left_text h3{font-size: 5rem;padding-left: 25px;}
    .ani-in .left_text{left: 20.5%;}
    .ani-in .right_text h6{font-size: 2rem;}
    .ani-in .right_text h2, .ani-in .right_text h3{font-size: 4rem;}
    .ani-in .right_text{top: 23%; right: 24%;}
}

@media screen and (max-width:950px) {
    .section01 .text_wrap img{width: 52rem;}
    .section02 .contents .txt1{top: 55px; left: 0;z-index: 10;width: 46.4rem;}
    .section02 .contents .txt2{top: 0px; right: 10px;z-index: 10;width: 60.1rem;}
    .section02 .contents .txt3{top: 118px; left: 100px; z-index: 9;width: 53.7rem;}
    .section02 .contents .txt4{top: 175px; right: 59px;z-index: 8;width: 42.2rem;}
    .section02 .contents .txt5{top: 227px; left:32px;z-index: 15;width:72.7rem ;}
    .section02 .contents .txt7{top: 340px; right: 95px;width: 51.1rem;}
    .section02 .contents .txt6{top: 288px; left:10px;width: 41.7rem;}
    .section03 .sub_title img{right: 5%;}
    .section06 .items img{width: 47%;}
}
@media screen and (max-width:850px) {
    .ani-in .left_text{left: 14%;}
    .ani-in .right_text{right: 18.5%;}
    .section03 .sub_title img{right: 0%;}
    .section04 .txt{margin-top: 0;}
}
@media screen and (max-width:768px) {
  .fixed>p{font-size: 1.4rem;}
    .section01 .text_wrap .box1 p, .section01 .text_wrap .box1 p b{font-size: 2rem;}
    .section01 .text_wrap img{width: 40rem;}
    .section01 .text_wrap .box2 p, .section01 .text_wrap .box2 p span{font-size: 2rem;}
    .section01 .text_wrap h2{font-size: 2.6rem;}
    .section01 .inner{gap: 0 3rem;}
    .section02 .sub_title h2, .section02 .sub_title h2 span{font-size: 3rem;}
    .section02 .sub_title p{font-size: 2rem;}
    .section02 .contents .txt1{top: 38px; left: 38px;z-index: 10;width: 31.4rem;}
    .section02 .contents .txt2{top: 0px; right: 10px;z-index: 10;width: 41.1rem;}
    .section02 .contents .txt3{top: 81px; left: 100px; z-index: 9;width: 39.7rem;}
    .section02 .contents .txt4{top: 125px; right: 60px;z-index: 8;width: 31.2rem;}
    .section02 .contents .txt5{top: 164px; left:0px;z-index: 15;width:46.7rem ;}
    .section02 .contents .txt7{top: 244px; right: 26px;width: 34.1rem;}
    .section02 .contents .txt6{top: 202px; left:99px;width: 30.7rem;}
    .section02 .contents{height: 300px;}
    .section02>img{width: 250px;margin-top: 9rem;}
    .section02 .text_wrap .inner h3{font-size: 2.6rem;}
    .section02 .text_wrap .inner h3 .circle{width: 5px; height: 5px;top: -40%;left: 49%}
    .section02 .text_wrap p{font-size: 2rem;margin-top: 1rem;word-break: keep-all;}
    .section02 .text_wrap .inner{padding: 4rem 2rem;}
    .italic-background{padding: 0 5px; padding-right: 8px;}
    .section02 .text_wrap .inner h3 .circle:last-child{left: 52%;}
    .section02{padding-bottom: 10rem;}
    .section03 h6, .section03 h6 b{font-size: 1.8rem;margin-bottom: 1rem;}
    .section03 h2, .section03 h2 span{font-size: 2.5rem;}
    .section03 .sub_title img{width: 6rem; top: 12px; right: 14%;}
    .section04 .sub_title .txt h2, .section04 .sub_title .txt h2 span{font-size: 3.5rem;}
    .section04 .sub_title .txt p, .section04 .sub_title .txt p span{font-size: 1.8rem;}
    .section04 .sub_title .txt{margin-top: 0rem;}
    .section04 .sub_title img{width: 20rem;}
    .section04 .contents .img img{width: 20rem;}
    .section04 .contents .left .icon img,.section04 .contents .right .icon img{width: 5rem;}
    .section04 .contents h2{font-size: 2.2rem;}
    .section04 .contents p{font-size: 1.8rem;margin-bottom: 2rem;}
    .section04 .contents .left{padding: 3rem; padding-top: 7rem;}
    .section04 .contents .right{padding: 3rem; padding-top: 4rem;}
    .section04 .contents .icon_wrap img{width: 3rem;}
    .section04 .contents{height: 450px;}
    .arrow img{width: 20rem;}
    .section05 .sub_title h2, .section05 .sub_title h2 span{font-size: 3rem;}
    .section05 .sub_title p{font-size: 1.8rem; font-weight: 500;}
    .section05 .items p{font-size: 1.8rem;}
    .section05{background: url(../img/t_bg5.png) no-repeat;background-position: bottom; background-size: cover;}
    .section06 .sub_title h6{font-size:1.8rem ;letter-spacing: 10px;}
    .section06 .sub_title h2, .section06 .sub_title h3{font-size: 3rem;}
    .section06 .sub_title div{width: 100%;}
    .section06 .sub_title div img{width: 4rem;}
    .section07 .sub_title h2, .section07 .sub_title h2 span{font-size: 3rem;}
    .section07 .sub_title h4 span{font-size: 2.2rem;padding: 0 5px; padding-top: 2px;word-break: keep-all;}
    .section07 .sub_title h4{padding: 5px 10px;}
    .section07 .inner>img{width: 40rem;margin-top: -30px;}
    .section07{padding-top: 10rem;}

    .section08 .contents .left img{width: 25rem;} 
    .section08 .contents{gap: 0 3rem;}
    .section08 .img1 img{width: 13rem;}
    .section08 .img2 img{width: 24rem;}
    .section08 .img2{animation: main3 0.8s infinite alternate ease-in;}

    .section08 .contents p{margin-top: 3rem;word-break: keep-all;}
    .fixed .title h3{font-size: 2rem;margin-right: 1rem;}
    
    #formmail-write .privacy-of-use-check label, .pop-btn1{font-size: 1.2rem;}
    #formmail-write .btn_submit{padding: 10px 15px;}
    .fixed .latest_top_wr{width: 93%;}
    .line{margin: 7rem auto;margin-bottom: 4rem; height: 80px;}
    .section03{padding-top: 10rem;}
    .ani-in .left_text h2{font-size: 2.4rem;}
    .ani-in .left_text h3{font-size: 4rem;}
    .ani-in .right_text h6{font-size: 1.8rem;}
    .ani-in .right_text h2, .ani-in .right_text h3{font-size: 3.5rem;}
    .ani-in .right_text h3{padding: 0 7px;}
    .ani-in .left_text{left: 16%;}
    .ani-in .right_text{right: 20.5%;}
    .section03 .sub_title{margin-bottom: 3.2rem;}
    .section08 .img1{top: 11%;}
}

@keyframes main3 {
    from {
      transform: translateY(-15px) scale(1);
    }
    to {
      transform: translateY(0px) scale(1.03);
    }
  }



@media screen and (max-width:650px) {

    .ani-in{margin-top: 86px;}
    #header .head_menu{flex-direction: column;padding: 15px 0;height: 114px;}
    #header .head_menu .main_menu{width: 100%;}
    #header .head_menu .logo{width: 6.5rem;}
    #header .head_menu .main_menu .dept1 img{width: 77%;}
    /* .fixed{position: relative;} */
    #ft{margin-bottom: 133px;}

    .section01 .inner{flex-wrap: wrap;}
    .section01 .img1{width: 13rem;margin: 5px auto;margin-bottom: 35px;display: none;}
    .section01 .img2{width: 8.6rem;margin: 5px auto;margin-top: 40px;display: none;}
    .section01 .text_wrap{width: 100%;}
    .section02 .contents{margin-top: 8rem;}
    .section03 .sub_title img{right: 6%;}
    .section04 .sub_title{flex-direction: column;}
    .section04 .contents{margin-top: 70px;}
    .section04 .sub_title img{width: 15rem;}
    .section04 .sub_title .txt{background-color: #fff;margin-top: -50px;padding-top: 10px;}
    .section04 .sub_title{justify-content: center;align-items: center;}
    .section04 .sub_title .txt h2, .section04 .sub_title .txt h2 span{text-align: center;}
    .section04 .contents .img{top: -8%;}
    .section04 .contents{flex-direction: column;}
    .section04 .contents .left{width: 100%; border-radius: 50px 50px 0 0 ;}
    .section04 .contents .right{width: 100%; border-radius: 0 0 50px 50px;background-position: 50% 92%;padding-bottom: 5rem;}
    .section04 .contents h2{margin-top: 1rem; margin-bottom: 2rem;}
    .section04 .contents .img img{width: 16rem;}
    .section05 .items{flex-wrap: wrap;gap: 2rem 0;}
    .section05 .items .item{width: 100%;}
    .section05 .sub_title p br{display: none;}
    .section04 .contents{height: auto;}
    .section05{background: url(../img/m_bg5.png) no-repeat;background-position: bottom; background-size: contain;}
    .section06 .items img{width: 46%;}
    .section08{padding-top: 5rem;}
    .fixed .logo{display: block;width: 6rem;}
    .fixed .width{flex-wrap: wrap;justify-content: center; gap: 1rem;}
    .fixed .latest_top_wr{width: 100%;}
    .section01 .mob_img{display: flex; justify-content: center; align-items: end; gap: 0 3rem;width: 100%;margin-bottom: 30px;}
    .section01 .mob_img img{width: 100px;}
    .section08 .contents{flex-direction: column-reverse; }
    .section08 .img2{right: -69px;top: 31%;}
    .section08 .img2 img{transform: rotate(73deg);}
    .section08 .img1{top: 61%;}
    .section08{padding-bottom: 0;}
    .m_ani{display: block;background: url(../img/m_main.jpg) no-repeat; background-position: top; background-size: 100%;height: 166vw;margin-top: 70px;}
    .ani-in{display: none;}
    .section04 .sub_title{padding-top: 2rem;}
    .foot_info span{font-size: 1.4rem;}
    #ft .footer img{width:8rem ;}
    #ft{padding: 15px 0;}
    .fixed .title h3{font-size: 1.6rem; margin-right: 0; font-weight: 500;}
    .fixed .title img,.fixed .logo{display: none;}
} 



@media screen and (max-width:570px) {
    .section03 .sub_title img{right: 3%;}
}
@media screen and (max-width:500px) {
    .ani-in{background: url(../img/main_500.png) no-repeat; background-position: center; background-size: auto;height:500px;}
    #header .head_menu .main_menu{flex-wrap: wrap;gap: 1rem;}
    #header .head_menu .main_menu .dept1{width: 30%;padding: 0;}
    #header .head_menu{height: 135px; gap: 2rem 0;}
    #header .head_menu .main_menu .dept1 img{width: 82px;}
    .quick_banner{width: 10rem;}
    .section01 .text_wrap .box1{gap: 0 0.8rem;}
    .section01 .text_wrap .box1 span{font-size: 2.2rem; font-weight: 500;}
    .section01 .text_wrap .box1 p, .section01 .text_wrap .box1 p b{font-size: 1.8rem;}
    .section02 .contents .txt1{top: 38px; left: 20px;z-index: 10;width: 100%;max-width: 26.4rem;}
    .section02 .contents .txt2{top: 0px; right: 10px;z-index: 10;width: 100%;max-width: 36.1rem;}
    .section02 .contents .txt3{top: 74px; left: 0px; z-index: 9;width: 100%;max-width: 34.7rem;}
    .section02 .contents .txt4{top: 116px; right: 0px;z-index: 8;width: 100%;max-width: 26.2rem;}
    .section02 .contents .txt5{top: 153px; left:10px;z-index: 15;width: 100%; max-width:41.7rem ;}
    .section02 .contents .txt7{top: 220px; right: 13px;width: 100%;width: 29.1rem;}
    .section02 .contents .txt6{top: 186px; left:0px;width: 100%;max-width: 25.7rem;}
    .section02 .contents{height: 280px;}
    .section02>img{width: 200px;}
    .section02 .text_wrap .inner h3 .circle{display: none;}
    .section02 .text_wrap .inner{background-color:#ffffffb2 ;}
    .section03 .sub_title img{right: 43%;top: -70px;}
    .br_500{display: block;}
    .section03 h6{line-height: 150%;}
    .section03 h2{line-height: 150%;}
    .section03 h2 span{padding: 3px;}
    .section03{padding-bottom: 7rem;}
    .section04 .contents .left .icon img, .section04 .contents .right .icon img{width:4rem;}
    .section05{padding-bottom: 10rem;}
    .section06 .items img{width: 100%;}
    .section06 .sub_title h6{letter-spacing: 5px;}
    #formmail-write .form-group{flex-wrap: wrap;gap: 1rem 0;justify-content: center;}
    #formmail-write .form-group.col4>div{width: 50%;}
    #formmail-write .btn_submit{font-size: 1.6rem; padding: 0 20px;}
    .control-container{gap: 0 20px;}
    .section02 .contents{margin-top: 5rem;}
    .section02 .sub_title h2 span{padding:0 3px;}
    .section02 .sub_title h2{margin-bottom: 1rem;}
    .section03{padding-top: 15rem;}
    .section07{padding-top: 8rem;}
    .ani-in .left_text{top: 16%;}
    .section08 .img2 img{width: 19rem;}
    .section08 .contents h2, .section08 .contents h3{padding: 0 25px;}
    .section08 .contents h2, .section08 .contents h3{font-size: 4rem;}
    .section08 .contents p, .section08 .contents p span{font-size: 2.2rem;}
    .mobile_head ul li a{font-size: 1.5rem;}
    .section01 .mob_img img{width: 80px;}
    #ft{margin-bottom: 164px;}
    .fixed{padding-top: 10px ;}
    .fixed .width{gap: 1rem 3rem;}
    #formmail-write .form-group{gap: 0.5rem 0;}
    #formmail-write .form-group .form-control{padding: 10px;font-size: 1.4rem;}
    .section01 .inner{padding-top: 2rem;}

    
}
@media screen and (max-width:400px) {
    .section04 .contents .img img{width: 13rem;}
    .section04 .contents .img{left: 67%;}
}