@charset "euc-kr";

@import url('https://webfontworld.github.io/pretendard/Pretendard.css');
@font-face {font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal;}

/*reset*/
img {
    border:0;
}
button,html [type=button],[type=reset],[type=submit] {
    -webkit-appearance:none;
}
button,select {
    text-transform:none;
}
button,input {
    overflow:hidden;
}
button:focus {
    outline:none;
}
a,div {
    -webkit-tap-highlight-color:transparent;
}
.web {
    min-width: 1300px;
}

/*font*/
@font-face {
    font-family: "GmarketSans";
    src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff")
        format("woff");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "GmarketSans";
    src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff")
        format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "GmarketSans";
    src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff")
        format("woff");
    font-weight: bold;
    font-style: normal;
}


/* common */
body{caret-color: transparent;} /* ½Ã½ºÅÛÆùÆ®¿¡ ±ôºýÀÓ ¾ø¾Ú */
.pc_inner {position:relative; max-width: 1200px;margin: 0 auto;display: flex; flex-direction: column;align-items: center;}
.swiper-button-next:after,
.swiper-button-prev:after{display:none;}

/* visual */
.visual{background:#d6e7e7 url(images/visual_bg.png) no-repeat center top; padding:100px 0 60px;}
.visual .dec{margin:34px 0 0;}
.visual .slider { width:1650px; height:330px; margin:50px 0 0; overflow:hidden;}
.visual .slider .swiper-slide{width:517px; height:330px; background-size: cover; background-repeat: no-repeat; background-position: center; flex-shrink: 0;opacity:.5; transition:all .3s;}
.visual .slider .swiper-slide.on{opacity:1;}
.visual .visual_btn{margin:50px 0 0; background: url(images/visual_btn.png) no-repeat; width:572px; height:133px; text-indent:-9999em;}
.visual .period{position:absolute; left:50%; top:327px; transform:translateX(-50%); pointer-events:none; z-index:2;}

/* catch_math */
.catch_math{background:linear-gradient(180deg,rgba(168, 222, 255, 1) 0%, rgba(223, 255, 211, 1) 100%); text-align:center;}
.catch_math .pc_inner{padding:100px 0;}
.catch_math .pc_inner .tit{margin-bottom:24px;}
.catch_math .pc_inner .flip_wrap {display:flex; flex-wrap:wrap; justify-content:center; gap:30px 21px; perspective:1200px;}
.catch_math .pc_inner .flip_card {width:300px; height:350px; perspective:1200px;}
.catch_math .pc_inner .flip_card_inner {position:relative; width:100%; height:100%; transform-style:preserve-3d; transition:transform 0.8s ease;}
.catch_math .pc_inner .flip_card_front,
.catch_math .pc_inner .flip_card_back {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:20px; backface-visibility:hidden; -webkit-backface-visibility:hidden; display:flex; align-items:center; justify-content:center; font-size:24px; font-weight:700;}
.catch_math .pc_inner .flip_card_back {transform:rotateY(180deg);}
.catch_math.active .flip_card:nth-child(1) .flip_card_inner {transform:rotateY(180deg); transition-delay:0s;}
.catch_math.active .flip_card:nth-child(2) .flip_card_inner {transform:rotateY(180deg); transition-delay:0.3s;}
.catch_math.active .flip_card:nth-child(3) .flip_card_inner {transform:rotateY(180deg); transition-delay:0.6s;}
.catch_math.active .flip_card:nth-child(4) .flip_card_inner {transform:rotateY(180deg); transition-delay:0.9s;}
.catch_math.active .flip_card:nth-child(5) .flip_card_inner {transform:rotateY(180deg); transition-delay:1.2s;}

/* know_how */
.know_how{background:#0d0a1e url(images/know_how_bg.png) no-repeat center top; padding:100px 0; position:relative; z-index:12;}
.know_how .cont1{margin:40px 0 0;}
.know_how .band{margin:30px 0 0; display:flex; gap:30px;}
.know_how .cont1{position:relative; display: flex; flex-direction: column;align-items: center;}
.know_how .cont1 .book_rolling {position: absolute;top: 0;left: 50%;transform: translate(94px, 0); height: 449px;overflow: hidden;display: flex;gap: 22px;}
.know_how .cont1 .book_rolling ul {position: relative; font-size:0;-webkit-backface-visibility: hidden;animation-duration: 10s;animation-fill-mode: both;animation-iteration-count: infinite;animation-timing-function: linear;display: flex;flex-direction: column;gap: 25px;}
.know_how .cont1 .book_rolling .book_list1 {animation-name: knowHow_rolling1;}
.know_how .cont1 .book_rolling .book_list2 {animation-name: knowHow_rolling2;top: -1077px;animation-duration: 11s;}
.know_how .cont1 .book_rolling .book_list3 {animation-name: knowHow_rolling3;}

/* ai_evaluation */
.ai_evaluation{background:url(images/aiEvaluation_bg.png) center top no-repeat; text-align:center;}
.ai_evaluation .pc_inner{padding:100px 0; text-align:center;}
.ai_evaluation .pc_inner .tit{margin-bottom:60px;}
.ai_evaluation .pc_inner .con{position:relative; width:1200px; margin-bottom:60px;}
.ai_evaluation .pc_inner .con .fade{position:absolute; top:50%; right:20px; width:543px; margin-top:-163px;}

/* confirm */
.confirm{background:#A8EEE9;}
.confirm .pc_inner{padding:100px 0;}
.confirm .pc_inner .con{display:flex; flex-wrap:wrap; gap:45px;}
.confirm .pc_inner .con > div{width:577px; border-radius:20px; box-shadow:0 4px 10px 0 rgba(130,226,219,.8);}

/* real_math */
.real_math{position:relative; z-index:2; background:#e5e5f1; padding:0 0 100px;}
.real_math .cont{margin:50px 0 0;}
.real_math .gif{position:absolute;}
.real_math .gif.s1{left:-5px; top:1075px;}
.real_math .gif.s2{left:300px; top:1075px;}
.real_math .gif.s3{left:300px; top:1550px;}

/* master_perfection */
.master_perfection_visual{position:relative; z-index:2; background:#31403f url(images/master_perfection_visual_bg.png) no-repeat center top; padding:0 0 95px;}
.master_perfection_visual .txt{margin:50px 0 0;}
.master_perfection_visual .anchor_link{position:relative; margin:30px 0 0; width:809px; height:784px;}
.master_perfection_visual .anchor_link:after{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); content:''; background: url(images/master_perfection_panda.png) no-repeat; width:137px; height:155px;}
.master_perfection_visual .anchor_link > a{position:absolute; width:305px; height:305px;}
.master_perfection_visual .anchor_link > a span{position:absolute; left:0; top:0; display:block; width:100%; height:100%; transition:all .3s;}
.master_perfection_visual .anchor_link > a:after{position:absolute; right:60px; bottom:20px; content:''; background: url(images/ico_cur1.png) no-repeat; width:64px; height:76px; animation: blinker 2s ease-in-out infinite;}
.master_perfection_visual .anchor_link > a.s1{left:253px; top:0;}
.master_perfection_visual .anchor_link > a.s2{right:0; top:184px;}
.master_perfection_visual .anchor_link > a.s3{right:92px; bottom:0;}
.master_perfection_visual .anchor_link > a.s4{left:92px; bottom:0;}
.master_perfection_visual .anchor_link > a.s5{left:0; top:184px;}
.master_perfection_visual .anchor_link > a.s1 span.off{background: url(images/master_perfection_visual_1.png) no-repeat;}
.master_perfection_visual .anchor_link > a.s2 span.off{background: url(images/master_perfection_visual_2.png) no-repeat;}
.master_perfection_visual .anchor_link > a.s3 span.off{background: url(images/master_perfection_visual_3.png) no-repeat;}
.master_perfection_visual .anchor_link > a.s4 span.off{background: url(images/master_perfection_visual_4.png) no-repeat;}
.master_perfection_visual .anchor_link > a.s5 span.off{background: url(images/master_perfection_visual_5.png) no-repeat;}
.master_perfection_visual .anchor_link > a.s1 span.on{background: url(images/master_perfection_visual_1_on.png) no-repeat;}
.master_perfection_visual .anchor_link > a.s2 span.on{background: url(images/master_perfection_visual_2_on.png) no-repeat;}
.master_perfection_visual .anchor_link > a.s3 span.on{background: url(images/master_perfection_visual_3_on.png) no-repeat;}
.master_perfection_visual .anchor_link > a.s4 span.on{background: url(images/master_perfection_visual_4_on.png) no-repeat;}
.master_perfection_visual .anchor_link > a.s5 span.on{background: url(images/master_perfection_visual_5_on.png) no-repeat;}
.master_perfection_visual .anchor_link > a span.off{opacity:1;}
.master_perfection_visual .anchor_link > a span.on{opacity:0; transform:scale(.8);}
.master_perfection_visual .anchor_link > a:hover span.off{opacity:0; transform:scale(.8);}
.master_perfection_visual .anchor_link > a:hover span.on{opacity:1; transform:scale(1);}
.master_perfection_visual .anchor_link > a:hover:after{opacity:0;}
.master_perfection_cont{background:#e6f3f2;}
.master_perfection_cont .ab{position:absolute; border-radius:24px;}
.master_perfection_cont .ab.s1{left:301px; top:932px;}
.master_perfection_cont .ab.s2{left:607px; top:932px;}
.master_perfection_cont .ab.s3{left:912px; top:932px;}
.master_perfection_cont .ab.s4{left:199px; top:1535px; width:394px;}
.master_perfection_cont .ab.s5{left:607px; top:1535px; width:394px;}
.master_perfection_cont .ab.s6{left:199px; top:2149px; width:394px;}
.master_perfection_cont .ab.s7{left:607px; top:2149px; width:394px;}
.master_perfection_cont .ab.s8{left:199px; top:2793px; width:394px;}
.master_perfection_cont .ab.s9{left:607px; top:2793px; width:394px;}
.master_perfection_cont .section2{position:absolute; left:0; top:1215px; width:100%; text-indent:-9999em;}
.master_perfection_cont .section3{position:absolute; left:0; top:2460px; width:100%; text-indent:-9999em;}
.master_perfection_cont .section4{position:absolute; left:0; top:1808px; width:100%; text-indent:-9999em;}
.master_perfection_cont .section5{position:absolute; left:0; top:598px; width:100%; text-indent:-9999em;}

/* one_skills */
.one_skills{position:relative; z-index:2; background:#353a45;}
.one_skills .one_skills_2{position:relative;}
.one_skills .one_skills_2 .ab{position:absolute; border-radius:24px;}
.one_skills .one_skills_2 .ab.s1{left:0; top:303px;}
.one_skills .one_skills_2 .ab.s2{left:307px; top:303px;}
.one_skills .one_skills_2 .ab.s3{left:612px; top:303px;}
.one_skills .one_skills_2 .ab.s4{left:910px; top:303px;}

/* linked_learning */
.linked_learning{background:#fff8f8;}

/* only_industry */
.only_industry{background:#EAF6FF; padding:100px 0;}
.only_industry .tab{display:flex; justify-content:center; gap:12px; margin:80px 0 70px;}
.only_industry .tab button{background:none; border:none; font-family:'Pretendard'; font-size:34px; width:276px; height:84px; color:#8F92AE; background:#C1C3D8; font-weight:600; border-radius:20px; letter-spacing:-1px; transition:all .3s;}
.only_industry .tab button.active{background:#0004DE; color:#fff;}
.only_industry .only_industry_slider{width:1200px; height:731px; margin:40px auto 0;}
.only_industry .only_industry_slider .swiper-slide{width:1200px; height:731px;}
.only_industry .only_industry_slider .swiper-slide img{width:1200px; height:731px; display:block; object-fit:contain;}
.only_industry .only_industry_slider .swiper-slide .video{position:absolute; left:50%; top:231px; transform:translateX(-50%); width:765px; height:500px;}
.only_industry .only_industry_slider .swiper-slide .video iframe{width:100%; height:100%; object-fit:contain;}
.only_industry .only_industry_slider .gif{position:absolute; top:160px; left:50%; width:1200px !important; height:auto !important; transform:translateX(-50%);}
.only_industry.first{background:#EAF6FF url(images/only_industry_bg.png) no-repeat center bottom;}
.only_industry .swiper-slide .tit{width:auto !important; height:auto !important;}
.only_industry .inner_industry_slider{overflow:hidden; margin:50px 0 0 -60px;}
.only_industry .inner_industry_slider img{width:auto !important; height:auto !important;}

/* verified_result */
.verified_result{background: linear-gradient(180deg, #FFDFEE 0%, #FFECB5 100%), #FFFFFF; padding:100px 0;}
.verified_result .cont{margin:60px 0 0;}
.verified_result .btn_view_more{position:relative; display:flex; margin:0 auto; width: 527px; height:100px; background: url(images/verified_result_btn.png) no-repeat 0 0 / contain; text-indent:-9999em;}

/* students_reviews */
.students_reviews{position:relative; z-index:2; background:#353a45; padding:100px 0;}
.students_reviews .slider{width:100%;overflow:hidden; width:1670px; margin:30px 0 0;}
.students_reviews .swiper-slider .swiper-wrapper{margin:0;}
.students_reviews .swiper-slide{position:relative;opacity: 0.35;transition: opacity 0.5s;-ms-transition:opacity 0.5s;}
.students_reviews .swiper-slide.on{opacity:1;}
.students_reviews .swiper-button-prev,
.students_reviews .swiper-button-next{top:63%; background: url(images/btn_slide_arrow.png) 0 0 no-repeat; width:70px; height:70px;}
.students_reviews .swiper-button-prev{left:24%;}
.students_reviews .swiper-button-next{right:24%; transform: scaleX(-1);}

/* competition */
.competition{background:#f2f2f2;}
.competition .list{position:absolute; left:522px; top:361px; display:flex; flex-wrap: wrap; gap:291px 27px; width:660px;}
.competition .list a{width:201px; height:50px; text-indent:-9999em;}

.competition2{background: #d2f0ed;}
.competition2 .slide_wrapper{}
.competition2 .slide{overflow: hidden; position: absolute; width: 387px; height: 222px; border-radius: 25px;}
.competition2 .slide.slide1{bottom: 166px; left: 203px;}
.competition2 .slide.slide2{bottom: 166px; right: 203px;}

/* all_subjects */
.all_subjects{position:relative; z-index:2; padding:100px 0; background:#ba2b2b url(images/all_subjects_bg.png) no-repeat center top;}

/* banner_mathematics_ability */
.banner_mathematics_ability{position:relative; z-index:2; padding:60px 0; height:250px; background:#BDD4DB url(images/banner_mathematics_ability_bg.png) no-repeat center top; overflow:hidden;}












/* ¹«·áüÇè ½Åû °úÁ¤ */
.process_wrap {position: relative; background:#eee;}
.process_wrap .free_btn {position: absolute; top: 353px; left: 50%; width: 530px; transform: translateX(-50%); height: 110px; text-indent: -9999em;}
.process_wrap .top {position: absolute; left: 50%; bottom: 0; width: 170px; display: block; height: 50px; text-indent: -9999em; transform: translateX(-50%);}

/* keyframes */
@keyframes knowHow_rolling1 {
	0% { 
		top:0;
    }
    100% {
		top: -919px;
	}
}
@keyframes knowHow_rolling2 {
	0% {
		top: -1102px;
		}
    100% {
		top: 0;
	}
}
@keyframes knowHow_rolling3 {
	0% { 
		top:0;
    }
    100% {
		top: -919px;
	}
}


/* ±ôºýÀÌ´Â È¿°ú */
@keyframes blinker {
  0%   { opacity: 1; }
  25%  { opacity: 0; }  /* 0.5ÃÊ ÁöÁ¡ */
  50%  { opacity: 1; }  /* 1ÃÊ ÁöÁ¡ */
  100% { opacity: 1; }  /* ³ª¸ÓÁö 1ÃÊ µ¿¾È À¯Áö */
}

/* Àü¹®»ó´ã Àü¿ë ¹«·áüÇè ½Åû ½ºÅ¸ÀÏ ¼öÁ¤ */
.free-trial-apply .title{padding:43px 38px 24px 217px !important;}
.free-trial-apply .title h1{line-height:1.2 !important;}
.free-trial-apply .title h1 span{display:block; font-size:18px; letter-spacing:-1px;}
.free-trial-apply .title h1 strong{display:inline-block !important;}
.free-trial-apply .info span{color:#ed3535;}
.free-trial-apply .button a{color:#fff !important;}
.free-trial-apply .button a span{color:#ffe763;}