@charset "utf-8";

/* Utility Classes */
.black {color: var(--Black) !important;}
.black-bg {color: var(--Black_bg) !important;}
.white {color: var(--White) !important;}
.bg-disable {color: var(--BG_disable) !important;}
.bg-body {color: var(--BG_body) !important;}
.bg-subbody {color: var(--BG_subbody) !important;}
.line-default {color: var(--Line_Default) !important;}
.subbody-01 {color: var(--Subbody_01) !important;}
.subbody-02 {color: var(--Subbody_02) !important;}
.subbody-03 {color: var(--Subbody_03) !important;}
.subbody-04 {color: var(--Subbody_04) !important;}
.blue-100 {color: var(--Blue_100) !important;}
.blue-200 {color: var(--Blue_200) !important;}
.blue-300 {color: var(--Blue_300) !important;}
.blue-400 {color: var(--Blue_400) !important;}
.blue-500 {color: var(--Blue_500) !important;}
.red-100 {color: var(--Red_100) !important;}
.red-200 {color: var(--Red_200) !important;}
.red-300 {color: var(--Red_300) !important;}
.red-400 {color: var(--Red_400) !important;}
.red-500 {color: var(--Red_500) !important;}
.green-100 {color: var(--Green_100) !important;}
.green-200 {color: var(--Green_200) !important;}
.green-300 {color: var(--Green_300) !important;}
.green-400 {color: var(--Green_400) !important;}
.green-500 {color: var(--Green_500) !important;}
.gray-100 {color: var(--Gray_100) !important;}
.gray-200 {color: var(--Gray_200) !important;}
.gray-300 {color: var(--Gray_300) !important;}
.gray-400 {color: var(--Gray_400) !important;}
.gray-500 {color: var(--Gray_500) !important;}
.surf-blue-100 {color: var(--SurfBlue_100) !important;}
.surf-blue-400 {color: var(--SurfBlue_400) !important;}
.orange-100 {color: var(--Orange_100) !important;}
.orange-300 {color: var(--Orange_300) !important;}
.orange-400 {color: var(--Orange_400) !important;}
.gold-100 {color: var(--Gold_100) !important;}
.gold-400 {color: var(--Gold_400) !important;}
.mint-200 {color: var(--Mint_200) !important;}
.mint-300 {color: var(--Mint_300) !important;}
.mint-400 {color: var(--Mint_400) !important;}
.mint-500 {color: var(--Mint_500) !important;}
.flash {color: var(--Flash) !important;}
.btn-bg {color: var(--btn_bg) !important;}
.btn-bg-63 {color: var(--btn_bg_63) !important;}
.bg-gray {background-color: var(--BG_body) !important;}
.bg-blue-100 {background-color: var(--Blue_100) !important;}

.c-blue {color: var(--Blue_400) !important;}
.c-mint {color: var(--Mint_300) !important;}
.c-black {color: var(--Black) !important;}
.c-gray {color: var(--Gray_500) !important;}
.c-red {color: var(--Red_400) !important;}
.c-green {color: var(--Green_300) !important;}
.c-orange {color: var(--Orange_400) !important;}
.c-gold {color: var(--Gold_400) !important;}

.w10p {width: 10% !important;}
.w20p {width: 20% !important;}
.w25p {width: 25% !important;}
.w30p {width: 30% !important;}
.w40p {width: 40% !important;}
.w50p {width: 50% !important;}
.w60p {width: 60% !important;}
.w70p {width: 70% !important;}
.w75p {width: 75% !important;}
.w80p {width: 80% !important;}
.w90p {width: 90% !important;}
.w100p {width: 100% !important;}

