@charset "euc-kr"; 

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


/* pop */
.routine_memo{background:url(/promotion/event/2025/1209_11957/img/main_routine_pop.png) no-repeat; width:570px; height:583px; z-index:99 !important;}
.routine_memo > .inner{position:relative; padding:105px 85px 0; width:100%; height:100%;}
.routine_memo .top{text-align:center;}
.routine_memo .top .title{color:#000; font-size:34px; font-family:'Pretendard'; font-weight:700;}
.routine_memo .top .link{margin:5px 0 0; display:inline-block; background:#F20000 url(/promotion/event/2025/1209_11957/img/main_routine_pop_arrow.png) no-repeat right 28px center; color:#fff; font-size:20px; font-family: 'GmarketSansBold'; border-radius:50px; height:45px; padding:0 46px 0 30px; line-height:48px;}
.routine_memo .note_text{margin:9px 0 0; font-family:'AinmamHandwriting'; font-size:41px; color:#000; font-weight:500; letter-spacing:-1px; line-height:1.2; word-break: break-all; /* display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; white-space:normal; */}
.routine_memo .btm{position:absolute; bottom:70px; left:30px; display:flex; justify-content: space-between; width:87%; padding:0 15px; font-family:'Pretendard'; font-size:20px;color:#222;}
.routine_memo .btm .today_close_custom{display:flex;align-items:center; cursor:pointer;user-select:none; }
.routine_memo .btm .today_close_custom input{display:none;}
.routine_memo .btm .today_close_custom .checkmark{width:21px;height:21px;border:2px solid #222; display:inline-block;position:relative;margin-right:10px;box-sizing:border-box;}
.routine_memo .btm .today_close_custom input:checked + .checkmark::after{content:'';position:absolute;left:4px;top:1px;width:9px;height:12px;border-right:2px solid #222;border-bottom:2px solid #222;transform:rotate(45deg);}
.routine_memo .btm .close{display:flex; align-items: center; gap:5px; cursor: pointer; user-select: none;}
.routine_memo .btm .close input{display:none;}
.routine_memo .btm .close .checkmark{background:url(/promotion/event/2025/1209_11957/img/pop_close.png) no-repeat; width:21px; aspect-ratio:1/1;}
.routine_time {width:318px; height:270px; transition:all .3s;}
.routine_time a{position:relative; width:100%; height:100%; display:inline-block; animation:alarmShake 3s ease-in-out infinite;}
.routine_time a:after{position:absolute; left:0; top:0; content:''; width:100%; height:100%; background:url(/promotion/event/2025/1209_11957/img/main_routine_time_bl.png) no-repeat; animation:blinkEffect 3s ease-in-out infinite;}
.routine_time .close_time{position:absolute; right:0; top:0; background:url(/promotion/event/2025/1209_11957/img/close_time_button.png) no-repeat 0 0 / 100%; width: 50px; aspect-ratio: 1 / 1; text-indent: -9999em; z-index: 9;}

.hero .routine_time{right:30% !important;}
@keyframes alarmShake {
    0%{transform:translateX(0);}
    5%{transform:translateX(-6px);}
    10%{transform:translateX(6px);}
    15%{transform:translateX(-4px);}
    20%{transform:translateX(4px);}
    25%{transform:translateX(0);} /* Èçµé¸² Á¾·á */

    100%{transform:translateX(0);} /* 2ÃÊ ÀÌ»ó ¸ØÃã */
}
@keyframes blinkEffect{
    0%{opacity:1;}
    5%{opacity:0;}
    10%{opacity:1;}
    15%{opacity:0;}
    20%{opacity:1;}
    25%{opacity:1;} /* ±ôºýÀÓ Á¾·á */
    100%{opacity:1;} /* ¸ØÃß´Â µ¿¾ÈÀº °íÁ¤ */
}