@charset "euc-kr";

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

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

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

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

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


/* common */
#only1_wrapper .pc_inner,
#only1_wrapper .mask {position:relative; width: 1200px;margin: 0 auto; text-align:center;}
#only1_wrapper .thumb{position:relative; left:50%; transform:translateX(-50%);}

/* visual */
.visual{background:#6be5dc url(images/visual.png) no-repeat center top / cover; height:982px;}
.visual .book{position:absolute; left:0; top:0; margin:63px 0 0 -695px; animation: floatOnWater 2s ease-in-out infinite alternate;}
.visual .oj_1{position:absolute; top:0; left:50%; transform:translateX(-50%);}
.visual .oj_2{position:absolute; top:103px; right:-277px; animation: bol_updown 1s ease-in-out infinite alternate;}
.visual .oj_3{position:absolute; top:83px; left:-140px;}

@keyframes floatOnWater {
  0%   { transform: translateY(0px); }
  100% { transform: translateY(-6px) scaleX(.98);}
}
@keyframes bol_updown {
  0%   { transform: translateY(0); }
  100% { transform: translateY(5%);}
}

/* visual_btm_banner */
.visual_btm_banner{background:#1b2751;}

.dogbone_note{padding:100px 0; background:url(images/dogbone_note_bg.png) no-repeat center top / cover, linear-gradient(180deg, #f5ead7 0%, #ffd1e4 50%, #fec9e5 100%)}
.dogbone_note .dec{margin:30px 0 0;}
.dogbone_note .memory_slide { width:100%; overflow: visible; width: 1020px;}
.dogbone_note .memory_slide .swiper-slide {text-align:center;}
.dogbone_note .memory_slide .swiper-slide iframe {width: 960px; height: 540px; border-radius:30px;}
.dogbone_note .memory_slide .swiper-button-prev { background: url(images/memory_arrow.png) no-repeat; width: 80px; height: 80px; left: -87px; transform: scaleX(-1);}
.dogbone_note .memory_slide .swiper-button-next { background: url(images/memory_arrow.png) no-repeat; width: 80px; height: 80px; right: -87px;}
.dogbone_note .memory_slide .swiper-button-prev:after {display: none; }
.dogbone_note .memory_slide .swiper-button-next:after {display: none;}
.dogbone_note .book_box {position: relative;width: 100%;height: 700px;background: #fff;border-radius: 60px;margin-top: 60px;display: flex;flex-direction: column;gap: 20px;justify-content: center;overflow: hidden;}
.dogbone_note .book_box .book_list {position: relative; font-size:0;-webkit-backface-visibility: hidden;animation-duration:20s;animation-fill-mode: both;animation-iteration-count: infinite;animation-timing-function: linear;}
.dogbone_note .book_box .rolling1 .book_list { width: 4738px; animation-name: dogbone_rolling1;}
.dogbone_note .book_box .rolling2 .book_list { width: 4146px; animation-name: dogbone_rolling2;}
.dogbone_note .book_box .rolling3 .book_list { width: 4738px; animation-name: dogbone_rolling3;}
.dogbone_note .book_box .book_list:after {display:block; clear:both; content:'';}
.dogbone_note .book_box .book_list li { float:left; height: 100%; width: auto;}
.dogbone_note .book_box .book_list li:first-of-type {z-index:1;position: relative;}
.dogbone_note .book_box .book_list li + li { }
.dogbone_note .book_box .book_list li img {max-width:none; width:auto !important; height:100%;}
.dogbone_note .book_badge { position: absolute; bottom: 36px; right: 36px; z-index:1;}
@keyframes dogbone_rolling1 {
	0% { 
		left:0;
    }
    100% {
		left: -2369px;
	}
}
@keyframes dogbone_rolling2 {
	0% { 
		left: -2073px;
    }
    100% {
		left: 0;
	}
}
@keyframes dogbone_rolling3 {
	0% { 
		left:0;
    }
    100% {
		left: -2369px;
	}
}

/* scholarship */
.scholarship{background:#FFD0EC url(images/scholarship_bg.png) no-repeat center top / cover; padding:100px 0;}
.scholarship .tit{margin:0 0 60px;}

/* knowHow */
.knowHow{position:relative; background:#0e0926;}
.knowHow .inner{display: flex; flex-direction: column;align-items: center;}
.knowHow .book_rolling {position: absolute;top: 232px;left: 50%;transform: translate(94px, 0); height: 449px;overflow: hidden;display: flex;gap: 22px;}
.knowHow .book_rolling ul {position: relative; font-size:0;-webkit-backface-visibility: hidden;animation-duration: 10s;animation-fill-mode: both;animation-iteration-count: infinite;animation-timing-function: linear;display: flex;flex-direction: column;gap: 25px;}
.knowHow .book_rolling .book_list1 {animation-name: knowHow_rolling1;}
.knowHow .book_rolling .book_list2 {animation-name: knowHow_rolling2;top: -1077px;animation-duration: 11s;}
.knowHow .book_rolling .book_list3 {animation-name: knowHow_rolling3;}
.knowHow .book_list li { }
.knowHow .book_list li img { }
@keyframes knowHow_rolling1 {
	0% { 
		top:0;
    }
    100% {
		top: -919px;
	}
}
@keyframes knowHow_rolling2 {
	0% {
		top: -1102px;
		}
    100% {
		top: 0;
	}
}
@keyframes knowHow_rolling3 {
	0% { 
		top:0;
    }
    100% {
		top: -919px;
	}
}

/* dogbone_tv */
.dogbone_tv{background:#FFFAD2 url(images/dogbone_tv_bg.png) no-repeat center top / cover; padding:100px 0;}
.dogbone_tv .tit{margin:0 0 60px;}
.dogbone_tv .subject{margin:80px 0 0;}
.dogbone_tv .subject .tab{display:flex; width:100%; height:80px; border:1px solid #999;}
.dogbone_tv .subject .tab > a{width:100%; display:flex; align-items: center; justify-content: center; color:#666; font-size:30px; font-family: 'Jalnan'; background:#fff;}
.dogbone_tv .subject .tab > a.active{background:#E7008A; color:#fff;}
.dogbone_tv .subject .tab > a:not(:first-child){border-left:1px solid #999;}
.dogbone_tv .subject .list{margin:40px 0 0; background:#fff; padding:60px 40px;}
.dogbone_tv .subject .list > ul{display:flex; gap:20px;}
.dogbone_tv .subject .list > ul > li{flex:1;}
.dogbone_tv .subject .list .mov{background:#000; width:100%; height:203px;}
.dogbone_tv .subject .list .mov iframe {width:360px; height:100%;}
.dogbone_tv .subject .list .dec{margin:35px 0 0; font-weight:700;}
.dogbone_tv .subject .list .dec .a1{font-size:30px;}
.dogbone_tv .subject .list .dec .a2{font-size:24px; min-height:80px;}
.dogbone_tv .subject .list .down{text-align:center;}
.dogbone_tv .subject .list .down a{display:inline-block; background:url(images/dogbone_tv_down.png) no-repeat 0 0 / 100%; width:209px; aspect-ratio: 1 / 0.42; text-indent:-9999em;}

/* participate */
.participate{background:#77e2ff url(images/participate_bg.png) no-repeat center top / cover; padding:100px 0;}
.participate .tit{margin:0 0 65px;}
.participate .dec{position:relative;}
.participate .dec .btn_tip{position:absolute; top:141px; left:568px; width:257px; height:52px; background:none; text-indent:-9999em;}
.participate .dec .mov{position:absolute; top:642px; left:0;}
.participate .dec .mov video{width:488px; border-top:1px solid #000; border-bottom:1px solid #000;}
.participate .check_wrap{margin:80px auto 0;width:778px;}
.participate .check_wrap .input_box{position:relative;}
.participate .check_wrap .input_box:after{position:absolute; right:-70px; top:15px; content:''; background:url(images/ico_hand.png) no-repeat; width:105px; aspect-ratio: 1 / 1; animation: blinker 1s infinite;}
@keyframes blinker {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}
.participate .check_wrap .input_box > .inner{position:relative;display:flex;margin:0 0 0 10px; border-radius:40px;height:80px;}
.participate .check_wrap .input_box > .inner input[type=text]{position:relative;background:#fff; width:717px;height:100%;border:none;padding:0 200px 0 40px;font-size:26px;border: 2px solid #0975F0;overflow: hidden;border-radius: 40px; color:#0975F0; font-weight:700; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.participate .check_wrap .input_box > .inner input[type="text"]::placeholder { color: #999; font-weight:400;}
.participate .check_wrap .input_box > .inner input[type="text"]::-webkit-input-placeholder { color: #999; font-weight:400;}
.participate .check_wrap .input_box > .inner input[type="text"]:-ms-input-placeholder { color: #999; font-weight:400;}
.participate .check_wrap .input_box > .inner input[type="text"]::-ms-input-placeholder { color: #999; font-weight:400;}
.participate .check_wrap .input_box > .inner .btn_app{position:absolute;right: -12px;top:0;display:flex;width:239px;height:100%;border-radius:40px;background:#0975F0;color:#fff;font-size:30px;font-family: 'Jalnan';align-items: center;justify-content: center;}
.participate .check_wrap .sns_box{position:relative; text-align:left; padding:20px 0 0 30px}
.participate .check_wrap .sns_box input[type=checkbox]{display:none;}
.participate .check_wrap .sns_box input + p{font-size:20px; color:#666; background:url(images/ico_check.png) no-repeat left center; padding:0 0 0 40px;}
.participate .check_wrap .sns_box input + p a{color:#444; border-bottom:1px solid #444;}
.participate .check_wrap .sns_box input:checked + p{background:url(images/ico_check_on.png) no-repeat left center;}

/* °³»À³ëÆ® ÀÛ¼º ÆÁ Æ˾÷ */
#pop_collect_1{display:none; position:fixed; left:0; top:0; width:100vw; height:100vh; align-items: center; justify-content: center;padding:5vw; z-index:9999;}
#pop_collect_1 .dim_collect{position:fixed; left:0; top:0; width:100vw; height:100vh; background:rgb(0 0 0 / 70%);}
#pop_collect_1 > .inner{position: relative; transition:margin .3s; text-align:center; margin:1vw 0 0; padding:40px 0 0; display:flex; align-items: center; flex-direction: column; background:#fff; border-radius:20px; box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.18); transform:scale(.85);}
#pop_collect_1 > .inner .tit{padding:0 0 28px;}
#pop_collect_1 > .inner .dec1{border-top:1px solid #ACACAC; padding:23px 50px 40px; margin:0 40px; max-height:61vh; overflow:auto;} 
#pop_collect_1 > .inner .dec2{background:#D9D9D9; padding:50px 0; width:100%; border-radius:0 0 20px 20px; overflow:hidden;}
#pop_collect_1 > .inner .btn_close{position:absolute; right:-20px; top:-20px; background:url(images/ico_pop_close.png) no-repeat 0 0 / 100%; width:76px; aspect-ratio: 1 / 1; text-indent:-9999em;}
#pop_collect_1.on > .inner{margin:0vw 0 0;}

/* °³ÀÎÁ¤º¸ ¼öÁý Æ˾÷ */
#pop_collect_2{display:none; position:fixed; left:0; top:0; width:100vw; height:100vh; align-items: center; justify-content: center;padding:5vw; z-index:9999;}
#pop_collect_2 .dim_collect{position:fixed; left:0; top:0; width:100vw; height:100vh; background:rgb(0 0 0 / 70%);}
#pop_collect_2 > .inner{position: relative; transition:margin .3s; margin:1vw 0 0; padding:50px; display:flex; align-items: center; flex-direction: column; background:#fff; border-radius:20px; box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.18);}
#pop_collect_2 > .inner .tit{font-size:25px; font-weight:700; color:#121212;}
#pop_collect_2 > .inner .btn_close{position:absolute; right:-20px; top:-20px; background:url(images/ico_pop_close.png) no-repeat 0 0 / 100%; width:76px; aspect-ratio: 1 / 1; text-indent:-9999em;}
#pop_collect_2.on > .inner{margin:0vw 0 0;}
#pop_collect_2 .table_box {width:700px; margin:10px 0 0;}
#pop_collect_2 .table_box th, 
#pop_collect_2 .table_box td {border:1px solid #d0d0d0; padding:20px; text-align:center; font-size:18px;}
#pop_collect_2 .table_box th {padding:5px; background:#dedede; color:#121212;}
#pop_collect_2 .table_box td {line-height:1.5; padding:20px;}


#pop_collect_3{display:none; position:fixed; left:0; top:0; width:100vw; height:100vh; align-items: center; justify-content: center;padding:5vw; z-index:9999;}
#pop_collect_3 .dim_collect{position:fixed; left:0; top:0; width:100vw; height:100vh; background:rgb(0 0 0 / 70%);}
#pop_collect_3 > .inner{position: relative; transition:margin .3s; margin:-1vw 0 0; padding:8vw 5vw 5vw; display:flex; align-items: center; flex-direction: column; width:100%; background:#fff; border-radius:20px; box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.18);}
#pop_collect_3 > .inner .tit{font-size:16px; font-weight:700; color:#121212;}
#pop_collect_3 > .inner .btn_close{position:absolute; right:0; top:0; background:url(images/pop_close.png) no-repeat right 40% top 40% / 30%; width:17vw; aspect-ratio: 1 / 1; text-indent:-9999em;}
#pop_collect_3 > .inner .form_wrap{position:relative; display:flex; border:1px solid #E1E1E1; border-radius:5px; width:100%; height:5vh; margin:20px 0 0; overflow:hidden;}
#pop_collect_3 > .inner .form_wrap .input_txt{background:#fff; color:#386dff; font-weight:700; height:100%; border:none; width:calc(100% - 20vw);}
#pop_collect_3 > .inner .form_wrap .btn_url_copy{color:#7E7F7F; border-left:1px solid #E1E1E1; background:#F4F4F6; font-weight:700; font-family:'Pretendard'; font-size:1rem; display:flex; align-items: center; justify-content: center; height:100%; width:20vw;}
#pop_collect_3.on > .inner{margin:0vw 0 0;}

/* learning_effect */
.learning_effect{padding:100px 0; background:#FFE8F2;}
.learning_effect .learning_effect_slide {width:1200px; margin:60px 0 0;} 
.learning_effect .learning_effect_slide .swiper-slide {text-align:center;}
.learning_effect .learning_effect_slide .swiper-slide iframe {width: 960px; height: 540px; border-radius:30px;}
.learning_effect .learning_effect_slide .swiper-button-prev { background: url(images/memory_arrow.png) no-repeat; width: 80px; height: 80px; left: 0; transform: scaleX(-1); top:40%;}
.learning_effect .learning_effect_slide .swiper-button-next { background: url(images/memory_arrow.png) no-repeat; width: 80px; height: 80px; right: 0; top:40%;}
.learning_effect .learning_effect_slide .swiper-button-prev:after {display: none; }
.learning_effect .learning_effect_slide .swiper-button-next:after {display: none;}
.learning_effect .learning_effect_slide .txt{margin:50px 0 0;}

/* parental_review */
.parental_review{padding:100px 0 45px; background:#FFD7F8 url(images/parental_review_bg.png) no-repeat center top / cover;}
.parental_review .obj_1{margin:30px 0 0;}

/* questions */
.questions{padding:100px 0 80px; background:#FFD7F8 url(images/questions_bg.png) no-repeat center top / 110%;}
.questions .list{margin:50px 0 0; border-top:2px solid #000; border-bottom:2px solid #000; text-align:left;}
.questions .list > li{font-size:28px; font-family: 'Pretendard Variable', sans-serif;}
.questions .list > li:not(:first-child){border-top:1px solid #000 ;}
.questions .list > li .q{padding:30px 78px; font-weight:500; background:#fff url(images/questions_q.png) no-repeat 30px 35px; position:relative; cursor:pointer;}
.questions .list > li .q:after{background:#fff url(images/ico_arrow.png) no-repeat 0 0 / 100%; width:35px; content:''; aspect-ratio: 1 / .6; position:absolute; right:35px; top:50%; transform:translateY(-50%); transition:all .3s;}
.questions .list > li.open .q:after{transform:translateY(-50%) rotate(180deg);}
.questions .list > li .a{padding:30px 126px; font-weight:700; background:#F6B2E0 url(images/questions_a.png) no-repeat 80px 40px; display:none;}
.questions .list > li .a span{color:#E2008C;}


/* free_benefit_banner */
.free_benefit_banner{background:#7929db url(images/free_benefit_banner_bg.png) no-repeat center top; height:286px; overflow:hidden;}
.free_benefit_banner .mask{display:flex; height:100%; align-items: center; justify-content: center;} 

/* free_benefit */
.free_benefit{padding:100px 0; background:#F3DFFF url(images/free_benefit_bg.png) no-repeat center top / cover;}
.free_benefit .obj{margin:60px 0;}
.free_benefit .btn_wrap {display:flex;     justify-content: center;}
.free_benefit .btn_wrap .btn {position:relative;}
.free_benefit .btn_wrap .btn::after { position: absolute;content: '';background: url(images/ico_hand2.png) no-repeat 0 0 / contain;width: 106px;height: 113px;bottom: -56px;right: -24px;animation: blinker 1s ease-in-out infinite alternate;}





/* ¹«·áüÇè ½Åû °úÁ¤ */
.process_wrap {background:#f0f0f5; padding:100px 0 0; word-break: keep-all;}
.process_wrap .pc_inner > strong { font-weight:400; text-align:center; color:#2c2c2c; display:block; font-size:48px; }
.process_wrap .pc_inner > strong span {	font-weight:700; }
.process_li {width:1100px; margin:33px 0 120px; display:flex; justify-content:center; gap:156px;}
.process_li > li {flex:1; text-align:center; position:relative; }
.process_li > li+li::before { content:''; position:absolute; left:-79px; top:50%; transform:translate(0,-50%); background:url(images/process/process_arrow.png) no-repeat; width:22px; height:30px; display:block; }
.process_li > li div { height:100px; }
.process_li > li p {position:absolute; bottom:-42px; left:50%; width:270px; transform:translateX(-50%); margin-top:12px; color:#2c2c2c; font-family:'Noto Sans KR', sans-serif; font-weight:500; font-size:24px; }
.process_li > li:nth-child(3) p{bottom:-62px; line-height:1.2;}
.process_wrap .btn_wrap {padding-bottom: 85px; width: 1140px; margin:40px auto 0 auto; border-bottom: 1px solid #ababad; }
.process_btn { display:block; font-size:0; width:660px; margin:50px auto 0; position:relative; }
.process_btn::after { position: absolute;content: '';background: url(images/sec_event_hand.png) no-repeat 0 0 / contain;width: 141px;height: 135px;bottom: -56px;right: -85px;animation: blink-effect 0.5s ease-in-out infinite alternate;}
.notice_box {width:100%; border-top: 1px solid #000; padding:50px 0; text-align:left;}
.notice_box .tit{background:url(images/process/ico_tit.png) no-repeat left center; padding:0 0 0 50px; font-family: 'Jalnan'; font-size:32px; color:#222; text-align:left;}
.notice_li { margin:30px 0 0; }
.notice_li > li {font-size:22px; color:#666; padding:0 0 0 20px; text-indent:-20px; margin-top:10px}
.notice_li > li .line{border-bottom:1px solid #666; font-style: italic;}
.notice_li > li strong{color:#000;}
.notice_li > li > ul{margin:5px 0 0 20px;}
.notice_li > li span { flex-shrink:0; margin-right: 3px; }
.process_wrap .top_btn { width:128px; height:48px; display:block; background:#b1b1b1 url(images/process/top_btn.png) no-repeat center center; margin:0 auto; font-size: 0; }


/* ¹«·áüÇè Æ˾÷(½ºÅ©·Ñ ½Ã µ¿ÀÛ) */
.popup{overflow:hidden;width:100%;height:100%;opacity:0;transition:all .5s; z-index:-1; pointer-events: none;}
.popup.active{overflow:visible; position:fixed !important; top:0; left:0; opacity:1; z-index:9999; pointer-events: auto;}
.popup .dim{width:100%; height:100%; background:rgba(0, 0, 0 ,.6);}
.popup .inner{position:absolute; top:45%; left:50%; transform:translate(-50%, -50%);}
.popup .inner .con .close{position:absolute;top: 31px;right: 55px;background:none;padding: 20px;}

/* Àü¹®»ó´ã Àü¿ë ¹è³Ê */
#only1_rnb_sky_banner_ele a:nth-child(1){margin-left:0 !important;}
#only1_bnb_sky_banner_ele{position:relative; background:none !important; height:97px !important; margin-top:-27px;}
#only1_bnb_sky_banner_ele:before{content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:70px; background:#F22862;}
#only1_bnb_sky_banner_ele .title .tit{background:url(images/inc_bottom_banner.png) no-repeat center bottom !important; height:97px;/*  margin:-86px 0 0; */}

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

/* keyframes */
@keyframes blinker {
    50% {
        opacity:0;
    }
}

.selector {
  color:#fff; background:#000;
  margin:0; padding:0;
}