@charset "utf-8";


/* 타블렛 세로 */
@media all and (max-width:1024px) {

  /* mv */
  .main_section01 .main_slide .slide .sec01_txtBox {
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
  }

  .main_section01 .main_slide .slide .sec01_txtBox .bigtit {
    font-size: 6vw;
  }

  .main_section02 .sec02_layout .sec02_Box .sec02_txtBox_hover .Box_engtit {
    font-size: 15px;
  }

  .main_section02 .sec02_layout .sec02_Box:hover::before,
  .main_section02 .sec02_layout .sec02_Box .sec02_txtBox_hover {
    display: none;
  }

  .main_section02 .sec02_layout .sec02_Box:hover .sec02_txtBox {
    opacity: 1;
  }

  .main_section02 .sec02_layout .sec02_Box .Box_tit {
    font-size: 32px;
  }

  .main_section02 .sec02_layout .sec02_Box .Box_engtit {
    font-size: 13px;
    margin-bottom: 10px;
  }

  .main_section04 .news .newsBox::before {
    display: none;
  }

  .main_section04 .news .newsBox:hover {
    box-shadow: none;
    margin-top: 0px;
  }
}


/* 타블렛 가로 미만 ~ 모바일 */
@media all and (max-width:768px) {

  /* mv */
  .main_section01 .main_slide .banner_nav_wrap {
    width: 320px;
    height: 60px;
    font-size: 12px;
  }

  /* main_section04 */
  .main_section04 {
    padding-bottom: 70px;
  }

  .main_section04 .news {
    flex: none;
    overflow-x: scroll;
    width: inherit;
    margin-bottom: 40px;
  }

  .main_section04 .news .newsBox {
    width: 300px;
    height: 215px;
    flex: inherit;
    margin-right: 20px;
    padding: 35px 30px;
  }

  .main_section04 .news .newsBox .tit {
    font-size: 17px;
    margin: 15px 0 46px;
  }
}

/* 모바일 상세 */
@media all and (max-width:640px) {

  /* mv */
  .main_section01 {
    height: 500px;
  }

  .main_section01 .main_slide .slide {
    height: 500px;
  }

  .main_section01 .main_slide .slide .sec01_txtBox .bigtit {
    font-size: 29px;
  }

  .main_section01 .main_slide .slide .sec01_txtBox .smalltit {
    font-size: 14px;
  }

  /* 공통 */
  .title {
    font-size: 35px;
    font-weight: 800;
    padding: 70px 0 40px;
  }

  /* main_section02 */
  .main_section02 {
    padding-bottom: 55px;
  }

  .main_section02 .sec02_layout .T_line,
  .main_section02 .sec02_layout .B_line {
    flex-direction: column;
    margin-bottom: 0;
  }

  .main_section02 .sec02_layout .T_line .Box1,
  .main_section02 .sec02_layout .T_line .Box2,
  .main_section02 .sec02_layout .B_line .Box3,
  .main_section02 .sec02_layout .B_line .Box4 {
    width: 100%;
    height: 180px;
  }

  .main_section02 .sec02_layout .sec02_Box .Box_tit {
    font-size: 27px;
  }

  .main_section02 .sec02_layout .sec02_Box .sec02_txtBox_hover {
    display: none;
  }

  .main_section02 .sec02_layout .sec02_Box::before {
    display: none;
  }

  .main_section02 .sec02_layout .sec02_Box:hover .sec02_txtBox {
    opacity: 1;
  }

  /* main_section03 */
  .main_section03 {
    height: 200px;
  }

  .main_section03 .sec03_txtBox {
    width: 90%;
  }

  .main_section03 .sec03_txtBox .text {
    font-size: 22px;
    margin-bottom: 22px;
    line-height: 1.4em;
  }

  .btn a {
    padding: 8px 43px;
    font-size: 13px;
  }


  .main_section04 .news .newsBox {
    width: 200px;
    height: auto;
    padding: 15px;
  }

  .main_section04 .news .newsBox {
    margin-right: 10px;
  }

  .main_section04 .news .newsBox .new {
    background-position: right 3.5px;
  }

}

/* 모바일 가로 */
@media all and (max-width:568px) {}