@charset "utf-8";

section h5 { color: #333; font-size: 32px; line-height: 1.2; font-weight: 500; text-align: center; }
section h3 { color: #1A73E8; font-size: 50px; line-height: 1.44; font-weight: 700; text-align: center; }

.main-slide-prev { top: 0; left: auto; right: 56px; width: 44px; height: 44px; border: 1px solid #ccc; border-radius: 100%; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="15" fill="none"><path fill="%23222" fill-rule="evenodd" d="M9.414 13.586 8 15 2.343 9.343.93 7.93l1.414-1.414L8 .858l1.414 1.414L3.757 7.93l5.657 5.657Z" clip-rule="evenodd"/></svg>')no-repeat center; background-color: #fff; }
.main-slide-next { top: 0; right: 0; width: 44px; height: 44px; border: 1px solid #ccc; border-radius: 100%; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="15" fill="none"><path fill="%23222" fill-rule="evenodd" d="M.586 13.586 2 15l5.657-5.657L9.07 7.93 7.657 6.515 2 .858.586 2.272 6.243 7.93.586 13.586Z" clip-rule="evenodd"/></svg>')no-repeat center; background-color: #fff; }


/* sidenav */
aside .side-nav { visibility: hidden; flex-direction: column; grid-row-gap: 36px; height: 0; z-index: 10; opacity: 0;  }
aside .side-nav.fixed { position: fixed; top: 260px; left: 110px; display: flex; height: auto; visibility: visible; opacity: 1; transition: opacity .4s; } 
aside .side-nav li a { color: #777; font-size: 18px; line-height: 1.2; cursor: pointer; transition: opacity .4s; }
aside .side-nav li a.active { color: #1A73E8; font-size: 24px; font-weight: 700; }
aside .side-nav li a.active:before { display: inline-block; content:'✏'; clear: both; font-size: 24px; font-weight: 700; font-family: "NotoColorEmoji"; } 

/* academy-visual */
.academy-visual { position: relative; height: 820px; padding-top: 208px; background: linear-gradient(90deg, #1A73E8 0%, #05C3D5 100%) }
.academy-visual h4 { color: #fff; font-size: 44px; font-weight: 500; line-height: 1.2; letter-spacing: -0.08em; text-align: center; } 
.academy-visual h2 { color: #fff; font-family: 'Gmarket Sans'; font-size: 100px; font-weight: 700; line-height: 1.14; letter-spacing: -0.08em; text-align: center; } 




/* marquee */
.marquee-wrap { position: relative; width: 100%; height: 80px; background: #212121;  overflow: hidden }
.marquee-wrap ul  { transition-timing-function: linear !important; position: relative; }
.marquee-wrap ul li { position: relative; display: flex; justify-content: center; align-items: center; width: fit-content; }
.marquee-wrap ul li p { color: #fff; font-size: 24px; line-height: 1.2; font-weight: 700; }


/* concern */
.concern { position: relative; padding-top: 120px; background: #F0F4FC; }
.concern .title { margin-bottom: 40px; }
.concern .title h5 { margin-bottom: 12px; }
.concern .bg { width: fit-content; margin: 0 auto; }
.concern .concern-slide-wrap { position: absolute; bottom: 0; left: 50%; width: 100%; max-width: 1240px; padding: 0 22px;  transform: translateX(-50%); overflow: hidden; }
.concern .concern-slide { width: 100%; max-width: 1196px; padding: 20px 0 110px; }
.concern .concern-slide ul { display: flex; }
.concern .concern-slide ul li { position: relative; background: #fff; padding: 42px 0; border-radius: 24px; box-shadow: 0px 4px 16px 0px #1A73E833; text-align: center; }
.concern .concern-slide ul li:after { position: absolute; bottom: -16px; left: 50%; display: block; content:''; clear: both; width: 0; height: 0; border-bottom: 8px solid transparent; border-top: 8px solid #fff; border-left: 10px solid transparent; border-right: 10px solid #fff; transform: translateX(-50%); }
.concern .concern-slide ul li p:before { display: block; content:''; clear: both; width: 40px; height: 40px; margin: 0 auto 10px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="24" fill="none"><path fill="%231A73E8" d="M2.833 21.5C1.166 19.666.166 17.666.166 14.333c0-5.833 4.167-11 10-13.666l1.5 2.166c-5.5 3-6.667 6.834-7 9.334.833-.5 2-.667 3.167-.5 3 .333 5.333 2.666 5.333 5.833 0 1.5-.667 3-1.667 4.166-1.166 1.167-2.5 1.667-4.166 1.667-1.834 0-3.5-.833-4.5-1.833Zm16.666 0c-1.666-1.834-2.666-3.834-2.666-7.167 0-5.833 4.166-11 10-13.666l1.5 2.166c-5.5 3-6.667 6.834-7 9.334.833-.5 2-.667 3.166-.5 3 .333 5.334 2.666 5.334 5.833 0 1.5-.667 3-1.667 4.166-1 1.167-2.5 1.667-4.167 1.667-1.833 0-3.5-.833-4.5-1.833Z"/></svg>')no-repeat center; }
.concern .concern-slide ul li p { margin-bottom: 12px; color: #333; font-size: 20px; line-height: 1.4; } 
.concern .concern-slide ul li p em { font-weight: bold; } 
.concern .concern-slide ul li small { color: #999; font-size: 16px; line-height: 1.2; } 


/* improve */
.improve { position: relative; padding-top: 136px; margin-bottom: 108px; }
.improve .improve-wrap { max-width: 1196px; width: 100%; margin: 0 auto; }
.improve .title { margin: 0 auto 36px; text-align: center; } 
.improve-content { position: relative; width: 100%; max-width: 1196px; height: 560px; z-index: 10; }
.improve-summary {  position: absolute; display: flex; flex-direction: column; padding-top: 60px; width: 100%; height: 100%; -webkit-border-radius: 24px; border-radius: 24px;  text-align: center; z-index: 0; box-sizing: border-box; -webkit-box-sizing: border-box; }
.improve-summary .card { display: flex; flex-direction: column; justify-content: space-between; height: 100%; overflow: hidden; } 
.improve-summary h4 { width: fit-content; margin: 0 auto 16px; padding: 0 24px; font-size: 24px; font-weight: bold; line-height: 2; border-radius: 100px; }
.improve-summary .desc {  display: flex; flex-direction: column; }
.improve-summary small { font-size: 20px; line-height: 1.6; } 
.improve-summary strong { margin: 6px 0 14px; font-size: 42px; line-height: 1.333; } 
.improve-summary p { font-size: 24px; font-weight: 500; line-height: 1.2; } 
.improve-summary p span { font-weight: 700; }
.improve-summary .bg { position: relative; display: flex; justify-content: center; width: fit-content; margin: 0 auto; }
.improve-summary .bg ul { position: absolute; display: flex; flex-direction: column; grid-row-gap: 10px; }
.improve-summary .bg ul li { padding: 20px 66px; background: #fff; border: 2px solid #1A73E8; border-radius: 10px; } 
.improve-summary .bg ul li p { color: #333; font-size: 20px; line-height: 1.2; } 
.improve-summary .bg ul li p span { color: #1A73E8; } 


.improvements01 { top: 0; background: #212121; } 
.improvements01 h4 { background: #1A73E8; color: #fff; }
.improvements01 small { color: #ccc; }
.improvements01 strong { color: #fff; } 
.improvements01 strong span { color: #3384FE; } 
.improvements01 p { color: #fff; } 
.improvements01 p span { color: #FFDC25; }

.improvements02 { top: 36px; background: #3384FE; } 
.improvements02 h4 { background: #fff; color: #3384FE; }
.improvements02 small { color: #eee; }
.improvements02 strong { color: #fff; } 
.improvements02 strong span { color: #FFDC25; } 
.improvements02 p { color: #fff; } 
.improvements02 p span { color: #FFDC25; }

.improvements03 { top: 72px; background: #F0F4FC; } 
.improvements03 h4 { background: #1A73E8; color: #fff; }
.improvements03 small { color: #666; }
.improvements03 strong { color: #333; } 
.improvements03 strong span { color: #1A73E8; } 
.improvements03 p { color: #999; } 
.improvements03 p span { color: #3384FE; }

.improvements04 { top: 108px; background: #CCDCFA; }
.improvements04 h4 { background: #1A73E8; color: #fff; }
.improvements04 small { color: #666; }
.improvements04 strong { color: #333; } 
.improvements04 strong span { color: #1A73E8; } 
.improvements04 p { color: #333; } 
.improvements04 p span { color: #1A73E8; }
.improvements04 .bg img { position: relative; top: -20px; left: -114px; }
.improvements04 .bg ul { right: 40px; top: 44px;}


/* patent */
.patent { padding-top: 180px;  }
.patent .bg { position: relative; display: flex; justify-content: center; align-items: center; width: auto; margin: 48px auto; }
.patent .bg:before { position: absolute; top: 50%; left: 50%; display: block; content:''; clear: both; width: 1259px; height: 798px;  background: url('../images/web/sub/academy/patent_bg-object.png')no-repeat center; transform: translate(-50%, -50%); z-index: 0; }
.patent .bg img { z-index: 1; }
.patent .patent-list { position: relative; display: flex; grid-column-gap: 32px; width: 100%; max-width: 1196px; margin: 48px auto 32px; z-index: 1; }
.patent .patent-list li { width: 275px; padding: 42px 0;  background: #F1F1F1; border-radius: 14px; }
.patent .patent-list li strong { display: block; margin-bottom: 12px; color: #333; font-size: 30px; line-height: 1.2; text-align: center; }
.patent .patent-list li strong:before { display: block; content:''; clear: both; width: 58px; height: 72px; margin: 0 auto 32px; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="58" height="72" fill="none"><path fill="%23F44336" d="M39.871 46.769h-21.75c-2.002 0-3.625 1.612-3.625 3.604v18.02a3.6 3.6 0 0 0 1.506 2.926 3.624 3.624 0 0 0 3.266.493l9.728-3.224 9.728 3.224a3.643 3.643 0 0 0 3.266-.493 3.6 3.6 0 0 0 1.506-2.925V50.373c0-1.992-1.623-3.604-3.625-3.604Z"/><path fill="%23FFC107" d="M55.39 22.468a102.295 102.295 0 0 1-3.045-3.14 55.03 55.03 0 0 1-.22-4.695c0-4.896-4.005-8.88-8.93-8.88-2.007 0-3.529-.042-4.387-.08a55.605 55.605 0 0 1-3.494-3.165c-3.367-3.344-9.265-3.344-12.631 0a99.22 99.22 0 0 1-3.163 3.027 54.77 54.77 0 0 1-4.72.218c-4.922 0-8.927 3.98-8.927 8.877a97.14 97.14 0 0 1-.083 4.36 54.6 54.6 0 0 1-3.18 3.475A8.793 8.793 0 0 0 0 28.748c0 2.379.927 4.61 2.607 6.279a101.311 101.311 0 0 1 3.045 3.143c.095 1.014.22 2.858.22 4.692 0 4.896 4.005 8.877 8.925 8.877 2.008 0 3.53.042 4.386.08.79.652 2.192 1.866 3.5 3.168a8.902 8.902 0 0 0 6.315 2.594c2.39 0 4.632-.922 6.316-2.594a95.934 95.934 0 0 1 3.166-3.027 54.621 54.621 0 0 1 4.72-.221c4.921 0 8.925-3.981 8.925-8.877 0-2 .041-3.513.082-4.365a54.02 54.02 0 0 1 3.182-3.47A8.79 8.79 0 0 0 58 28.747a8.79 8.79 0 0 0-2.61-6.279Z"/></svg>')no-repeat center; }
.patent .patent-list li p { color: #777; font-size: 20px; line-height: 1.5; text-align: center;}
.patent .patent-list li p span { color: #1A73E8; font-weight: 700; }

.rate-data { width: 100%; max-width: 1196px; margin: 0 auto; padding: 48px 40px; border: 2px solid #ddd; border-radius: 24px; }
.rate-data .learn-rate { display: flex; flex-wrap: wrap; align-items: center; }
.rate-data .learn-rate:nth-of-type(1):after { display: block; content:''; clear: both; width: 100%; height: 1px; margin: 36px 0; border: 1px dashed #aaa }
.rate-data .learn-rate p { display: flex; align-items: center; justify-content: center; width: 240px; padding: 26px 0; color: #fff; font-size: 20px; line-height: 1.5; border-radius: 8px; text-align: center; }
.rate-data .learn-rate:nth-of-type(1) p { background: #999; } 
.rate-data .learn-rate:nth-of-type(2) p { background: #1A73E8; } 
.rate-data .learn-rate ul { display: flex; flex-direction: column; grid-row-gap: 16px; margin: 0 30px 0 20px; }
.rate-data .learn-rate ul li { display: flex; align-items: center; justify-content: center; }
.rate-data .learn-rate ul li:nth-of-type(1) { width: 376px; background: #F1F1F1; color: #999; font-size: 18px; line-height: 48px; }
.rate-data .learn-rate ul li:nth-of-type(2) { width: 626px; background: #212121; color: #fff; font-size: 18px; line-height: 48px; }
.rate-data .learn-rate em { position: relative; width: 196px; color: #777; font-size: 20px; line-height: 1.2; }
.rate-data .learn-rate em b { display: block; width: fit-content; color: #1A73E8; font-size: 30px; line-height: 1.2; box-shadow: inset 0 -8px 0 #1A73E826; } 
.rate-data .learn-rate em:after { position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: inline-block; content:''; clear: both; width: 64px; height: 92px; background: url('../images/web/sub/academy/increase.png')no-repeat center; }

/* program */
.program { display: flex; justify-content: space-between; width: 100%; height: 900px; padding-top: 180px;  }
.program .program-desc { display: flex; flex-wrap: nowrap; flex-direction: column; align-items: center; justify-content: center; width: 50%; height: 100%; padding-left: 32px; padding-right: 16px; background: #1A73E8; }
.program .title { max-width: 530px; }
.program h5 { font-size: 24px; color: #fff; text-align: left; } 
.program h3 { margin: 12px 0 30px; color: #fff; text-align: left; } 
.program .cate-list { display: flex; flex-wrap: wrap; grid-column-gap: 12px; grid-row-gap: 12px; max-width: 530px; }
.program .cate-tag { display: flex; align-items: center; padding: 0 40px; color: #fff; font-size: 20px; line-height: 2.6; border: 1px solid  rgba(255,255,255,0.4); border-radius: 100px; } 
.program .cate-tag.on { background: #000; border: 1px solid #000; }

@media (hover: hover) {
    .program .cate-tag:hover { background: #000; border: 1px solid #000; }
}

.program .program-list { width: 50%; padding: 98px 74px; background: #F5F5F5; overflow: hidden; }
.program-slide { position: relative; display: none; overflow: visible; }
.program-slide.on { display: block; }
.program-slide .desc { margin-top: 24px; }
.program-slide .desc b { display: block; color: #333; font-size: 20px; line-height: 1.2; }
.program-slide .desc p { margin: 8px 0 14px; color: #777; font-size: 18px; font-weight: 500; line-height: 1.5556; } 
.program-slide .desc .tag { display: flex; grid-column-gap: 8px; } 
.program-slide .desc .tag li { padding: 0 14px; background: #fff; color: #999; font-size: 12px; line-height: 2.5; font-weight: 500; border: 1px solid #ddd; border-radius: 100px; } 
.program-list .swiper-scrollbar { bottom: -50px; left: 0; width: 648px; background: #ddd; }
.swiper-scrollbar-drag { max-width: 80%; background: #000; } 

/* teacher */
.teacher { padding: 180px 0; }
.teacher .bg { width: 100%; margin: 50px auto 120px; }
.teacher .bg ul { display: flex; grid-column-gap: 60px; }
.teacher .bg ul li { display: flex; justify-content: center; align-items: center; width: calc(33.33% - 40px); }
.teacher .bg ul li img { height: 100%; }
.teacher .bg ul li:nth-of-type(1) { border-radius: 0 14px 14px; } 
.teacher .bg ul li:nth-of-type(2) { border-radius: 14px; } 
.teacher .bg ul li:nth-of-type(3) { border-radius: 14px 0 0 14px; }
.teacher-slide-wrap { position: relative; width: 100%; max-width: 1196px; margin: 0 auto;  overflow: hidden; }  
.teacher-slide-wrap > p { margin-bottom: 32px; color: #333; font-size: 32px; line-height: 1.375; font-weight: 700; }
.teacher-slide .slide-inner { display: flex; flex-direction: column; }
.teacher-slide .slide-inner .locate { margin: 20px 0 6px; color: #1A73E8; font-size: 16px; line-height: 1.2; font-weight: 600; text-align: center; }
.teacher-slide .slide-inner .name { color: #333; font-size: 20px; line-height: 1.2; font-weight: 700; text-align: center; } 
.teacher-slide-prev, .teacher-slide-next { transform: translateY(0); }


/* service */
.service { padding: 120px 0; background: #F0F4FC; }
.service .tab-list-wrap { width: 344px; height: 84px; margin: 0 auto; padding: 10px; background: #fff; border-radius: 84px; }
.service .tab-list { display: flex; align-items: center; grid-column-gap: 10px; }
.service .tab-list li { display: flex; } 
.service .tab-list li a { width: 100%; padding: 20px 30px; background: #F3F3F3; color: #999; font-size: 20px; line-height: 1.2; font-weight: 700; border: 1px solid #ddd; border-radius: 64px; }
.service .tab-list li a.on { background: #1A73E8; color: #fff; border: 1px solid #1A73E8 } 

.service .thum-list { display: none; width: 100%; max-width: 1196px; margin: 0 auto; }
.service .thum-list.thum-list.on { display: block; }
.service .thum-list h4 { margin: 30px auto 0; color: #333; font-size: 44px; line-height: 1.2; text-align: center; }
.service .thum-list h4 em { color: #1A73E8; font-weight: 700; }
.service .thum-list #map { width: 100%; height: 396px; margin: 50px auto 32px; }
.service .thum-list ul { display: flex; grid-column-gap: 32px; margin: 0 auto 40px; }
.service .thum-list ul li { display: flex; flex-direction: column; align-items: center; width: calc(33.33% - 21.33px);  background: #fff; padding: 31px 0; border-radius: 14px; border: 2px solid #ddd; } 
.service .thum-list ul li i { margin-bottom: 18px; width: 80px; height: 80px; }
.service .thum-list ul li p { color: #777; font-size: 20px;  font-weight: 500;  line-height: 30px; letter-spacing: -0.03em; text-align: center; }
.service .thum-list ul li p em { display: inline-block; color: #333; font-size: 20px;  font-weight: 700;  line-height: 30px; }

.service .btn-wrap { display: flex; justify-content: center; grid-column-gap: 24px; }
.service .btn-wrap a { display: flex; justify-content: center; align-items: center; grid-column-gap: 10px; padding: 20px 30px; color: #fff; font-size: 20px; line-height: 1.2; font-weight: 700; border-radius: 64px; } 
.service .btn-wrap a:nth-of-type(1) { background: #1A73E8; } 
.service .btn-wrap a:nth-of-type(1)::after { display: block; content:''; clear: both; width: 24px; height: 24px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="%23fff" d="M17.153 15.094h-1.084l-.385-.37a8.88 8.88 0 0 0 2.155-5.805A8.92 8.92 0 0 0 8.919 0 8.92 8.92 0 0 0 0 8.92a8.92 8.92 0 0 0 8.92 8.919c2.209 0 4.24-.81 5.804-2.155l.37.385v1.084L21.955 24 24 21.955l-6.847-6.86Zm-8.234 0A6.167 6.167 0 0 1 2.744 8.92 6.167 6.167 0 0 1 8.92 2.744a6.167 6.167 0 0 1 6.175 6.175 6.167 6.167 0 0 1-6.175 6.175Z"/></svg>')no-repeat center; }
.service .btn-wrap a:nth-of-type(2) { background: #555; } 
.service .btn-wrap a:nth-of-type(2)::after { display: block; content:''; clear: both; width: 12px; height: 12px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="18" fill="none"><path fill="%23fff" fill-rule="evenodd" d="m.787 15.788 1.697 1.697 6.788-6.788 1.697-1.696V9L9.272 7.303 2.484.515.787 2.212 7.575 9 .787 15.788Z" clip-rule="evenodd"/></svg>')no-repeat center; }