﻿@font-face{font-family:"Pretendard";src:url("../img/Pretendard-Medium.woff2") format("woff2");font-weight:400;font-style:normal}@font-face{font-family:"Pretendard";src:url("../img/Pretendard-Bold.woff2") format("woff2");font-weight:700;font-style:bold}html,body{width:100%;height:100%}body{background-color:#fff;-webkit-text-size-adjust:none}body,div,ul,li,h1,h2,h3,h4,h5,h6,p,th,td{margin:0;padding:0}body,h1,h2,h3,h4{font-family:"Pretendard","맑은 고딕","Apple SD Gothic Neo","Malgun Gothic","Dotum","돋움",Arial,sans-serif;font-size:15px;color:#222;line-height:normal}ul,li{list-style:none}img{vertical-align:top;border:0 none}a{text-decoration:none;color:inherit}.sc-only{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}.w_yt25{background:#ebf8ff}.head{position:fixed;top:0;left:0;width:100%;z-index:9;height:40px;background:rgba(0,0,0,.2);backdrop-filter:blur(16px)}.head .logo{margin:12px 0 0 20px}.w_intro{position:relative;overflow:hidden;height:570px;background:#00acff url("../img/m/bg-top.png") no-repeat center top;background-size:auto 570px}.w_intro .coffee{position:absolute;top:245px;left:50%;transform:translateX(-50%);width:200px;z-index:1}.w_intro .cloud-left{position:absolute;bottom:0;left:0;width:360px}.w_intro .cloud-right{position:absolute;top:46px;right:0;width:352px}.w_intro .txt{position:relative;z-index:1;width:299px;margin:80px auto 0}.w_intro .star{position:absolute;top:100px;left:50%;width:30px;transform:translateX(-50%);margin-left:-130px;opacity:0;animation:blinkSparkle 3s steps(1) infinite}@keyframes blinkSparkle{0%{opacity:0}20%{opacity:1}80%{opacity:0}100%{opacity:0}}.w_intro .star-bt{position:absolute;top:200px;left:50%;width:24px;transform:translateX(-50%);margin-left:156px;opacity:0;animation:blinkSparkleBt 3s steps(1) infinite}@keyframes blinkSparkleBt{0%{opacity:0}40%{opacity:1}90%{opacity:0}100%{opacity:0}}.w_intro .balloon-yellow{position:absolute;top:285px;left:50%;transform:translateX(-50%);margin-left:-140px;animation:floatBalloonYellow 1s steps(1) infinite;width:55px;z-index:2}@keyframes floatBalloonYellow{0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}}.w_intro .balloons{position:absolute;top:410px;left:50%;transform:translateX(-50%);margin-left:54px;animation:floatBalloons 1s steps(1) infinite;width:116px;z-index:2}@keyframes floatBalloons{0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}}.w_how{max-width:320px;margin:0 auto}.w_how .tit{margin:40px 0 8px;text-align:center}.w_how .desc{text-align:center}.w_how .desc strong{font-weight:bold;font-size:18px;letter-spacing:-0.5px;line-height:1.4}.w_how .desc p{padding-top:20px;font-size:16px;line-height:24px;letter-spacing:-0.5px}.table{position:relative;max-width:320px;height:902px;margin:60px auto 0;padding:50px 24px 0;box-sizing:border-box;font-size:16px;letter-spacing:-1px;background:url("../img/m/box-mid.png");background-repeat:repeat-x;background-size:auto 902px}.table .img-event{position:relative}.table .img-event .link-sub{position:absolute;top:12px;left:0;width:100%;aspect-ratio:16/9;display:block;text-indent:-99999em;overflow:hidden;text-align:left;line-height:0}.table:before{position:absolute;left:0;top:0;background:url("../img/m/box-left.png");background-size:auto 902px;background-repeat:no-repeat;height:902px;width:12px;z-index:1;content:""}.table:after{position:absolute;right:0;top:0;background:url("../img/m/box-right.png");background-size:auto 902px;background-repeat:no-repeat;height:902px;width:12px;z-index:1;content:""}.table .tit-event{position:absolute;top:-24px;left:50%;transform:translateX(-50%)}.table .th{font-weight:bold}.table .td{padding:10px 0 22px}.table .link img{margin:30px auto 0;display:block}.table .link .link-sub{border:solid 1px red}.table .event{width:100%;margin-top:12px}.w_tip{text-align:center;padding:24px 0 60px;font-size:14px;line-height:1.5;letter-spacing:-0.5px}.w_tip strong{display:block;color:#fd5886}.w_notice{padding:30px 20px;background:#09369c;font-size:14px}.w_notice .tit{color:#ebf8ff}.w_notice .notice{margin-top:12px;line-height:22px;color:#ebf8ff}.w_notice .notice li{position:relative;padding:3px 0 3px 12px}.w_notice .notice li:before{position:absolute;top:2px;left:0;content:"• "}.foot{padding:20px 0 18px;text-align:center;background:#171717;color:#ccc;font-size:12px;line-height:20px}