.w16 {width: 1.6rem !important;}
.w20 {width: 2rem !important;}
.w24 {width: 2.4rem !important;}
.w30 {width: 3rem !important;}
.w32 {width: 3.2rem !important;}
.w40 {width: 4rem !important;}
.w48 {width: 4.8rem !important;}
.w50 {width: 5rem !important;}
.w56 {width: 5.6rem !important;}
.w60 {width: 6rem !important;}
.w64 {width: 6.4rem !important;}
.w70 {width: 7rem !important;}
.w72 {width: 7.2rem !important;}
.w80 {width: 8rem !important;}
.w88 {width: 8.8rem !important;}
.w90 {width: 9rem !important;}
.w96 {width: 9.6rem !important;}
.w100 {width: 10rem !important;}
.w120 {width: 12rem !important;}
.w150 {width: 15rem !important;}
.w160 {width: 16rem !important;}
.w200 {width: 20rem !important;}
.w240 {width: 24rem !important;}
.w300 {width: 30rem !important;}
.w320 {width: 32rem !important;}
.w400 {width: 40rem !important;}
.w480 {width: 48rem !important;}
.w500 {width: 50rem !important;}
.w560 {width: 56rem !important;}
.w600 {width: 60rem !important;}
.w640 {width: 640rem !important;}
.w800 {width: 80rem !important;}

.max-w100p {max-width: 100% !important;}
.max-w200 {max-width: 20rem !important;}
.max-w250 {max-width: 25rem !important;}
.max-w300 {max-width: 30rem !important;}
.max-w400 {max-width: 40rem !important;}
.max-w500 {max-width: 50rem !important;}
.max-w600 {max-width: 60rem !important;}
.max-w700 {max-width: 70rem !important;}
.max-w800 {max-width: 80rem !important;}

.h50p {height: 50% !important;}
.h100p {height: 100% !important;}

.h16 {height: 1.6rem !important;}
.h20 {height: 2rem !important;}
.h24 {height: 2.4rem !important;}
.h28 {height: 2.8rem !important;}
.h30 {height: 3rem !important;}
.h32 {height: 3.2rem !important;}
.h40 {height: 4rem !important;}
.h48 {height: 4.8rem !important;}
.h50 {height: 5rem !important;}
.h56 {height: 5.6rem !important;}
.h60 {height: 6rem !important;}
.h64 {height: 6.4rem !important;}
.h70 {height: 7rem !important;}
.h72 {height: 7.2rem !important;}
.h80 {height: 8rem !important;}
.h90 {height: 9rem !important;}
.h100 {height: 10rem !important;}
.h120 {height: 12rem !important;}
.h150 {height: 15rem !important;}
.h160 {height: 16rem !important;}
.h200 {height: 20rem !important;}
.h240 {height: 24rem !important;}
.h250 {height: 25rem !important;}
.h300 {height: 30rem !important;}
.h320 {height: 32rem !important;}
.h400 {height: 40rem !important;}
.h480 {height: 48rem !important;}
.h500 {height: 50rem !important;}
.h560 {height: 56rem !important;}
.h600 {height: 60rem !important;}

.mt-16 {margin-top: -1.6rem !important;}
.mt-8 {margin-top: -.8rem !important;}
.mt0 {margin-top: 0 !important;}
.mt2 {margin-top: .2rem !important;}
.mt4 {margin-top: .4rem !important;}
.mt5 {margin-top: .5rem !important;}
.mt8 {margin-top: .8rem !important;}
.mt10 {margin-top: 1rem !important;}
.mt12 {margin-top: 1.2rem !important;}
.mt15 {margin-top: 1.5rem !important;}
.mt16 {margin-top: 1.6rem !important;}
.mt20 {margin-top: 2rem !important;}
.mt24 {margin-top: 2.4rem !important;}
.mt30 {margin-top: 3rem !important;}
.mt32 {margin-top: 3.2rem !important;}
.mt40 {margin-top: 4rem !important;}
.mt48 {margin-top: 4.8rem !important;}
.mt50 {margin-top: 5rem !important;}
.mt56 {margin-top: 5.6rem !important;}
.mt64 {margin-top: 6.4rem !important;}
.mt80 {margin-top: 8rem !important;}
.mt100 {margin-top: 10rem !important;}
.mt120 {margin-top: 12rem !important;}
.mt140 {margin-top: 14rem !important;}
.mt160 {margin-top: 16rem !important;}

