@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");

/*======================================
  리딩오션스 - 7일 무료체험
======================================*/
.readingoceans .contents_wrap{width:1020px;margin:0 auto;}
.readingoceans .mo{display:none;}
.readingoceans .intro .top{text-align:center;background:#78cef5 url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/event/readingoceans/bg_intro.webp") 50% 50% / cover no-repeat;padding:60px 0 55px;}
.readingoceans .intro .top .txt img{width:500px;}
.readingoceans .intro .top .tit{margin:22px 0 30px;}
.readingoceans .intro .top .tit img{width:632px;}
.readingoceans .intro .top .btn_apply{display:inline-block;}
.readingoceans .intro .bot{height:80px;background:#0073b5;padding:18px 0;}
.readingoceans .intro .bot .info{text-align:center;font-size:0;}
.readingoceans .intro .bot .item{display:inline-block;}
.readingoceans .intro .bot .item > div{display:inline-block;vertical-align:top;}
.readingoceans .intro .bot .item + .item{margin-left:120px;}
.readingoceans .intro .bot .item .tit{width:120px;height:44px;line-height:48px;font-size:26px;font-weight:600;color:#fff;text-align:center;border-radius:22px;background:#3895ca;overflow:hidden;}
.readingoceans .intro .bot .item .txt{font-size:32px;color:#fff;line-height:48px;margin-left:15px;}
.readingoceans .step_box{text-align:center;background:#f5f5f5;padding:78px 0 100px;}
.readingoceans .step_box .step{margin-top:50px;}
.readingoceans .step_box .step img{width:992px;}
.readingoceans .banner{position:relative;text-align:center;background:#fc7500;padding:38px 0;}
.readingoceans .banner:after{position:absolute;bottom:-26px;left:calc(50% - 29.5px);content:"";display:block;width:59px;height:36px;background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/event/readingoceans/banner_triangle.webp") 0 0 / 100% 100% no-repeat;}
.readingoceans .banner .txt{position:relative;display:inline-block;padding-right:130px;}
.readingoceans .banner .txt:after{position:absolute;bottom:-38px;right:0;content:"";display:block;width:117px;height:88px;background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/event/readingoceans/banner_icon.webp") 0 0 / 100% 100% no-repeat;}
.readingoceans .youtube_box{text-align:center;background:#f5d203 url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/event/readingoceans/bg_youtube.webp") 0 0 / cover no-repeat;padding-top:85px;}
.readingoceans .youtube_box .youtube{width:1296px;height:630px;background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/event/readingoceans/youtube.webp") 0 0 / cover no-repeat;margin:30px auto 0;padding:36px 220px 112px;}
.readingoceans .youtube_box .youtube .box{position:relative;width:100%;height:auto;padding-top:56.25%;border-radius:10px;overflow:hidden;}
.readingoceans .youtube_box .youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.readingoceans .guide{text-align:center;background:#f5f5f5;padding:40px 0 110px;}
.readingoceans .guide .tit img{width:239px;}
.readingoceans .guide .txt_list{display:inline-block;text-align:center;margin-top:24px;}
.readingoceans .guide .txt_list li{position:relative;font-size:16px;color:#33333e;text-align:left;padding-left:12px;}
.readingoceans .guide .txt_list li:before{position:absolute;top:6px;left:0;content:"";display:block;width:7px;height:7px;background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/event/readingoceans/icon_txt_list.webp") 0 0 / 100% 100% no-repeat;}
.readingoceans .guide .txt_list li + li{margin-top:5px;}
@media screen and (max-width:1280px){
.readingoceans .contents_wrap{width:100%;padding:0 32px;}
.readingoceans .intro .top{background-image:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/event/readingoceans/t_bg_intro.webp");padding:48px 0 46px;}
.readingoceans .intro .top .txt img{width:540px;}
.readingoceans .intro .top .tit{margin:30px 0 20px;}
.readingoceans .intro .top .tit img{width:672px;}
.readingoceans .intro .top .btn_apply img{width:440px;}
.readingoceans .step_box .step img{width:992px;}
.readingoceans .youtube_box{background-image:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/event/readingoceans/t_bg_youtube.webp");}
.readingoceans .youtube_box .youtube{width:100%;height:auto;background-image:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/event/readingoceans/t_youtube.webp");padding:3.2vw 11.5vw 10vw;}
.readingoceans .guide{padding-top:52px;}
.readingoceans .guide .tit img{width:273px;}
.readingoceans .guide .txt_list{margin-top:28px;}
.readingoceans .guide .txt_list li{font-size:18px;padding-left:17px;}
.readingoceans .guide .txt_list li:before{width:9px;height:9px;}
}
@media screen and (max-width:1024px){
.readingoceans .intro .bot{height:76px;}
.readingoceans .intro .bot .item + .item{margin-left:70px;}
.readingoceans .intro .bot .item .tit{width:95px;height:40px;line-height:44px;font-size:22px;border-radius:20px;}
.readingoceans .intro .bot .item .txt{font-size:26px;line-height:46px;}
.readingoceans .step_box .step img{width:100%;}
}
@media screen and (max-width:1000px) and (orientation: landscape){
.readingoceans .intro .top{padding:15px 0;}
.readingoceans .intro .top .txt img{width:240px;}
.readingoceans .intro .top .tit{margin:20px 0 15px;}
.readingoceans .intro .top .tit img{width:372px;}
.readingoceans .intro .top .btn_apply img{width:230px;}
.readingoceans .intro .bot{height:50px;padding:10px 0;}
.readingoceans .intro .bot .item .tit{width:75px;height:30px;line-height:34px;font-size:18px;}
.readingoceans .intro .bot .item .txt{font-size:18px;line-height:34px;}
.readingoceans .step_box{padding:40px 0 60px;}
.readingoceans .step_box .tit img{width:290px;}
.readingoceans .step_box .step{margin-top:30px;}
.readingoceans .banner{padding:25px 0;}
.readingoceans .banner:after{bottom:-17px;left:calc(50% - 25px);width:50px;height:27px;}
.readingoceans .banner .txt{padding-right:100px;}
.readingoceans .banner .txt:after{bottom:-25px;width:90px;height:67px;}
.readingoceans .banner .txt img{width:400px;}
.readingoceans .youtube_box{padding-top:65px;}
.readingoceans .youtube_box .tit img{width:500px;}
.readingoceans .youtube_box .youtube{margin-top:25px;}
.readingoceans .guide{padding:35px 0 70px;}
.readingoceans .guide .tit img{width:220px;}
.readingoceans .guide .txt_list{margin-top:15px;}
.readingoceans .guide .txt_list li{font-size:15px;padding-left:15px;}
.readingoceans .guide .txt_list li:before{width:7px;height:7px;}
}
@media screen and (max-width:767px) and (orientation: portrait){
.readingoceans .contents_wrap{padding:0 20px;}
.readingoceans .pc{display:none;}
.readingoceans .mo{display:inline-block;}
.readingoceans .intro .top{background-image:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/event/readingoceans/m_bg_intro.webp");background-position:0 0;padding:15px 0 25px;}
.readingoceans .intro .top .txt img{width:180px;}
.readingoceans .intro .top .tit{margin:17.5px 0 14.5px;}
.readingoceans .intro .top .tit img{width:296px;}
.readingoceans .intro .top .btn_apply img{width:221.5px;}
.readingoceans .intro .bot{height:auto;text-align:center;padding:15px 0;}
.readingoceans .intro .bot .info{display:inline-block;}
.readingoceans .intro .bot .item{display:block;text-align:left;}
.readingoceans .intro .bot .item + .item{margin-left:0;margin-top:6px;}
.readingoceans .intro .bot .item .tit{width:60px;height:22px;font-size:13px;line-height:24px;border-radius:11px;}
.readingoceans .intro .bot .item .txt{font-size:16px;line-height:26px;margin-left:8px;}
.readingoceans .step_box{padding:30px 0 45px;}
.readingoceans .step_box .tit img{width:188.5px;}
.readingoceans .step_box .step{margin-top:23px;}
.readingoceans .banner{padding:20px 0;}
.readingoceans .banner:after{left:calc(50% - 14.75px);bottom:-11.5px;width:29.5px;height:18px;}
.readingoceans .banner .txt{padding-right:56px;}
.readingoceans .banner .txt:after{bottom:-20px;width:56.5px;height:42.5px;}
.readingoceans .banner .txt img{width:268px;}
.readingoceans .youtube_box{background-image:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/event/readingoceans/m_bg_youtube.webp");padding:28px 0 25px;}
.readingoceans .youtube_box .tit img{width:180.5px;}
.readingoceans .youtube_box .youtube{background-image:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/event/readingoceans/m_youtube.webp");margin-top:18px;padding:3.3vw 7.9vw 7.5vw;}
.readingoceans .youtube_box .youtube .box{border-radius:6px;transform:translateZ(0);}
.readingoceans .guide{padding:26.5px 0 55px;}
.readingoceans .guide .tit{font-size:0;}
.readingoceans .guide .tit img{width:121.5px;}
.readingoceans .guide .txt_list{margin-top:10px;}
.readingoceans .guide .txt_list li{font-size:10px;padding-left:6px;line-height:1.3;}
.readingoceans .guide .txt_list li:before{top:2.5px;width:4px;height:5px;}
.readingoceans .guide .txt_list li + li{margin-top:3px;}
}


/*======================================
  아이엠스쿨 이벤트 랜딩
======================================*/
.iamschool .mo{display:none;}
.iamschool .contents_wrap{width:1010px;margin:0 auto;}
.iamschool article{text-align:center;padding:100px 0;}
.iamschool .intro{background:#ff513c url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/event/iamschool/bg_intro.webp") 0 0 / cover no-repeat;padding-top:50px;}
.iamschool .intro .tit{text-align:center;}
.iamschool .apply h1.tit{text-align:center;font-size:72px;font-weight:600;}
.iamschool .apply .apply_form{margin-top:45px;}
.iamschool .apply_form .req_txt{font-size:22px;color:#555;text-align:right;margin-bottom:20px;}
.iamschool .apply_form .required{font-size:22px;color:#ff513c;vertical-align:bottom;line-height:26px;}
.iamschool .apply_form .input_box:after{content:"";display:block;clear:both;}
.iamschool .apply_form .input_box + .input_box{margin-top:20px;}
.iamschool .apply_form .input_box .tit{float:left;width:180px;text-align:left;font-size:22px;color:#555;line-height:60px;}
.iamschool .apply_form .input_box .tit .required{line-height:52px;}
.iamschool .apply_form .input_box .input{float:left;position:relative;width:calc(100% - 180px);border:1px solid #ccc;border-radius:10px;overflow:hidden;}
.iamschool .apply_form .input_box .input.w_2{padding-right:140px;}
.iamschool .apply_form .input_box .input input{width:100%;height:60px;font-size:22px;border:0;padding:0 20px;}
.iamschool .apply_form .input_box .input input::placeholder{color:#adadad;}
.iamschool .apply_form .input_box .input .btn{position:absolute;top:0;right:0;display:block;width:140px;height:60px;line-height:60px;font-size:22px;color:#555;text-align:center;background:#e9e9e9;padding:0;border-radius:0;border-left:1px solid #ccc;outline:none!important;}
.iamschool .apply_form .input_box .input .btn:active{box-shadow:unset;}
.iamschool .apply_form .agree_box{text-align:center;margin-top:50px;}
.iamschool .apply_form .agree{display:inline-block;}
.iamschool .apply_form .agree .check{text-align:left;}
.iamschool .apply_form .agree .check label{position:relative;display:inline-block;color:#7f7f7f;font-size:18px;line-height:18px;cursor:pointer;}
.iamschool .apply_form .agree .check label a{color:#ff513c;text-decoration:underline;text-underline-position:under;}
.iamschool .apply_form .agree .check input[type='checkbox']{display:none;}
.iamschool .apply_form .agree .check input[type='checkbox'] + label:before{content:"";display:inline-block;width:15px;height:15px;border-radius:3px;background:#fff;border:1px solid #ccc;box-sizing:border-box;vertical-align:top;margin-right:10px;}
.iamschool .apply_form .agree .check input[type='checkbox']:checked + label:before{background:#ff513c url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/event/iamschool/icon_check.webp") 50% 50% / 10px 8px no-repeat;border-color:transparent;}
.iamschool .apply_form .btn_submit{display:block;width:372px;height:70px;line-height:78px;text-align:center;font-size:40px;font-weight:600;color:#fff;border-radius:10px;background:#ff513c;margin:50px auto 0;}
.iamschool .apply_form .btn_submit span:after{content:"";display:inline-block;width:35px;height:35px;background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/event/iamschool/icon_btn_apply.webp") 0 0 / 100% 100% no-repeat;vertical-align:top;margin-top:18px;margin-left:20px;}
.iamschool .apply_form .login{color:#7f7f7f;font-size:18px;margin-top:50px;}
.iamschool .apply_form .login a{color:#ff513c;text-decoration:underline;text-underline-position:under;}
.iamschool .apply_form .login a:after{content:"▶";display:inline-block;}
.iamschool .free{background:#fff7f2;}
.iamschool .free img:nth-child(2){margin-top:30px;}
.iamschool .free img:nth-child(3){margin-top:20px;}
.iamschool .free img:nth-child(4){margin-top:20px;}
.iamschool .free img:nth-child(5){margin-top:100px;}
.iamschool .youtube .tit{font-size:70px;font-weight:600;color:#ff513c;}
.iamschool .youtube .video{position:relative;width:100%;height:auto;padding-top:56.25%;margin-top:50px;}
.iamschool .youtube .video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.iamschool .youtube .txt{margin-top:50px;}
.iamschool .review{background:#f9f8ed;}
.iamschool .review .tit{font-size:70px;font-weight:600;color:#ff513c;}
.iamschool .review .slide{margin-top:50px;}
.iamschool .review .swiper-button-prev,.review .swiper-button-next{display:none;}
.iamschool .guide{background:#ffd0b0;}
.iamschool .guide .tit{font-size:70px;font-weight:600;line-height:1.2;color:#ff513c;}
.iamschool .guide .child{margin-top:32px;}
.iamschool .guide .guide_1{margin-top:63px;}
.iamschool .guide .guide_2{margin-top:45px;}
.iamschool .btn_apply{display:block;width:400px;height:70px;line-height:78px;text-align:center;font-size:40px;font-weight:600;color:#fff;border-radius:10px;background:#ff513c;margin:0 auto;}
.iamschool .btn_apply span:after{content:"";display:inline-block;width:35px;height:35px;background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/event/iamschool/icon_btn_apply.webp") 0 0 / 100% 100% no-repeat;vertical-align:top;margin-top:18px;margin-left:10px;}
@media screen and (max-width:1200px){
.iamschool .intro .tit img{width:100%;}
}
@media screen and (max-width:1024px){
.iamschool .contents_wrap{width:100%;padding:0 40px;}
.iamschool article{padding:70px 0;}
.iamschool img{width:100%;}
.iamschool .apply h1.tit{font-size:50px;}
.iamschool .apply_form .req_txt{font-size:18px;}
.iamschool .apply_form .required{font-size:18px;line-height:22px;}
.iamschool .apply .apply_form{margin-top:30px;}
.iamschool .apply_form .input_box .tit{font-size:18px;line-height:50px;}
.iamschool .apply_form .input_box .input.w_2{padding-right:120px;}
.iamschool .apply_form .input_box .input input{height:50px;font-size:18px;padding:0 15px;}
.iamschool .apply_form .input_box .input .btn{width:120px;height:50px;line-height:50px;font-size:18px;}
.iamschool .free .contents_wrap{padding:0 100px;}
.iamschool .free img:nth-child(5){margin-top:60px;}
.iamschool .youtube .tit{font-size:50px;}
.iamschool .youtube .video{margin-top:20px;}
.iamschool .youtube .txt{margin-top:30px;}
.iamschool .review .tit{font-size:50px;}
.iamschool .review .slide{padding:0 50px;margin-top:30px;}
.iamschool .review .swiper-button-prev,.iamschool .review  .swiper-button-next{display:block;outline:none;}
.iamschool .review .swiper-button-prev,.iamschool .review  .swiper-container-rtl .swiper-button-next{left:0;}
.iamschool .review .swiper-button-next,.iamschool .review  .swiper-container-rtl .swiper-button-prev{right:0;}
.iamschool .review .swiper-button-next:after,.iamschool .review  .swiper-button-prev:after{font-size:28px;font-weight:600;color:#e9470d;}
.iamschool .review .swiper-button-disabled:after{color:#8e7e78;}
.iamschool .guide .tit{font-size:55px;}
}
@media screen and (max-width:720px){
.iamschool .pc{display:none;}
.iamschool .mo{display:block;width:100%;}
.iamschool article{padding:40px 0;}
.iamschool .contents_wrap{padding:0 12px;}
.iamschool .intro{background-image:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/event/iamschool/m_bg_intro.webp");padding-top:17px;}
.iamschool .apply h1.tit{font-size:36px;}
.iamschool .apply .apply_form{margin-top:10px;}
.iamschool .apply_form .required{font-size:12px;line-height:14px;}
.iamschool .apply_form .req_txt{font-size:12px;text-align:center;}
.iamschool .apply_form .input_box + .input_box{margin-top:20px;}
.iamschool .apply_form .input_box .tit{float:none;width:100%;font-size:14px;line-height:1;}
.iamschool .apply_form .input_box .tit .required{line-height:14px;}
.iamschool .apply_form .input_box .input.w_2{padding-right:80px;}
.iamschool .apply_form .input_box .input{float:none;width:100%;border-radius:5px;margin-top:8px;}
.iamschool .apply_form .input_box .input input{height:36px;font-size:13px;padding:0 10px;}
.iamschool .apply_form .input_box .input .btn{width:80px;height:36px;line-height:36px;font-size:14px;}
.iamschool .apply_form .agree_box{text-align:left;margin-top:17px;}
.iamschool .apply_form .agree .check label{font-size:13px;line-height:18px;}
.iamschool .apply_form .agree .check input[type='checkbox'] + label:before{width:18px;height:18px;margin-top:-1px;margin-right:5px;}
.iamschool .apply_form .agree .check input[type='checkbox']:checked + label:before{background-size:12px 10px;}
.iamschool .apply_form .btn_submit{width:230px;height:44px;line-height:48px;font-size:25px;border-radius:5px;margin-top:30px;}
.iamschool .apply_form .btn_submit span:after{width:22px;height:22px;margin-top:11px;margin-left:10px;}
.iamschool .apply_form .login{font-size:13px;margin-top:20px;}
.iamschool .free .contents_wrap{padding:0 12px;}
.iamschool .free img:nth-child(2){margin-top:10px;}
.iamschool .free img:nth-child(3){margin-top:6px;}
.iamschool .free img:nth-child(4){margin-top:6px;}
.iamschool .free img:nth-child(5){margin-top:33px;}
.iamschool .youtube .tit{font-size:24px;}
.iamschool .youtube .video{margin-top:18px;}
.iamschool .youtube .txt{margin-top:15px;}
.iamschool .review .tit{font-size:36px;}
.iamschool .review .slide{margin-top:24px;padding:0 57px;}
.iamschool .review .swiper-slide{width:222px;}
.iamschool .guide .tit{font-size:24px;}
.iamschool .guide .child{margin-top:10px;}
.iamschool .guide .guide_1{margin-top:21px;}
.iamschool .guide .guide_2{margin-top:17px;}
.iamschool .btn_apply{width:260px;height:44px;line-height:48px;font-size:25px;border-radius:5px;}
.iamschool .btn_apply span:after{width:22px;height:22px;margin-top:11px;margin-left:8px;}
}



/*======================================
  워드킹덤 이벤트 랜딩
======================================*/
.wordkingdom{overflow-x:hidden;}
.wordkingdom article{text-align:center;}
.wordkingdom article .box{position:relative;background:url("https://front.compasspub.com/contents/bigbox/images/event/wordkingdom/sec2_box.png") 0 0 / 100% auto no-repeat;}
.wordkingdom article .box .tit img{max-width:816px;width:100%;margin:0 auto;}
.wordkingdom article .title + .box{margin-top:30px;}
.wordkingdom article .box > .tit{padding:0 70px;}
.wordkingdom article .btn_box{display:flex;justify-content:center;gap:0 10px;}
.wordkingdom article .btn_box .btn{flex:1;display:block;height:68px;line-height:68px;font-size:24px;color:#fff;font-weight:600;padding:0;}
.wordkingdom article .btn_box .btn.red{background:url("https://front.compasspub.com/contents/bigbox/images/event/wordkingdom/bg_btn_red.png") 0 0 / 100% 100% no-repeat;max-width:320px;}
.wordkingdom article .btn_box .btn.green{background:url("https://front.compasspub.com/contents/bigbox/images/event/wordkingdom/bg_btn_green.png") 0 0 / 100% 100% no-repeat;}
.wordkingdom article .btn_box .btn span:after{content:"";display:inline-block;width:13px;height:22px;background:url("https://front.compasspub.com/contents/bigbox/images/event/wordkingdom/icon_arrow.png") 0 0 / 100% 100% no-repeat;vertical-align:-3px;margin-left:12px;}

.wordkingdom .inner{max-width:964px;margin:0 auto;}
.wordkingdom .intro{background:url("https://front.compasspub.com/contents/bigbox/images/event/wordkingdom/bg_intro.jpg") 50% 50% / cover no-repeat;box-shadow:inset -20px 3px 20px 3px #a5add7;padding:40px 0 50px;}
.wordkingdom .intro .inner{max-width:770px;}
.wordkingdom .intro .title img{max-width:520px;margin:0 auto;}
.wordkingdom .sec1{background:url("https://front.compasspub.com/contents/bigbox/images/event/wordkingdom/bg_sec1.jpg") 50% 0 / cover no-repeat;padding:32px 0 24px;}
.wordkingdom .sec1 .wanted img{max-width:808px;width:100%;}
.wordkingdom .sec2{background:url("https://front.compasspub.com/contents/bigbox/images/event/wordkingdom/bg_sec2.jpg") 50% 0 / cover no-repeat;padding:52px 0 100px;}
.wordkingdom .sec2 .box{padding-top:65px;}
.wordkingdom .sec2 .box:before{position:absolute;bottom:-70px;left:-300px;content:"";display:block;width:327px;height:467px;background:url("https://front.compasspub.com/contents/bigbox/images/event/wordkingdom/sec2_tower.png") 0 0 / 100% 100% no-repeat;z-index:10;}
.wordkingdom .sec2 .box:after{position:absolute;bottom:-70px;right:-195px;content:"";display:block;width:218px;height:266px;background:url("https://front.compasspub.com/contents/bigbox/images/event/wordkingdom/sec2_game.png") 0 0 / 100% 100% no-repeat;z-index:10;}
.wordkingdom .sec2 .step_box{position:relative;margin-top:87px;}
.wordkingdom .sec2 .step_box .tit{position:absolute;top:-35px;left:50%;transform:translateX(-50%);z-index:10;}
.wordkingdom .sec2 .step_slide{box-shadow:0 6px 12px rgba(0,0,0,.4);}
.wordkingdom .sec2 .step_slide img{max-width:100%;vertical-align:middle;}
.wordkingdom .sec3{background:url("https://front.compasspub.com/contents/bigbox/images/event/wordkingdom/bg_sec3.jpg") 50% 0 / cover no-repeat;padding:60px 0 70px;}
.wordkingdom .sec3 .box{background-image:url("https://front.compasspub.com/contents/bigbox/images/event/wordkingdom/sec3_box.png");padding:68px 0 40px;}
.wordkingdom .sec3 .review_slide{overflow:hidden;position:relative;}
.wordkingdom .sec3 .review_slide .swiper-slide{width:346px;height:550px;text-align:left;margin-right:7px;padding:24px;border-radius:30px;background:#fff;}
.wordkingdom .sec3 .review_slide .img_box{overflow:hidden;max-height:202px;border-radius:10px;}
.wordkingdom .sec3 .review_slide .img_box img{width:100%;}
.wordkingdom .sec3 .review_slide .txt_review{overflow:hidden;max-height:172px;font-family:'Pretendard';font-weight:300;font-size:18px;line-height:1.35;color:#000;word-break:break-all;}
.wordkingdom .sec3 .review_slide .txt_review em{font-weight:700;text-decoration:underline;background:rgba(255, 47, 1, .05)}
.wordkingdom .sec3 .review_slide .txt_box{padding-top:15px;margin-top:auto}
.wordkingdom .sec3 .review_slide .txt_box .tit{margin-bottom:12px;font-size:28px;line-height:1.2;font-family:'yg-jalnan';color:#000;letter-spacing:-1.6px;}
.wordkingdom .sec3 .review_slide .txt_box .tit span{color:#E05937;}
.wordkingdom .sec3 .review_slide .txt_box .info{position:absolute;left:24px;bottom:24px;font-family:'Pretendard';font-size:16px;line-height:1.4;color:#999;}
.wordkingdom .sec3 .review_slide .txt_box .grade{display:inline-block;width:131px;height:22px;margin-left:10px;text-indent:-9999px;vertical-align:text-bottom;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom_event/ico_review.png') no-repeat 0 50% / 100% auto;}
.wordkingdom .sec3 .review_slide .swiper-button-next:after,
.wordkingdom .sec3 .review_slide .swiper-button-prev:after{display:none}
.wordkingdom .sec3 .review_slide .swiper-button-prev,
.wordkingdom .sec3 .review_slide .swiper-button-next{display:none;width:52px;height:52px;border-radius:50%;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);}
.wordkingdom .sec3 .review_slide .swiper-button-prev{left:50%;margin-left:-512px;background:#242424 url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/btn_prev.png?v1') 50% 50% / 16px 15px no-repeat;}
.wordkingdom .sec3 .review_slide .swiper-button-next{right:50%;margin-right:-512px;background:#242424 url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/btn_next.png?v1') 50% 50% / 16px 15px no-repeat;}
.wordkingdom .sec3 .review_slide:hover .swiper-button-prev,
.wordkingdom .sec3 .review_slide:hover .swiper-button-next{display:inline-block;}
.wordkingdom .sec4{background:url("https://front.compasspub.com/contents/bigbox/images/event/wordkingdom/bg_sec4.jpg") 50% 0 / cover no-repeat;padding:60px 0;}
.wordkingdom .sec4 .box{background-image:url("https://front.compasspub.com/contents/bigbox/images/event/wordkingdom/sec4_box.png");padding:68px 0 30px;}
.wordkingdom .sec4 .box:before{position:absolute;bottom:-25px;left:-304px;content:"";display:block;width:339px;height:372px;background:url("https://front.compasspub.com/contents/bigbox/images/event/wordkingdom/sec4_house.png") 0 0 / 100% 100% no-repeat;z-index:10;}
.wordkingdom .sec4 .box:after{position:absolute;bottom:-25px;right:-280px;content:"";display:block;width:335px;height:366px;background:url("https://front.compasspub.com/contents/bigbox/images/event/wordkingdom/sec4_adventure.png") 0 0 / 100% 100% no-repeat;z-index:10;}
.wordkingdom .sec4 .slide_box{padding:0 100px;}
.wordkingdom .sec4 .level_slide{position:relative;margin-top:20px;}
.wordkingdom .sec4 .level_slide .swiper-slide{box-shadow:0 4px 21px rgba(38,91,21,0.4);}
.wordkingdom .sec4 .level_slide .swiper-slide img{width:100%;}
.wordkingdom .sec4 .level_slide .swiper-pagination{position:static;display:flex;margin:30px 0 12px;gap:0 14px;}
.wordkingdom .sec4 .level_slide .swiper-pagination-bullet{position:relative;display:block;height:5px;flex:1;border-radius:0;opacity:1;background:rgba(197,250,255,.1);margin:0;}
.wordkingdom .sec4 .level_slide .swiper-pagination-bullet-active:after{content:"";display:block;position:absolute;top:0;left:0;width:0;height:100%;background:#c5faff;animation:slidePage 3s ease;}
.wordkingdom .sec4 .btn_box{margin-top:30px;padding:0 100px;}

@keyframes slidePage{
  0%{width:0;}
  100%{width:100%;}
}
.wordkingdom .sec5{font-family:'Pretendard';text-align:center;background:#eeeeee;padding:60px 0 66px;}
.wordkingdom .sec5 .inner{display:inline-block;text-align:left;}
.wordkingdom .sec5 h3{font-size:18px;font-weight:700;color:#222;letter-spacing:0;}
.wordkingdom .sec5 ul{margin-top:12px;}
.wordkingdom .sec5 li{position:relative;font-size:18px;font-weight:400;color:#333;line-height:1.2;padding-left:12px;}
.wordkingdom .sec5 li:before{content:"-";display:block;position:absolute;top:0;left:0;}
.wordkingdom .sec5 li + li{margin-top:7px;}

.wordkingdom .quick_banner{position:fixed;left:calc(50% - 640px);bottom:0;z-index:100;max-width:1280px;width:100%;height:100px;background:linear-gradient(180deg, #D60A13, #FF1D29);text-align:center;border-radius:60px 60px 0 0}
.wordkingdom .quick_banner a{display:block;height:100%;}
.wordkingdom .quick_banner img{position:absolute;left:50%;bottom:0;z-index:1;max-width:1024px;transform:translate(-50%, 0)}
@media screen and (max-width: 1280px){
.wordkingdom .quick_banner{left:0;height:70px;}
.wordkingdom .quick_banner img{max-width:720px;padding:0 20px;}
}
@media screen and (max-width: 1080px){
.wordkingdom .sec3 .review_slide {margin-top:0;}
.wordkingdom .sec3 .review_slide .swiper-button-prev{display:inline-block;left:35px;margin-left:0;}
.wordkingdom .sec3 .review_slide .swiper-button-next{display:inline-block;right:115px;margin-right:0;}
}
@media screen and (max-width: 1024px){
.wordkingdom .inner{padding:0 30px;}
.wordkingdom article .box:before, .wordkingdom article .box:after{display:none!important;}
.wordkingdom article .box > .tit{padding:0 65px;}
.wordkingdom .intro{box-shadow:inset -2px 0px 10px 2px #a5add7;}
.wordkingdom .sec2 .step_box .tit{top:-30px;}
.wordkingdom .sec4 .slide_box{padding:0 80px;}
.wordkingdom .sec4 .btn_box{padding:0 80px;}
}
@media screen and (max-width: 1020px){
.wordkingdom .sec3 .review_slide .swiper-button-next{right:35px;}
}
@media screen and (max-width:768px){
.wordkingdom article .btn_box .btn{font-size:22px;}
.wordkingdom article .btn_box .btn.red{max-width:220px;}
}
@media screen and (max-width:720px){
.wordkingdom article .btn_box{flex-direction:column;gap:8px 0;}
.wordkingdom article .btn_box .btn{max-width:100%!important;height:58px;line-height:58px;font-size:22px;padding:0;}
.wordkingdom article .btn_box .btn span:after{width:12px;height:20px;}
.wordkingdom article .title + .box{margin-top:20px;}
.wordkingdom article .box .inner{background-image:url("https://front.compasspub.com/contents/bigbox/images/event/wordkingdom/m_sec2_box.png");padding:0;}
.wordkingdom article .box > .tit{padding:0 10px;}
.wordkingdom article img{width:100%;}
.wordkingdom .inner{padding:0 10px;}
.wordkingdom .intro{box-shadow:none;background-image:url("https://front.compasspub.com/contents/bigbox/images/event/wordkingdom/m_bg_intro.jpg");padding:20px 0 30px;}
.wordkingdom .intro .title img{max-width:279px;}
.wordkingdom .intro .card img{max-width:345px;}
.wordkingdom .sec1{background-image:url("https://front.compasspub.com/contents/bigbox/images/event/wordkingdom/m_bg_sec1.jpg");padding:22px 0 24px;}
.wordkingdom .sec1 .inner{padding:0;}
.wordkingdom .box_sec .inner{padding:0;}
.wordkingdom .sec2{background-image:url("https://front.compasspub.com/contents/bigbox/images/event/wordkingdom/m_bg_sec2.jpg");padding:40px 0;}
.wordkingdom .sec2 .title{padding:0 10px;}
.wordkingdom .sec2 .box{padding-top:30px;}
.wordkingdom .sec2 .box:before,
.wordkingdom .sec2 .box:after{display:none;}
.wordkingdom .sec2 .step_box{margin-top:55px;}
.wordkingdom .sec2 .step_box .tit{top:-20px;}
.wordkingdom .sec2 .step_box .tit img{width:275px;}
.wordkingdom .sec3{background-image:url("https://front.compasspub.com/contents/bigbox/images/event/wordkingdom/m_bg_sec3.jpg");padding:38px 0 40px;}
.wordkingdom .sec3 .box{background-image:url("https://front.compasspub.com/contents/bigbox/images/event/wordkingdom/m_sec3_box.png");padding:30px 0;}
.wordkingdom .sec3 .review_slide{margin:0;}
.wordkingdom .sec4{background-image:url("https://front.compasspub.com/contents/bigbox/images/event/wordkingdom/m_bg_sec4.jpg");padding:38px 0 48px;}
.wordkingdom .sec4 .box{background-image:url("https://front.compasspub.com/contents/bigbox/images/event/wordkingdom/m_sec4_box.png");padding:28px 10px 0;}
.wordkingdom .sec4 .box .tit{padding:0;}
.wordkingdom .sec4 .slide_box{padding:0;}
.wordkingdom .sec4 .level_slide .swiper-pagination{padding:0;margin:30px 0 5px;gap:0 6px;}
.wordkingdom .sec4 .level_slide .swiper-pagination-bullet{height:2px;}
.wordkingdom .sec4 .btn_box{margin-top:20px;padding:0;}
.wordkingdom .sec5{padding:40px 0;}
.wordkingdom .sec5 h3{font-size:14px;}
.wordkingdom .sec5 ul{margin-top:15px;}
.wordkingdom .sec5 li{font-size:14px;}
}

@media screen and (max-width: 640px){
.wordkingdom .quick_banner{left:0;height:62px;border-radius:30px 30px 0 0}
.wordkingdom .quick_banner img{max-width:328px;padding:0;}
.wordkingdom .sec3 .review_slide{padding:0 40px;}
.wordkingdom .sec3 .review_slide .swiper-slide{max-width:256px;height:428px;margin-right:0;padding:18px;}
.wordkingdom .sec3 .review_slide .swiper-button-prev{left:10px;}
.wordkingdom .sec3 .review_slide .swiper-button-next{right:10px}
.wordkingdom .sec3 .review_slide .img_box{max-height:144px}
.wordkingdom .sec3 .review_slide .txt_box .tit{font-size:20px;margin-bottom:10px;letter-spacing:-1px;}
.wordkingdom .sec3 .review_slide .txt_review{max-height:160px;font-size:14px;line-height:1.2;}
.wordkingdom .sec3 .review_slide .txt_box .info{font-size:14px}
.wordkingdom .sec3 .review_slide .txt_box .grade{width:110px;height:18px;margin-left:11px;}
}


/* 경쟁모드  순위결과 */
body.over_hidden{overflow-y:hidden;}
.compete{font-family: Pretendard;}
.compete .width{max-width:1200px}
.compete picture img{max-width:100%}
.compete .sec1 .width{position:relative;z-index:1;}
.compete .sec1 .top_area{padding:80px 0 376px 0;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/compete/bg_ar1_pc.jpg') center bottom / cover no-repeat;text-align: center;}
.compete .sec1 .tit_sec1 .period{margin:10px 0 30px 0;color:#fff;font-size:34px;font-weight: 700;}
.compete .sec1 .sec1_btn_wrap{width:376px;margin:0 auto}
.compete .sec1 .sec1_btn_wrap .btn{display:flex;align-items: center;justify-content: center;padding-bottom:8px;height:86px;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/compete/btn_apply.png') no-repeat;color:#fff;font-size:32px;font-weight: 800;}
.compete .sec1 .card{position:absolute;top:122px;left:-8.5%;z-index:-1;transform: scale(0.7);opacity:0;}
.compete .sec1 .card.on{animation:scale .5s cubic-bezier(0.93, -0.03, 0.16, 1.26) forwards}
.compete .sec1 .bot_area{background:#1a1c6c}
.compete .sec1 .bot_area .width{display:flex;align-items: center;justify-content: space-between;height:91px;}
.compete .sec1 .bot_area .txt_first{color:#fff;font-size:38px;font-weight: 600;}
.compete .sec1 .bot_area .txt_first strong{font-weight: 900;}
.compete .sec1 .bot_area .border_area{position:relative;z-index:1;}
.compete .sec1 .bot_area .border_area::after{content:"";display:block;position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);/* background: linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 2px) calc(100% - 2px) no-repeat,linear-gradient(7deg, #25fda1 0%, #56e8f2 50%, #7316ff 100%) */;background-image:linear-gradient(135deg,#25fda1,#56e8f2,#7316ff,#25fda1,#56e8f2,#7316ff);background-size:300% 100%;animation: animateBorder 4s linear infinite;z-index:-1;}
.compete .sec1 .bot_area .btn_free{position:relative;display:block;padding:9px 40px;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/compete/bg_gradient.png') center / cover no-repeat;z-index:2;}
.compete .sec1 .bot_area .btn_free>span{display:inline-block;padding-right:28px;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/compete/icon_arrow.png') no-repeat right center;color:#fff;font-size:26px;font-weight: 800;}
@keyframes animateBorder{
  0%{ background-position: 100% 0%; }
  100%{ background-position: 0% 0%; }
}
@keyframes scale{
  0%{transform: scale(0.7);opacity:0;}
  100%{transform: scale(1);opacity:1;}
}

.compete .sec2{padding:132px 0 140px 0;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/compete/bg_ar2_pc.jpg') center / cover no-repeat;text-align: center;}
.compete .sec2 .event1{margin-bottom:136px}
.compete .sec2 .event1 .tit_area{margin-bottom:30px}
.compete .sec2 .event1 .con_area .txt{color:#fff;font-size:38px;font-weight: 600;line-height: 1.2;}
.compete .sec2 .event1 .con_area .txt strong{color:#f4ce23;}
.compete .sec2 .event1 .con_area .caution{margin-top:22px;color:#fbd009;font-size:28px;line-height: 1.2;}
.compete .sec2 .event1 .con_area .img{display:block;margin-top:65px}

.compete .sec2 .event2{margin-bottom:136px;}
.compete .sec2 .event2 .tit_area{margin-bottom:42px}
.compete .sec2 .event2 .con_area .hashtag{display:flex;justify-content: space-between;gap:0 7px}
.compete .sec2 .event2 .con_area .hashtag .item{width:100%;padding:5px 0;border:3px solid #38c1b7;border-radius: 30px;color:#1acbbe;font-size:28px}
.compete .sec2 .event2 .con_area .txt{margin-top:48px;color:#fff;font-size:38px;font-weight: 600;line-height: 1.2;}
.compete .sec2 .event2 .con_area .txt strong{color:#f4ce23;}
.compete .sec2 .event2 .con_area .caution{margin-top:16px;color:#fbd009;font-size:28px;line-height: 1.2;}
.compete .sec2 .event2 .con_area .img{display:block;margin-top:65px}
.compete .sec2 .event2 .con_area .img img{display:block}

.compete .sec2 .reply{text-align: left;}
.compete .sec2 .reply .tit_area{margin-bottom:65px;text-align: center;}
.compete .sec2 .reply .input_wrap{padding:40px;background: linear-gradient(#06182d, #06182d) 50% 50%/calc(100% - 20px) calc(100% - 20px) no-repeat, linear-gradient(115deg, #25fda1 0%, #7501ff 50%, #03e8ff 100%);}
.compete .sec2 .reply .input_wrap .total{margin-bottom:8px;color:#fff;font-size:20px;letter-spacing: -0.01em;}
.compete .sec2 .reply .input_wrap .total .num{color:#2fdbad}
.compete .sec2 .reply .input_wrap .input_area{position:relative;border:2px solid #7503ff;height:64px}
.compete .sec2 .reply .input_wrap .input_area .input_reply{width:100%;height:100%;border:none;padding:0 190px 0 20px;}
.compete .sec2 .reply .input_wrap .input_area .btn_reply{position:absolute;top:0;right:0;width:170px;height:100%;color:#fff;background:#7503ff;border:none}
.compete .sec2 .reply .no_reply{display:flex;justify-content: center;align-items: center;height:50vh;color:#fff;font-size:20px;font-weight: 600;text-align: center;}

.compete .sec2 .reply .list_reply .item{padding-bottom:26px;border-bottom:1px solid #36414e}
.compete .sec2 .reply .list_reply .item:first-child{margin-top:34px}
.compete .sec2 .reply .list_reply .item:not(:last-child){margin-bottom:24px}
.compete .sec2 .reply .list_reply .item .username{display:block;color:#fff;font-size:20px;font-weight: 600;}
.compete .sec2 .reply .list_reply .item .txt{color:#ccc;font-size:22px;font-weight: 300;letter-spacing: -0.01em;word-break: break-all;line-height: 1.4;}

.compete .sec2 .reply .paging{margin-top:25px;text-align: center;}
.compete .sec2 .reply .paging span{display:inline-block}
.compete .sec2 .reply .paging a{display:inline-block;width:23px;height:23px;line-height: 22px;border:1px solid #888;background:#06182d;color:#888;font-size:14px;font-weight: 400;text-align: center;padding-right:2px}
.compete .sec2 .reply .paging a.prev{background:url('https://cdn.playbigbox.com/timecast/bigbox/images/compete/icon_left.png') no-repeat center top 7px;text-indent: -9999px;}
.compete .sec2 .reply .paging a.next{background:url('https://cdn.playbigbox.com/timecast/bigbox/images/compete/icon_right.png') no-repeat center top 7px;text-indent: -9999px;}

.compete .login-modal{}
.compete .login-modal .modal-dialog{display:flex;align-items: center;justify-content: center;width:450px;height:100%;margin:0 auto}
.compete .login-modal .modal-content{width:100%;}
.compete .login-modal .modal-header{border:none}
.compete .login-modal .modal-header::after{content:"";display:block;clear:both}
.compete .login-modal .modal-header .close{opacity:1;}
.compete .login-modal .modal-header .close img{width:26px;}
.compete .login-modal .modal-body{text-align: center;}
.compete .login-modal .modal-footer{border:none;text-align: center;}
.compete .login-modal .modal-footer .bt.red{border-radius: 4px;}

.compete .sec3{padding:100px 0;background:#0c1827}
.compete .sec3 .noti .tit{margin-bottom:56px;color:#fff;font-size:30px;font-weight: 800;}
.compete .sec3 .noti .noti_con:not(:last-child){margin-bottom:60px}
.compete .sec3 .noti .type{display:inline-block;margin-bottom:28px;padding:4px 11px;line-height: 1;background:#fff044;color:#0c1827;font-size:24px;font-weight: 800;;}
.compete .sec3 .noti .list_noti .item{position:relative;color:#d1d1d1;padding-left:16px;font-size:24px;font-weight: 500;letter-spacing: -0.03em;line-height: 1.4;}
.compete .sec3 .noti .list_noti .item.point{color:#fff;font-weight: 600;}
.compete .sec3 .noti .list_noti .item:not(:last-child){margin-bottom:16px;}
.compete .sec3 .noti .list_noti .item::before{content:"";display:block;position:absolute;top:16px;left:0;width:3px;height:3px;background:#d1d1d1;border-radius: 100%;}

.compete .pop_result{position:inherit;top:120px;left:0;width:calc(100% - 80px);background:#fff;z-index:99;}
.compete .pop_result .box_overflow{height:100%;overflow-y: auto;overflow-x: hidden;}
.compete .pop_result .box_overflow::-webkit-scrollbar{width:6px;}
.compete .pop_result .box_overflow::-webkit-scrollbar-track{background-color:transparent;}
.compete .pop_result .box_overflow::-webkit-scrollbar-thumb{border-radius:3px;background-color:#ccc;}
.compete .pop_sec1{position:relative}
.compete .pop_sec1 .today_close{position:absolute;top:40px;right:52px}
.compete .pop_sec1 .today_close input[type="checkbox"]{width:0;height:0;font-size: 0;overflow: hidden;opacity:0;visibility: hidden;}
.compete .pop_sec1 .today_close label{position:relative;padding-right: 16px;height:22px}
.compete .pop_sec1 .today_close label::before{content:"";display:block;position:absolute;right: 0;top: 4px;width: 12px;height: 12px;border: 2px solid #fff;transform: rotate(45deg);border-bottom: none;border-radius: 0;border-left: none;}
.compete .pop_sec1 .today_close label img{vertical-align: top;}
.compete .pop_sec1_bg{display:block}
.compete .pop_sec1_bg img{display:block;width:100%}
.compete .pop_sec2{padding:74px 0 208px 0;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/compete/bg_sec2_pc.jpg') center / cover no-repeat;text-align: center;}
.compete .pop_sec2 .contents_wrap{max-width:1200px;margin:0 auto}
.compete .pop_sec2 .pop_sec2_tit img{max-width:100%}
.compete .tab_week{margin-top:82px}
.compete .tab_week>ul{display:flex;justify-content: space-between;flex-wrap: wrap;gap:12px 12px;}
.compete .tab_week>ul>li{width:calc(33.333% - 8px);}
.compete .tab_week>ul>li>a{display:flex;align-items: center;justify-content: center;height:86px;padding-bottom:6px;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/compete/tab_week.png') center / 100% 100% no-repeat ;color:#fff;font-family: Pretendard;font-size:28px;font-weight: 700;}
.compete .tab_week>ul>li.on>a{background-image:url('https://cdn.playbigbox.com/timecast/bigbox/images/compete/tab_week_on.png')}
.compete .result_wrap{margin-top:76px}
.compete .result_wrap .result:not(:last-child){margin-bottom:100px}
.compete .result_wrap .result img{width:100%;height:auto}

@media screen and (min-width:1921px){
  .compete .sec1 .top_area{padding:80px 0 20.5% 0}
}

@media screen and (max-width:1600px){
  .compete .sec1 .card{max-width:100%;top:35%;left:0;}
}

@media screen and (max-width:1400px){
  .compete .pop_result{top:117px;height:calc(100% - 117px)}
}

@media screen and (max-width:1280px){
  .compete .sec1 .card{display:none}
  .compete .width{padding:0 50px}

  .compete .pop_sec2 .contents_wrap{padding:0 50px}
}
@media screen and (max-width:1024px){
  .compete .width{padding:0 20px}
  .compete .sec1 .bot_area .txt_first{font-size:34px}
  .compete .sec1 .bot_area .btn_free{padding: 9px 32px}

  .compete .sec2 .event2 .con_area .hashtag{flex-wrap: wrap;gap:8px 8px;padding:0 44px}
  .compete .sec2 .event2 .con_area .hashtag .item{width:calc(33.333% - 8px);}

  .compete .pop_sec1 .today_close{right:20px}
  .compete .pop_sec2 .contents_wrap{padding:0 20px}
  .compete .tab_week{max-width:640px;margin:82px auto 0 auto}
  .compete .tab_week>ul{flex-wrap: wrap;gap:10px 14px}
  .compete .tab_week>ul>li{width:calc(50% - 7px);}
  .compete .tab_week>ul>li>a{height:92px;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/compete/tab_week_mo.png')center / 100% auto no-repeat}
  .compete .tab_week>ul>li.on>a{background-image:url('https://cdn.playbigbox.com/timecast/bigbox/images/compete/tab_week_mo_on.png')}
}
@media screen and (max-width:1020px){
  .compete .pop_result{top:92px;width:100%;height:calc(100% - 92px);}
}
@media screen and (max-width:767px){
  .compete .sec1 .top_area{padding:80px 0 53% 0;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/compete/bg_ar1_mo.jpg') center bottom / cover no-repeat;text-align: center;}
  .compete .sec1 .tit_sec1 .period{margin:10px 0 16px;font-size:18px}
  .compete .sec1 .sec1_btn_wrap{width:188px;}
  .compete .sec1 .sec1_btn_wrap .btn{height:43px;padding-bottom:6px;background-size:100% auto;font-size:16px;}
  .compete .sec1 .bot_area .width{display:block;height:auto;padding:20px 0;text-align: center;}
  .compete .sec1 .bot_area .txt_first{margin-bottom:6px;font-size:19px}
  .compete .sec1 .bot_area .border_area{display:inline-block}
  .compete .sec1 .bot_area .btn_free{padding:5px 20px}
  .compete .sec1 .bot_area .btn_free>span{padding-right:16px;background-size:5px auto;image-rendering:-webkit-optimize-contrast;font-size:15px}
  .compete .sec2{padding:83px 0 61px 0;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/compete/bg_ar2_mo.jpg') center / cover no-repeat}
  .compete .con_area .img img{width:100%;height:auto;}
  .compete .sec2 .event1{margin-bottom:70px}
  .compete .sec2 .event1 .tit_area{margin-bottom:21px}
  .compete .sec2 .event1 .con_area .txt{font-size:19px}
  .compete .sec2 .event1 .con_area .caution{margin-top:12px;font-size:14px}
  .compete .sec2 .event1 .con_area .img{margin-top:25px}
  .compete .sec2 .event2{margin-bottom:70px}
  .compete .sec2 .event2 .tit_area{margin-bottom:25px}
  .compete .sec2 .event2 .con_area .hashtag{flex-wrap: wrap;gap:4px 4px;padding:0 22px}
  .compete .sec2 .event2 .con_area .hashtag .item{width:calc(33.333% - 4px);padding:3px 0;font-size:14px;border-width: 1.5px;}
  .compete .sec2 .event2 .con_area .txt{margin-top:14px;font-size:19px}
  .compete .sec2 .event2 .con_area .txt br{display:none}
  .compete .sec2 .event2 .con_area .caution{margin-top:16px;font-size:14px}
  .compete .sec2 .event2 .con_area .img{margin-top:20px}

  .compete .sec2 .reply .tit_area{margin-bottom:20px}
  .compete .sec2 .reply .input_wrap{padding:25px 16px;background:linear-gradient(#06182d, #06182d) 50% 50%/calc(100% - 5px) calc(100% - 5px) no-repeat, linear-gradient(115deg, #25fda1 0%, #7501ff 50%, #03e8ff 100%)}
  .compete .sec2 .reply .input_wrap .total{margin-bottom:3px;font-size:10px}
  .compete .sec2 .reply .input_wrap .input_area{height:44px;}
  .compete .sec2 .reply .input_wrap .input_area .input_reply{padding:0 60px 0 10px}
  .compete .sec2 .reply .input_wrap .input_area .btn_reply{width:50px;padding:0 13px;font-size:10px;line-height: 1.2;word-break: break-all;}
  .compete .sec2 .reply .list_reply .item{padding-bottom:14px}
  .compete .sec2 .reply .list_reply .item:first-child{margin-top:6px}
  .compete .sec2 .reply .list_reply .item:not(:last-child){margin-bottom:12px}
  .compete .sec2 .reply .list_reply .item .username{font-size:10px}
  .compete .sec2 .reply .list_reply .item .txt{font-size:11px}
  .compete .sec2 .reply .paging{margin-top:15px}
  .compete .sec2 .reply .paging a{width:17px;height:17px;line-height: 15px;font-size:11px;}
  .compete .sec2 .reply .paging a.prev{background-size:3px auto;background-position:center top 4px;image-rendering: -webkit-optimize-contrast;}
  .compete .sec2 .reply .paging a.next{background-size:3px auto;background-position:center top 4px;image-rendering: -webkit-optimize-contrast;}

  .compete .sec3{padding:68px 0}
  .compete .sec3 .noti .tit{margin-bottom:25px;font-size:19px;}
  .compete .sec3 .noti .noti_con:not(:last-child){margin-bottom:25px}
  .compete .sec3 .noti .type{display:inline-block;margin-bottom:14px;padding:3px 6px;line-height: 1;background:#fff044;color:#0c1827;font-size:16px;font-weight: 800;;}
  .compete .sec3 .noti .list_noti .item{padding-left:9px;font-size:16px;}
  .compete .sec3 .noti .list_noti .item:not(:last-child){margin-bottom:11px}
  .compete .sec3 .noti .list_noti .item::before{top:9px}

  .compete .pop_sec2{padding:40px 0 118px 0;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/compete/bg_sec2_mo.jpg') center / cover no-repeat;text-align: center;}
  .compete .tab_week{margin-top:24px}
  .compete .result_wrap{margin-top:34px}
  .compete .result_wrap .result:not(:last-child){margin-bottom: 34px;}
  .compete .pop_sec1 .today_close{top:14px}
  .compete .pop_sec1 .today_close label{padding-right:10px;height:11px}
  .compete .pop_sec1 .today_close label::before{top:3px;width:8px;height:8px;}
  .compete .pop_sec1 .today_close label img{width:84px;height:auto}
  .compete .tab_week>ul>li>a{height:auto;padding:7.3% 0 8.3% 0;font-size:4vw}
  .compete .login-modal .modal-dialog{width:auto}
}
@media screen and (max-width:540px){
  .compete .tab_week>ul>li>a{height:auto;padding:6% 0 7% 0;font-size:4.5vw}
}

/* big3 */
.big3{font-family:yg-jalnan}
.big3 .img{display:block}
.big3 img{max-width:100%}
.big3 .tb{display:none}
.big3 .mo{display:none}
.big3 .width{max-width:1280px}
.big3 .intro{background:url('https://front.compasspub.com/landing/images/bigbox/big3/bg_intro_pc_no.png') center bottom / cover no-repeat;padding:0 0 154px 0;text-align: center;overflow: hidden;}
.big3 .intro .width{position:relative}
.big3 .intro .width .img img{margin-left:16.5%}
.big3 .intro .floating1, .big3 .intro .floating2{display:block;position:absolute;}
.big3 .intro .floating1{animation:effect1 2.5s infinite linear alternate}
.big3 .intro .floating1.coupon1{top:250px;left:-125px;width:150px;height:124px;background:url('https://front.compasspub.com/landing/images/bigbox/big3/coupon1.png')}
.big3 .intro .floating1.coupon2{bottom:144px;right:-230px;width:248px;height:192px;background:url('https://front.compasspub.com/landing/images/bigbox/big3/coupon2.png');animation-delay: .7s;}
.big3 .intro .floating1.coupon3{top:105px;right:-234px;width:108px;height:90px;background:url('https://front.compasspub.com/landing/images/bigbox/big3/coupon3.png');animation-delay: 1.4s;}
.big3 .intro .floating2.voca1{bottom:-130px;left:-117px;width:236px;height:256px;background:url('https://front.compasspub.com/landing/images/bigbox/big3/voca1.png');animation:effect2 2s infinite linear alternate}
.big3 .intro .floating2.voca2{bottom:-154px;right:-26px;width:214px;height:232px;background:url('https://front.compasspub.com/landing/images/bigbox/big3/voca2.png');animation:effect3 2s infinite linear alternate;}

@keyframes effect1 {
  0%{transform: translateY(0) rotate(0deg);}
  33%{transform: translateY(5px) rotate(-1.5deg);}
  66%{transform: translateY(10px) rotate(0deg);}
  100%{transform: translateY(15px) rotate(1.5deg);}
}
@keyframes effect2 {
  0%{transform: translate(0,0);}
  100%{transform: translate(15px,-15px);}
}
@keyframes effect3 {
  0%{transform: translate(0,0);}
  100%{transform: translate(-15px,-15px);}
}

.big3 .sec1{background:url('https://front.compasspub.com/landing/images/bigbox/big3/bg_sec1_pc.png') center / cover no-repeat #35b1ff;padding:76px 0 116px;text-align: center;}
.big3 .sec1 .tit{color:#fff;margin-bottom:28px;font-size:54px;letter-spacing: -0.05em;line-height: 1.4;}
.big3 .sec1 .tit strong{font-size:70px}
.big3 .sec1 .tit strong .point{color:#fef26d}
.big3 .sec1 .txt{color:#fff;font-family: Pretendard;font-size:34px;letter-spacing: -0.03em;line-height: 1.4;}
.big3 .sec1 .txt strong{font-weight: 800 ;}
.big3 .sec1 .benefit{display:flex;justify-content: space-between;gap:0 14px;margin-top:66px}
.big3 .sec1 .benefit>li{width:100%;padding:22px 8px 32px 8px;background:#fff;border-radius: 30px;font-family: Pretendard;}
.big3 .sec1 .benefit>li .img_area{margin-bottom:26px}
.big3 .sec1 .benefit>li.item4 .img_area img{margin-left:14px}
.big3 .sec1 .benefit>li .tit_item{margin-bottom:2px;color:#111;font-size:32px;font-weight: 700;letter-spacing: -0.03em;line-height: 1.2;}
.big3 .sec1 .benefit>li .txt_item{color:#333;font-size:26px;letter-spacing: -0.03em;line-height: 1.2}
.big3 .sec1 .benefit>li .btn_detail{display:inline-block;margin-top:10px;padding:2px 19px;background:#666;color:#fff;border-radius: 14px;font-size:17px;font-weight: 500;letter-spacing: -0.03em;}
.big3 .sec1 .benefit>li .btn_detail span{padding-right:10px;background:url("https://front.compasspub.com/landing/images/bigbox/big3/icon_arrow2.png") no-repeat right center}

.big3 .sec2{text-align: center;}
.big3 .sec2 .sec2_banner{background:linear-gradient(#1862de calc(100% - 30px), transparent 0);;text-align: center;}
.big3 .sec2 .sec2_con{padding:108px 0 120px 0}
.big3 .sec2 .num{display:inline-block;margin-bottom:20px}
.big3 .sec2 .tit{margin-bottom:28px;color:#111;font-size:54px;letter-spacing: -0.05em;line-height: 1.4;}
.big3 .sec2 .tit strong{font-size:70px}
.big3 .sec2 .tit strong .point{color:#1862de}
.big3 .sec2 .txt{color:#333;font-size:34px;font-family: Pretendard;letter-spacing: -0.03em;}
.big3 .sec2 .sec2_con .img_area{margin-bottom:80px}

.big3 .sec3{background:url('https://front.compasspub.com/landing/images/bigbox/big3/bg_sec3_pc.png') center / cover no-repeat;text-align: center;padding:120px 0 130px 0}
.big3 .sec3 .num{display:inline-block;margin-bottom:20px}
.big3 .sec3 .tit{margin-bottom:28px;color:#111;font-size:54px;letter-spacing: -0.05em;line-height: 1.4;}
.big3 .sec3 .tit strong{font-size:70px}
.big3 .sec3 .tit strong.point{color:#1862de}
.big3 .sec3 .txt{color:#333;font-size:34px;font-family: Pretendard;letter-spacing: -0.03em;}
.big3 .sec3 .img_area{margin-top:34px}

.big3 .sec4{text-align: center;}
.big3 .sec4_banner{background:linear-gradient(#1862de calc(100% - 30px), transparent 0);;text-align: center;}
.big3 .sec4_con{padding:120px 0}
.big3 .sec4 .tit{margin-bottom:28px;color:#111;font-size:54px;letter-spacing: -0.05em;line-height: 1.4;}
.big3 .sec4 .tit strong{font-size:70px}
.big3 .sec4 .tit strong .point{color:#1862de}
.big3 .sec4 .txt{color:#111;font-size:34px;font-family: Pretendard;letter-spacing: -0.03em;}
.big3 .sec4 .review_slide{position:relative;margin-top:80px}
.big3 .sec4 .review_slide .inner{overflow: hidden;}
.big3 .sec4 .review_slide .review_prev{position:absolute;top:50%;left:-80px;transform: translateY(-50%);width:40px;height:68px;background:url('https://front.compasspub.com/landing/images/bigbox/big3/icon_prev.png');z-index:2;cursor: pointer;}
.big3 .sec4 .review_slide .review_next{position:absolute;top:50%;right:-80px;transform: translateY(-50%);width:40px;height:68px;background:url('https://front.compasspub.com/landing/images/bigbox/big3/icon_next.png');z-index:2;cursor: pointer}

.big3 .sec5{background:url('https://front.compasspub.com/landing/images/bigbox/big3/bg_sec5_pc.png') center / cover no-repeat;padding:120px 0;text-align: center;}
.big3 .sec5 .tit{margin-bottom:28px;color:#111;font-size:54px;letter-spacing: -0.05em;line-height: 1.4;}
.big3 .sec5 .tit strong{font-size:70px}
.big3 .sec5 .tit strong .point{color:#1862de}
.big3 .sec5 .txt{color:#000;font-family: Pretendard;font-size:34px;letter-spacing: -0.03em;line-height: 1.4;}
.big3 .sec5 .txt strong{font-size:42px;font-weight: 800;}
.big3 .sec5 .img_area{margin-top:52px}

.big3 .sec6{padding:120px 0;text-align: center;}
.big3 .sec6 .package>li{position:relative;border-radius: 30px;padding-top:56px}
.big3 .sec6 .package>li:not(:last-child){margin-bottom:38px}
.big3 .sec6 .package>li.package_item1{border:4px solid #1862de;box-shadow: 2px 2px 16px 0px rgba(16, 65, 147, 0.35);}
.big3 .sec6 .package>li.package_item2{border:2px solid #94d32d}
.big3 .sec6 .package>li.package_item3{border:2px solid #f7c80b;}
.big3 .sec6 .package>li .tit{margin-bottom:60px;color:#000;font-size:40px;letter-spacing: -0.02em;}
.big3 .sec6 .package>li .img_area{margin-bottom:62px}
.big3 .sec6 .badge_best{position:absolute;top:-24px;left:39px}
.big3 .sec6 .package>li .bot_area{display:flex;align-items: center;justify-content: center;width:100%;height:80px;border-radius: 0 0 20px 20px;}
.big3 .sec6 .package>li .btn_purchase{padding-right:23px;background:url("https://front.compasspub.com/landing/images/bigbox/big3/icon_arrow1.png") no-repeat right center;color:#fff;font-family: Pretendard;font-weight: 800;font-size:34px;letter-spacing: -0.03em;}
.big3 .sec6 .package>li.package_item1 .bot_area{background:#1862de}
.big3 .sec6 .package>li.package_item2 .bot_area{background:#94d32d}
.big3 .sec6 .package>li.package_item3 .bot_area{background:#f7c80b;}

.big3 .sec7{background:#444;padding:120px 0 88px 0}
.big3 .sec7 .tit{margin-bottom:46px;color:#fff;font-size:40px;letter-spacing: -0.02em;}
.big3 .sec7 .tit_caution{margin-bottom:8px;color:#fff;font-size:24px;font-family: Pretendard;font-weight: 800;letter-spacing: -0.03em;}
.big3 .sec7 .caution_wrap>li:not(:last-child){margin-bottom:26px}
.big3 .sec7 .caution>li{position:relative;padding-left:26px;color:#e5e5e5;font-size:24px;font-family: Pretendard;font-weight: 300;letter-spacing: -0.03em;line-height: 1.4;}
.big3 .sec7 .caution>li:not(:last-child){margin-bottom:8px}
.big3 .sec7 .caution>li::before{content:"";display:block;position:absolute;top:16px;left:11px;width:3px;height:3px;background:#e5e5e5;border-radius: 100%;}

/* 하단 플로팅 배너 */
.floating{position:fixed;bottom:0;left:0;width:100%;height:auto;background-image: linear-gradient(to right, #1862de 50%, #fef26d 50%);padding:0 30px;text-align: center;z-index:11;}
.floating>div{max-width:1280px;margin:0 auto}
.floating img{max-width:100%}
.floating>div.mo{display:none}

@media screen and (min-width:1020px) and (max-width:1610px) {
  .big3 .intro .width .img img{margin-left:10%}
  .big3 .sec4 .review_slide{margin-right:10vw;margin-left:40px}
  .big3 .sec4 .review_slide .review_prev{left:-56px}
  .big3 .sec4 .review_slide .review_next{right:-52px}
}
@media screen and (max-width:1320px) {
  .big3 .width{padding:0 30px}
  .big3 .intro .width .img img{margin-left:0}
  .big3 .sec2 .sec2_con .review{padding:0 30px}
  .big3 .intro .width{max-width:80%;padding:0}
  .big3 .intro .floating1.coupon1{left:-140px;top:34%}
  .big3 .intro .floating1.coupon2{bottom:-108px;right:-64px}
  .big3 .intro .floating1.coupon3{top:-48px;right:-60px}
  .big3 .intro .floating2.voca1{bottom:-156px}
  .big3 .intro .floating2.voca2{display:none}
}
@media screen and (max-width:1180px) {
  .big3 .sec3 .tit .tb{display:block}
  .big3 .sec4 .txt{line-height: 1.2;}
  .big3 .sec4 .txt .tb{display:block;}
  .big3 .sec5 .tit .tb{display:block;}
  .floating .img{margin-top:-2.3vw}
}
@media screen and (min-width:768px) and (max-width:1020px) {
  .big3 .intro .tit{margin-left:34px}
}
@media screen and (max-width:1024px) {
  .big3 .tb{display:block;}
  .big3 .sec1 .tit{font-size:40px;line-height: 1.2;}
  .big3 .sec1 .tit strong{font-size:50px}
  .big3 .sec1 .tit strong .point{display:block}
  .big3 .sec1 .txt{font-size:25px}
  .big3 .sec1 .benefit{flex-wrap: wrap;gap:16px 14px}
  .big3 .sec1 .benefit>li{width:calc(50% - 7px)}
  .big3 .sec1 .benefit>li .tit_item{font-size:25px}
  .big3 .sec1 .benefit>li .txt_item{font-size:20px}

  .big3 .sec2 .num img{width:70px}
  .big3 .sec2 .tit{font-size:40px;line-height: 1.2;}
  .big3 .sec2 .tit strong{font-size:50px}
  .big3 .sec2 .tit .tb{display:none}
  .big3 .sec2 .txt{font-size:25px;line-height: 1.2;}

  .big3 .sec3 .num img{width:70px}
  .big3 .sec3 .tit{font-size:40px;line-height: 1.2;}
  .big3 .sec3 .tit strong{font-size:50px}
  .big3 .sec3 .txt{font-size:25px;line-height: 1.2;}

  .big3 .sec4 .tit{font-size:40px;line-height: 1.2;}
  .big3 .sec4 .tit strong{font-size:50px}
  .big3 .sec4 .txt{font-size:25px;line-height: 1.2;}
  .big3 .sec4 .review_slide .review_prev{width:24px;height: 41px;left:-16px;background-size:24px auto}
  .big3 .sec4 .review_slide .review_next{width:24px;height:41px;right:-16px;background-size:24px auto}

  .big3 .sec5 .tit{font-size:40px;line-height: 1.2;}
  .big3 .sec5 .tit strong{font-size:50px}
  .big3 .sec5 .txt{font-size:25px;line-height: 1.2;}
  .big3 .sec5 .txt strong{font-size:32px}

  .big3 .sec7 .tit{margin-bottom:25px;font-size:25px}
  .big3 .sec7 .tit_caution{font-size:18px}
  .big3 .sec7 .caution>li{font-size:18px}
  .big3 .sec7 .caution>li::before{top:12px}
}
@media screen and (max-width:1020px) {
  .big3 .sec4 .review_slide{margin:80px 28px 0 28px}
  .big3 .sec4 .review_slide .review_prev{left:-48px}
  .big3 .sec4 .review_slide .review_next{right:-52px}
}
@media screen and (max-width:767px) {
  @keyframes effect1 {
    0%{transform: translateY(0) rotate(0deg);}
    33%{transform: translateY(2px) rotate(-1deg);}
    66%{transform: translateY(4px) rotate(0deg);}
    100%{transform: translateY(6px) rotate(1deg);}
  }
  @keyframes effect2 {
    0%{transform: translate(0,0);}
    100%{transform: translate(6px,-6px);}
  }
  @keyframes effect3 {
    0%{transform: translate(0,0);}
    100%{transform: translate(-6px,-6px);}
  }

  .big3 .sec2 .tit .tb{display:block}
  .big3 .mo{display:block}
  .big3 .width{padding:0 20px}
  .big3 .sec2 .sec2_con .img_area{padding:0 20px}
  .big3 .sec2 .sec2_con .review{padding:0 20px}
  .big3 .intro{padding:0px 0 70px 0;background:url('https://front.compasspub.com/landing/images/bigbox/big3/bg_intro_mo.png') center bottom / cover no-repeat;overflow: visible;}
  .big3 .intro .width{max-width:calc(100% - 90px)}
  .big3 .intro .width .img img{margin-left:2%}
  .big3 .intro .floating1{animation:effect1 2s infinite linear alternate}
  .big3 .intro .floating1.coupon1{width:46px;height:37px;background-size:46px auto;top:41%;left:-53px}
  .big3 .intro .floating1.coupon2{width:76px;height:58px;background-size:76px auto;right:-12px;bottom:-60px;animation-delay: 2s;}
  .big3 .intro .floating1.coupon3{display:none;width:33px;height:26px;background-size:33px auto;top:-25px;right:12px;animation-delay: 0.7s;}
  .big3 .intro .floating2.voca1{width:76px;height:80px;background-size:76px auto;left:-27px;bottom:-90px}
  .big3 .sec1{padding:38px 0 60px 0}
  .big3 .sec1 .tit{margin-bottom:14px;line-height: 1.2;font-size:20px;letter-spacing: -0.025em;}
  .big3 .sec1 .tit strong{font-size:25px}
  .big3 .sec1 .tit strong .point{display:block}
  .big3 .sec1 .txt{font-size:15px;letter-spacing: -0.015em;}
  .big3 .sec1 .txt strong{font-size:19px}
  .big3 .sec1 .benefit{margin-top:24px;gap:8px 7px}
  .big3 .sec1 .benefit>li{padding:16px 15px 20px 15px;border-radius: 15px;width:calc(50% - 4px)}
  .big3 .sec1 .benefit>li .tit_item{font-size:16px;letter-spacing: -0.015em;}
  .big3 .sec1 .benefit>li .txt_item{font-size:13px;letter-spacing: -0.015em;}
  .big3 .sec1 .benefit>li .img_area{margin-bottom:15px}
  .big3 .sec1 .benefit>li .img_area img{max-height:20vw}
  .big3 .sec1 .benefit>li.item4 .img_area img{margin-left:8px}
  .big3 .sec1 .benefit>li .btn_detail{font-size:inherit;line-height: 1;padding:1px 10px 4px 10px;margin-top:3px}
  .big3 .sec1 .benefit>li .btn_detail span{font-size:10px;padding-right:6px;background-size:4px auto}

  .big3 .sec2 .sec2_con{padding:56px 0 60px 0}
  .big3 .sec2 .num{margin-bottom:12px}
  .big3 .sec2 .num img{width:44px}
  .big3 .sec2 .tit{margin-bottom:15px;font-size:20px;line-height: 1.25;letter-spacing: -0.025em;}
  .big3 .sec2 .tit strong{font-size:25px}
  .big3 .sec2 .txt{font-size:15px;letter-spacing: -0.015em;}
  .big3 .sec2 .sec2_con .img_area{margin:20px 0 30px 0}

  .big3 .sec3{padding:60px 0;background:#fffbbf}
  .big3 .sec3 .num{margin-bottom:12px}
  .big3 .sec3 .num img{width:44px}
  .big3 .sec3 .tit{margin-bottom:15px;font-size:20px;line-height: 1.25;letter-spacing: -0.025em;}
  .big3 .sec3 .tit strong{font-size:25px}
  .big3 .sec3 .txt{font-size:15px;letter-spacing: -0.015em;}
  .big3 .sec3 .img_area{margin-top:25px}

  .big3 .sec4_con{padding:50px 0;}
  .big3 .sec4 .tit{margin-bottom:15px;font-size:20px;line-height: 1.25;letter-spacing: -0.025em;}
  .big3 .sec4 .tit strong{font-size:25px}
  .big3 .sec4 .txt{font-size:15px;letter-spacing: -0.015em;}
  .big3 .sec4 .review_slide{margin:15px 0 0}
  .big3 .sec4 .review_slide .review_prev{width:12px;height:20px;left:-16px;background-size:12px auto}
  .big3 .sec4 .review_slide .review_next{width:12px;height:20px;right:-16px;background-size:12px auto}

  .big3 .sec5{padding:60px 0;}
  .big3 .sec5 .tit{margin-bottom:15px;font-size:20px;line-height: 1.25;letter-spacing: -0.025em;}
  .big3 .sec5 .tit strong{font-size:25px}
  .big3 .sec5 .txt{font-size:15px;letter-spacing: -0.015em;}
  .big3 .sec5 .txt strong{font-size:19px}
  .big3 .sec5 .img_area{margin-top:25px}

  .big3 .sec6{padding:60px 0}
  .big3 .sec6 .package>li{padding-top:7.765vw;}
  .big3 .sec6 .package>li .tit{margin-bottom:5.556vw;font-size:5.555vw;letter-spacing: -0.01em;}
  .big3 .sec6 .package>li.package_item1{border-width: 2px;border-radius: 15px;}
  .big3 .sec6 .package>li.package_item2{border-width: 1px;border-radius: 15px;}
  .big3 .sec6 .package>li.package_item3{border-width: 1px;border-radius: 15px;}
  .big3 .sec6 .package>li .img_area{margin-bottom:23px}
  .big3 .sec6 .package>li .bot_area{border-radius: 0 0 10px 10px;height:auto;padding:6px 0}
  .big3 .sec6 .package>li .btn_purchase{padding-right:13px;background-size:4px auto;font-size:4.3vw;letter-spacing: -0.015em;}
  .big3 .sec6 .badge_best{top:-20px;left:-15px}
  .big3 .sec6 .badge_best img{width:20.835vw}

  .big3 .sec7{padding:42px 0}
  .big3 .sec7 .tit{margin-bottom:18px;font-size:15px;letter-spacing: -0.01em;}
  .big3 .sec7 .tit_caution{margin-bottom:2px;font-size:10px}
  .big3 .sec7 .caution_wrap>li:not(:last-child){margin-bottom:8px}
  .big3 .sec7 .caution>li{padding-left:8px;font-size:10px}
  .big3 .sec7 .caution>li:not(:last-child){margin-bottom:3px}
  .big3 .sec7 .caution>li::before{top:7px;left:3px;width:1.5px;height:1.5px;}

  .floating{padding:0}
  .floating .img{margin-top:-4.15vw}
  .floating>div.pc{display:none}
  .floating>div.mo{display:block}
  .floating>div.mo img{width:100%}
}

/* big3 팝업 */
.radio_list>li:not(:last-child){margin-bottom:7px}

/* 기기결합상품 */
.combo{font-family: Pretendard;}
.combo .mo{display:none}
.combo .width{max-width:1400px}
.combo .sec1{background:url('https://front.compasspub.com/landing/images/bigbox/combo/bg_sec1_pc.png') center bottom / cover no-repeat;overflow: hidden;}
.combo .sec1 .width{padding:142px 0 120px 0}
.combo .sec1 .tit_sec1{position:relative;padding-bottom:50px}
.combo .sec1 .tab_sec1{position:absolute;bottom:0;right:-88px}
.combo .sec1 .tab_sec1 .heart1, .combo .sec1 .tab_sec1 .heart2{position:absolute;left:0;bottom:0}
.combo .sec1 .tab_sec1 .heart1{bottom:45%;left:1%;width:6.72%;animation: floating1 1.5s linear infinite alternate}
.combo .sec1 .tab_sec1 .heart2{bottom:56.3%;left:6%;width:2.585%;animation: floating1 1.5s linear infinite alternate}
.combo .sec1 .edu_benefit_wrap{position:relative;margin-top:158px;background:#002538;padding:64px 118px 90px 118px;border-radius: 15px;}
.combo .sec1 .edu_benefit_wrap .tit{position:absolute;top:-50px;left:50%;transform: translateX(-50%);}
.combo .sec1 .edu_benefit_wrap .ev_date{color:#fff;font-weight: 900;font-size:30px;letter-spacing: -0.03em;text-align: center;}
.combo .sec1 .edu_benefit_wrap .ev_date>span{font-weight: 600;}
.combo .sec1 .edu_benefit_wrap .edu_benefit{display:flex;align-items: center;justify-content: space-between;gap:0 12px;margin-top:60px}
.combo .sec1 .edu_benefit_wrap .edu_benefit .item{position:relative;width:100%;padding-bottom:30px;border:6px solid #ffdd56;border-radius: 15px;text-align: center;box-sizing: border-box;}
.combo .sec1 .edu_benefit_wrap .edu_benefit .item::after{content:"";display:block;position:absolute;top:-6px;left:-6px;width:103px;height:79px;}
.combo .sec1 .edu_benefit_wrap .edu_benefit .item1::after{background:url('https://front.compasspub.com/landing/images/bigbox/combo/benefit_label1.png')}
.combo .sec1 .edu_benefit_wrap .edu_benefit .item2::after{background:url('https://front.compasspub.com/landing/images/bigbox/combo/benefit_label2.png')}
.combo .sec1 .edu_benefit_wrap .edu_benefit .item3::after{background:url('https://front.compasspub.com/landing/images/bigbox/combo/benefit_label3.png')}
/* .combo .sec1 .edu_benefit_wrap .edu_benefit .item1{background:url('https://front.compasspub.com/landing/images/bigbox/combo/benefit_label1.png') no-repeat left -6px top -6px;}
.combo .sec1 .edu_benefit_wrap .edu_benefit .item2{background:url('https://front.compasspub.com/landing/images/bigbox/combo/benefit_label2.png') no-repeat left -6px top -6px;}
.combo .sec1 .edu_benefit_wrap .edu_benefit .item3{background:url('https://front.compasspub.com/landing/images/bigbox/combo/benefit_label3.png') no-repeat left -6px top -6px;} */
.combo .sec1 .edu_benefit_wrap .edu_benefit .item .img_area{display:flex;align-items: center;justify-content: center;height:220px}
.combo .sec1 .edu_benefit_wrap .edu_benefit .item1 .img_area{padding-top:16px}
.combo .sec1 .edu_benefit_wrap .edu_benefit .item .img_area img{max-width:100%}
.combo .sec1 .edu_benefit_wrap .edu_benefit .item .txt{color:#fff;font-family:GmarketSans;font-weight: 600;font-size:32px;letter-spacing: -0.03em;}
.combo .sec1 .edu_benefit_wrap .edu_benefit .icon_plus{color:#ffdd56;font-family:GmarketSans;font-size:48px;letter-spacing: -0.03em;flex-shrink: 0;}
.combo .sec1 .edu_benefit_wrap .emoji{position:absolute}
.combo .sec1 .edu_benefit_wrap .emoji img{max-width:100%}
.combo .sec1 .edu_benefit_wrap .emoji1{top:-36px;right:9%;width:6.429%;animation: floating1 1.5s linear infinite alternate}
.combo .sec1 .edu_benefit_wrap .emoji2{top:50%;left:-7.1%;transform: translateY(-50%);width:11.715%;animation: floating1 1.5s linear infinite alternate}
.combo .sec1 .edu_benefit_wrap .emoji3{bottom:64px;right:-7.1%;width:12%;animation: floating1 1.5s linear infinite alternate}

.combo .sec2 .width{padding:120px 0}
.combo .sec2 .edu_review .inner{padding-bottom:10px;overflow: hidden;}
.combo .sec2 .edu_review .inner .swiper-slide{width:442px;margin-right:36px;}
.combo .sec2 .edu_review .inner .swiper-slide img{/* box-shadow: 10px 11px 0px 0px rgba(21, 42, 28, 0.05); */}

.combo .sec3{background:url('https://front.compasspub.com/landing/images/bigbox/combo/bg_sec3_pc.png') center bottom / cover no-repeat;}
.combo .sec3 .width{padding:120px 0}
.combo .sec3 .tit{text-align: center;}
.combo .sec3 .package_item{display:flex;align-items: center;justify-content: center;gap:0 28px;margin-top:32px}
.combo .sec3 .package_item.mo{display:none}
.combo .sec3 .package_item .item{width:326px;height:180px;background:url('https://front.compasspub.com/landing/images/bigbox/combo/bg_bubble.png');box-sizing: border-box;}
.combo .sec3 .package_item .item .obj_box{display:flex;align-items: center;justify-content: center;width:100%;height:165px;padding:10px 0 25px 0;box-sizing: border-box;;}
.combo .sec3 .package_item .item .obj{color:#3f1e00;font-size:31px;font-weight: 800;text-align: right;letter-spacing: -0.03em;line-height: 1;}
.combo .sec3 .package_item .item .obj strong{display:block;margin-top:10px;font-size:25px;font-weight: 500;}
.combo .sec3 .img_area{position:relative;padding-left:20px;text-align: center;}
.combo .sec3 .eff_pang{position:absolute;top:0;left:-36px;transform: scale(0.7);opacity:0;;}
.combo .sec3 .img_area.on .eff_pang{animation: scale .5s cubic-bezier(0.93, -0.03, 0.16, 1.26) forwards;}
.combo .sec3 .txt{margin-top:52px;color:#3f1e00;font-size:45px;font-weight: 500;line-height: 60px;text-align: center;}
.combo .sec3 .eff_pang_mo, .combo .sec3 .bg_mo{display:none}
.combo .sec3 .txt strong{font-weight: 800;}

.combo .sec4{background:#f8f8f8}
.combo .sec4 .width{padding:120px 0}
.combo .sec4 .bg_tit{padding-top:86px;background:url('https://front.compasspub.com/landing/images/bigbox/combo/tit_bg_elia.png') top center / 104px auto no-repeat;color:#1b1b1b;font-size:40px;letter-spacing: -0.03em;font-weight: 500;text-align: center;}
.combo .sec4 .bg_tit .emphasis{display:inline-block;color:#12b848;font-weight: 800;background:linear-gradient(to top,rgba(255,233,119,0.5) 65%, transparent 65%);line-height: 1;}
.combo .sec4 .package_detail{display:flex;align-items: flex-start;gap:0 50px;margin-top:70px;padding:40px 62px;background:#fff;border-radius: 15px;box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.09);}

.combo .sec4 .package_detail .price{width:100%}
.combo .sec4 .package_detail .free_list{width:480px;flex-shrink: 0;}
.combo .sec4 .package_detail .price .tit_price{color:#1b1b1b;font-size:30px;font-weight: 800;letter-spacing: -0.03em;text-align: center;}
.combo .sec4 .package_detail .price .flex_box{display:flex;margin-top:56px;padding-bottom:32px;border-bottom:1px dashed #d3d3d3}
.combo .sec4 .package_detail .price .bigbox_list{width:50%;padding:0 40px 0 20px}
.combo .sec4 .package_detail .price .bigbox_list .img_area{text-align: center;}
.combo .sec4 .package_detail .price .bigbox_list .list{margin-top:26px}
.combo .sec4 .package_detail .price .bigbox_list .list .item{display:flex;justify-content: space-between;}
.combo .sec4 .package_detail .price .bigbox_list .list .item:not(:last-child){margin-bottom:4px}
.combo .sec4 .package_detail .price .bigbox_list .list .item .tit{color:#1b1b1b;font-size:20px;letter-spacing: -0.03em;font-weight: 500;}
.combo .sec4 .package_detail .price .bigbox_list .list .item .num{color:#1b1b1b;font-size:20px;letter-spacing: -0.03em;font-weight: 500;}
.combo .sec4 .package_detail .price .bigbox_list .list .item .sale_rate{display:inline-block;margin-left:8px;padding:0px 8px;background:#fe6801;color:#fff;font-weight: 700;font-size:15px;vertical-align: text-bottom;}
.combo .sec4 .package_detail .price .bigbox_list .list .item .sale_rate.big{background:#fe3d2e}
.combo .sec4 .package_detail .price .g_tab{position:relative;width:50%;text-align: center;}
.combo .sec4 .package_detail .price .g_tab .icon_plus{position:absolute;top:110px;left:0;color:#1b1b1b;font-size:60px;letter-spacing: -0.01em;font-weight: 300;}
.combo .sec4 .package_detail .price .g_tab .tit{margin-top:32px;color:#1b1b1b;font-size:20px;letter-spacing: -0.03em;}
.combo .sec4 .package_detail .price .g_tab .price_info{text-align: center;}
.combo .sec4 .package_detail .price .g_tab .price_info .num{display:block;color:#1b1b1b;font-size:20px;letter-spacing: -0.03em;font-weight: 500;}
.combo .sec4 .package_detail .price .g_tab .price_info .sale_rate{display:inline-block;padding:0px 8px;background:#fe6801;color:#fff;font-weight: 700;font-size:15px;vertical-align: text-bottom;}
.combo .sec4 .package_detail .price .total_area{margin-top:30px;color:#fe3d2e;font-size:30px;letter-spacing: -0.01em;text-align: center;font-weight: 800;}
.combo .sec4 .package_detail .price .total_area .sale_num{margin-left:32px}
.combo .sec4 .package_detail .free_list{position:relative;margin-top:64px;padding:66px 38px 56px 38px;border-radius: 15px;background:#f9f9fa;text-align: center;}
.combo .sec4 .package_detail .free_list .tit_free{position:absolute;width:100%;top:-64px;left:0;max-width:480px}
.combo .sec4 .package_detail .free_list .free_detail_wrap{display:flex;gap:0 12px;margin-top:48px}
.combo .sec4 .package_detail .free_list .free_detail{width:100%}
.combo .sec4 .package_detail .free_list .free_detail>li{display:flex;justify-content: space-between;}
.combo .sec4 .package_detail .free_list .free_detail>li:not(:last-child){margin-bottom:3px}
.combo .sec4 .package_detail .free_list .free_detail>li .tit{color:#1b1b1b;font-size:20px;letter-spacing: -0.03em;}
.combo .sec4 .package_detail .free_list .free_detail>li .origin_num{color:#fe3d2e;font-size:20px;font-weight: 600;letter-spacing: -0.03em;}
.combo .sec4 .package_detail .free_list .free_btn{display:flex;align-items: center;justify-content: center;flex-shrink: 0;width:106px;background:#fe3d2e;color:#fff;border-radius: 5px;text-align: center;font-size:20px;font-weight: 600;letter-spacing: -0.03em;}
.combo .sec4 .total_price{display:flex;align-items: center;justify-content: center;gap:0 22px;height:100px;margin-top:10px;border-radius: 15px;background:#12b848;}
.combo .sec4 .total_price .total{position:relative;padding-right:7px;color:#fff;font-size:28px;letter-spacing: -0.03em;text-decoration: line-through;text-decoration-thickness:1px}
.combo .sec4 .total_price .total::after{content:"";display:block;position:absolute;top:53%;right:0;transform: translateY(-50%);width:0;height:0;border-style: solid;border-width: 4px 0 4px 7px;border-color: transparent transparent transparent #fff;}
.combo .sec4 .total_price .benefit_price{margin-top:-8px;color:#ffe977;font-size:26px;font-weight: 600;letter-spacing: -0.03em;}
.combo .sec4 .total_price .benefit_price .month{font-size:34px;font-weight: 700;}
.combo .sec4 .total_price .benefit_price .month>span{font-size:48px;font-weight: 700;}
.combo .sec4 .mo_img{display:none}

.combo .sec5 .width{padding:120px 0}
.combo .sec5 .bg_tit{padding-top:86px;background:url('https://front.compasspub.com/landing/images/bigbox/combo/tit_bg_montas.png') top center / 66px auto no-repeat;color:#1b1b1b;font-size:40px;letter-spacing: -0.03em;font-weight: 500;text-align: center;}
.combo .sec5 .bg_tit>span{color:#12b848;font-weight: 800;}
.combo .sec5 .benefit_list{margin:92px 0 -13px 0}
.combo .sec5 .benefit_list .inner{overflow: hidden;padding:23px 0 13px 0}
.combo .sec5 .benefit_list .swiper-slide{position:relative;width:270px;height:auto;margin-right:10px;padding:38px 0 36px 0;border:1px solid #ececec;border-radius: 15px;box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.09);box-sizing: border-box;;text-align: center;}
.combo .sec5 .benefit_list .floating_tit{position:absolute;top:-23px;left:50%;transform: translateX(-50%);display:block;width:187px;height:47px;line-height: 47px;background:#fe6801;color:#fff;border-radius: 80px;font-size:24px;letter-spacing: -0.03em;font-weight: 700;text-align: center;}
.combo .sec5 .benefit_list .swiper-slide{}
.combo .sec5 .benefit_list .swiper-slide .content .txt{display:flex;min-height:90px;align-items: center;justify-content: center;margin-top:34px;color:#1b1b1b;font-size:20px;line-height: 30px;letter-spacing: -0.03em;}

.combo .sec6 .total_user{background:#ffdd56;}
.combo .sec6 .total_user .width{position:relative;padding:80px 0 72px 0;background:url('https://front.compasspub.com/landing/images/bigbox/combo/bg_sec6_top1.png') left 20px bottom / 282px auto no-repeat, url('https://front.compasspub.com/landing/images/bigbox/combo/bg_sec6_top2.png') right 46px bottom / 262px auto no-repeat}
.combo .sec6 .total_user .width::after{content:"";display:block;position:absolute;bottom:-40px;left:50%;transform: translateX(-50%);width:0;height:0;border-style: solid;border-width: 61px 52px 0 52px;border-color: #FFDD56 transparent transparent transparent;}
.combo .sec6 .total_user .txt1{color:#3f1e00;font-size:36px;letter-spacing: -0.03em;font-weight: 900;text-align: center;}
.combo .sec6 .total_user .txt1 strong{color:#fe6801;font-weight: 900;}
.combo .sec6 .total_user .txt2{color:#3f1e00;font-size:32px;letter-spacing: -0.03em;text-align: center;}
.combo .sec6 .total_user .txt2 strong{font-weight: 800;}
.combo .sec6 .btn_all_guide{display:block;width:338px;height:62px;line-height: 62px;margin:30px auto 0 auto;background:#fff;color:#3f4e00;font-size:24px;letter-spacing: -0.03em;font-weight: 800;border-radius: 40px;text-align: center;}

.combo .sec6 .course_wrap .width{padding: 100px 0 120px 0;width:1280px;margin:0 auto}
.combo .sec6 .course_wrap .course_tab{margin-bottom:28px}
.combo .sec6 .course_wrap .course_tab>ul{display:flex;justify-content: center;gap:0 8px}
.combo .sec6 .course_wrap .course_tab>ul>li>a{display:block;padding:16px 12px;width:230px;border:2px solid #fe6801;border-radius: 70px;color:#fe6801;font-size:23px;font-weight: 700;box-sizing: border-box;text-align: center;}
.combo .sec6 .course_wrap .course_tab>ul>li.on>a{background:#fe6801;color:#fff}
.combo .sec6 .course_wrap .course_content{position:relative}
.combo .sec6 .course_wrap .course_cont{position:relative;display:none;justify-content: space-between;padding:48px 130px 70px 86px;border:1px solid #ececec;border-radius: 15px;box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.09);}
.combo .sec6 .course_wrap .course_cont.on{display:flex}
.combo .sec6 .course_wrap .course_cont .course_info{padding-top:42px}
.combo .sec6 .course_wrap .course_cont .course_info .tag{display:block;width:116px;height:34px;margin-bottom:28px;border-radius: 4px;background:#fe6801;color:#fff;font-size:13px;font-weight: 800;line-height: 34px;text-align: center;}
.combo .sec6 .course_wrap .course_cont .course_info .sub_tit{margin-bottom:2px;color:#1b1b1b;font-size:24px;font-weight: 700;letter-spacing: -0.03em;line-height: 1.2;}
.combo .sec6 .course_wrap .course_cont .course_info .main_tit{color:#1b1b1b;font-size:40px;font-weight: 800;letter-spacing: -0.03em;line-height: 1.2;}
.combo .sec6 .course_wrap .course_cont .course_info .course_list{margin-top:28px}
.combo .sec6 .course_wrap .course_cont .course_info .course_list>li{color:#1b1b1b;font-size:20px;letter-spacing: -0.03em;}
.combo .sec6 .course_wrap .course_cont .course_slide{position:relative;width:448px;padding:21px 20px;background:url('https://front.compasspub.com/landing/images/bigbox/combo/bg_slide_mokup.png') left top / 100% auto no-repeat ;box-sizing: border-box;}
.combo .sec6 .course_wrap .course_cont .course_slide img{max-width:100%;border-radius: 4px;}
.combo .sec6 .course_wrap .course_content .swiper-button-next.swiper-button-disabled, .combo .sec6 .course_wrap .course_content .swiper-button-prev.swiper-button-disabled{opacity:1;}
.combo .sec6 .course_wrap .course_content .swiper-button-next, .combo .sec6 .course_wrap .course_content .swiper-button-prev{width:22px;height:32px;z-index:1;border:none;text-indent:-9999px}
.combo .sec6 .course_wrap .course_content .swiper-button-next::after, .combo .sec6 .course_wrap .course_content .swiper-button-prev::after{display:none}
.combo .sec6 .course_wrap .course_content .swiper-button-next{background:url('https://front.compasspub.com/landing/images/bigbox/combo/icon_next1.png');right:-60px}
.combo .sec6 .course_wrap .course_content .swiper-button-prev{background:url('https://front.compasspub.com/landing/images/bigbox/combo/icon_prev1.png');left:-60px}
.combo .sec6 .course_wrap .course_cont .course_slide .swiper-pagination{margin-top:38px;left:50%;transform: translateX(-50%);display:flex;align-items: center;justify-content: center;}
.combo .sec6 .course_wrap .course_cont .course_slide .swiper-pagination-bullet{width:11px;height:11px;margin:0 3px;border-radius: 6px;background:#e6e6e6;opacity:1;transition:width .3s}
.combo .sec6 .course_wrap .course_cont .course_slide .swiper-pagination-bullet-active{width:77px;height:9px;background:#434343}
/* 아이콘 */
.combo .sec6 .course_wrap .course_cont.tab_item1 .course_slide .icon{position:absolute;bottom:0;z-index:1;}
.combo .sec6 .course_wrap .course_cont.tab_item1 .course_slide .icon.item{width:35.715%;left:-23.5%}
.combo .sec6 .course_wrap .course_cont.tab_item1 .course_slide .icon.char{width:21.43%;right:-15%}

.combo .sec6 .course_wrap .course_cont.tab_item2 .course_slide .icon{position:absolute;z-index:1;}
.combo .sec6 .course_wrap .course_cont.tab_item2 .course_slide .icon.item{width:36.715%;bottom:-16px;left:-23.5%}
.combo .sec6 .course_wrap .course_cont.tab_item2 .course_slide .icon.char{width:21.875%;bottom:-8px;right:-15%}

.combo .sec6 .course_wrap .course_cont.tab_item3 .course_slide .icon{position:absolute;bottom:-5px;z-index:1;}
.combo .sec6 .course_wrap .course_cont.tab_item3 .course_slide .icon.item{width:36.607%;left:-23.5%}
.combo .sec6 .course_wrap .course_cont.tab_item3 .course_slide .icon.char{width:26.788%;right:-16.5%}

.combo .sec6 .course_wrap .course_cont.tab_item4 .course_slide .icon{position:absolute;bottom:-6px;z-index:1;}
.combo .sec6 .course_wrap .course_cont.tab_item4 .course_slide .icon.item{width:36.164%;left:-23.5%}
.combo .sec6 .course_wrap .course_cont.tab_item4 .course_slide .icon.char{width:24.555%;right:-16%}


.combo .sec7{background:#f8f8f8}
.combo .sec7 .width{padding:120px 0}
.combo .sec7 .tit{color:#1b1b1b;font-size:40px;font-weight: 500;letter-spacing: -0.03em;text-align: center;line-height: 1.2;}
.combo .sec7 .tit .point1{color:#12b848;font-weight: 800;}
.combo .sec7 .tit .point2{font-weight: 800;}
.combo .sec7 .tab_img_area{margin:64px 0 56px 0;text-align: center;overflow: hidden;}
.combo .sec7 .tab_img_area img{max-width:100%}
.combo .sec7 .tab_spec_slide .inner{overflow: hidden;}
.combo .sec7 .tab_spec_slide .swiper-slide{width:330px;margin-right:28px;border-radius: 15px;overflow: hidden;}
.combo .sec7 .tab_spec_slide .img_area{}
.combo .sec7 .tab_spec_slide .img_area img{max-width:100%}
.combo .sec7 .tab_spec_slide .swiper-slide .tab_spec_box{display:flex;align-items: center;justify-content: center;flex-direction: column;height:190px;text-align: center;padding:32px 8px;background:#fff}
.combo .sec7 .tab_spec_slide .swiper-slide .tab_spec_box .tab_spec_box_tit{margin-bottom:4px;color:#1b1b1b;font-size:24px;letter-spacing: -0.03em;font-weight: 700;}
.combo .sec7 .tab_spec_slide .swiper-slide .tab_spec_box .tab_spec_box_txt{color:#1b1b1b;font-size:20px;line-height: 30px;letter-spacing: -0.03em;}

.combo .sec8{background:url('https://front.compasspub.com/landing/images/bigbox/combo/bg_sec8_pc.png') center bottom / cover no-repeat;}
.combo .sec8 .width{padding:130px 0}
.combo .sec8 .tit{color:#1b1b1b;font-size:46px;font-weight: 800;text-align: center;}
.combo .sec8 .overview_wrap{margin-top:100px;padding:0 86px}
.combo .sec8 .overview:not(:last-child){margin-bottom:96px}
.combo .sec8 .tit_overview{display:block;position:relative;margin-bottom:38px;color:#1b1b1b;font-size:36px;font-weight: 800;letter-spacing: -0.01em;}
.combo .sec8 .tit_overview::after{content:"";display:block;position:absolute;top:50%;right:0;transform: translateY(-50%);width:calc(100% - 160px);height:3px;background:#000}
.combo .sec8 .overview:nth-of-type(2) .tit_overview::after{width:calc(100% - 90px)}
.combo .sec8 .overview .overview_list{display:flex;flex-wrap: wrap;gap:66px 6.79vw}
.combo .sec8 .overview .overview_list>li{width:calc(33.333% - 4.53vw);}
.combo .sec8 .overview .overview_list .tit_list{margin-bottom:2px;color:#1b1b1b;font-size:24px;font-weight: 700;letter-spacing: -0.03em;}
.combo .sec8 .overview .overview_list .txt_box li{color:#1b1b1b;font-size:20px;letter-spacing: -0.03em;}

.combo .sec9 .width{padding:120px 0}
.combo .sec9 .tit{margin-bottom:30px;color:#000;font-size:46px;font-weight: 800;text-align: center;}
.combo .sec9 .provide{margin-bottom:52px}
.combo .sec9 .provide .tit_provide{margin-bottom:24px;color:#202020;font-size:24px;font-weight: 800;letter-spacing: -0.01em;}
.combo .sec9 .provide .obj{display:flex;align-items: center;justify-content: center;height:80px;padding:0 20px;background:#fe6801;color:#fff;border-radius: 15px;font-size:24px;font-weight: 700;letter-spacing: -0.01em;text-align: center;line-height: 1.2;word-break: keep-all;}
.combo .sec9 .provide .obj .mo{display:none}
.combo .sec9 .package{display:flex;gap:0 70px}
.package_tab{width:100%}
.combo .sec9 .package .package_tab .tit_tab{margin-bottom:20px;color:#202020;font-size:24px;font-weight: 700;letter-spacing: -0.01em;}
.combo .sec9 .package .package_tab .tab{display:flex;flex-wrap: wrap;gap:18px}
.combo .sec9 .package .package_tab .tab .item{width:calc(50% - 9px);padding-bottom:32px;outline:1px solid #ececec;box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.09);border-radius: 15px;overflow: hidden;text-align: center;box-sizing: border-box;}
.combo .sec9 .package .package_tab .tab .item .age{display:flex;align-items: center;justify-content: center;width:148px;height:45px;background:#bebebe;border-radius: 0 0 15px 0;color:#fff;font-size:20px;font-weight: 600;letter-spacing: -0.03em;}
.combo .sec9 .package .package_tab .item .img_area{display:flex;align-items: flex-end;justify-content: center;margin:18px 0 20px 0;height:116px;}
.combo .sec9 .package .package_tab .item .img_area img{display:none}
.combo .sec9 .package .package_tab .item .img_area img.off{display:block}
.combo .sec9 .package .package_tab .tab .item .tit_pac{display:block;margin-bottom:8px;color:#bebebe;font-size:24px;letter-spacing: -0.03em;font-weight: 700;}
.combo .sec9 .package .package_tab .tab .item .book{display:block;color:#bebebe;font-size:19px;letter-spacing: -0.03em;}
/* on */
.combo .sec9 .package .package_tab .tab .item.on{outline:2px solid #fe6801}
.combo .sec9 .package .package_tab .tab .item.on .age{background:#fe6801}
.combo .sec9 .package .package_tab .tab .item.on .img_area img.on{display:block}
.combo .sec9 .package .package_tab .tab .item.on .img_area img.off{display:none}
.combo .sec9 .package .package_tab .tab .item.on .tit_pac{color:#1b1b1b}
.combo .sec9 .package .package_tab .tab .item.on .book{color:#1b1b1b}

.combo .sec9 .package .package_apply{width:406px;flex-shrink: 0;}
.combo .sec9 .package .package_apply .tit_apply{margin-bottom:20px;color:#202020;font-size:24px;font-weight: 700;letter-spacing: -0.01em;}
.combo .sec9 .package .package_apply .tab_cont{display:none}
.combo .sec9 .package .package_apply .tab_cont:nth-of-type(1){display:block}
.combo .sec9 .package .package_apply .tab_cont .overview{display:flex;align-items: center;justify-content: center;height:60px;margin-bottom:24px;background:#f5f5f7;border-radius: 4px;color:#202020;font-size:20px;letter-spacing: -0.03em;text-align: center;}
.combo .sec9 .package .package_apply .tab_cont .origin_area{margin-bottom:40px;padding-bottom:36px;border-bottom:1px dashed #d3d3d3}
.combo .sec9 .package .package_apply .tab_cont .origin_area .price_info>li{display:flex;justify-content: space-between;}
.combo .sec9 .package .package_apply .tab_cont .origin_area .price_info>li:not(:last-child){margin-bottom:12px}
.combo .sec9 .package .package_apply .tab_cont .origin_area .price_info .txt{color:#202020;font-size:24px;letter-spacing: -0.03em;font-weight: 700;}
.combo .sec9 .package .package_apply .tab_cont .origin_area .price_info .num{color:#202020;font-size:24px;letter-spacing: -0.03em;font-weight: 700;}
.combo .sec9 .package .package_apply .tab_cont .bc_area{margin-bottom:36px;padding-bottom:32px;border-bottom:1px dashed #d3d3d3}
.combo .sec9 .package .package_apply .tab_cont .bc_area .obj_list{text-align: right;}
.combo .sec9 .package .package_apply .tab_cont .bc_area .obj_list>li{color:#202020;font-size:20px;letter-spacing: -0.03em;}
.combo .sec9 .package .package_apply .tab_cont .total_area .price_info>li{display:flex;justify-content: space-between;}
.combo .sec9 .package .package_apply .tab_cont .total_area .price_info>li:not(:last-child){margin-bottom:10px}
.combo .sec9 .package .package_apply .tab_cont .total_area .price_info .txt{color:#202020;font-size:24px;letter-spacing: -0.03em;font-weight: 700;}
.combo .sec9 .package .package_apply .tab_cont .total_area .price_info .num{color:#202020;font-size:24px;letter-spacing: -0.03em;font-weight: 700;}
.combo .sec9 .package .package_apply .tab_cont .total_area .price_info .month .txt{color:#fe6801}
.combo .sec9 .package .package_apply .tab_cont .total_area .price_info .month .num{color:#fe6801}
.combo .sec9 .package .package_apply .tab_cont .btn_purchase{display:flex;align-items: center;justify-content: center;width:100%;height:82px;margin-top:32px;background:#fe6801;border:none;border-radius: 4px;color:#fff;font-size:24px;letter-spacing: -0.03em;font-weight: 700;}

.combo .sec10{background:#035d48}
.combo .sec10 .width{padding:120px 0 210px 0}
.combo .sec10 .tit{margin-bottom:36px;color:#fff;font-size:30px;font-family: GmarketSans;font-weight: 600;letter-spacing: -0.03em;}
.combo .sec10 .caution_box:not(:last-child){margin-bottom:54px}
.combo .sec10 .caution_box .point{font-weight: 600;}
.combo .sec10 .tit_caution{display:block;margin-bottom:6px;color:#fff;font-size:22px;font-weight: 800;letter-spacing: -0.03em;}
.combo .sec10 .caution_depth1>li{position:relative;padding-left:25px;color:#fff;font-size:22px;font-weight: 300;letter-spacing: -0.03em;}
.combo .sec10 .caution_depth1>li:not(:last-child){margin-bottom:3px}
.combo .sec10 .caution_depth1>li::before{content:"";display:block;position:absolute;top:13px;left:12px;width:5px;height:5px;background:#fff;border-radius: 100%;}
.combo .sec10 .caution_depth2{margin:24px 0 24px 5px;padding-left:32px;border-left:2px solid #cddfda}
.combo .sec10 .caution_depth2 .tit_depth2{margin-bottom:2px;color:#fff;font-size:18px;font-weight: 700;letter-spacing: -0.03em;}
.combo .sec10 .caution_depth2 .tit_depth2.mt22{margin-top:22px}
.combo .sec10 .caution_depth2>ul>li{color:#e5e5e5;font-size:18px;letter-spacing: -0.03em;}
.combo .sec10 .caution_depth2>ul>li:not(:last-child){margin-bottom:2px}
.res{display:none}

.combo .floating{position:fixed;bottom:0;left:0;width:100%;height:auto;background-image: linear-gradient(to right, #12b848 50%, #ffd540 50%);padding:0 30px;text-align: center;z-index:11;}
.combo .floating>div{max-width:1496px;margin:0 auto}
.combo .floating img{max-width:100%}
.combo .floating>div.fb_mo{display:none}

@keyframes floating1 {
  0%{transform: translateY(0);}
  100%{transform: translateY(-15px)}
}

@keyframes scale{
  0%{transform: scale(0.7);opacity:0;}
  100%{transform: scale(1);opacity:1;}
}

@media screen and (max-width: 1590px) {
  .combo .sec1 .tit_sec1 .tit img{width:600px}
  .combo .sec1 .tab_sec1{right:0}
}
@media screen and (max-width: 1420px) {
  .res{display:block}
  .combo .sec1 .width{padding:142px 30px 120px 30px}
  .combo .sec1 .tit_sec1 .tit img{width:60%}
  .combo .sec1 .tab_sec1{width:38%;bottom:auto;top:50%;transform: translateY(-50%);}
  .combo .sec1 .tab_sec1 .bg_tab{max-width:100%}

  .combo .sec1 .edu_benefit_wrap{padding:64px 60px 90px 60px}
  .combo .sec1 .edu_benefit_wrap .edu_benefit .item .img_area img{max-width:90%}

  .combo .sec2 .edu_review .inner{padding-left:30px}

  /* .combo .sec3 .width{padding:120px 30px} */
  .combo .sec3 .tit{max-width:calc(100% - 80px);margin:0 auto}
  .combo .sec3 .tit img{width:100%}
  .combo .sec3 .package_item{padding:0 30px}
  .combo .sec3 .img_area{height:35vw;overflow: hidden;}
  .combo .sec3 .img_area img{height:100%;width:auto}

  .combo .sec4 .width{padding:120px 30px}
  .combo .sec4 .package_detail{display:block}
  .combo .sec4 .package_detail .free_list{width:100%}

  .combo .sec5 .bg_tit{padding:86px 30px 0 30px}
  .combo .sec5 .benefit_list .inner{padding-left:30px}

  .combo .sec6 .total_user .width{background:url('https://front.compasspub.com/landing/images/bigbox/combo/bg_sec6_top1.png') left 20px bottom -50px / 282px auto no-repeat, url('https://front.compasspub.com/landing/images/bigbox/combo/bg_sec6_top2.png') right 46px bottom -54px / 262px auto no-repeat}

  .combo .sec6 .course_wrap{padding-right:80px}
  .combo .sec6 .course_wrap .width{width:100%}
  .combo .sec6 .course_wrap .course_content{margin:0 60px}
  .combo .sec6 .course_wrap .course_cont{align-items: center;margin:0;padding:48px 86px 74px 46px}
  .combo .sec6 .course_wrap .course_cont .course_info{padding-top:0;width:28vw}
  .combo .sec6 .course_wrap .course_cont .course_slide{width:30vw;padding:0.9vw}
  .combo .sec6 .course_wrap .course_content .swiper-button-prev{left:-45px}
  .combo .sec6 .course_wrap .course_content .swiper-button-next{right:-45px}

  .combo .sec9 .width{padding:120px 30px}
  .combo .sec9 .package{padding-right:50px}

  .combo .sec10 .width{padding:120px 30px 210px 30px}
}
@media screen and (max-width: 1280px) {
  .combo .sec9 .package{gap:0 4%}
  .combo .sec9 .package .package_tab{width:66%}
  .combo .sec9 .package .package_apply{width:30%;flex-shrink: inherit;}
}
@media screen and (max-width: 1100px) {
  .combo .sec3 .package_item .item{width:33%;height:15vw;background-size:100% auto}
  .combo .sec6 .course_wrap .course_tab>ul{margin:0 60px}
  .combo .sec6 .course_wrap .course_tab>ul>li{width:100%}
  .combo .sec6 .course_wrap .course_tab>ul>li>a{width:auto}
}
@media screen and (max-width: 1024px) {
  .combo .sec1 .width{padding:80px 30px}
  .combo .sec1 .edu_benefit_wrap{padding:60px 40px}
  .combo .sec1 .edu_benefit_wrap .tit{top:-40px}
  .combo .sec1 .edu_benefit_wrap .tit img{width:450px}
  .combo .sec1 .edu_benefit_wrap .edu_benefit{margin-top:40px}
  .combo .sec1 .edu_benefit_wrap .ev_date{font-size:26px}
  .combo .sec1 .edu_benefit_wrap .edu_benefit .icon_plus{display:none}
  .combo .sec1 .edu_benefit_wrap .edu_benefit .item .img_area{height:200px}

  .combo .sec3 .package_item .item .obj_box{height:100%}
  .combo .sec3 .package_item .item .obj{font-size:2.8vw}
  .combo .sec3 .package_item .item .obj strong{font-size:2.5vw}

  .combo .sec4 .package_detail{padding:40px}
  .combo .sec4 .package_detail .price .bigbox_list{padding:0}
  .combo .sec4 .package_detail .price .g_tab{padding-left:20px}
  .combo .sec4 .package_detail .price .g_tab .icon_plus{left:1vw}
  .combo .sec4 .package_detail .free_list::before{content:"";display:block;position:absolute;top:-14px;left:50%;transform: translateX(-50%);width:29px;height:29px;background:url('https://front.compasspub.com/landing/images/bigbox/combo/icon_plus.png');}
  .combo .sec4 .package_detail .free_list .tit_free{display:none}

  .combo .sec6 .total_user .width{background:url('https://front.compasspub.com/landing/images/bigbox/combo/bg_sec6_top1.png') left 20px bottom -38px / 220px auto no-repeat, url('https://front.compasspub.com/landing/images/bigbox/combo/bg_sec6_top2.png') right 46px bottom -40px / 200px auto no-repeat}
  .combo .sec6 .course_wrap .course_cont{padding:48px 86px 74px 86px}
  .combo .sec6 .course_wrap .course_cont.on{display:block;text-align: center;}
  .combo .sec6 .course_wrap .course_cont .course_info{width:100%}
  .combo .sec6 .course_wrap .course_cont .course_info .tag{margin:0 auto 28px auto}
  .combo .sec6 .course_wrap .course_cont .course_slide{width:420px;margin:40px auto 0 auto;padding:19px}

  .combo .sec8 .overview_wrap{padding:0 30px}
  .combo .sec8 .overview .overview_list>li{width:calc(50% - 3.4vw)}
  @keyframes floating1 {
    0%{transform: translateY(0);}
    100%{transform: translateY(-10px)}
  }

}
@media screen and (max-width:1020px) {
  .combo .sec6 .course_wrap{padding:0}
  .combo .sec7 .tab_img_area img{max-width:none;position:relative;left:50%;transform: translateX(-50%);width:1000px;}
  .combo .sec9 .package{display:block;padding-right:0}
  .combo .sec9 .package .package_tab{width:100%}
  .combo .sec9 .package .package_apply{position:relative;width:100%;margin-top:40px;}
}
@media screen and (min-width:768px) {
  .combo .sec8 .overview .overview_list_wrap{display:block !important}
  .combo .sec10 .caution_depth1{display:block !important}
}
@media screen and (max-width:767px) {
  .combo .mo{display:block}
  .combo .sec1{background:url('https://front.compasspub.com/landing/images/bigbox/combo/bg_sec1_mo.png') center bottom / cover no-repeat}
  .combo .sec1 .width{padding:48px 30px 60px 30px}
  .combo .sec1 .tit_sec1{padding-bottom:0}
  .combo .sec1 .tit_sec1 .tit img{width:100%}
  .combo .sec1 .tab_sec1{position:relative;}
  .combo .sec1 .tab_sec1{width:calc(100% + 20px);margin:24px 0 0 -4px;transform: none;}
  .combo .sec1 .tab_sec1 .bg_tab.pc{display:none}
  .combo .sec1 .edu_benefit_wrap{margin-top:58px;padding:9vw 18px 38px 18px}
  .combo .sec1 .edu_benefit_wrap .tit{top:0;transform: translate(-50%, -46%);width:100%;padding:0 28px;margin:0 auto;box-sizing: border-box;text-align: center;}
  .combo .sec1 .edu_benefit_wrap .tit img{max-width:100%;width:auto;margin:0 auto}
  .combo .sec1 .edu_benefit_wrap .emoji{display:none}
  .combo .sec1 .edu_benefit_wrap .edu_benefit{gap:0 5px;margin-top:15px}
  .combo .sec1 .edu_benefit_wrap .edu_benefit .item{border-width: 3px;border-radius: 8px;padding-bottom:4vw}
  .combo .sec1 .edu_benefit_wrap .edu_benefit .item .img_area{height:21.115vw;padding-top:0;margin-top:4.5vw}
  .combo .sec1 .edu_benefit_wrap .edu_benefit .item .img_area .img{height:100%}
  .combo .sec1 .edu_benefit_wrap .edu_benefit .item .img_area img{max-height:100%}
  .combo .sec1 .edu_benefit_wrap .edu_benefit .item .txt{font-size:14px;letter-spacing: -0.015em;line-height: 1.2;}
  .combo .sec1 .edu_benefit_wrap .edu_benefit .item::after{top:-3px;left:-3px;background-size:100% auto;width:14.17vw;height:11.15vw}
  .combo .sec1 .edu_benefit_wrap .ev_date{font-size:4.2vw;letter-spacing: -0.015em;}

  .combo .sec2 .width{padding:47px 0}
  .combo .sec2 .edu_review .inner .swiper-slide{width:61.39vw;margin-right:18px}
  .combo .sec2 .edu_review .inner .swiper-slide img{width:100%}

  .combo .sec3{background:url('https://front.compasspub.com/landing/images/bigbox/combo/bg_sec3_mo.png') center bottom / cover no-repeat}
  .combo .sec3 .width{padding:53px 0 56px 0}
  .combo .sec3 .tit{max-width:100%;padding:0 25px;box-sizing: border-box;}
  .combo .sec3 .package_item{display:none}
  .combo .sec3 .package_item.mo{display:block;text-align: center;}
  .combo .sec3 .package_item.mo img{max-width:100%}
  .combo .sec3 .eff_pang_mo, .combo .sec3 .bg_mo{display:block}
  .combo .sec3 .bg, .combo .sec3 .eff_pang{display:none}
  .combo .sec3 .eff_pang_mo{position:absolute;top:0}
  .combo .sec3 .img_area{height:auto;padding:0;overflow: hidden;}
  .combo .sec3 .img_area img{margin:0 auto;height:66.5vw}
  .combo .sec3 .bg_mo{transform: translateX(3%);}
  .combo .sec3 .eff_pang_mo{left:50%;transform: translateX(-50%);}
  .combo .sec3 .txt{margin-top:33px;font-size:19px;line-height: 25px;}

  .combo .sec4 .width{padding:60px 30px}
  .combo .sec4 .bg_tit{margin-bottom:30px;background-size:52px auto;padding-top:46px;font-size:23px;letter-spacing: -0.015em;line-height: 1.2;}
  .combo .sec4 .package_detail{display:none}
  .combo .sec4 .total_price{display:none}
  .combo .sec4 .mo_img{display:block}
  .combo .sec4 .mo_img img{width:calc(100% + 20px);margin-left:-10px}

  .combo .sec5 .width{padding:40px 0 60px 0}
  .combo .sec5 .bg_tit{padding-top:46px;background-size:33px auto;font-size:23px;letter-spacing: -0.015em;line-height: 1.2;}
  .combo .sec5 .benefit_list{margin-top:30px}
  .combo .sec5 .benefit_list .swiper-slide{width:150px}
  .combo .sec5 .benefit_list .floating_tit{width:120px;height:25px;top:-13px;font-size:16px;line-height: 25px;letter-spacing: -0.015em;}
  .combo .sec5 .benefit_list .swiper-slide{padding:28px 0 14px 0}
  .combo .sec5 .benefit_list .swiper-slide .img_area{display:flex;align-items: center;justify-content: center;height:90px}
  .combo .sec5 .benefit_list .swiper-slide img{max-width:100%;max-height:100%;width:auto;height:auto}
  .combo .sec5 .benefit_list .swiper-slide .content .txt{margin-top:18px;min-height:52px;font-size:14px;letter-spacing: -0.015em;line-height: 1.2;}

  .combo .sec6 .total_user .width{padding:40px 0;background:url('https://front.compasspub.com/landing/images/bigbox/combo/bg_sec6_top1.png') left -33px bottom -18px / 109px auto no-repeat, url('https://front.compasspub.com/landing/images/bigbox/combo/bg_sec6_top2.png') right -30px bottom -26px / 127px auto no-repeat}
  .combo .sec6 .total_user .width::after{bottom:-22px;border-width:22.5px 18.5px 0 18.5px;}
  .combo .sec6 .total_user .txt1{font-size:18px}
  .combo .sec6 .total_user .txt2{font-size:16px}
  .combo .sec6 .btn_all_guide{width:169px;height:31px;margin-top:9px;line-height: 31px;font-size:14px;letter-spacing: -0.03em;}
  .combo .sec6 .course_wrap .width{padding:54px 0 60px 0}
  .combo .sec6 .course_wrap .course_tab>ul{flex-wrap: wrap;gap:5px;width:267px;margin:0 auto}
  .combo .sec6 .course_wrap .course_tab>ul>li{width:calc(50% - 2.5px)}
  .combo .sec6 .course_wrap .course_tab>ul>li>a{padding:4px;font-size:16px;}
  .combo .sec6 .course_wrap .course_content{margin:0 25px}
  .combo .sec6 .course_wrap .course_cont{margin:0;padding:30px 14px 60px 14px}
  .combo .sec6 .course_wrap .course_cont .course_info .tag{width:82px;height:24px;margin-bottom:14px;line-height: 24px;font-size: 10px;letter-spacing: 0;}
  .combo .sec6 .course_wrap .course_cont .course_info .sub_tit{margin-bottom:5px;font-size:14px;letter-spacing: -0.015em;}
  .combo .sec6 .course_wrap .course_cont .course_info .main_tit{font-size:23px;letter-spacing: -0.015em;}
  .combo .sec6 .course_wrap .course_cont .course_info .course_list{margin-top:13px}
  .combo .sec6 .course_wrap .course_cont .course_info .course_list>li{font-size:14px;letter-spacing: -0.015em;line-height: 1;}
  .combo .sec6 .course_wrap .course_cont .course_info .course_list>li:not(:last-child){margin-bottom:3px}
  .combo .sec6 .course_wrap .course_content .swiper-button-next, .combo .sec6 .course_wrap .course_content .swiper-button-prev{width:13px;height:19px;background-size:13px auto}
  .combo .sec6 .course_wrap .course_content .swiper-button-prev{left:-20px}
  .combo .sec6 .course_wrap .course_content .swiper-button-next{right:-20px}
  .combo .sec6 .course_wrap .course_cont .course_slide{width:56.5vw;padding:2.4vw;margin-top:28px}
  .combo .sec6 .course_wrap .course_cont.tab_item1 .course_slide .icon.item{left:-18.5%}
  .combo .sec6 .course_wrap .course_cont.tab_item2 .course_slide .icon.item{left:-19.5%}
  .combo .sec6 .course_wrap .course_cont.tab_item3 .course_slide .icon.item{left:-18.5%}
  .combo .sec6 .course_wrap .course_cont.tab_item4 .course_slide .icon.item{left:-19.5%}
  .combo .sec6 .course_wrap .course_cont .course_slide .swiper-pagination{margin-top:23px}
  .combo .sec6 .course_wrap .course_cont .course_slide .swiper-pagination-bullet{width:6px;height:6px;margin:0 1.5px}
  .combo .sec6 .course_wrap .course_cont .course_slide .swiper-pagination-bullet-active{width:36px;height:5px}

  .combo .sec7 .width{padding:55px 0 60px 0}
  .combo .sec7 .tit{font-size:23px;letter-spacing: -0.015em;}
  .combo .sec7 .tab_img_area{margin:30px 0 36px 0}
  .combo .sec7 .tab_img_area img{width:auto;left:0;transform: none;max-width:calc(100% - 15px)}
  .combo .sec7 .tab_spec_slide .swiper-slide{width:150px;margin-right:10px;border-radius: 8px;}
  .combo .sec7 .tab_spec_slide .swiper-slide .tab_spec_box{padding:0;height:135px}
  .combo .sec7 .tab_spec_slide .swiper-slide .tab_spec_box .tab_spec_box_tit{margin-bottom:3px;font-size:17px;letter-spacing: -0.015em;}
  .combo .sec7 .tab_spec_slide .swiper-slide .tab_spec_box .tab_spec_box_txt{font-size:14px;letter-spacing: -0.015em;line-height: 1.2;}
  .combo .sec7 .tab_spec_slide .swiper-slide .tab_spec_box .tab_spec_box_txt br{display:none}
  .combo .sec7 .tab_spec_slide .swiper-slide .tab_spec_box .tab_spec_box_txt br.mo{display:block}

  .combo .sec8{background:url('https://front.compasspub.com/landing/images/bigbox/combo/bg_sec8_mo.png') center bottom / cover no-repeat}
  .combo .sec8 .width{padding:60px 0}
  .combo .sec8 .tit{font-size:23px;letter-spacing: -0.015em;}
  .combo .sec8 .overview:not(:last-child){margin-bottom:30px}
  .combo .sec8 .tit_overview::after{display:none}
  .combo .sec8 .tit_overview{margin-bottom:22px;padding-bottom:2px;font-size:17px;letter-spacing: -0.005em;border-bottom:2px solid #1b1b1b}
  .combo .sec8 .tit_overview::before{content:"";display:block;position:absolute;top:8px;right:0;transform: rotate(0);width:12px;height:8px;background:url('https://front.compasspub.com/landing/images/bigbox/combo/icon_arrow_b.png') center / 12px auto no-repeat;transition:.3s}
  .combo .sec8 .tit_overview.on::before{transform: rotate(180deg);}
  .combo .sec8 .overview .overview_list_wrap{display:none}
  .combo .sec8 .overview .overview_list_wrap.once{display:block}
  .combo .sec8 .overview .overview_list{gap:25px 3.79vw;padding-bottom:24px;border-bottom:1px solid #000}
  .combo .sec8 .overview .overview_list>li{width:calc(50% - 1.9vw)}
  .combo .sec8 .overview_wrap{margin-top:38px;padding:0 25px}
  .combo .sec8 .overview .overview_list .tit_list{margin-bottom:5px;font-size:14px;letter-spacing: -0.015em;line-height: 1.2;}
  .combo .sec8 .overview .overview_list .txt_box li{font-size:12px;letter-spacing: -0.015em;line-height: 1.2}

  .combo .sec9 .width{padding:40px 25px 60px 25px}
  .combo .sec9 .tit{margin-bottom:17px;font-size:23px;letter-spacing: -0.015em;}
  .combo .sec9 .provide{margin-bottom:26px}
  .combo .sec9 .provide .tit_provide{margin-bottom:6px;font-size:17px;letter-spacing: -0.015em;}
  .combo .sec9 .provide .obj{padding:0;font-size:14px;letter-spacing: -0.015em;line-height: 1.2;border-radius: 8px;}
  .combo .sec9 .provide .obj .mo{display:block}
  .combo .sec9 .package .package_tab .tit_tab{font-size:17px;margin-bottom:6px;letter-spacing: -0.015em;}

  .combo .sec9 .package .package_tab .tab{gap:8px}
  .combo .sec9 .package .package_tab .tab .item{width:calc(50% - 4px);border-radius: 8px;padding-bottom:26px}
  .combo .sec9 .package .package_tab .tab .item .age{width:83px;height:25px;line-height: 25px;font-size:12px;letter-spacing: -0.015em;border-radius: 0 0 8px 0;}
  .combo .sec9 .package .package_tab .item .img_area{height:58px}
  .combo .sec9 .package .package_tab .item .img_area img{max-height:100%;max-width:90%}
  .combo .sec9 .package .package_tab .tab .item .tit_pac{margin-bottom:4px;font-size:14px;letter-spacing: -0.015em;}
  .combo .sec9 .package .package_tab .tab .item .book{font-size:10px;letter-spacing: -0.015em;line-height: 1.2;}
  .combo .sec9 .package .package_apply{margin-top:20px;}
  .combo .sec9 .package .package_apply .tab_cont .btn_purchase{border-radius: 8px;height:63px;font-size:19px;letter-spacing: -0.015em;}
  .combo .sec9 .package .package_apply .tit_apply{margin-bottom:14px;font-size:17px;letter-spacing: -0.015em;}
  .combo .sec9 .package .package_apply .tab_cont .overview{height:34px;margin-bottom:8px;font-size:14px;letter-spacing: -0.015em;}
  .combo .sec9 .package .package_apply .tab_cont .origin_area{padding-bottom:10px;margin-bottom:15px}
  .combo .sec9 .package .package_apply .tab_cont .origin_area .price_info>li:not(:last-child){margin-bottom:4px}
  .combo .sec9 .package .package_apply .tab_cont .origin_area .price_info .txt{font-size:14px;letter-spacing: -0.015em;}
  .combo .sec9 .package .package_apply .tab_cont .origin_area .price_info .num{font-size:14px;letter-spacing: -0.015em;}
  .combo .sec9 .package .package_apply .tab_cont .bc_area{padding-bottom:16px;margin-bottom:16px}
  .combo .sec9 .package .package_apply .tab_cont .bc_area .obj_list>li{font-size:12px}
  .combo .sec9 .package .package_apply .tab_cont .total_area .price_info>li:not(:last-child){margin-bottom:5px}
  .combo .sec9 .package .package_apply .tab_cont .total_area .price_info .txt{font-size:17px;letter-spacing: -0.015em;}
  .combo .sec9 .package .package_apply .tab_cont .total_area .price_info .num{font-size:17px;letter-spacing: -0.015em;}

  .combo .sec10 .width{padding:50px 25px 60px 25px}
  .combo .sec10 .tit{margin-bottom:18px;font-size:15px;letter-spacing: -0.015em;}
  .combo .sec10 .caution_box:not(:last-child){margin-bottom:32px}
  .combo .sec10 .tit_caution{position:relative;font-size:10px}
  .combo .sec10 .tit_caution::after{content:"";display:block;position:absolute;top:4px;right:0;transform: rotate(0);width:12px;height:8px;background:url('https://front.compasspub.com/landing/images/bigbox/combo/icon_arrow_w.png') center / 12px auto no-repeat;transition:.3s}
  .combo .sec10 .tit_caution.on::after{transform: rotate(180deg)}
  .combo .sec10 .caution_depth1{display:none}
  .combo .sec10 .caution_depth1.once{display:block}
  .combo .sec10 .caution_depth1>li{padding-left:9px;font-size:10px}
  .combo .sec10 .caution_depth1>li::before{width:2px;height:2px;top:6px;left:3px}
  .combo .sec10 .caution_depth2{margin:10px 0 10px 2px;padding-left:10px;border-width:1px}
  .combo .sec10 .caution_depth2 .tit_depth2{font-size:9px;margin-bottom:0}
  .combo .sec10 .caution_depth2>ul>li{font-size:9px}
  .combo .sec10 .caution_depth2>ul>li:not(:last-child){margin-bottom:0}
  .combo .sec10 .caution_depth2 .tit_depth2.mt22{margin-top:15px}

  .combo .floating{padding:0}
  .combo .floating>div.fb_pc{display:none}
  .combo .floating>div.fb_mo{display:block}
  .combo .floating>div.fb_mo img{width:100%}
}

/* 리딩오션스 워크북 */
.workbook .width{max-width:1280px}
.workbook .mo{display:none !important}
.workbook .wb_img_wrap .pc, .workbook .wb_img_wrap .mo{display:block;width:100%}
.workbook .intro{position:relative;padding:113px 0 16px 0;background:url('https://front.compasspub.com/landing/images/bigbox/workbook/bg_intro_pc.png') center bottom / cover no-repeat;}
.workbook .intro .bedge_top{position:absolute;top:60px;right:140px;}
.workbook .intro .width{max-width:1298px}
.workbook .intro .wb_img_wrap{position:relative}
.workbook .float_heart{position:absolute;top:92px;left:106px;animation: floating1 1.5s infinite linear alternate}

.workbook .sec1{background:#F0607F;}
.workbook .sec1 .video_area{position:relative;border: 10px solid #EE496D;padding-bottom:56.25%;box-sizing: border-box;}
.workbook .sec1 .video_area iframe{position:absolute;top:0;left:0;width:100%;height:100%}

.workbook .floating{padding:0;background:none;background:transparent;overflow: hidden;z-index:11;}
.workbook .floating::before{content:"";display:block;position:absolute;bottom:0;left:-50%;width:100%;height:calc(100% - 42px);background:#000;z-index:-1}
.workbook .floating::after{content:"";display:block;position:absolute;bottom:0;right:-50%;width:100%;height:calc(100% - 42px);background:#5A30B2;z-index:-1}
.workbook .floating>div{max-width:none;}

.workbook .sec1{padding:110px 0}

.workbook .sec2{padding:120px 0;background: linear-gradient(180deg, #F0F0FF 0%, #F1E8FF 100%);}
.workbook .sec2 .tit{margin-bottom:10px;color: #131313;font-size: 52px;font-weight: 700;letter-spacing: -1.04px;text-align: center;line-height: normal;}
.workbook .sec2 .tit strong{color: #FA3C5F;}
.workbook .sec2 .sub_tit{color: #3C46FA;font-family: Pretendard;font-size: 28px;font-weight: 600;letter-spacing: -0.56px;text-align: center;line-height: normal;}
.workbook .sec2 .wb_img_wrap{margin:41px 0 80px 0}
.workbook .sec2 .btn_purchase{display:flex;align-items: center;justify-content: center;gap:0 16px;width:723px;height:96px;margin:0 auto;padding-top:4px;background:#3a42da;border:none;color:#fff;font-size:36px;font-weight: 700;letter-spacing: -0.72px;box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.25) inset;}
.workbook .sec2 .btn_purchase .ico{width:14px;height:24px;margin-top:-4px;background:url("https://front.compasspub.com/landing/images/bigbox/workbook/icon_arrow1.png") center / 14px auto no-repeat}

.workbook .sec3{padding:120px 0}
.workbook .sec3 .tit{margin-bottom:80px;color: #111;font-size: 52px;font-weight: 700;line-height: 60px;letter-spacing: -1.04px;text-align: center;}
.workbook .sec3 .tit strong{color:#5A30B2;}

.workbook .sec4{background: #5A30B2;}
.workbook .sec4 .width{max-width:1408px;padding-top:100px}

.workbook .sec5{padding:120px 0}
.workbook .sec5 .tit_area{margin-bottom:80px;text-align: center;}
.workbook .sec5 .tit_area .tit{color: #111;font-size: 32px;font-weight: 500;line-height: normal;letter-spacing: -0.64px;}
.workbook .sec5 .tit_area .tit strong{display:block;margin-top:8px;font-weight: 700;font-size: 52px;letter-spacing: -1.04px;}
.workbook .sec5 .tit_area .sub_tit{margin-top:14px;color: #FA3C5F;font-family: Pretendard;font-size: 30px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -0.6px;}
.workbook .sec5 .wb_img_wrap img{width:auto;margin:0 auto}
.workbook .sec5 .review_slide{margin-top:70px}
.workbook .sec5 .review_slide .inner{overflow: hidden;}
.workbook .sec5 .review_slide .inner .swiper-slide{width:calc(33.333% - 2/3 * 40px)}
.workbook .sec5 .review_slide .inner .swiper-slide:not(:last-child){margin-right:40px}
.workbook .sec5 .review_slide .inner .swiper-slide img{width:100%}
.workbook .sec5 .review_slide .rs_prev, .workbook .review_slide .rs_next{display:none}

.workbook .sec6{padding:120px 0;background: #FFF1F3;}
.workbook .sec6 .tit_area{margin-bottom:80px;text-align: center;}
.workbook .sec6 .tit_area .tit{color: #111;font-size: 52px;font-weight: 700;line-height: normal;letter-spacing: -1.04px;}
.workbook .sec6 .tit_area .tit strong{color:#ff3559}
.workbook .sec6 .tit_area .sub_tit{color:#111;font-size:32px;font-weight: 500;letter-spacing: -0.64px;}
.workbook .sec6 .wb_img_wrap img{width:auto;margin:0 auto}
.workbook .sec6 .point_slide{margin-top:60px}
.workbook .sec6 .point_slide .inner{overflow: hidden;}
.workbook .sec6 .point_slide .inner .swiper-slide{width:calc(33.333% - 2/3 * 40px)}
.workbook .sec6 .point_slide .inner .swiper-slide:not(:last-child){margin-right:40px}
.workbook .sec6 .point_slide .inner .swiper-slide img{width:100%}

.workbook .sec7{padding:120px 0}
.workbook .sec7 .tit_area{margin-bottom:80px;text-align: center;}
.workbook .sec7 .tit_area .tit{color: #111;font-size: 32px;font-weight: 500;line-height: normal;letter-spacing: -0.64px;}
.workbook .sec7 .tit_area .tit strong{display:block;margin-top:-6px;font-weight: 700;font-size: 52px;letter-spacing: -1.04px;}
.workbook .sec7 .tit_area .sub_tit{margin-top:14px;color: #FA3C5F;font-family: Pretendard;font-size: 30px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -0.6px;}

.workbook .sec8{padding:120px 0;background: #F9F9F9;}
.workbook .sec8>.width>.tit{margin-bottom:80px;text-align: center;color: #333;font-size: 32px;font-weight: 500;line-height: normal;letter-spacing: -0.64px;}
.workbook .sec8>.width>.tit strong{display:block;margin-top:-6px;color:#131313;font-weight: 700;font-size: 52px;letter-spacing: -1.04px;}
.workbook .sec8 .step_tab{margin-bottom:80px}
.workbook .sec8 .step_tab>ul{display:flex;align-items: center;justify-content: center;gap:0 10px}
.workbook .sec8 .step_tab>ul>li{width:calc(25% - 3/4 * 10px)}
.workbook .sec8 .step_tab>ul>li>a{display:flex;align-items: center;justify-content: center;width:100%;height:74px;padding-top:4px;border-radius: 60px;background: #D4D4D4;color: #FFF;font-size: 22px;letter-spacing: -0.44px;}
.workbook .sec8 .step_tab>ul>li>a.selected{background:#444}

.workbook .sec8 .step_tab_cont{display:none;border-radius: 30px;overflow: hidden;}
.workbook .sec8 .step_tab_cont.on{display:block}
.workbook .sec8 .step_tab_cont .inner_tab>ul{display:flex;align-items: center;}
.workbook .sec8 .step_tab_cont .inner_tab>ul>li{width:100%}
.workbook .sec8 .step_tab_cont .inner_tab>ul>li>a{display:flex;align-items: center;justify-content: center;height:80px;color: #FFF;font-size: 22px;letter-spacing: -0.88px;}
.workbook .sec8 .step_tab_cont .inner_tab>ul>li>a.selected{font-size:30px;font-weight: 700;letter-spacing: -1.2px;text-decoration: underline;text-underline-offset:6px;text-decoration-thickness:2px}
.workbook .sec8 .step_tab_cont .detail_cont{display:none}
.workbook .sec8 .step_tab_cont .detail_cont.on{display:block}
.workbook .sec8 .step_tab_cont .detail_cont_top{display:flex;align-items: center;gap:0 40px;padding:35px 75px 60px;}
.workbook .sec8 .step_tab_cont .detail_cont_top .txt_area{width:100%}
.workbook .sec8 .step_tab_cont .detail_cont_top .txt_area dl{display:flex}
.workbook .sec8 .step_tab_cont .detail_cont_top .txt_area dt{color: #FFF;font-family: Pretendard;font-size: 20px;font-weight: 800;line-height: 34px;letter-spacing: -1px;flex-shrink: 0;}
.workbook .sec8 .step_tab_cont .detail_cont_top .txt_area dd{color: #FFF;font-family: Pretendard;font-size: 20px;font-weight: 500;line-height: 34px;letter-spacing: -1px;}
.workbook .sec8 .step_tab_cont .detail_cont_top .detail_table{margin-top:20px}
.workbook .sec8 .step_tab_cont .detail_cont_top .detail_table th{width:150px;height:40px;border-right: 1px solid #E9E9E9;border-bottom: 1px solid #E9E9E9;background: #F4F4F4;color: #333;font-family: Pretendard;font-size: 18px;font-weight: 500;line-height: 140%;letter-spacing: -0.54px;;text-align: center;}
.workbook .sec8 .step_tab_cont .detail_cont_top .detail_table th:nth-child(2){color:#000}
.workbook .sec8 .step_tab_cont .detail_cont_top .detail_table td{height:40px;border-right: 1px solid #E9E9E9;border-bottom: 1px solid #E9E9E9;background: #FFF;color: #333;font-family: Pretendard;font-size: 16px;font-weight: 300;line-height: 140%;letter-spacing: -0.48px;text-align: center;}
.workbook .sec8 .step_tab_cont .detail_cont_top .img_area{display:flex;justify-content: center;width:480px;flex-shrink: 0}
.workbook .sec8 .step_tab_cont .detail_cont_btm{background:#fff;padding:76px 84px}
.workbook .sec8 .step_tab_cont .detail_cont_btm>ul>li{display:flex}
.workbook .sec8 .step_tab_cont .detail_cont_btm>ul>li:not(:last-child){margin-bottom:70px}
.workbook .sec8 .step_tab_cont .detail_cont_btm .txt_area{width:280px;flex-shrink: 0;}
.workbook .sec8 .step_tab_cont .detail_cont_btm .txt_area .tit{margin-bottom:10px;color: #111;font-size: 30px;font-weight: 700;line-height: 44px; letter-spacing: -0.6px;}
.workbook .sec8 .step_tab_cont .detail_cont_btm .txt_area .desc{color: #444;font-family: Pretendard;font-size: 16px;font-weight: 300;line-height: 150%;letter-spacing: -0.32px;}
.workbook .sec8 .step_tab_cont .detail_cont_btm .img_area img{max-width:100%}

/* 각 스탭별 css */
.workbook .sec8 .step_tab_cont.lv0 .inner_tab>ul>li>a{background:#FFC86A;}
.workbook .sec8 .step_tab_cont.lv0 .inner_tab>ul>li>a.selected{background:#FFAE23}
.workbook .sec8 .step_tab_cont.lv0 .detail_cont_top{background:#FFAE23}

.workbook .sec8 .step_tab_cont.lv1 .inner_tab>ul>li>a{background:#B4E05F;}
.workbook .sec8 .step_tab_cont.lv1 .inner_tab>ul>li>a.selected{background:#99CA3B;}
.workbook .sec8 .step_tab_cont.lv1 .detail_cont_top{background:#99CA3B;}

.workbook .sec8 .step_tab_cont.lv2 .inner_tab>ul>li>a{background:#4FCEE7}
.workbook .sec8 .step_tab_cont.lv2 .inner_tab>ul>li>a.selected{background:#37B7D0;}
.workbook .sec8 .step_tab_cont.lv2 .detail_cont_top{background:#37B7D0;}

.workbook .sec8 .step_tab_cont.lv3 .inner_tab>ul>li>a{background:#BE8BBF;}
.workbook .sec8 .step_tab_cont.lv3 .inner_tab>ul>li>a.selected{background:#A165A3;}
.workbook .sec8 .step_tab_cont.lv3 .detail_cont_top{background:#A165A3;}

.workbook .sec9{padding:120px 0;background: #FDF6F6;}
.workbook .sec9 .tit_area{margin-bottom:80px;text-align: center;}
.workbook .sec9 .tit_area .tit{color: #111;font-size: 32px;font-weight: 500;line-height: normal;letter-spacing: -0.64px;}
.workbook .sec9 .tit_area .tit strong{display:block;margin-top:-6px;font-weight: 700;font-size: 52px;letter-spacing: -1.04px;}
.workbook .sec9 .tit_area .sub_tit{margin-top:14px;color: #FA3C5F;font-family: Pretendard;font-size: 30px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -0.6px;}

.workbook .sec10{padding:120px 0;background: #222;}
.workbook .sec10 .tit{margin-bottom:80px;text-align: center;}

.workbook .sec11{padding:120px 0;background: linear-gradient(180deg, #FFF0F0 0%, #FFDDE1 100%);}
.workbook .sec11 .tit_area{margin-bottom:80px;text-align: center;}
.workbook .sec11 .tit_area .tit{color:#131313;font-weight: 700;font-size:52px;letter-spacing: -1.04px;line-height: normal;}
.workbook .sec11 .tit_area .tit strong{color:#fa3c5f}
.workbook .sec11 .tit_area .sub_tit{margin-top:10px;color: #121212;font-family: Pretendard;font-size: 28px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -0.56px;}
.workbook .sec11 .sell_item1{position:relative;background:#fff;margin-bottom:40px;padding:67px 76px 50px;border-radius: 30px;border: 1px solid #FED1D6;}
.workbook .sec11 .sell_item1 .tag_num{position:absolute;top:0;left:0}
.workbook .sec11 .sell_item1 .bedge{position:absolute;top:-39px;right:19px}
.workbook .sec11 .btn_purchase{display:flex;align-items: center;justify-content: center;gap:0 16px;width:100%;height:90px;margin:0 auto;background:#272727;border:none;color:#fff;font-size:28px;font-weight: 700;letter-spacing: -0.56px;}
.workbook .sec11 .btn_purchase .ico{width:14px;height:24px;margin-top:-4px;background:url("https://front.compasspub.com/landing/images/bigbox/workbook/icon_arrow1.png") center / 14px auto no-repeat}
.workbook .sec11 .sell_item1 .btn_purchase{margin-top:50px}

.workbook .sec11 .sell_item2{position:relative;background:#fff;padding:67px 76px 80px;border-radius: 30px;border: 1px solid #FED1D6;}
.workbook .sec11 .sell_item2 .tag_num{position:absolute;top:0;left:0}
.workbook .sec11 .sell_item2>.wb_img_wrap{margin-bottom:72px}
.workbook .sec11 .sell_item2 .detail_area>li{padding:40px 0 0;border: 1px solid #EBE5E5;}
.workbook .sec11 .sell_item2 .detail_area>li:not(:last-child){margin-bottom:34px}

.workbook .sec12{padding:120px 0 160px 0;font-family: "Noto Sans KR";}
.workbook .sec12 .tit{margin-bottom:32px;color:#111;font-weight: 700;font-size:24px;letter-spacing: -0.48px;}
.workbook .sec12 .caution_box:not(:last-child){margin-bottom:50px}
.workbook .sec12 .caution_box .caution_tit{margin-bottom:12px;color:#111;font-weight: 500;font-size:24px;letter-spacing: -0.48px;}
.workbook .sec12 .caution_box>ul>li{position:relative;padding-left:35px;font-size:22px;line-height: 38px;letter-spacing: -0.44px;font-weight: 400;}
.workbook .sec12 .caution_box>ul>li::before{content:"";display:block;position:absolute;top:19px;left:10px;width:3px;height:3px;border-radius: 100%;background:#444;}

.floating_tab_wrap .floating_tab{position:sticky;top:120px;left:0;width:100%;background:#FFDDE1;z-index:10;}
.floating_tab_wrap .floating_tab>ul{display:flex;align-items: center;justify-content: center;}
.floating_tab_wrap .floating_tab>ul>li>a{display:flex;align-items: center;justify-content: center;width:320px;height:90px;color: #FDABAD;;font-size: 30px;font-weight: 700;letter-spacing: -0.6px;}
.floating_tab_wrap .floating_tab>ul>li>a.selected{background:#fff;color:#FF4869;}

@media screen and (min-width:1921px) {
  .workbook .float_heart{top:4.5vw}
}
@media screen and (max-width:1420px) {
  .workbook .sec4 .width{max-width:100%}
  .workbook .sec4 .width img{width:100%}
}
@media screen and (max-width:1400px) {
  .floating_tab_wrap .floating_tab{top:117px}
}
@media screen and (max-width:1320px) {
  .workbook .width{padding:0 20px}
  .workbook .float_heart{top:6vw;left:11vw;width:15vw}
  .workbook .intro .bedge_top{right:100px}
  .workbook .floating>div{padding:0 20px}
  .workbook .floating::before{height:calc(100% - 2.8vw)}
  .workbook .floating::after{height:calc(100% - 2.8vw)}
  .workbook .sec6 .wb_img_wrap img{width:100%}
  .workbook .sec8 .step_tab_cont .detail_cont_top .img_area{width:40%}
  .workbook .sec8 .step_tab_cont .detail_cont_top .img_area img{max-width:100%}
  .workbook .sec8 .step_tab_cont .detail_cont_top{padding:40px}
  .workbook .sec8 .step_tab_cont .detail_cont_btm{padding:40px}
}
@media screen and (max-width:1020px) {
  .workbook .intro .bedge_top{right:60px}
  .workbook .sec5 .review_slide .inner .swiper-slide{width:calc(33.333% - 2/3 * 20px)}
  .workbook .sec5 .review_slide .inner .swiper-slide:not(:last-child){margin-right:20px}
  .floating_tab_wrap .floating_tab{top:93px}
  .floating_tab_wrap .floating_tab>ul>li{width:100%}
  .floating_tab_wrap .floating_tab>ul>li>a{width:100%;height:45px;font-size: 15px;letter-spacing: -0.3px;}
  .workbook .sec8 .step_tab>ul{flex-wrap: wrap;gap:10px;padding:0 50px}
  .workbook .sec8 .step_tab>ul>li{width:calc(50% - 1/2*10px)}
  .workbook .sec11 .sell_item1 .bedge{display:none}
}
@media screen and (max-width:767px) {
  .workbook .pc{display:none !important}
  .workbook .mo{display:block !important}
  .workbook .width{padding:0 10px}
  .workbook .intro{padding:0}
  .workbook .float_heart{top:14vw;left:8vw;width:24.725vw}
  .workbook .intro .bedge_top{display:none}
  .workbook .intro .wb_img_wrap{padding:0}
  .workbook .floating>div{padding:0}
  
  .workbook .sec1{padding:50px 0}
  .workbook .sec1 .video_area{border-width:6px}

  .workbook .sec2{padding:50px 0;overflow: hidden;}
  .workbook .sec2 .tit{margin-bottom:4px;font-size:23px;letter-spacing: -0.46px;}
  .workbook .sec2 .sub_tit{font-size:14px;letter-spacing: -0.28px;}
  .workbook .sec2 .wb_img_wrap{margin:17px 0 30px}
  .workbook .sec2 .wb_img_wrap img{width:calc(100% + 12px)}
  .workbook .sec2 .btn_purchase{gap:0 8px;width:100%;height:48px;font-size:18px;letter-spacing: -0.36px;}
  .workbook .sec2 .btn_purchase .ico{width:7px;height:12px;margin-top:-4px;background-size:7px auto}

  .workbook .sec3{padding:50px 0}
  .workbook .sec3 .tit{margin-bottom:30px;font-size:17px;letter-spacing: -0.34px;line-height: normal;}

  .workbook .sec4 .width{padding:0}
  
  .workbook .sec5{padding:50px 0}
  .workbook .sec5 .tit_area{margin-bottom:40px}
  .workbook .sec5 .tit_area .tit{font-size:14px;letter-spacing: -0.28px;}
  .workbook .sec5 .tit_area .tit strong{margin-top:2px;font-size:23px;letter-spacing: -0.46px;}
  .workbook .sec5 .tit_area .sub_tit{margin-top:7px;font-size:13px;letter-spacing: -0.26px;}
  .workbook .sec5 .wb_img_wrap{margin:0 20px}
  .workbook .sec5 .wb_img_wrap img{width:100%}
  .workbook .sec5 .review_slide{position:relative;margin-top:35px;padding:0 40px}
  .workbook .sec5 .review_slide .inner .swiper-slide:not(:last-child){margin-right:0}
  .workbook .sec5 .review_slide .rs_prev, .workbook .sec5 .review_slide .rs_next{display:block;position:absolute;top:50%;transform: translateY(-50%);width:30px;height:30px;border:none;text-indent: -9999px;}
  .workbook .sec5 .review_slide .rs_prev{left:0;background:url("https://front.compasspub.com/landing/images/bigbox/workbook/icon_prev.png") center / 30px auto no-repeat}
  .workbook .sec5 .review_slide .rs_next{right:0;background:url("https://front.compasspub.com/landing/images/bigbox/workbook/icon_next.png") center / 30px auto no-repeat}

  .workbook .sec6{padding:50px 0}
  .workbook .sec6 .width{padding:0}
  .workbook .sec6 .tit_area{padding:0 10px;margin-bottom:30px}
  .workbook .sec6 .tit_area .tit{font-size:23px;letter-spacing: -0.46px;}
  .workbook .sec6 .tit_area .sub_tit{font-size:14px;letter-spacing: -0.28px;line-height: normal;}
  .workbook .sec6 .wb_img_wrap{padding:0 10px}
  .workbook .sec6 .point_slide .inner .swiper-slide{width:auto}
  .workbook .sec6 .point_slide .inner .swiper-slide:not(:last-child){margin-right:5px}
  .workbook .sec6 .point_slide .inner .swiper-slide img{width:158px}

  .workbook .sec7{padding:50px 0}
  .workbook .sec7 .tit_area{margin-bottom:30px}
  .workbook .sec7 .tit_area .tit{font-size:14px;letter-spacing: -0.28px;}
  .workbook .sec7 .tit_area .tit strong{margin-top:2px;font-size:23px;letter-spacing: -0.46px;}
  .workbook .sec7 .tit_area .sub_tit{margin-top:7px;font-size:13px;letter-spacing: -0.26px;}

  .workbook .sec8{padding:50px 0}
  .workbook .sec8>.width>.tit{margin-bottom:20px;font-size:14px;letter-spacing: -0.28px;}
  .workbook .sec8>.width>.tit strong{font-size:23px;letter-spacing: -0.46px;}
  .workbook .sec8 .step_tab{margin-bottom:20px}
  .workbook .sec8 .step_tab>ul{flex-wrap: wrap;gap:5px;padding:0 25px}
  .workbook .sec8 .step_tab>ul>li{width:calc(50% - 1/2*5px)}
  .workbook .sec8 .step_tab>ul>li>a{height:37px;font-size:11px;letter-spacing: -0.22px;}

  .workbook .sec8 .step_tab_cont{border-radius: 15px;}
  .workbook .sec8 .step_tab_cont .inner_tab>ul>li>a{height:25px;padding-top:4px;font-size:9px;letter-spacing: -0.27px;}
  .workbook .sec8 .step_tab_cont .inner_tab>ul>li>a.selected{font-size:11px;letter-spacing: -0.33px;text-underline-offset:2px;text-decoration-thickness:1px}

  .workbook .sec8 .step_tab_cont .detail_cont_top{padding:20px;gap:0 10px}
  .workbook .sec8 .step_tab_cont .detail_cont_top .detail_table th{width:54px;height:14px;font-size:7px;letter-spacing: -0.2px;}
  .workbook .sec8 .step_tab_cont .detail_cont_top .detail_table td{width:54px;height:14px;font-weight: 300;font-size:6px;}
  .workbook .sec8 .step_tab_cont .detail_cont_top .img_area{width:62px}
  .workbook .sec8 .step_tab_cont .detail_cont_top .img_area img{max-width:100%}
  .workbook .sec8 .step_tab_cont .detail_cont_top .txt_area dt{font-size:9px;letter-spacing: -0.25px;line-height: normal;}
  .workbook .sec8 .step_tab_cont .detail_cont_top .txt_area dd{font-size:9px;letter-spacing: -0.25px;line-height: normal;}
  .workbook .sec8 .step_tab_cont .detail_cont_btm{padding:20px}
  .workbook .sec8 .step_tab_cont .detail_cont_btm>ul>li{flex-direction: column;}
  .workbook .sec8 .step_tab_cont .detail_cont_btm>ul>li:not(:last-child){margin-bottom:20px}
  .workbook .sec8 .step_tab_cont .detail_cont_btm .txt_area{display:flex;align-items: flex-start;gap:0 4px;margin-bottom:8px}
  .workbook .sec8 .step_tab_cont .detail_cont_btm .txt_area .tit{margin:-2px 0 0;font-size:10px;letter-spacing: -0.3px;flex-shrink: 0;line-height: normal;}
  .workbook .sec8 .step_tab_cont .detail_cont_btm .txt_area .desc{font-size:8px;font-weight: 300;letter-spacing: -0.24px;line-height: normal}
  

  .workbook .sec9{padding:50px 0}
  .workbook .sec9 .tit_area{margin-bottom:30px}
  .workbook .sec9 .tit_area .tit{font-size:14px;letter-spacing: -0.28px;}
  .workbook .sec9 .tit_area .tit strong{margin-top:2px;font-size:23px;letter-spacing: -0.46px;}
  .workbook .sec9 .tit_area .sub_tit{margin-top:7px;font-size:13px;letter-spacing: -0.26px;}

  .workbook .sec10{padding:50px 0}
  .workbook .sec10 .tit{margin-bottom:30px}
  .workbook .sec10 .tit img{max-width:613px;width:100%;margin:0 auto}
  
  .workbook .sec11{padding:50px 0}
  .workbook .sec11 .tit_area{margin-bottom:40px}
  .workbook .sec11 .tit_area .tit{font-size:23px;letter-spacing: -0.46px;}
  .workbook .sec11 .tit_area .sub_tit{margin-top:2px;font-size:13px;letter-spacing: -0.26px;}
  .workbook .sec11 .sell_item1{margin-bottom:15px;padding:28px 32px 22px 32px;border-radius: 15px;}
  .workbook .sec11 .sell_item1 .tag_num img{width:27px}
  .workbook .sec11 .btn_purchase{gap:0 8px;height:45px;font-size:14px;letter-spacing: -0.28px;}
  .workbook .sec11 .btn_purchase .ico{width:7px;height:12px;margin-top:-2px;background-size:7px auto}

  .workbook .sec11 .sell_item2{padding:28px 15px 22px 15px;border-radius: 15px;}
  .workbook .sec11 .sell_item2 .tag_num img{width:27px}
  .workbook .sec11 .sell_item2 .detail_area>li{padding-top:24px}
  .workbook .sec11 .sell_item2 .detail_area>li:not(:last-child){margin-bottom:15px}

  .workbook .sec12{padding:60px 0 80px 0}
  .workbook .sec12 .tit{margin-bottom:16px;font-size:12px;letter-spacing: -0.24px;}
  .workbook .sec12 .caution_box:not(:last-child){margin-bottom:25px}
  .workbook .sec12 .caution_box .caution_tit{margin-bottom:6px;font-size:12px;letter-spacing: -0.24px;}
  .workbook .sec12 .caution_box>ul>li{padding-left:17px;font-size:11px;line-height: 19px;letter-spacing: -0.22px;}
  .workbook .sec12 .caution_box>ul>li::before{width:2px;height:2px;top:10px;left:5px}
}