@media (max-height: 769px) {
#move-kv img{max-width:110vw}
.kv-logo{margin-top:5%}
.anniversary-circle{bottom:44px;left:-56px;max-width:220px}
}
@media (max-width: 1480px) {
.event-item h3{font-size:2.5rem}
section{padding:150px 0 120px}
.dragongirl-bg{background-position:right 0 center}
#move-kv img{height:calc(100vh + 60px)}
}
@media (max-width: 1280px) {
.spon-item{width:33%;margin-bottom:48px}
#move-kv{top:0!important;left:40%!important}
#move-kv img{width:auto;height:calc(100vh + 55px);max-width:initial}
.kv-logo{width:460px}
.s1 h3{letter-spacing:15px;margin-bottom:12px;font-size:26px}
.anniversary-circle .circle-text h3{font-size:92px}
.event-item h3{font-size:2.2rem}
}
@media (max-width: 1024px) {
.index-kv-text img{width:80%}
.slick.marquee-img,.event-item:before{height:320px}
.footer-right{padding-left:200px}
.footer-right-list:nth-child(1){margin-right:0}
.footer-right-list > div{padding-right:0}
.anniversary-circle{display:none}
#move-kv img{width:150%;height:inherit;max-width:inherit;margin-left:-40%}
#move-kv{margin:0;bottom:0;top:auto!important;left:50%!important;transform:translate(-50%,0)}
.s3-itembox .row{margin-right:-20px;margin-left:-20px}
.s3-itembox .row .col-xs-12{padding-left:40px;padding-right:40px}
section{padding:150px 0 100px}
.stock-text i{display:block;margin-left:0;margin-top:8px}
body{font-size:16px}
.s3-item .text{padding-right:0}
.s3-itembox{margin-top:40px}
.bar-box h4{font-size:2rem}
.bar-chart label{width:68px;margin-top:-8px;font-size:14px;margin-right:24px}
.bar-chart_head p{margin-left:-80px;font-size:13px}
.bar-chart_head p:nth-child(2){margin-left:-60px}
.chart canvas,.chart{width:220px!important;height:220px!important}
.graph-circle-text p{margin:0 16px;font-size:14px}
.footer .container > .row{flex-direction:column-reverse}
.dragongirl-bg{position:relative;height:400px;width:1005px;border-bottom:400px solid #009cad;border-right:1200px solid transparent;background:transparent}
.kv-logo{width:408px;margin-left:-16px}
.s1 h3{font-size:22px;margin-left:22px}
.s1 p{max-width:480px;font-size:16px;margin-left:20px}
.app-download a{height:48px}
.app-download{padding-left:20px}
.dragongirl-bg {position: absolute;bottom: 0;}
.dragongirl {margin-top: 10%;position: inherit;}
.s4 .container {max-width: 90%;}
.s4-title {padding: 164px 8px;}
}
@media (max-width: 768px) {
.s2 .container img,.s5 .col-md-7 img,.s6 .col-md-7 img{margin-top:30px}
.column-reverse{display:flex;flex-direction:column-reverse}
.s2 .column-reverse .col-md-5{text-align:center}
.column-reverse img{margin-top:30px}
.s4 .row .col-md-6:first-child .border-w{margin-bottom:80px}
.s6 .row.mt-5{margin-top:100px!important}
.s8-item{margin-bottom:80px}
.s8 .col-xs-6:last-child .s8-item{margin-bottom:0}
.s2-title h3{z-index:2}
.spon-item{width:50%;margin-bottom:48px}
.dragongirl-bg{position:absolute;bottom:0}
.s6 .slick-arrow{width:20px;height:20px}
.s6 .slick-slide{padding:12px 12px 0}
.service-tab{padding:0}
.service-tab .row .col-3{padding-left:4px;padding-right:4px}
.service-tab .row{margin-left:-4px;margin-right:-4px}
.service-tab a{font-size:13px;letter-spacing:0;padding:8px 0}
.s6 .slick-slide ul li img{width:44px}
.s6 .slick-slide ul li{margin-right:24px}
.s6 .slick-slide ul{padding-left:16px}
.s6 .slick-slide p{margin-bottom:24px;padding:52px 20px 24px}
.s6 .slick-slide h3{padding-left:20px}
.s6 .slick-slide ul li a{font-size:14px}
.dragon-tagtile{font-size:1.05rem}
.s6 .slick-slide .col-md-5 img{margin-top:32px}
.s4 .justify-content-end > div:first-child{display:flex;align-items:center;justify-content:flex-end}
.s4-title{padding:140px 12px 180px}
.dragongirl-bg{border-bottom:300px solid #009cad;border-right:1000px solid transparent;opacity:.8}
.s4 .justify-content-end {flex-direction: column-reverse;}
.s4-title {padding: 140px 12px 60px;}
}
@media (max-width: 576px) {
h5,.h5{font-size:1.2rem}
body{font-size:15px}
section{padding:100px 0 50px}
.title h2{white-space:nowrap;font-size:40px}
.s2 p{width:100%}
.s2-title .container{padding:0}
.index-kv-text h2{line-height:1.4rem;line-height:1.5}
.index-kv-text img{width:86%}
.container{padding-right:32px;padding-left:32px}
.subtitle{margin-bottom:40px}
.mb-20{margin-bottom:8rem!important}
.img-circle{width:100%}
.s2-title h3{width:80%}
.kv-logo{width:250px;margin-bottom:10px;margin-left:-8px}
.s1 h3{margin-left:16px;letter-spacing:5px;font-size:18px}
.s1 p{width:84%;font-size:14px;margin-left:16px}
.app-download{padding-left:16px}
.app-download a:nth-child(1){margin-right:auto;margin-bottom:8px}
.app-download a{display:block;height:auto;width:148px}
.app-download a img{height:auto;width:100%}
.kv-logo{margin-top:8%}
#move-kv img{width:188%;margin-left:-54%}
.s1{height:calc(100vh - 48px)}
.marquee-left li{font-size:16px}
.title h5:before,.title h5:after{left:-100px;width:84px}
.title h5:after{left:auto;right:-100px}
.s3-itembox .row .col-xs-12{padding-left:24px;padding-right:24px}
.data-item h3{margin-bottom:0}
.data-item p{margin-bottom:32px}
.data-text{margin-top:0;margin-bottom:40px}
h4,.h4{font-size:1.35rem}
.bar-chart label{width:44px;font-size:13px;margin-right:12px;margin-top:-54px}
.bar-box h4{font-size:1.5rem}
.bar-chart_head p{margin-left:-64px}
.bar-chart_head p:nth-child(2){margin-left:0}
.bar-chart .bar-chart_head{margin-bottom:12px;margin-left:108px}
.bar{height:10px}
.bar-chart > div{margin-bottom:0}
.graph-circle-text h4{font-size:32px}
.data-item p{font-size:14px}
.data-item h3 span{font-size:1.75rem}
.graph-circle{margin-bottom:40px}
.btn-lg,.btn-group-lg > .btn{font-size:1rem}
.slick.marquee-img,.event-item:before{height:280px}
.s8 .title{overflow:hidden}
.spon-item-box{margin-top:0;margin-left:-24px;margin-right:-24px}
.spon-item{margin-bottom:36px;padding-left:24px;padding-right:24px}
.event-item h3,.event-item p{position:relative;opacity:100%!important;top:auto;left:auto;margin-bottom:0;transform:translate(0%)}
.event-item h3{font-size:24px;margin-bottom:8px}
.event-item_text{position:absolute;top:50%;left:50%;width:calc(100% - 48px);text-align:center;transform:translate(-50%,-50%);z-index:1}
.footer-logo{display:none}
.footer-left ul,.footer-left p{margin-bottom:20px;font-size:13px}
.footer-right{margin-bottom:24px;padding:0;justify-content:space-around}
.footer-right-list > div a,footer a{font-size:13px}
.footer-right-list > div{padding-right:12px}
.footer-right h5{margin-bottom:12px;font-size:16px}
footer .row{flex-direction:column-reverse}
.footer-link{flex-direction:column}
.footer-link_app{margin-right:12px}
.footer-link i{margin-right:8px}
.footer-link > a{margin-bottom:20px}
.footer-link img{width:64px;height:64px}
.service-tab a{padding:6px 0}
.s6 .stock-text i{display:none}
.s6 .slick-slide p{padding:32px 20px 20px}
.s6 .slick-slide h3{margin-bottom:8px}
.s6 .slick-slide{padding:0 12px}
.dragongirl-bg{border-bottom:240px solid #009cad;border-right:1020px solid transparent}
.dragon-title{margin-bottom:16px}
.s6 .slick-slide{padding:0 8px}
.s6 .slick-slide .col-md-5{display:none}
.s4 .justify-content-end{flex-direction:column-reverse}
.s4 .justify-content-end > div:first-child{padding:0;width:110%;max-width:110%;margin-left:-5%}
.dragongirl{position:relative;margin-top:0;top:28px}
.s4-title{padding:72px 20px 0}
.member-talk .member_imgbox{height:36px;width:36px}
.member-talk.marquee {height: 48px;}
}
@media (max-height: 667px) {
.app-download a{width:128px}
.s1{height:calc(100vh - 0px)}
.kv-logo{margin-top:10%}
.s1 p{width:92%}
#move-kv img{width:185%}
.member-talk p{font-size:15px}
}