@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/earlyaccess/hanna.css?family=hanna:100,300,400,500,700,900&display=swap');

@font-face {
    font-family: 'BMHANNAAir';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.0/BMHANNAAir.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family:'NotoSans';font-weight: 200;font-style:normal;
	src:url('font/notokr-regular.eot');
	src:url('font/notokr-regular.eot?#iefix') format('embedded-opentype'), url('font/notokr-regular.woff') format('woff'), url('font/notokr-regular.ttf') format('truetype');
}


@font-face {
	font-family:'NotoSansL';font-weight: 100;font-style:normal;
	src:url('font/notokr-demilight.eot');
	src:url('font/notokr-demilight.eot?#iefix') format('embedded-opentype'), url('font/notokr-demilight.woff') format('woff'), url('font/notokr-demilight.ttf') format('truetype');
}

@font-face {
	font-family:'NotoSansM';font-weight: 400;font-style:normal;
	src:url('font/notokr-medium.eot');
	src:url('font/notokr-medium.eot?#iefix') format('embedded-opentype'), url('font/notokr-medium.woff') format('woff'), url('font/notokr-medium.ttf') format('truetype');
}


@font-face {
	font-family:'NotoSansB';font-weight: 700;font-style:normal;
	src:url('font/notokr-bold.eot');
	src:url('font/notokr-bold.eot?#iefix') format('embedded-opentype'), url('font/notokr-bold.woff') format('woff'), url('font/notokr-bold.ttf') format('truetype');
}

@font-face {
	font-family:'NotoSansLL';font-weight: 100;font-style:normal;
	src:url('font/notokr-thin.eot');
	src:url('font/notokr-thin.eot?#iefix') format('embedded-opentype'), url('font/notokr-thin.woff') format('woff'), url('font/notokr-thin.ttf') format('truetype');
}


@font-face {
	font-family:'NotoSansBB';font-weight: 900;font-style:normal;
	src:url('font/notokr-black.eot');
	src:url('font/notokr-black.eot?#iefix') format('embedded-opentype'), url('font/notokr-black.woff') format('woff'), url('font/notokr-black.ttf') format('truetype');
}



/* ================================ reset css ================================== */

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, input, textarea, button,
article, aside, canvas, details, embed, figure, figcaption, footer, header, menu,
nav, output, ruby, section, summary, time, mark, audio, video
{margin:0;padding:0;border:0;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {display: block;}
html {height:auto;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none; }
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;}
a {text-decoration:none;color:inherit;}
a:hover {text-decoration:none;}
a:focus {outline:none;}
input:focus {outline:none;}
legend, caption, hr {display:none;}
th {font-weight: inherit}
em {font-style:normal;}
img {vertical-align:top;}
input {vertical-align:middle;border-radius:0;}
p,h3,h2,h1{letter-spacing: normal;}
input,textarea,button,select{font-family:'NotoSans','Malgun Gothic', dotum; border-radius:0;}
section{width:100%;}
body{font-family:'NotoSans','Malgun Gothic', dotum; width: 100%;  height:100%; color: #333; line-height: 1.75; font-size: 0.9rem; word-break: break-all; word-wrap: break-word; word-break: keep-all;}
/*
h1 {
  font-size: 36px;
}
h2 {
  font-size: 30px;
}
h3 {
  font-size: 24px;
}
h4 {
  font-size: 18px;
}
h5 {
  font-size: 16px;
}
h6 {
  font-size: 12px;
}
*/
select { -webkit-border-radius: 0;}
select 
{
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url(../../images/select_arrow.png);background-repeat: no-repeat; /* 셀렉박스 스타일 초기화, 화살표 이미지 넣기 */
  background-position: calc(100% - 15px) center;
  background-position: -webkit-calc(100% - 15px) center; background-position: -moz-calc(100% - 15px) center;
 
}
select::-ms-expand {
    display: none;
}

input[type="text"],input[type="password"],input[type="number"],input[type="tel"],input[type="email"],input[type="button"],input[type="submit"],textarea {
    border-radius:0 !important;-webkit-appearance: none;-moz-appearance: none; 
}
a[href^="tel"] {
  color: inherit; /* parent element copy */
  text-decoration: none; 
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {cursor: pointer; overflow: visible; -webkit-appearance: button;}
input[type="checkbox"],
input[type="radio"] {width: 14px; height: 14px; line-height: 14px; box-sizing: border-box; -webkit-border-radius: 0;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
img {  vertical-align: top; }
/*all border*/
* {
  box-sizing: border-box;
}

/*clear*/
.clearfix {zoom:1;}
.clearfix:after { 
	display:block;
	clear:both;
	height:0rem;
	visibility:hidden;
	content: "";
	}

.blind{display: block;
    overflow: hidden;
    position: absolute !important;
    left: -9999px;
    width: 0rem;
    height:0rem;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
	}

/*text overflow*/
.ellipsis {
	display: inline-block; 
	max-width:100%;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	}