@charset "utf-8"; 

/* ****************** Default CSS ********************** */
* { margin: 0; padding: 0; box-sizing: border-box; } 
/* section { display: block; width: 100%; height: 500px; border: 10px solid green; } */
html { scroll-behavior: smooth; font-size: 10px; } 
body, html { margin: 0; padding: 0; font-family: 'SUIT'; overflow-x: hidden; } 
ol, ul, li { list-style: none; } 
a { font-family: inherit; margin: 0; padding: 0; vertical-align: baseline; text-decoration: none; background: transparent; cursor: pointer; } 
button { font-family: inherit; border: none; box-shadow: none; cursor: pointer; } 

/* ****************** Common CSS ********************** */
.common-area { width: 1920px; margin: 0 auto; } 
.common-cont-area { width: 1200px; margin: 0 auto; } 
.p100 { padding: 100px 0; } 
.comm-tit { font-size: 32px; font-weight: 800; color: #000; letter-spacing: -0.64px; display: flex; align-items: center; justify-content: center; gap: 20px; }
.comm-tit a {color: #000;}
.comm-tit img { width: 40px; } 
.comm-tit-box { position: relative;  display: flex; gap: 14px; align-items: center; margin-bottom: 54px; } 
.comm-tit-box .all-view {position: absolute; right: 0; font-size: 16px; font-weight: 600; color: #000; opacity: .7; transition: all .2s;}
.comm-tit-box .all-view:hover { font-weight: 700; opacity: 1;}
.icon-star { display: inline-block; width: 18px; height: 19px; background: url('/images/icon_star.svg') no-repeat center center; vertical-align: baseline; } 
.blind { position: absolute; left: -3721em; width: 1px; height: 1px; } 
.for-pc { display: block; } 
.for-mo { display: none; } 
.no-data-cont { padding: 15px; width: 100%; } 
.no-data-cont p { text-align: center; color: #777; font-size: 16px; font-weight: normal; line-height: 16px; }
.empty-message {display: grid; gap: 10px; justify-content: center; justify-items: anchor-center;}
.empty-message span {width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; font-size: 30px; border-radius: 100%; border: 1px solid #767676;}
.empty-message p {font-size: 16px; color: #060606; }

/* ****************** gnb ********************** */
header { z-index: 99; position: fixed; width: 100%; height: 100px; font-family: 'Outfit', sans-serif; border-bottom: 1px solid #fff; transition: all 0.3s ease; } 
header.fixed { background: #000; border-bottom: 1px solid #000; } 
.header-inner { display: flex; justify-content: space-between; width: 1200px; height: 100%; } 
.header-inner h1 .logo-wrap { display: flex; height: 100%; align-items: center; } 
.header-inner h1 .logo-wrap span { display: inline-block; margin-left: 12px; padding-left: 12px; line-height: 20px; font-family: 'SUIT'; color: #fff; font-size: 26px; font-weight: 500; letter-spacing: -0.52px; border-left: 1px solid #fff; } 
.header-inner nav ul.menu-items { display: flex; gap: 97px; margin: 0; height: 100%; } 
.header-inner nav ul.menu-items .menu-item a { display: flex; align-items: center; height: 100%; color: #fff; font-family: 'Outfit', Sans-serif; font-size: 20px; font-weight: bold; letter-spacing: normal; text-align: center; text-transform: uppercase; }
.header-inner nav ul.menu-items .menu-item.on a { transition: all 0.25s; color: #00B7FF; } 
.header-inner nav ul.menu-items .menu-item a:hover { transition: all 0.25s; color: #00B7FF; } 

/* ****************** main-section ********************** */
.main-section { display: block; width: 100%; height: 780px; } 
.main-section .visual-sec { width: 100%; height: 100%; } 
.main-section .visual-sec .main-swiper { position: relative; width: 100%; height: 100%; } 
.main-section .visual-sec .main-swiper .swiper-wrapper .swiper-slide { position: relative; } 
.main-section .visual-sec .main-swiper .swiper-wrapper .swiper-slide::before { content: ''; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); } 
.main-section .visual-sec .main-swiper .swiper-wrapper .swiper-slide:nth-child(1) { background: url(../images/main_slide_bg_250730_01.webp) no-repeat center center / cover; }
.main-section .visual-sec .main-swiper .swiper-wrapper .swiper-slide:nth-child(2) { background: url(../images/main_slide_bg_250730_02.webp) no-repeat center center / cover; }
.main-section .visual-sec .main-swiper .swiper-wrapper .swiper-slide:nth-child(3) { background: url(../images/main_slide_bg_250730_03.webp) no-repeat center center / cover; }
.main-section .visual-sec .main-swiper .swiper-wrapper .swiper-slide:nth-child(4) { background: url(../images/main_slide_bg_250730_04.webp) no-repeat center center / cover; }
.main-section .visual-sec .txt-box { position: absolute; left: calc(50% - 480px - 120px); top: 50%; width: 940px; transform: translateY(-50%); z-index: 10; } 
.main-section .visual-sec .txt-box > span { color: #fff; font-size: 20px; line-height: 24px; letter-spacing: -0.4px; transform: translateY(20px); opacity: 0; word-break: keep-all; transition: 1s 0.4s; } 
.main-section .visual-sec .txt-box .txt { margin: 20px 0 52px 0; color: #fff; font-size: 48px; font-weight: normal; line-height: 57.6px; letter-spacing: -0.96px; word-break: auto-phrase; transform: translateY(20px); opacity: 0; transition: 1s 0.2s; } 
.main-section .visual-sec .txt-box .txt strong { display: block; font-weight: 800; }
.main-section .visual-sec .txt-box button { padding: 0 16px; height: 50px; color: #fff; font-size: 14px; font-weight: 600; background: #00B7FF; border-radius: 6px; cursor: pointer; transform: translateY(20px); opacity: 0; transition: 1s 0.4s; } 
.main-section .visual-sec .txt-box button i { display: inline-block; margin-left: 47px; width: 20px; height: 20px; vertical-align: middle; background: url('/images/icon_arrow_right.png') no-repeat center center; } 
.main-section .visual-sec .txt-box button:hover { box-shadow: 0 20px 38px rgba(0,0,0,.16); transition: all 0.25s; } 
.main-section .visual-sec .swiper-slide-active { transform: scale(1.0); } 
.main-section .visual-sec .swiper-slide-active .txt-box > span,
.main-section .visual-sec .swiper-slide-active .txt-box .txt,
.main-section .visual-sec .swiper-slide-active .txt-box button { transform: translateY(0); opacity: 1; } 
.main-section .visual-sec .all-box { z-index: 20; position: absolute; width: 240px; height: fit-content; top: 50%; left: calc(50% + 285px + 78px ); transform: translateY(-50%); } 
.main-section .visual-sec .progress-box { z-index: 11; position: relative; width: 100%; height: 100%; } 
.main-section .visual-sec .swiper-pagination { display: flex; flex-direction: column; gap: 44px; color: #fff; justify-content: space-between; position: static; text-align: left; } 
.main-section .visual-sec .arrow-box { position: relative; width: 80px; height: 50px; } 
/* Swiper 불릿 기본 스타일 */
.main-section .swiper-pagination-bullet { position: relative; margin: 0 !important; width: 100% !important; height: fit-content !important; text-align: left; border-radius: 0 !important; opacity: 1; background-color: transparent !important; } 
.main-section .swiper-pagination-bullet em { display: inline-block; width: 100%; margin-bottom: 15px; font-size: 16px; font-style: normal; line-height: 19.2px; font-weight: bold; letter-spacing: -0.32px; color: rgba(255, 255, 255, 0.6); word-break: keep-all; display:block; } 
.main-section .swiper-pagination-bullet i { display: block; } 
.main-section .swiper-pagination-bullet b { display: block } 
.main-section .swiper-pagination-bullet.swiper-pagination-bullet-active em { color: rgba(255, 255, 255, 1); } 
.main-section .swiper-pagination-bullet i { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 3px; background-color: rgba(217, 217, 217, 0.3); /* 프로그레스 바 배경 */ } 
.main-section .swiper-pagination-bullet b { position: absolute; bottom: 0; left: 0; z-index: 2; width: 0%; height: 3px; background-color: #fff; /* 프로그레스 바 채워지는 부분 */ } 
/* 활성화된 불릿 스타일 */
.main-section .swiper-pagination-bullet-active { background-color: transparent !important; } 
.main-section .swiper-pagination-bullet-active b { animation-name: countingBar; animation-duration: 3s; /* autoplay 시간과 맞춤 */ animation-timing-function: ease-in; animation-iteration-count: 1; animation-direction: alternate; animation-fill-mode: forwards; } 

/* bullet custom progress :: Animation */
@keyframes countingBar { 
 0% { width: 0; } 
 100% { width: 100%; } 
}

/* ****************** banner-section ********************** */
.banner-section { padding: 0; } 
.banner-section .banner-swiper { position: relative; width: 100%; height: auto; } 
.banner-section .banner-swiper .swiper-slide { height: 180px; border-radius: 16px; cursor: pointer; } 
.banner-section .banner-swiper .swiper-slide a {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2;}
.banner-section .banner-swiper .swiper-slide:nth-child(1) { background: url('../images/banner_slide_bg_ai.webp') no-repeat center center / cover; } 
.banner-section .banner-swiper .swiper-slide:nth-child(2) { background: url('../images/banner_slide_bg_ai.webp') no-repeat center center / cover; } 
.banner-section .banner-swiper .swiper-slide:nth-child(3) { background: url('../images/banner_slide_bg_ai.webp') no-repeat center center / cover; } 
.banner-section .banner-swiper .txt-box { position: absolute; top: 50%; right: 60px; transform: translateY(-50%); } 
.banner-section .banner-swiper .txt-box p { color: #090909; font-size: 28px; font-weight: 600; line-height: 28px; letter-spacing: -1.68px; text-align: left; } 
.banner-section .banner-swiper .txt-box p span { display: inline-block; width: 100%; font-size: 20px; font-weight: 600; line-height: 24px; letter-spacing: -0.4px; text-align: left; margin-bottom: 16px;} 
.banner-section .banner-swiper .more {position: absolute; right: 60px; top: 50%; transform: translate(0, -50%); padding: 20px 38px; box-sizing: border-box; background: rgba(11, 23, 77, 0.50); border: 2px solid #fff; font-family: 'SUIT'; color: #fff; font-size: 20px; font-weight: 700; z-index: 3; transition: all .3s;}
.banner-section .banner-swiper .more:hover {background: rgba(0, 0, 0, 1); }
.banner-section .swiper-pagination { bottom: 0 !important; } 
.banner-section .swiper-pagination-bullet { background-color: #d9d9d9 !important; opacity: 1 !important; } 
.banner-section .swiper-pagination-bullet-active { background-color: #54bcb0 !important; } 


/* ****************** 인트로 ****************** */
.intro-section {position: relative; width: 100%; height: auto; background-image: url('../images/bg_lab.webp'); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 60px 0 220px; box-sizing: border-box;}
.intro-section .txt-wrap {display: grid; align-content: center; justify-items: center; margin-top: 260px;}
.intro-section .txt-wrap .ti {font-size: clamp(24px, 3.5vw, 44px); color: #fff; font-weight: 800; line-height: 100%; letter-spacing: -0.64px; }
.intro-section .txt-wrap .txt {font-size: clamp(15px, 1.7vw, 22px); color: #fff; font-weight: 500; line-height: 160%; letter-spacing: -0.64px; text-align: center; margin-top: 70px;}
.intro-section .txt-wrap .txt span {font-weight: 700;}
.intro-section .txt-wrap .txt br.mo-only {display: none;}
.intro-section .txt-wrap .txt br.pc-only {display: block;}
.intro-section img.int-item {position: relative; width: 100%; max-width: 750px; margin: 0 auto; padding: 0 25px; display: flex; margin-top: 136px; box-sizing: border-box;}
.intro-section .contents {position: relative; width: 100%; max-width: 1200px; margin: 0 auto; display: flex; gap: 20px; margin-top: 130px;}
.intro-section .contents li {position: relative; width: 20%; height: auto; display: grid; align-items: center; justify-items: center; gap: 24px;}
.intro-section .contents li img {width: clamp(40px, 6.5vw, 80px);}
.intro-section .contents li .box {position: relative; width: 100%; height: clamp(160px, 25vw, 276px); background: #fff; border-radius: 20px; display: grid; align-content: center; justify-items: center; text-align: center; gap: 30px;}
.intro-section .contents li .box .b-ti {font-size: clamp(16px, 3vw, 30px); color: #395cea; font-weight: 800;}
.intro-section .contents li .box .b-txt {font-size: clamp(14px, 2vw, 22px); color: #090909; font-weight: 600; line-height: 150%; letter-spacing: -0.64px;}
.intro-section .contents li .box::before {position: absolute; content: ''; width: 85%; height: 7px; background: #395cea; top: 0;}

/* ****************** //인트로 ****************** */

/* ****************** AI 교육 ********************** */
.edu-section {position: relative; width: 100%; height: auto; padding: 240px 0 280px; box-sizing: border-box; background: #090909; overflow: hidden;}
.edu-section .txt-wrap {position: relative; width: 100%; max-width: 1240px; height: auto; margin: 0 auto; padding: 0 20px; box-sizing: border-box; display: grid; justify-items: center; text-align: center; }
.edu-section .txt-wrap .ti {font-size: clamp(24px, 3.5vw, 44px); color: #fff; font-weight: 800; line-height: 100%; letter-spacing: -0.64px;}
.edu-section .txt-wrap .txt {font-size: clamp(15px, 1.7vw, 22px); color: #fff; font-weight: 300; line-height: 160%; letter-spacing: -1px; margin-top: 70px;}
.edu-section .txt-wrap .txt span {font-weight: 600; color: #75d9ff;}
.edu-section .txt-wrap .txt br.pc-only {display: block;}
.edu-section .txt-wrap .txt br.mo-only {display: none;}
.edu-section .graph-wrap {position: relative; width: calc(100% - 50px); max-width: 1240px; margin: 0 auto; padding: 0 0 0 20px; box-sizing: border-box; margin-top: 80px; border-left: 3px solid #fff; border-bottom: 3px solid #fff;}
.edu-section .graph-wrap::before {content: ''; position: absolute; width: 10px; height: 10px; border-left: 3px solid #fff; border-top:3px solid #fff; left: -8px; top: 0; transform: rotate(45deg);}
.edu-section .graph-wrap::after {content: ''; position: absolute; width: 10px; height: 10px; border-left: 3px solid #fff; border-top:3px solid #fff; right: 0px; bottom: -8px; transform: rotate(135deg);}
.edu-section .graph-wrap img {position: relative; width: calc(100% - 40px); margin-left: 40px; margin-bottom: 40px;}
.edu-section .graph-wrap img.graph-arrow {position: absolute; width: calc(100% - 20px); height: 100vw; max-height: 1230px; top: 0; left: 20px; margin: 0;}
.edu-section .graph-wrap .swiper {position: relative; margin-bottom: 38px;}
.edu-section .graph-wrap .swiper .cate {position: relative; width: 193px; height: 41px; background: #000FDD; border-radius: 40px; border-end-start-radius: 0; font-size: 22px; font-weight: 900; line-height: 100%; letter-spacing: -1px; color: #fff; display: flex; justify-content: center; align-items: center; text-transform: uppercase; margin-bottom: 12px;}

.edu-section .graph-wrap .swiper .swiper-slide {position: relative; width: 260px; height: auto; min-height: 196px; padding: 28px 22px 20px; background: linear-gradient(180deg, #000FDD 0%, #000987 100%); }
.edu-section .graph-wrap .swiper .swiper-slide:nth-child(1) {border-end-start-radius: 20px;}
.edu-section .graph-wrap .swiper .swiper-slide:nth-last-child(1) {border-start-end-radius: 20px;}
.edu-section .graph-wrap .swiper .swiper-slide .s-ti {font-size: 22px; color: #fff; font-weight: 700; line-height: 100%; letter-spacing: -0.8px; text-align: right;}
.edu-section .graph-wrap .swiper .swiper-slide ul {position: relative; width: 100%; margin-top: 24px; display: grid; gap: 5px;}
.edu-section .graph-wrap .swiper .swiper-slide ul li {font-size: 14px; color: #fff; font-weight: 400; line-height: 130%; letter-spacing: -0.8px;}

.edu-section .graph-wrap .swiper.graphSwiper2 .cate { background: #2534FF;}
.edu-section .graph-wrap .swiper.graphSwiper2 .swiper-slide {background: linear-gradient(180deg, #2534FF 0%, #161F99 100%);}

.edu-section .graph-wrap .swiper.graphSwiper3 .cate { background: #485CEB;}
.edu-section .graph-wrap .swiper.graphSwiper3 .swiper-slide {background: linear-gradient(180deg, #485CEB 0%, #293485 100%);}

.edu-section .graph-wrap .swiper.graphSwiper4 .cate { background: #6E92FA;}
.edu-section .graph-wrap .swiper.graphSwiper4 .swiper-slide {background: linear-gradient(180deg, #6E92FA 0%, #415694 100%);}

.edu-section .graph-wrap .swiper.graphSwiper5 .cate {background:#90CFFC; color: #090909;}
.edu-section .graph-wrap .swiper.graphSwiper5 .swiper-slide {padding: 0; background: none; display: grid; gap: 10px; }
.edu-section .graph-wrap .swiper.graphSwiper5 .swiper-slide .sub {width: 100%; height: 95px; background: linear-gradient(180deg, #ACE5FF 0%, #6D93FF 100%); display: grid; justify-items: center; align-content: center; font-size: 22px; color: #090909; font-weight: 700; line-height: 100%; letter-spacing: -0.8px;}
.edu-section .graph-wrap .swiper.graphSwiper5 .swiper-slide .sub span {font-size: 16px;}
.edu-section .graph-wrap .swiper.graphSwiper5 .swiper-slide:nth-child(1) .sub:nth-child(2) {border-end-start-radius: 20px;}
.edu-section .graph-wrap .swiper.graphSwiper5 .swiper-slide:nth-last-child(1) .sub:nth-child(1) {border-start-end-radius: 20px;}

.edu-section .mo-wrap {display: none;}

/* ****************** //AI 교육 ********************** */

/* ****************** AI 솔루션 ********************** */
.solution-section {position: relative; width: 100%; height: auto; padding: 240px 0 0px; box-sizing: border-box; background: #475aeb;}
.solution-section .txt-wrap {position: relative; width: 100%; max-width: 1240px; height: auto; margin: 0 auto; padding: 0 20px; box-sizing: border-box; display: grid; justify-items: center; text-align: center; }
.solution-section .txt-wrap .ti {font-size: clamp(24px, 3.5vw, 44px); color: #fff; font-weight: 800; line-height: 100%; letter-spacing: -0.64px;}
.solution-section .txt-wrap .txt {font-size: clamp(15px, 1.7vw, 22px); color: #fff; font-weight: 400; line-height: 160%; letter-spacing: -1px; margin-top: 70px;}
.solution-section .txt-wrap .txt span {font-weight: 600;}
.solution-section .txt-wrap .txt br.pc-only {display: block;}
.solution-section .txt-wrap .txt br.mo-only {display: none;}
.solution-section img {width: 100%; max-width: 1240px; padding: 0 20px; box-sizing: border-box; margin: 0 auto; display: flex; margin-top: 100px; display: block;}
.solution-section img.item-sm {display: none;}
.solution-section .point {padding: 0 20px; box-sizing: border-box; font-size: 24px; color: #fff; font-weight: 600; line-height: 180%; letter-spacing: -1px; text-align: center;margin-top: 60px;}
.solution-section .point br.mo-only {display: none;}
.solution-section .solutionSwiper {display: none;}
.solution-section .item-next {display: none;}

.solution-section .down-banner {margin-top: 387px; padding-bottom: 70px;}
/* ****************** //AI 솔루션 ********************** */


/* ****************** 파트너 ********************** */
.partner-section {position: relative; width: 100%; height: auto; padding: 80px 25px; background: #090909; box-sizing: border-box;}
.partner-section .ti {position: relative; font-size: clamp(24px, 3vw, 32px); font-weight: 800; color: #fff; line-height: 100%; text-align: center; letter-spacing: -0.64px; text-transform: uppercase;}
.partner-section .partner-list {position: relative; overflow: hidden; margin-top: 30px;}
.partner-section .partner-list ul {display: grid; grid-auto-flow: column; grid-auto-columns: clamp(60px, 13vw, 160px); justify-items: stretch; justify-content: center; gap: 50px;}
.partner-section .partner-list ul li img {filter: brightness(0) invert(0.8);}
/* ****************** //파트너 ********************** */

/* ****************** 컨텐츠 ********************** */

.cont-section { position: relative; width: 100%; height: auto; } 

/* ****************** //컨텐츠 ********************** */


/* ****************** VOC 배너 ****************** */
.voc-section .banner-swiper .swiper-slide:nth-child(1) {background-image: url('../images/banner_slide_bg_ai1.webp'); }
.voc-section .banner-swiper .swiper-slide a {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2;}
.voc-section .banner-swiper .swiper-slide:nth-child(1) br.mo-show {display: none;}
.voc-section .banner-swiper .txt-box {right: unset; left: 60px;}


/* ****************** 강사진 ****************** */
#people .common-cont-area { width: 100%; } 
#people .common-cont-area .comm-tit-box { width: 100%; max-width: 1200px; margin: 0 auto; } 
#people .comm-sticky { position: relative; width: 100%; max-width: 1200px; height: auto; margin: 80px auto 0; padding-bottom: 30px;  } 
#people .comm-sticky .comm-sticky-inner {width: 100%; max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; gap: 100px; align-items: center;}
#people .comm-sticky.fixed {width: 100%; max-width: unset; margin: 0; padding: 15px 0; background: #fff;}
#people .comm-sticky.fixed .comm-sticky-inner {width: 100%; max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; gap: 100px; align-items: center;}
#people .comm-sticky .s-left { display: flex; gap: 44px; } 
#people .comm-sticky .s-left a {position: relative; font-size: 22px; font-weight: 500; line-height: 24px; letter-spacing: -1.4px; color: #767676; } 
#people .comm-sticky .s-left a.active {color: #00B7FF;}
#people .comm-sticky .s-left a.active::after {content: ''; position: absolute; bottom: -44px; left: 0; width: 100%; height: 2px; background: #00B7FF; }
#people .comm-sticky.fixed .comm-sticky-inner .s-left a.active::after {bottom: -27px;}

#people .comm-sticky .prof-search { position: relative; width: auto; min-width: 500px; padding: 13px 19px 13px 60px; border-radius: 40px; border: 1px solid #7a7a7a; font-size: 20px; color: #777; font-weight: 400; line-height: 20px; letter-spacing: -1.2px; background-image: url('/images/icon_search.svg'); background-position: 5px center; background-repeat: no-repeat; background-size: 50px; outline: none; } 
#people .prof-wrap { position: relative; width: 100%; height: auto; margin: 0 auto; padding-bottom: 100px; border-top: 1px solid #eaeaea; background: rgba(14, 26, 24, 0.02); } 
#people .prof-wrap .kind-ti { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; padding: 65px 0 54px; font-size: 28px; color: #000; font-weight: 600; line-height: 24px; letter-spacing: -1.68px; text-align: center; }
#people .prof-wrap .kind { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 27px; } 
#people .prof-wrap .kind li { height: 158px; padding: 0 20px; box-sizing: border-box; border: 1px solid #c7c7c7; border-radius: 14px; display: flex; align-items: center; gap: 20px; overflow: hidden; background-color: #fff; } 
#people .prof-wrap .kind li .left { width: auto; min-width: 100px; height: 100px; background-position: top; background-repeat: no-repeat; background-size: 100%; border: .5px solid rgba(199, 199, 199, 0.50); border-radius: 100%; background-color: #fff; }
#people .prof-wrap .kind li .right { position: relative; display: grid; align-content: center; } 
#people .prof-wrap .kind li .right .nm { color: #000; font-size: 22px; font-weight: 500; line-height: 25px; letter-spacing: 2px; }
#people .prof-wrap .kind li .right .team { font-size: 16px; font-weight: 400; line-height: 18px; letter-spacing: -1px; color: #777; margin-top: 10px; } 
#people .prof-wrap .kind li .right .more { width: 115px; height: 34px; font-size: 15px; font-weight: 700; line-height: 18px; letter-spacing: -0.5px; color: #565656; display: flex; justify-content: center; align-items: center; border: 1px solid #a6a6a6; border-radius: 6px; background: #fff; cursor: pointer; margin-top: 22px; transition: all .3s; } 
#people .prof-wrap .kind li .right .more:hover { background: #282828; color: #fff; } 

#people .prof-wrap #no-result-message { padding-top: 60px; font-size: 24px; color: #000; font-weight: 500; line-height: 24px; letter-spacing: -1.68px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 20px;} 
#people .prof-wrap #no-result-message span {font-size: 20px; line-height: 24px; color: #cacaca; letter-spacing: -1.68px;}

/* ****************** 강사 정보 모달 ****************** */
#people .prof-wrap .modal-overlay{display:flex; justify-content:center; align-items:center; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.1); z-index:1000;display:none; }

#people .prof-wrap .modal{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:auto;background-color:#fff;border-radius:20px;z-index:1001;display:none; padding: 30px 40px 60px;overflow:auto}

#people .prof-wrap .modal .md-nm {position: relative; width: 100%; font-size: 28px; font-weight: 700; line-height: 28px; letter-spacing: 2px; color: #000; padding: 34px 20px 26px; box-sizing: border-box; border-bottom: 1px solid rgba(0,0,0,0.1);}
#people .prof-wrap .modal .md-item-ti {position: relative; width: 100%; font-size: 18px; font-weight: 700; color: rgba(0,0,0,0.3); line-height: 20px; margin-top: 45px; padding: 0 20px; box-sizing: border;}
#people .prof-wrap .modal .md-item-ti:nth-child(1) {margin-top: 26px;} 
#people .prof-wrap .modal .md-item-txt {position: relative; width: 100%; font-size: 16px; font-weight: 300; line-height: 28px; letter-spacing: -1px; color: #131313; margin-top: 13px; padding: 0 20px; box-sizing: border-box;}

#people .prof-wrap .modal-close{position:absolute; top:14px; right:40px; background:none; border:none; font-size: 60px; font-weight: 300; cursor:pointer; z-index: 2;}

/* ****************** 컨퍼런스 해외연수, 글로벌 컨퍼런스 (더보기) ********************** */
.product-list > ul { display: flex; gap: 26.7px; flex-wrap: wrap; } 
.product-list > ul > li { width: calc(25% - 21px); } 
.product-list > ul > li > div.edu-area > a { display: flex; justify-content: center; align-items: center; overflow: hidden; width: 100%; border-radius: 16px; cursor: pointer; } 
.product-list > ul > li > div.edu-area > a > .edu-img { width: auto; max-width: 100%; } 
.product-list > ul > li > div.edu-area .base-info { margin: 32px 0 12px; } 
.product-list > ul > li > div.edu-area .base-info .classify { display: inline-block; margin-bottom: 15px; color: #54bcb0; font-size: 16px; font-weight: bold; line-height: 18px; letter-spacing: normal; } 
.product-list > ul > li > div.edu-area .base-info > h3 { min-height: 59px; font-size: 22px; font-weight: bold; line-height: 29.7px; letter-spacing: -0.66px; cursor: pointer; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.product-list > ul > li > div.edu-area .price-area {display: none !important;}
.product-list > ul > li > div.edu-area .price-area .badge { display: inline-block; padding: 0 8.5px; width: auto; height: 18px; line-height: 18px; color: #f26c4f; font-size: 12px; font-weight: 500; letter-spacing: normal; text-align: center; border: 1px solid #e3e3e3; background: #f2f2f2; } 
.product-list > ul > li > div.edu-area .price-area .prd { margin: 15px 0 20px; padding-bottom: 35px; color: #777; font-size: 16px; font-weight: normal; line-height: 16px; letter-spacing: normal; border-bottom: 1px solid #e2e2e2; } 
.product-list > ul > li > div.edu-area .price-area .price { color: #101010; font-size: 14px; font-weight: normal; line-height: 25px; } 
.product-list > ul > li > div.edu-area .price-area .price strong { display: inline-block; margin-right: 3px; font-family: 'SUITVariable'; font-size: 20px; font-weight: 900; line-height: 20px; letter-spacing: -0.4px; vertical-align: text-bottom; } 


/* ****************** 컨퍼런스 해외연수, 글로벌 컨퍼런스 ********************** */
.navi-wrap { display: flex; align-items: center; gap: 6px; width: fit-content; height: 24px; } 
.navi-wrap .swiper-button-next, .navi-wrap .swiper-button-prev { position: unset; width: 24px; height: 24px; margin-top: unset; } 
.navi-wrap .swiper-button-next { background: url(/images/icon_next.svg) no-repeat center center; } 
.navi-wrap .swiper-button-prev { background: url(/images/icon_prev.svg) no-repeat center center; } 
.swiper-button-next.swiper-button-disabled { background: url(/images/icon_next_disabled.svg) no-repeat center center; } 
.swiper-button-prev.swiper-button-disabled { background: url(/images/icon_prev_disabled.svg) no-repeat center center; } 
.navi-wrap .swiper-button-next::after, .navi-wrap .swiper-button-prev::after { display: none; } 
.swiper-slide .edu-img { display: inline-block; width: 100%; height: 280px; border-radius: 16px; cursor: pointer; } 
.swiper-slide .edu-img.no-img-data { display: inline-block; width: 100%; height: 280px; border-radius: 16px; background: #efefef url('/images/img_no_data.png') no-repeat center center / cover; cursor: pointer; } 
.conference-swiper .swiper-slide .base-info { margin: 32px 0 12px; } 
.conference-swiper .swiper-slide .base-info .classify { display: inline-block; margin-bottom: 15px; color: #54bcb0; font-size: 16px; font-weight: bold; line-height: 18px; letter-spacing: normal; } 
.conference-swiper .swiper-slide .base-info > h3 { min-height: 59px; font-size: 22px; font-weight: bold; line-height: 29.7px; letter-spacing: -0.66px; cursor: pointer; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } 
.conference-swiper .swiper-slide .price-area {display: none !important; }
.conference-swiper .swiper-slide .price-area .badge { display: inline-block; padding: 0 8.5px; width: auto; height: 18px; line-height: 18px; color: #f26c4f; font-size: 12px; font-weight: 500; letter-spacing: normal; text-align: center; border: 1px solid #e3e3e3; background: #f2f2f2; } 
.conference-swiper .swiper-slide .price-area .prd { margin: 15px 0 20px; padding-bottom: 35px; color: #777; font-size: 16px; font-weight: normal; line-height: 16px; letter-spacing: normal; border-bottom: 1px solid #e2e2e2; } 
.conference-swiper .swiper-slide .price-area .price { color: #101010; font-size: 14px; font-weight: normal; line-height: 25px; } 
.conference-swiper .swiper-slide .price-area .price strong { display: inline-block; margin-right: 3px; font-family: 'SUITVariable'; font-size: 20px; font-weight: 900; line-height: 20px; letter-spacing: -0.4px; vertical-align: text-bottom; } 

/* ****************** 일반 해외연수, 주제별 해외연수 ********************** */
.regular-section { background: #f8f8f8; } 
.regular-swiper .swiper-slide .base-info { margin: 32px 0 12px; } 
.regular-swiper .swiper-slide .base-info .classify { display: inline-block; margin-bottom: 15px; color: #54bcb0; font-size: 16px; font-weight: bold; line-height: 18px; letter-spacing: normal; } 
.regular-swiper .swiper-slide .base-info > h3 { min-height: 59px; font-size: 22px; font-weight: bold; line-height: 29.7px; letter-spacing: -0.66px; cursor: pointer; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } 
.regular-swiper .swiper-slide .price-area .badge { display: inline-block; padding: 0 8.5px; width: auto; height: 18px; line-height: 18px; color: #f26c4f; font-size: 12px; font-weight: 500; letter-spacing: normal; text-align: center; border: 1px solid #e3e3e3; background: #f2f2f2; } 
.regular-swiper .swiper-slide .price-area .prd { margin: 15px 0 20px; padding-bottom: 35px; color: #777; font-size: 16px; font-weight: normal; line-height: 16px; letter-spacing: normal; border-bottom: 1px solid #e2e2e2; } 
.regular-swiper .swiper-slide .price-area .price { color: #101010; font-size: 14px; font-weight: normal; line-height: 25px; } 
.regular-swiper .swiper-slide .price-area .price strong { display: inline-block; margin-right: 3px; font-family: 'SUITVariable'; font-size: 20px; font-weight: 900; line-height: 20px; letter-spacing: -0.4px; vertical-align: text-bottom; } 

/* ****************** button area ********************** */
.btnarea { text-align: center; margin-top: 50px; } 
.btnarea .btn.small { width: 146px; height: 50px; font-weight: 700; border-color: #d7d7d7; cursor: pointer; font-size: 16px; border-radius: 10px; border: solid 1px #d7d7d7; } 
.btnarea .btn.small .icon-more { width: 22px; height: 38px; } 


/* ****************** banner-bg-section ********************** */
.banner-bg-section { width: 100%; height: 238px; background: url(/images/bg_banner_bg_section.png) no-repeat fixed; background-size: cover; } 
.banner-bg-section .banner-inner { display: flex; align-items: center; justify-content: center; gap: 30px; width: 100%; height: 100%; } 
.banner-bg-section .banner-inner span { color: #fff; font-size: 24px; font-weight: 500; line-height: 36px; letter-spacing: -0.48px; } 
.banner-bg-section .banner-inner span .icon-star { margin-right: 12px; } 

/* ****************** 글로벌 연수후기 ********************** */
.review-section { position: relative; display: flex; align-items: center; overflow: hidden; height: 85rem; } 
.review-section:before { position: absolute; content:''; width: 45.5rem; height: 100%; background:#f0f3fc; right:0; transform:translateX(100%); transition: all 0.8s ease-in-out;; transition-delay:0.4s; } 
.review-section.animated:before { transform:translateX(0%); } 
.review-section .area-box { max-width: 1488px; margin: 0px auto; } 
.review-section .area-box .main-review-wrap { gap: 4rem; } 
.review-section .area-box .main-review-wrap .left-box { width: 322px; /*width: 27.96%; */ } 
.review-section .area-box .main-review-wrap .left-box .main-tit-box p { margin: 83px 0 20px; color: #54bcb0; font-size: 16px; line-height: 18px; letter-spacing: normal; } 
.review-section .area-box .main-review-wrap .left-box .main-tit-box .tit { font-size: 28px; font-weight: 800; line-height: 37.8px; letter-spacing: -1.12px; opacity: 0; transform: translateY(30px); } 
.review-section .area-box .main-review-wrap .left-box .tag-area { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 15px; margin-top: 43px; } 
.review-section .area-box .main-review-wrap .left-box .tag-area span { color: #54bcb0; font-size: 1.4rem; font-weight: 300; line-height: 1.8rem; letter-spacing: normal; } 
.review-section .area-box .main-review-wrap .right-box { width: 829.94px; /*width:72.04%; */ margin-right:-20rem; } 
.review-section .area-box .main-review-wrap .right-box .slick-dots { justify-content: center; } 
/* 연수후기 슬라이드 컨텐츠 */
.main-review-list { width: 30rem; } 
.main-review-list > div { width:100%; } 
.main-review-list .slick-list { overflow:visible; } 
.main-review-list .list-item { position: relative; margin-right: 4.2rem; transition: all 0.8s ease-in-out; height:32rem; transform:translateX(-30px); opacity:0; } 
.main-review-list .list-item:nth-child(2) { transition-delay:0.8s; } 
.main-review-list .list-item:nth-child(3) { transition-delay:1s; } 
.main-review-list .list-item:nth-child(4) { transition-delay:1.25s; } 
.main-review-list .list-item:nth-child(5) { transition-delay:1.5s; } 
.main-review-list .list-item .item-inner { overflow: hidden; position: absolute; width:100%; padding: 3.5rem 2.8rem; box-sizing: border-box; min-height: 32rem; background:#fff; box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.1), 0 31px 31px 0 rgba(0, 0, 0, 0.09), 0 71px 42px 0 rgba(0, 0, 0, 0.05), 0 125px 50px 0 rgba(0, 0, 0, 0.01), 0 196px 55px 0 rgba(0, 0, 0, 0); transition:all 0.3s linear, min-height 0.3s linear; border-radius: 1.6rem; top:50%; transform:translateY(-50%); } 
.main-review-list .list-item .item-inner::before { z-index: -1; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 1.6rem; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); } 
.main-review-list.slide-on .list-item { transition-delay:0s !important; } 
.main-review-list .list-item .item-inner .label { color: #54bcb0; font-family: Poppins; font-size: 14px; font-weight: 800; line-height: 18px; letter-spacing: normal; } 
.main-review-list .list-item .item-inner .txt-box { position: absolute; left: 0; bottom: 0; width: 100%; padding: 3.5rem; } 
.main-review-list .list-item .item-inner .txt-box .tit { font-size: 1.8rem; line-height: 2.52rem; color:#fff; font-weight:700; transition:all 0.4s ease-in-out; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } 
.main-review-list .list-item .item-inner .txt-box .txt { /* margin: 1.7rem 0 7.6rem; */ margin: 1.7rem 0 0; font-size: 1.4rem; line-height: 1.96rem; color:#fff; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.main-review-list .list-item .item-inner .txt-box .classify { display: flex; align-items: center; justify-content: flex-end; text-align: right; } 
.main-review-list .list-item .item-inner .txt-box .classify span { color: rgba(255, 255, 255, 0.6); font-family: Poppins; font-size: 1.3rem; font-weight: 800; line-height: 1.8rem; letter-spacing: normal; } 
.main-review-list .list-item .item-inner .txt-box .classify span:last-child { color: rgba(255, 255, 255, 0.8); } 
.main-review-list .list-item .item-inner .txt-box .classify i { display: inline-block; width: 16px; height: 16px; background: url('/images/icon_gt.png') no-repeat center center; vertical-align: middle; } 
.main-review-list .shorts-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; } 
.main-review-list .shorts-container img { width: 100%; } 
.main-review-list .shorts-container iframe { width: 100%; height: 100%; } 
/* 연수후기 슬라이드 활성화 */
.main-review-list .list-item.off .item-inner { height: 32rem; } 
.main-review-list .list-item.slick-current .item-inner { width: 30rem; min-height: 42rem; transform: translate(-4.2rem, -50%); background: #000; box-shadow:none; } 
/* 연수후기 슬라이드 활성화 off */
.main-review-list .list-item.off:not(.slick-current) { transform:translateX(-530%) !important; transition-delay:0s !important; } 
.main-review-list .list-item.off.slick-current { transition-delay:0s !important; } 
.main-review-list .list-item.off:not(.slick-current) .item-inner { backdrop-filter: blur(10px); background:none; } 
/* 연수후기 슬라이드 Custom Dots */
.main-review-list .slick-dots { position: absolute; display: flex; vertical-align: top; margin: 0; bottom: -12rem; left: -3.5rem; } 
.main-review-list .slick-dots li { width: 8px; height: 8px; margin: 0 8px 0 0; } 
.main-review-list .slick-dots li:last-child { margin-right: 0; } 
.main-review-list .slick-dots li button { cursor:pointer; margin:0px; padding:0px; vertical-align:top; width: 0.8rem; height: 0.8rem; background-color:#d9d9d9; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; } 
.main-review-list .slick-dots li.slick-active button { background: #54bcb0; opacity:1.0; } 
.main-review-list .slick-dots li button:before { display: none; } 

/* 글로벌 연수후기 :: Animation */
@keyframes image-zoom-out { 
from { 
transform: scale(1.08,1.08)
}
to { 
transform: scale(1.0,1.0)
}
}
@keyframes text-active-animation { 
from { 
opacity:0; filter:Alpha(opacity=0); 
-webkit-transform: translateY(50px); 
transform: translateY(50px); 
}
to { 
opacity:1.0; filter:Alpha(opacity=100); 
-webkit-transform: translateY(0); 
transform: translateY(0); 
}
}
@keyframes text-fade-out { 
from { 
opacity:1.0; filter:Alpha(opacity=100); 
}
to { 
opacity:0; filter:Alpha(opacity=0); 
}
}

.animated .main-tit-box .tit-en.splitting .char { 
-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; 
animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; 
}
.animated .main-tit-box .comm-tit,
.animated .main-tit-box p,
.animated .main-tit-box .tit,
.animated .main-tit-box .tag-area { 
-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; 
animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; 
}
.animated .main-tit-box .comm-tit { animation-delay:0.2s; } 
.animated .main-tit-box p { animation-delay:0.4s; } 
.animated .main-tit-box .tit { animation-delay:0.6s; } 
.animated .main-tit-box .tag-area { animation-delay:0.8s; } 

.main-review-wrap { position: relative; display: flex; justify-content: space-between; align-items: center; } 

/* animated */
#review.animated .main-review-list .list-item { transform:none; opacity:1; } 
.main-review-list .list-item.first.slick-current { transform:translate(-0rem, -0%) scale(0.5); transition-delay:0.5s } 
#review.animated .main-review-list .list-item.first.slick-current { transform:translate(-0rem, -0%) scale(1); } 

/* ****************** footer ********************** */
footer { padding: 60px 0 50px; background: #000; } 
footer .contact-box { padding: 45px 0 60px; color: #fff; text-align: center; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 20px; } 
footer .contact-box > span { font-size: 16px; font-weight: 900; line-height: 18px; color: rgba(255, 255, 255, 0.8); } 
footer .contact-box .tel-wrap { margin: 34px auto 43px; color: #fff; } 
footer .contact-box .tel-wrap a { color: #fff; font-size: 40px; line-height: 40px; letter-spacing: normal; font-weight: 800; } 
footer .contact-box .tel-wrap a:last-child { margin-top: 10px; display: block; width: 100%; } 
footer .contact-box .inquiry { color: rgba(255, 255, 255, 0.8); font-size: 24px; font-weight: normal; line-height: 18px; letter-spacing: normal; border-bottom: 1px solid rgba(255, 255, 255, 0.6); } 
footer .contact-box .inquiry strong { color: #fff; font-weight: 800; } 
footer .site-link-wrap { margin: 50px auto 32px; text-align: center; } 
footer .site-link-wrap a { padding-right: 20px; margin-right: 20px; color: #fff; font-size: 16px; font-weight: 800; letter-spacing: normal; line-height: 16px; border-right: 1px solid rgba(255, 255, 255, 0.4); } 
footer .site-link-wrap a:nth-of-type(3) { border-right: none; } 
footer .copyright { display: block; margin-top: 32px; color: rgba(255, 255, 255, 0.4); font-size: 12px; font-weight: normal; line-height: 16.8px; text-align: center; letter-spacing: normal; } 

/* ****************** Quick Menu ********************** */
.quick-menu { position: fixed; right: 20px; bottom: 20px; display: flex; flex-wrap: wrap; gap: 8px; width: 40px; height: fit-content; transition: all 0.25s; opacity: 0; visibility: hidden; z-index: 99; }
.quick-menu.on { opacity: 1; visibility: visible; } 
.quick-menu a { display: inline-block; width: 40px; height: 40px; border-radius: 100%; } 
.quick-menu .kakao { background: #000 url('../images/icon_quick_kakao.svg') no-repeat center center / 60%; } 
.quick-menu .blog { background: #000 url('../images/icon_quick_blog.svg') no-repeat center center / 60%; } 
.quick-menu .youtube { background: #000 url('../images/icon_quick_youtube.svg') no-repeat center center / 60%; } 
.quick-menu .mail { background: #000 url('../images/icon_quick_mail.svg') no-repeat center center / 60%; } 
.quick-menu .gototop { background: #00B7FF url('../images/icon_quick_gototop.svg') no-repeat center center / 60%; } 

@media screen and (max-width: 1280px) { 
/* ****************** Common CSS ********************** */
.for-pc { display: none; } 
.for-mo { display: block; } 
.common-area { width: 100%; padding: 0 20px; } 
.common-cont-area { width: 100%; padding: 0 20px; } 
.comm-tit-box { margin-bottom: 20px; } 
.comm-tit-box .all-view {font-size: 14px;}
.comm-tit { font-size: 16px; line-height: 18px; letter-spacing: -0.36px; }
.p100 { padding: 40px 0; } 

/* ****************** gnb ********************** */
header { height: auto; padding: 11px 0; border-bottom: none; } 
.logo-wrap > img { width: 40px; } 
.header-inner h1 .logo-wrap span { margin-left: 8px; padding-left: 7px; font-size: 16px; line-height: 16px; } 
.btn-nav { width: 24px; height: 24px; background: url('/images/btn_icon_nav.svg') no-repeat center center; } 
.mobile-menu { display: inline-block; position: fixed; top: 0; right: -100%; width: 100%; height: 100%; background: #000; z-index: 999; padding: 11px 20px; } 
.mobile-menu .menu-items { margin-top: 54px; } 
.mobile-menu .menu-item { padding: 5px 16px; } 
.mobile-menu .menu-item a { font-family: Outfit; font-size: 20px; font-weight: bold; line-height: 50px; color: #fff; } 
.mobile-menu .btn-close { float: right; width: 24px; height: 24px; background: url('/images/icon_close.svg') no-repeat center center; } 

/* ****************** main-section ********************** */
.main-section { width: 100%; height: 380px; } 
.main-section .visual-sec .main-swiper .swiper-wrapper .swiper-slide:nth-child(1) { background: url(/images/main_slide_bg_250730_01.webp) no-repeat center center / cover; }
.main-section .visual-sec .main-swiper .swiper-wrapper .swiper-slide:nth-child(2) { background: url(/images/main_slide_bg_250730_02.webp) no-repeat center center / cover; }
.main-section .visual-sec .main-swiper .swiper-wrapper .swiper-slide:nth-child(3) { background: url(/images/main_slide_bg_250730_03.webp) no-repeat center center / cover; }
.main-section .visual-sec .main-swiper .swiper-wrapper .swiper-slide:nth-child(4) { background: url(/images/main_slide_bg_250730_04.webp) no-repeat center center / cover; }
.main-section .visual-sec .txt-box { width: 100%; left: 0; padding: 0 20px; } 
.main-section .visual-sec .txt-box > span { font-size: 14px; line-height: 16.8px; letter-spacing: -0.28px; } 
.main-section .visual-sec .txt-box button i { margin-left: 14.3px; width: 16px; height: 16px; } 
.main-section .visual-sec .txt-box .txt { margin: 20px 0 37px 0; font-size: 20px; line-height: 24px; letter-spacing: -0.8px; } 
.main-section .visual-sec .all-box { width: auto; height: auto; top: unset; bottom: 20px; left: 20px; transform: unset; } 
.main-section .visual-sec .swiper-pagination { flex-direction: row; gap: 8px; } 
.main-section .swiper-pagination-bullet { width: 8px !important; height: 8px !important; background-color: #d9d9d9 !important; border-radius: 100% !important; } 
.main-section .swiper-pagination-bullet-active { background-color: #00B7FF !important; } 

.main-section .swiper-pagination-bullet em { display: none; } 
.main-section .swiper-pagination-bullet i { display: none; } 
.main-section .swiper-pagination-bullet b { display: none; } 

/* ****************** banner-section ********************** */
.banner-section { padding: 0; } 
.banner-section .banner-swiper { height: 120px; } 
.banner-section .banner-swiper .swiper-slide { height: 120px; } 
.banner-section .banner-swiper .txt-box { left: 30px; } 
.banner-section .banner-swiper .txt-box p span { text-align: left; font-size: 14px; font-weight: 600; line-height: 16.8px; letter-spacing: -0.28px; margin-bottom: 10px;} 
.banner-section .banner-swiper .txt-box p { margin-top: 4px; text-align: left; font-size: 16px; line-height: 20.8px; letter-spacing: -0.96px; } 
.banner-section .banner-swiper .txt-box p .text-for-mo { width: fit-content; color: #fff; } 
.banner-section .banner-swiper .more {font-size: 16px; border: 1px solid #fff; padding: 15px 30px;}


/* ****************** cont-section ********************** */

/* ****************** 인트로 ********************** */



/* ****************** 스페셜 ********************** */
.special-section .swiper-slide {height: auto; aspect-ratio: 1 / 1;}
.special-section .swiper-slide .prg-bg { height: 100%; font-size: clamp(20px, 4vw, 34px);}
.special-section .swiper-slide h3.prg-ti {font-size: 14px;}


/* ****************** 컨퍼런스 해외연수 (더보기), 글로벌 컨퍼런스 ********************** */
.product-list > ul { display: flex; gap: 26.7px; flex-wrap: wrap; } 
.product-list > ul > li { width: calc(50% - 21px); } 
.product-list > ul > li > div.edu-area > a { display: flex; justify-content: center; align-items: center; overflow: hidden; width: 100%; border-radius: 16px; cursor: pointer; } 
.product-list > ul > li > div.edu-area > a > .edu-img { width: auto; max-width: 100%; } 
.product-list > ul > li > div.edu-area .base-info { margin: 15px 0 12px; } 
.product-list > ul > li > div.edu-area .base-info .classify { margin-bottom: 8px; font-size: 10px; line-height: 10px; } 
.product-list > ul > li > div.edu-area .base-info > h3 { font-size: 14px; line-height: 18.9px; letter-spacing: -0.42px; } 
.product-list > ul > li > div.edu-area .price-area {display: none !important;}
.product-list > ul > li > div.edu-area .price-area .badge { height: 16px; line-height: 16px; font-size: 10px; } 
.product-list > ul > li > div.edu-area .price-area .prd { margin: 17px 0 13px; padding-bottom: 17px; font-size: 11px; line-height: 11px; letter-spacing: -0.22px; } 
.product-list > ul > li > div.edu-area .price-area .price { line-height: 8px; font-size: 8px; } 
.product-list > ul > li > div.edu-area .price-area .price strong { font-size: 14px; line-height: 14px; } 

/* ****************** 컨퍼런스 해외연수, 글로벌 컨퍼런스 ********************** */
.navi-wrap { height: 20px; } 
.navi-wrap .swiper-button-next, .navi-wrap .swiper-button-prev { width: 20px; height: 20px; } 
.conference-swiper .swiper-slide .base-info { margin: 15px 0 12px; } 
.conference-swiper .swiper-slide .base-info .classify { margin-bottom: 8px; font-size: 10px; line-height: 10px; } 
.conference-swiper .swiper-slide .base-info > h3 { font-size: 14px; line-height: 18.9px; letter-spacing: -0.42px; } 
.conference-swiper .swiper-slide .price-area .badge { height: 16px; line-height: 16px; font-size: 10px; } 
.conference-swiper .swiper-slide .price-area .prd { margin: 17px 0 13px; padding-bottom: 17px; font-size: 11px; line-height: 11px; letter-spacing: -0.22px; } 
.conference-swiper .swiper-slide .price-area .price { line-height: 8px; font-size: 8px; } 
.conference-swiper .swiper-slide .price-area .price strong { font-size: 14px; line-height: 14px; } 

/* ****************** 일반 해외연수, 주제별 해외연수 ********************** */
.regular-swiper .swiper-slide .base-info { margin: 15px 0 12px; } 
.regular-swiper .swiper-slide .base-info .classify { margin-bottom: 8px; font-size: 10px; line-height: 10px; } 
.regular-swiper .swiper-slide .base-info > h3 { font-size: 14px; line-height: 18.9px; letter-spacing: -0.42px; } 
.regular-swiper .swiper-slide .price-area .badge { height: 16px; line-height: 16px; font-size: 10px; } 
.regular-swiper .swiper-slide .price-area .prd { margin: 17px 0 13px; padding-bottom: 17px; font-size: 11px; line-height: 11px; letter-spacing: -0.22px; } 
.regular-swiper .swiper-slide .price-area .price { line-height: 8px; font-size: 8px; } 
.regular-swiper .swiper-slide .price-area .price strong { font-size: 14px; line-height: 14px; } 

/* ****************** 강사진 ********************** */
#people .common-cont-area {padding: 100px 20px 40px;}
#people .comm-sticky.fixed {top: 45px !important; left: 0; padding: 15px 20px; box-sizing: border-box;}
#people .comm-sticky .comm-sticky-inner {gap: 10px; }
#people .comm-sticky.fixed .comm-sticky-inner { gap: 20px;}
#people .comm-sticky .comm-sticky-inner .s-left { gap: 20px;}
#people .comm-sticky .comm-sticky-inner .s-left a {font-size: 18px;}
#people .comm-sticky .comm-sticky-inner .s-left a.active::after {bottom: -31px;}
#people .comm-sticky.fixed .comm-sticky-inner .s-left a.active::after {bottom: -16px;}
#people .comm-sticky .comm-sticky-inner .prof-search { max-width: 500px; min-width: unset; font-size: 16px;}

#people .prof-wrap .kind {gap: 20px;}
#people .prof-wrap .kind li {height: 134px; }
#people .prof-wrap .kind li .left { min-width: 80px; height: 80px; }
#people .prof-wrap .kind li .right .nm {font-size: 18px;}
#people .prof-wrap .kind li .right .team {font-size: 14px;}
#people .prof-wrap .kind li .right .more {font-size: 14px; margin-top: 14px;}

/* ****************** banner-bg-section ********************** */
.banner-bg-section { height: 240px; background: url(/images/bg_banner_bg_section_mo.jpg) no-repeat; background-size: cover; } 
.banner-bg-section .banner-inner { flex-direction: column; gap: 20px; } 
.banner-bg-section .banner-inner span { font-size: 18px; font-weight: 800; line-height: 27px; letter-spacing: -0.36px; word-break: auto-phrase; text-align: center; } 
.banner-bg-section .banner-inner .text-for-mo { color: rgba(255, 255, 255, 0.6); font-weight: 500; font-size: 14px; line-height: 21px; letter-spacing: -0.28px; } 
.banner-bg-section .banner-inner .text-for-mo > span { color: #fff; font-weight: 500; font-size: 14px; line-height: 21px; letter-spacing: -0.28px; } 
.icon-star { width: 12px; height: 12.6px; background-size: cover; } 
.banner-bg-section .banner-inner span:last-child { text-decoration: underline; text-underline-offset: 5px; } 


/* ****************** button area ********************** */
.btnarea { width: 100%; } 

/* ****************** footer ********************** */
footer { padding: 40px 0 15px; } 
footer .contact-box { padding: 0; border: none; border-radius: 0; } 
footer .contact-box > span { font-size: 12px; line-height: 15px; letter-spacing: normal; } 
footer .contact-box .tel-wrap { margin: 24px auto; } 
footer .contact-box .tel-wrap a { font-size: 20px; line-height: 20px; } 
footer .contact-box .inquiry { display: inline-block; padding-bottom: 9px; font-size: 16px; } 
footer .site-link-wrap { margin: 65px 0 0; } 
footer .site-link-wrap a { padding-right: 15px; margin-right: 15px; font-size: 12px; line-height: 12px; letter-spacing: normal; } 
}


@media screen and (max-width: 1024px) {
    /* 강사진 */
    #people .prof-wrap .kind {grid-template-columns: repeat(2, 1fr);}
 }

@media screen and (max-width: 960px) { 
/* ****************** banner-section ********************** */
.banner-section .banner-swiper .swiper-slide:nth-child(1) { background: url('../images/banner_slide_bg_ai1.webp') no-repeat center center / cover; } 

/* ****************** VOC 배너 ****************** */
.voc-section .banner-swiper .swiper-slide:nth-child(1) { background: url('../images/banner_slide_bg_ai1.webp') no-repeat center center / cover; }
.voc-section .banner-swiper .swiper-slide:nth-child(1) br.mo-show {display: block;}

/* ****************** 글로벌 연수후기 ********************** */
.review-section.p100 { padding: 40px 25px; } 
}

@media screen and (max-width: 768px) { 
    /* ****************** intro-section ********************** */
    .intro-section {padding: 60px 0 120px;}
    .intro-section .txt-wrap .txt {font-weight: 300; margin-top: 50px;}
    .intro-section .txt-wrap .txt br.pc-only {display: none;}
    .intro-section .txt-wrap .txt br.mo-only {display: block;}
    .intro-section img.int-item {margin-top: 70px;}
    .intro-section .contents {margin-top: 70px; display: grid; grid-template-columns: repeat(2, 1fr); padding: 0 20px; box-sizing: border-box;}

    .intro-section .contents li {width: 100%; gap: 15px;}
    .intro-section .contents li:last-child {width: 50%; grid-column: 1 / -1; justify-self: center;}
    .intro-section .contents li .box {gap: 21px;}
    .intro-section .contents li .box::before {height: 5px;}
    .intro-section .contents li .box .b-txt {line-height: 140%;}

    /* ****************** edu-section ********************** */
    .edu-section {padding: 100px 0 120px;}
    .edu-section .txt-wrap .txt {margin-top: 50px;}
    .edu-section .txt-wrap .txt br.pc-only {display: none;}
    .edu-section .txt-wrap .txt br.mo-only {display: block;}
    .edu-section .txt-wrap .txt span {color: #fff;}

    .edu-section .graph-wrap {display: none;}
    .edu-section .mo-wrap {display: block; position: relative; width: 100%; height: auto; padding: 0 25px; box-sizing: border-box; margin-top: 58px; display: grid; gap: 64px;}
    .edu-section .mo-wrap .graph {position: relative; width: 100%; height: auto; }
    .edu-section .mo-wrap .graph .cate {width: auto; font-size: 16px; font-weight: 800; color: #fff; background: #000FDD; inline-size: fit-content; padding: 8.5px 38px; border-radius: 40px; border-end-start-radius: 0; text-transform: uppercase; margin-bottom: 14px;}
    .edu-section .mo-wrap .graph ul {display: grid; gap: 6px;}
    .edu-section .mo-wrap .graph ul li .ti {width: 100%; height: auto; min-height: 61px; font-size: 14px; color: #fff; font-weight: 600; letter-spacing: -0.64px; text-align: center; padding: 13px 0;box-sizing: border-box;}
    .edu-section .mo-wrap .graph ul li:nth-child(1) .ti {border-start-end-radius: 16px;}
    .edu-section .mo-wrap .graph ul li:nth-last-child(1) .ti {border-end-start-radius: 16px;}
    .edu-section .mo-wrap .graph ul li .cont {width: 100%; height: auto; padding: 14px 20px; box-sizing: border-box; background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.20) 100%); font-size: 14px; color: #fff; font-weight: 400; letter-spacing: -0.8px; line-height: 160%; max-height: 0; transition: 0; opacity: 0; padding-top: 0; padding-bottom: 0;}
    .edu-section .mo-wrap .graph ul li .cont.active {max-height: 500px; opacity: 1; padding-top: 14px; padding-bottom: 14px;  transition: all 0.6s ease;}

    .edu-section .mo-wrap .graph:nth-last-child(1) .cate {background: #90CFFC; color: #090909;}
    .edu-section .mo-wrap .graph:nth-last-child(1) ul {grid-template-columns: repeat(2, 1fr);}
    .edu-section .mo-wrap .graph:nth-last-child(1) ul li .ti { min-height: 90px; color: #090909; cursor: unset;}
    .edu-section .mo-wrap .graph:nth-last-child(1) ul li:nth-child(1) .ti {border-radius: 0;}
    .edu-section .mo-wrap .graph:nth-last-child(1) ul li:nth-child(2) .ti {border-start-end-radius: 16px;}
    .edu-section .mo-wrap .graph:nth-last-child(1) ul li:nth-last-child(1) .ti {border-radius: 0;} 
    .edu-section .mo-wrap .graph:nth-last-child(1) ul li:nth-last-child(2) .ti {border-end-start-radius: 16px;}

     /* ****************** solution-section ********************** */
    .solution-section {padding: 100px 0 0px;}
    .solution-section .txt-wrap .txt {font-weight: 300;}
    .solution-section .txt-wrap .txt br.mo-only {display: block;}
    .solution-section .txt-wrap .txt br.pc-only {display: none;}
    
    .solution-section .point {font-size: 16px; font-weight: 500;}
    .solution-section .point span {font-size: 18px; font-weight: 700;}
    .solution-section .point br.mo-only {display: block;}

    .solution-section img {display: none;}
    .solution-section img.item-sm {display: block;}

    .solution-section .swiper {position: relative; padding: 0 25px; box-sizing: border-box; margin-top: 85px; overflow: visible; display: block;}
    .solution-section .swiper .swiper-slide { }
    .solution-section .swiper .swiper-slide .box {position: relative; width: 100%; height: auto; padding: 28px 15px 20px; box-sizing: border-box; background: #fff; border-radius: 14px; display: grid; gap: 24px;}
    .solution-section .swiper .swiper-slide .box .item-ti {font-size: 20px; font-weight: 700; line-height: 100%; letter-spacing: -0.64px; color: #75d9ff; text-align: center;}
    .solution-section .swiper .swiper-slide .box .item-ti span {font-size: 14px;}
    .solution-section .swiper .swiper-slide .box .item-txt {position: relative; text-align: left;}
    .solution-section .swiper .swiper-slide .box .icon {display: block; position: absolute; width: 40px; height: 40px; background: #00b7ff; top: 0; left: 0; border-radius: 100%; padding: 5px; border: 3px solid rgba(71, 90, 235, 1); margin: 0; top: -25px; left: 50%; transform: translate(-50%, 0);}
    .solution-section .item-next {display: block;}



    /* ****************** 강사진 ********************** */
    #people .comm-sticky .comm-sticky-inner {gap: 10px; flex-direction: column-reverse;}
    #people .comm-sticky.fixed .comm-sticky-inner { gap: 20px;}
    #people .comm-sticky .comm-sticky-inner .s-left { gap: 20px;}
    #people .comm-sticky .comm-sticky-inner .s-left a {font-size: 14px;}
    #people .comm-sticky .comm-sticky-inner .s-left a.active::after {bottom: -31px;}
    #people .comm-sticky.fixed .comm-sticky-inner .s-left a.active::after {bottom: -16px;}
    #people .comm-sticky .comm-sticky-inner .prof-search {width: 316px; max-width: unset;}


    #people .prof-wrap .kind {grid-template-columns: repeat(1, 1fr);}
    #people .prof-wrap .modal {width: calc(100% - 40px); height: auto; max-height: 80vh; padding: 30px 20px;}
    #people .prof-wrap .modal-close {font-size: 34px; right: 20px;}
    #people .prof-wrap .modal .md-nm {padding: 20px 0; font-size: 20px;}

    #people .prof-wrap .modal .md-item-ti { margin-top: 35px; padding: 0; font-size: 16px;}
    #people .prof-wrap .modal .md-item-txt {padding: 0; font-size: 16px;}

    /* ****************** banner-section ********************** */
    .banner-section .banner-swiper .txt-box p {font-size: 16px}
    .banner-section .banner-swiper .txt-box p span {font-size: 14px; margin-bottom: 10px; padding-right: 20px;}
    .banner-section .banner-swiper .more {display: none;}

    .banner-section.down-banner {margin-top: 180px; padding-bottom: 60px;}

    .partner-section .partner-list ul {gap: unset; justify-content: space-between}

}

@media screen and (max-width: 480px) { 
/* ****************** main-section ********************** */
.visual-sec .txt-box { left: 46%; } 
.visual-sec .txt-box > h3 { font-size: 1.2rem; } 
.visual-sec .txt-box > p { font-size: 0.8rem } 
.visual-sec .all-box { bottom: 0; height: 30px; } 

/* ****************** 글로벌 연수후기 ********************** */
.review-section { height: auto; padding: 40px 20px 70px; } 
.review-section:before { display: none; } 
.main-review-wrap { flex-direction: column; gap: 20px; align-items: flex-start; } 
.review-section .area-box { margin: unset; width: 100%; } 
.review-section .area-box .main-review-wrap .left-box { width: 100%; } 
.review-section .area-box .main-review-wrap .right-box { width: 100%; } 
.review-section .area-box .main-review-wrap .left-box .tag-area.for-pc { display: none; } 
.review-section .area-box .main-review-wrap .left-box .main-tit-box p { margin: 25px 0 12px; font-size: 14px; line-height: 16.8px; letter-spacing: -0.28px; } 
.review-section .area-box .main-review-wrap .left-box .main-tit-box .tit { font-size: 24px; line-height: 32.4px; letter-spacing: -0.96px; } */

.main-review-wrap { display: block; } 
.main-review-wrap .left-box { width:100%; } 
.main-review-wrap .right-box { width:100%; margin-right: 0rem; } 
.main-review-list { min-height: 38rem; } 
.main-review-list .list-item { height: 100%; } 
.main-review-list .list-item .item-inner { top: auto; transform: none; padding: 3.5rem 2.8rem; } 
.main-review-list .list-item.slick-current .item-inner { width: 100%; height: 38rem; transform:translate(0); min-height: 38rem !important; } 
.main-review-list .list-item .item-inner .txt-box { padding: 2.8rem; } 
.main-review-list .slick-dots { justify-content: center; left: 0; bottom: -2.8rem; } 
.main-review-list .list-item:not(.slick-current.slick-active) { opacity: 0; visibility: hidden; } 

.main-review-list { width:100%; max-width:none; } 
.main-review-list .list-item { margin-right:0; } 
}