@media screen and (max-width: 1800px) {
  .m4::after { width: 95%; }
  .m4 .object_2 { right: 4%; }
  .m4 .object_3 { left: 2%; }

  /* sub_2_1 */
  .s213 .inner3 { width: 87%; margin-left: 13%; }
}


/* ------------------------------------------------------------------------------------ */


@media screen and (max-width: 1700px) {
  /* sub_2_1 */
  .s213 .inner3 { width: 89.5%; margin-left: 10.5%; }
}


/* ------------------------------------------------------------------------------------ */


@media screen and (max-width: 1600px) {
  html { font-size: 16px; }
  
  /* m1 */
  .m1_control .swiper-pagination { left: 102%; }
  .m1 .center{ width: 80%; }

  /* m4 */
  .m4 .object_1 { right: 60%; top: -9%; }
  .m4 .object_2 { right: 5%; top: -5%; }
  .m4 .object_3 { left: 17%; bottom: 3%; }

  /* m5 */
  .m5 .right .swiper-slide { width: 30%; }

  /* sub_2_1 */
  .s213 .inner3 { width: 92%; margin-left: 8%; }
}


/* ------------------------------------------------------------------------------------ */


@media screen and (max-width: 1500px) {
  /* m4 */
  .m4 { padding: 12vh 0; }
  .m4::after { width: 100%; border-radius: 0; }
  .m4 .inner5 { height: 425px; }
  .m4 .object_1 { width: 29vw; }
  .m4 .object_2 { width: 9.8vw; }
  .m4 .object_3 { width: 8.8vw; }

  /* m5 */
  .m5 .right .swiper-slide .cont_wrap,
  .m5 .right .swiper-slide-active .cont_wrap { min-height: auto; }
  .m5 .right .swiper-slide .cont_wrap a { padding: 15% 9%; }

  /* m6 */
  .m6 .inner { padding: 10vh 0; }
  .m6 .inner strong { font-size: 1.8rem; }
  .m6 .inner .tag_wrap li p { font-size: 1.7rem; }
  .m6 .inner > p { font-size: 1.1rem; }
  .m6 .inner h3 { font-size: 2rem; }
  
  /* sub_1_1 */
  .s113 .s113_cont { align-items: center; }
  .s113 .s113_cont .right { padding-bottom: 0; }
  .s113 .s113_cont .right .sub_txt { font-size: 1rem; }

  /* sub_2_1 */
  .s213 .inner3 { width: 100%; margin-left: 0; }
  .s213 .inner3 .left { width: 25%; padding-left: 5%; }
  .s213 .inner3 .right { width: 74%; }
  .s214::after { width: 95%; }
}


/* ------------------------------------------------------------------------------------ */


@media screen and (max-width: 1400px) {
  html { font-size: 15px; } 

  /* m5 */
  .m5 .right .swiper-slide { width: 31%; }
}


/* ------------------------------------------------------------------------------------ */


@media screen and (max-width: 1300px) {
  html { font-size: 14px; }

  /* m1 */
  .m1 .m1_slide .swiper-slide .center .txt_wrap h2 { font-size: 3rem; }
  .m1 .m1_slide .swiper-slide .center .txt_wrap p.txt_bottom { font-size: 1.3rem; }

  /* m5 */
  .m5 .right .swiper-slide { width: 33%; }

  /* sub_1_1 */
  .s115 .inner_c .right ul { justify-content: space-between; gap: 0; }
}


/* ------------------------------------------------------------------------------------ */