.mb0 {margin-bottom: 0 !important;}
.mb2 {margin-bottom: .2rem !important;}
.mb4 {margin-bottom: .4rem !important;}
.mb5 {margin-bottom: .5rem !important;}
.mb8 {margin-bottom: .8rem !important;}
.mb10 {margin-bottom: 1rem !important;}
.mb12 {margin-bottom: 1.2rem !important;}
.mb15 {margin-bottom: 1.5rem !important;}
.mb16 {margin-bottom: 1.6rem !important;}
.mb20 {margin-bottom: 2rem !important;}
.mb24 {margin-bottom: 2.4rem !important;}
.mb30 {margin-bottom: 3rem !important;}
.mb32 {margin-bottom: 3.2rem !important;}
.mb40 {margin-bottom: 4rem !important;}
.mb48 {margin-bottom: 4.8rem !important;}
.mb50 {margin-bottom: 5rem !important;}
.mb56 {margin-bottom: 5.6rem !important;}
.mb64 {margin-bottom: 6.4rem !important;}
.mb80 {margin-bottom: 8rem !important;}
.mb100 {margin-bottom: 10rem !important;}
.mb120 {margin-bottom: 12rem !important;}
.mb140 {margin-bottom: 14rem !important;}
.mb160 {margin-bottom: 16rem !important;}

.ml0 {margin-left: 0 !important;}
.ml2 {margin-left: .2rem !important;}
.ml4 {margin-left: .4rem !important;}
.ml5 {margin-left: .5rem !important;}
.ml8 {margin-left: .8rem !important;}
.ml10 {margin-left: 1rem !important;}
.ml12 {margin-left: 1.2rem !important;}
.ml15 {margin-left: 1.5rem !important;}
.ml16 {margin-left: 1.6rem !important;}
.ml20 {margin-left: 2rem !important;}
.ml24 {margin-left: 2.4rem !important;}
.ml30 {margin-left: 3rem !important;}
.ml32 {margin-left: 3.2rem !important;}
.ml40 {margin-left: 4rem !important;}
.ml48 {margin-left: 4.8rem !important;}
.ml50 {margin-left: 5rem !important;}
.ml56 {margin-left: 5.6rem !important;}
.ml64 {margin-left: 6.4rem !important;}
.ml80 {margin-left: 8rem !important;}
.ml100 {margin-left: 10rem !important;}
.ml120 {margin-left: 12rem !important;}
.ml140 {margin-left: 14rem !important;}
.ml160 {margin-left: 16rem !important;}

.mr0 {margin-right: 0 !important;}
.mr2 {margin-right: .2rem !important;}
.mr4 {margin-right: .4rem !important;}
.mr5 {margin-right: .5rem !important;}
.mr8 {margin-right: .8rem !important;}
.mr10 {margin-right: 1rem !important;}
.mr12 {margin-right: 1.2rem !important;}
.mr15 {margin-right: 1.5rem !important;}
.mr16 {margin-right: 1.6rem !important;}
.mr20 {margin-right: 2rem !important;}
.mr24 {margin-right: 2.4rem !important;}
.mr30 {margin-right: 3rem !important;}
.mr32 {margin-right: 3.2rem !important;}
.mr40 {margin-right: 4rem !important;}
.mr48 {margin-right: 4.8rem !important;}
.mr50 {margin-right: 5rem !important;}
.mr56 {margin-right: 5.6rem !important;}
.mr64 {margin-right: 6.4rem !important;}
.mr80 {margin-right: 8rem !important;}
.mr100 {margin-right: 10rem !important;}
.mr120 {margin-right: 12rem !important;}
.mr140 {margin-right: 14rem !important;}
.mr160 {margin-right: 16rem !important;}

