@charset "utf-8";

/* ====================
	INITIALIZE
==================== */
*,::before,::after {box-sizing:border-box;}
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,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figcaption,figure,hgroup,header,footer,menu,nav,output,ruby,section,summary,time,mark,audio,video,button {margin:0;padding:0;border:0;}
article,aside,details,figcaption,figure,hgroup,header,footer,menu,nav,section {display:block;}
html {-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}
body {overflow-y:scroll;-webkit-text-size-adjust:100%;word-break:break-all;}
ol,ul {list-style:none;}
em,i,address {font-style:normal;}
img {vertical-align:middle;}
video {min-width:100%;max-width:100%;}
table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;empty-cells:show;text-align:center;word-wrap:break-word;}
caption {overflow:hidden;height:0;font-size:1px;line-height:0;}
hr,legend {position:absolute;left:-5000em;top:-5000em;font-size:1px;line-height:1px;}
mark {position:relative;background:transparent;}
input,select,textarea,button,label {display:inline-block;vertical-align:top;}
a,a:hover {text-decoration:none;}

/* ====================
	WEBFONT
==================== */
@font-face {
	font-family:Pretendard;
	font-style:normal;
	font-weight:300;
	src:url(../fonts/Pretendard-Regular.woff2) format("woff2"),
		url(../fonts/Pretendard-Regular.woff) format("woff");
}
@font-face {
	font-family:Pretendard;
	font-style:normal;
	font-weight:500;
	src:url(../fonts/Pretendard-Medium.woff2) format("woff2"),
		url(../fonts/Pretendard-Medium.woff) format("woff");
}
@font-face {
	font-family:Pretendard;
	font-style:normal;
	font-weight:700;
	src:url(../fonts/Pretendard-SemiBold.woff2) format("woff2"),
		url(../fonts/Pretendard-SemiBold.woff) format("woff");
}
@font-face {
	font-family:Roboto;
	font-style:normal;
	font-weight:300;
	src:url(../fonts/Roboto-Regular-webfont.woff2) format("woff2"),
		url(../fonts/Roboto-Regular-webfont.woff) format("woff");
	unicode-range: U+0030-0039; /* 숫자 범위 */
}
@font-face {
	font-family:Roboto;
	font-style:normal;
	font-weight:500;
	src:url(../fonts/Roboto-Medium-webfont.woff2) format("woff2"),
		url(../fonts/Roboto-Medium-webfont.woff) format("woff");
	unicode-range: U+0030-0039; /* 숫자 범위 */
}
@font-face {
	font-family:Roboto;
	font-style:normal;
	font-weight:700;
	src:url(../fonts/Roboto-Bold-webfont.woff2) format("woff2"),
		url(../fonts/Roboto-Bold-webfont.woff) format("woff");
	unicode-range: U+0030-0039; /* 숫자 범위 */
}

/* ====================
	FONT
==================== */
body {font-family:Roboto,Pretendard,sans-serif;font-size:16px;font-weight:300;color:#3d414a;}
a,table,input,select,textarea,button,pre {font-family:inherit;color:inherit;}
h1,h2,h3,h4,h5,h6,strong {font-weight:700;}

/* ====================
	SCROLLBAR
==================== */
*:not(html, body, select)::-webkit-scrollbar {opacity:0;}
*:not(html, body, select)::-webkit-scrollbar-thumb,
*:not(html, body, select)::-webkit-scrollbar-thumb:hover {border:5px solid transparent;}
*:not(html, body, select)::-webkit-scrollbar-thumb {border-radius:10px;background-color:#ccc;background-clip:padding-box;}
*:not(html, body, select)::-webkit-scrollbar-thumb:hover {background-color:#444;}
*:not(html, body, select)::-webkit-scrollbar-track {background-color:transparent;}