body{overflow-x:hidden}

#header{position:fixed;top:0;left:0;z-index:100;width:100%;height:100px;border-bottom:1px solid transparent;-moz-transition:all .4s cubic-bezier(0.55, 0.085, 0.68, 0.53);-webkit-transition:all .4s cubic-bezier(0.55, 0.085, 0.68, 0.53);transition:all .4s cubic-bezier(0.55, 0.085, 0.68, 0.53)}
#header.header-fixed{border-bottom:1px solid #e7e7e7;background:#fff}
.header__inner{position:relative;width:960px;margin:0 auto}
.header__nav{padding-right:160px;font-size:0;text-align:center}
.header__nav-depth{display:inline-block;vertical-align:middle;margin-left:80px}
.header__nav-depth:first-child{margin-left:0}
.header__depth-btn{display:block;position:relative;color:#171717;font-size:22px;letter-spacing:.05em;line-height:100px}
.header__depth-btn:after{display:none;content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:#fbca10}
.header__depth-btn:hover,
.header__depth-btn-active{font-family:"Kakao-Rg"}
.header__depth-btn:hover:after,
.header__depth-btn-active:after{display:block}
.header__tup-btn{display:block;position:absolute;top:-20px;right:0;z-index:10;width:160px;height:100px;padding-top:30px;border-radius:0 0 40px 40px;color:#fff;font-size:22px;font-family:"Kakao-Rg";line-height:1.2;text-align:center;background:#56c847;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;animation-name:header__tup-btn;animation-duration:1s;animation-timing-function:cubic-bezier(0.68, -0.55, 0.265, 1.55)}
@keyframes header__tup-btn{
    0%{opacity:0;top:-120px}
	100%{opacity:1;top:-20px}
}
.section__visual{position:relative;width:100%;height:870px}
.txt-normal{display:inline-block;font-family:"Kakao-Lt";font-weight:300}
.txt-color-y{color:#ffda0d}
.txt-bold{font-family:"Kakao-Bd";font-weight:700}
.main__visual{background:#f4f4f4 url("/img/event/kakaofriends/main__visual.png") no-repeat 50% 100%;background-size:100% auto}
.main__visual-desc{padding-top:170px;text-align:center}
.main__visual-tit{text-align:center}
.main__visual-tit .tit-motion{animation-name:lyan-motion;animation-duration:1s;animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275)}
.main__visual-tit-sub{display:block;margin-bottom:20px}
.main__visual-tit-sub .txt-normal{margin:0 5px}
.main__visual-txt-1{padding-top:32px}
.main__visual-txt-2{padding-top:20px;color:#161616;font-size:22px}
.first__visual{height:930px;margin-top:-1px;background:#5a94fb}
.first__visual-desc{padding-top:110px;text-align:center}
.first__visual-tit{color:#fff;font-family:"Kakao-Rg";font-weight:400;font-size:60px;letter-spacing:-.025em}
.first__visual-txt{padding-top:20px;color:#fff;font-size:20px;line-height:1.5}
.first__visual-date{display:block;padding-top:35px;color:#fff;font-family:"Kakao-Bd";font-size:30px}
.media__event{width:624px;height:360px;margin:60px auto 0;background:#ffda0d}
#player{margin:10px}
.media__share{position:relative;width:624px;height:80px;margin:15px auto 0}
.media__share-btn{display:block;width:100%;height:100%;border-radius:24px;color:#000;font-family:"Kakao-Rg";font-size:26px;line-height:80px;text-align:center;background-color:#ffda0d}
.starbucks__coupon{display:table;position:absolute;top:-10px;right:-47px;z-index:10;width:100px;height:100px;border-radius:50%;text-align:center;background:#47322b}
.starbucks__coupon-txt{display:table-cell;vertical-align:middle;color:#fff;font-size:18px;line-height:1.25}
.starbucks-americano{display:none;position:absolute;top:4px;right:-93px;z-index:20;width:59px;height:87px;background:url("/img/event/kakaofriends/starbucks-americano.png") no-repeat}
.starbucks-americano-motion{display:block;animation-name:starbucks-americano-motion;animation-duration:3s;animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275)}
@keyframes starbucks-americano-motion{
    0%{opacity:0;right:-200px;transform:rotate(390deg);-webkit-transform:rotate(390deg);-moz-transform:rotate(390deg);-ms-transform:rotate(390deg)}
	25%{opacity:1;right:-93px;transform:rotate(350deg);-webkit-transform:rotate(350deg);-moz-transform:rotate(350deg);-ms-transform:rotate(350deg)}
	50%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg)}
	75%{transform:rotate(350deg);-webkit-transform:rotate(350deg);-moz-transform:rotate(350deg);-ms-transform:rotate(350deg)}
	100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg)}
}
.kakao__friend-lion{display:none;position:absolute;top:-157px;left:-200px;z-index:20;width:217px;height:235px;background:url("/img/event/kakaofriends/kakao__friend-lion.png") no-repeat}
.kakao__friend-lion-motion{display:block;animation-name:lyan-motion;animation-duration:1s;animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275)}
@keyframes lyan-motion{
    0%{opacity:0;left:-400px;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0)}
	100%{opacity:1;left:-200px;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1)}
}
.second__visual{height:945px;border-bottom:400px solid #077c52;background:#298866}
.second__visual .contents__inner{height:100%}
.second__visual-desc{padding-top:110px;text-align:center}
.second__visual-tit{color:#fff;font-family:"Kakao-Rg";font-weight:400;font-size:60px;letter-spacing:-.025em}
.second__visual-txt{padding-top:20px;color:#fff;font-size:20px;line-height:1.5}
.second__visual-date{display:block;padding-top:30px;color:#fff;font-family:"Kakao-Bd";font-size:30px}
.app__store{margin-top:55px;font-size:0;text-align:center}
.app__store-btn{display:inline-block;vertical-align:middle;width:255px;height:80px;margin-left:10px;border-radius:24px;background-color:#373737;background-repeat:no-repeat;background-position:50% 50%}
.app__store-android{background-image:url("/img/event/kakaofriends/app__store-android.png")}
.app__store-ios{background-image:url("/img/event/kakaofriends/app__store-ios.png")}
.kakao__friend-con{display:none;position:absolute;top:242px;left:680px;z-index:20;width:217px;height:235px;background:url("/img/event/kakaofriends/kakao__friend-con.png") no-repeat}
.kakao__friend-con-motion{display:block;animation-name:con-motion;animation-duration:1s;animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275)}
@keyframes con-motion{
    0%{opacity:0;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);left:1000px}
	100%{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);left:680px}
}
.app__info{position:absolute;bottom:-400px;left:0;height:400px;padding-bottom:60px}
.app__info-list{float:left;width:50%}
.app__info-txt{color:#fff;font-size:18px;text-align:center}
.third__visual{height:845px;background:#1c233a}
.third__visual-desc{padding-top:110px;text-align:center}
.third__visual-tit{color:#fff;font-family:"Kakao-Rg";font-weight:400;font-size:60px;letter-spacing:-.025em}
.third__visual-txt{padding-top:20px;color:#fff;font-size:20px;line-height:1.5}
.third__visual-date{display:block;padding-top:40px;color:#fff;font-family:"Kakao-Bd";font-size:30px}
.coin__deco-bg{position:absolute;top:190px;left:0;z-index:10;width:960px;height:498px;background:url("/img/event/kakaofriends/coin__deco-bg.png") no-repeat}
.lucky__event{position:relative;width:800px;margin:120px auto 0}
.lucky__event-box{width:100%;height:175px;border-radius:48px;background:#14162f}
.lucky__txt-area{float:left;width:50%;padding-top:40px;padding-left:60px;text-align:center}
.lucky__txt-area:first-child{padding-left:0;padding-right:60px}
.lucky-tit{color:#fff;font-family:"Kakao-Rg";font-size:30px}
.lucky-txt{padding-top:15px;color:#fff;font-family:"Kakao-Rg";font-size:18px;line-height:1.45}
.kakao__friend-jay-g{display:none;position:absolute;top:-89px;left:250px;width:292px;height:313px;background:url("/img/event/kakaofriends/kakao__friend-jay-g.png") no-repeat}
.kakao__friend-jay-g-motion{display:block;animation-name:jay-g-motion;animation-duration:1s;animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275)}
@keyframes jay-g-motion{
	0%{opacity:0;top:111px;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0)}
	100%{opacity:1;top:-89px;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1)}
}
.lucky__event-btn{display:block;width:620px;height:80px;margin:45px auto 0;border-radius:24px;font-family:"Kakao-Rg";font-size:26px;line-height:80px;text-align:center;background:#ffda0d}
.fourth__visual{background:#ffc1c5}
.fourth__visual-desc{padding-top:110px;text-align:center}
.fourth__visual-tit{color:#171717;font-family:"Kakao-Rg";font-weight:400;font-size:60px;letter-spacing:-.025em}
.fourth__visual-txt{padding-top:20px;color:#171717;font-size:20px;line-height:1.5}
.fourth__visual-date{display:block;padding-top:40px;color:#171717;font-family:"Kakao-Bd";font-size:30px}
.gift__deco-bg{position:absolute;top:190px;left:0;width:960px;height:522px;background:url("/img/event/kakaofriends/gift__deco-bg.png") no-repeat}
.mission__event{position:relative;width:740px;margin:190px auto 0}
.event__gift-item{float:left;margin-left:15px}
.event__gift-item:first-child{margin-left:0}
.event__gift-item.ml-198{margin-left:198px}
.kakao__friend-apeach{display:none;position:absolute;top:-140px;left:229px;width:273px;height:292px;background:url("/img/event/kakaofriends/kakao__friend-apeach.png") no-repeat}
.kakao__friend-apeach-motion{display:block;animation-name:apeach-motion;animation-duration:2s;animation-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955)}
@keyframes apeach-motion{
	0%{opacity:0;top:60px;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0)}
	20%{opacity:1;top:-160px;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1)}
	40%{top:-120px}
	60%{top:-160px}
	80%{top:-120px}
	100%{top:-140px}
}
.mission__event-btn{display:block;width:620px;height:80px;margin:55px auto 0;border-radius:24px;color:#fff;font-family:"Kakao-Rg";font-size:26px;line-height:80px;text-align:center;background:#f65458}
.fifth__visual{height:auto;padding-bottom:300px;background:#47322b}
.fifth__visual-desc{padding-top:95px;text-align:center}
.fifth__visual-date{display:block;color:#fff;font-family:"Kakao-Bd";font-size:30px}
.fifth__visual-txt-1{padding-top:30px;color:#8d6457;font-size:18px}
.kakaovx-bi{display:block;width:208px;height:41px;margin:20px auto 0;text-indent:-10000px;background:url("/img/event/kakaofriends/kakaovx-bi.png") no-repeat}
.fifth__visual-txt-en{display:block;padding-top:20px;color:#fff;font-size:20px}
.fifth__visual-txt-2{padding-top:25px;color:#fff;font-family:"Kakao-Rg";font-size:24px}
.paper__deco-bg{position:absolute;top:25px;left:0;width:960px;height:288px;background:url("/img/event/kakaofriends/paper__deco-bg.png") no-repeat}
.kakaovx-detail-btn{display:block;width:620px;height:80px;margin:50px auto 0;border-radius:24px;color:#363636;font-family:"Kakao-Rg";font-size:26px;line-height:80px;text-align:center;background:#ffda10}
#footer{position:absolute;bottom:0;left:0;width:100%;padding:30px 0;background:transparent}
.foot__social-list{font-size:0;text-align:center}
.foot__social-item{display:inline-block;vertical-align:middle;margin-left:15px}
.foot__social-item:first-child{margin-left:0}
.foot__social-ico{display:block;width:60px;height:60px;border-radius:50%;border:1px solid #543d36;text-indent:-10000px;background-repeat:no-repeat;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.foot__social-tup{background-image:url("/img/event/kakaofriends/foot__social-tup.png")}
.foot__social-facebook{background-image:url("/img/event/kakaofriends/foot__social-facebook.png")}
.foot__social-instagram{background-image:url("/img/event/kakaofriends/foot__social-instagram.png")}
.foot__social-blog{background-image:url("/img/event/kakaofriends/foot__social-blog.png")}
.foot__social-kakaoplus{background-image:url("/img/event/kakaofriends/foot__social-kakaoplus.png")}
.foot__company{position:relative;width:100%;padding:25px 0;text-align:center}
.foot-logo{padding-bottom:5px;color:#93746a;font-family:"Kakao-Lt";font-size:18px;font-weight:300}
.foot__company-info{padding-top:10px;font-size:0}
.foot-address,
.foot-ceo,
.foot__company-num,
.foot__company-tel{display:inline-block;vertical-align:middle;color:#785c54;font-family:"Kakao-Lt";font-size:14px}
.foot-ceo,
.foot__company-tel{margin-left:15px}
.foot-copy{padding-top:15px;color:#93746a;font-family:"Kakao-Lt";font-size:12px;letter-spacing:.05em}
.section__navigation{display:table;position:fixed;top:0;bottom:0;right:40px;z-index:90;width:10px;height:100%}
.section__navigation-list{display:table-cell;vertical-align:middle;font-size:0;text-align:right}
.section__navigation-item{position:relative;margin-top:5px;line-height:1}
.section__navigation-item:first-child{margin-top:0}
.section__navigation-btn{display:inline-block;width:10px;height:10px;background:#fff;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;border-radius:5px}
.section__navigation-select .section__navigation-btn{display:inline-block;width:10px;height:35px !important;background:#ffba00}
.section__navigation-btn:hover{width:10px;height:10px;background:#ffba00}
.section__name-box{display:none;position:absolute;top:-5px;right:30px;height:30px}
.section__name{display:block;padding:0 15px;border-radius:2px;color:#222;font-family:"Kakao-Rg";font-size:14px;line-height:30px;white-space:nowrap;background:#ffe600}
.section__name-arrow{display:block;position:absolute;top:0;left:0;width:100%;height:30px}
.section__name-arrow:after{right:-8px;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255, 230, 0, 0);border-left-color:#ffe600;border-width:4px;margin-top:-4px}
.youtube__popup{position:fixed;top:50%;left:50%;z-index:200;width:960px;height:540px;margin:-270px 0 0 -480px}
.popup__dimm{position:fixed;top:0;left:0;bottom:0;right:0;z-index:190;width:100%;height:100%;background:rgba(0, 0, 0, 0.8)}
.popup__close-btn{display:block;position:absolute;top:-52px;right:0;width:28px;height:32px;text-indent:-10000px;background:url("/img/event/kakaofriends/popup__close-btn.png") no-repeat}