.m-auto {margin: auto !important;}
.mt-auto {margin-top: auto !important;}
.mb-auto {margin-bottom: auto !important;}
.ml-auto {margin-left: auto !important;}
.mr-auto {margin-right: auto !important;}

.p0 {padding: 0 !important;}
.p4 {padding: .4rem !important;}
.p5 {padding: .5rem !important;}
.p8 {padding: .8rem !important;}
.p10 {padding: 1rem !important;}
.p15 {padding: 1.5rem !important;}
.p16 {padding: 1.6rem !important;}
.p20 {padding: 2rem !important;}
.p24 {padding: 2.4rem !important;}
.p30 {padding: 3rem !important;}
.p32 {padding: 3.2rem !important;}
.p40 {padding: 4rem !important;}
.p48 {padding: 4.8rem !important;}
.p50 {padding: 5rem !important;}
.p56 {padding: 5.6rem !important;}
.p60 {padding: 6rem !important;}
.p64 {padding: 6.4rem !important;}
.p72 {padding: 7.2rem !important;}
.p80 {padding: 8rem !important;}
.p100 {padding: 10rem !important;}
.p120 {padding: 12rem !important;}
.p140 {padding: 14rem !important;}
.p160 {padding: 16rem !important;}

.pt0 {padding-top: 0 !important;}
.pt2 {padding-top: .2rem !important;}
.pt4 {padding-top: .4rem !important;}
.pt5 {padding-top: .5rem !important;}
.pt8 {padding-top: .8rem !important;}
.pt10 {padding-top: 1rem !important;}
.pt12 {padding-top: 1.2rem !important;}
.pt15 {padding-top: 1.5rem !important;}
.pt16 {padding-top: 1.6rem !important;}
.pt20 {padding-top: 2rem !important;}
.pt24 {padding-top: 2.4rem !important;}
.pt30 {padding-top: 3rem !important;}
.pt32 {padding-top: 3.2rem !important;}
.pt40 {padding-top: 4rem !important;}
.pt48 {padding-top: 4.8rem !important;}
.pt50 {padding-top: 5rem !important;}
.pt56 {padding-top: 5.6rem !important;}
.pt60 {padding-top: 6rem !important;}
.pt64 {padding-top: 6.4rem !important;}
.pt72 {padding-top: 7.2rem !important;}
.pt80 {padding-top: 8rem !important;}
.pt100 {padding-top: 10rem !important;}
.pt120 {padding-top: 12rem !important;}
.pt140 {padding-top: 14rem !important;}
.pt160 {padding-top: 16rem !important;}

.pb0 {padding-bottom: 0 !important;}
.pb2 {padding-bottom: .2rem !important;}
.pb4 {padding-bottom: .4rem !important;}
.pb5 {padding-bottom: .5rem !important;}
.pb8 {padding-bottom: .8rem !important;}
.pb10 {padding-bottom: 1rem !important;}
.pb12 {padding-bottom: 1.2rem !important;}
.pb15 {padding-bottom: 1.5rem !important;}
.pb16 {padding-bottom: 1.6rem !important;}
.pb20 {padding-bottom: 2rem !important;}
.pb24 {padding-bottom: 2.4rem !important;}
.pb30 {padding-bottom: 3rem !important;}
.pb32 {padding-bottom: 3.2rem !important;}
.pb40 {padding-bottom: 4rem !important;}
.pb48 {padding-bottom: 4.8rem !important;}
.pb50 {padding-bottom: 5rem !important;}
.pb56 {padding-bottom: 5.6rem !important;}
.pb60 {padding-bottom: 6rem !important;}
.pb64 {padding-bottom: 6.4rem !important;}
.pb72 {padding-bottom: 7.2rem !important;}
.pb80 {padding-bottom: 8rem !important;}
.pb100 {padding-bottom: 10rem !important;}
.pb120 {padding-bottom: 12rem !important;}
.pb140 {padding-bottom: 14rem !important;}
.pb160 {padding-bottom: 16rem !important;}
.pb200 {padding-bottom: 20rem !important;}

