@charset "utf-8";
/* =====================================

	* reset

====================================== */
@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: url('./fonts/pretendard/PretendardVariable.woff2') format('woff2-variations');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;  
	font-weight: 100;
  src: url('./fonts/roboto/Roboto-Thin.woff2') format('woff2'),
       url('./fonts/roboto/Roboto-Thin.woff') format('woff'),
       url('./fonts/roboto/Roboto-Thin.otf') format('opentype');
			}
@font-face {
	font-family: 'Roboto';
	font-style: normal;  
	font-weight: 300;
  src: url('./fonts/roboto/Roboto-Light.woff2') format('woff2'),
       url('./fonts/roboto/Roboto-Light.woff') format('woff'),
       url('./fonts/roboto/Roboto-Light.otf') format('opentype');
			}
@font-face {   
	font-family: 'Roboto';  
	font-style: normal;   
	font-weight: 400;
   src: url('./fonts/roboto/Roboto-Regular.woff2') format('woff2'),
        url('./fonts/roboto/Roboto-Regular.woff') format('woff'),
        url('./fonts/roboto/Roboto-Regular.otf') format('opentype');
}
@font-face {   
	font-family: 'Roboto';  
	font-style: normal;   
	font-weight: 500;
   src: url('./fonts/roboto/Roboto-Medium.woff2') format('woff2'),
        url('./fonts/roboto/Roboto-Medium.woff') format('woff'),
        url('./fonts/roboto/Roboto-Medium.otf') format('opentype');
			}
@font-face {   
	font-family: 'Roboto';  
	font-style: normal;   
	font-weight: 700;
   src: url('./fonts/roboto/Roboto-Bold.woff2') format('woff2'),
        url('./fonts/roboto/Roboto-Bold.woff') format('woff'),
        url('./font/s/robotoRoboto-Bold.otf') format('opentype');
			}


/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub , sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin: 0;padding: 0;border: 0;font-size: 62.5%; font: inherit; vertical-align: baseline;}
.h1, .h2, .h3, h1, h2, h3, .h4, .h5, .h6, h4, h5, h6{margin: 0;}
ul, ol{margin: 0;}
p{margin: 0;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
body{line-height: 1.2;}
ol, ul{list-style: none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after{content: '';content: none;}
table{border-collapse: collapse;border-spacing: 0;}

*{margin: 0;padding: 0;outline: none;box-sizing: border-box;}
html, body{font-family: 'Pretendard Variable';color: #000;font-size: 62.5%;font-weight: 400;letter-spacing: -0.03em;}
header, footer, section, article, div, table, ul, ol, a, button, form, input, select, textarea, em, i, p, dl, dt, dd, span, strong{font-family:'Pretendard Variable';}
table{border-collapse: collapse;border-spacing: 0;width: 100%;}
ul, ol{list-style: none;}
ul, ol, dl{margin: 0;}
dl dt, dl dd{margin: 0;}
form, fieldset, img{border: 0;}
img{vertical-align: middle; max-width: 100%;}
button{cursor: pointer;background: none;}
a{color: inherit;font-size: inherit;text-decoration: none;}
a:hover, a:active, a:visited, a:focus{color: inherit;text-decoration: none;}
input, select, textarea, button{color: #000;font-size: inherit;border: 0;font-family: 'Pretendard Variable';}
textarea{width: 100%;resize: none;}
textarea[readonly]{cursor: default;}
iframe{width: 100%;/*height:auto;*/border: 0;}
sup{vertical-align: super;font-size: 0.5em;}
sub{vertical-align: sub;font-size: 0.5em;}

.cf:after{display: block;content: '';clear: both;}
.hide{
	overflow: hidden !important;
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	clip: rect(0 0 0 0) !important;
	padding: 0 !important;
}

.font-gmarket,
.font-gmarket *{
	font-family: 'GmarketSans', sans-serif;
}

/* iOS 11.0 */
constant(safe-area-inset-top)
constant(safe-area-inset-right)
constant(safe-area-inset-bottom)
constant(safe-area-inset-left)

/* iOS 11.2 */
env(safe-area-inset-top)
env(safe-area-inset-right)
env(safe-area-inset-bottom)
env(safe-area-inset-left)