@charset "UTF-8";
@import url("/main/css/main_respond.css");
/*-------------------------------------------------
title       : 메인 반응형
Author      : ㅈㅁㅈ
Create date : 2020-06-07
-------------------------------------------------*/
@media (max-width: 1280px) { .quick { padding-left: 18rem; }
  .quick ul { font-size: 2rem; }
  .quick i { width: 8rem; height: 8rem; line-height: 8rem; } }

@media (max-width: 1024px) { #visual { padding: 19.75rem 0 15rem; }
  .research, .news { margin-bottom: 6rem; }
  .research .list li, .news .list li  { float: none !important; max-width: 100% !important; margin-bottom: 0; }
  .research .list a, .news .list a { margin-bottom: 2rem; }
  .research .control, .news .control { display: none; }
  /*
  .latest { padding: 4rem 0; }
  .latest .group { float: none; width: 100% !important; }
  .latest .group1 { height: 40rem; }
  .latest .group2 .list { overflow: hidden; overflow-x: auto; white-space: nowrap; text-align: center; }
  .latest .group2 .list li { display: inline-block !important; float: none; width: 23rem; text-align: left; vertical-align: top; white-space: normal; }
  .latest .group2 .list li:nth-child(2n+1) { clear: none; }
  .latest .group2 .bx-controls { right: 4rem; }
  .latest .group2 .more { top: 0.3rem; }
  */
  .quick { padding: 3.5rem 0 5rem; }
  .quick h2 { position: relative; top: auto; left: auto; right: auto; bottom: auto; transform: translate(0, 0); overflow: hidden; height: 6rem; margin-bottom: 3rem; text-align: center; }
  .quick h2 img { width: 14rem; }
  .quick h2::after { display: inline-block; position: relative; top: .35rem; width: 14rem; height: 5rem; margin-left: 1.5rem; background: url("/eng/img/main/icon_title.png") no-repeat center bottom; background-size: 100% auto; content: ''; vertical-align: top; }
  .quick i { display: block; width: 10rem; height: 10rem; margin: 0 auto; line-height: 10rem; }
  .quick span { display: block; width: 100%; margin-top: 1rem; text-align: center; } }

@media (max-width: 580px) { #visual { padding: 15rem 0 10rem; }
  .research, .news { margin-bottom: 2rem; }
  .research h2, .news h2 { font-size: 2.8rem; height: auto; margin-bottom: 2rem; }
  .research .list, .news .list { overflow: hidden; overflow-x: auto; width: calc(100% + 2rem); white-space: nowrap; transform: translate3d(0px, 0, 0px) !important; }
  .research .list li, .news .list li { display: inline-block; width: 32rem !important; max-width: initial !important; margin-right: 2rem; vertical-align: top; }
  .research .list li:nth-child(2n), .news .list li:nth-child(2n) { float: none !important; }
  .research .list a .img, .news .list a .img { display: block; width: 100%; height: 22rem; }
  .research .list a .desc, .news .list a .desc { display: block; padding: 2rem 0 0; }
  .latest { padding: 5rem 0; }
  .latest h2 { font-size: 2.8rem; height: 5rem; margin-bottom: 2rem; }
  
  /*
  .latest .group1 { height: auto; margin-bottom: 4rem; }
  .latest .group1 .list { padding-top: 32rem; }
  .latest .group1 .list li { padding: 0; }
  .latest .group1 .list li:first-child::before { display: block; left: 0; width: 100%; height: 20rem; }
  .latest .group1 .list li:first-child .img { display: block; position: relative; width: 100%; height: 20rem; }
  .latest .group1 .list .desc { margin: 0; }
  .latest .group1 .more { top: 0; }
  .latest .group2 { clear: both; }
  .latest .group2 .bx-controls { top: -5rem; }
  */
  .quick { padding: 2rem 0 3rem; }
  .quick h2 { margin-bottom: 2rem; }
  .quick ul { font-size: 1.6rem; }
  .quick i { width: 7rem; height: 7rem; line-height: 7rem; }
  .quick i img{max-width:58%;max-height:58%}
}