@charset "UTF-8";
/*-------------------------------------------------
title       : 콘텐츠
Author      : MONI
Create date : 2020-11-09
-------------------------------------------------*/
/*-------------------------------------------------
title       : 메인 반응형
Author      : MONI, 이지현
Create date : 2022-03-23
Last modification : 2022-03-29
-------------------------------------------------*/
@media (max-width: 1500px) { #visual .v_slide.type3 .live_icon { margin-bottom: 2rem; background-size: 100%; }
  #visual .v_slide.type3 .tit { font-size: 4rem; line-height: 5rem; margin-bottom: 1rem; }
  #visual .v_slide.type3 .s_word { line-height: 6rem; font-size: 5rem; }
  #section1 .notice .notice_slide { width: calc(100% - 23rem); }
  #section1 .notice .notice_slide .slick-slider { width: calc(100% - 8rem); }
  #section1 .notice .btn { margin-left: 2rem; } }

@media (max-width: 1400px) { #visual .txt .tit { font-size: 5rem; line-height: 1.2; } }

@media (max-width: 1300px) { #visual .txt { width: calc(100% - 4rem); }
  #section1 .arr_box { max-width: calc(100% - 4rem); } }

@media (max-width: 1280px) { #section2, #section3, #section4, #section5 .wrap { -webkit-transform: translateY(0) !important; transform: translateY(0) !important; opacity: 1 !important; }
  #section2 .tab_wrap { max-width: calc(100% - 2rem); margin-left: 2rem; }
  #section2 .control { right: 2rem; }
  #section1 .control { max-width: 35rem; }
  #section1 .notice { width: calc(100% - 35rem); }
  #section3 .section_wrap { padding: 7.2rem 2rem 8.5rem 2rem; }
  #section3 .control { left: 2rem; } }

@media (max-width: 1140px) { /* 비주얼 */
  #visual .txt { margin: 0 auto; }
  #visual .txt .tit { font-size: 5rem; line-height: 6.4rem; }
  #visual .txt .s_word { line-height: 15rem; font-size: 8rem; } }

@media (max-width: 1080px) { /* 비주얼 */
  #visual .v_slide { position: relative; height: 60rem; }
  #visual .v_slide img { position: absolute; left: 50%; top: 0; height: 100%; width: auto; max-width: none; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  #visual .v_slide .youtube + img { opacity: 0; }
  #visual .v_slide .txt .form { margin-top: 2rem; }
  #visual .v_slide.type2 .tit { font-size: 4rem; line-height: 5rem; }
  #visual .v_slide.type2 .s_word { line-height: 6rem; font-size: 5rem; }
  #visual .mov iframe { left: -25%; width: 150%; }
  #section4 .box2 > div { width: 100%; }
  #section4 .box2 .qck { margin-left: 0; margin-top: 3rem; } }

@media (max-width: 980px) { #section1 .control { bottom: 10.1rem; }
  #section1 .notice { position: static; width: 100%; background-color: #000; height: auto; margin-top: -0.7rem; padding: 3rem 2rem 2.5rem; }
  #section1 .notice .title { display: block; }
  #section1 .notice .notice_slide { width: 100%; }
  #section4 .section_wrap { width: calc(100% + 2rem); }
  #section4 .section_wrap > div { margin-right: 2rem; }
  #section4 .group3 .link .desc { top: 4rem; }
  #section4 .group3 .link .down { bottom: 4rem; }
  #section5 .wrap > div.link { width: calc((100% - 1.5rem) - 400px); padding: 5rem 3rem; }
  #section5 .wrap > div.qck { float: none; clear: both; width: 100%; }
  #section5 .wrap > div.qck a { padding: 3.4rem 2rem; font-size: 2rem; }
  #section5 .wrap > div + div { margin-left: 1.5rem; } }

@media (max-width: 900px) { #section2 .link_wrap .thumb { height: auto; max-height: 30rem; }
  #section2 .link_wrap .thumb img { max-height: 30rem; }
  #section2 .publication { display: block; width: 100%; }
  #section2 .publication > div { width: 100%; max-width: 100%; margin-right: 0; }
  #section2 .publication > div + div { margin-top: 3rem; }
  #section4 .section_wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #section4 .group1, #section4 .group2 { -webkit-box-flex: 1; -ms-flex: 1 1 calc(50% - 2rem); flex: 1 1 calc(50% - 2rem); }
  #section4 .group1 .link, #section4 .group2 .link { width: 100%; }
  #section4 .group1 .link .thumb, #section4 .group2 .link .thumb { display: block; width: 100%; }
  #section4 .group1 .link .thumb img, #section4 .group2 .link .thumb img { width: 100%; }
  #section4 .group3 { margin-top: 4rem; -webkit-box-flex: 1; -ms-flex: 1 1 calc(100% - 2rem); flex: 1 1 calc(100% - 2rem); }
  #section4 .group3 .link { width: 100%; }
  #section4 .group3 .link .thumb { display: block; width: 100%; }
  #section4 .group3 .link .thumb img { width: 100%; } }

@media (max-width: 768px) { #header { height: 8.5rem; }
  #header .search .control.open { bottom: 2.5rem; }
  #header.fixed #logo { margin-top: 1.6rem; }
  #logo { margin-top: 2.2rem; }
  #hnb { top: 3.4rem; }
  #gnb2 .control.open { bottom: 3.1rem; }
  /* 비주얼 */
  #visual .v_slide.type2 .tit { font-size: 2.7rem; line-height: 4rem; }
  #visual .v_slide.type2 .s_word { line-height: 5rem; font-size: 3.7rem; }
  #visual .v_slide.type2 .form { margin-top: 3rem; width: 90%; }
  #visual .v_slide.type3 .tit { font-size: 3rem; line-height: 4rem; }
  #visual .v_slide.type3 .info { line-height: 3rem; font-size: 2rem; }
  #visual .txt { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  #visual .txt .tit { font-size: 3rem; line-height: 4.4rem; }
  #visual .txt .bul { margin-top: 2rem; }
  #visual .txt .bul li + li { margin-top: 0.5rem; }
  #visual .txt .s_word { line-height: 10rem; font-size: 5rem; }
  #visual .txt .btn { margin-top: 2rem; }
  #visual .mov iframe { top: -16%; left: -80%; width: 270%; }
  #section1 .control { width: 73%; padding: 3rem 4rem 0 0; }
  #section1 .control .nav { margin-right: 1.5rem; }
  #section1 .scroll_info { display: none; }
  #section1 .arr_box button { width: 5.6rem; height: 5.6rem; }
  #section1 .arr_box button::before { line-height: 5.6rem; }
  #section2 { margin-bottom: 4rem; padding-bottom: 4rem; }
  #section4 { margin-bottom: 6rem; } }

@media (max-width: 500px) { #section2 h3.title { font-size: 3rem; }
  #section2 .link_wrap .thumb { max-height: 27rem; height: 27rem; }
  #section2 .link_wrap .thumb img { height: 27rem; max-height: 27rem; }
  #section4 .box1 .tab_btn { font-size: 2.2rem; }
  #section4 .box1 .notice_tab > ul > li:nth-child(2) .tab_btn { left: 14rem; }
  #section4 .box1 .incruit h3 { font-size: 2.2rem; }
  #section3 .section_wrap { display: block; padding-bottom: 10rem; }
  #section3 .section_wrap h3 { display: block; width: 100%; max-width: 100%; }
  #section3 .section_wrap .slide { display: block; width: 100%; max-width: 100%; padding-left: 0; margin-top: 3rem; }
  #section3 .control { bottom: 3rem; } }

@media (max-width: 400px) { #section1 .control .nav li::after { -webkit-transform: translateX(-2.3rem) scaleX(0); transform: translateX(-2.3rem) scaleX(0); }
  #section1 .control .nav li.on { margin-right: 7.5rem; }
  #section1 .control .nav li.on::before { width: 4.8rem; right: -7rem; }
  #section1 .control .nav li.on::after { width: 4.8rem; right: -7rem; }
  #section1 .control .nav li + li { margin-left: 1.5rem; }
  #section4 .section_wrap h3 { font-size: 2.2rem; }
  #section4 .group3 .link .desc { top: 2rem; font-size: 1.6rem; max-width: calc(100% - 10rem); left: 3rem; }
  #section4 .group3 .link .down { bottom: 3rem; left: 3rem; } }