@charset "UTF-8";
/*-------------------------------------------------
title       : 콘텐츠
Author      : MONI
Create date : 2020-11-09
-------------------------------------------------*/
/*-------------------------------------------------
title       : 메인 반응형
Author      : MONI
Create date : 2021-11-03
-------------------------------------------------*/
@media (max-width: 1600px) { #visual .bx-wrapper { margin: 0; } }

@media (max-width: 1100px) { #visual .txt_box { padding: 4.5rem 21.5rem 4.5rem 4rem; }
  #visual .txt_box .ti { margin-bottom: 4rem; font-size: 2.5rem; line-height: 3rem; }
  #visual .txt_box .desc { line-height: 2.5rem; } }

@media (max-width: 900px) { #visual { padding: 5rem 0 20rem; }
  #visual .txt_box { padding: 4.5rem; }
  #visual .bx-pager { width: 30.2rem; bottom: -14rem; top: inherit; right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); }
  #visual .bx-pager .bx-pager-item a { margin: 0 .5rem; }
  #visual .bx-controls-direction a.bx-prev { right: calc(50% + 18rem); bottom: -11rem; -webkit-transform: translateX(50%) rotate(-90deg); transform: translateX(50%) rotate(-90deg); top: inherit; }
  #visual .bx-controls-direction a.bx-next { right: calc(50% - 18rem); bottom: -11rem; -webkit-transform: translateX(50%) rotate(-90deg); transform: translateX(50%) rotate(-90deg); top: inherit; }
  #section_en { margin: 5rem auto; }
  #section_en .item { height: 32rem; }
  #section_en .item::before { left: 3rem; }
  #section_en .item::before { top: 3rem; }
  #section_en .item a { left: 3rem; }
  #section_en .item1 { width: 100%; margin-right: 0; margin-bottom: 2rem; }
  #section_en .item2 { width: 100%; }
  #section_en .txt_box { padding: 9rem 3rem 3rem; } }

@media (max-width: 768px) { #visual .txt_box { padding: 3.5rem; }
  #visual .txt_box::before { left: 3.5rem; bottom: 3rem; } }

@media (max-width: 500px) { body.start #visual .bx-viewport { height: auto !important; }
  #visual { max-height: inherit; }
  #visual .bx-wrapper { width: 100% !important; }
  #visual .img_box { width: 100%; height: 26rem; }
  #visual .img_box img { height: auto; max-width: 100%; }
  #visual .txt_box { width: 100%; height: 33rem; padding: 3rem; }
  #visual .txt_box::before { display: none; } }

@media (max-width: 400px) { #visual .img_box { width: 100%; } }