@charset "UTF-8";

/*@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,700);*/

html, body, h1, h2, h3, h4, h5, h6, p, div, th, td, table, pre, code, form, fieldset, legend, input, button, address, ol, ul, li, dl, dt, dd, img, textarea, blockquote, figure { margin: 0; padding: 0; }


html, body { height: 100%; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

*, *::before, *::after, input, button, select, textarea { box-sizing: border-box; }

ol, ul { list-style-type: none; }

img, fieldset { vertical-align: top; border: 0; }

textarea { resize: vertical; }

a { text-decoration: none;display: inline-block;}
a:link, a:visited, a:active { text-decoration: none; }

em, i, address { font-style: normal; }

button { overflow: visible; background: none; border: 0; cursor: pointer; padding: 0; }
/*button:focus, button:active { padding: 0; }*/
button::-moz-focus-inner { border-style: none; padding: 0; }

dl, dt, dd { margin: 0; }

table { table-layout: fixed; border-spacing: 0; }

caption,legend { overflow: hidden; position: absolute; left: -1000%; top: auto; width: 1px; height: 1px; }

/* html, button, input, select, textarea, a { color: #7F92A3 } */

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

span {display: inline-block;}

::selection { background: #b3d4fc; text-shadow: none; }

::-moz-selection { background: #b3d4fc; text-shadow: none; }

button, input, select, textarea {appearance: none; -webkit-appearance: none; -moz-appearance: none; background: none; border: none; font: inherit; color: inherit;}

input[type="checkbox"], input[type="radio"] {appearance: none;}

.hide { display: none; }
.invisible { overflow: hidden; position: absolute; left: -1000%; top: auto; width: 1px; height: 1px; }
/* .ellipsis { overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; } */

.cf::before { content: " "; display: table; }
.cf::after { content: " "; display: table; clear: both; }

.tal { text-align: left !important; }
.tac { text-align: center !important; }
.tar { text-align: right !important; }
.block{display: block;}
.inlineblock{display: inline-block;}


/*==================================================================
   FONT
===================================================================*/


/* Pretendard */
@font-face {
   font-family: 'Pretendard';
   font-weight: 400;
   font-style: normal;
   src: url('../fonts/Pretendard-Regular.eot');
   src: url('../fonts/Pretendard-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Pretendard-Regular.woff2') format('woff2'),
         url('../fonts/Pretendard-Regular.woff') format('woff'),
         url('../fonts/Pretendard-Regular.ttf') format("truetype");
   font-display: swap;
}

@font-face {
   font-family: 'Pretendard';
   font-weight: 700;
   font-style: normal;
   src: url('../fonts/Pretendard-Bold.eot');
   src: url('../fonts/Pretendard-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Pretendard-Bold.woff2') format('woff2'),
         url('../fonts/Pretendard-Bold.woff') format('woff'),
         url('../fonts/Pretendard-Bold.ttf') format("truetype");
   font-display: swap;
}

@font-face {
   font-family: 'ONE Mobile Title';
   src: url('../fonts/ONEMobileTitleRegular.woff2') format('woff2'),
       url('../fonts/ONEMobileTitleRegular.woff') format('woff');
   font-weight: 700;
   font-style: normal;
   font-display: swap;
}




/*=====================================
   PADDING
======================================*/
.p0{padding:0px !important; }
.p10{padding:10px !important; }
.p20{padding:20px !important; }
.p30{padding:30px !important; }
.p40{padding:40px !important; }
.p50{padding:50px !important; }
.p60{padding:60px !important; }

.pt0{padding-top:0px !important; }
.pt10{padding-top:10px !important; }
.pt20{padding-top:20px !important; }
.pt30{padding-top:30px !important; }
.pt40{padding-top:40px !important; }
.pt50{padding-top:50px !important; }
.pt60{padding-top:60px !important; }

.pr0{padding-right:0px !important; }
.pr10{padding-right:10px !important; }
.pr20{padding-right:20px !important; }
.pr30{padding-right:30px !important; }
.pr40{padding-right:40px !important; }
.pr50{padding-right:50px !important; }
.pr60{padding-right:60px !important; }

.pb0{padding-bottom:0px !important; }
.pb10{padding-bottom:10px !important; }
.pb20{padding-bottom:20px !important; }
.pb30{padding-bottom:30px !important; }
.pb40{padding-bottom:40px !important; }
.pb50{padding-bottom:50px !important; }
.pb60{padding-bottom:60px !important; }

.pl0{padding-left:0px !important; }
.pl10{padding-left:10px !important; }
.pl20{padding-left:20px !important; }
.pl30{padding-left:30px !important; }
.pl40{padding-left:40px !important; }
.pl50{padding-left:50px !important; }
.pl60{padding-left:60px !important; }



/*=====================================
   MARGIN
======================================*/
.m0{margin:0px !important; }
.m10{margin:10px !important; }
.m20{margin:20px !important; }
.m30{margin:30px !important; }
.m40{margin:40px !important; }
.m50{margin:50px !important; }
.m60{margin:60px !important; }

.mt0{margin-top:0px !important; }
.mt10{margin-top:10px !important; }
.mt20{margin-top:20px !important; }
.mt30{margin-top:30px !important; }
.mt40{margin-top:40px !important; }
.mt50{margin-top:50px !important; }
.mt60{margin-top:60px !important; }

.mr0{margin-right:0px !important; }
.mr10{margin-right:10px !important; }
.mr20{margin-right:20px !important; }
.mr30{margin-right:30px !important; }
.mr40{margin-right:40px !important; }
.mr50{margin-right:50px !important; }
.mr60{margin-right:60px !important; }

.mb0{margin-bottom:0px !important; }
.mb5{margin-bottom:5px !important; }
.mb10{margin-bottom:10px !important; }
.mb15{margin-bottom:15px !important; }
.mb20{margin-bottom:20px !important; }
.mb30{margin-bottom:30px !important; }
.mb40{margin-bottom:40px !important; }
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}

.ml0{margin-left:0px !important; }
.ml10{margin-left:10px !important; }
.ml20{margin-left:20px !important; }
.ml30{margin-left:30px !important; }
.ml40{margin-left:40px !important; }
.ml50{margin-left:50px !important; }
.ml60{margin-left:60px !important; }
.ml-auto{margin-left:auto !important; }

q::before{ content: none !important; }
q::after{ content: none !important; }