@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_btn2.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 .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;}


.learning_routine_event .mask,
.best_routine .mask,
.bonus_event .mask{width:1300px !important;}



/*2025-12-22 add*/
.routine_event_tab{background: #000;}
.routine_event_tab .tab_wrap{display: flex; width: 1200px; margin: 0 auto;}
.routine_event_tab .tab_wrap .event_tab{width: 400px; height: 141px; background-image: url(/promotion/event/2026/0106_11961/img/routine_tab.png); background-repeat: no-repeat; background-position-y: -141px; text-indent: -9999px; cursor: pointer;}
.routine_event_tab .tab1{}
.routine_event_tab .tab2{background-position-x: -400px;}
.routine_event_tab .tab3{background-position-x: -800px;}
.routine_event_tab .tab_wrap .event_tab.active{background-position-y: 0;}
.routine_event_tab .tab_wrap .event_tab:hover{background-position-y: 0;}

.tab_content_wrap .tab_content{display: none;}
.tab_content_wrap .tab_content.active{display: block;}

.event_layer_popup{display:none; position:fixed !important; top:0; left:0; width:100%; height:100%; z-index:999;}
.event_layer_popup.active{display:block;}
.event_layer_popup .layer_dim{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.3);}
.event_layer_popup .layer_box{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; width: 550px; padding:75px 0 30px; text-align:center; box-shadow: 0 11px 20px 0 rgba(0, 0, 0, 0.15);}
.event_layer_popup .layer_box p{color: #000; font-size: 25px; font-family: 'pretendard'; font-weight: 500;}
.event_layer_popup .layer_close{margin-top:55px; padding:14px 70px; background: #f20000; color: #fff; font-size: 20px; font-weight: 700; font-family: 'pretendard'; border-radius: 5em; line-height: 1em;}


/* event tab */
.tab_content#eventTab1{position: relative;}
.tab_content#eventTab1::after{content: ''; position: absolute; top: 0; left: 0; z-index: 11; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3);}
/* event end stamp */
.end_stamp{position: absolute; top: 7%; left: 50%; transform: translateX(-35%); z-index: 12;}


/* studycafe_event */
.studycafe_event{overflow: hidden; padding: 100px 0; background: #D7EAF8 url(/promotion/event/2025/1209_11957/img/studycafe_bg.png) no-repeat center top 1450px;}
.studycafe_event .mask{overflow: visible; text-align: center;}
.studycafe_event .mask .img{position: relative; left: 50%; transform: translateX(-50%);}
.studycafe_event .notice_wrap{margin-top: -70px !important;}
.studycafe_event .study_now{display: inline-flex; justify-content: center; align-items: center; position: relative; padding: 25px; margin-bottom: 50px; background: #000; font-family: 'Gmarket Sans'; border-radius: 10em;}
.studycafe_event .study_now::before{content: ''; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 25px); border-top: 30px solid #000; border-bottom: none; border-left: 20px solid transparent; border-right: 20px solid transparent;}
.studycafe_event .study_now p{transform: translateY(0.1em); margin: 0 15px; color: #fff; font-size: 40px; font-weight: 700; font-family: inherit; line-height: 1.2em;}
.studycafe_event .study_now span{color: #ffea73; font-family: inherit;}
.studycafe_event .study_now em{font-family: inherit;}
.studycafe_event .watch{position: relative;}
.studycafe_event .watch .current_time{position: absolute; left: 50%; top: 170px; transform: translateX(130%); color: #fff; font-size: 37px; font-family: 'pretendard';}
.studycafe_event .watch .stop_watch{position: absolute; left: 50%; bottom: 53%; transform: translateX(-50%); color: #fff; font-size: 110px; font-weight: 700; font-family: 'pretendard'; font-variant-numeric: tabular-nums; letter-spacing: -0.03em;}
.studycafe_event .watch .watch_btn{display: flex; justify-content: center; gap: 0 30px; position: absolute; bottom: 380px; left: 50%; transform: translateX(-50%);}
.studycafe_event .watch .watch_btn button{width: 174px; padding: 26px 0; background: #454545; color: #d5d5d5; font-size: 35px; font-weight: 700; font-family: 'pretendard'; border-radius: 5em; line-height: 1em;}
.studycafe_event .watch .watch_btn button.start{background: #00ca6c; color: #000;}
.studycafe_event .watch .watch_btn button.stop{background: #ea3333; color: #fff;}
.studycafe_event .event_intro img{margin-top: 60px;}

.current_status{padding: 100px 0; background: #e7f3fd url(/promotion/event/2025/1209_11957/img/current_bg.png) no-repeat center 0;}
.current_status .status_detail{display: flex; justify-content: space-between; width: 1200px; margin: 40px auto 60px;}
.current_status .status_detail li{width: calc(50% - 22px); padding: 60px 0; background: #fff; color: #000; font-size: 35px; font-weight: 800; font-family: 'pretendard'; text-align: center; border-radius: 30px; box-shadow: 0 4px 30px 0 rgba(147, 204, 245, 0.8);}
.current_status .status_detail li div{display: flex; align-items: baseline; justify-content: center; margin-top: 35px;}
.current_status .status_detail li p{margin-right: 15px; color: #f20000; font-size: 92px; font-family: 'pretendard'; line-height: 1em;}
.current_status .status_detail li:first-child p{color: #1c49df;}
.current_status .studying{width: 1200px; margin: 0 auto;}
.current_status .studying ul{display: grid; grid-template-columns: repeat(4, 1fr); gap: 0 25px; position: absolute; bottom: 100px; left: 50px; width: 1200px; padding: 0 28px;}
.current_status .studying ul li{color: #fff; font-size: 26px; font-weight: 700; font-family: 'pretendard';}
.current_status .studying ul li span{padding: 10px 20px; background: #000; font-size: 33px; font-weight: 800; font-family: inherit; border-radius: 15px;}

.message_sec{padding: 100px 0;}
.message_sec .message_top {width: 1200px; margin: 0 auto; background-color: #edf0f4; padding: 30px 20px; font-family: 'pretendard'; text-align: left;}
.message_sec .message_top .tit {margin-bottom: 15px; font-size: 24px; color: #000; font-weight: 700; font-family: 'pretendard';}
.message_sec .message_top span {color: #2563eb;}
.message_sec .input_wrap {display: flex; gap: 20px; align-items: stretch; margin-bottom: 10px;}
.message_sec .input_wrap textarea {flex: 1; padding: 15px; height: 6em; border: 1px solid #a3a3a3; border-radius: 10px; font-size: 22px; line-height: 1.2; resize: none; font-family: inherit;}
.message_sec .input_wrap button {width: 160px; background-color: #2563eb; color: white; border: none; padding: 15px 0; border-radius: 10px; font-size: 30px; font-weight: bold; cursor: pointer; white-space: nowrap;}
.message_sec .input_wrap button:hover {background-color: #1d4ed8;}
.message_sec .notice_txt {font-size: 15px; font-weight: 500; color: #888e97;}

.message_sec .reply_sec {width: 1200px; padding-top: 60px; margin: 0 auto; font-family: 'pretendard';}
.message_sec .reply_sec .top {display: flex; justify-content: space-between; align-items: center; padding: 20px;}
.message_sec .reply_sec .top .total_cnt {font-size: 22px; color: #000; font-weight: 600;}
.message_sec .reply_sec .top .total_number {margin-left: 6px; color: #1c49df; font-weight: 800;}
.message_sec .reply_sec .top .view_options {display: flex; align-items: center;}
.message_sec .reply_sec .top button{padding: 0 5px; margin: 0 10px; background: none; color: #000; font-weight: 600; font-family: 'pretendard'; font-size: 22px; cursor: pointer;}
.message_sec .reply_sec .top button:last-child{position: relative; margin-right: 0;}
.message_sec .reply_sec .top button:last-child::before{content: ''; position: absolute; top: 50%; left: -10px; transform: translateY(-50%); width: 1px; height: 14px; background: #a8aaac;}
.message_sec .reply_sec .list{border-top: 3px solid #c6cbd4}
.message_sec .reply_sec .item {display: flex; align-items: center; padding: 38px 25px; border-bottom: 1px solid #c6cbd4;}
.message_sec .reply_sec .item .item_badge {color: #000; font-weight: 600; font-size: 25px; margin-right: 60px; white-space: nowrap;}
.message_sec .reply_sec .item_txt {flex: 1; padding-right: 60px; font-size: 22px; color: #333; text-align: left; line-height: 1.2;}
.message_sec .reply_sec .item_date {color: #a3a3a3; font-size: 22px; font-weight: 400; margin-right: 25px; white-space: nowrap;}
.message_sec .reply_sec .item_close {display: flex; background: none; cursor: pointer;}
.message_sec .reply_sec .item_close:hover {color: #333;}
.message_sec .reply_sec .pagination {display: flex; justify-content: center; align-items: center; gap: 10px; padding: 40px 0;}
.message_sec .reply_sec .page_button {background: none; padding: 8px 12px; cursor: pointer;}
.message_sec .reply_sec .page_button:hover {color: #2563eb;}
.message_sec .reply_sec .page_number {background: none; border: none; padding: 8px 12px; cursor: pointer; font-size: 18px; color: #666; font-weight: 600;}
.message_sec .reply_sec .page_number.active {color: #2563eb; font-weight: 700;}
.message_sec .reply_sec .page_number:hover {color: #2563eb;}