/* BASIC css start */
.root_contest { background: #edeeee; padding: 0; overflow-x:hidden; position: relative; }
.root_contest img { width: 100%; }
.root_contest p, .root_contest a { font-size: 1.25em; line-height: 1.85em; /*font-weight: 500;*/ margin: 2% auto; text-align: center; }

.floating-banner { position: fixed; bottom: 2%; left: 3%; z-index: 2; }
.floating-banner > a > img { width: 30%; animation: AllbounceAnimation 2s ease-in-out infinite; }
@keyframes AllbounceAnimation {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(2px); }
}

@font-face {
    font-family: 'omyu_pretty';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-01@1.0/omyu_pretty.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BMkkubulimTTF-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2410-1@1.0/BMkkubulimTTF-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

.bio_fairytale { background: #f7f4e9; padding: 7% 7% 15% 7%; }
.bio_fairytale p { font-size: 1.25em; line-height: 1.85em; /*font-weight: 500;*/ margin: 7% auto; text-align: left; }
.bio_fairytale p > span { font-family: 'omyu_pretty'; font-size: 1.35em !important; }
.bubble { font-family: 'omyu_pretty'; font-size: 1.65em !important; line-height: 1.5em !important; }
.bubble_monster { font-family: 'BMkkubulimTTF-Regular'; font-size: 1.45em !important; line-height: 1.5em !important; }

.bio_fairytale > div { display: flex; gap: 10px; justify-content: center; align-items: center; margin: 4% 0; }
.bio_fairytale > div > img { width: 24% !important; height: 24%; }
.bio_fairytale > div > p { margin: 0 !important; }

/* .root_contest_tit { background-image: url('https://mothersall.img6.kr/event_notice/root_contest/root_contest_tit.jpg'); background-size: 100%; background-repeat: no-repeat; position: relative; padding: 140% 0 10%; }
/* .root_contest_tit > div { display: flex; }
.root_contest_friends { z-index: 1; position: absolute; animation: tiltEffect 1s ease-in-out infinite 2.1s; top: 37%; left: 5%; width: 90% !important; }
@keyframes tiltEffect {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(2deg); }
    100% { transform: rotate(0deg); }
} */

/* .root_contest_line { position: relative; z-index: 2; margin-top: 4%; } 
.root_contest_tit button { display: inline-block; color: #012b49; font-size: 1.25em; line-height: 3em; font-weight: 700; background: #fff; border: 2px solid #012b49; border-radius: 9px; margin: 1% 15%; width: 70%; }
.root_contest_tit .tit_guide { color: #626262; font-weight: 600; } */

.root_contest .swiper-container { width: 170%; padding: 13% 5% 13% 9%; background-image: url('https://mothersall.img6.kr/event_notice/root_contest/root_contest_toon_bg.jpg'); background-size: 100%; }
.root_contest .swiper-slide img { width: 100%; }

.root_contest_howto { background: #edeeee; margin-top: 15%; }
.root_contest_howto > .steps { /* background: #fff; border-radius: 9px; padding: 5%; margin: 5% 5% 0; */ text-align: center; margin-bottom: 10%; }
.root_contest_howto > .steps > p { display: block; font-size: 1.35em; line-height: 1.5em; font-weight: 600; margin: 2% auto 5%; color: #012b49; }
.root_contest_howto > .steps > p > span { display: block; font-size: 0.85em; line-height: 1.25em; color: #7d7d7d; }
.root_contest_howto > .steps > a, .root_contest_howto > a { display: inline-block; color: #fff; font-size: 1.35em; font-weight: 700; background: #012b49; border-radius: 9px; padding: 5% 3%; margin: 5% auto 1%; width: 70%; }
.root_contest_howto > .steps > img { width: 20%; margin: 5% 40%; }


/* BASIC css end */