.detail_btn {font-size: 1em; column-gap: 10px; font-weight: 700; color: #aaa; display: flex; align-items: center; width: fit-content; position: relative; transition: color .3s;}
.detail_btn .arrow {width: 24px; height: 25px;}
.detail_btn img {transition: transform .3s, opacity .2s, width .2s; transform-origin: center left;}
.detail_btn .arrow {position: relative;}
.detail_btn .arrow img.hover {position: absolute; opacity: 0; left: 0;}
.detail_btn:hover {color: #0B4198;}
.detail_btn:hover .arrow img {transform: rotate(-25deg); width: 17px;}
.detail_btn:hover .arrow img.org {opacity: 0;}
.detail_btn:hover .arrow img.hover {opacity: 1;}

#main {padding-top: 160px;}
#main .slide_btn_wrap {position: relative; width: 100%; max-width: 1280px; margin: 0 auto;}
#main .mainSwiper {margin-bottom: 55px; position: static;}
#main .mainSwiper .banner_title {margin-bottom: 30px; opacity: 0; transform: translateY(-50px); transition: opacity .5s, transform .5s, filter .5s; transition-delay: .4s;}
#main .mainSwiper .banner_title .netb {font-size: 3.125em; letter-spacing: -4px;}
#main .mainSwiper .banner_title .eng {font-size: 1.25em; font-weight: 500; margin-top: 5px;}
#main .mainSwiper .banner_img {position: relative; overflow: hidden; height: 450px; border-radius: 15px; isolation: isolate;}
#main .mainSwiper .banner_img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.05); filter: blur(5px) brightness(0.6); transition: transform 5s, filter 1.25s; transition-delay: .3s; border-radius: 15px; isolation: isolate;}
#main .mainSwiper .slide_btn {position: absolute; bottom: 145px; right: -40px; background: #0B4198; border-radius: 15px; width: 80px; height: 160px; z-index: 2;}
#main .mainSwiper .slide_btn::after {content: ""; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 24px; height: 1px; background: rgba(255,255,255,0.15);}
#main .mainSwiper .slide_btn > div {height: 50%; position: static; width: 100%;}
#main .mainSwiper .slide_btn > div img {width: 24px;}

#main .mainSwiper .swiper-slide-active .banner_title {opacity: 1; transform: translateY(0); transition-delay: .5s;}
#main .mainSwiper .swiper-slide-active .banner_img img {transform: scale(1); filter: blur(0) brightness(1);}

#main .academy_sec {margin-bottom: 110px;}
#main .academy_sec .bg_txt {text-transform: uppercase; /* font-size: 5.25em; */ font-weight: 900; color: #f6f6f6; overflow: hidden; padding-left: 36px;}
#main .academy_sec .bg_txt span {letter-spacing: -0.2vw; transform: translateY(100%); display: inline-block; transition: transform .2s; font-size: calc(100vw/23);}
#main .academy_sec .bg_txt span.gap {width: 1vw; display: inline-block;}
#main .academy_sec .bg_txt.active span {transform: translateY(0);}
#main .academy_sec .bg_txt.active span:nth-child(2) {transition-delay: 0.05s;}
#main .academy_sec .bg_txt.active span:nth-child(3) {transition-delay: 0.1s;}
#main .academy_sec .bg_txt.active span:nth-child(4) {transition-delay: 0.15s;}

#main .academy_sec .bg_txt.active span:nth-child(6) {transition-delay: 0.2s;}
#main .academy_sec .bg_txt.active span:nth-child(7) {transition-delay: 0.25s;}

#main .academy_sec .bg_txt.active span:nth-child(9) {transition-delay: 0.3s;}
#main .academy_sec .bg_txt.active span:nth-child(10) {transition-delay: 0.35s;}
#main .academy_sec .bg_txt.active span:nth-child(11) {transition-delay: 0.4s;}
#main .academy_sec .bg_txt.active span:nth-child(12) {transition-delay: 0.45s;}
#main .academy_sec .bg_txt.active span:nth-child(13) {transition-delay: 0.5s;}
#main .academy_sec .bg_txt.active span:nth-child(14) {transition-delay: 0.55s;}
#main .academy_sec .bg_txt.active span:nth-child(15) {transition-delay: 0.6s;}

#main .academy_sec .bg_txt.active span:nth-child(17) {transition-delay: 0.65s;}
#main .academy_sec .bg_txt.active span:nth-child(18) {transition-delay: 0.7s;}
#main .academy_sec .bg_txt.active span:nth-child(19) {transition-delay: 0.75s;}
#main .academy_sec .bg_txt.active span:nth-child(20) {transition-delay: 0.8s;}
#main .academy_sec .bg_txt.active span:nth-child(21) {transition-delay: 0.85s;}
#main .academy_sec .bg_txt.active span:nth-child(22) {transition-delay: 0.9s;}
#main .academy_sec .bg_txt.active span:nth-child(23) {transition-delay: 0.95s;}
#main .academy_sec .bg_txt.active span:nth-child(24) {transition-delay: 1s;}

#main .academy_sec .txt_wrap {margin-top: -2vw; padding-left: 36px; border-left: 3px solid #111; box-sizing: border-box; position: relative; z-index: 2;}
#main .academy_sec .txt_wrap .netb {font-size: 1.875em; font-weight: 700;}
#main .academy_sec .txt_wrap .desc {margin-top: 20px; font-size: 1.0625em; line-height: 165%; font-weight: 500;}
#main .academy_sec .txt_wrap .info {margin: 30px 0 50px; font-weight: 500;}
#main .academy_sec .txt_wrap .info li {display: flex; align-items: center;}
#main .academy_sec .txt_wrap .info li:not(:last-child) {margin-bottom: 10px;}
#main .academy_sec .txt_wrap .info li > div {min-width: 270px; column-gap: 15px; display: flex; align-items: baseline;}
#main .academy_sec .txt_wrap .info li > div .badge {font-size: 0.875em; width: 78px; height: 27px; border-radius: 5px; display: flex; align-items: center; justify-content: center;}
#main .academy_sec .txt_wrap .info li.color1 > div .badge {background: #0B4198; color: #fff;}
#main .academy_sec .txt_wrap .info li.color2 > div .badge {background: #EDF0F9; color: #0B4198;}
#main .academy_sec .txt_wrap .info li > div span {font-size: 1.0625em;}

#main .main_title_wrap {column-gap: 40px; display: flex; align-items: center; position: relative; z-index: 2; width: fit-content;}
#main .main_title_wrap .title {font-size: 2.5em;}
#main .slide_btn_wrap .moveTopSwiper {transform: translateY(-45px);}
#main .slide_paging_btn {display: flex; align-items: center; column-gap: 20px; width: fit-content; margin-left: auto; margin-bottom: 30px; height: 44px;}
#main .slide_paging_btn > div {position: static;}
#main .slide_paging_btn > div img {width: 24px;}
#main .slide_paging_btn .swiper-pagination {width: fit-content; color: inherit; font-size: 1em; font-weight: 500;}

#main .news_sec {margin: 100px 0;}
#main .news_sec .swiper-slide:hover .board_info .title {text-decoration: underline; text-underline-offset: 3px;}
#main .news_sec .board_thumb {margin-bottom: 15px; width: 100%; height: 0; padding-bottom: 75.9075%; position: relative; overflow: hidden; border-radius: 15px; border: 1px solid #111;}
#main .news_sec .board_thumb img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
#main .news_sec .board_info .badge {background: #111; color: #fff; width: fit-content; border-radius: 3px; padding: 2px 10px; font-size: 0.8125em; font-weight: 800;}
#main .news_sec .board_info .title {margin: 12px 0 20px; font-size: 1.0625em; font-weight: 500; line-height: 165%; padding-right: 40px;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}
#main .news_sec .board_info .period {font-size: 0.857em; font-weight: 500; color: #aaa;}
 
#main .notice_sec .swiper-slide:hover .notice_board {background: #0B4198; color: #fff;}
#main .notice_sec .swiper-slide:hover .notice_board .title {text-decoration: underline; text-underline-offset: 3px;}
#main .notice_sec .notice_board {border: 1px solid #111; border-radius: 15px; padding: 50px 30px 30px; position: relative; min-height: 203px; transition: background .3s, color .3s;}
#main .notice_sec .notice_board .title {
  font-size: 1.0625em; font-weight: 500; line-height: 165%;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}
#main .notice_sec .notice_board .date {font-size: 0.875em; font-weight: 500; color: #aaa; position: absolute; bottom: 30px; left: 30px;}


@media screen and (max-width: 1400px) {
  #main .mainSwiper .slide_btn {bottom: 0; right: 0; display: flex; width: 160px; height: 80px; align-items: center;}
  #main .mainSwiper .slide_btn::after {width: 1px; height: 24px;}
}

@media screen and (max-width: 1320px) {
  #main .main_banner .slide_btn_wrap {padding: 0 20px;}
  #main .mainSwiper .slide_btn {right: 20px;}
  #main .mainSwiper .banner_title .netb {font-size: 2.875em;}
}

@media screen and (max-width: 1024px) {
  #main .mainSwiper .banner_title .netb {font-size: 4.5vw;}
  #main .mainSwiper .banner_title .eng {font-size: 2vw;}

  #main .academy_sec .txt_wrap .desc br {display: none;}

  #main .academy_sec .bg_txt span {font-size: 5.25vw; letter-spacing: -0.3vw;}
  #main .academy_sec .txt_wrap {margin-top: -2.5vw;}
  #main .notice_sec .notice_board {min-height: 180px; padding: 35px 25px 25px;}
  #main .notice_sec .notice_board .date {bottom: 25px; left: 25px;}
}


@media screen and (max-width: 768px) {
  #main {padding-top: 140px;}
  #main .mainSwiper {margin-bottom: 40px;}
  #main .mainSwiper .banner_img {height: 300px; border-radius: 10px;}
  #main .mainSwiper .banner_title .netb {font-size: 4.75vw;}
  #main .mainSwiper .slide_btn {width: 110px; height: 55px; border-radius: 10px;}
  #main .mainSwiper .slide_btn > div img {width: 21px;}
  #main .mainSwiper .slide_btn::after {height: 15px;}
  #main .academy_sec .txt_wrap {padding-left: 3.5vw;}
  #main .academy_sec .bg_txt {padding-left: 3.5vw;}
  #main .academy_sec .bg_txt span {font-size: 5.75vw; letter-spacing: -0.45vw;}
  #main .academy_sec .txt_wrap .desc {margin-top: 15px;}
  #main .academy_sec .txt_wrap .info {margin: 25px 0 40px;}
  #main .academy_sec .txt_wrap .info li > div {min-width: 230px; column-gap: 10px;}
  #main .academy_sec .txt_wrap .info li > div .badge {font-size: 0.9em; width: 67px; height: 24px;}
  #main .academy_sec .txt_wrap .info li > div span {max-width: calc(100% - 67px - 10px);}

  #main .news_sec {margin: 75px 0 100px;}
  #main .news_sec .board_info .title {line-height: 157%; margin: 10px 0 20px; padding-right: 20px;}
  #main .notice_sec .notice_board {min-height: 155px; padding: 30px 20px 20px;}
  #main .notice_sec .notice_board .title {line-height: 157%;}
  #main .notice_sec .notice_board .date {bottom: 20px; left: 20px;}
  #main .main_title_wrap {column-gap: 25px;}
  #main .main_title_wrap .title {font-size: 2.25em;}
  #main .slide_btn_wrap .moveTopSwiper {transform: translateY(-40px);}
  #main .slide_paging_btn {margin-bottom: 20px; column-gap: 12px;}
  #main .slide_paging_btn > div img {width: 18px;}
  .detail_btn .arrow {width: 18px; height: auto;}
  .detail_btn img {width: 18px;}
  .detail_btn:hover .arrow img {width: 14px;}
}

@media screen and (max-width: 540px) {
  #main {padding-top: 120px;}
  #main .mainSwiper .banner_title .netb {font-size: 8vw; line-height: 140%; letter-spacing: 0;}
  #main .mainSwiper .banner_title .eng {font-size: 1.111em; margin-top: 7px;}
  #main .mainSwiper .banner_img {height: 220px;}
  #main .mainSwiper .slide_btn {width: 80px; height: 40px;}
  #main .mainSwiper .slide_btn > div img {width: 17px;}
  #main .mainSwiper .slide_btn::after {height: 12px;}
  #main .academy_sec {margin-bottom: 100px;}
  #main .academy_sec .bg_txt {padding-left: 15px;}
  #main .academy_sec .bg_txt span {font-size: 5.4vw; letter-spacing: -0.525vw;}
  #main .academy_sec .txt_wrap {padding-left: 15px;}
  #main .academy_sec .txt_wrap .netb {line-height: 135%;}
  #main .academy_sec .txt_wrap .desc {margin-top: 14px;}
  #main .academy_sec .txt_wrap .info {margin: 25px 0 35px;}
  #main .academy_sec .txt_wrap .info li {flex-direction: column; row-gap: 8px; align-items: flex-start;}
  #main .academy_sec .txt_wrap .info li:not(:last-child) {margin-bottom: 8px;}
  #main .academy_sec .txt_wrap .info li > div {min-width: 210px;}
  #main .academy_sec .txt_wrap .info li > div .badge {width: 60px; height: 23px;}
  #main .academy_sec .txt_wrap .info li > div span {max-width: calc(100% - 60px - 10px);}

  #main .news_sec {margin: 60px 0 60px;}
  #main .news_sec .board_info .title {line-height: 145%; margin: 10px 0 15px;}
  #main .main_title_wrap {flex-direction: column; row-gap: 7px;}
  #main .main_title_wrap .title {font-size: 2em;}
  .detail_btn {column-gap: 5px;}
  .detail_btn img {width: 15px;}
  .detail_btn:hover .arrow img {width: 12px;}
  #main .slide_btn_wrap .moveTopSwiper {transform: translateY(-15px);}
  #main .slide_paging_btn {margin-bottom: 15px; height: 15px;}
  #main .slide_paging_btn > div {width: 15px; height: 15px;}
  #main .slide_paging_btn > div img {width: 15px;}
  #main .notice_sec .notice_board {min-height: 140px; padding: 25px 15px 20px;}
  #main .notice_sec .notice_board .date {left: 15px;}
}