html{margin: 0px; padding: 0px; width: 100%; overflow-x: hidden;}
body{margin: 0px; padding: 0px; background-color: #fff; overflow-x: hidden;}

.relative{position: relative;}
.absolute{position: absolute;}

.box{display: -webkit-flex; display: flex;}
.flex-direction-row{flex-direction: row;}
.flex-direction-row-r{flex-direction: row-reverse;}
.flex-direction-column{flex-direction: column;}
.flex-direction-column-r{flex-direction: column-reverse;}
.flex-wrap-now{flex-wrap: nowrap}
.flex-wrap-wrap{flex-wrap: wrap}
.flex-wrap-wrap-r{flex-wrap: wrap-reverse}
.justify-content-start{justify-content: flex-start}
.justify-content-end{justify-content: flex-end}
.justify-content-center{justify-content: center}
.justify-content-between{justify-content: space-between}
.justify-content-around{justify-content: space-around}
.align-items-start{align-items: flex-start}
.align-items-end{align-items: flex-end}
.align-items-center{align-items: center}
.align-items-baseline{align-items: baseline}
.align-items-stretch{align-items: stretch}
.align-content-start{align-content: flex-start}
.align-content-end{align-content: flex-end}
.align-content-center{align-content: center}
.align-content-between{align-content: space-between}
.align-content-around{align-content: space-around}
.align-content-stretch{align-content: stretch}

.w1920{max-width: 1600px; width: 100%; margin: 0px auto;}
.w1218{max-width: 990px; width: 100%; margin: 0px auto;}

/* .w1218{height: 100%;} */

#wrap{max-width: 1080px; width: 100%; margin: 0px auto;}
#erLink{display: block; width: 28%; height: 19%; position: absolute; top: 13%; left: 15%;}

#buttonList{display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 12px; padding: 16px 12px; background-color: #fff;}
#buttonList .nav-btn{display: inline-block; padding: 10px 20px; background-color: #00a0e9; color: #fff; text-decoration: none; border-radius: 999px; font-size: 14px; line-height: 1.4; white-space: nowrap; transition: background-color 0.2s;}
#buttonList .nav-btn:hover{background-color: #ff01b7; color: #fff;}

#anchor-env,
#anchor-pattern,
#anchor-transfer,
#anchor-preview{scroll-margin-top: 80px;}

@media screen and (min-width: 769px){
  #buttonList{flex-wrap: nowrap; gap: 28px; padding: 32px 20px;}
  #buttonList .nav-btn{padding: 18px 56px; font-size: 22px;}
}