@charset "UTF-8";

:root {
	--primary-green: #077E4E;
}
html, body, input, textarea, select, button{font-family: "Paperlogy", sans-serif;}
input, textarea, select, td, th, button{font-family: "Paperlogy", sans-serif;}
html,body{margin:0;padding:0;height:100%;margin:0 auto;min-width:auto;font-family: "Paperlogy";}
div, p{padding:0;margin:0;}
section{position:relative;}
section img,
footer img{width:100%;vertical-align:top;}
button{font-family:inherit;border:none;box-shadow:none;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;}

.blind{overflow:hidden;display:inline-block;position:absolute;width:1px;height:1px;border:0;z-index:-1;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);}
.event_area{position:relative;margin:0 auto;max-width:720px;letter-spacing:-0.02em}

.visual{overflow:hidden;position:relative;padding:0 0 clamp(66.67px, 20.83vw, 150px);background-color:var(--primary-green);}
.visual .logo{position:absolute;left:clamp(26.67px, 8.33vw, 60px);top:clamp(26.67px, 8.33vw, 60px);width:clamp(128.89px, 40.28vw, 290px);}
.visual .tit{position:relative;padding:clamp(88.89px, 27.78vw, 200px) 0 clamp(28.89px, 9.03vw, 65px);}
.visual .tit h2{font-size:clamp(17.78px, 5.56vw, 40px);font-weight:900;text-align:center;color:#fff;font-weight:800;animation:fadeInUp 1s ease-out;}
.visual .tit h2 strong{display:inline-block;margin-top:clamp(6.67px, 2.08vw, 15px);font-size:clamp(35.56px, 11.11vw, 80px);line-height:clamp(40px, 12.5vw, 90px);color:#FFD446;font-weight:800;animation:bounceIn 0.8s ease-out 0.3s both;}
@keyframes fadeInUp{
	0%{opacity:0;transform:translateY(30px);}
	100%{opacity:1;transform:translateY(0);}
}
@keyframes bounceIn{
	0%{opacity:0;transform:scale(0.9) translateY(20px);}
	60%{opacity:1;transform:scale(1.02) translateY(-3px);}
	100%{opacity:1;transform:scale(1) translateY(0);}
}
.visual .tit .open_badge{position:absolute;right:clamp(13.33px, 4.17vw, 30px);top:clamp(40px, 12.5vw, 90px);width:clamp(64.89px, 20.28vw, 146px);height:clamp(64.89px, 20.28vw, 146px);background:url('https://pic.neungyule.com/nebuildandgrow/img/event/2025/1120/m/bg_badge.svg') no-repeat 50% 50% / 100% auto;display:flex;align-items:center;justify-content:center;font-size:clamp(9.78px, 3.06vw, 22px);letter-spacing:-0.02em;font-weight:800;color:#fff;transform-origin:50% 50%;opacity:0;animation:fadeInBadge 0.5s ease-out 1.1s forwards, shake 2s ease-in-out 1.6s infinite;}
@keyframes fadeInBadge{
	0%{opacity:0;transform:rotate(20deg) scale(0.8);}
	100%{opacity:1;transform:rotate(20deg) scale(1);}
}
@keyframes shake{
	0%, 100%{transform:rotate(20deg);}
	10%, 30%, 50%, 70%, 90%{transform:rotate(18deg);}
	20%, 40%, 60%, 80%{transform:rotate(22deg);}
}
.visual .phonics_links{display:flex;justify-content:center;gap:clamp(35.56px, 11.11vw, 80px);margin:clamp(75.56px, 23.61vw, 170px) 0 0;}
.visual .phonics_links a{position:relative;display:inline-block;padding:clamp(1.33px, 0.42vw, 3px) 0 0 0;font-size:clamp(15.11px, 4.72vw, 34px);font-weight:600;color:#fff;text-decoration:none;transition:opacity 0.3s;border-bottom:1px solid rgba(255, 255, 255, .5);}
.visual .phonics_links a:after{content:'';position:absolute;right:-14px;top:50%;transform:translateY(-50%);display:inline-block;width:10px;height:16px;background:url('https://pic.neungyule.com/nebuildandgrow/img/event/2025/1120/m/ico_arr.svg') no-repeat 50% 50% / clamp(4.44px, 1.39vw, 10px) auto}


.tab{display:flex;align-items:center;justify-content:center;border-bottom:1px solid #C7C7C7;}
.tab li{position:relative;flex:1;text-align:center;}
.tab li a{position:relative;display:inline-block;padding:clamp(6.67px, 2.08vw, 15px) clamp(13.33px, 4.17vw, 30px);font-size:clamp(15.11px, 4.72vw, 34px);font-weight:600;line-height:clamp(16px, 5vw, 36px);color:rgba(164, 164, 164, .5);text-align:center;text-decoration:none;cursor:pointer;font-weight:800}
.tab li.active{position:relative;}
.tab li.active a:after{content:'';position:absolute;left:0;bottom:-1px;display:block;width:100%;height:clamp(1.78px, 0.56vw, 4px);background:#FAAF18;border-radius:99px;}
.tab li.active a{color:#FAAF18;}
.tab li.active a > i{background:#FAAF18;color:#fff;}

/* 탭 콘텐츠 */
.tab_content{display:none;max-width:960px;margin:0 auto;padding:clamp(35.56px, 11.11vw, 80px) clamp(22.22px, 6.94vw, 50px) 0;}
.tab_content.active{display:block;}
/*.content{text-align:center;}*/

/**/
.book_list{}
.book_list .item{display:flex;gap:clamp(13.33px, 4.17vw, 30px);margin-bottom:clamp(53.33px, 16.67vw, 120px);}
.book_list .book_cover{flex:0 0 auto;width:clamp(97.78px, 30.56vw, 220px);}
.book_list .book_cover img{width:100%;height:auto;display:block;}
.book_list .info{padding-top:clamp(6.67px, 2.08vw, 15px);flex:1;text-align:left;}
.book_list .tit{font-size:clamp(17.78px, 5.56vw, 40px);font-weight:800;margin:0 0 clamp(17.78px, 5.56vw, 40px);line-height:1.2;letter-spacing:-0.02em;}
.book_list .item:nth-child(1) .tit{color:#006332;}
.book_list .item:nth-child(2) .tit{color:#0E2E8F;}
.book_list .item:nth-child(3) .tit{color:#601E7C;}
.book_list .item:nth-child(4) .tit{color:#E4047F;}
.book_list .item:nth-child(5) .tit{color:#FF5112;}
.book_list .sub_tit{font-size:clamp(10.67px, 3.33vw, 24px);color:#000;margin:0 0 clamp(8.89px, 2.78vw, 20px);font-weight:600;line-height:1.4}
.book_list .desc{font-size:clamp(10.67px, 3.33vw, 24px);color:#555;line-height:1.5;margin:0 0 clamp(17.78px, 5.56vw, 40px);word-break:keep-all}
.book_list .btn_preview{display:inline-flex;width:clamp(111.11px, 34.72vw, 250px);height:clamp(34.67px, 10.83vw, 78px);align-items:center;justify-content:center;background:#F2F2F2;border:none;border-radius:clamp(4.44px, 1.39vw, 10px);font-size:clamp(12.44px, 3.89vw, 28px);font-weight:900;color:#0E0E0E;cursor:pointer;}

.phonics_container{position:relative;max-width:1400px;margin:0 auto;padding:0 clamp(17.78px, 5.56vw, 40px);}

.banner_event{position:sticky;left:0;bottom:0;z-index:99;width:100%;box-sizing:border-box;/*box-shadow:0 4px 8px rgba(0,0,0,0.2);*/}
.banner_event .character{position:absolute;left:clamp(24.44px, 7.64vw, 55px);bottom:-1px;width:clamp(73.78px, 23.06vw, 166px);height:clamp(81.78px, 25.56vw, 184px);background:url('https://pic.neungyule.com/nebuildandgrow/img/event/2025/1120/m/character.png') no-repeat 50% 100% / 100% auto;}
.banner_event .btn_top{position:absolute;right:clamp(13.33px, 4.17vw, 30px);top:clamp(-56px, -17.5vw, -64px);z-index:100;width:clamp(40px, 12.5vw, 48px);height:clamp(40px, 12.5vw, 48px);background-color:rgba(0,0,0,0.5);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 clamp(2px, 0.63vw, 4px) clamp(4px, 1.25vw, 8px) rgba(0,0,0,0.2);transition:all 0.3s ease;padding:0;color:#fff;font-size:clamp(10px, 3.13vw, 14px);font-weight:600;}

.swiper_wrap{position:relative;}
.swiper_visual{width:100%;/*padding:20px 0 40px;*/}
.swiper_visual .swiper-wrapper{display:flex;align-items:center;}
.swiper_visual .swiper-slide{position:relative;display:flex;flex-direction:column;gap:clamp(8.89px, 2.78vw, 20px);width:clamp(145.78px, 45.56vw, 328px) !important;flex-shrink:0;margin-top:clamp(22.22px, 6.94vw, 50px);/*transition:all 0.4s ease;*/}
.swiper_visual .swiper-slide .img_box{box-shadow:0 clamp(1.33px, 0.42vw, 3px) clamp(4.44px, 1.39vw, 10px) rgba(0,0,0,0.15);border-radius:clamp(8.89px, 2.78vw, 20px);}
.swiper_visual .swiper-slide-active{opacity:1;/*opacity:0;width:clamp(214.22px, 66.94vw, 482px) !important;*/}
.swiper_visual .swiper-slide img{width:100%;height:auto;object-fit:contain;}

.phone_frame{/*overflow:hidden;*/position:absolute;top:0;left:50%;z-index:10;transform:translateX(-50%);width:clamp(214.22px, 66.94vw, 482px);height:clamp(117.33px, 36.67vw, 264px);background:transparent;border-radius:clamp(13.33px, 4.17vw, 30px);border:clamp(3.11px, 0.97vw, 7px) solid #fff;box-shadow:0 clamp(1.33px, 0.42vw, 3px) clamp(6.67px, 2.08vw, 15px) rgba(0,0,0,0.15);/*transition:all 0.3s ease;*/pointer-events:none;}
/*.phone_frame:after{content:'';position:absolute;top:clamp(-3.11px, -0.97vw, -7px);left:clamp(-3.11px, -0.97vw, -7px);width:calc(100% + clamp(3.11px, 0.97vw, 7px) * 2);height:100%;background:url('bg_phone_frame.svg') no-repeat 50% 50% / 100% 100%;}*/
.phone_frame:after{content:'';position:absolute;top:50%;right:clamp(-3.11px, -0.97vw, -7px);z-index:10;width:clamp(80px, 25vw, 180px);height:clamp(11.11px, 3.47vw, 25px);margin-right:-16%;background:url('https://pic.neungyule.com/nebuildandgrow/img/event/2025/1120/m/bg_phone.svg') no-repeat 50% 50% / auto 100%;transform:translateY(-50%) rotate(90deg);}

.swiper_phone{position:absolute !important;top:0;left:50%;z-index:10;transform:translateX(-50%);width:clamp(214.22px, 66.94vw, 482px);height:clamp(168.89px, 52.78vw, 380px);margin:0 auto;}
.swiper_phone .swiper-slide{width:100% !important;}
.swiper_phone .swiper-slide .img_box{padding-top:clamp(3.11px, 0.97vw, 7px)}
.swiper_phone .swiper-slide img{width:100%;height:auto;object-fit:contain;}
.swiper_phone .swiper-slide p{display:none;height:0;line-height:1.2}
.swiper_phone .swiper-slide-active p{display:block;height:auto;margin-top:clamp(13.33px, 4.17vw, 30px);font-size:clamp(9.78px, 3.06vw, 22px);text-align:center;color:rgba(255,255,255,0.8);}


.tab_section{padding:clamp(53.33px, 16.67vw, 120px) 0;}
.tab_section .img_box{padding-bottom:clamp(40px, 12.5vw, 90px);}
.tab_section .img_box img{width:100%}
.tab_section .main_tit{color:#000;font-size:clamp(10.67px, 3.33vw, 24px);line-height:1.5;text-align:center}
.tab_section .main_tit img{display:block;width:clamp(248px, 77.5vw, 558px);margin:clamp(13.33px, 4.17vw, 30px) auto 0;}

/* Phonics Table Styles */
.phonics_table{width:100%;border-collapse:collapse;letter-spacing:-0.04em;font-size:clamp(9.78px, 3.06vw, 22px);text-align:center;border-bottom:2px solid #FAAF18}
.phonics_table thead{background-color:#FAAF18;}
.phonics_table th{padding:clamp(13.33px, 4.17vw, 30px) clamp(4.44px, 1.39vw, 10px);color:#fff;font-weight:600;font-size:clamp(8.89px, 2.78vw, 20px);}
.phonics_table tbody tr{border-bottom:1px solid #A2A2A2;}
.phonics_table td{padding:clamp(5.78px, 1.81vw, 13px) clamp(4.44px, 1.39vw, 10px);font-size:clamp(9.78px, 3.06vw, 22px);border:1px solid #A2A2A2;border-top:none;color:#000;vertical-align:middle;line-height:1.54}
.phonics_table tbody tr td:first-child{border-left:none;}
.phonics_table tbody tr td:last-child{border-right:none;}
.phonics_table td[rowspan]{vertical-align:middle;}

/* Info List Styles */
.info_list .info_item{display:flex;align-items:flex-start;justify-content:space-between;padding:clamp(4.44px, 1.39vw, 10px) 0;}
.info_list dt.info_label{display:inline-flex;width:clamp(46.22px, 14.44vw, 104px);height:clamp(17.78px, 5.56vw, 40px);align-items:center;justify-content:center;background-color:#FAAF18;border-radius:clamp(8.89px, 2.78vw, 20px);font-size:clamp(9.78px, 3.06vw, 22px);font-weight:500;color:#fff;white-space:nowrap;flex-shrink:0;margin:0;}
.info_list dd.info_value{flex:1;text-align:left;font-size:clamp(10.67px, 3.33vw, 24px);color:#555;line-height:1.5;margin:0 0 0 clamp(8.89px, 2.78vw, 20px);font-weight:400;letter-spacing:-0.04em}

/* Features Section Styles */
.features{position:relative;margin:clamp(13.33px, 4.17vw, 30px) auto 0;}
.features_list{}
.features_list .item{position:relative;padding:clamp(35.56px, 11.11vw, 80px) 0;border-bottom:1px dashed #C7C7C7;box-sizing:border-box;}
.features_list .item:last-child{border-bottom:none;}
.features_list .tit{padding-left:clamp(25.78px, 8.06vw, 58px);font-size:clamp(15.11px, 4.72vw, 34px);font-weight:700;color:#FAAF18;margin:0 0 clamp(6.67px, 2.08vw, 15px);line-height:1.2;background:url('https://pic.neungyule.com/nebuildandgrow/img/event/2025/1120/m/ico_check.svg') no-repeat 0 0 / clamp(21.33px, 6.67vw, 48px) auto}
.features_list .desc{font-size:clamp(10.67px, 3.33vw, 24px);color:#555;line-height:1.6;word-break:keep-all}

/* YouTube Video Styles */
.youtube_wrap{width:100%;margin:clamp(17.78px, 5.56vw, 40px) 0 0;box-sizing:border-box;}
.youtube_container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:clamp(8.89px, 2.78vw, 20px);}
.youtube_container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;}