@charset "utf-8";

/* reset */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}

html,body { width:100%;height:100%;}
html,body,blockquote,caption,dd,div,dl,dt,fieldset,form,frame,h1,h2,h3,h4,h5,h6,hr,
iframe,input,legend,li,object,ol,p,pre,q,select,table,textarea,ul,tr,td,figure,figcaption,header,article,section,aside,footer,button { margin:0;padding:0;font-weight:normal;}
fieldset,img { border:0;}
h1,h2,h3,h4,h5,h6 { font-style:normal; font-weight:bold;}
hr { display:none; }
li { list-style:none}
table { width:100%;border:0;border-spacing:0;empty-cells:show;border-collapse:collapse}
input, select, img { vertical-align:middle; }
legend,hr,figcaption { position:absolute;visibility:hidden;font-size:0;width:0;height:0;line-height:0}
caption  {visibility:hidden;font-size:0;width:0;height:0;line-height:0}
caption, th, td {text-align:left;font-weight:normal;border:0;}
fieldset * { vertical-align:top}
/*table * { vertical-align:top }*/
button { background-color:transparent}
article,aside,dialog,footer,header,section,footer,nav,figure { display:block} /* for html5 */
button { position:relative;margin:0;font-family:'나눔고딕','Nanum Gothic';cursor:pointer;border:0 none; background:none; }


/* 공통 - 컨덴츠 폰트페밀리 고정 */
html * {font-family:'Nanum Gothic','나눔고딕' !important;}
html * select{font-family:'Nanum Gothic','나눔고딕' !important;}

/* input type */
input[type=text], input[type=password] {
	border-top:1px solid #d4d4d4; 
	border-left:1px solid #d4d4d4; 
	border-right:1px solid #d4d4d4; 
	border-bottom:1px solid #d4d4d4; 
	font-family:'맑은 고딕', 'Malgun Gothic', sans-serif; 
	padding:5px; 
	color:#666;}

input[type=radio],
input[type=checkbox] {width:12px; height:12px; border:0 none; *vertical-align:top;}

select {border:1px solid #d4d4d4; font-family:'나눔고딕', 'Nanum Gothic', sans-serif; color:#666;font-size:12px; padding:5px; }

.of {overflow:hidden;}
.fl {float:left;}
.fr {float:right;}