@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@700&display=swap');
@font-face {font-family: 'Noto Sans KR',sans-serif;font-style: normal;font-weight: 100;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
.paperwrap{width:100%;max-width: 720px;margin: auto;position: relative;}
.paperwrap p,.paperwrap p,.paperwrap a,.paperwrap div,.paperwrap span{font-family: 'Noto Sans KR',sans-serif;letter-spacing: -1px;}
.paperwrap .paper{position: fixed;width: 100%;overflow: hidden;height: 100px;}
.paper img{width: auto;display: block;}
.paper1{padding: 30px 0;background: url(../images/bgs.png) repeat;}
.paper1 a.gnis{padding-left: 38px;display: inline-block;}
.paper1 a.mybtn{position: absolute;top:15px;right: 18px;background: #89a12e; border-radius: 72px; height: 72px; line-height: 72px;font-size: 25px; color:#fff;text-align: center;display: inline-block;width: 220px;}
.paper2{margin-bottom: 50px;}
.paper{background: url(../images/bgs.png) repeat;}
.paper .papercont{margin-bottom: 50px;position: relative;}
.paper .paperbtn p{background: #89a12e;width: 175px; height: 175px;border-radius: 175px;text-align: center;display: inline-block;position: absolute;bottom: -23px; right: 2px;opacity: 0;}
.paper .paperbtn.on p{-webkit-animation:fade-in-right .2s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in-right .2s cubic-bezier(.39,.575,.565,1.000) both}
.paper .paperbtn p span{padding-top: 97px; color:#fff; font-size: 30px;display: inline-block;position: relative;}
.paper .paperbtn p span:before{background: url(../images/plus.png) no-repeat;content: '';position: absolute;width: 38px; height: 38px; top: 45px; left: 50%;margin-left: -19px;transition: 0.5s ease;}
.paper .paperbtn:hover p span:before{transform: rotate(180deg);}
.paper6{padding: 40px 0 80px 0;text-align: center;background: url(../images/bgs.png) repeat;}
.paper6 a{display: inline-block;width: 612px; height: 123px;background: #9665a1; color: #fff;font-weight: 700;text-align: center;line-height: 123px; border-radius: 123px;font-size: 40px;position: relative;;}
.paper6 a:before{content: '';position: absolute;background: url(../images/hand.png) no-repeat;width: 108px; height: 76px;bottom: -20px; right: 1px;-webkit-animation:heartbeat 1.5s ease-in-out infinite both;animation:heartbeat 1.5s ease-in-out infinite both}
.paper7{margin-bottom: 35px;}
.paper7 .camtxt{padding: 45px 0;background: #625954;text-align: center;}
.paper7 .camtxt p.T1{text-align: center;margin-bottom: 30px;display: inline-block;}
.paper7 .camtxt p.bts{text-align: center;background: #f6e4ae;width: 478px; height: 85px; line-height: 85px; border-radius: 85px;font-weight: 900;font-size: 32px; color:#000;display: inline-block;}
.paper8 a{display: block;margin-bottom: 35px;}
.paper8 a:last-child{margin-bottom: 0;}
.tops{position: fixed;z-index: 10;right: 10px;bottom: 10px;display: none;}
.tops.on{position: fixed;z-index: 10;right: 10px;bottom: 10px;display: block;}
@media (max-width: 720px) {
    .tops,.tops.on{position: fixed;right: 50%; margin-right: -330px;}
}
@-webkit-keyframes fade-in-right{0%{-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right{0%{-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}
@-webkit-keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}

.Quick_Btn {display: none; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; letter-spacing: 1px; position: fixed; left:50%; bottom: 1%; width:90%; padding: 25px 0; font-size: 4.5vw; display: block; background-color:#869F30; color:#ffffff; text-align: center; border-radius: 10vw; overflow: hidden; display: none; transform: translate(-50%,0%);}
.Quick_Btn.On {display: block !important;}

@media screen and (min-width: 769px) {
    .Quick_Btn {max-width: 720px; font-size: 24px;}
}