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

@font-face {
	font-family: "Google Sans";
	font-style: normal;
	font-weight: normal;
	src: url("../font/futura/FuturaBT-Medium.eot");
	src: local("Futura Medium BT"),
		url("../font/futura/FuturaBT-Medium.eot?#iefix") format("embedded-opentype"),
		url("../font/futura/FuturaBT-Medium.woff2") format("woff2"),
		url("../font/futura/FuturaBT-Medium.woff") format("woff"),
		url("../font/futura/FuturaBT-Medium.ttf") format("truetype"),
		url("../font/futura/FuturaBT-Medium.svg#FuturaBT-Medium") format("svg");
	unicode-range: U+0030-0039;
}

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, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input, textarea, select {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 13px;
	/* letter-spacing: -0.5px; */
	/*font: inherit;*/
	color:#333;
	vertical-align: middle;
	/* font-family:-apple-system, BlinkMacSystemFont, "Malgun Gothic", "맑은 고딕", helvetica, "Apple SD Gothic Neo", sans-serif; */
	/*font-family:"Malgun Gothic", "맑은 고딕", helvetica, "Apple SD Gothic Neo", sans-serif;*/
	font-family:"Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: border-box;
/*  word-break: break-all;*/
  word-break: break-word;
  word-wrap: break-word;
}
* { 
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*
li,p,dt,dd,div,span {
	word-break:break-all
}
*/


ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	table-layout:fixed;
	border-collapse: collapse;
	border-spacing: 0;
}
caption, legend{font-size:0; line-height:0; height:0}
img, fieldset, iframe {
	border: 0 none;
}
a {text-decoration: none; }
a:hover {text-decoration: underline; }
/* a:active, a:focus {outline: none; } */
/* a:active {background-color: yellow;} */

::-webkit-input-placeholder {color:#8b9097; }
::-moz-placeholder {color:#8b9097; } /* firefox 19+ */
:-moz-placeholder {color:#8b9097; }
:-ms-input-placeholder {color:#8b9097; } /* ie */

textarea::-webkit-input-placeholder {color:#8b9097; }
textarea::-moz-placeholder {color:#8b9097; } /* firefox 19+ */
textarea:-moz-placeholder {color:#8b9097; }
textarea:-ms-input-placeholder {color:#8b9097; } /* ie */

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
	cursor: pointer;
}
button:focus {outline:0; }

select {-moz-appearance:none; -webkit-appearance:none; appearance:none; -webkit-border-radius:0; }

button {
    overflow: visible;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
}
button::-moz-focus-inner {border:0; padding:0; }

/* Start of "Micro clearfix" */
.clear:before,
.clear:after {content: " "; display: table; }
.clear:after {clear: both; }
.clear {*zoom: 1; }
/* End of "Micro clearfix" */

/* Start of Mobile Form Default */
input[type='text'],input[type='password'],input[type='number'],input[type='image'],input[type='search'], textarea {max-width:100%; background:none; border:1px solid #e6e6e6; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:0px none transparent; }
.dark input[type='text'], .dark input[type='password'], .dark input[type='number'], .dark input[type='image'], .dark input[type='search'], .dark textarea {color:#fff; background:#313540; }
/* End of Mobile Form Default */

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0; }

.ellipsis {text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

 /* 대체 텍스트 숨김 */
.ir_pm {display:block; overflow:hidden; font-size:0px; line-height:0; text-indent:-9999px; } /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_wa {display:block; overflow:hidden; position:relative; z-index:-1; width:100%; height:100%; } /* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.screen_out {overflow:hidden; position:absolute; width:0; height:0; line-height:0; text-indent:-9999px; } /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */

/* @media screen and (min-width:1280px) {  */
/* ::-webkit-scrollbar {width:10px; } */
::-webkit-scrollbar-track {background:#bbb; }
::-webkit-scrollbar-thumb {background:#999; }
::-webkit-scrollbar-thumb:hover {background:#999; }
/* } */


/* TABLET  + Mobile */
@media screen and (max-width:1279px){
	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, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video, input, textarea {
		font-size: 12px;
		letter-spacing: -1px;
	}
}