@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:50px auto 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{display:inline-block; margin-left:20px; 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/0129_11967/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 .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_box p strong{font-weight:700; color:#F20000;}
.event_layer_popup .layer_box p span{display:block; color:#828282;}
.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_layer_popup .layer_close_only_layer3{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_layer_popup .layer_close_only_layer5{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;}


#getLayer4 .layer_box .btn{display:flex; justify-content:center; gap:18px; margin-top:25px;}
#getLayer4 .layer_box .btn button{width:172px; height:60px; border-radius:80px; font-family:"Pretendard"; font-weight:800; font-size:22px; color:#fff;}
#getLayer4 .layer_box .btn button.v1{background:#F20000;}
#getLayer4 .layer_box .btn button.v2{margin:0; padding:0; background:#737373;}

/* 응모하기 레이어 팝업(saveLayer:다른 PM들) */
#applicationLayer .layer_box{overflow:hidden; width:630px; padding:0 0 30px 0; border-radius:25px;}
#applicationLayer .layer_box .head{display:flex; justify-content:space-between; align-items:center; height:80px; padding:0 27px 0 34px; background:#F20000; border-radius:25px 25px 0 0;}
#applicationLayer .layer_box .head p{margin-top:5px; font-family:"Gmarket Sans"; font-weight:700; font-size:38px; color:#fff;}
#applicationLayer .layer_box .head a{display:flex; justify-content:center; align-items:center; width:40px; height:40px; margin:0; padding:0; background:none;}
#applicationLayer .layer_box .con{padding:30px 64px 0 64px;}
#applicationLayer .layer_box .con .tit{font-family:"Pretendard"; font-weight:700; font-size:34px; line-height:1.3;}
#applicationLayer .layer_box .con .tit span{display:block; color:#F20000;}
#applicationLayer .layer_box .con .gift{margin:20px 0 25px; font-family:"Pretendard"; font-weight:700; font-size:30px; color:#F20000;}
#applicationLayer .layer_box .con .gift p{margin-top:20px; font-family:"Pretendard"; font-weight:700; font-size:30px; color:#F20000;}
#applicationLayer .layer_box .con .agree{padding:25px 42px; background:#F4F4F4; border-radius:25px; text-align: left;}
#applicationLayer .layer_box .con .agree p{margin-bottom:12px; font-family:"Pretendard"; font-weight:800; font-size:17px; color:#333;}
#applicationLayer .layer_box .con .agree dl{line-height:1.7;}
#applicationLayer .layer_box .con .agree dl dt{position: relative; padding-left:10px; font-size:13px; color:#666;}
#applicationLayer .layer_box .con .agree dl dt:before{content:""; display:block; position:absolute; top:9px; left:0; width:4px; height:4px; background:#666; border-radius:50%;}
#applicationLayer .layer_box .con .agree dl dd{padding-left:5px;}
#applicationLayer .layer_box .con .agree .chk{display:inline-block; margin-top:12px;}
#applicationLayer .layer_box .con .agree .chk input{display:none; }
#applicationLayer .layer_box .con .agree .chk label{padding-left:22px; font-size:13px; color:#666; cursor:pointer; background:url(img/chk_off.png) no-repeat left center / 16px 16px; }
#applicationLayer .layer_box .con .agree .chk input:checked + label{background-image:url(img/chk_on.png); }
#applicationLayer .layer_box .btn{display:flex; justify-content:center; gap:18px; margin-top:25px;}
#applicationLayer .layer_box .btn button{width:172px; height:60px; border-radius:80px; font-family:"Pretendard"; font-weight:800; font-size:22px; color:#fff;}
#applicationLayer .layer_box .btn button.v1{background:#F20000;}
#applicationLayer .layer_box .btn button.v2{margin:0; padding:0; background:#737373;}
#saveLayer .layer_box{overflow:hidden; width:630px; padding:0 0 30px 0; border-radius:25px;}
#saveLayer .layer_box .head{display:flex; justify-content:space-between; align-items:center; height:80px; padding:0 27px 0 34px; background:#F20000; border-radius:25px 25px 0 0;}
#saveLayer .layer_box .head p{margin-top:5px; font-family:"Gmarket Sans"; font-weight:700; font-size:38px; color:#fff;}
#saveLayer .layer_box .head a{display:flex; justify-content:center; align-items:center; width:40px; height:40px; margin:0; padding:0; background:none;}
#saveLayer .layer_box .con{padding:30px 64px 0 64px; margin:0;}
#saveLayer .layer_box .con .tit{position:static;  font-family:"Pretendard"; font-weight:800; font-size:60px; line-height:1.3;}
#saveLayer .layer_box .con .tit span{display:inline-block; color:#F20000;}
#saveLayer .layer_box .con .gift{margin:20px 0 25px; font-family:"Pretendard"; font-weight:700; font-size:30px; color:#F20000;}
#saveLayer .layer_box .con .gift p{margin-top:20px; font-family:"Pretendard"; font-weight:700; font-size:30px; color:#F20000;}
#saveLayer .layer_box .btn{display:flex; justify-content:center; gap:18px; margin-top:25px;}
#saveLayer .layer_box .con .info p{font-size:30px;}
#saveLayer .layer_box .con .info p span{display:inline-block; color:#F20000;}
#saveLayer .layer_box .con .info > span{font-size:17px; color:#666;}
#saveLayer .layer_box .btn button{min-width:234px; height:60px; padding-right:22px; border-radius:80px; font-family:"Pretendard"; font-weight:800; font-size:22px; color:#fff;}
#saveLayer .layer_box .btn button.v1{background:#F20000 url(img/application_btn_arr.png) right 26px center no-repeat;}
#saveLayer .layer_box .btn button.v2{background:#0BAA90 url(img/application_btn_arr.png) right 26px center no-repeat;}
#saveLayer .layer_box .btn button.v3{display:none; padding:0 46px 0 24px; background:#F20000 url(img/application_btn_arr.png) right 26px center no-repeat;}


/* event tab */
.tab_content#eventTab1,
.tab_content#eventTab2{position: relative;}
.tab_content#eventTab1::after,
.tab_content#eventTab2::after{content: ''; position: absolute; top: 0; left: 0; z-index: 11; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3);}
.tab_content#eventTab2 .end_stamp{top:3.5%;}
/* 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;}

/* 루틴 play 3탄 */
#eventTab3{overflow-x:hidden; text-align: center;}
.challenge{height:1628px; background:#E0F8F4 url(img/challenge_bg.png) 0 0 no-repeat;}
#wrapper .challenge .mask{display:block ; height:100%; padding:100px 0;}
.challenge .mask .ing{display:flex; justify-content:center; align-items:center; position:relative; width:1108px; height:102px; margin:0 auto 50px auto; background:#F20000; border-radius:50px; z-index:10;}
.challenge .mask .ing p{margin-top:3px; font-family:"Gmarket Sans"; font-weight:700; font-size:40px; color:#fff;}
.challenge .mask .ing p span{color:#FFEA73;}
.challenge .mask .tit{position:relative;}
.challenge .mask .tit .obj{position:absolute; top:66px; right:80px;}
.challenge .mask .gift{position:absolute; top:0; left:calc(50% - 36px); transform:translateX(-50%);}
#wrapper .save .mask{width:1200px; padding:100px 0;}
.save .mask .tit{margin-bottom:60px;}
.save .mask .sub_tit{margin-bottom:40px;}
.save .mask .gift{display:flex; flex-direction:column; align-items:center; justify-content:center; height:450px; margin-bottom:100px; border:2px solid #0baa90; border-radius:30px; box-shadow:0 10px 30px 0 rgba(11,170,144,.2);}
.save .mask .gift p{margin-bottom:28px; font-family:"Pretendard"; font-weight:700; font-size:35px; color:#000;}
.save .mask .banner_wrap{margin-top:40px;}
.save .mask .banner_wrap .tab{display:flex;}
.save .mask .banner_wrap .tab li{display:flex;align-items:center; justify-content:center; flex:1; height:84px; background:#B2B2B2;}
.save .mask .banner_wrap .tab li.on{background:#000;}
.save .mask .banner_wrap .tab li:first-child{border-radius:16px 0 0 0;}
.save .mask .banner_wrap .tab li:last-child{border-radius:0 16px 0 0;}
.save .mask .banner_wrap .tab li a{display:block; width:100%; height:100%; padding-top:4px; font-family:"Gmarket Sans"; font-weight:700; font-size:30px; color:#6D6D6D; line-height:84px;}
.save .mask .banner_wrap .tab li.on a{color:#fff;}
.save .mask .banner_wrap .tab li.on a span{color:#FFEA73;}
.save .mask .banner_wrap .tab_contents .tab_con{display:none;}
.save .mask .banner_wrap .tab_contents .tab_con.active{display:flex; flex-wrap:wrap; gap:25px 12px; padding:100px; border:2px solid #0baa90; border-top:none; border-radius:0 0 30px 30px; box-shadow:0 10px 30px 0 rgba(11,170,144,.2);}
.application{background:#fff5b9;}
#wrapper .application .mask{display:block; overflow:visible; width:1200px; padding:100px 0;}
.application .mask > .tit{margin-bottom:60px;}
.application .sub_tit{margin-bottom:60px; padding-top:100px;}
.application .sub_tit.box{width:347px; height:65px; margin:0 auto 52px auto; padding-top:0; background:#003A30; font-family:"Gmarket Sans"; font-weight:700; font-size:50px; color:#fff; line-height:72px; text-align:center;}
.application .point{display:flex; gap:40px; position:relative;}
.application .point > a{position:absolute; top:-43px; right:0; padding-right:40px; background:url(img/refresh_ico.png) right center no-repeat; font-family:"Pretendard"; font-weight:500; font-size:25px; color:#000;}
.application .point div{display:flex; flex-direction:column; align-items:center; justify-content:center; flex:1; gap:35px; height:287px; background:#fff; border:2px solid #0BAA90; border-radius:30px;}
.application .point div p{line-height:1;}
.application .point div .tit{font-family:"Gmarket Sans"; font-weight:700; font-size:40px; color:#000;}
.application .point div .cnt{font-family:"Pretendard"; font-weight:800; font-size:93px;}
.application .point .today .cnt{color:#0BAA90;}
.application .point .remaining .cnt{color:#F20000;}
.application .point .login{display:flex; flex-direction:row; height:auto; padding:40px 0;}
.application .point .login p{font-family:"Pretendard"; font-weight:400; font-size:30px; color:#000;}
.application .point .login a{width:176px; height:61px; background:#F20000; border-radius:94px; font-family:"Pretendard"; font-weight:800; font-size:30px; color:#fff; text-indent:0; line-height:61px;}
.application .point .login a span{padding-right:28px; background:url(img/application_btn_arr.png) right center no-repeat;}
.application .con{position:relative;}
.application .con a{display:block;}
.application .con.shop1 a{position:absolute; bottom:22px; left:50%; width:541px; height:118px; transform:translateX(-50%); text-indent:-9999px;}
.application .con.shop2 ul{display:flex; flex-wrap:wrap; gap:15px; position: relative; z-index:50;}
.application .con.shop2 ul:before{content:""; display:block; position:absolute; top:-168px; right:-108px; width:215px; height:215px; background:url(img/application_con02_badge.png) 0 0 no-repeat;}
.application .con.shop2 ul li{flex:1;}
.application .con.shop2 ul li .cnt{height:85px; background:#0BAA90; border-radius:30px 30px 0 0; font-family:"Gmarket Sans"; font-weight:700; font-size:38px; color:#fff; line-height:90px;}
.application .con.shop2 ul li .gift{display:flex; flex-direction:column; align-items:center; justify-contetn:center; padding:17px 23px 30px 0; background:#fff; border-radius:0 0 30px 30px;}
.application .con.shop2 ul li .gift img{margin-left:auto;}
.application .con.shop2 ul li .gift .tit{margin-top:23px; font-family:"Pretendard"; font-weight: 700; font-size:28px; color:#000;}
.application .con.shop2 ul li .gift .txt{margin-top:5px; font-family:"Pretendard"; font-weight:400; font-size:20px; color:#000;}
.application .con.shop2 ul li .gift .success{width:234px; height:50px; margin-top:23px; background:#000; border-radius:100px; font-family:"Pretendard"; font-weight:800; font-size:24px; color:#fff; line-height:50px;}
.application .con.shop2 ul li .gift a{width:234px; height:50px; margin-top:23px; background:#F20000; border-radius:100px; font-family:"Pretendard"; font-weight:800; font-size:24px; color:#fff; line-height:50px;}
.application .con.shop2 ul li .gift a span{padding-right:28px; background:url(img/application_btn_arr.png) right center no-repeat;}

.application .con.shop2 .bg{position:absolute; top:-390px; left:calc(50% - 67px); margin-left:-1028px;}