html, body { height: 100%; margin: 0; padding: 0; font-family: 'GmarketSans' !important;}
li { list-style-type: none;}
h1 { font-size: 1.5rem;}
a { text-decoration: none; text-transform: uppercase; color:#fff;}


/*margin-top*/
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }

/*margin-bottom*/
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }

/*margin-left*/
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml55 { margin-left: 55px !important; }

/*margin-right*/
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr55 { margin-right: 55px !important; }

/*padding*/
.p5 { padding: 5px !important; }
.p10 { padding: 10px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.p25 { padding: 25px !important; }
.p30 { padding: 30px !important; }
.p35 { padding: 35px !important; }
.p40 { padding: 40px !important; }
.p45 { padding: 45px !important; }
.p50 { padding: 50px !important; }
.p55 { padding: 55px !important; }

/*height(vh)*/
.h-vh50 { height: 50vh !important; }
.h-vh55 { height: 55vh !important; }
.h-vh60 { height: 60vh !important; }
.h-vh65 { height: 65vh !important; }
.h-vh70 { height: 70vh !important; }
.h-vh75 { height: 75vh !important; }
.h-vh80 { height: 80vh !important; }
.h-vh85 { height: 85vh !important; }
.h-vh90 { height: 90vh !important; }
.h-vh95 { height: 95vh !important; }
.h-vh100 { height: 100vh !important; }

.bd0 { border: 0 !important; }

#top { display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; font-size: 18px; border: none; outline: none; background-color: #000; color: white; cursor: pointer; padding: 15px; border-radius: 4px; }
#top:hover { background-color: #555; }

.hidden {height:100%; min-height:100%; position: fixed; width: 100%; overflow:hidden !important; touch-action:none;}