/*tablet+mobile*/
@media (max-width:1400px){
  #header .inner_wrap { padding: 20px 50px; }
  #my_wrapper .inner_wrap { padding: 130px 50px 0; }
  #nav_btn { right: 50px; }

  /*index*/
  .visual .slide01 .info { width: 100%; }
  .visual .slide01 .info p.title { font-size: 100px; }
  .content1 ul li .info { width: 180px; height: 180px; }
  .content1 ul li .info p { font-size: 16px; }
  .content1 ul.width01 { width: 85%; }
  .content1 p.en { font-size: 70px; }
  .content1 ul li .info p span { font-size: 12px; }
  .content2 ul li .img_box { height: 80px; }
  .content2 ul li .img_box > img { width: 20%; }
  .content2 ul li p.title { font-size: 20px; }
  .content2 ul li {  height: 400px; }
  .content3 .info h3 { font-size: 35px; }

  #sub .inner_wrap2 { padding: 20% 50px 0; }
  #sub .inner_wrap { padding: 0 50px; }

  #footer .inner_wrap { padding: 45px 50px; }
}

@media (max-width:1000px){
  /*index*/
  #h_gnb { display: none; }
  #my_wrapper .inner_wrap { padding: 150px 50px 0; }
  #my_wrapper section { height: 100%; }
  #sitemap { width: 50%; }
  .visual .slide01 .info p.sub { font-size: 30px; }
  .visual .slide01 .info p.title { font-size: 80px; }
  .visual .slide01 .info p.sub2 { font-size: 16px; }
  .content1 h2 { margin-bottom: 20px; font-size: 40px; }
  .content1 h3 { margin-bottom: 50px; font-size: 30px; }
  .content1 p.en { margin-bottom: 50px; font-size: 50px; }
  .content1 .flex_box { position: relative; }
  .content1 .flex_box .right input { width: 300px; }
  .content1 .flex_box .info p.title { font-size: 24px; }
  .content1 ul.width01 { width: 90%; }
  .content1 ul.width02 { margin-bottom: 100px; }
  .content1 .flex_box > div { height: 200px; }
  .content2 { height: 100vh !important; }
  .content2 ul li { padding: 20px 20px 0; height: 340px; }
  .content2 ul li p.title { font-size: 18px; }
  .content2 ul li .img_box { height: 55px; }
  .content2 ul li dl { font-size: 14px; }
  .content3 { display: block; }
  .content3 .info { width: 100%; padding: 50px; background-attachment: fixed; }
  .content3 > ul { padding: 50px; }
  .content4 .inner_wrap2 { padding-top: 150px; }
  .content4 h2 { text-align: center; }
  .content4 iframe { height: 300px; }
  .content4 ul li { padding-top: 20px; }
  .content4 ul li .img_box img { width: 20%; }
  .content4 ul li p.title { font-size: 18px; }
  .content4 ul li p.desc { font-size: 14px; }
  /* .content5 { height: 100vh !important; } */
  .content5 .inner_wrap { padding: 50px !important; }
  .content5 table { position: relative; left: 0; top: 0; transform: inherit; font-size: 14px; }

  #sub .bottom { margin-bottom: 100px; }
  #sub .bottom p { font-size: 16px; }
  #sub .bottom p.name { padding-top: 50px; font-size: 20px; }
  #sub .bottom p.name span { font-size: 24px; }
  #sub h3 { font-size: 20px; letter-spacing: -1px; }
  #sub .box_01 > .right p { padding: 20px; }
  #sub .box_01 .desc { font-size: 16px; }
  #sub .box_02 p.title { font-size: 20px; }
  #sub .box_02 dl { font-size: 12px; }
  #sub .sub2-2 p.title { font-size: 20px; }
  #sub .sub2-2 ul li.desc { font-size: 16px; }
  #sub .box_03 h3 { font-size: 20px; }
  #sub .box_03 { font-size: 16px; }
  #sub .box_03 dl.list1 > dt { font-size: 16px; }
  #sub .box_03 dl.list2 > dd { font-size: 16px; }
  #sub .box_03 .gray_bx { padding: 20px; }
  #sub .sub2-2 ul { width: 100%; }
  #sub .sub2-2 a { font-size: 16px; }
  #sub .box_03 .gray_bx > li  { font-size: 16px; }

  #footer .inner_wrap { padding: 50px; }


}


/*mobile*/
@media (max-width: 768px) {
  #header .inner_wrap { padding: 20px; }
  #nav_btn { right: 20px; }


  .visual .slide01 .info p.sub { font-size: 24px; letter-spacing: -1px; }
  .visual .slide01 .info p.title { font-size: 60px; line-height: 1.5; }
  .content1 p.en { font-size: 40px; }
  .content1 ul.width01 { width: 100%; flex-wrap: wrap; }
  .content1 ul.width01 > li { width: auto; }
  .content1 ul.width02 { width: 100%; flex-wrap: wrap; }
  .content1 ul.width02 > li { width: auto; }
  .content1 ul::after { display: none; }
  .content1 ul li::after { display: none; }
  .content1 ul li .img_box { margin-bottom: 20px; }

  .content2 { height: 100% !important; }
  .content2 .inner_wrap { padding: 50px !important; }
  .content2 ul { flex-wrap: wrap; }
  .content2 ul li { width: calc(100% / 3); height: 285px; }
  .content2 h2 { margin-bottom: 20px; font-size: 40px; }
  .content2 p.sub { font-size: 16px; }
  .content2 h2::after { display: none; }
  .content2 h2::before { display: none; }

  .content5 { overflow-x: scroll !important; }
  .content5 table { width: 150%; }

  #sub { padding: 100px 0; }
  #sub .inner_wrap2 { padding: 20% 20px 0; }
  #sub .inner_wrap { padding: 0 20px; }
  #sub .content4 { overflow-x: scroll !important; }
  #sub .content4 table { width: 200%; }
  #sub .box_03 dl.list1 > dt { word-break: initial; }

  #path .sbm h2 { font-size: 12px; }
  #sub .sub2-2 a { font-size: 14px; }



}