@media screen and (max-width: 1200px) {
  html { font-size: 13px; }

  /* header */
  .header { height: 80px; }
  .header:hover { height: 240px; }
  .header::after { top: 80px; }
  .header .inner5 { height: 80px; }
  .header .h_left .h_logo { height: 40px; }
  .header .h_right .gnb .depth01 .depth02 { top: 60px; }
  .header .h_right .menu { width: 25px; height: 18px; }

  /* m1 */
  .m1_txtbox h2 { font-size: 3rem; line-height: 3.5rem; }
  .m1_txtbox p.txt2 { font-size: 1.3rem; }

  /* m2 */
  .m2_ul > li.right .txt1 { font-size: 1.5rem; }

  /* m4 */
  .m4 { padding: 10vh 0; }
  .m4 .inner5 { height: 360px; } 

  /* m5 */
  .m5 .right .swiper-slide { width: 35%; }

  /* sub_2_1 */
  .s215 .img_wrap { width: 60%; }
  .s215 .img_wrap { justify-content: flex-start; flex-wrap: wrap; gap: 2vw; }
  .s215 .img_wrap img { width: 110px; height: 110px; }
  .s215 .txt_wrap { width: 40%; }
}


/* ------------------------------------------------------------------------------------ */


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

  /* m2 */
  .m2 .inner5 ul .right .txt2 { font-size: 1.9rem; }

  /* m5 */
  .m5 .right .swiper-slide { width: 38%; }
}


/* ------------------------------------------------------------------------------------ */


@media screen and (max-width: 1000px) {
  html { font-size: 16px; }

  /* footer */
  #footer .f_top { display: none; }
  #footer .f_bottom .f_inner { flex-wrap: wrap; align-items: flex-end; gap: 5vh; }
  #footer .f_bottom .f_inner .f_logo { width: 100%; }
  #footer .f_bottom .f_inner .f_logo a img { width: auto; }
  #footer .f_bottom .f_inner .f_info { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 3px; width: auto; text-align: left; }
  #footer .f_bottom .f_inner .f_info li { padding: 0; }
  #footer .f_bottom .f_inner .f_info li:first-child p br { display: none; }
  #footer .f_bottom .f_inner .f_info li:nth-child(2) { border: none; }
  #footer .f_bottom .f_inner .f_info > li p { letter-spacing: -0.5px; } 
  #footer .f_bottom .f_inner .contact { width: auto; }
  #footer .f_bottom .f_inner .contact p { font-size: 1.04rem; letter-spacing: -0.5px; }

  /* m1 */
  .m1 .m1_slide .swiper-slide .center .txt_wrap h2 { font-size: 2.3rem; }
  .m1 .m1_slide .swiper-slide .center .txt_wrap p.txt_bottom { font-size: 1rem; }

  /* m2 */
  .m2 .inner5 ul .right .txt2 { font-size: 1.35rem; }
  .m2 .inner5 ul .right .txt3 { font-size: 0.9rem; }

  /* m4 */
  .m4 .inner5 { height: 295px; }
  .m4 .object_1 { width: 35vw; }
  .m4 .object_2 { width: 15vw; }
  .m4 .object_3 { width: 13vw; left: 22%; }
  .m4 .tabs li { padding: 0 3vw; }
  .m4 .slide_wrap .m4_slide .swiper-slide { align-items: center; }
  .m4 .slide_wrap .m4_slide .swiper-slide .txt_wrap { width: 30%; padding-left: 5%; }
  .m4 .slide_wrap .m4_slide .swiper-slide .txt_wrap p.raleway { margin-bottom: 10px; }
  .m4 .slide_wrap .m4_slide .swiper-slide .txt_wrap p.bold { font-size: 2rem; margin-bottom: 15px; }
  .m4 .slide_wrap .m4_slide .swiper-slide .txt_wrap p.small { font-size: 1rem; margin-bottom: 15px; }
  .m4 .slide_wrap .m4_slide .swiper-slide .img_wrap { width: 70%; }
  .m4 .slide_wrap .m4_slide .swiper-pagination { left: 5%; }

  /* m5 */
  .m5 .left { width: 30%; }
  .m5 .right { width: 70%; }
  .m5 .right .swiper-slide { width: 53%; }
  .m5 .left .txt_wrap p.raleway { font-size: 1.2rem; }

  /* m7 */
  .m7 .inner { justify-content: space-between; gap: 0; }
  .m7 .inner .left { width: 50%; }
  .m7 .inner .right { width: 40%; flex-direction: column; align-items: flex-start; }

  /* m8 */
  .m8 .inner { justify-content: space-between; gap: 0; }

  /* sub 공통 */
  .sub_tit {font-size: 1.8rem;}
  .sub_txt {font-size: 0.9rem;}

  /* sub_1_1 */
  .s112 .inner4 { width: 90%; margin-left: 10%; }
  .s115 .inner_c { width: 100%; }
  .s115 .inner_c .left { width: 60%; }
  .s115 .inner_c .right { width: 40%; }
  .s115 .inner_c .right strong { font-size: 2rem; margin-bottom: 10vh; }
  .s115 .inner_c .right ul { flex-wrap: wrap; row-gap: 5vh; }
  .s115 .inner_c .right ul::after { display: none; }
  .s115 .inner_c .right ul li { width: 49%; text-align: left; }
  .s115 .inner_c .right ul li h4 { font-size: 1.5rem; padding-bottom: 1vh; }
  .s115 .inner_c .right ul li p { font-size: 1rem; padding-top: 0; }

  /* sub_1_3 */
  .s132 .inner_c ul li p { font-size: 0.9rem; }

  /* sub_1_4 */
  .s141 .inner { flex-wrap: wrap; row-gap: 3vh; }
  .s141 .inner .s141_left { width: 40%; }
  .s141 .inner .s141_btn { width: 60%; gap: 3vw; }
  .s141 .inner .s141_btn > div a { padding: 15px 4vw; }
  .s141 .inner .s141_btn > div a p.txt { margin-right: 3vw; }
  .s141 .inner .s141_right { width: 100%; display: flex; align-items: flex-start; gap: 5%; }

  /* sub_2_1 */
  .s211 { margin: 10vh 0 25vh; }
  .s213 .inner3 .left { padding-left: 3%; }
  .s214 .inner_c { width: 95%; margin: 0; padding: 0 3%; }
  .s214 .inner_c ul li .sub_txt { font-size: 0.8rem; }
  .s215 .txt_wrap .sub_tit { font-size: 1.64rem; }
}


