@charset "UTF-8";

body {background: url('../images/main/main-img02.png')no-repeat center center/ cover; background-attachment: fixed;}

/* 메인 max-width */
#container .wrap {max-width: 1500px;}

/* 스크롤 바 숨기기 */
html {overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none;}
html::-webkit-scrollbar {display: none;}
/* html {scrollbar-gutter: stable;} */


/* ----- 메인 ----- */
/* interaction */
#section02, #section04, #section05, #section06 {overflow:hidden;}

@media (prefers-reduced-motion: reduce) {
  #section02 .study-wrap li, #section03 .bg-text, #section03 .video-wrap, #section03 .calendar-wrap, #section04 .title-wrap, #section04 .notice-more, #section04 .notice-swiper, #section05 .title-wrap, #section05 .uni-tab-wrap, #section05 .uni-swiper-wrap, #section05 .uni-controls, #section06 .title-wrap, #section06 .study-life li {opacity:1 !important; transform:none !important; transition:none !important;}
}

#section02 .wrap > h4, #section02 .wrap > h3, #section02 .wrap > .study-wrap {opacity:0; transform:translateY(20px); transition:opacity 0.85s ease, transform 0.85s ease;}
#section02.is-active .wrap > h4, #section02.is-active .wrap > h3, #section02.is-active .wrap > .study-wrap {opacity:1; transform:translateY(0);}
#section02.is-active .wrap > h3 {transition-delay:0.05s;}
#section02.is-active .wrap > .study-wrap {transition-delay:0.12s;}

#section03 .bg-text {opacity:0; transition:opacity 1s ease, transform 1s ease;}
#section03 .bg-text.text01 {transform:translateX(-40px);}
#section03 .bg-text.text02 {transform:translateX(40px);}
#section03 .video-wrap {opacity:0; transform:translateX(-70px); transition:opacity 1s ease, transform 1s ease;}
#section03 .calendar-wrap {opacity:0; transform:translateX(70px); transition:opacity 1s ease, transform 1s ease;}
#section03.is-active .bg-text {opacity:1; transform:translateX(0);}
#section03.is-active .video-wrap {opacity:1; transform:translateX(0); transition-delay:0.15s;}
#section03.is-active .calendar-wrap {opacity:1; transform:translateX(0); transition-delay:0.3s;}

#section04 .notice-more {opacity:0; transform:scale(0.9); transition:opacity 0.7s ease, transform 0.7s ease;}
#section04 .title-wrap {opacity:0; transform:translateY(35px); transition:opacity 0.8s ease, transform 0.8s ease;}
#section04 .notice-swiper {opacity:0; transform:translateY(45px); transition:opacity 1s ease, transform 1s ease;}
#section04.is-active .notice-more {opacity:1; transform:scale(1);}
#section04.is-active .title-wrap {opacity:1; transform:translateY(0); transition-delay:0.1s;}
#section04.is-active .notice-swiper {opacity:1; transform:translateY(0); transition-delay:0.25s;}
#section04::before {opacity:0; transform:translateY(-35px); transition:opacity 1s ease, transform 1s ease; transition-delay:.45s;}
#section04.is-active::before {opacity:1; transform:translateY(0);}

#section05 .title-wrap {opacity:0; transform:translateY(35px); transition:opacity 0.8s ease, transform 0.8s ease;}
#section05 .uni-tab-wrap {opacity:0; transform:translateX(-40px); transition:opacity 0.9s ease, transform 0.9s ease;}
#section05 .uni-swiper-wrap {opacity:0; transform:translateX(40px); transition:opacity 0.9s ease, transform 0.9s ease;}
#section05 .uni-controls {opacity:0; transform:translateY(25px); transition:opacity 0.8s ease, transform 0.8s ease;}
#section05.is-active .title-wrap {opacity:1; transform:translateY(0);}
#section05.is-active .uni-tab-wrap {opacity:1; transform:translateX(0); transition-delay:0.15s;}
#section05.is-active .uni-swiper-wrap {opacity:1; transform:translateX(0); transition-delay:0.3s;}
#section05.is-active .uni-controls {opacity:1; transform:translateY(0); transition-delay:0.45s;}

#section06 .title-wrap {opacity:0; transform:translateY(35px); transition:opacity 0.8s ease, transform 0.8s ease;}
#section06 .study-life li {opacity:0; transform:translateY(30px); transition:opacity 0.7s ease, transform 0.7s ease;}
#section06.is-active .title-wrap {opacity:1; transform:translateY(0);}
#section06.is-active .study-life li {opacity:1; transform:translateY(0);}
#section06.is-active .study-life li:nth-child(1) {transition-delay:0.08s;}
#section06.is-active .study-life li:nth-child(2) {transition-delay:0.14s;}
#section06.is-active .study-life li:nth-child(3) {transition-delay:0.2s;}
#section06.is-active .study-life li:nth-child(4) {transition-delay:0.26s;}
#section06.is-active .study-life li:nth-child(5) {transition-delay:0.32s;}
#section06.is-active .study-life li:nth-child(6) {transition-delay:0.38s;}
#section06.is-active .study-life li:nth-child(7) {transition-delay:0.44s;}
#section06.is-active .study-life li:nth-child(8) {transition-delay:0.5s;}
#section06.is-active .study-life li:nth-child(9) {transition-delay:0.56s;}
#section06.is-active .study-life li:nth-child(10) {transition-delay:0.62s;}
#section06.is-active .study-life li:nth-child(11) {transition-delay:0.68s;}
#section06.is-active .study-life li:nth-child(12) {transition-delay:0.74s;}

/* 메인커버 사라질 때까지 스크롤, 액션 잠금  */
html.scroll-lock,body.scroll-lock {overflow: hidden; height: 100%;}
body.scroll-lock {touch-action: none;}

html.is-locked body {pointer-events: none; user-select: none;}

/* 메인 비주얼 */
.main-visual {width: 100%; height: 100vh; position: relative; overflow: hidden;}
.main-visual::before {content: ''; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); position: fixed; top: 0; left: 0; z-index: 10; pointer-events: none;}
.main-visual .main-video {width: 100%; height: 100vh; object-fit: cover; display: block; position: fixed; object-fit: cover; z-index: -1; pointer-events: none;}
.main-visual iframe.main-video{
	/* position: absolute; */
	/* top: 50%; */
	/* left: 50%; */
	width: 100vw;
	height: 56.25vw; /* 16:9 비율 (100 / 16 * 9) */
	min-height: 100vh;
	min-width: 177.77vh; /* 16:9 비율 (100 / 9 * 16) */
	/* transform: translate(-50%, -50%); */
	border: none
}

