@media screen and (max-width: 1600px) {
  html, body {font-size: 16px;}
  /* main */
  .m2_Box > .Rr {font-size: 1.2rem;}
  .m3 .m3_txt .Rr {padding: 0 30px;}
  .m4 .main-slick .m4_txt {opacity: 0;}
  #footer .F_logo {flex: 1;}

  /* sub */
  .sub_1_1 .s12 h4 {font-size: 1.6rem;}
  .sub_1_1 .s12 div > p {font-size: 1.2rem;}
  .sub_1_1 .c2 p {font-size: 1.5rem;}
  .sub_2_1 .c1 .s212 h4 {font-size: 1.9rem; text-align: left;}
  .sub_2_1 .c1 .s212 .cont .Rr {font-size: 1rem;}
  .sub3 .black {font-size: 3rem; line-height: 25px;}
  .sub_3_1 .c1 .sub3-slick1 .slide ul li {font-size: 1rem; line-height: 30px;}
}
@media screen and (max-width: 1400px) {
  /* main */
  .inner {width: 90%;}
  .inner2 {width: 90%;}
  html, body{font-size: 15px;}
  .m1 .Bd {font-size: 4.5rem;}
  .m2_Box > .Rr {font-size: 1.1rem;} 
  #section3 .inner2 {display: flex; justify-content: center;}
  .m3 .m3_txt .Rr {padding: 0;}
  .m4 .sub_tit {margin: 240px 0 0 22%;}
  .m4 .slick-slider {left: 12vw;}
  .Btn_Box p::after {display: none;}
  .sub_2_1 .c1 .s212 h4 {font-size: 1.8rem;}
  .sub_2_1 .c1 .s212 .BtnWrap {padding: 10px;}
  .sub_2_1 .c1 .s212 .BtnWrap p {font-size: 14px;}
  .sub_3_2 .c2 .s32 .slick-prev, .sub_3_2 .c2 .s32 .slick-next {display: none !important;}

  /* sub */
  .sub_1_1 .s12 h4 {font-size: 1.3rem;}
  .sub_1_1 .s12 {gap: 30px;}
  .sub_1_1 .s12 img {width: 100%;}
  .sub_1_1 .s12 div > p {font-size: 1rem;}
  .sub_1_1 .s12 .Bd p {font-size: 2rem;}
  .sub_2_1 .c2 .s222 span {font-size: 2rem;}
  .sub_2_1 .c2 .s222 p {font-size: 1rem;}
}
@media screen and (max-width: 1200px) {
  /* main */
  html, body{font-size: 13px;}
  .m4 .slick-initialized .slick-slide {justify-content: flex-start;}
  .slick-slide img {width: 50vw;}
  .m5 {flex-wrap: wrap; padding-top: 100px; gap: 30px;}
  .m5 .L_Box {flex: auto; width: 100%; text-align: center;}
  .m5 ul {width: 50%; margin: 25px auto 30px;}
  .m5 .m_H .Rr {display: inline-block;}
  .m5 .Btn_Box {margin: auto;}
  .m5 .Btn_Box p {padding: 0 25%;}
  .m5 .R_Box iframe {height: 280px;}
  #footer .F_info {font-size: 15px;}

  /* sub */
  .sub_1_1 .s12 {flex-direction: column;}
  .sub_1_1 .s12 div:last-child {margin: auto;}
  .sub_2_1 .c1 .s212 .cont {flex-direction: column;}
  .sub_2_1 .c1 .controls {margin-top: 50px;}
  .sub_2_1 .c1 .s212 .BtnWrap {width: 50%; justify-content: space-between;}
  .sub3 .c1 .sub3-slick1 h3 {line-height: 30px;}
  .sub3 .c1 .sub3-slick1 .slide > div {min-height: 400px;}
  .sub3 .c1 .slick-slide img {height: 100%;}
  .sub3 .c1 .sub3-slick1 .slide > div div {margin: 20px 0 15px;}
  .sub3 .c2 .s32 .ImgWrap, .sub3 .c2 .s32 .TxtWrap {flex: 1;}
}
@media screen and (max-width: 1000px) {
  /* main */
  #menu {display: none;}
  .nav .nav_main > li > a {font-size: 12px;}
  .m1 .Bd {font-size: 3rem;}
  .m2_Box > .Rr {font-size: 1rem; white-space: nowrap;}
  .m3 .m3_Icon li {width: 19vw;}
  .inner2 {margin: auto;}
  .m4 .sub_tit {margin: auto; padding-top: 200px; text-align: center;}
  .m4 .slick-initialized .slick-slide {flex-direction: column;}
  .m4 .slick-slider {left: 25%; top: 10vh;}
  .m4 .main-slick .Btn_Box p {padding: 0; text-align: center;}
  #footer .SiteWrap {display: none;}
  .m4 .main-slick .Btn_Box {width: 10vw; padding: 0 15px;}
  .m3 .m3_Icon li p::after {display: none;}
  /* sub */
  .sub_H {font-size: 3rem;}
  .sub_1_1 .c2 p {font-size: 1.2rem;}
  .sub_2_1 .c1 .s212 h4 {font-size: 1.5rem;}
  .sub_3_2 .c2 .s32 .slide {gap: 60px;}
}
@media screen and (max-width: 840px) {
  /* main */
  html, body{font-size: 17px;}
  .siteMap, .mob_nav {display: block; text-align: left;}
  .mob_nav .nav_tit span {display: block;}
  .siteMap .inner2 {width: 100%; position: relative; top: 80px;}
  .siteMap .inner2 > p {display: none;}
  .mob_sub {display: none; background: #fa5a37;}
  .mob_sub > li a {color: #fff !important;}
  
  .nav {display: none;}
  #header:hover {height: auto;}
  .m_H .Bd {font-size: 2.2rem;}
  .m2_Box > .Rr {font-size: 1rem; white-space:inherit;margin: 25px 0 20px;}
  .m3 .m3_Icon li p::after {display: none;}
  .m3 .m3_txt .Rr {font-size: 1rem;}
  .m4 .slick-slider {left: 12%; top: 2vh;}
  .m4 .main-slick .Btn_Box {margin: 30px 12%; width: 15vw;}
  .m5 .Btn_Box {width: 15vw;}
  .F_wrap {flex-direction: column;}
  #footer .F_logo {margin-bottom: 30px;}
  #footer .F_logo h4::after {display: none;}
  /* sub */
  .sub_H {font-size: 2.5rem;}
  .sub_T h3 {font-size: 3rem;}
  .sub_1_1 .c2 h3 {font-size: 1.8rem;}
  .sub_1_1 .c2 p {white-space: normal;}
  .sub_2_1 .c1 .s21 > div {width: 90%; margin:auto;}
  .sub_2_1 .c1 .s212 .VideoWrap {width: 45.5vw;}
  .sub_2_1 .c1 .s212 h4 {font-size: 1rem;}
  .sub_2_1 .c2 .s222 h3 {font-size: 2.5rem; margin: 25px 0 40px;}
  .sub_2_1 .c2 .cWrap div p {font-size: .8rem;}
  .sub_2_1 .c2 .s222 span {font-size: 1.2rem;}
  .sub_2_1 .c2 .s222 p {font-size: .7rem;}
  .sub3 .black {font-size: 2rem;}
  .sub_3_1 .c1 .sub3-slick1 .slide ul li {font-size: .6rem;}
  .sub3 .c2 .s32 .TxtWrap p {font-size: 1.25rem;}
  .sub3 .c2 .s32 .TxtWrap h4:not(:first-child) {font-size: 1rem;}
  .sub_3_1 .c2 .s32 {gap: 100px;}
}
@media screen and (max-width: 460px) {
  /* main */
  html, body{min-width: auto;} 
  html, body{font-size: 16px;}
  .m1 .We {font-size: 1rem;}
  .m1 .Bd {font-size: 1.8rem; letter-spacing: -1px;}
  .m1 .Btn_Box a {padding: 20px;}
  .m1 .Rr {font-size: 1rem;}
  #section2 {background: url(../img/main/m2_bg.png)no-repeat center/100% 50%;}
  .m2_Box .Bk {font-size: 1.5rem;}
  .m2_Box > .Rr {margin: 20px 0; line-height: 20px;}
  .m2 .Btn_Box a {padding: 20px;}
  #section3 .m_H {padding-top: 100px;}
  .m3 .m3_txt .Rr {font-size: .7rem;}
  .m3 .m3_Icon {justify-content: space-between; gap: unset;}
  .m3 .m3_Icon li {width: 25vw;}
  .m3 .m3_Icon li p {font-size: .8rem;}
  .m3 .m3_Icon img {width: 10vw;}
  .m4 .main-slick .m_H p {font-size: .7rem;}
  .m4 .slick-slider {left: 2%;}
  .m4 .main-slick .Btn_Box {margin: 30px 10%;}
  .slick-slide img {width: 80vw;}
  .m5 ul {width: 100%;}
  #footer .F_info {width: 90%; white-space: normal;}
  /* sub */
  .sub_H {margin-bottom: 100px;}
  .subtop_nav {justify-content: center; gap: 15vw;}
  .sub_1_1 .s12 div:last-child {width: 90%;}
  .sub_1_1 .inner img {height: 35vh;}
  .sub_1_1 .c2 p {font-size: .9rem;}
  .sub_2_1 .c1 .s211 {background: url(../img/sub/sub_2_1_c1_s211_bg.png) no-repeat center/100% 100%;}
  .sub_2_1 .c1 .s211 h4 {margin: 0;}
  .sub_T h3 {font-size: 2rem; margin: 15px 0 20px;}
  .sub_2_1 .c1 .s211 span {font-size: 1.2rem;}
  .sub_2_1 .c1 .s211 h4 {font-size: 1rem;}
  .sub_2_1 .c1 .s211 p {font-size: .9rem; text-align: center;}
  .sub_2_1 .c1 .s212 h4 {font-size: .8rem; text-align: center;}
  .sub_2_1 .c1 .s212 .cont .Rr {font-size: .7rem;}
  .sub_2_1 .c1 .s212 .BtnWrap {width: 80%;}
  .sub_2_1 .c2 .s221 .cWrap {flex-direction: column; gap: 200px;}
  .sub_2_1 .c2 .s222 h3 {font-size: 1.5rem;}
  .sub_2_1 .c2 .s222 span {font-size: .8rem; line-height: 30px;}
  .sub_2_1 .c2 .s222 p {font-size: .6rem;}
  .sub3 .c1 .slick_Wrap {margin: 40px auto;}
  .sub3 .c1 .sub3-slick1 .slide {flex-wrap: wrap;}
  .sub3 .c1 .sub3-slick1 .slide > div {flex: auto; min-height: auto;}
  .sub_3_1 .c2 .s32 {flex-wrap: wrap; gap: 50px; padding: 30px;}
  .sub3 .c2 .s32 .ImgWrap, .sub3 .c2 .s32 .TxtWrap {flex: auto; width: 100%;}
  .sub_3_2 .c2 .s32 .slide {flex-wrap: wrap;}
}
@media screen and (max-width: 320px){
  /* main */
  html, body{font-size: 14px;}
  .m1 .Bd {font-size: 1.4rem;}
  .m2_Box {width: 80vw;}
  .m2_Box .Bk {font-size: 1.5rem; line-height:30px;}
  .m_H .Bd {font-size: 2rem;}
  .m3 .m3_txt .Rr {font-size: .9rem;}
  .m3 .m3_Icon li {width: 30vw;}
  .m4 .slick-slider {left: -15%;}
  .m4 .main-slick .Btn_Box {width: 18vw;}
  .slick-slide img {width: 100vw;}
  .m5 li p:last-child {font-size: .6rem;}
  .m5 .Btn_Box {width: 20vw;}
  .IconWrap .Icon {width: 30px; height: 30px;}
  .Icon img {width: 25px; height: 20px;}
  #footer {height: 300px !important;}
  #footer .F_info {font-size: 12px;}
  /* sub */
  .sub_H {font-size: 2rem;}
  #sub_top .subtop_nav > li.dropdown p {font-size: .7rem; white-space: nowrap;}
  .subtop_nav > li.dropdown .subtop_ul li a {font-size: .6rem;}
  .subtop_nav > li:first-child {right: -10vw; width: 15px; }
  .subtop_nav {width: 80%;}
  .sub_T h3 {font-size: 1.5rem;}
  .sub_1_1 .s12 {margin-bottom: 50px;}
  .sub_1_1 .s12 h4 {font-size: 1rem; line-height: 20px;}
  .sub_1_1 .s12 div > p {font-size: .7rem; line-height: 20px; margin: 30px 0;}
  .sub_1_1 .s12 .Bd {font-size: .7rem;}
  .sub_1_1 .s12 .Bd p {font-size: 1rem; line-height: 30px;}
  .sub_1_1 .c2 h3 {font-size: 1.5rem;}
  .sub_1_1 .c2 p {font-size: .8rem; line-height: 30px;}
  .sub_1_1 .c2 .inner2 {padding: 0 0 160px;}
  .sub_2_1 .c1 {height: 1250px; flex-wrap: wrap;}
  .sub_2_1 .c1 .s21 {flex: auto;}
  .sub_2_1 .c1 .s211 h3 {margin: 10px 0 10px;}
  .sub_2_1 .c1 .s211 span {font-size: 1rem;}
  .sub_2_1 .c1 .s211 h4 {font-size: .8rem;}
  .sub_2_1 .c1 .s211 p {font-size: .8rem;}
  .sub_2_1 .c1 .s212 .VideoWrap {width: 100%;}
  .sub_2_1 .c2 .s221 .cWrap {display: none;}
  .sub_2_1 .c2 .s222 {flex: auto;}
  .sub_2_1 .c2 .s222 h3 {font-size: 2rem;}
  .sub_2_1 .c2 .s222 span {font-size: 1.3rem;}
  .sub_2_1 .c2 .s222 p {font-size: .7rem;}
  .sub3 .c1 .slick-slide {margin: 0px;}
  .sub_3_2 .c1 .sub3-slick1 .slide ul li {font-size: 1.42rem;}
  .slick-slide img {width: 80vw;}
}