@charset "utf-8";
@import url(../plugins/custom/swiper/swiper-bundle.min.css);
@keyframes fadeBigInUp {
  0% {opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px);}
  100% {opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
.app-download {text-align:center; width:100%;}
.app-download .btnApp {display: inline-block; margin:20px 20px 0 20px;}
.app-download .btnApp.android img {height: 24px;}
.app-download .btnApp.ios img {height: 28px;}

.appdownload-logo {display:flex;justify-content:center;align-items:center;}
.appdownload-logo .logo-padding {padding:85px 0px 0px 0px;}
.appdownload-logo .logo-padding h2 {padding:20px 0 40px;font-size:28px;font-weight:700;color: black;text-align:center;}
.app-img {display:flex;justify-content:center;align-items:center;margin-top: 150px;}
.app-connect {width:100%;height:60px;line-height:50px;font-size:16px;color:black;font-weight:700;text-align:center;background:white;border-radius:50px;transition:all 0.3s; border: 1px solid lightgrey;}
.app-connect-mobile {display:block;width:100%;height:60px;line-height:50px;font-size:16px;color:black;font-weight:700;text-align:center;background:white;border-radius:50px;transition:all 0.3s; margin-top: 10px; border: 1px solid lightgrey;}

.block-memo {padding: 30px; margin-top: 50px;}
.block-memo p {font-size: 17px; text-align:center;}
.block-memo p a {text-decoration:underline; font-size:22px;}
.block-memo p a.btn-round {background: #005891; border: 1px solid #005891; border-radius: 27px; height:54px; color:#ffffff; padding:10px 25px; display: inline-block; text-decoration:none;}
.block-noti {margin: 20px; padding: 20px; font-size: 22px; color: #333; background-color: #efefef;}
.block-noti h3 {color: #222; margin-bottom: 10px;}

.block-btn-download {position: fixed; bottom: 50px; width: calc(100%); padding: 0 15px; text-align: center; display: flex; }
.block-btn-download a {background: #FFFFFF; border: 1px solid #C9C9C9; border-radius: 8px; font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: -0.05em; color: #222222; height: 80px; display: flex; align-items: center; text-decoration: none; width: 100%; justify-content: center; margin: 0 10px;}
.block-btn-download a img {height:50px; margin-right: 5px;}

.app-guide-content {padding: 20px;background: #fff;}
.app-guide-content .header {height: 56px;display: flex;align-items: center;position: sticky;top: 0;background-color: #FFFFFF;}
.app-guide-content .header span {font-weight: bold; font-size:30px;}
.app-guide-content .header a {font-size:36px;}
.app-guide-content .cont {padding: 20px;}
.app-guide-content h4 {margin:60px 0 10px 0;text-align: center; font-size: 20px;}
.app-guide-content center {text-align: center;}
.app-guide-content img {width: 90%;}