@charset "euc-kr"; 

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansMedium';
    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: '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: 'AinmamHandwriting';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_01@1.0/Ainmom.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

/* common */
#wrapper.wide { overflow-x:hidden; width:auto; min-width:1200px; margin:0; }
#wrapper .mid > div { position:relative; }
#wrapper .swiper-button-prev, #wrapper .swiper-button-next { display:block; text-indent:-9999px; }
.mid .mask { width:1200px; position:relative; margin:0 auto; min-height:50px; text-align:center; }
.mask .thumb { position:relative; left:50%; transform:translateX(-50%); }
.swiper-button-next:after, .swiper-button-prev:after { display:none; }
#layerPopv02 { opacity:1 !important; }
.btn a { display:block; }


/*fade in*/
.fade {	position:relative; transform:translate(0, 100px); opacity:0; transition-property:opacity, transform; transition-duration:1s; }
.fade.show { transform:translate(0, 0) !important; opacity:1 !important; }
.fade-self {} 
.fade-1 { transition-delay:0s; } 
.fade-2 { transition-delay:.2s; } 
.fade-3 { transition-delay:.4s; } 
.fade-4 { transition-delay:.6s; } 
.fade-5 { transition-delay:.8s; } 
.fade-6 { transition-delay:1s; } 
.fade-7 { transition-delay:1.2s; } 
.fade-8 { transition-delay:1.4s; } 
.fade-9 { transition-delay:1.6s; } 
.fade-10 { transition-delay:1.8s; } 