.main-visual .main-cover {position: absolute; inset: 0; width: 100%; height: 100vh; z-index: 10; pointer-events: none; display: block; animation: fade 0.8s ease-in-out forwards; animation-delay: 0.8s}
@keyframes fade {
  0% {opacity: 1;}
  100% {opacity: 0;}
}
.main-visual .visual-text {position: absolute; bottom: 65px; left: 180px; z-index: 20; padding-right: 20px;}
.main-visual .visual-text .txt01 {font-family: 'Paperlogy ExtraBold'; font-size: 43px; color: #fff;}
.main-visual .visual-text .txt02 {font-family: 'Paperlogy Bold'; font-size: 30px; color: #fff;}

.main-visual .scroll-down {position: absolute; right: 180px; bottom: 130px; z-index: 20;}
.main-visual .scroll-down .scroll-circle {width: 120px; aspect-ratio: 1; display: flex; align-items: center; transform-origin: 50% 50%; animation: spin 5s linear infinite;}
@keyframes spin {
    0% {transform: translateZ(0) rotate(0)}
    100% {transform: translateZ(0) rotate(360deg)}
}
.main-visual .scroll-down .scroll-circle img {width: 100%; height: 100%; display: block; object-fit: contain;}
.main-visual .scroll-down span{position: relative; display: block; width: 28px; height: 48px; position: absolute; transform:translate(-50%,-50%); top: 50%; left: 50%;}
.main-visual .scroll-down span:after{content:''; display: block; width: calc(100% - 4px); height: calc(100% - 4px); aspect-ratio: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 2px; border-radius: 100px; background:linear-gradient(to top, rgba(255,255,255,0.5), rgba(255,255,255,1)); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box,  linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; z-index: -1; background-size: 400% 400%; animation:scroll 2s infinite;}
.main-visual .scroll-down span:before{ content:''; display:block; width: 6px; height: 6px; border-radius:50%; background: #fff; position: absolute; transform:translateX(-50%); left: 50%; top: 10px; 
 animation:scrollDot 2s infinite;}
@keyframes scroll {
	0%{ background-position: 100% 0%;}
	100%{ background-position: 100% -40%;}
}
@keyframes scrollDot {
	0%{ width: 6px; height: 6px; top: 10px; background: #fff;}
	100%{ width: 2px; height: 2px; top: 38px; background: rgba(255,255,255,0.3);}
}

@media (max-width: 1600px) {
  .main-visual .visual-text {left: 80px;}
  .main-visual .scroll-down {right: 80px;}
}
@media (max-width: 1400px) {
  .main-visual .visual-text {left: 50px; bottom: 50px;}
  .main-visual .visual-text .txt01 {font-size: 34px;}
  .main-visual .visual-text .txt02 {font-size: 24px;}

  .main-visual .scroll-down {right: 50px;}
  .main-visual .scroll-down .scroll-circle {width: 100px;}
  .main-visual .scroll-down span:after {width: calc(100% - 6px); height: calc(100% - 6px);}
}
@media (max-width: 1024px) {
  .main-visual .visual-text {left: 30px;}
  .main-visual .visual-text .txt01 {font-size: 28px;}
  .main-visual .visual-text .txt02 {font-size: 22px;}

  .main-visual .scroll-down {right: 30px;}
}
@media (max-width: 768px) {
  .main-visual .visual-text {left: 20px; bottom: 80px;}
  .main-visual .visual-text .txt01 {font-size: 24px;}
  .main-visual .visual-text .txt02 {font-size: 19px;}

  .main-visual .scroll-down {bottom: 190px; right: 20px;}
}


/* ----- 섹션 공통 ----- */
section {background-color: #fff; position: relative; z-index: 100; padding: 100px 0;}
section h3 {font-family: 'Paperlogy ExtraBold'; font-size: 37px;}

#section04 .title-wrap, #section05 .title-wrap {display: flex; align-items: center; gap: 40px;}
#section04 .title-wrap p, #section05 .title-wrap p {font-family: 'Paperlogy Medium'; font-size: 22px; padding-left: 20px; position: relative; word-break: keep-all;}
#section04 .title-wrap p::before, #section05 .title-wrap p::before {content: ''; width: 10px; height: 10px; border-radius: 50%; background-color: #003b83; position: absolute; top: 12px; left: 0;}

@media (max-width: 1400px) {
  section {padding: 80px 0;}

  section h3 {font-size: 32px;}

  #section04 .title-wrap p, #section05 .title-wrap p {font-size: 20px;}
  #section04 .title-wrap p::before, #section05 .title-wrap p::before {width: 8px; height: 8px; top: 11px;}
}
@media (max-width: 1024px) {
  section h3 {font-size: 28px;}
  
  #section04 .title-wrap, #section05 .title-wrap {flex-direction: column; gap: 10px; align-items: flex-start;}
  #section04 .title-wrap p, #section05 .title-wrap p {font-size: 19px;}
  #section04 .title-wrap p::before, #section05 .title-wrap p::before {top: 10px;}
}
@media (max-width: 768px) {
  section {padding: 60px 0;}

  #section02 h3 {font-size: 25px;}
}


/* ----- 섹션01 ----- */
#section01 * {color: #fff;}
#section01 {background-color: transparent; height: 100vh; display: flex; align-items: center; justify-content: center; position: relative;}
#section01::before {content: ''; width: 100%; height: 300px; background: linear-gradient(to top, #000000, rgba(0,0,0,0)); position: absolute; bottom: 0; left: 0; pointer-events: none; opacity: 0.5; z-index: -1;}
#section01 h3 {font-family: 'Paperlogy Bold'; font-size: 43px; text-shadow: 0 4px 4px rgba(0,0,0,0.25); margin-bottom: 60px; text-align: center;}

#section01 .count-wrap {display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 90px;}
#section01 .count-wrap li {width: calc(25% - 15px); display: flex; flex-direction: column; align-items: center; justify-content: flex-start;}
#section01 .count-wrap li span {display: flex; align-items: center; justify-content: center; text-align: center;}
#section01 .count-wrap li .count-ico {width: 100px; height: 100px; opacity: 0.4; transition: 0.45s ease-in-out;}
#section01 .count-wrap li:nth-child(1) .count-ico {background: url('../images/main/count-ico01.svg')no-repeat center center/contain;}
#section01 .count-wrap li:nth-child(2) .count-ico {background: url('../images/main/count-ico02.svg')no-repeat center center/contain;}
#section01 .count-wrap li:nth-child(3) .count-ico {background: url('../images/main/count-ico03.svg')no-repeat center center/contain;}
#section01 .count-wrap li:nth-child(4) .count-ico {background: url('../images/main/count-ico04.svg')no-repeat center center/contain;}
#section01 .count-wrap li .count-dot {width: 10px; height: 10px; border-radius: 50%; background-color: #1e5597; box-shadow: 0 0 6px 7px #6b84a3; margin: 40px 0 45px; transition: 0.45s ease-in-out; position: relative;}
#section01 .count-wrap li .count-dot::before {content: ''; width: 100000%; height: 1px; background-color: rgba(255, 255, 255, 0.2); position: absolute; top: 50%; left: 50%; transform: translateX(-50%); z-index: -1;}
#section01 .count-wrap li .count {font-family: 'Paperlogy medium'; font-size: 30px; text-shadow: 3px 1px 2.5px #1f1f1f50; margin-bottom: 20px; opacity: 0.5; transition: 0.45s ease-in-out;}
#section01 .count-wrap li .count strong {font-family: 'Paperlogy Bold'; font-size: 38px; margin: 0 5px;}
#section01 .count-wrap li dl {text-align: center; display: flex; flex-direction: column; gap: 10px; opacity: 0.5; transition: 0.45s ease-in-out;}
#section01 .count-wrap li dl dt {font-size: 22px; word-break: keep-all;}
#section01 .count-wrap li dl dd {font-size: 19px; word-break: keep-all;}

#section01 .count-wrap li.is-on .count-ico {opacity: 1;}
#section01 .count-wrap li.is-on .count-dot {background-color: #2f76ff; box-shadow: 0 0 10px 7px rgba(255,255,255,0.5);}
#section01 .count-wrap li.is-on .count {opacity: 1;}
#section01 .count-wrap li.is-on dl {opacity: 1;}

#section01 .quick-wrap {display: flex; flex-wrap: wrap; gap: 30px; align-items: center;}
#section01 .quick-wrap span {width: 240px; font-size: 29px; display: flex; flex-direction: column;}
#section01 .quick-wrap span strong {font-family: 'Paperlogy Bold'; font-size: 34px;}
#section01 .quick-wrap ul {width: calc(100% - 270px); display: flex; flex-wrap: wrap; gap: 20px;}
#section01 .quick-wrap ul li a {width: 100%; height: 100%; padding: 10px 35px; border-radius: 100px; border: 1px solid rgba(255,255,255,0.5); display: flex; align-items: center; justify-content: center; background-color: rgba(0,0,0,0.5); font-family: 'Paperlogy Medium'; font-size: 20px; transition: 0.2s ease-in-out;}
#section01 .quick-wrap ul li a:hover {border-color: #0048cf; color: #6198ff;}

@media (max-width: 1400px) {
  #section01 h3 {font-size: 38px;}

  #section01 .count-wrap li .count-ico {width: 70px; height: 70px;}
  #section01 .count-wrap li .count-dot {margin: 30px 0 35px;}
  #section01 .count-wrap li .count {font-size: 25px; margin-bottom: 15px;}
  #section01 .count-wrap li .count strong {font-size: 32px;}

  #section01 .count-wrap li dl {gap: 5px;}
  #section01 .count-wrap li dl dt {font-size: 20px;}
  #section01 .count-wrap li dl dd {font-size: 18px;}

  #section01 .quick-wrap span {font-size: 25px; width: 200px;}
  #section01 .quick-wrap span strong {font-size: 30px;}

  #section01 .quick-wrap ul {width: calc(100% - 230px); gap: 10px;}
  #section01 .quick-wrap ul li a {font-size: 18px; padding: 8px 30px;}
}
@media (max-width: 1024px) {
  #section01 h3 {font-size: 34px;}

  #section01 .count-wrap li .count {font-size: 22px;}
  #section01 .count-wrap li .count strong {font-size: 28px;}

  #section01 .count-wrap li dl {gap: 2px;}
  #section01 .count-wrap li dl dt {font-size: 19px;}
  #section01 .count-wrap li dl dd {font-size: 17px;}

  #section01 .quick-wrap span {font-size: 22px; width: 170px;}
  #section01 .quick-wrap span strong {font-size: 26px;}

  #section01 .quick-wrap ul {width: calc(100% - 200px);}
  #section01 .quick-wrap ul li a {font-size: 17px;}
}
@media (max-width: 768px) {
  #section01 {height: 100%;}
  #section01 h3 {margin-bottom: 40px; font-size: 28px;}

  #section01 .count-wrap {margin-bottom: 40px; gap: 20px 10px;}

  #section01 .count-wrap li {width: calc(50% - 5px);}
  #section01 .count-wrap li .count {margin-bottom: 5px; font-size: 20px;}
  #section01 .count-wrap li .count strong {font-size: 24px;}
  #section01 .count-wrap li .count-ico {width: 78px; height: 78px;}
  #section01 .count-wrap li .count-dot {margin: 15px 0 20px; width: 7px; height: 7px; box-shadow: 0 0 6px 7px #8199b6;}
  #section01 .count-wrap li dl dt {font-size: 17px;}
  #section01 .count-wrap li dl dd {font-size: 16px;}
  
  #section01 .quick-wrap {flex-direction: column; gap: 20px;}
  #section01 .quick-wrap span {width: 100%; flex-direction: row; justify-content: center; align-items: center; gap: 10px; font-size: 20px;}
  #section01 .quick-wrap span strong {font-size: 22px;}
  #section01 .quick-wrap ul {width: 100%; justify-content: center; gap: 8px;}
  #section01 .quick-wrap ul li a {padding: 5px 20px; font-size: 16px;}
}


/* ----- 섹션02 ----- */
#section02 h4 {font-family: 'Paperlogy Medium'; font-size: 27px; margin-bottom: 15px; color: #484848;}
#section02 h3 {margin-bottom: 50px; display:inline-block;}

#section02 .study-wrap {display: flex; flex-wrap: wrap;}
#section02 .study-wrap li {width: 33.333%; text-align: center; overflow: hidden; position: relative; transition: 0.2s ease-in-out;}
#section02 .study-wrap li::before {content: ''; width: 1px; height: 120px; border: 1px dashed #a6a6a6; position: absolute; top: 50%; transform: translateY(-50%); right: 0; z-index: 20;}
#section02 .study-wrap li:last-child::before {display: none;}
#section02 .study-wrap li a {width: 100%; height: 100%; padding: 50px 40px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; transition: 0.2s ease-in-out; position: relative; z-index: 10; background-color: #fff;}

/* #section02 .study-wrap li:nth-child(1) a::before {content: ''; width: 100%; height: 100%; background: url('../images/main/study01.jpg')no-repeat center center/cover; opacity: 0; transition: 0.2s ease-in-out; position: absolute; top: 0; left: 0; z-index: -1; filter: brightness(0.6);} */
/* #section02 .study-wrap li:nth-child(2) a::before {content: ''; width: 100%; height: 100%; background: url('../images/main/study02.jpg')no-repeat center center/cover; opacity: 0; transition: 0.2s ease-in-out; position: absolute; top: 0; left: 0; z-index: -1; filter: brightness(0.6);} */
/* #section02 .study-wrap li:nth-child(3) a::before {content: ''; width: 100%; height: 100%; background: url('../images/main/study03.jpg')no-repeat center center/cover; opacity: 0; transition: 0.2s ease-in-out; position: absolute; top: 0; left: 0; z-index: -1; filter: brightness(0.6);} */

#section02 .study-wrap li .study-ico {width: 70px; height: 70px; background-color: #eee; margin-bottom: 30px; transition: 0.2s ease-in-out;}
#section02 .study-wrap li:nth-child(1) .study-ico {background: url('../images/main/study-ico01.svg')no-repeat center center/contain;}
#section02 .study-wrap li:nth-child(2) .study-ico {background: url('../images/main/study-ico02.svg')no-repeat center center/contain;}
#section02 .study-wrap li:nth-child(3) .study-ico {background: url('../images/main/study-ico03.svg')no-repeat center center/contain;}

#section02 dl dt {font-family:'Paperlogy Bold'; font-size:26px; margin-bottom:15px; word-break:keep-all; color:transparent; background-image:linear-gradient(to right,#0249B4,#10EAB0), linear-gradient(#ccc,#ccc); background-size:0% 100%,100% 100%; background-position:left top,left top; background-repeat:no-repeat; -webkit-background-clip:text; background-clip:text; transition:background-size 1s ease;}
#section02.is-active dl dt {background-position:0 0;}

#section02.is-active .study-wrap li:nth-child(1) dl dt {background-size:100% 100%,100% 100%; transition-delay: 0s;}
#section02.is-active .study-wrap li:nth-child(2) dl dt {background-size:100% 100%,100% 100%; transition-delay: .7s;}
#section02.is-active .study-wrap li:nth-child(3) dl dt {background-size:100% 100%,100% 100%; transition-delay: 1.4s;}

#section02 dl dd {font-family: 'Paperlogy Medium'; font-size: 21px; color: #424242; margin-bottom: 30px; line-height: 1.8; transition: 0.4s ease-in-out; word-break: keep-all;}#section02 .study-btn {font-family: 'Paperlogy SemiBold'; font-size: 21px; width: fit-content; padding: 5px 5px 5px 25px; background-color: #fff; border: 1px solid #003b8380; border-radius: 100px; display: flex; align-items: center; justify-content: space-between; position: relative;}
#section02 .study-btn::before {content: ''; width: calc(100% + 15px); height: calc(100% + 15px); background-color: #003b8380; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; border-radius: 100px;}
#section02 .study-wrap li a:hover .study-btn::before {animation: moreVideoScale 1s ease-in-out infinite;}
#section02 .study-btn i {width: 48px; height: 48px; background-color: #003b83; color: #fff; border-radius: 100px; margin-left: 20px; display: flex; align-items: center; justify-content: center; font-size: 30px;}

/* #section02 .study-wrap li:hover {border-radius: 40px 20px 40px 20px; box-shadow: 3px 4px 6px 2px #3f3f3f2d; z-index: 30;} */
/* #section02 .study-wrap li:hover::before {opacity: 0;} */
/* #section02 .study-wrap li:hover .study-ico {filter: brightness(10);} */
/* #section02 .study-wrap li:hover dl dt {color: #fff;} */
/* #section02 .study-wrap li:hover dl dd {color: #fff;} */

/* #section02 .study-wrap li:nth-child(1):hover a::before {opacity: 1;} */
/* #section02 .study-wrap li:nth-child(2):hover a::before {opacity: 1;} */
/* #section02 .study-wrap li:nth-child(3):hover a::before {opacity: 1;} */

/* #section02 .study-wrap li:hover .study-btn {background-color: #6699d7bd; border-color: #6699d7bd; color: #fff;} */
/* #section02 .study-wrap li:hover .study-btn i {color: #fff;} */

@media (max-width: 1400px) {
  #section02 h3 {margin-bottom: 30px;}
  #section02 h4 {font-size: 24px;}

  #section02 dl dt {font-size: 24px;}
  #section02 dl dd {font-size: 19px; line-height: 1.6;}

  #section02 .study-wrap li .study-ico {width: 64px; height: 64px; margin-bottom: 20px;}
  #section02 .study-wrap li a {padding: 30px 20px;}
  #section02 .study-btn {font-size: 19px;}
  #section02 .study-btn i {width: 40px; height: 40px; font-size: 25px;}
}
@media (max-width: 1024px) {
  #section02 h4 {font-size: 22px;}
  #section02 h3 {margin-bottom: 20px;}

  #section02 .study-wrap li .study-ico {width: 56px; height: 56px;}
  #section02 .study-wrap li a {padding: 30px 10px;}

  #section02 dl dt {font-size: 20px; letter-spacing: -0.5px;}
  #section02 dl dd {font-size: 17px;}
  #section02 dl dd br {display: none;}

  /* #section02 .study-btn {font-size: 18px; padding: 6px 15px 6px 23px;} */
  /* #section02 .study-btn i {font-size: 22px;} */
  /* #section02 .study-btn {margin-left: auto;} */
}
@media (max-width: 768px) {
  #section02 h4 {font-size: 20px; margin-bottom: 10px;}

  #section02 .study-wrap li {width: 100%;}
  #section02 .study-wrap li::before {width: 75%; height: 1px; top: auto; left: 50%; transform: translate(-50%, 0); bottom: 0;}

  #section02 .study-btn {font-size: 18px;}
  #section02 .study-btn i {width: 34px; height: 34px; font-size: 21px;}
  #section02 .study-btn::before {width: calc(100% + 10px); height: calc(100% + 10px);}
}
@media (max-width: 500px) {
  
}


/* ----- 섹션03 ----- */
#section03 {z-index: 110;}
#section03::before {content: ''; width: 100%; height: 100%; background-color: #f6fafe; border-radius: 150px 0 0 0; position: absolute; top: 0; left: 0; pointer-events: none; z-index: -1;}
#section03::after {content: ''; width: 965px; height: 350px; background: url('../images/main/section03-bg.png')no-repeat center center/contain; position: absolute; bottom: 0; left: -10px; z-index: -1; pointer-events: none;}

#section03 .wrap {display: flex; flex-wrap: wrap; gap: 60px; position: relative;}

#section03 .wrap .bg-text {font-family: 'Paperlogy Bold'; font-size: 83px; position: absolute; bottom: 0; left: 0;}
#section03 .wrap .text01 {color: #fff; text-shadow: 2px 1px 1px #0505055d; bottom: -122px;}
#section03 .wrap .text02 {color: transparent; -webkit-text-stroke: 1px #b0c6d7; left: 280px; bottom: -205px;}

#section03 .video-wrap {width: 610px; flex: 1;}
#section03 .video-wrap h3 {margin-bottom: 30px;}
#section03 .video-wrap p {font-family: 'Paperlogy SemiBold'; font-size: 24px; margin-bottom: 30px; color: #363636; word-break: keep-all;}
#section03 .video-wrap iframe {width: 100%; border-radius: 20px; box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25); margin-bottom: 30px;}
#section03 .more-video {font-family: 'Paperlogy SemiBold'; font-size: 21px; width: fit-content; padding: 5px 5px 5px 25px; background-color: #fff; border: 1px solid #003b8380; border-radius: 100px; display: flex; align-items: center; justify-content: space-between; position: relative;}
#section03 .more-video::before {content: ''; width: calc(100% + 15px); height: calc(100% + 15px); background-color: #003b8380; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; border-radius: 100px;}
#section03 .more-video:hover::before {animation: moreVideoScale 1s ease-in-out infinite;}
#section03 .more-video i {width: 48px; height: 48px; background-color: #003b83; color: #fff; border-radius: 100px; margin-left: 20px; display: flex; align-items: center; justify-content: center; font-size: 30px;}
@keyframes moreVideoScale {
  0% {width: calc(100% + 15px); height: calc(100% + 15px); opacity: 1;}
  50% {width: calc(100% + 30px); height: calc(100% + 30px); opacity: 0;}
  100% {width: calc(100% + 15px); height: calc(100% + 15px); opacity: 0;}
}

#section03 .calendar-wrap {width: calc(100% - 670px);}
#section03 .calendar-wrap .title-btn-wrap {width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px;}
#section03 .calendar-wrap .title-btn-wrap .more-btn {width: 60px; height: 60px; border-radius: 50%; background-color: #26293d; box-shadow: 1px 7px 8px 4px #b2b2b244; display: flex; align-items: center; justify-content: center; transition: 0.2s ease-in-out;}
#section03 .calendar-wrap .title-btn-wrap .more-btn:hover {box-shadow: 1px 7px 15px 4px #5e5e5e4b;}
#section03 .calendar-wrap .title-btn-wrap .more-btn i {color: #fff; display: flex; align-items: center; justify-content: center; font-size: 36px; transition: 0.2s ease-in-out;}
#section03 .calendar-wrap .title-btn-wrap .more-btn:hover i {transform: rotate(90deg);}

#section03 .calendar-wrap .calendar {display: flex; flex-direction: column; gap: 30px;}
#section03 .calendar-wrap .calendar li {width: 100%; background-color: #fff; border-radius: 20px; border: 2px dashed #fff; box-shadow: 0 4px 4px 0 #a7a7a744; transition: 0.2s ease-in-out;}
#section03 .calendar-wrap .calendar li:nth-child(n+4) {display: none;}
#section03 .calendar-wrap .calendar li:hover {border: 2px dashed #9c9c9c; box-shadow: 4px 4px 4px 2px #535c7b44;}
#section03 .calendar-wrap .calendar li a {display: flex; flex-wrap: wrap; gap: 30px; align-items: center; justify-content: center; padding: 30px;}
#section03 .calendar-wrap .calendar .dday {width: 107px; height: 107px; border: 1px solid #003b83; background-color: #003b83; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-family: 'Paperlogy Bold'; font-size: 23px; transition: 0.2s ease-in-out;}
#section03 .calendar-wrap .calendar li:hover .dday {background-color: #fff; color: #003b83;}
#section03 .calendar-wrap .calendar dl {width: calc(100% - 137px); flex: 1;}
#section03 .calendar-wrap .calendar dl dt {font-family: 'Paperlogy Bold'; font-size: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 15px;}
#section03 .calendar-wrap .calendar dl dd {display: flex; align-items: center; }
#section03 .calendar-wrap .calendar dl dd {font-family: 'Paperlogy Medium'; font-size: 20px; color: #363636; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.8; word-break: keep-all;}
#section03 .calendar-wrap .calendar dl dd .new {width: 26px; height: 26px; background-color: #ee6060; display: inline-flex; align-items: center; justify-content: center; font-family: 'Paperlogy Bold'; font-size: 13px; color: #fff; border-radius: 50%; margin-right: 5px; position: relative; top: -2px; padding-top: 2px;}

/* 일정 없음 */
#section03 .calendar-wrap .calendar li.nodata {display: flex; align-items: center; justify-content: center;}
#section03 .calendar-wrap .calendar li.nodata a {font-family: 'Paperlogy Medium'; font-size: 20px;}

@media (max-width: 1600px) {
  #section03::before {border-radius: 100px 0 0 0;}
  #section03 .wrap {gap: 30px;}
  
  #section03 .calendar-wrap {width: calc(100% - 640px);}
}
@media (max-width: 1400px) {
  #section03 .wrap .bg-text {font-size: 70px;}
  #section03 .wrap .text01 {bottom: -100px;}
  #section03 .wrap .text02 {bottom: -170px;}

  #section03 .video-wrap {width: 500px;}
  #section03 .video-wrap p {font-size: 22px;}
  
  #section03 .more-video {font-size: 19px;}
  #section03 .more-video i {width: 40px; height: 40px; font-size: 25px;}

  #section03 .calendar-wrap {width: calc(100% - 530px);}
  #section03 .calendar-wrap .title-btn-wrap .more-btn {width: 54px; height: 54px;}
  #section03 .calendar-wrap .title-btn-wrap .more-btn i {font-size: 32px;}

  #section03 .calendar-wrap .calendar {gap: 20px;}
  #section03 .calendar-wrap .calendar li a {padding: 20px; gap: 20px;}
  #section03 .calendar-wrap .calendar .dday {width: 90px; height: 90px; font-size: 20px;}
  #section03 .calendar-wrap .calendar dl {width: calc(100% - 110px);}
  #section03 .calendar-wrap .calendar dl dt {font-size: 20px; margin-bottom: 10px;}
  #section03 .calendar-wrap .calendar dl dd {font-size: 18px;}
  #section03 .calendar-wrap .calendar dl dd .new {width: 24px; height: 24px; font-size: 11px;}
}
@media (max-width: 1024px) {
  #section03::before {border-radius: 80px 0 0 0;}
  #section03 .wrap {flex-direction: column; gap: 50px;}
  #section03 .wrap .bg-text {display: none;}
  
  #section03 .video-wrap {width: 100%;}
  #section03 .video-wrap iframe {margin-bottom: 20px;}
  #section03 .video-wrap h3 {margin-bottom: 20px;}
  #section03 .video-wrap p {font-size: 19px;}
  #section03 .video-wrap p br {display: none;}
  #section03 .more-video {margin-left: auto;}

  #section03 .calendar-wrap {width: 100%;}
  #section03 .calendar-wrap .title-btn-wrap .more-btn {width: 48px; height: 48px;}
  #section03 .calendar-wrap .title-btn-wrap .more-btn i {font-size: 28px;}

  #section03 .calendar-wrap .calendar li a {padding: 15px;}
}
@media (max-width: 768px) {
  #section03 .video-wrap h3 {margin-bottom: 15px;}
  #section03 .video-wrap iframe {max-height: 300px !important; border-radius: 15px;}

  #section03 .more-video {font-size: 18px;}
  #section03 .more-video i {width: 34px; height: 34px; font-size: 21px;}
  #section03 .more-video::before {width: calc(100% + 10px); height: calc(100% + 10px);}

  #section03 .calendar-wrap .title-btn-wrap .more-btn {width: 42px; height: 42px;}
  #section03 .calendar-wrap .title-btn-wrap .more-btn i {font-size: 24px;}

  #section03 .calendar-wrap .calendar {gap: 15px;}
  #section03 .calendar-wrap .calendar li {border-radius: 15px;}
  #section03 .calendar-wrap .calendar li a {gap: 15px;}
  #section03 .calendar-wrap .calendar .dday {width: 75px; height: 75px; font-size: 18px;}
  #section03 .calendar-wrap .calendar dl {width: calc(100% - 90px);}
  #section03 .calendar-wrap .calendar dl dt {font-size: 18px;}
  #section03 .calendar-wrap .calendar dl dd {font-size: 17px; line-height: 1.6;}
  #section03 .calendar-wrap .calendar dl dd .new {width: 20px; height: 20px; font-size: 9px;}
  
}
@media (max-width: 500px) {
  #section03::before {border-radius: 50px 0 0 0;}

  #section03 .calendar-wrap .calendar .dday {width: 65px; height: 65px; font-size: 16px;}
}


/* ----- 섹션04 ----- */
#section04::before {content: ''; width: 1030px; height: 500px; background: url('../images/main/notice-bg.svg')no-repeat center center/ contain; position: absolute; bottom: -40px; left: 0; pointer-events: none;}
#section04 .wrap {margin-top: 80px; position: relative;}

#section04 .notice-more {display: flex; align-items: center; justify-content: center; position: absolute; top: -40px; right: 0; z-index: 10;}
#section04 .notice-more::before {content: ''; width: 70px; height: 70px; background: url('../images/main/notice-more.svg')no-repeat center center/contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#section04 .notice-more img {width: 100%; height: 100%; object-fit: contain; animation: spin 5s linear infinite;}

#section04 .title-wrap {margin-bottom: 30px;}

#section04 .notice-swiper {overflow: unset;}
#section04 .notice-swiper .swiper-slide {display: flex;}
#section04 .notice-swiper .swiper-slide .slide-img {width: 650px; height: 410px; flex: 1; border-radius: 30px; box-shadow: 2px 5px 5px #5e5e5e44; overflow: hidden; position: relative; z-index: 10;}
#section04 .notice-swiper .swiper-slide .slide-img img {width: 100%; height: 100%; max-height: 410px; object-fit: cover; transition: 0.3s ease-in-out; vertical-align: middle;}
#section04 .notice-swiper .swiper-slide .slide-cont {width: calc(100% - 600px); min-height: 410px; margin-top: 20px; margin-left: -50px; padding: 50px 50px 50px 90px; background-color: #fff; box-shadow: 0 1px 8px 9px #f4f4f4; border-radius: 0 50px 50px 70px;}
#section04 .notice-swiper .swiper-slide .slide-cont .cont-tit {margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #cacaca;}
#section04 .notice-swiper .swiper-slide .slide-cont .cont-tit p {padding-left: 10px; width: 90%; font-family: 'Paperlogy Bold'; font-size: 26px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; margin-bottom: 15px; transition: 0.2s ease-in-out;}
#section04 .notice-swiper .swiper-slide .slide-cont .cont-tit p .new {display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; background-color: #f66262; border-radius: 50%; font-family: 'Paperlogy SemiBold'; color: #fff; font-size: 15px; margin-right: 5px; position: relative; top: -3px;}
#section04 .notice-swiper .swiper-slide .slide-cont .cont-tit .univ {padding-left: 10px; width: 90%; display: block; font-family: 'Paperlogy Medium'; font-size: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#section04 .notice-swiper .swiper-slide .slide-cont .desc {padding-left: 10px; width: 90%; font-family: 'Paperlogy Medium'; font-size: 21px; line-height: 1.8; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: keep-all;}
#section04 .notice-swiper .swiper-slide:hover .slide-img img {transform: scale(1.05);}
#section04 .notice-swiper .swiper-slide:hover .slide-cont .cont-tit p {color: #003b83;}

#section04 .notice-swiper .notice-controls {display: flex; gap: 10px; position: absolute; bottom: -29px; left: 685px; z-index: 1;}
#section04 .notice-swiper .notice-controls button {width: 58px; height: 58px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #FFF; box-shadow: 1px 7px 8px 4px #b2b2b244; position: relative; transition: 0.2s ease-in-out;}
#section04 .notice-swiper .notice-controls button::before {content: ''; font-family: 'bootstrap-icons'; font-size: 15px; font-weight: bold !important; color: #2a2a2a; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: 0.2s ease-in-out;}
#section04 .notice-swiper .notice-controls button.notice-prev::before {content: '\F284';}
#section04 .notice-swiper .notice-controls button.notice-toggle::before {content: '\F4C4'; font-size: 20px;} 
#section04 .notice-swiper .notice-controls button.notice-toggle.is-paused::before {content: '\F4F4';} 
#section04 .notice-swiper .notice-controls button.notice-next::before {content: '\F285';}
#section04 .notice-swiper .notice-controls button:hover {box-shadow: 1px 7px 8px 4px #8b8b8b54;}
#section04 .notice-swiper .notice-controls button:hover::before {color: #003b83;}

#section04 .notice-swiper .notice-page {position: absolute; bottom: -70px; right: 10px; z-index: 1; display: flex; align-items: flex-end; gap: 15px;}
#section04 .notice-swiper .notice-page span {font-family: 'Paperlogy Medium'; font-size: 43px; color: #aec4de; opacity: 0.8;}
#section04 .notice-swiper .notice-page span.current {font-family: 'Paperlogy Bold'; font-size: 83px; line-height: 1.1;}


@media (max-width: 1400px){
  #section04 .notice-swiper .swiper-slide .slide-img {width: 500px; height: 360px;}
  #section04 .notice-swiper .swiper-slide .slide-img img {max-height: 360px;}

  #section04 .notice-swiper .swiper-slide .slide-cont {width: calc(100% - 470px); min-height: 360px; padding: 40px 40px 40px 50px; margin-left: -30px;}
  #section04 .notice-swiper .swiper-slide .slide-cont .cont-tit {margin-bottom: 20px; padding-bottom: 20px;}
  #section04 .notice-swiper .swiper-slide .slide-cont .cont-tit p {font-size: 22px;}
  #section04 .notice-swiper .swiper-slide .slide-cont .cont-tit p .new {width: 26px; height: 26px; font-size: 12px;}
  #section04 .notice-swiper .swiper-slide .slide-cont .cont-tit .univ {font-size: 20px;}
  #section04 .notice-swiper .swiper-slide .slide-cont .desc {font-size: 19px; line-height: 1.6;}

  #section04 .notice-swiper .notice-controls {left: 530px; bottom: -22px; gap: 8px;}
  #section04 .notice-swiper .notice-controls button {width: 50px; height: 50px;}
  #section04 .notice-swiper .notice-controls button::before {font-size: 12px;}
  #section04 .notice-swiper .notice-controls button.notice-toggle::before {font-size: 16px;}

  #section04 .notice-more {top: 0; right: 20px;}
  #section04 .notice-more img {max-width: 120px; max-height: 120px;}
  #section04 .notice-more::before {width: 60px; height: 60px;}

  #section04 .notice-swiper .notice-page {bottom: -50px;}
  #section04 .notice-swiper .notice-page span.current {font-size: 60px;}
  #section04 .notice-swiper .notice-page span {font-size: 36px;}
}
@media (max-width: 1024px){
  #section04 .wrap {margin-top: 0;}
  #section04::before {width: 800px; bottom: -90px;}

  #section04 .notice-more {top: 25px;}
  #section04 .notice-more img {max-width: 100px; max-height: 100px;}
  #section04 .notice-more::before {width: 50px; height: 50px;}

  #section04 .notice-swiper .swiper-slide {flex-direction: column;}
  #section04 .notice-swiper .swiper-slide .slide-img {width: 100%; border-radius: 20px;}
  #section04 .notice-swiper .swiper-slide .slide-cont {width: 100%; min-height: fit-content; margin-top: -20px; margin-left: 0; padding: 50px 30px 50px 30px; border-radius: 0 0 30px 30px;}

  #section04 .notice-swiper .swiper-slide .slide-cont .cont-tit p {width: 100%; font-size: 20px; margin-bottom: 10px; -webkit-line-clamp: 1; padding-left: 0;}
  #section04 .notice-swiper .swiper-slide .slide-cont .cont-tit .univ {font-size: 18px; padding-left: 0;}
  #section04 .notice-swiper .swiper-slide .slide-cont .desc {font-size: 18px; padding-left: 0; width: 100%;}

  #section04 .notice-swiper .notice-controls {left: 20px; bottom: -20px;}
  #section04 .notice-swiper .notice-controls button {width: 45px; height: 45px;}

  #section04 .notice-swiper .notice-page {gap: 10px; bottom: -36px;}
  #section04 .notice-swiper .notice-page span.current {font-size: 45px;}
  #section04 .notice-swiper .notice-page span {font-size: 30px;}
}
@media (max-width: 768px){
  #section04 .title-wrap {padding-right: 85px;}
  #section04 .notice-more {top: 0; right: 15px;}
  #section04 .notice-more img {max-width: 80px; max-height: 80px;}
  #section04 .notice-more::before {width: 40px; height: 40px;}

  #section04 .notice-swiper .swiper-slide .slide-img {height: 270px;}
  #section04 .notice-swiper .swiper-slide .slide-img img {max-height: 270px;}

  #section04 .notice-swiper .swiper-slide .slide-cont {padding: 50px 20px 50px 20px;}
  #section04 .notice-swiper .swiper-slide .slide-cont .cont-tit {margin-bottom: 15px; padding-bottom: 15px;}

  #section04 .notice-swiper .notice-page {bottom: -32px;}
  #section04 .notice-swiper .notice-page span.current {font-size: 38px;}
  #section04 .notice-swiper .notice-page span {font-size: 25px;}
  #section04 .notice-swiper .notice-controls button {width: 40px; height: 40px;}
}


/* ----- 섹션05 ----- */
#section05 .title-wrap {margin-bottom: 30px;}

#section05 .university {display: flex; gap: 20px; height: 375px; position: relative;}

#section05 .uni-tab-wrap .uni-tab-list {flex: 1; width: 480px; height: 100%; padding-left: 15px; overflow: auto; direction: rtl; display: flex; align-items: flex-end; flex-direction: column; gap: 10px;}
#section05 .uni-tab-wrap .uni-tab-list .uni-tab {height: 44px; font-family: 'Paperlogy SemiBold'; font-size: 17px; width: fit-content; padding: 8px 15px; border-radius: 100px; border:1px solid #fff; transition: 0.2s ease-in-out; background-color: #fff; position: relative; display: flex; align-items: center; justify-content: center;}
#section05 .uni-tab-wrap .uni-tab-list .uni-tab::before {content: ''; width: 7px; height: 7px; border-radius: 50%; background-color: #003b83; position: absolute; top: 50%; transform: translateY(-50%); left: 15px; opacity: 0; transition: 0.2s ease-in-out;}
#section05 .uni-tab-wrap .uni-tab-list .uni-tab::after {content: '\F285'; font-family: 'bootstrap-icons'; font-size: 12px; width: 32px; height: 32px; background-color: #003b83; border-radius: 50%; color: #fff; font-weight: bold; display: flex; align-items: center; justify-content: center; padding-left: 1.5px; position: absolute; top: 50%; transform: translateY(-50%); right: 8px; opacity: 0; transition: 0.2s ease-in-out;}
#section05 .uni-tab-wrap .uni-tab-list .uni-tab.is-active {padding: 8px 50px 8px 30px; border-color: #003b83; box-shadow: 4px 2px 4px 2px #7d7d7d44; color: #003b83;}
#section05 .uni-tab-wrap .uni-tab-list .uni-tab.is-active::before {opacity: 1;}
#section05 .uni-tab-wrap .uni-tab-list .uni-tab.is-active::after {opacity: 1;}

#section05 .uni-tab-list::-webkit-scrollbar {width: 7px;}
#section05 .uni-tab-list::-webkit-scrollbar-track {background: #f0f0f0; border-radius: 100px;}
#section05 .uni-tab-list::-webkit-scrollbar-thumb {background: #9c9c9c; border-radius: 100px;}
#section05 .uni-tab-list::-webkit-scrollbar-thumb:hover {background-color: #929292;}

#section05 .uni-swiper-wrap {width: calc(100% - 500px); height: 100%;}
#section05 .uni-swiper-wrap .uni-swiper {overflow: unset;}
#section05 .uni-swiper-wrap .swiper-slide {}

#section05 .uni-swiper-wrap .uni-card {display: flex; flex-wrap: wrap;}

#section05 .uni-swiper-wrap .uni-card .card-left {flex: 1; position: relative; z-index: 10;}
#section05 .uni-swiper-wrap .uni-card .card-left .uni-eng {display: block; font-family: 'Paperlogy Medium'; font-size: 21px; color: #7c7c7c; margin-bottom: 10px; width: 90%; word-break: keep-all;}
#section05 .uni-swiper-wrap .uni-card .card-left .uni-kor {display: block; font-family: 'Paperlogy Bold'; font-size: 32px; margin-bottom: 10px; width: 90%; word-break: keep-all;}
#section05 .uni-swiper-wrap .uni-card .card-left .uni-slogan {display: block; font-family: 'Paperlogy Bold'; font-size: 23px; color: #003b83; margin-bottom: 30px; width: 90%; word-break: keep-all;}
#section05 .uni-swiper-wrap .uni-card .card-left ul {display: flex; flex-wrap: wrap; gap: 20px;}
#section05 .uni-swiper-wrap .uni-card .card-left ul li {width: calc(25% - 15px); padding: 20px 10px; background-color: #fff; border: 1px solid #d3d3d3; border-radius: 15px; box-shadow: 1px 1px 4px 2px #69696950; display: flex; flex-direction: column; gap: 10px; align-items: center; justify-content: center;}
#section05 .uni-swiper-wrap .uni-card .card-left ul li span {width: 50px; height: 45px; display: block; margin: 10px 0;}
#section05 .uni-swiper-wrap .uni-card .card-left ul li:nth-child(1) span {background: url('../images/main/uni-ico01.svg')no-repeat center center/contain;}
#section05 .uni-swiper-wrap .uni-card .card-left ul li:nth-child(2) span {background: url('../images/main/uni-ico02.svg')no-repeat center center/contain;}
#section05 .uni-swiper-wrap .uni-card .card-left ul li:nth-child(3) span {background: url('../images/main/uni-ico03.svg')no-repeat center center/contain; background-size: 85%;}
#section05 .uni-swiper-wrap .uni-card .card-left ul li:nth-child(4) span {background: url('../images/main/uni-ico04.svg')no-repeat center center/contain;}
#section05 .uni-swiper-wrap .uni-card .card-left ul li dl {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px;}
#section05 .uni-swiper-wrap .uni-card .card-left ul li dt {font-size: 17px;}
#section05 .uni-swiper-wrap .uni-card .card-left ul li dd {font-family: 'Paperlogy Bold'; font-size: 16px;}

#section05 .uni-swiper-wrap .uni-card .card-right {margin-left: -10px; position: relative; padding-right: 30px; perspective:1000px;}
#section05 .uni-swiper-wrap .uni-card .card-right::before {content:''; width:150px; height:150px; position:absolute; top:-50px; right:0; opacity:0; transform-origin:center center; backface-visibility:hidden;}
#section05 .uni-swiper-wrap .swiper-slide-active .card-right::before {opacity:0.8; animation:uniLogoRotate 0.9s ease;}
#section05 .uni-swiper-wrap .uni-card .card-right img {width: 300px; height: 300px; box-shadow: 2px 4px 4px #60606050; border-radius: 50%; border-radius: 50%; max-width: 100%; max-height: 100%; object-fit: cover;}

@keyframes uniLogoRotate {
  0% {transform:rotateY(-70deg) scale(0.9); opacity:0;}
  60% {transform:rotateY(10deg) scale(1); opacity:0.8;}
  100% {transform:rotateY(0deg) scale(1); opacity:0.8;}
}

#section05 .uni-swiper-wrap .swiper-slide[data-tab="GIST"] .card-right::before {background: url('../images/main/university/symbol/symbol-gist.svg')no-repeat center center/contain;}
#section05 .uni-swiper-wrap .swiper-slide[data-tab="Gwangju National University of Education"] .card-right::before {background: url('../images/main/university/symbol/symbol-gnue.svg')no-repeat center center/contain;}
#section05 .uni-swiper-wrap .swiper-slide[data-tab="Gwangju University"] .card-right::before {background: url('../images/main/university/symbol/symbol-gwangju.svg')no-repeat center center/contain;}
#section05 .uni-swiper-wrap .swiper-slide[data-tab="Gwangju Health University"] .card-right::before {background: url('../images/main/university/symbol/symbol-ghu.svg')no-repeat center center/contain;}
#section05 .uni-swiper-wrap .swiper-slide[data-tab="Kwangju Women's University"] .card-right::before {background: url('../images/main/university/symbol/symbol-kwu.svg')no-repeat center center/contain;}
#section05 .uni-swiper-wrap .swiper-slide[data-tab="Christian College of Nursing"] .card-right::before {background: url('../images/main/university/symbol/symbol-ccn.svg')no-repeat center center/contain;}
#section05 .uni-swiper-wrap .swiper-slide[data-tab="Nambu University"] .card-right::before {background: url('../images/main/university/symbol/symbol-nambu.svg')no-repeat center center/contain;}
#section05 .uni-swiper-wrap .swiper-slide[data-tab="Donggang University"] .card-right::before {background: url('../images/main/university/symbol/symbol-dkc.svg')no-repeat center center/contain;}
#section05 .uni-swiper-wrap .swiper-slide[data-tab="Seoyeong University"] .card-right::before {background: url('../images/main/university/symbol/symbol-seoyeong.svg')no-repeat center center/contain;}
#section05 .uni-swiper-wrap .swiper-slide[data-tab="Songwon University"] .card-right::before {background: url('../images/main/university/symbol/symbol-songwon.svg')no-repeat center center/contain;}
#section05 .uni-swiper-wrap .swiper-slide[data-tab="Chonnam National University"] .card-right::before {background: url('../images/main/university/symbol/symbol-cnu.svg')no-repeat center center/contain;}
#section05 .uni-swiper-wrap .swiper-slide[data-tab="Chosun Nursing College"] .card-right::before {background: url('../images/main/university/symbol/symbol-cnc.svg')no-repeat center center/contain;}
#section05 .uni-swiper-wrap .swiper-slide[data-tab="Chosun University"] .card-right::before {background: url('../images/main/university/symbol/symbol-chosun.svg')no-repeat center center/contain;}
#section05 .uni-swiper-wrap .swiper-slide[data-tab="Chosun College of Science & Technology"] .card-right::before {background: url('../images/main/university/symbol/symbol-cst.svg')no-repeat center center/contain;}
#section05 .uni-swiper-wrap .swiper-slide[data-tab="Korea Polytechnics V"] .card-right::before {background: url('../images/main/university/symbol/symbol-kopo.svg')no-repeat center center/contain;}
#section05 .uni-swiper-wrap .swiper-slide[data-tab="Honam University"] .card-right::before {background: url('../images/main/university/symbol/symbol-honam.svg')no-repeat center center/contain;}
#section05 .uni-swiper-wrap .swiper-slide[data-tab="Honam Theological University & Seminary"] .card-right::before {background: url('../images/main/university/symbol/symbol-htus.svg')no-repeat center center/contain;}

#section05 .university .uni-controls {display: none; align-items: center; gap: 15px; margin: 0 auto;}
#section05 .university .uni-controls button {position: relative; width: 60px; height: 60px; cursor: pointer;}
#section05 .university .uni-controls button::before {content: ''; font-family: 'bootstrap-icons'; font-size: 45px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: transform 0.2s ease-in-out;}

#section05 .university button.uni-prev:hover::before {transform: translate(calc(-50% - 8px), -50%);}
#section05 .university button.uni-prev::before {content: '\F12F';}
#section05 .university button.uni-next::before {content: '\F138';}
#section05 .university button.uni-next:hover::before {transform: translate(calc(-50% + 8px), -50%);}

#section05 .university button.uni-toggle {border-radius: 50%; background-color: #f7f7f7; transition: background-color 0.2s ease-in-out;}
#section05 .university button.uni-toggle:hover {background-color: #e4e4e4;}
#section05 .university button.uni-toggle::before {content: '\F4C4'; font-size: 26px; font-weight: bold !important;}
#section05 .university button.is-play::before {content: '\F4F4'; padding-left: 3px;}

/* #section05 .university .uni-prev, .uni-next, .uni-toggle {width: 50px; height: 50px; border-radius: 50%; border:1px solid #ddd; background:#fff;} */

@media (max-width: 1400px) {
  #section05 {padding-bottom: 40px;}
  #section05 .university {flex-direction: column; height: auto; gap: 40px;}
  
  #section05 .uni-swiper-wrap .uni-card .card-left .uni-eng {font-size: 19px;}
  #section05 .uni-swiper-wrap .uni-card .card-left .uni-kor {font-size: 28px;}
  #section05 .uni-swiper-wrap .uni-card .card-left .uni-slogan {font-size: 21px;}

  #section05 .uni-swiper-wrap {width: 100%;}
  #section05 .uni-tab-wrap {display: none;}
  #section05 .uni-controls {display: flex !important;}
}
@media (max-width: 1024px) {
  #section05 .university {height: 100%;}
  
  #section05 .uni-swiper-wrap .uni-card .card-left .uni-eng {font-size: 17px; margin-bottom: 5px; width: 70%;}
  #section05 .uni-swiper-wrap .uni-card .card-left .uni-kor {font-size: 24px; margin-bottom: 5px; width: 70%;}
  #section05 .uni-swiper-wrap .uni-card .card-left .uni-slogan {font-size: 19px; margin-bottom: 25px; width: 70%;}

  #section05 .uni-swiper-wrap .uni-card .card-right {position: absolute; top: -50px; right: 0; padding-right: 20px;}
  #section05 .uni-swiper-wrap .uni-card .card-right::before {width: 80px; height: 80px; top: -25px;}
  #section05 .uni-swiper-wrap .uni-card .card-right img {width: 200px; height: 200px;}

  #section05 .university .uni-controls {bottom: -50px;}
  #section05 .university .uni-controls button {width: 50px; height: 50px;}
  #section05 .university .uni-controls button::before {font-size: 38px;}
  #section05 .university button.uni-toggle::before {font-size: 22px;}
}
@media (max-width: 768px) {
  #section05 {padding-bottom: 30px;}
  #section05 .university {gap: 30px;}

  #section05 .uni-swiper-wrap .uni-card .card-left ul {gap: 15px;}
  #section05 .uni-swiper-wrap .uni-card .card-left ul li {width: calc(25% - 11.25px); box-shadow: 1px 1px 4px 2px #b3b3b350; border-color: #ddd;}
  #section05 .uni-swiper-wrap .uni-card .card-left ul li span {width: 45px; height: 40px; margin: 5px 0;}
  
  #section05 .uni-swiper-wrap .uni-card .card-right {top: 0;}
  #section05 .uni-swiper-wrap .uni-card .card-right img {width: 150px; height: 150px;}
  #section05 .uni-swiper-wrap .uni-card .card-right::before {width: 60px; height: 60px; top: -15px;}

  #section05 .university .uni-controls button {width: 45px; height: 45px;}
  #section05 .university .uni-controls button::before {font-size: 30px;}
  #section05 .university button.uni-toggle::before {font-size: 18px;}
}
@media (max-width: 600px) {
  #section05 .uni-swiper-wrap .uni-card .card-left .uni-kor {width: 100%;}
  #section05 .uni-swiper-wrap .uni-card .card-left .uni-slogan {width: 100%;}
  #section05 .uni-swiper-wrap .uni-card .card-left ul li {width: calc(50% - 7.5px); padding: 15px 10px;}

  #section05 .uni-swiper-wrap .uni-card .card-right {top: -55px; padding-right: 5px;}
  #section05 .uni-swiper-wrap .uni-card .card-right img {width: 100px; height: 100px;}
  #section05 .uni-swiper-wrap .uni-card .card-right::before {width: 40px; height: 40px;}
  /* #section05 .uni-swiper-wrap .uni-card .card-right {display: none;} */
}


/* ----- 섹션06 ----- */
#section06 {background:linear-gradient(to bottom, #fff, #ecf5ff) ;}
#section06 .wrap {}

#section06 .title-wrap {position: relative; padding-left: 170px; margin-bottom: 20px;}
#section06 .title-wrap::before {content: ''; width: 125px; height: 155px; background: url('../images/main/study-life.svg')no-repeat center center/contain; position: absolute; top: 50%; transform: translateY(-50%); left: 20px;}
#section06 .title-wrap h3 {font-family: 'Paperlogy Medium'; font-size: 29px; margin-bottom: 10px;}
#section06 .title-wrap h3 span {font-family: 'Paperlogy Bold'; color: #003b83;}
#section06 .title-wrap p {font-family: 'Paperlogy Medium'; font-size: 20px; color: #333; word-break: keep-all;}

#section06 .study-life {display: flex; flex-wrap: wrap; gap: 18px; align-items: center; justify-content: center; padding: 30px; background-color: #fff; border: 1px solid #c3c3c3; border-radius: 50px; position: relative; z-index: 10;}
#section06 .study-life li .list {font-size: 18px; padding: 10px 25px; display: flex; align-items: center; justify-content: center; background-color: #f8f9fb; border: 1px solid #d4d4d4; border-radius: 100px; color: #505050; position: relative; transition: 0.2s ease-in-out;}
#section06 .study-life li .list::after {content: ''; width: 0; height: 0; background: url('../images/main/check.svg')no-repeat center center/cover; transition: 0.2s ease-in-out; transform: scale(0);}

#section06 .study-life li .list:hover {background-color: #eff5fc; border-color:#003b83; font-family: 'Paperlogy Medium'; box-shadow: 1px 4px 4px #58585825;}
#section06 .study-life li .list:hover::after {transform: scale(1); width: 20px; height: 20px; margin-left: 7px;}

@media (max-width: 1400px) {
  #section06 .title-wrap::before {width: 100px; height: 130px;}

  #section06 .title-wrap {padding-left: 150px;}
  #section06 .title-wrap h3 {font-size: 25px;}
  #section06 .title-wrap p {font-size: 19px;}

  #section06 .study-life {padding: 20px; gap: 12px;}
  #section06 .study-life li .list {font-size: 17px; padding: 8px 20px;}
  #section06 .study-life li .list:hover::after {width: 18px; height: 18px;}
}
@media (max-width: 768px) {
  #section06 .title-wrap::before {width: 80px; height: 110px; left: 15px;}
  
  #section06 .title-wrap {padding-left: 110px; margin-bottom: 15px;}
  #section06 .title-wrap h3 {font-size: 22px; margin-bottom: 5px;}
  #section06 .title-wrap p {font-size: 18px;}
  
  #section06 .study-life {border-radius: 30px; padding: 15px; gap: 8px;}
  #section06 .study-life li .list {padding: 5px 15px; font-size: 16px;}
  #section06 .study-life li .list:hover::after {width: 16px; height: 16px; margin-left: 5px;}
}
@media (max-width: 500px) {
  #section06 .title-wrap {padding-left: 0; text-align: center;}
  #section06 .title-wrap::before {display: none;}
}