@charset "euc-kr"; 

/* webfont */
@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;
}

/* learning_routine_event */
.learning_routine_event{}
.learning_routine_cont{background:#fffbe3; padding:0 0 100px;}
.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(/promotion/event/2025/1209_11957/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(/promotion/event/2025/1209_11957/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: 68px 110px 0 107px;display:flex;gap: 29px;}
.best_routine_1 .wrap .item{width: 337px;}
.best_routine_1 .wrap .item .list{padding:51px 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(/promotion/event/2025/1209_11957/img/best_routine_1_num1.png) no-repeat 0 8px;}
.best_routine_1 .wrap .item .list .num:nth-of-type(2){background:url(/promotion/event/2025/1209_11957/img/best_routine_1_num2.png) no-repeat 0 8px;}
.best_routine_1 .wrap .item .list .num:nth-of-type(3){background:url(/promotion/event/2025/1209_11957/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(/promotion/event/2025/1209_11957/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_1 .wrap .item:nth-of-type(3){width:349px;}

.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; width:1070px; margin:auto;}
.best_routine_2 .memo{position:relative; background:url(/promotion/event/2025/1209_11957/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(/promotion/event/2025/1209_11957/img/best_routine_2_memo_tip1.png) no-repeat; width:150px; height:60px;}
.best_routine_2 .memo.tip_1:after{background:url(/promotion/event/2025/1209_11957/img/best_routine_2_memo_tip1.png) no-repeat;}
.best_routine_2 .memo.tip_2:after{background:url(/promotion/event/2025/1209_11957/img/best_routine_2_memo_tip2.png) no-repeat;}
.best_routine_2 .memo.tip_3:after{background:url(/promotion/event/2025/1209_11957/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(/promotion/event/2025/1209_11957/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(/promotion/event/2025/1209_11957/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);}

/* bonus_event */
.bonus_event{padding:0 0 100px;}
.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 .info_field:nth-of-type(1){flex:.6;}
.winter_routine_popup .info_field:nth-of-type(2){flex:1;}
.winter_routine_popup .info_field:nth-of-type(3){flex:.7;}
.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;}