/* anchor */
.anchor {position:fixed !important;left:5%;top:165px;z-index:15;overflow:hidden; display: flex;flex-direction: column;align-items: center;}
.anchor .bubble {width: 159px; background: url(img/quick_bubble.png) no-repeat;font-size: 16px;margin-bottom: 16px;text-align: center;color: #fff;padding: 10px 0;background: #303030;border-radius: 10px;font-family: "Pretendard";line-height: 1.35;font-weight: 600;position: relative;}
.anchor .bubble::after {content:'';position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 100%);width: 8px;height: 18px;border-top: 9px solid #303030;border-left: 4px solid transparent;border-bottom: 9px solid transparent;border-right: 4px solid transparent;}
.anchor ul { overflow: hidden;}
.anchor ul li {border-bottom: 1px solid #ECECED;}
.anchor ul li:nth-last-of-type(1) {border:0}
.anchor ul li:nth-last-of-type(2) {border:0}
.anchor ul li a {display:flex;align-items:center;justify-content:center;width: 159px;height: 101px;text-align:center;flex-direction: column;background: #fff;}
.anchor ul li a * {font-family:"Pretendard"; }
.anchor ul li a.on {background: #FE3B34;}
.anchor ul li a.on * { color:#fff !important; }
.anchor ul li a > span {font-weight: 700;font-size: 16px;line-height: 1;}
.anchor ul li a > p {font-weight: 500;font-size: 18px;color: #333;line-height: 1;margin-top: 11px;}
.anchor ul li a > div {font-weight:600;font-size:20px;color: #FE3B34;line-height: 1;margin-top: 5px;}
.anchor ul li a .black { color: #333;}
.anchor ul li.event a {margin-top: 10px;background: linear-gradient(to bottom, #9dd5ff, #8a37ff);border-radius: 10px;}
.anchor ul li.event a .tit {background: #561bc3;color: #fff;padding: 3px 8px 1px;margin-bottom: 10px; border-radius: 16px;font-size: 16px;letter-spacing: 0;font-weight: 500;line-height: 1;}
.anchor ul li.event a .desc { color: #fff; font-size: 18px; font-weight: 400; line-height: 1; display:block;}
.anchor ul li.event a .desc2 { color: #fff; font-size: 20px; font-weight: 500; line-height: 1; margin-top: 3px; display:block;}
.anchor ul li:first-of-type a {border-radius: 10px 10px 0 0;}
.anchor ul li:nth-last-of-type(2) a {border-radius: 0 0 10px 10px;}
.anchor .top { margin-top: 10px;display: block;}


/* visual */
.visual { background:#000000; height: 1039px; }
.visual .mask { position:relative; display:flex; justify-content:center;  }
.visual .mask .con { }
.visual .mask .con .bg { }
.visual .mask .con .obj { position:absolute; top:0; left:0; right:0; margin:0 auto; }
.visual .mask .con .txt { position:absolute; top:115px; left:0; right:0; margin:0 auto; z-index:1; }
.visual .mask .con .tit { position:absolute; top:265px; left:0; right:0; margin:0 auto; z-index:2; }
.visual .mask .con .arrow {position:absolute;top:366px;left:50%;margin:0 auto;margin-left:-591px;z-index:1;transform: translate(-800px, 0);opacity: 0;transition: .5s 2s cubic-bezier(0.1, 1.6, 0.84, 1.15);}
.visual .mask .con .arrow.on { transform: translate(0, 0); opacity: 1;}
.visual .mask .con .teacher { position:absolute; top:525px; left:0; right:0; display:flex; justify-content:center; gap:6px; z-index:1; }
.visual .mask .con .teacher img { }


/* bestever */
.bestever { background: #c03f38;}
.bestever::after {content:'';top: 0;left: 0;right: 0;display: block;height: 338px;background: #24080d;position: absolute;}
.bestever .mask {position:relative;display:flex;align-items: center;flex-direction: column;z-index: 1;}
.bestever .mask .tit {position: absolute;top: 108px; }
.bestever .mask .con {position: absolute;top: 471px;left: 0;right: 0;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;}
.bestever .mask .con .bestever_con1 { position: relative; transform: translate(-100px, 0); }
.bestever .mask .con .bestever_con1 .con1 {}
.bestever .mask .con .cross { position: absolute; left: 50%; top: 364px; transform: translate(-50%, 0); z-index: 1;}
.bestever .mask .con .cross img { transform: translate(0, 0); }
.bestever .mask .con .bestever_con2 { position: relative; transform: translate(100px, 0); }
.bestever .mask .con .bestever_con2 .con2 {}

.book_roll {overflow:hidden;display:flex;justify-content:center;gap:2rem;position:absolute;top: 316px;left: 74px;right: 74px;bottom: 178px;}
.book_roll::before { content: '';position: absolute;top: 0;left: 0;right: 0;height: 36px;background: linear-gradient(to bottom, rgb(0 0 0 / 58%), transparent);z-index: 1;}
.book_roll::after { content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 36px;background: linear-gradient(to bottom, transparent, rgb(0 0 0 / 58%));z-index: 1;}
.book_roll ul {display:flex;width:100%;height:100%;gap: 1rem;}
.book_roll li {position:relative;overflow:hidden;flex:1; }
.book_roll li .roll {position:absolute;top:0;left:0;width:100%; display:flex;flex-direction:column;will-change:transform;animation-duration: 16s;animation-timing-function:linear;animation-iteration-count:infinite;}
.book_roll li .tile { position:relative; width:100%; height:50%; }
.book_roll li .tile img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:contain; }
.book_roll li:nth-child(even) .roll { animation-name:rollUp; }
.book_roll li:nth-child(odd) .roll { animation-name:rollDown; }
@keyframes rollUp {
    0% { transform:translateY(0); }
    100% { transform:translateY(-50%); }
}
@keyframes rollDown {
    0% { transform:translateY(-50%); }
    100% { transform:translateY(0); }
}


/* wave */
.wave { background: #2b0909;}
.wave .mask {position:relative;display:flex;align-items: center;flex-direction: column; }
.wave .mask .tit {position: absolute;top: 100px;}
.wave .mask ul {position: absolute;top: 285px;left: 0;right: 0;margin: 0 auto;display: flex;align-items: center; flex-direction: column;gap: 40px;}
.wave .mask ul li { display: flex;}
.wave .mask ul li .img {}
.wave .mask ul li:nth-of-type(2n) .img { order: 1;}
.wave .mask ul li .gif { width: 500px; height: 299px;}
.wave .mask ul li .gif img { width: 100%; height: 100%;}


/* teacher */
.teacher_intro { background:#fe3b34; }
.teacher_intro .mask { position:relative; display:flex; align-items:center; flex-direction:column; }
.teacher_intro img { }
.teacher_wrap {padding-top: 100px;}

.teacher_tab {background:#E9E9E9;z-index: 10;position: absolute;top: 0;left: 0;right: 0;}
.teacher_tab.fixed { position: fixed; top: 0; left: 0; right: 0; }
.teacher_tab.end {position: absolute;bottom: 0;left: 0;right: 0;top: auto;}
.teacher_tab .mask { display:flex; background:#fff; gap:2px; border-left:1px solid #fff; border-right:1px solid #fff; }
.teacher_tab a { height:100px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; background:#E9E9E9; width:100%; }
.teacher_tab a * { font-family: "Pretendard"; }
.teacher_tab a.on { background:#121212; }
.teacher_tab a span { font-size:26px; color:#C5C5C5; font-weight:600; line-height:1; }
.teacher_tab a.on.moonsy span { color:#FFA7A4; }
.teacher_tab a.on.jungjh span { color:#FFA7A4; }
.teacher_tab a.on.lena span { color:#F0BBF7; }
.teacher_tab a.on.kimsg span { color:#A1EB5D; }
.teacher_tab a.on.leedi span { color:#A1EB5D; }
.teacher_tab a.on.namhm span { color:#FFCE3C; }
.teacher_tab a.on.kimeg span { color:#ADC9FF; }
.teacher_tab a.on.choms span { color:#ADC9FF; }
.teacher_tab a p { color:#C5C5C5; font-size:34px; font-weight:700; line-height:1; }
.teacher_tab a.on p { color:#fff; }

.teacher_con_wrap { }
.teacher_con { }
.teacher_con_intro { padding:100px 0; }
.teacher_con.moonsy .teacher_con_intro { background:#FFE3E2; }
.teacher_con.jungjh .teacher_con_intro { background:#FFE3E2; }
.teacher_con.lena .teacher_con_intro { background:#FCE4FF; }
.teacher_con.kimsg .teacher_con_intro { background:#DEFFC0; }
.teacher_con.leedi .teacher_con_intro { background:#DEFFC0; }
.teacher_con.namhm .teacher_con_intro { background:#FFF5B6; }
.teacher_con.kimeg .teacher_con_intro { background:#DCE8FF; }
.teacher_con.choms .teacher_con_intro { background:#DCE8FF; }
.teacher_con_intro img { }
.teacher_con_intro .home { bottom: 119px;left: 59px;position: absolute;width: 178px;height: 39px;opacity: 0;}

.teacher_step {background: #f7f7f7;}
.teacher_step .mask {position: relative;display: flex;align-items: center;flex-direction: column;}
.teacher_step .bg { }
.teacher_step .tit {position: absolute;left: 0;right: 0;margin: 0 auto;top: 100px;}
.teacher_step .swiper-container {position: absolute;top: 376px;left: 0;right: 0;margin: 0 auto;bottom: 0;}
.teacher_step .swiper-container .swiper-wrapper { }
.teacher_step .swiper-container .swiper-slide { }
.teacher_step .swiper-container .swiper-slide .step { }
.teacher_step .swiper-container .swiper-slide .con {margin-top: 80px;}
.teacher_step .swiper-container .swiper-slide .gif {position: absolute;top: 209px;right: 50%;border-radius: 22px 0 0 22px;width: 540px;}
.teacher_con.leedi .teacher_step .swiper-container .swiper-slide .gif {top: 224px;}
.teacher_step .swiper-container .swiper-pagination {bottom: auto;top: 0;display: flex;padding: 0 0px 0 39px;opacity: 0;}
.teacher_step .swiper-container .swiper-pagination .swiper-pagination-bullet { width: 100%; height: 115px; border-radius: 0; margin: 0;}
.teacher_step .swiper-container .swiper-button-prev {background: url(img/teacher_step_arrow.png) no-repeat;width: 30px;height: 52px;margin: 0;top: 339px;left: 5px;}
.teacher_step .swiper-container .swiper-button-next {background: url(img/teacher_step_arrow.png) no-repeat;width: 30px;height: 52px;margin: 0;top: 339px;right: 5px;transform: scaleX(-1);}
.teacher_con.leedi .teacher_step .swiper-container .swiper-button-prev {top: 360px;}
.teacher_con.leedi .teacher_step .swiper-container .swiper-button-next {top: 360px;}

.teacher_list { }
.teacher_con.moonsy .teacher_list {background: #ffafa8;}
.teacher_con.jungjh .teacher_list {background: #ffafa8;}
.teacher_con.lena .teacher_list {background: #cf9aef;}
.teacher_con.kimsg .teacher_list {background: #7ad752;}
.teacher_con.leedi .teacher_list {background: #7ad752;}
.teacher_con.namhm .teacher_list {background: #ffcc40;}
.teacher_con.kimeg .teacher_list {background: #93abff;}
.teacher_con.choms .teacher_list {background: #93abff;}
.teacher_list .mask {position: relative;display: flex;align-items: center;flex-direction: column;}
.teacher_list .bg { }
.teacher_list .con_box {position: absolute;left: 0;right: 0;margin: 0 auto;top: 100px;}
.teacher_list .con_box .con { }
.teacher_list .con_box .vdo {position: absolute;top: 368px;left: 13px;width: 708px;height: 423px; }
.teacher_list .con_box .vdo video {width: 100%;height: 100%;object-fit: cover;}
.teacher_list .con_box .vdo .thumb_img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.teacher_list .con_box .vdo .play {position: absolute;bottom: 50px;right: 42px;background: 0;pointer-events: none;}
.teacher_list .con_box .home {position: absolute;top: 816px;right: -12px;width: 175px;height: 37px;opacity: 0;}
.teacher_list .con_box .links { position: absolute; top: 928px; left: 0; right: 0; display: flex; gap: 50px; padding: 0 10px 0 39px;}
.teacher_list .con_box .links a {width: 100%;height: 346px;opacity: 0;}
.teacher_list .con_box .links2 { position: absolute; top: 1225px; right: 26px; display: flex; gap: 398px; flex-direction: column;}
.teacher_list .con_box .links2 li { display: flex; gap: 9px;justify-content: flex-end;}
.teacher_list .con_box .links2 li a { width: 232px; height: 59px; opacity: 0;}

.teacher_manage { }
.teacher_con.moonsy .teacher_manage {background:#FFE3E2; }
.teacher_con.jungjh .teacher_manage { background:#FFE3E2; }
.teacher_con.lena .teacher_manage { background:#FCE4FF; }
.teacher_con.kimsg .teacher_manage { background:#DEFFC0; }
.teacher_con.leedi .teacher_manage { background:#DEFFC0; }
.teacher_con.namhm .teacher_manage { background:#FFF5B6; }
.teacher_con.kimeg .teacher_manage { background:#DCE8FF; }
.teacher_con.choms .teacher_manage { background:#DCE8FF; }
.teacher_manage .mask { height: 1080px; padding: 87px 0 0;}
.teacher_manage .tit { }
.teacher_manage .manage1 {position: absolute;top: 464px; right: 0;z-index: 1;}
.teacher_manage .manage2 {position: absolute;top: 683px; right: 0;z-index: 1;}
.teacher_manage .obj {position: absolute;left: -195px;bottom: 0;}
.teacher_manage .person {position: absolute;left: 12px;bottom: 100px;}
.teacher_con.jungjh .teacher_manage .person {position: absolute;left: 6px;bottom: 62px;}

.teacher_con.moonsy { }
.teacher_con.jungjh { }
.teacher_con.lena { }
.teacher_con.kimsg { }
.teacher_con.leedi { }
.teacher_con.namhm { }
.teacher_con.kimeg { }
.teacher_con.choms { }


/* banner1 */
.banner1 {background: linear-gradient(to bottom, #8d2b29 80.8%, #fffbe3 19.2%);}
.banner1 .mask { position: relative; display: flex; align-items: center; flex-direction: column;}


/* learning_routine_event */
.learning_routine_event{}
.learning_routine_event_tit{background:#f20000;}
.learning_routine_cont{background:#fffbe3; padding:0 0 100px;}
.learning_routine_cont .mask {width: 1300px;}
.learning_routine_cont .learning_routine_cont_event{}
.learning_routine_cont .learning_routine_cont_event .btn{position:absolute; left:648px; top:730px; width:559px; height:81px; text-indent:-9999em; background:url(img/learning_routine_cont_btn.png) no-repeat;}
.learning_routine_cont .learning_routine_cont_event .btn.complet{background-position:0 -111px;}

/* notice_wrap */
.notice_wrap{z-index:1; position:relative; width:1200px; margin:0 auto;}
.notice_wrap>.tit{display:block; height:70px; background-color:#111; border-radius:40px; font-family:"GmarketSansBold" !important; font-size:28px; color:#fff; line-height:74px; text-align:center;}
.notice_wrap>.tit span{position:relative; padding-right:30px;}
.notice_wrap>.tit span:before{content:""; display:block; position:absolute; top:8px; right:0; width:20px; height:13px; background:url(img/notice_arr.png) 0 0 no-repeat; transition:transform .5s;}
.notice_wrap>.tit.on span:before{transform:rotate(180deg);}
.notice_wrap .con{display:none; padding:50px; background-color:#F4F4F4; border-radius:40px; text-align:left; letter-spacing:-1px;}
.notice_wrap .con .tit{margin-bottom:10px; padding-left:10px; font-weight:900; font-size:20px; color:#333;}
.notice_wrap .con ul+p{margin-top:25px;}
.notice_wrap .con ul li{position:relative; padding-left:20px; font-size:16px; text-indent:-10px; color:#666;}
.notice_wrap .con ul li:not(:first-child){margin-top:4px;}
.notice_wrap .con ul li .bullet{width:5px; height:5px; display:block; background:#666; border-radius:50%; flex-shrink:0; margin:11px 8px 0 0;}
.notice_wrap .con ul li .bold{color:#333;}
.notice_wrap .con ul li.red{color:#F20000;}
.notice_wrap .con ul li a{font-weight:500;}


/* best_routine */
.best_routine{background: linear-gradient(180deg, #FFFFFF -14.03%, #FFE9F2 100%); padding:100px 0;}
.best_routine_1 .mask{width:1343px;}
.best_routine_1 .wrap{position:absolute;left:0;top:0;width:100%;height:100%;padding: 66px 128px 0; display:flex;gap: 21px;}
.best_routine_1 .wrap .item{width: 345px;}
.best_routine_1 .wrap .item .list{padding:57px 43px 0; text-align:left; height:360px;}
.best_routine_1 .wrap .item .list .num{font-family: 'AinmamHandwriting'; font-size:30px; font-weight:500; color:#000; padding:0 0 0 36px; overflow: hidden; line-height:1.3em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: calc(1.3em * 2);} 
.best_routine_1 .wrap .item .list .num:nth-of-type(1){background:url(img/best_routine_1_num1.png) no-repeat 0 8px;}
.best_routine_1 .wrap .item .list .num:nth-of-type(2){background:url(img/best_routine_1_num2.png) no-repeat 0 8px;}
.best_routine_1 .wrap .item .list .num:nth-of-type(3){background:url(img/best_routine_1_num3.png) no-repeat 0 8px;}
.best_routine_1 .wrap .item .list .num:not(:first-child){margin:0 0 0;}
.best_routine_1 .wrap .item .some{color:#fff; font-size:22px; font-weight:500; font-family:'Pretendard';}
.best_routine_1 .slide_wrap{margin:10px 0 0;}
.best_routine_1 .slide_wrap .swiper-button-prev,
.best_routine_1 .slide_wrap .swiper-button-next{background:url(img/best_routine_1_arrow.png) no-repeat; width:45px; height:75px; opacity:1;}
.best_routine_1 .slide_wrap .swiper-button-prev{left:0;}
.best_routine_1 .slide_wrap .swiper-button-next{right:0; transform:scaleX(-1);}

.best_routine_2{padding:50px 0 0;}
.best_routine_2 .slide_wrap{text-align:center;}
.best_routine_2 .slider {}
.best_routine_2 .group{display:flex; flex-wrap: wrap; gap:10px; padding:0 0 0 8vw}
.best_routine_2 .memo{position:relative; background:url(img/best_routine_2_memo.png) no-repeat 0 20px; width:349px; height:390px; padding:90px 45px 0; margin:2vw 0 0;}
.best_routine_2 .memo:after{position:absolute; left:50%; top:0; transform:translateX(-50%); content:''; background:url(img/best_routine_2_memo_tip1.png) no-repeat; width:150px; height:60px;}
.best_routine_2 .memo.tip_1:after{background:url(img/best_routine_2_memo_tip1.png) no-repeat;}
.best_routine_2 .memo.tip_2:after{background:url(img/best_routine_2_memo_tip2.png) no-repeat;}
.best_routine_2 .memo.tip_3:after{background:url(img/best_routine_2_memo_tip3.png) no-repeat;}
.best_routine_2 .memo .list{}
.best_routine_2 .memo .list .num{text-align:left; font-family: 'AinmamHandwriting'; font-size:26px; font-weight:500; color:#000; overflow: hidden; line-height:1.2em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: calc(1.2em * 2); padding:0 0 0 12px; text-indent:-12px;}
.best_routine_2 .memo .list .num:not(:first-child){margin:8px 0 0;}
.best_routine_2 .memo .hart{display:flex; justify-content: flex-end; position:absolute; right:20px; bottom:25px;}
.best_routine_2 .memo .hart .btn{height:40px; padding:0 10px 0 28px; font-size:15px; color:#fff; font-family:'Pretendard'; border-radius:10px; background:#F20000 url(img/best_routine_2_hart.png) no-repeat 10px center;}
.best_routine_2 .btm{display:flex; margin:5px 0 0; padding:0 10px 0 20px; font-family:'Pretendard'; justify-content: space-between;}
.best_routine_2 .btm .name{font-size:18px; color:#000; font-weight:700;}
.best_routine_2 .btm .date{font-size:18px; color:#000;}
.best_routine_2 .slide_wrap .swiper-button-prev,
.best_routine_2 .slide_wrap .swiper-button-next{background:url(img/best_routine_2_arrow.png) no-repeat; width:45px; height:75px; opacity:1;}
.best_routine_2 .slide_wrap .swiper-button-prev{left:50px;}
.best_routine_2 .slide_wrap .swiper-button-next{right:50px; transform:scaleX(-1);}


/* onlyone_day_routine */
.onlyone_day_routine_cont3 .btn{position:absolute; bottom:97px; left:50%; transform:translateX(-50%); width:563px; height:97px; text-indent:-9999em;}


/* bestseller_emergency_school */
.bestseller_emergency_school{padding:0 0 80px;}
.bestseller_emergency_school_1 .slider{display:flex; margin:0 0 30px;}
.bestseller_emergency_school_1 .slider li.original {animation: 35s linear 0s infinite normal forwards running rollingRight1;}
.bestseller_emergency_school_1 .slider li.clone {animation: 35s linear 0s infinite normal none running rollingRight2;}
.bestseller_emergency_school_2 .swiper-pagination-bullet{width:15px; height:15px; margin:0 10px !important; background:#000; opacity:.5;}
.bestseller_emergency_school_2 .swiper-pagination-bullet-active{background:#F20000; opacity:1;}


/* bonus_event */
.bonus_event{padding:0 0 100px;}
.bonus_event .mask {width: 1300px;}
.bonus_event_2{position:relative;}
.bonus_event_2 .form{position:absolute;right: 49px;top: 125px;width: 394px;padding: 163px 28px 0;}
.bonus_event_2 .form input{border: 4px solid red;width:100%;height: 73px; padding:0 10px; font-size:18px; color:#000;}
.bonus_event_2 .form input::placeholder{color:#848484; font-size:18px;}
.bonus_event_2 .form .btn{margin: 26px 0 0;width: 168px;height: 60px; text-indent:-9999em;background:none;}


/* bonus_event_2_popup */
.bonus_event_2_popup{position:fixed !important;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);display:none;justify-content:center;align-items:center;z-index:1000;}
.bonus_event_2_popup .popup_box{background:#e8e8e8;border:1px solid #1b2c48;padding:20px;width:330px;font-size:14px;}
.bonus_event_2_popup .agree{display:flex;gap:10px;align-items:flex-start;margin-bottom:20px;line-height:1.4;}
.bonus_event_2_popup .agree .chk{width:25px; height:25px; margin:4px 0 0;}
.bonus_event_2_popup .btns{display:flex;justify-content:space-between;}
.bonus_event_2_popup .btns button{width:48%;height:40px;font-size:16px;border:none;cursor:pointer;}
.bonus_event_2_popup .cancel{background:#fff;border:1px solid #ccc;}
.bonus_event_2_popup .ok{background:#e60000;color:#fff;}


/* winter_routine_popup */ 
.winter_routine_popup{position:fixed !important;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);display:flex;justify-content:center;align-items:center;z-index:9999;font-family:'Pretendard','Malgun Gothic',sans-serif; display:none;}
.winter_routine_popup.active{display:flex;}
.winter_routine_popup .popup_box{width:798px;background:#ffffff;border-radius:28px;padding:48px 40px;box-shadow:0 12px 30px rgba(0,0,0,0.2);box-sizing:border-box;text-align:center; transform:scale(.8)}
.winter_routine_popup .popup_title{font-size:43px; color:#111111; font-family: 'GmarketSansBold';}
.winter_routine_popup .popup_title span{color:#ff0000;}
.winter_routine_popup .popup_desc{margin:0 0 26px;font-size:18px;line-height:1.3;color:#000;}
.winter_routine_popup .info_row{display:flex;gap:8px;margin-bottom:20px;}
.winter_routine_popup .info_field{position:relative;flex:1;height:52px;border-radius:21px;background:#f3f3f3;display:flex;align-items:center;box-sizing:border-box;padding-left:92px;}
.winter_routine_popup .info_field .info_label{position:absolute;left:0;top:0;bottom:0;width:92px;border-radius:21px 0 0 21px;background:#ff0000;color:#ffffff;font-size:21px;font-weight:700;display:flex;align-items:center;justify-content:center;}
.winter_routine_popup .info_field input{border:0;background:transparent;outline:none;width:100%;font-size:21px;color:#111111;padding:0 16px;box-sizing:border-box;}
.winter_routine_popup .routine_title_bar{height:75px;border-radius:21px;background:#000000;color:#ffffff;font-size:29px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.winter_routine_popup .routine_list{margin-bottom:26px; max-height:350px; overflow:auto;}
.winter_routine_popup .routine_item{display:flex;align-items: center;margin-bottom:12px;}
.winter_routine_popup .routine_item:last-child{margin-bottom:0;}
.winter_routine_popup .routine_label{width:96px;border-radius:26px 0 0 26px;background:#ff0000;color:#ffffff;font-weight:800;font-size:25px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0 6px; height:108px;}
.winter_routine_popup .routine_body{flex:1;background:#f5f5f5;border-radius:0 26px 26px 0;padding:18px 22px;box-sizing:border-box;}
.winter_routine_popup .routine_body textarea{width:100%;height:72px;border:0;resize:none;background:transparent;font-size:18px;line-height:1.5;color:#000;outline:none;}
.winter_routine_popup .routine_body textarea::placeholder{color:#bbbbbb;}
.winter_routine_popup .routine_check{margin-left:10px;width:40px;height:40px;border-radius:6px;border:3px solid #ff0000;background:#ffffff;box-sizing:border-box;cursor:pointer;position:relative;padding:0;}
.winter_routine_popup .routine_check::before{content:'';position:absolute;left:50%;top:38%;width:0;height:0;border:0;transform:translate(-50%,-50%) rotate(45deg);}
.winter_routine_popup .routine_check.active{background:#ff0000;}
.winter_routine_popup .routine_check.active::before{width:16px;height:24px;border-right:5px solid #ffffff;border-bottom:5px solid #ffffff;}
.winter_routine_popup .btn_add_routine{display:inline-flex;align-items:center;justify-content:center;margin:0 0 26px;padding:0;background:transparent;border:0;cursor:pointer;font-size:25px;font-weight:700;color:#111111;gap:6px;}
.winter_routine_popup .btn_add_routine .icon_plus{width:24px;height:24px;border:2px solid #111111;border-radius:4px;position:relative;box-sizing:border-box;}
.winter_routine_popup .btn_add_routine .icon_plus::before,.btn_add_routine .icon_plus::after{content:'';position:absolute;left:50%;top:50%;background:#111111;transform:translate(-50%,-50%);}
.winter_routine_popup .btn_add_routine .icon_plus::before{width:12px;height:2px;}
.winter_routine_popup .btn_add_routine .icon_plus::after{width:2px;height:12px;}
.winter_routine_popup .popup_btn_row{display:flex;justify-content:center;gap:22px;}
.winter_routine_popup .btn_popup{min-width:170px;height:64px;border-radius:32px;border:0;font-size:21px;font-weight:700;color:#ffffff;cursor:pointer;}
.winter_routine_popup .btn_cancel{background:#c8c8c8;color:#ffffff;}
.winter_routine_popup .btn_submit{background:#ff0000;color:#ffffff;}


/* ¾Ö´Ï¸ÞÀÌ¼Ç Å°ÇÁ·¹ÀÓ */
@keyframes blinker {
    50% { opacity: 0; }
}

@keyframes rollingLeft1 {
    0% { transform: translateX(0); }
    50% { transform: translateX(100%); }
    50.01% { transform: translateX(-100%); }
    100% { transform: translateX(0); }
}

@keyframes rollingLeft2 {
    0% { transform: translateX(-200%); }
    100% { transform: translateX(0); }
}

@keyframes rollingDown1 {
    0% { transform: translateY(0); }
    50% { transform: translateY(100%); }
    50.01% { transform: translateY(-100%); }
    100% { transform: translateY(0); }
}

@keyframes rollingDown2 {
    0% { transform: translateY(-200%); }
    100% { transform: translateY(0); }
}

@keyframes rollingUp1 {
    0% { transform: translateY(0); }
    50% { transform: translateY(-100%); }
    50.01% { transform: translateY(100%); }
    100% { transform: translateY(0); }
}

@keyframes rollingUp2 {
    0% { transform: translateY(0); }
    100% { transform: translateY(-200%); }
}



/* lecture tit */
.lecture_tit{background-color:#04090b;}

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


/* mediaquery */
@media(max-width: 1600px) {
    .anchor { zoom:0.85; }
    .visual { zoom:0.9; }
}