.pl0 {padding-left: 0 !important;}
.pl4 {padding-left: .4rem !important;}
.pl5 {padding-left: .5rem !important;}
.pl8 {padding-left: .8rem !important;}
.pl10 {padding-left: 1rem !important;}
.pl12 {padding-left: 1.2rem !important;}
.pl14 {padding-left: 1.4rem !important;}
.pl15 {padding-left: 1.5rem !important;}
.pl16 {padding-left: 1.6rem !important;}
.pl20 {padding-left: 2rem !important;}
.pl24 {padding-left: 2.4rem !important;}
.pl30 {padding-left: 3rem !important;}
.pl32 {padding-left: 3.2rem !important;}
.pl40 {padding-left: 4rem !important;}
.pl48 {padding-left: 4.8rem !important;}
.pl50 {padding-left: 5rem !important;}
.pl56 {padding-left: 5.6rem !important;}
.pl60 {padding-left: 6rem !important;}
.pl64 {padding-left: 6.4rem !important;}
.pl72 {padding-left: 7.2rem !important;}
.pl80 {padding-left: 8rem !important;}
.pl100 {padding-left: 10rem !important;}
.pl120 {padding-left: 12rem !important;}
.pl140 {padding-left: 14rem !important;}
.pl160 {padding-left: 16rem !important;}

.pr0 {padding-right: 0 !important;}
.pr4 {padding-right: .4rem !important;}
.pr5 {padding-right: .5rem !important;}
.pr8 {padding-right: .8rem !important;}
.pr10 {padding-right: 1rem !important;}
.pr12 {padding-right: 1.2rem !important;}
.pr14 {padding-right: 1.4rem !important;}
.pr15 {padding-right: 1.5rem !important;}
.pr16 {padding-right: 1.6rem !important;}
.pr20 {padding-right: 2rem !important;}
.pr24 {padding-right: 2.4rem !important;}
.pr30 {padding-right: 3rem !important;}
.pr32 {padding-right: 3.2rem !important;}
.pr34 {padding-right: 3.4rem !important;}
.pr40 {padding-right: 4rem !important;}
.pr48 {padding-right: 4.8rem !important;}
.pr50 {padding-right: 5rem !important;}
.pr56 {padding-right: 5.6rem !important;}
.pr60 {padding-right: 6rem !important;}
.pr64 {padding-right: 6.4rem !important;}
.pr72 {padding-right: 7.2rem !important;}
.pr80 {padding-right: 8rem !important;}
.pr100 {padding-right: 10rem !important;}
.pr120 {padding-right: 12rem !important;}
.pr140 {padding-right: 14rem !important;}
.pr160 {padding-right: 16rem !important;}

.fs10 {font-size: 1rem !important;}
.fs11 {font-size: 1.1rem !important;}
.fs12 {font-size: 1.2rem !important;}
.fs13 {font-size: 1.3rem !important;}
.fs14 {font-size: 1.4rem !important;}
.fs15 {font-size: 1.5rem !important;}
.fs16 {font-size: 1.6rem !important;}
.fs18 {font-size: 1.8rem !important;}
.fs20 {font-size: 2rem !important;}
.fs24 {font-size: 2.4rem !important;}
.fs32 {font-size: 3.2rem !important;}
.fs40 {font-size: 4rem !important;}
.fs48 {font-size: 4.8rem !important;}
.fs56 {font-size: 5.6rem !important;}
.fs64 {font-size: 6.4rem !important;}
.fs72 {font-size: 7.2rem !important;}
.fs80 {font-size: 8rem !important;}

