/* main banner */
.main-banner {height:83rem;}
.main-banner .mainSwiper {position:relative;}
.main-banner .mainSwiper .arrows {position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%); z-index:10;width: 18rem;}
.main-banner .swiper-slide {height:83rem; background:#000;}
.main-banner .swiper-button-prev {background:url("/2025/img/main/btn_main_banner.png") no-repeat center / 100%; transform:rotate(180deg); left: 6rem;box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.1);border-radius: 2vw;width: 4.9rem;height: 4.9rem;}
.main-banner .swiper-button-next {background:url("/2025/img/main/btn_main_banner.png") no-repeat center / 100%;left: unset;right: 0;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);border-radius: 2vw;width: 4.9rem;height: 4.9rem;}
.main-banner .swiper-button-prev:after,
.main-banner .swiper-button-next:after {content:"";}
.main-banner .swiper-horizontal>.swiper-pagination {left:22vw; bottom:20%; width:auto;}
.main-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#fff;}
.main-banner .swiper-pagination-bullet {margin:0 0.6rem !important; background:rgb(255, 255, 255,0.9);}
.main-banner .swiper-slide .banner {position:relative; width:100%; height:100%; overflow:hidden;}
.main-banner .btn-play {position:absolute; left:18vw; bottom:7vw; z-index:5;}
.main-banner .swiper-progress-bar {display: none;}
.play-pause-btn {margin-left:1.9rem; border-radius: 50%;display: flex; align-items:center; justify-content: center; cursor: pointer; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);background:transparent;border: 1px solid #ffffff;width: 5rem;height: 5rem;margin-left: 0;z-index:10;}
.icon {display: inline-block; width: 12px; height: 18px; transition:all 0.3s;}
.pause {width: 18px; height: 18px; display: flex; justify-content: space-between; position:relative;}
.pause::before,
.pause::after {content: "";position: absolute;width: 3px;height: 14px;background: #fff;display: block;top: calc(50% - 7px);border-radius: 3px;}
.pause::before{left: 4px;}
.pause::after{right: 4px; }
.play {width: 0;height: 0;border-left: 10px solid #fff;border-top: 7px solid transparent;border-bottom: 7px solid transparent;}
.swiper-ctrl{display:flex; position: absolute ;width: auto; bottom: 17rem; left: 18vw; align-items: center; min-width: 30rem; position: relative; width: auto;}
.swiper-ctrl .arrows{width: 10rem;display: flex;justify-content: space-between;margin-left: 5rem;}
.swiper-ctrl .swiper-pagination{position:static !important;width: auto !important;margin-top: -5px;}
.swiper .swiper-notification{position:static !important; }
.swiper-button-next:after, .swiper-button-prev:after{display:none !important;}
.swiper-progress-bar {position: relative; display: block; width: 35rem; height: .2rem;  z-index: 1; background:rgba(167, 167, 167, 0.58);}
.swiper-progress-bar .slide_progress-bar {width: auto; height: .2rem; background: rgba(167, 167, 167, 0.58); clear: both; opacity: 0;}
.swiper-progress-bar .slide_progress-bar:after {content: ""; height: 100%; width: 0; position: absolute; top: 0; left: 0; background: #fff; transition: 0.1s width linear;}
.swiper-progress-bar.active .slide_progress-bar {opacity: 1;}
.swiper-progress-bar.animate .slide_progress-bar:after {width: 100%; transition: width linear; transition-delay: unset; transition-duration: 4s;}
.swiper-progress-bar-m {position: relative; display: block; width:100%; height: .2rem;  z-index: 1; background:rgba(167, 167, 167, 0.58);}
.swiper-progress-bar-m .slide_progress-bar {width: auto; height: .2rem; background: rgba(167, 167, 167, 0.58); clear: both; opacity: 0;}
.swiper-progress-bar-m .slide_progress-bar:after {content: ""; height: 100%; width: 0; position: absolute; top: 0; left: 0; background: #fff; transition: 0.1s width linear;}
.swiper-progress-bar-m.active .slide_progress-bar {opacity: 1;}
.swiper-progress-bar-m.animate .slide_progress-bar:after {width: 100%; transition: width linear; transition-delay: unset; transition-duration: 4s;}
.mainSwiper video {position: absolute; top: 0; left: 50%; min-width: 100%; min-height: 100%; transform: translateX(-50%); cursor: pointer;}

/* gnb */
#main-header.mo-header {display:none;}
#main-header {position:fixed; left:0; top:0; width:100%; z-index:10; background:transparent; color:#000; line-height:1.2;}
#main-header.active {background:#fff; transition:background .3s ease;}
#main-header.on {background:#fff; transition:all .25s}
#main-header .container {height:8.3rem; margin:0 auto; display:flex; align-items:center; justify-content:center;}
#main-header .home-link {display:inline-block; width:21rem; height:6.1rem; background:url('/2025/img/main/img_logo.svg') no-repeat left center / auto 100%;}
#main-header nav.gnb > ul{display:flex; gap:40px; list-style:none;}
#main-header nav.gnb > ul > li {position: relative;}
#main-header .gnb {margin-right:13rem;}
#main-header .gnb a{text-decoration:none; font-size:1.6rem; line-height:1.7; padding:.5rem 0; cursor:pointer;}
#main-header .gnb a::after{content:""; position:absolute; left:0;bottom:-2px; width:0; height:2px; background: rgba(0, 196, 211, 1); transition:width .3s;}
#main-header .gnb li.open > a::after{width:100%;}
#main-header .gnb a:hover{color:#00BEDA;}
#main-header .gnb .submenu {position:absolute; top:8rem; left:0; width:auto; display:flex; justify-content:center; gap:40px; padding:12px 0; opacity:0; visibility:hidden; transform:translateY(-10px); transition:opacity .25s,transform .25s; white-space:nowrap; z-index:100;}
#main-header .gnb li.open .submenu{opacity:1; visibility:visible; transform:translateY(0);}
#main-header .gnb li.cs-center .submenu {left:-845%;}
#main-header .submenu li a{color:#969696; font-size:1.6rem; text-decoration:none; padding:4px 0; transition:color .2s;}
#main-header .submenu li a:hover{color:#00BEDA; font-weight:700;}
#main-header .bg-dapth {width:100%; height:9.6rem; position:absolute; left:0; top:8.3rem; background:#fff; opacity:0; visibility: hidden; box-shadow:0 4px 10px rgba(0,0,0,0.1); transform:translateY(-10px); transition:opacity .25s,transform .25s; border-top:1px solid #EBEBEB; z-index:10;}
#main-header .bg-dapth.open {opacity:1; visibility:unset; transform:translateY(0);}
#main-header .header-right{display:flex; align-items:center; gap:35px; font-size:1.6rem;}
#main-header .quick-menu > ul {display:flex; align-items:center; font-size:16px; font-weight:600;}
#main-header .site-map {display:none; cursor: pointer;}
#main-header .site-map .bar {width:2.2rem; height:.3rem; background:#363636;}
#main-header .site-map .bar:nth-child(2) {width:1.4rem; margin:.5rem 0;}
#main-header .custom-select {position: relative; display: inline-block;}
#main-header .custom-select .hidden {display: none;}
#main-header #select-btn {display:flex; align-items: center; min-width:7rem; text-align: left; border:0; background:transparent; cursor: pointer;}
#main-header #select-btn .check {display:block; width:1.2rem; height:.6rem; margin-left:.5rem; background:url('/2025/img/main/icon_arrow_down.png') no-repeat center / cover;}
#main-header #select-options {position: absolute; top: 100%; left: 0; border-top: none; width: 100%; z-index: 10;}
#main-header #select-options li {margin:1rem 0; cursor: pointer;}
#main-header #select-options li:hover {color:#00BEDA;}
#main-header .select-campus {display:flex; align-items:center; gap:10px;}
#main-header .select-campus a {padding:.5rem 1.3rem; background:#fff; color:#C7C7C7; border-radius:.8rem;}
#main-header .select-campus a:hover {background:#ecf1f5;}
#main-header .select-campus .active {background:rgba(0, 196, 211, 0.52); color:#fff;}
#main-header .select-campus .active:hover {background:#00beda;}
#main-header .gnb .curri .submenu {width:590px; top:5.5rem; flex-wrap:wrap; justify-content: flex-start; gap:0;}
#main-header .gnb .curri .submenu li {margin-right:4rem; line-height:3rem;}
#main-header .login-box a:hover {color:#00BEDA;}
#main-header .logout-box a:hover {color:#00BEDA;}
#main-header .login,
#main-header .logout {margin-right:1.3rem;}
.mognbSwiper {background:rgba(0, 196, 211, 1); color:#fff; font-size:1.5rem;}
.mognbSwiper .swiper-slide {width:auto; padding:1.5rem 0; font-weight:300;}
.mognbSwiper .active {border-bottom:3px solid #fff;  font-weight:400;}
.mo-2dapth .modapthSwiper .swiper-slide.active {border-bottom:3px solid #000; font-weight:400;}
.mo-2dapth .modapthSwiper {background:#ebeaea; color:#000; font-size:1.5rem;}
.mo-2dapth .modapthSwiper .swiper-slide {width:auto; padding:1.5rem 0;  font-weight:300;}


/* 햄버거 메뉴 */
.mobile-nav {position: fixed; top: 0; left: 0;width: 100%; height: 100vh;background: #fff;transform: translateY(-100%);transition: transform .5s ease;z-index: 1000;overflow-y: auto;}
.mobile-nav.open {transform: translateY(0);}
.mobile-nav ul {list-style: none;padding: 8rem 2rem;margin: 0;}
.mobile-nav li {margin: 1rem 0;}
.mobile-nav a {display:flex; align-items:center; text-decoration: none; font-size: 1.5rem; color: #333; padding: .8rem 0; transition: color .2s;}
.mobile-nav a:hover {color: #007bff;}
.nav-overlay {position: fixed; top:0; left:0;width: 100%; height: 100%;background: rgba(0,0,0,0.4);opacity: 0; visibility: hidden;transition: opacity .3s ease;z-index: 999;}
.nav-overlay.open {opacity: 1; visibility: visible;}
.accordion-container {padding: 0.5rem 1rem;}
.accordion-item + .accordion-item {margin-top: 0.5rem;}
.accordion-btn {display:flex; justify-content: space-between; align-items:center; width: 100%;text-align: left; border: none;padding: 1.2rem; font-size: 1.6rem; color: #333; position: relative; cursor: pointer; transition: background .2s;}
.accordion-btn.active {background: #e0e0e0;}
.accordion-btn.active .icon .vertical .bar {transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(90deg) skew(0deg, 0deg); transform-style: preserve-3d; transform-origin:center; transition:transform .2s;}
.accordion-btn .icon {position:relative; width:2.8rem; height:2.8rem; border-radius:.5rem; background:#00C4D3;}
.accordion-btn .icon .vertical {position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
.accordion-btn .icon .vertical .bar {width:2px; height:1.4rem; background-color:#fff;}
.accordion-btn .icon .horizontal {width:1.4rem; height:2px; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); background-color:#fff;}
.accordion-panel {max-height: 0;overflow: hidden;transition: max-height .3s ease;}
.accordion-panel ul {list-style: none;padding: 8px 0 8px 16px;margin: 0;}
.accordion-panel li + li {margin-top: 4px;}
.accordion-panel a {text-decoration: none;color: #555;display: block;font-size: 14px;padding: 4px 0;transition: color .2s;}
.accordion-panel a:hover {color: #007bff;}
.mobile-nav .close {width:2.6rem; height:2.6rem;}
.mobile-nav .site-header {display:flex; justify-content: space-between; padding:1.6rem 1rem; background: aliceblue;}
.menu-divider {margin:0.5rem 0; width:100%; height:1px; background:#eaeaea;}
.join-member {display:flex; align-items: center; justify-content: space-between; padding:1rem; font-size:1.7rem;}
.join-member .gnbMemMenu {display:flex; gap:10px;}
.join-member .gnbMemMenu a {padding:.3rem 1rem; background:#ebeaea; border-radius:1rem;}
.join-member .gnbMemTxt span {color:#8d8e8f;}
.join-member .home-link {width:13rem; height:4rem; vertical-align:middle; display: inline-block; background: url(/2025/img/main/img_logo.svg) no-repeat left center / auto 100%;}
.select-area {display:flex; justify-content:flex-start;}
.select-area .select-site  {width:100%; position:relative; display:flex; align-items:center; padding:1rem; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.select-area .select-site:after {content:""; width:1px; height:2rem; background:#aaa; position:absolute; left:0; top:50%; transform: translateY(-50%);}
.select-area .select-site:first-child:after {display:none;}
.select-area .select-site a {margin:0 1rem 0 0; padding:.3rem 1rem; font-size:1.5rem; background:#fff; border-radius:1rem; border:1px solid #ddd;}
.select-area .select-site a:last-child {margin-right:0;}
.select-area .select-site a.active {background:#00C4D3; color:#fff; border-color:#00C4D3;}
.mobile-nav .site-header .select-site {display:flex;}
.mobile-nav .site-header .select-site a {border:1px solid #ddd; margin:0; padding:.3rem 2rem; border-radius:1rem 0 0 1rem; background:#fff;}
.mobile-nav .site-header .select-site a:last-child {border-radius:0 1rem 1rem 0;}
.mobile-nav .site-header .select-site a.active {background:#00C4D3; color:#fff; border-color:#00C4D3;}


/* quick menu */
.quick-menu {position: fixed; top: 430px; right: 3rem; transform: translateY(-50%); z-index: 9999;}
.quick-menu ul {list-style: none; margin: 0; padding: 0; border: 1px solid #E6E6E6; border-radius: 1.6rem 0 1.6rem 0;}
.quick-menu li {transition: border .2s;}
.quick-menu li:hover {border-color:#00C4D3;}
.quick-menu li:first-child {border-radius:1.6rem 0 0 0; overflow:hidden;}
.quick-menu li:last-child {border-radius:0 0 1.6rem 0; border:0; overflow:hidden;}
.quick-menu a {display: flex; align-items: center; width: 14rem; height: 4rem; padding-left: 1.6rem; line-height: 4rem; text-align: center; background: #fff; color: #000; text-decoration: none; font-size: 12px; font-weight:600; transition: background .2s; border-top:1px solid #E6E6E6;}
.quick-menu a:hover {background:#00C4D3; color:#fff;}
.quick-menu li .icon {margin-right:.7rem;}
.quick-menu li:nth-child(1) a {justify-content: center; padding:0; border:0;}
.quick-menu li:nth-child(2) .icon {width:2.2rem; height:2.2rem; background-color:#000; mask-image: url('/2025/img/main/icon_pay_search.svg'); mask-size: contain; mask-repeat: no-repeat; -webkit-mask-image: url('/2025/img/main/icon_pay_search.svg'); -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; transition: background-color .2s;}
.quick-menu li:nth-child(3) .icon {width:2.2rem; height:2.2rem; background-color:#000; mask-image: url('/2025/img/main/icon_map_pin.svg'); mask-size: contain; mask-repeat: no-repeat; -webkit-mask-image: url('/2025/img/main/icon_map_pin.svg'); -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat;}
.quick-menu li:nth-child(4) .icon {width:2.2rem; height:2.2rem; background-color:#000; mask-image: url('/2025/img/main/icon_support_search.svg'); mask-size: contain; mask-repeat: no-repeat; -webkit-mask-image: url('/2025/img/main/icon_support_search.svg'); -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; transition: background-color .2s;}
.quick-menu li:nth-child(5) .icon {width:2.2rem; height:2.2rem; background-color:#000; mask-image: url('/2025/img/main/icon_file_text.svg'); mask-size: contain; mask-repeat: no-repeat; -webkit-mask-image: url('/2025/img/main/icon_file_text.svg'); -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; transition: background-color .2s;}
.quick-menu li:nth-child(6) .icon {width:2.2rem; height:2.2rem; background:url('/2025/img/main/icon_kakao2.svg') no-repeat center / cover;}
.quick-menu li:nth-child(2):hover .icon,
.quick-menu li:nth-child(3):hover .icon,
.quick-menu li:nth-child(4):hover .icon,
.quick-menu li:nth-child(5):hover .icon {background-color:#fff;}

/* main quick list */
.main-quick-list {max-width:132.6rem; margin:4.2rem auto 0;}
.main-quick-list ul {display:flex; align-items:center; justify-content:center; font-size:1.6rem; font-weight:600;}
.main-quick-list li {height:8.56rem;}
.main-quick-list li .menu {transition: color .2s;}
.main-quick-list li:hover .menu {color: rgba(0, 196, 211, 1);}
.main-quick-list a {position:relative; width:20.9rem; height:100%; display:flex; align-items:center; justify-content: center; flex-direction: column;}
.main-quick-list li:first-child a:before {content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:.1rem; height:8rem; background: rgba(217, 217, 217, 1);}
.main-quick-list a:after {content:""; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:.1rem; height:8rem; background: rgba(217, 217, 217, 1);}
.main-quick-list li:last-child {margin-left:5.8rem; font-size:1.6rem; font-weight:700;}
.main-quick-list li:last-child .title {font-size:1.6rem; font-weight:700; color: rgba(0, 196, 211, 1);}
.main-quick-list li:last-child .call {margin-bottom:.4rem; font-size:3.6rem; font-weight:700;}
.main-quick-list li .icon {width:4.2rem; height:4.2rem; background-color: #000; transition: background-color .2s;}
.main-quick-list li:nth-child(1) .icon { mask-image: url(/2025/img/main/icon_pay_search.svg); mask-size: contain; mask-repeat: no-repeat; -webkit-mask-image: url(/2025/img/main/icon_pay_search.svg); -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; }
.main-quick-list li:nth-child(2) .icon { mask-image: url(/2025/img/main/icon_support_search.svg); mask-size: contain; mask-repeat: no-repeat; -webkit-mask-image: url(/2025/img/main/icon_support_search.svg); -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; }
.main-quick-list li:nth-child(3) .icon { mask-image: url(/2025/img/main/icon_map_pin.svg); mask-size: contain; mask-repeat: no-repeat; -webkit-mask-image: url(/2025/img/main/icon_map_pin.svg); -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; }
.main-quick-list li:nth-child(4) .icon {background:url('/2025/img/main/icon_kakao2.svg') no-repeat center / cover;}
.main-quick-list li:nth-child(5) .icon { mask-image: url(/2025/img/main/icon_books.svg); mask-size: contain; mask-repeat: no-repeat; -webkit-mask-image: url(/2025/img/main/icon_books.svg); -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; }
.main-quick-list li:hover .icon {background-color:rgba(0, 196, 211, 1);}
.main-quick-list li:nth-child(4):hover .icon {background-color:unset;}

.main-quick-list li .icon img {width:100%;}
.main-quick-list li .menu {margin-top:1.3rem;}
.brand_award {position: fixed; right:58px;top:160px;z-index: 10;width: auto;}

/* main slider board */
.main-slider-board {max-width:1920px; margin:4.7rem auto 0; overflow:hidden;}
.main-slider-board .swiper-slide {width:99.9rem; height:51rem; padding-bottom:1rem; border-radius:2rem; color:#fff;}
.main-slider-board .swiper-slide a {display:block; width:100%; height:100%; padding:8.5rem 11.6rem 0; text-align:left; box-shadow: 4px 4px 4px 0px #00000040; border-radius:2rem;}
.main-slider-board .swiper-slide .part {font-size:2.4rem;position: relative;z-index: 2;}
.main-slider-board .swiper-slide .title {margin:1.6rem 0 20rem;font-size:4.8rem;font-weight:900;color:#fff;position: relative;z-index: 2;}
.main-slider-board .swiper-slide .link {display:flex;align-items:center;margin-right:.7rem;font-size:2.2rem;font-weight:600;position: relative;z-index: 2;}
.main-slider-board .swiper-slide .link:after {content:""; display:block; width:2.4rem; height:1.7rem; margin-left:7px; background:url('/2025/img/main/icon_arrow_right.png') no-repeat center / cover;}
.main-slider-board .swiper-slide-active {opacity:1;}
.main-slider-board .swiper-slide .bg {position:absolute; left:0; top:0; width:100%; height:98.4%; border-radius:2rem; background: rgba(0, 0, 0, 0.5); transition:0.5s; transition-delay:0.4s;}
.main-slider-board .swiper-slide-active .bg {opacity:0; transition:0.5s; transition-delay:0.4s;}

/* curriculum */
.main-curri {width:132rem; margin:0 auto;}
.main-contents-title {width:132rem; margin:14.7rem auto 0; text-align:center;}
.main-contents-title h2 {font-family:'Poppins' ;letter-spacing: 0px;font-size:5.2rem; font-weight:600;}
.main-contents-title .sub-text {margin-top:1.7rem; font-size:2.4rem;}
.main-contents-title .discription {position:relative;}
.main-contents-title .discription .link {position:absolute; right:0; top:0; display:flex; align-items:center; font-size:1.8rem; font-weight:600;}
.main-contents-title .discription .link:after {content:""; display:block; width:1.8rem; height:1.2rem; margin-left:.7rem; background:url('/2025/img/main/icon_arrow_right_bk.png') no-repeat center / cover;}
.main-curri .curri-list {margin-top:6.3rem;}
.main-curri .curri-list ul {display:flex; flex-wrap: wrap; align-items:center; justify-content: center; gap:30px;}
.main-curri .curri-list ul li {display:flex; align-items:center; flex-direction: column; flex-wrap: wrap; justify-content: end; box-shadow:4px 4px 4px 0px rgba(0, 0, 0, 0.25); width:42rem; height:35rem; border-radius:2rem; background:#ccc; color:#fff; transition: transform 0.1s ease;
  transform-style: preserve-3d;}
.main-curri .curri-list ul li:nth-child(1) {background:url('/2025/img/main/img_curri_photo_type01.png') no-repeat center / cover;}
.main-curri .curri-list ul li:nth-child(2) {background:url('/2025/img/main/img_curri_photo_type02.png') no-repeat center / cover;}
.main-curri .curri-list ul li:nth-child(3) {background:url('/2025/img/main/img_curri_photo_type03.png') no-repeat center / cover;}
.main-curri .curri-list ul li:nth-child(4) {background:url('/2025/img/main/img_curri_photo_type04.png') no-repeat center / cover;}
.main-curri .curri-list ul li:nth-child(5) {background:url('/2025/img/main/img_curri_photo_type05.png') no-repeat center / cover;}
.main-curri .curri-list ul li:nth-child(6) {background:url('/2025/img/main/img_curri_photo_type06.png') no-repeat center / cover;}
.main-curri .curri-list ul li a {display: flex; width: 100%; height: 100%; flex-direction: column; justify-content: end; align-items: center; padding-bottom: 4rem;}
.main-curri .curri-list .title {font-size:2rem; font-weight:900;}
.main-curri .curri-list .sub-text {margin-top:1rem; font-size:1.4rem; font-weight:300;}
.main-curri .shine {position: absolute; top: 0; left: 0; width: 200%; height: 200%; background: radial-gradient(circle at center, rgba(255, 255, 255, 0.4), transparent 60%); opacity: 0.4; pointer-events: none; z-index: 1; transform: translate(-50%, -50%); transition: opacity 0.2s ease;}

/* master class */
.main-class .classSwiper {max-width:1920px; margin:6.3rem auto 0;}
.main-class .classSwiper .swiper-wrapper {align-items:center;}
.main-class .classSwiper .swiper-slide {cursor:pointer; width:39.8rem;height:51.4rem;border-radius:2rem;background:#ECF1F5;box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);background-size: 89%;background-position: 234% 33px;background-repeat: no-repeat;}
.main-class .classSwiper .swiper-slide.even {width:33.7rem; height:44.3rem;}
.main-class .classSwiper .swiper-slide.even .teacher-name {font-size:2rem;}
.main-class .classSwiper .swiper-slide.even .teacher-curri h4 {font-size:1.5rem;}
.main-class .classSwiper .swiper-slide.even .teacher-curri li {font-size:1.4rem; line-height:2.2rem;}
.main-class .classSwiper .swiper-slide.even .teacher-curri .name {font-size:2rem;}
.main-class .classSwiper .swiper-slide.even .teacher-curri {font-size:2rem;}
.main-class .classSwiper .swiper-slide.even .logo{width: 10rem;height: 5rem;margin-bottom: 1rem;background-size: contain; }
.main-class .classSwiper .teacher-name {padding: 3rem 2rem;font-size:2.6rem;font-weight:500;}
.main-class .classSwiper .teacher-name .name {margin-right:.5rem; font-weight:800;}
.main-class .classSwiper .logo{width: 12rem;height: 6rem;margin-bottom: 1rem;background-size: contain;background-repeat:no-repeat;}
.main-class .classSwiper .teacher-curri {position:absolute;left:0;top:0;width:100%;height:100%;padding: 3rem 2rem;font-size: 2.6rem;font-weight:300;opacity:0;transition: opacity 0.2s ease; color:#fff; background:hsl(0deg 0% 0% / 80%);  border-radius:2rem;}
.main-class .classSwiper .teacher-curri .name {margin-right:.5rem; font-size:2.6rem; font-weight:800;}
.main-class .classSwiper .teacher-curri h4 {font-size: 1.6rem;font-weight:700;line-height: 2.5rem;margin-top: 1.3rem;}
.main-class .classSwiper .teacher-curri li {font-size: 1.4rem;line-height:2.4rem;}
.main-class .classSwiper .teacher-curri .bar {margin: 1.5rem 0;border-top:1px solid #fff;}
.main-class .classSwiper .swiper-slide:hover .teacher-name {opacity:0;}
.main-class .classSwiper .swiper-slide:hover .teacher-curri {height:100%;  opacity:1; overflow:hidden;}
.main-class .swiper-wrapper {-webkit-transition-timing-function: linear !important; -o-transition-timing-function: linear !important; transition-timing-function: linear !important;}
.main-class .classSwiper .swiper-slide.even .logo.emirate{margin-left:-2rem;}

/* student review */
.main-review {position:relative;}
.main-review .reviewSwiper {margin-top:6.3rem;}
.main-review .linear-slider {width: 100%; box-sizing: border-box;}
.main-review .slide {width:31rem; height:36rem; padding:2.8rem; border: 1px solid #e6e6e6; border-radius:.8rem; box-shadow: 0px 4px 4px 0px #00000040; text-align: center; overflow:hidden; font-size:1.4rem; color:#A6A6A6; background:#fff; text-align:left;}
.main-review .slide a {position:relative; display:block; height:100%; padding:14rem 1.6rem 1.6rem; background:#fff;}
.main-review .slide a:before {content:""; position:absolute; left:50%; top:4rem; transform:translateX(-50%); width:11rem; height:8.4rem; background:url('/2025/img/main/img_logo_review.png') no-repeat center / cover;}
.main-review .slide img {display:block; width:10.5rem; height:8rem;}
.main-review .slide .title {font-size:1.6rem; font-weight: bold; margin-bottom:.4rem; color: #333;}
.main-review .slide .subtitle {font-size:1.4rem; color: #666;}
.main-review .bg-text {position: absolute; bottom:-15rem; left:-11rem; color: #00C4D3; opacity: 0.1; font-size: 28rem; font-family: 'Poppins'; font-weight: 900; line-height: 1; white-space: nowrap; z-index:-1;}
.main-review .bg-text p {letter-spacing:0;}
.main-review .slide .location {margin:1.3rem 0 .5rem; font-size:1.8rem; font-weight:800; color:#000;}
.main-review .slide .text {height: 14rem;margin-top:2rem;line-height: 1.5;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;font-size: 1.8rem;}

/* photo review */
.photo-review .review-list {width:132rem; margin:6.3rem auto 0;}
.photo-review .review-list ul {display:flex; flex-wrap:wrap; gap:30px;}
.photo-review .review-list li {width:42rem; height:29rem; border-radius:2rem; overflow:hidden; box-shadow: 0px 4px 15px 0px #00000040;}
.photo-review .review-list li a {position:relative;}
.photo-review .review-list li .image {display: flex;width:100%;height:100%;justify-content: center;overflow: hidden;}
.photo-review .review-list li .image img {width: auto;height:100%;}
.photo-review .review-list li:hover .photo-title {opacity:1;}
.photo-review .review-list .photo-title {transition:all 0.4s; opacity:0; position: absolute;left: 0;top: 0;background: rgb(0 196 211 / 100%);width: 100%;height: 100%;padding: 3rem;color: #fff;word-break: keep-all;display: flex;flex-direction: column;justify-content: space-between;}
.photo-review .review-list .photo-title h5 {font-size:2.6rem; width:80%; line-height:1.5; font-weight:600;}
.photo-review .review-list .photo-title::after{content:"";width:13.6rem;height:2.7rem;background:url(/2025/img/main/logo_en_white.png);background-size:contain;display:block;background-repeat: no-repeat;}

/* seminar */
.main-seminar .seminar-list {width:132rem; margin:6.3rem auto 0;}
.main-seminar .seminar-list ul {display:flex; flex-wrap:wrap; gap:30px;}
.main-seminar .seminar-list li {width: 30.75rem; height:42rem; border-radius:2rem; overflow:hidden; border:1px solid #D9D9D9;}
.main-seminar .seminar-list li a {position:relative;}
.main-seminar .seminar-list figure {margin:0; padding-bottom:140%; background-size:100%;}
.main-seminar .seminar-list li:hover .photo-title {opacity:1;}
.main-seminar .seminar-list .photo-title {transition:all 0.4s; opacity:0; position: absolute;left: 0;top: 0;background: rgb(0 196 211 / 100%);width: 100%;height: 100%;padding: 3rem;color: #fff;word-break: keep-all;display: flex;flex-direction: column;justify-content: flex-end;}
.main-seminar .seminar-list .photo-title h5 {font-size:2rem;position: absolute;top: 15rem;width: 80%; line-height:1.5;}
.main-seminar .seminar-list .photo-title::after{content:"";width:13.6rem;height:2.7rem;background:url(/2025/img/main/logo_en_white.png);background-size:contain;display:block;background-repeat: no-repeat;}
.main-seminar .seminar-list small{font-size:1.6rem;font-weight:300;position: absolute;top: 3rem;left: 3rem;}

/* main information */
.main-information {margin-top:20rem;}
.main-information .infoSwiper {position:relative;}
.main-information .swiper-slide {width:100%; height:91.6rem; overflow:hidden;}
.main-information .swiper-button-prev {left:10rem; width:5rem;height:5rem;background:url("/2025/img/main/btn_main_banner.png") no-repeat center / 100%;transform:rotate(180deg);}
.main-information .swiper-button-next {right:10rem; width:5rem;height:5rem;background:url("/2025/img/main/btn_main_banner.png") no-repeat center / 100%;}
.main-information .hidden-contents {display:flex; align-items:center; flex-direction:column; justify-content:center; position:absolute; left:0; top:0; width:50%; height:100%; background: rgba(26, 29, 39, 0.7); z-index:5; color:#fff;}
.main-information .hidden-contents .logo {width:16rem; height:3.4rem;}
.main-information .hidden-contents h3 {margin-top:3rem; font-size:6rem; font-weight:700;}
.main-information .hidden-contents .sub-text {margin-top:1rem; font-size:1.8rem; font-weight:700;}
.main-information .hidden-contents .link {display:inline-block; margin-top:4.3rem; padding:2rem 1.5rem; font-size:1.6rem; border:1px solid #fff; border-radius:.9rem;}

/* footer */
.footer-new-container {padding:9rem 0 10.5rem; background: rgba(0, 196, 211, 1); font-size:1.4rem; font-weight:300; color:#fff; text-align:center;}
.footer-new-container .logo {width:23rem; height:4.9rem; margin:0 auto 5.8rem;}
.footer-new-container .info-list01 {display:flex; align-items:center; justify-content:center; margin-top:2rem; font-weight:700;}
.footer-new-container .info-list01 li {margin:0 2.6rem;}
.footer-new-container .info-list02 {margin-top:3.4rem;}
.footer-new-container .info-list03 {position:relative; display:flex; align-items:center; justify-content:center; margin-top:.8rem;}
.footer-new-container .info-list03 li {position:relative; margin-right:.8rem; padding-right:.8rem;}
.footer-new-container .info-list03 li:after {content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); display:block; width:.1rem; height:1.2rem; background:#fff;}
.footer-new-container .info-list03 li:last-child:after {width:0;}
.footer-new-container .info-list04 {display:flex; align-items:center; justify-content:center; margin-top:.8rem;}
.footer-new-container .info-list04 li {position:relative; margin-right:.8rem; padding-right:.8rem;}
.footer-new-container .info-list04 li:after {content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); display:block; width:.1rem; height:1.2rem; background:#fff;}
.footer-new-container .info-list04 li:last-child:after {width:0;}
.footer-new-container .info-list05 {display:flex; align-items:center; justify-content:center; margin-top:.8rem;}
.footer-new-container .info-list05 li {position:relative; margin-right:.8rem; padding-right:.8rem;}
.footer-new-container .info-list05 li:after {content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); display:block; width:.1rem; height:1.2rem; background:#fff;}
.footer-new-container .info-list05 li:last-child:after {width:0;}
.footer-new-container .copyright {margin-top:5.8rem; color:rgba(255, 255, 255, .5)}