@charset="euc-kr";

/* webfont */
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Pretendard-Bold";
    src: url("https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff")
      format("woff");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-3Light';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "SCoreDream";
    font-weight: 900;
    font-display: swap;
    src: local("SCDream9"), url("https://cdn.jsdelivr.net/gh/ungveloper/web-fonts/fonts/woff2/SCDream9.woff2") format("woff2"),
      url("https://cdn.jsdelivr.net/gh/ungveloper/web-fonts/fonts/woff/SCDream9.woff") format("woff");
}
@font-face {
    font-family: 'S-CoreDream-9Black';
    src: url('https://cdn.jsdelivr.net/gh/wizfile/font/S-CoreDream-9Black.eot');
    src:url('https://cdn.jsdelivr.net/gh/wizfile/font/S-CoreDream-9Black.woff') format('woff');
    font-style: normal;
}

/* °ψΕλ */
#wrapper{overflow:hidden; min-width:1300px; width:auto; margin:0 auto; text-align:center;}
#wrapper .mask{position:relative; width:1200px; margin:0 auto;}
#wrapper .thumb{position:relative; left:50%; transform:translateX(-50%);}
#wrapper .swiper-button-prev:after,
#wrapper .swiper-button-next:after{display:none;}

/* visual */
.visual{background:#162046;}
.visual .txt{position:absolute; left:0; top:120px;}

/* phobia_1 */
.phobia_1{background:#020202;}
.phobia_1 .img{position:absolute;}
.phobia_1 .img.a1{left:42px; top:411px; z-index:3;}
.phobia_1 .img.a2{left:233px; top:574px; z-index:1;}
.phobia_1 .img.a3{left:95px; top:735px; z-index:2;}
.phobia_2{background:#fff;}
.phobia_2 .list{position:absolute; left:0; top:296px; display:flex; gap:30px;}

/* strategies1 */
.strategies1_tit{background:#4167cd;}

/* strategies2 */
.strategies2 .strategies2_tit{background:url(img/strategies/strategies2_tit_bg.png) repeat-x;}
.strategies2 .step_tit{margin:50px 0 0; font-size:50px; font-family: 'Pretendard-Regular'; color:#000; font-weight:700; display:flex; gap:20px; justify-content: center; align-items: center;}
.strategies2 .step_tit:not(:first-child){margin:100px 0 0;}
.strategies2 .step_tit span{color:#fff; font-size:30px; background:#000; padding:10px 30px; border-radius:15px;}
.strategies2 .strategies2_cont{padding:0 0 100px;}
.strategies2 .strategies2_cont_step1{margin:30px 0 0; border:1px solid #171728; display:flex; height:650px;}
.strategies2 .strategies2_cont_step1 .tab{display:flex; flex-direction: column; width:160px;}
.strategies2 .strategies2_cont_step1 .tab > button{flex:1; background:#F3F3F3; color:#171728; font-size:28px; letter-spacing:-1px; font-weight:700;}
.strategies2 .strategies2_cont_step1 .tab > button.on{color:#fff; background:#C5172E;}
.strategies2 .strategies2_cont_step1 .cont{width:calc(100% - 160px); overflow:hidden;}
.strategies2 .strategies2_cont_step1 .cont .cont_box{display:flex; gap:60px; overflow:hidden;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .book_area{padding:60px 0 0 50px;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .book_area .book{position:relative; display:flex; align-items: center; justify-content: center; width:299px; height:414px; flex-wrap: wrap; border:1px solid #cbcbcb;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .book_area .book > img{width:100%;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .book_area .book > img:not(:first-child){margin:12px 0 0;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .book_area .e_book{background:#000; color:#fff; font-size:24px; width:100%; height:56px; margin:10px 0 0; font-family: 'Pretendard-Regular';}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area{position:relative; width:570px;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .book_tit{background:#cb2240; font-size:120px; font-family: 'S-CoreDream-9Black'; font-weight:900; border-top-left-radius:50px; border-top-right-radius:50px; width:530px; margin:53px auto 0; padding:35px 0; color:#b8243e; line-height:1; height:190px;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .group{position:relative; margin:-50px 0 0;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .group .teacher{position: relative;left:50%;width:100%; height:0; top:0;transform:translateX(-50%);z-index: 3;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .group .teacher .t_thumb{position:absolute;left:50%;top: -177px;transform:translateX(-50%); width:312px;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .group .teacher:after{position:absolute;left:0;bottom: -239px;content:'';background: linear-gradient(180deg, rgb(0 0 0 / 0%) 3%, #171728 35%);width:100%;height: 170px;opacity: 1;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .group .teacher:before{position:absolute;left:0;top:0px;content:'';background: url(img/strategies/teacher_bg_line.png) no-repeat 0 0 / 100%;width:100%;height: 382px;z-index: 1; border-radius: 50px;overflow: hidden;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .group .teacher .home{position:absolute;left:50%;top:65px;transform:translateX(-50%);color:#fff;font-size:20px;background:#171728 url(img/strategies/ico_home.png) no-repeat right 17px center / 17px;padding:10px 41px 10px 16px;border-radius:30px;z-index: 999;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .group .teacher .new{position:absolute; right:160px; top:-18px; width:74px; height:74px; border-radius:100%; background: linear-gradient(135deg, #FFFFFF 0%, #FCFFAC 100%); border: 1px solid #171728; color:#171728; display:flex; font-size:20px; font-family: 'Pretendard-Regular'; line-height:1.2; font-weight:700; align-items: center; justify-content: center; z-index:3;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .group .teacher .open{position:absolute; left:160px; top:-41px; width:74px; height:74px; border-radius:100%; background: linear-gradient(135deg, #FFFFFF 0%, #FCFFAC 100%); border: 1px solid #171728; color:#171728; display:flex; font-size:20px; font-family: 'Pretendard-Regular'; line-height:1.2; font-weight:700; align-items: center; justify-content: center; z-index:3;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .group .words{position:relative; background:#171728; width:100%;height:381px;margin:3px 0 0; border-radius:50px; position: relative; padding:150px 40px 0; overflow:hidden;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .group .words .txt{position:relative; font-size:42px; color:#fff; font-family: 'Pretendard-Regular'; z-index:3; height:135px; line-height:1.3;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .group .words .txt strong{font-family: "Pretendard-Bold";}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .group .words .btn_view{position:absolute; left:50%; bottom:40px; transform:translateX(-50%); background:#cb2f42; color:#fff; font-size:24px; border-radius:30px; width:90%; padding:12px 0; font-family: 'Pretendard-Regular'; z-index:3;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .group .words .disable{position:absolute; left:50%; bottom:40px; transform:translateX(-50%); background:linear-gradient(90deg, rgba(220,230,242,1) 0%, rgba(214,229,248,1) 100%); color:#352C7B; font-size:24px; border-radius:30px; width:90%; padding:12px 0; font-family: 'Pretendard-Bold'; z-index:3;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .swiper-button-prev, 
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .swiper-button-next{top:66%; width:56px; height:56px; background:url(img/strategies/btn_arrow_left.png) no-repeat;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .slider{width:570px;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .swiper-button-prev{left:-30px;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .swiper-button-next{right:-30px; transform:scale(-1);}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .swiper-slide{opacity:0 !important;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .swiper-slide-active{opacity:1 !important;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .swiper-slide .t_thumb{left:55% !important; opacity:0; transition:all .5s ease-in-out;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .swiper-slide-active .t_thumb{left:50% !important; opacity:1;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .swiper-slide .words .txt{opacity:0; margin:10px 0 0; transition:all .3s ease-in-out;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .swiper-slide .words .txt strong{position:relative; bottom:-5px; opacity:0; transition:all .3s ease-in-out .1s;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .swiper-slide-active .words .txt{opacity:1; margin:0 0 0;}
.strategies2 .strategies2_cont_step1 .cont .cont_box .teacher_area .swiper-slide-active .words .txt strong{opacity:1; bottom:0}


.strategies2 .book_tab{display:flex; width:100%; height:124px; margin:40px 0 0;}
.strategies2 .book_tab > button{flex:1; background:#BABABA; color:#909090; font-size:30px; font-family: 'Pretendard-Regular'; line-height:1.2; font-weight:700;}
.strategies2 .book_tab > button:not(:first-child){border-left:1px solid #fff;}
.strategies2 .book_tab > button.on{background:#171728; color:#fff;}

/* team_math */
.team_math_tit{background:#00a894;}

/* math_banner */
.math_banner{background:#001b4a;}

/* lectureList */
#lectureList{margin:0 auto; width:1200px;}

/* floating */
.floating{position:fixed; top:50%; right:1%; z-index:100;}
.floating.remove{position:absolute; top:50%; right:1%;}
.floatingUi{position:fixed; top:50%; right:5vw; transform:translateY(-50%); width:168px; z-index:20; text-align:left; opacity:0; transition:.3s opacity;}
.floatingUi.onFixdmenu{opacity:1;}
.floatingUi ul{overflow:hidden; background:#fff; border-radius:12px; border:1px solid #121212;}
.floatingUi ul li:not(:first-child){border-top:1px dashed #d0d0d0;}
.floatingUi ul li a{display:block; position:relative; height:50px; padding:0 0 0 70px; background:#fff; font-weight:300; font-size:18px; color:#000; line-height:48px; font-weight:500;}
.floatingUi ul li a:before{content:""; display:block; position:absolute; top:50%; right:10px; transform:translateY(-50%); width:6px; height:10px; background:url(img/nav_arr.png) 0 0 no-repeat;}
.floatingUi ul li.on a{background:#121212; font-weight:700; color:#fff;}
.floatingUi ul li.on a:before{background-position:0 -10px;}
.floatingUi > a{display:block; position:relative; width:100%; height:56px; margin:10px auto 0 auto; background:#203788; border:1px solid #000; border-radius:12px; font-weight:700; font-size:18px; color:#fff; line-height:54px; padding:0 0 0 36px;}
.floatingUi > a:before{content:""; display:block; position:absolute; top:50%; right:10px; transform:translateY(-50%); width:6px; height:10px; background:url(img/nav_arr.png) 0 -10px no-repeat;}