@charset "UTF-8";
/*-------------------------------------------------
title       : 메인 반응형
Author      : 플랜아이 광주
Create date : 2022-03-06
-------------------------------------------------*/
@media (max-height: 700px) { #visual .desc { bottom: 20rem; }
  #visual .desc p { font-size: 8rem; } }
  
@media (max-width: 1780px) {
	#visual .desc {padding: 0 8rem;}
	#visual .controls {padding: 0 8rem;} 
}

@media (max-width: 1500px) { #section2 .event_wrap .slider .slide_controls { right: 0; margin-right: 0; } }

@media (max-width: 1400px) { #section3 .left h2 { font-size: 6rem; padding-bottom: 11.6rem; } }

@media (max-width: 1200px) { 
  #section2 .kdis_news .news { margin-left: -3.4rem; }
  #section2 .kdis_news .news div.sl { width: calc(33.333333% - 3.4rem); margin-left: 3.4rem; }
  #section2 .kdis_news .news div.sl a { padding: 3.3rem 3rem; }
  #section2 .kdis_news .news .tit { font-size: 2.8rem; height: 10.5rem; margin-bottom: 3.2rem; } 
  
  
  #section3 .sec3-title-wrap {flex-direction: column;align-items: flex-start; gap: 11rem;}
  #section3 .sec3-title h2 br {display: none;}
  #section3 .sec3-box-contents article {flex-direction: column;}
  #section3 .sec3-box-contents article .img {width: 100%; height: 46rem;}
  #section3 .sec3-box-contents article .txt {width: 100%; padding: 3rem;} 
}

@media (max-width: 1180px) { 
  #section3 .web { display: none; }
  #section3 .mobile { display: block; }
  #section3 .mobile > p { margin: 5rem 0 2.6rem; }
  #section3 h2 { font-size: 7rem; line-height: 1.28571; text-transform: uppercase; margin-bottom: 3.6rem; text-align: center; line-height: 1; }
  #section3 h2 .point { color: #2FD37E; display: block; }
  #section3 h2 strong { font-weight: 900; }
  #section3 p { font-size: 2rem; line-height: 1.7;  word-break: keep-all; }
  #section3 .more { color: #2FD37E; text-transform: uppercase; font-weight: 900; border: 1px solid rgba(47, 211, 126, 0.5); display: block; text-align: center; padding: 1rem; }
  #section3 .more::after { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: all 0.2s; transition: all 0.2s; }
  #section3 .more:hover::after, #section3 .more:focus::after { -webkit-transform: rotate(180deg) translateY(2px); transform: rotate(180deg) translateY(2px); }
  #section3 .more:after { display: inline-block; vertical-align: middle; font-family: "remixicon"; content: '\ea12'; }
  #section3 .box { display: table; width: 100%; }
  #section3 .box + .box { margin-top: 3rem; }
  #section3 .box em { display: table-cell; vertical-align: middle; width: 8rem; height: 8rem; text-align: center; position: relative; line-height: 8rem; font-size: 2rem; font-weight: 700; color: #212121; }
  #section3 .box em:before { position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 6rem; height: 6rem; content: ''; border: 1px solid #707070; left: 1rem; top: 13%; }
  #section3 .box .desc { display: table-cell; vertical-align: middle; padding-left: 1.7rem; }
  #section3 .box .desc .tit { font-size: 3rem; font-weight: 900; margin-bottom: 0; text-transform: uppercase; }
  #section3 .box .desc .tit span { color: #212121; }
  #section3 .box .desc .tit strong { color: #2FD37E; font-weight: 900; }
  #section3 .box .desc .txt { font-size: 1.6rem; line-height: 1.5; }
  #section3 .box.fourth em:before { display: none; }  
  #visual .desc.type2 .professor-img {margin-left:0;}
 }


@media (max-width: 1024px) { 
  #visual .desc.type2 p { font-size: 6rem; line-height: 6rem; }
  #section1 .search { padding: 0; }
  #section1 .search .recommend { position: relative; }
  #section1 .search .recommend a { float: none; width: 100%; display: block; margin: 0; }
  #section1 .search .recommend a:before { display: none; }
  #section1 .search .recommend a.more { position: absolute; float: none; right: 0; bottom: 0; -webkit-transform: translateY(0); transform: translateY(0); width: auto; }
  #section2 { padding-top: 6rem; }
  #section2 .kdis_news {margin-top:6rem;}
  #section2 .kdis_news .container {padding:6rem 0;}
  #section2 .kdis_news h2 { margin: 0 0 1.8rem; }
  #section2 .kdis_news .news { margin: 0; }
  #section2 .kdis_news .news div .sl { float: none; width: 100%; margin: 0; }
  #section2 .kdis_news .news .slick-slide { width: 80vw !important; padding: 0 3vw; }
  #section2 .kdis_news .news .slick-dots { text-align: center; margin-top: 2.4rem; }
  #section2 .kdis_news .news .slick-dots li { display: inline-block; vertical-align: middle; }
  #section2 .kdis_news .news .slick-dots li button { font-size: 0; width: 1.2rem; height: 1.2rem; border: 1px solid #707070; background: transparent; }
  #section2 .kdis_news .news .slick-dots li + li { margin-left: 1.2rem; }
  #section2 .kdis_news .news .slick-dots li.slick-active button { border-color: #2FD37E; background: #2FD37E; }
  #section3 {padding:6rem 0;} 
  #section3 .sec3-box-tab .select {display: block;}
  #section3 .sec3-box-tab > ul {display: none;}
  #visual .desc.type2 {align-items: normal;justify-content: center;flex-direction: column;}
  #visual .desc.type2 .professor-img {width: 25rem;}
  #visual .desc.type2 > div {margin-top: -4rem;}
 }
  
@media(max-width:640px) {
  #section3 .sec3-title-wrap {gap: 3rem;}
  #section3 .sec3-title-number {flex-direction: column; width: 100%; gap: 11rem;}
  #section3 .sec3-title-number > img {padding-right: 0; margin-right: 0;}
  #section3 .sec3-title-number ul > li:first-of-type::before {display: none;}
  #visual .more_txt {z-index:11;}
}

@media (max-width: 600px) { #visual .desc p { font-size: 5rem; }
  #visual .desc.type2 p { font-size: 5rem; line-height: 5rem; } 
  #visual .desc {padding: 0;}
  #visual .controls {padding: 0;} 
  #visual .slick-arrow {display: none !important;}
  }

@media(max-width:500px) {
  #section3 .sec3-title-number ul {flex-direction: column; margin: -3rem 0;} 
  #section3 .sec3-title-number ul > li {padding: 3rem 0; }
  #section3 .sec3-title-number ul > li::before {width: 8rem ;height: 1px; left: 50%; transform: translateX(-50%); top: 0; border-top: 1px dashed #ddd;}
  #section3 .sec3-title-number ul::before {left: 50%; transform: translateX(-50%); top: -6.8rem;}
  #section3 .sec3-title-number ul::after {right: -16rem; top: -7.8rem;}
  #visual .desc.type2 .congratulations {margin-bottom: 0; width: 300px;}
  #visual .desc.type2 .professor-img {width: 190px;}
  #visual .desc.type2 .professor-txt {padding-right: 23rem;}
  #visual .controls, #visual .more_txt {bottom: 3rem;}
  #visual .desc a {margin-top:2rem;}
  #visual .desc.type2 p br {display: none;}
}

@media (max-width: 420px) { 
	#visual .desc.type2 p { font-size: 4rem; line-height: 4rem; } 
}