@media (max-width:500px){
  #my_wrapper .inner_wrap { padding: 50px 10px 0; }

  #sitemap { width: 100%; }
  #h_logo { width: 50%; height: auto; }
  #header { height: 60px; }
  #header .inner_wrap { padding: 10px; }
  #nav_btn { top: 20px; right: 10px; }
  #nav_btn span { width: 30px; height: 1px; }
  #sitemap .close { top: 30px; right: 10px; }
  #sitemap .gnb > li > a { font-size: 20px; }
  #sitemap .gnb .lnb li a { font-size: 16px; }
  #s_top  { height: 200px; }
  #s_top > h2 { width: 100%; font-size: 30px; text-align: center; }
  #path .float { width: 50%; }
  #path .main { display: none; }
  #path .home { display: none; }
  #path .asd { padding: 0 10px; }
  #path .asd h2 { font-size: 12px; }
  #path .sub { padding: 0 10px; }


  .visual .slide01 .info p.sub { font-size: 18px; letter-spacing: -1px; }
  .visual .slide01 .info p.sub2 { font-size: 12px; }
  .visual .slide01 .info p.title { font-size: 40px; }
  .content1 h2 { margin-bottom: 10px; font-size: 24px; }
  .content1 h3 { font-size: 20px; }
  .content1 p.en { margin-bottom: 30px; font-size: 34px; }
  .content1 ul li .img_box { height: 45px; }
  .content1 ul li .img_box img { width: 20%; }
  .content1 ul li .info { width: 150px; height: 150px; }
  .content1 .flex_box > div { float: inherit; width: 100%; }
  .content2 .inner_wrap { padding: 20px 10px !important; }
  .content2 ul li { width: 100%; height: 265px; }
  .content3 .info { padding: 20px; }
  .content3 .info h2 { margin-bottom: 10px; font-size: 20px; }
  .content3 .info h3 { margin-bottom: 20px; font-size: 20px; }
  .content3 > ul { padding: 20px; }
  .bg_wrap { background: inherit; }
  .content4 .inner_wrap2 { padding-top: 50px; }
  .content4 h2 { margin-bottom: 20px; font-size: 24px; }
  .content4 iframe { height: 200px; }
  .content4 ul { flex-wrap: wrap; }
  .content4 ul li { width: 100%; }
  .content4 ul li .img_box img { width: 10%; }
  .content4 .inner_wrap3 { left: 0; top: 0; padding: 20px; }
  .content5 table { width: 550%; }

  #sub { padding: 50px 0; }
  .p_title h2 { font-size: 30px; }
  .p_title p { margin-bottom: 50px; font-size: 20px; }
  #sub .inner_wrap2 { padding: 0 10px; }
  #sub h3 { font-size: 18px; margin-bottom: 20px; }
  #sub .top { position: relative; width: 100%; }
  #sub .bottom { padding: 10px; margin-bottom: 50px; }
  #sub .box_01 > .right { display: block; width: 100%; }
  #sub .box_01 > .right img { width: 100%; }
  #sub .box_01 > .right p { width: 100%; padding: 10px; }
  #sub .box_01 { margin-bottom: 50px; }
  #sub .box_01 > ul li { line-height: 1.5 !important; }
  #sub .box_02 ul { flex-wrap: wrap; text-align: center; gap: 20px; }
  #sub .box_02 ul li { width: 100%; }
  #sub .box_02 ul li img { width: 50%; }
  #sub .box_02 p.title { margin: 20px 0; }
  #sub .box_03 { padding: 10px; }
  #sub .content4 table { width: 550%; }
  #sub .sub2-2 .flex { flex-wrap: wrap; }
  #sub .box_03 dl.list3 { display: block; }

  #sub-wrap { margin: 50px auto; }
  #sub-wrap .lbl { padding: 10px 0; text-align: center; font-size: 16px; }
  #sub-wrap .desc { padding: 5px; }
  .btn_link { position: inherit; margin: 20px 0;}
  .check_view .check_agree { margin-bottom: 20px;  }
  #sub-wrap .btn-group { margin-top: 20px; }
  #sub .box_03 dl { padding: 10px; }
  #sub .box_03 .gray_bx { padding: 10px; }





  #footer { height: 115px; }
  #footer .inner_wrap { padding: 10px; }
  #footer h2 { width: 60%; height: auto; margin: 0 auto 20px; }
  #footer address { display: none; }
  #footer .copy { text-align: center; }

}