/* NotoSansKR */
@font-face {
  font-family: 'NotoSansKR';
  src: url("../fonts/NotoSansKR-Regular.eot");
  src: url("../fonts/NotoSansKR-Regular.eot?#iefix") format('embedded-opentype'),
       url("../fonts/NotoSansKR-Regular.woff") format('woff'),
       url("../fonts/NotoSansKR-Regular.otf") format('opentype');
}
@font-face {
  font-family: 'NotoSansKR-Bold';
  src: url("../fonts/NotoSansKR-Bold.eot");
  src: url("../fonts/NotoSansKR-Bold.eot?#iefix") format('embedded-opentype'),
       url("../fonts/NotoSansKR-Bold.woff") format('woff'),
       url("../fonts/NotoSansKR-Bold.ttf") format('truetype');
}


/* IE10 뷰포트 버그대응 */
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

/* common */
* {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.clear {clear:both;}
.split {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
a {text-decoration:none !important; outline:none !important; selector-dummy:expression(this.hideFocus=true) !important;}
#ie-warning {display:none; font-family:inherit;}


/* 자식높이 부모에게 반영 / box글자를 포함할 때 */
[class *= "box"]:before,
[class *= "box"]:after {content:""; display:block; clear:both;}

/* 글자크기 */
.fs11 {font-size:11px !important;}
.fs12 {font-size:12px !important;}
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}
.fs15 {font-size:15px !important;}
.fs16 {font-size:16px !important;}
.fs18 {font-size:18px !important;}
.fs20 {font-size:20px !important;}
.fs24 {font-size:24px !important;}
.fs30 {font-size:30px !important;}

/* 라인 */
* [class*="lineH"] {clear:both; width:100%; border-bottom:1px solid #eee;}
.lineH5 {height:5px; margin-bottom:5px;}
.lineH10 {height:10px; margin-bottom:10px;}
.lineH20 {height:20px; margin-bottom:20px;}
.lineH30 {height:30px; margin-bottom:30px;}
.lineH50 {height:50px; margin-bottom:50px;}
.lineH60 {height:60px; margin-bottom:60px;}
.lineH70 {height:70px; margin-bottom:70px;}

/* 여백 */
.h5 {height:5px; clear:both;}
.h10 {height:10px; clear:both;}
.h20 {height:20px; clear:both;}
.h30 {height:30px; clear:both;}
.h40 {height:40px; clear:both;}
.h50 {height:50px; clear:both;}
.h60 {height:60px; clear:both;}
.h70 {height:70px; clear:both;}
.h80 {height:80px; clear:both;}
.h90 {height:90px; clear:both;}
.h100 {height:100px; clear:both;}

/* padding */
.pad0 {padding:0 !important;}
.pad5 {padding:0 !important;}
.pad10 {padding:10px !important;}
.pad20 {padding:20px !important;}
.pad30 {padding:30px !important;}
.pad40 {padding:40px !important;}
.pad50 {padding:50px !important;}
.pad60 {padding:50px !important;}
.pad70 {padding:50px !important;}
.pad80 {padding:50px !important;}
.pad90 {padding:50px !important;}
.pad100 {padding:50px !important;}

/* margin */
.marin0 {margin:0 !important;}
.marin0_T {margin-top:0 !important;}
.marin0_R {margin-right:0 !important;}
.marin0_B {margin-bottom:0 !important;}
.marin0_L {margin-left:0 !important;}

/* pre 리셋 */
pre {
	white-space: pre-wrap; /* CSS3*/
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-all; /* Internet Explorer 5.5+ */ 
}