/* ------------------------------------------------------------------------------------ */


@media screen and (max-width: 900px) {
  html { font-size: 15px; } 

  /* m5 */
  .m5 .right .swiper-slide  { width: 55%; }

  /* sub_1_4 */
  .s143 { display: none; }
}


/* ------------------------------------------------------------------------------------ */


@media screen and (max-width: 840px) {
  .pc { display: none; }  
  .mob { display: block; }
  html { font-size: 16px; }

  /* header */
  .header { height: 60px; }
  .header:hover { height: 60px; background: none; }
  .header::after { display: none; }
  .header .inner5 { height: 60px; }
  .header .h_left .h_logo { height: 35px; }
  .header .h_right { justify-content: flex-end; }
  .header .h_right .gnb { display: none; }
  .header .sitemap { background-color: #666; }
  .header .sitemap .inner2 { color: #262626; left: 0; top: 100px; transform: none; width: 100%; }
  .header .sitemap .sitemap_tit { display: none; }
  .header .sitemap .m_gnb { display: flex; flex-direction: column; padding: 0 5%; }
  .header .sitemap .m_gnb .m_depth01 { width: 100%; padding: 16px 0; }
  .header .sitemap .m_gnb .m_depth01 > div { display: flex; justify-content: space-between; align-items: center; position: relative;}  
  .header .sitemap .m_gnb .m_depth01 > div p { font-size: 1rem; }
  .header .sitemap .m_gnb .m_depth01 > div .plus { position: relative; width: 18px; height: 18px; transition: 0.6s; }
  .header .sitemap .m_gnb .m_depth01 > div .plus span { position: absolute; width: 100%; height: 2px; background-color: #fff; transition: 0.6s; }
  .header .sitemap .m_gnb .m_depth01 > div .plus span:first-child { top: 50%; left: 0; transform: translateY(-50%); }
  .header .sitemap .m_gnb .m_depth01 > div .plus span:last-child { top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(90deg); }
  .header .sitemap .m_gnb .m_depth01 > div .plus.on { transform: rotate(360deg); transition: 0.6s; }
  .header .sitemap .m_gnb .m_depth01 > div .plus.on span:last-child { width: 0; transition: 0.6s; }
  .header .sitemap .m_gnb .m_depth01 .m_depth02 { display: none; }
  .header .sitemap .m_gnb .m_depth01 .m_depth02 li a { font-size: 1rem; }

  /* m1 */
  .m1 { height: auto; }
  .m1 .m1_slide .swiper-slide .center { position: static; transform: none; width: 100%; justify-content: center; }
  .m1 .m1_slide .swiper-slide .center .txt_wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70%; text-align: center; z-index: 1;}
  .m1 .m1_slide .swiper-slide .center .txt_wrap p.txt_top { font-size: 1.5rem; margin-bottom: 6vh; }
  .m1 .m1_slide .swiper-slide .center .txt_wrap h2 { font-size: 3rem; margin-bottom: 5vh; }
  .m1 .m1_slide .slide1 .center .txt_wrap h2 span { color: #99c100; }
  .m1 .m1_slide .slide2 .center .txt_wrap h2 span { color: #c4a680; }
  .m1 .m1_slide .swiper-slide .center .txt_wrap p.txt_bottom { font-size: 1.2rem; }
  .m1 .m1_slide .swiper-slide .center .img_wrap { position: relative; width: 100%; height: calc(100% - 60px); margin-top: 60px; }
  .m1 .m1_slide .swiper-slide .center .img_wrap::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }
  .m1 .m1_slide .paging_wrap { width: auto; max-width: none; height: 100%; }
  .m1 .m1_slide .paging_wrap .swiper-pagination { flex-direction: unset; gap: 50px; top: 90%; left: 50%; right: auto; bottom: auto; transform: translateX(-50%); }
  .m1 .m1_slide .btn { width: 50px; height: 50px; }
  .m1 .m1_slide .btn:after { font-size: 1.8rem; }

  /* m2 */
  .m2 { padding: 12vh 0; }
  .m2 .inner5 { padding: 0; }
  .m2 .inner5 ul { flex-direction: column; gap: 3vh; }
  .m2 .inner5 ul .left { width: 100%; }
  .m2 .inner5 ul .right { width: 100%; padding-bottom: auto; }
  .m2 .inner5 ul .right .txt1 { font-size: 1.1rem; }
  .m2 .inner5 ul .right .txt2 { font-size: 2rem; }
  .m2 .inner5 ul .right .txt3 { font-size: 1rem; }

  /* m3 */
  .m3 { padding-bottom: 15vh; }
  .m3 .inner5 .txt_wrap { left: 0; bottom: -40%; padding: 6% 6% 4%; }

  /* m4 */
  .m4 .slide_wrap .m4_slide .swiper-slide .txt_wrap p.bold { font-size: 1.7rem; }

  /* m5 */
  .m5 { padding: 7vh 0 14vh; }
  .m5 .inner3 { flex-direction: column; }
  .m5 .left { width: 100%; }
  .m5 .left .txt_wrap p.raleway { color: #deff62; }
  .m5 .left .paging_wrap {position: absolute; bottom: 55px; left: 50%; transform: translateX(-50%); }
  .m5 .right { width: 100%; }

  /* m6 */
  .m6 .inner strong { font-size: 1.5rem; }
  .m6 .inner .tag_wrap li p { font-size: 1.3rem; }
  .m6 .inner > p { font-size: 1rem; }
  .m6 .inner h3 { font-size: 1.6rem; }

  /* m8 */
  .m8 .inner { flex-direction: column; gap: 6vh; }
  .m8 .inner .left { text-align: center; }

  /* subtop */
  .subtop { height: 40vh; }
  .sub_path .path li a { padding: 0 5vw; }

  /* sub_1_1 */
  .s113 .inner_c { width: 100%; margin-right: 0; }
  .s113 .s113_cont { flex-direction: column; gap: 5vh; border-radius: 0; padding: 0 0 5vh; }
  .s113 .s113_cont .left { width: 100%; }
  .s113 .s113_cont .right { width: 100%; text-align: center; }

  /* sub_2_1 */
  .s211 .inner .left_up { padding-top: 0; }

  .s212 .s211 .inner .left_up { padding-top: 0; }
  .s212 .s212_slide .s212_btn { width: 100%; height: 7vw; }
  .s212 .s212_slide .s212_btn .btn { width: 7vw; height: 7vw; }

  .s213 .inner3 { height: 30.23vw; }
  .s213 .inner3 .left { height: 100%; padding-bottom: 3vh; justify-content: space-between; gap: 0; }
  .s213 .inner3 .left .sub_tit { font-size: 1.6rem; }
  .s213 .inner3 .left .sub_txt { font-size: 0.85rem; }
  .s213 .inner3 .right { height: 100%; }
  .s213 .inner3 .right img:first-child { height: 100%; object-fit: cover; }

  .s214 .inner_c ul li br.media_840 { display: none; }

  .s215 .img_wrap img { width: 15vw; height: 15vw; }
}


/* ------------------------------------------------------------------------------------ */


@media screen and (max-width: 700px) {
  html { font-size: 15px; }

  /* m4 */
  .m4 .slide_wrap .m4_slide .swiper-slide .txt_wrap { padding-left: 0; }
  .m4 .slide_wrap .m4_slide .swiper-pagination { left: 0%; }

  /* m6 */
  .m6 .inner .tag_wrap li { padding: 0 25px; }

  /* sub_1_3 */
  .s132 .inner_c ul { flex-wrap: wrap; row-gap: 4.5vh; }
  .s132 .inner_c ul.list1 { justify-content: space-between; gap: 0; }
  .s132 .inner_c ul.list1 li,
  .s132 .inner_c ul.list2 li,
  .s132 .inner_c ul.list3 li { width: 47%; }
  .s132 .inner_c ul.list4 li { width: 30%; }
  .s132 .inner_c ul li p { font-size: 1.1rem; }
  
  /* sub_2_1 */
  .s211 .inner .left_up p.sub_tit { font-size: 1.5rem; margin-bottom: 3vh; }
  .s211 .inner .left_up p.sub_txt { font-size: 1rem; }
  .s211 .inner .left_down { margin-top: 30px; }
  .s211 .inner .right { padding-top: 70px; }

  .s213 .inner3 .left { padding-bottom: 0vh; }
  .s213 .inner3 .left p br.media_700 { display: none; }
  
  .s214 .inner_c > ul > li .list .item .top p { font-size: 1.2rem; }
}


/* ------------------------------------------------------------------------------------ */


@media screen and (max-width: 600px) {
  html { font-size: 14px; }
  p { letter-spacing: -0.5; }
  
  /* m4 */
  .m4 { padding: 7vh 0; }
  .m4 .inner5 { height: 250px; }
  .m4 .object_3 { left: 38%; bottom: 10%; }
  .m4 .tabs li { font-size: 0.9rem; }
  .m4 .slide_wrap .m4_slide .swiper-slide .txt_wrap { width: 48%; padding-left: 5%; }
  .m4 .slide_wrap .m4_slide .swiper-slide .img_wrap { width: 48%; height: 100%; }
  .m4 .slide_wrap .m4_slide .swiper-pagination { left: 5%; }
  .m4 .slide_wrap .m4_slide .swiper-slide .img_wrap .big_img { display: none; }
  .m4 .slide_wrap .m4_slide .swiper-slide .img_wrap .small_img { width: 100%; height: 100%; object-fit: contain; }

  /* sub_1_2 */
  .s121_ul { flex-direction: column; row-gap: 2vh; padding: 0 0 5vh; }
  .s121_ul .left,
  .s121_ul .right { width: 100%; text-align: center; }
  .s121_ul .left .sub_tit br { display: none; }
  .line .inner .txt_wrap p { font-size: 1rem; }
  /* .s122 .inner .txt_wrap ul { height: 50vh; }
  .s123 .inner .txt_wrap ul { height: 90vh; } */

  /* sub_1_4 */
  .s141 .inner { width: 95%; }
  .s141 .inner .s141_left { width: 50%; }
  .s141 .inner .s141_left .sub_tit { font-size: 1.5rem; }
  .s141 .inner .s141_btn { width: 100%; order: 1; align-items: flex-start; }
  .s141 .inner .s141_right { width: 50%; display: block; }
  .s141 .inner .s141_right p { font-size: 0.85rem; }

  /* sub_2_1 */
  .s213 .inner3 .left .sub_tit { font-size: 1.49rem; }
  .s213 .inner3 .left .sub_txt { font-size: 0.8rem; }

  .s214 .inner_c > ul > li .list .item .top p { font-size: 1.05rem; }
}


/* ------------------------------------------------------------------------------------ */


@media screen and (max-width: 500px) {
  html { font-size: 13px; }
  br.media_500 { display: block; }

  /* m5 */
  .m5 .right .swiper-slide { width: 70%; }

  /* m6 */
  .m6 .inner .tag_wrap li { padding: 0 20px; }
}


/* ------------------------------------------------------------------------------------ */


@media screen and (max-width: 460px) {
  html { font-size: 16px; }
  .header p, #footer p, .main p,
  .header h2, #footer h2, .main h2,
  .header h3, #footer h3, .main h3 { letter-spacing: -0.5px; }

  /* header */
  .header .h_left { width: 50%; }
  .header .h_left .h_logo { height: auto; }
  .header .h_right { width: 50%; }

  /* footer */
  #footer .f_bottom .f_inner .f_logo { height: auto; }

  /* m1 */
  .m1 .m1_slide .swiper-slide .center .txt_wrap p.txt_top { font-size: 1.1rem; margin-bottom: 3vh; }
  .m1 .m1_slide .swiper-slide .center .txt_wrap h2 { font-size: 2.2rem; }
  .m1 .m1_slide .swiper-slide .center .txt_wrap p.txt_bottom { font-size: 0.9rem; }
  .m1 .m1_slide .paging_wrap .swiper-pagination { gap: 30px; }
  .m1 .m1_slide .paging_wrap .swiper-pagination-bullet { width: 6px; height: 6px; }
  .m1 .m1_slide .paging_wrap .swiper-pagination-bullet::before { width: 20px; height: 20px; }
  .m1 .m1_slide .btn { display: none; }

  /* m2 */
  .m2 { padding: 10vh 0; }

  /* m3 */
  .m3 .inner5 .img_wrap { width: 95%; }
  .m3 .inner5 .txt_wrap { width: 90%; bottom: -70%; }
  .m3 .inner5 .txt_wrap .txt1 { font-size: 1.3rem; margin-bottom: 2vh; }
  .m3 .inner5 .txt_wrap .txt1 br { display: none; }
  .m3 .inner5 .txt_wrap .txt2 { font-size: 0.8rem; margin-bottom: 3vh; }
  .m3 .inner5 .txt_wrap .license img { width: 40px; }
  
  /* m4 */
  .m4 .object_3 { display: none; }
  .m4 .slide_wrap .m4_slide .swiper-slide .txt_wrap p.raleway { font-size: 0.9rem; }
  .m4 .slide_wrap .m4_slide .swiper-slide .txt_wrap p.bold { font-size: 1.3rem; }
  .m4 .slide_wrap .m4_slide .swiper-slide .txt_wrap p.small { font-size: 0.8rem; }

  /* m5 */
  .m5 { padding: 5vh 0 14vh; }
  .m5 .left .txt_wrap { margin-bottom: 55px; }
  .m5 .left .txt_wrap p.bold { margin-bottom: 25px; }
  .m5 .right .swiper-slide { width: 75%; }

  /* m6 */
  .m6 .inner { padding: 10vh 0; }
  .m6 .inner strong { margin-bottom: 25px; }
  .m6 .inner .tag_wrap { padding: 3%; }
  .m6 .inner .tag_wrap li p { font-size: 1rem; }
  .m6 .inner > p { margin-bottom: 6vh; }

  /* m7 */
  .m7 .inner .left { width: 40%; }
  .m7 .inner .right { width: 55%; gap: 4vh; }
  .m7 .inner .right .txt_wrap p.bold { font-size: 1.6rem; }
  .m7 .inner .right .txt_wrap p.small { font-size: 0.9rem; }
  .m7 .inner .right .btn_more a { padding: 10px 15px; }

  .main .inner .btn_more a p { margin-right: 15px; }
  
  /* m8 */
  .m8 .inner { padding: 5vh 0; }
  .m8 .inner .left p { font-size: 1.6rem; }
  .m8 .inner .right { width: 70%; align-items: unset; flex-direction: column; gap: 10px; }
  .m8 .inner .right .btn_more a { justify-content: space-between; }

  /* subtop */
  .sub_p p { font-size: 2.2rem; }

  /* sub_1_1 */
  .s112 .inner4 { width: 100%; margin-left: 0; }
  .s112 .inner4 .sub_txt { font-size: 0.9rem; text-align: center; }
  .s113 .s113_cont .right .sub_txt { font-size: 0.8rem;}
  .s115 .inner_c .left { width: 50%; }
  .s115 .inner_c .right { width: 50%; }
  .s115 .inner_c .right strong { font-size: 1.5rem; margin-bottom: 5vh; }
  .s115 .inner_c .right ul { row-gap: 3vh; }
  .s115 .inner_c .right ul li h4 { font-size: 1.3rem; }
  .s115 .inner_c .right ul li p { font-size: 0.8rem; }

  /* sub_1_2 */
  .s211 { margin: 8vh 0 16vh; }
  .s121_ul .left .sub_tit { font-size: 1.7rem; }

  /* sub_2_1 */
  .s212 p.sub_tit { margin-bottom: 3vh; }
  .s212 p.sub_txt { margin-bottom: 5vh; }
  .s211 .inner .left_up p.sub_tit { font-size: 1.2rem; margin-bottom: 3vh; }
  .s211 .inner .left_up p.sub_txt { font-size: 0.75rem; }
  .s211 .inner .left_down .txt_wrap p { font-size: 1.1rem; }
  .s212 p.sub_txt { font-size: 0.8rem; }

  .s213 { margin: 15vh 0 7vh; }
  .s213 .inner3 { height: 50vw; }
  .s213 .inner3 .left { width: 44%; padding-bottom: 0; }
  .s213 .inner3 .left img { width: 12vw; }
  .s213 .inner3 .right { width: 54%; }

  .s214 { margin-bottom: 8vh; }
  .s214::after { width: 100%; border-radius: 0; }
  .s214 .inner_c { width: 100%; }
  .s214 .inner_c ul li .sub_txt { font-size: 0.75rem; }
  .s214 .inner_c > ul > li:first-child { width: 40%; }
  .s214 .inner_c > ul > li:last-child { width: 60%; }
  .s214 .inner_c > ul > li .list { flex-direction: column; align-items: flex-start; gap: 20px; }
  .s214 .inner_c > ul > li .list .item { width: 100%; }
  .s214 .inner_c ul li .list .item br.media_840 { display: block; }

  .s215 { margin-bottom: 20vh; }
  .s215 .img_wrap { width: 55%; }
  .s215 .txt_wrap { width: 45%; }
  .s215 .txt_wrap .sub_tit { font-size: 1.25rem; }

  /* sub_3 공통 */
  .sub32 .list .item .txt_wrap strong { height: 29px; overflow: hidden; }
}


/* ------------------------------------------------------------------------------------ */


@media screen and (max-width: 400px) {
  html { font-size: 15px; }
}


/* ------------------------------------------------------------------------------------ */


@media screen and (max-width: 390px) {
  html { font-size: 14px; }
}