@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:500px; height:116px; 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;}
.linked_learning .pc_inner{padding:0 0 60px;}
.linked_learning .pc_inner img+img{margin-top:25px;}

/* only_industry */
.only_industry{background:#EAF6FF; padding:100px 0;}
.only_industry .tab{display:flex; justify-content:center; gap:12px; width:1200px; margin:80px 0 70px;}
.only_industry .tab button{position: relative; overflow:visible; background:none; border:none; font-family:'Pretendard'; font-size:30px; width:276px; height:84px; color:#8F92AE; background:#C1C3D8; font-weight:600; border-radius:20px; letter-spacing:-2px; transition:all .3s;}
.only_industry .tab button:before{content:""; display:block; position: absolute; top:-33px ; left:50%; transform:translateX(-50%); width:100px; height:48px;}
.only_industry .tab button:nth-child(1):before{background:url(images/high_balloon_off.png) 0 0 no-repeat;}
.only_industry .tab button:nth-child(2):before{background:url(images/lower_balloon_off.png) 0 0 no-repeat;}
.only_industry .tab button.active{background:#0004DE; color:#fff;}
.only_industry .tab button.active:nth-child(1):before{background:url(images/high_balloon.png) 0 0 no-repeat;}
.only_industry .tab button.active:nth-child(2):before{background:url(images/lower_balloon.png) 0 0 no-repeat;}
.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 .con{position: relative; margin-top:30px;}
.only_industry .only_industry_slider .swiper-slide .con img{height:auto;}
.only_industry .only_industry_slider .swiper-slide .con .gif{position: absolute; top:9px; left:240px; width:724px !important; transform:inherit}
.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;}

/* contrast */
.contrast{background: linear-gradient(180deg, #FFDFEE 0%, #FFECB5 37%);}
.contrast .pc_inner{padding:100px 0;}
.contrast img+img{margin-top:60px;}

/* 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;}

/* section11 라이브 무체 혜택 영역 */
.section11{padding: 100px 16px; background:#ECF0F8;}
.section11 .tit_wrap{position: relative; text-align: center;}
.section11 .tit_wrap .tit{white-space: nowrap; color: #222; font-size: 50px; font-family: "GmarketSansBold"; text-align: center; line-height: 1.3em;}
.section11 .tit_wrap .tit strong{color: #f20000; font-weight: inherit;}
.section11 .gift_list{counter-reset: gift; display: grid; gap: 30px 30px; grid-template-columns: repeat(6, 1fr); margin-top: 60px;}
.section11 .gift_list .item{position: relative; counter-increment: gift;}

/* 위 2개: 각각 절반씩 */
.section11 .gift_list .item:nth-child(1),
.section11 .gift_list .item:nth-child(2) {
  grid-column: span 3;
}

/* 아래 3개: 각각 1/3씩 */
.section11 .gift_list .item:nth-child(3),
.section11 .gift_list .item:nth-child(4),
.section11 .gift_list .item:nth-child(5) {
  grid-column: span 2;
}

.section11 .gift_list .item::before { content: '혜택 ' counter(gift); position: absolute; top: 0; left: 0; z-index: 2; padding: 0.6em 1.2em 0.4em; background: #292a4c; color: #fff; font-size: 23px; font-family: 'GmarketSansBold'; border-radius: 2em 2em 2em 0; line-height: 1em;}
.section11 .gift_list .item div { overflow: hidden; position: relative; border-radius: 40px; }
.section11 .gift_list .item div::before { content: ''; position: absolute; inset: 0; padding: 1px; border-radius: 40px; background: linear-gradient(135deg, rgba(165, 179, 209, 0.6), rgba(165, 179, 209, 0.6)); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; pointer-events: none; transition: padding 0.3s, background 0.3s;}
.section11 .gift_list .item.on div::before{padding: 4px; background: linear-gradient(135deg, #ffcc00 0%, #ff4343 33%, #c355f2 64%);}
.section11 .gift_list .item img{max-width: 100%;}
.section11 .device_select{display: grid; grid-template-columns: 1fr 1fr; gap: 0 30px; width:100%; height: 289px; margin-top: 40px;}
.section11 .device_select div{border-radius: 40px; transition: box-shadow 0.5s;}
.section11 .device_select div:first-child{background: url(images/sec11_select01.png) no-repeat 0 0 / cover; box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.2);}
.section11 .device_select div:nth-child(2){background: url(images/sec11_select02.png) no-repeat 100% 0 / cover;}
.section11 .device_select.on div:nth-child(2){}
.section11 .device_select.on div:first-child{background-position-x: 100%; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);}
.section11 .device_select.on div:nth-child(2){background-position-x: 0%; box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.2);}
.section11 .notice_wrap{width:100%; margin-top: 60px;}
.section11 .notice_wrap .tit{display: flex; align-items: center; justify-content: center; padding: 0.5em 0; background: rgba(0, 0, 0, 0.4); color: #fff; font-size: 28px; border-radius: 2em;}
.section11 .notice_wrap .tit span{position: relative; padding-right: 1.5em;}
.section11 .notice_wrap .tit span::before{content: ''; position: absolute; top: calc(50% - 15px); right: 0; transform: rotate(180deg); width: 30px; height: 30px; background: url(images/sec11_tit_icon01.png) no-repeat 0 0 / contain; transition: transform 0.35s;}
.section11 .notice_wrap .tit.on span::before{transform: rotate(0deg);}
.section11 .notice_wrap .cont{padding: 50px; color: #626262; word-break: keep-all; background: #fff; border-radius: 40px;}
.section11 .notice_wrap .cont p{margin-top: 1em; font-size: 20px; font-weight: 600;}
.section11 .notice_wrap .cont p:first-child{margin-top: 0;}
.section11 .notice_wrap .cont ul{margin-top: 20px;}
.section11 .notice_wrap .cont ul li{position: relative; padding-left: 14px; font-size: 16px;}
.section11 .notice_wrap .cont ul li::before{content: ''; position: absolute; top: calc(16px*1.5/2 - 3px); left: 0; width: 6px; height: 6px; background: #626262; border-radius: 50%;}
.section11 .notice_wrap .cont ul li + li{margin-top: 6px;}
.section11 .notice_wrap .cont div{padding-left: 9px;}

/* 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;}

/* 무료체험 신청 과정 */
.info .tit_wrap{white-space: nowrap; padding: 60px 24px; background: #f20000; text-align: center;}
.info .tit_wrap .sub_tit{color: #fff; font-size: 40px; font-weight: 700;}
.info .tit_wrap .main_tit{margin-top: 20px; color: #fff; font-size: 60px; font-family: 'GmarketSansBold'; line-height: 1.2em;}
.info .tit_wrap strong{color: #fff365; font-weight: inherit;}
.info .tit_wrap .apply_btn{display: block; padding: 0.5em 2em; margin-top: 30px; background: #222; color: #fff; font-size: 32px; font-weight: 700; border-radius: 2em; box-shadow: 0 20px 30px 0 rgba(160, 0, 0, 0.5);}
.info .notice_wrap{padding: 50px 24px; margin-top: 0; background: #b3b3b3;}
.info .notice_wrap .notice_tit{position: relative; padding-left: 1.2em; margin-right:auto; color: #000; font-size: 30px; font-weight: 700;}
.info .notice_wrap .notice_tit::before{content: ''; position: absolute; top: calc(1em*1.5/2 - 0.5em); left: 0; width: 1em; height: 1em; background: url(images/notice_icon.png) no-repeat 0 0 / contain;}
.info .notice_wrap .tit{display: flex; align-items: center; justify-content: center; padding: 0.5em 0; background: rgba(0, 0, 0, 0.4); color: #fff; font-size: 28px; border-radius: 2em;}
.info .notice_wrap .tit span{position: relative; padding-right: 1.5em;}
.info .notice_wrap .tit span::before{content: ''; position: absolute; top: calc(50% - 15px); right: 0; transform: rotate(180deg); width: 30px; height: 30px; background: url(images/sec09_tit_icon01.png) no-repeat 0 0 / contain; transition: transform 0.35s;}
.info .notice_wrap .tit.on span::before{transform: rotate(0deg);}
.info .notice_wrap .cont{padding-top: 14px; color: #626262; word-break: keep-all;}
.info .notice_wrap .cont ul{margin-top: 20px;}
.info .notice_wrap .cont ul li{position: relative; padding-left: 14px; font-size:20px;}
.info .notice_wrap .cont ul li::before{content: ''; position: absolute; top: calc(20px*1.5/2 - 3px); left: 0; width: 6px; height: 6px; background: #626262; border-radius: 50%;}
.info .notice_wrap .cont ul li + li{margin-top: 6px;}
.info .notice_wrap .cont p{margin-top: 1em; font-size: 20px; font-weight: 600;}
.info .notice_wrap .cont div{padding-left: 9px;}

/* 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;}