@media screen and (max-width: 1024px){
  .container {max-width: 100%;}
  .link_sec .container {max-width: 100%; padding: 0 15px;}
  .visual .txt-box .container {max-width: 100%; padding: 0 15px;}
  header .container {max-width: 100%; padding: 0 15px;}

  .visual .txt-box .point {gap: 10px;}

  .intro .intro-img {width: 500px;}
}

@media screen and (max-width: 768px) {
  header {padding: 20px 0 46px;}
  header .container {flex-flow: column;}
  header .logo {width: 259.3px; margin: 0 auto; margin-bottom: 20px;}

  header .sns-area a {font-size: 14px;}
  header .sns-area a img {width: 16px;}
  header .sns-area {gap: 30px;}


  .visual {height: 502px;}
  .visual .txt-box {bottom: 41px;}
  .visual .txt-box .sub {margin-bottom: 10px; font-size: 24px;}
  .visual .txt-box .kv-logo {width: 149px; margin-bottom: 10px;}
  .visual .txt-box .txt {margin-bottom: 30px; font-size: 30px;;}
  .visual .txt-box .point {flex-flow: column;}
  .visual .txt-box .point li {font-size: 20px; line-height: 1.15;}

  section {padding-top: 30px;}
  .link_sec .sec-tit {margin-bottom: 30px; font-size: 14px;}
  .pc {display: none;}
  .mo {display: block;}
  .link_sec .sec-link {flex-flow: column;}
  .link_sec2 {padding-bottom: 81px;}

  .intro .intro-img {width: 350px;} 
}