@charset "utf-8";

/* Fonts */
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); /* NOTO SANS 웹폰트*/
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css); /*나눔 웹폰트*/
 

/* 익스플로어 */
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}


/*
@font-face {
	font-family:'Noto Sans KR'; 
	font-style:normal; 
	font-weight:100;
	src: url('/webfont/NotoSansKR-Thin.woff2') format('woff2'),
		 url('/webfont/NotoSansKR-Thin.woff') format('woff'),
		 url('/webfont/NotoSansKR-Thin.otf') format('opentype');
}
@font-face {
	font-family:'Noto Sans KR'; 
	font-style:normal; 
	font-weight:300;
	src: url('/webfont/NotoSansKR-Light.woff2') format('woff2'),
		 url('/webfont/NotoSansKR-Light.woff') format('woff'),
		 url('/webfont/NotoSansKR-Light.otf') format('opentype');
}
@font-face {
	font-family:'Noto Sans KR'; 
	font-style:normal; 
	font-weight:400;
	src: url('/webfont/NotoSansKR-Regular.woff2') format('woff2'),
		 url('/webfont/NotoSansKR-Regular.woff') format('woff'),
		 url('/webfont/NotoSansKR-Regular.otf') format('opentype');
}
@font-face {
	font-family:'Noto Sans KR'; 
	font-style:normal; 
	font-weight:500;
	src: url('/webfont/NotoSansKR-Medium.woff2') format('woff2'),
		 url('/webfont/NotoSansKR-Medium.woff') format('woff'),
		 url('/webfont/NotoSansKR-Medium.otf') format('opentype');
}
@font-face {
	font-family:'Noto Sans KR'; 
	font-style:normal; 
	font-weight:700;
	src: url('/webfont/NotoSansKR-Bold.woff2') format('woff2'),
		 url('/webfont/NotoSansKR-Bold.woff') format('woff'),
		 url('/webfont/NotoSansKR-Bold.otf') format('opentype');
}
@font-face {
	font-family:'Noto Sans KR'; 
	font-style:normal; 
	font-weight:900;
	src: url('/webfont/NotoSansKR-Black.woff2') format('woff2'),
		 url('/webfont/NotoSansKR-Black.woff') format('woff'),
		 url('/webfont/NotoSansKR-Black.otf') format('opentype');
}
*/


@font-face {
  font-family:nanumbarungothic;
  src: url(/webfont/nanumbarungothicregular.eot?#iefix) format('embedded-opentype'),
       url(/webfont/nanumbarungothicregular.woff) format('woff'),
	   url(/webfont/nanumbarungothicregular.woff2) format('woff2'),
       url(/webfont/nanumbarungothicregular.ttf) format('truetype');
  font-style:normal;
  font-weight:400;
}
@font-face {
  font-family: nanumbarungothic;
  src: url(/webfont/nanumbarungothicbold.eot?#iefix) format('embedded-opentype'),
       url(/webfont/nanumbarungothicbold.woff) format('woff'),
	   url(/webfont/nanumbarungothicbold.woff2) format('woff2'),
       url(/webfont/nanumbarungothicbold.ttf) format('truetype');
  font-style:normal;
  font-weight:800;
}

@font-face {
  font-family:NanumSquare;
  src: url(/webfont/NanumSquareR.eot?#iefix) format('embedded-opentype'), 
	   url(/webfont/NanumSquareR.woff) format('woff'),
       url(/webfont/NanumSquareR.ttf) format('truetype');
  font-style: normal;
  font-weight:400;
}
@font-face {
  font-family:NanumSquare;
  src: url(/webfont/NanumSquareB.eot?#iefix) format('embedded-opentype'),
	   url(/webfont/NanumSquareB.woff) format('woff'),
       url(/webfont/NanumSquareB.ttf) format('truetype');
  font-style:normal;
  font-weight:800;
}





/* Reset */
* {margin:0;padding:0;border:0;outline:0;*vertical-align:top;-webkit-text-size-adjust:none;font-size:1em; font-family: "Noto Sans KR", sans-serif;}

html,body{width:100%;  *overflow-x:hidden; }
html{overflow-y:scroll;font-size:10px; -webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,input,select,button {margin:0; padding:0; font-family: "Noto Sans KR", sans-serif;}
 font-weight:normal; letter-spacing:0;}	
body,h1,h2,h3,h4,input,button{font-size:14px;color:#222;}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all;}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button {*vertical-align:middle;}
strong {font-weight:500}
img{vertical-align:top}
i,em,address{font-style:normal;}
label,button{cursor:pointer}
button{margin:0;padding:0}
a {text-decoration:none;}
a:hover {text-decoration:none;}

button *{*position:relative}
button img{left:-3px;*left:auto}
html:first-child .select{height:30px;padding-right:6px; border:1px solid #ccc; color:#666;}
option{padding-right:6px}
hr{display:none}
legend,caption {display:none}
table{border-collapse:collapse;border-spacing:0}
input::-ms-clear{display:none}
img {max-width: 100%;}



/* INPUT 
input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=url],
input[type=submit],
input[type=button],
textarea {-webkit-appearance: none; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;font-family:'Nanum Gothic', sans-serif; font-family:'Noto Sans KR', sans-serif; border-radius:0}
input[type=radio] { border-radius: 100%; }
input[type=text]::-ms-clear,
input[type=tel]::-ms-clear,
input[type=email]::-ms-clear,
input[type=password]::-ms-clear,
input[type=url]::-ms-clear {display: none;}
input[type=number] { -moz-appearance:textfield;}
*/


input[type="text"],
input[type="tel"],
input[type="number"],
input[type="password"] {width:100%; font-size:15px; -webkit-appearance:none; border-radius:0; box-sizing:border-box; border:1px solid #dadada; background-color:transparent;  background-color:#fff;}
::-webkit-input-placeholder {color:#a0a0a0 !important}
::-moz-placeholder {color:#a0a0a0 !important}
:-ms-input-placeholder {color:#a0a0a0 !important}
:-moz-placeholder {color:#a0a0a0 !important}
::-ms-clear,
::-ms-reveal {display:none}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus {outline:none; border:1px solid #3c3c3c; *box-shadow:0 0 10px rgba(0,0,0,0.14)}

@media (max-width:1023px) {
	input[type="text"],
	input[type="tel"],
	input[type="number"],
	input[type="password"] {font-size:15px;}
}

@media (max-width:767px) {
	input[type="text"],
	input[type="tel"],
	input[type="number"],
	input[type="password"] {font-size:14px;}
}


/* firefox fix */
input[type=number] { -webkit-appearance: none; }

/* PLACEHOLDER 
input::-webkit-input-placeholder {font-size:14px; color:#aaa;}
input::-moz-placeholder {font-size:14px; color:#aaa;}
input::placeholder {font-size:14px; color:#aaa;}
*/

/* LIST FLOAT CLEAR */
ol:after, ul:after { content: ''; clear: both; display: table; }



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, time, figure, article, nav, header, footer, hgroup, video, audio, aside, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    *vertical-align: baseline;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.sr {width:0;height:0;line-height:0;visibility:hidden;overflow:hidden;white-space:nowrap}