.fw300 {font-weight: 300 !important;}
.fw400 {font-weight: 400 !important;}
.fw500 {font-weight: 500 !important;}
.fw600 {font-weight: 600 !important;}
.fw700 {font-weight: 700 !important;}
.fw800 {font-weight: 800 !important;}

.lh16 {line-height: 1.6rem !important;}
.lh20 {line-height: 2rem !important;}
.lh22 {line-height: 2.2rem !important;}
.lh24 {line-height: 2.4rem !important;}
.lh28 {line-height: 2.8rem !important;}
.lh30 {line-height: 3rem !important;}
.lh32 {line-height: 3.2rem !important;}
.lh34 {line-height: 3.4rem !important;}
.lh40 {line-height: 4rem !important;}
.lh48 {line-height: 4.8rem !important;}

.t-left {text-align: left !important;}
.t-right {text-align: right !important;}
.t-center {text-align: center !important;}

.v-top {vertical-align: top !important;}
.v-middle {vertical-align: middle !important;}
.v-bottom {vertical-align: bottom !important;}

.f-clear:after {content: ''; height: 0; display: block; visibility: hidden; clear: both;}
* html .f-clear {height: 1%;}
.f-clear {display: block; min-height: 1%;}
.clear {clear: both;}
.f-left {float: left;}
.f-right {float: right;}
.astbl {display: table; width: 100%; height: 100%; overflow: hidden;}
.inbl {display: inline-block;}
.indent {text-indent: -1.1em; padding-left: 1.1em;}

.scroll {overflow: scroll;}
.scroll-x {overflow-x: scroll;}
.scroll-y {overflow-y: scroll;}
.scroll-auto {overflow: auto;}

.po-rel {position: relative;}
.po-ab {position: absolute;}

/* .show, .block {display: block !important;}
.hide {display: none !important;} */

.flex-row {display: flex; flex-direction: row !important;}
.flex-col {display: flex; flex-direction: column !important;}
.gap0 {gap: 0 !important;}
.gap4 {gap: .4rem !important;}
.gap8 {gap: .8rem !important;}
.gap10 {gap: 1rem !important;}
.gap12 {gap: 1.2rem !important;}
.gap16 {gap: 1.6rem !important;}
.gap20 {gap: 2rem !important;}
.gap24 {gap: 2.4rem !important;}
.gap28 {gap: 2.8rem !important;}
.gap32 {gap: 3.2rem !important;}
.gap40 {gap: 4rem !important;}
.gap48 {gap: 4.8rem !important;}
.gap56 {gap: 5.6rem !important;}
.gap64 {gap: 6.4rem !important;}
.gap72 {gap: 7.2rem !important;}
.gap80 {gap: 8rem !important;}
.gap100 {gap: 10rem !important;}
.gap120 {gap: 12rem !important;}

.jc-sb {justify-content: space-between !important;}
.ai-c {align-items: center !important;}
.ai-s {align-items: flex-start !important;}
.ai-e {align-items: flex-end !important;}
.jc-c {justify-content: center !important;}
.jc-s {justify-content: flex-start !important;}
.jc-e {justify-content: flex-end !important;}

.flex-wrap {flex-wrap: wrap !important;}
.flex-nowrap {flex-wrap: nowrap !important;}
.flex1 {flex: 1 !important;}
.flex0 {flex: 0 !important;}

.mo, .mo-block, .mo-flex {display: none !important;}
.pc, .pc-block {display: block !important;}
.pc-flex {display: flex !important;}

.scrollbar::-webkit-scrollbar {width: .8rem;}
.scrollbar::-webkit-scrollbar-thumb {background: var(--Subbody_02); border-radius: .4rem;}
.scrollbar::-webkit-scrollbar-track {background: var(--Gray_100); border-radius: .4rem;}

.scrollbar2::-webkit-scrollbar {width: .1rem; height: .1rem;}
.scrollbar2::-webkit-scrollbar-thumb {background: transparent;}
.scrollbar2::-webkit-scrollbar-track {background: transparent;}