@charset "utf-8";

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('../font/NanumGothic-Regular.eot');
  src: url('../font/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'), /* ie 6,7,8 적용 embedded-opentype ie 8,9 적용 */
       url('../font/NanumGothic-Regular.woff') format('woff'), /* ie 제외한 나머지 */
       url('../font/NanumGothic-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url('../font/NanumGothic-Bold.eot');
  src: url('../font/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'),
       url('../font/NanumGothic-Bold.woff') format('woff'),
       url('../font/NanumGothic-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url('../font/NanumGothic-ExtraBold.eot');
  src: url('../font/NanumGothic-ExtraBold.eot?#iefix') format('embedded-opentype'),
       url('../font/NanumGothic-ExtraBold.woff') format('woff'),
       url('../font/NanumGothic-ExtraBold.ttf') format('truetype');
}

@font-face {
  font-family: 'OpenSans-Semibold';
  font-style: normal;
  font-weight: 800;
  src: url('../font/OpenSans-Semibold.eot');
  src: url('../font/OpenSans-Semiboldeot?#iefix') format('embedded-opentype'),
       url('../font/OpenSans-Semibold.woff') format('woff'),
       url('../font/OpenSans-Semibold.ttf') format('truetype');
}

/* reset */
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 {margin: 0; padding: 0; border: 0;}
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height:normal;}
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;}

/* my style */
html, body{width:100%; font-size:100%; /* overflow: hidden; */}
body{font-family:'맑은고딕', 'Nanum Gothic', '나눔고딕'; font-weight:400; font-size:12px; color:#4f5f6f;}
legend, caption, .blind {visibility:hidden; position:absolute; top:0; left:0; width:0px; height:0px; font-size:0; line-height:0;}
a{text-decoration:none;}
img, fieldset, iframe {border:0 none;}
figure{text-align:center;}
figcaption{position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
ul:after{content:''; display:block; height:0; clear:both;}

/* Margin Style */
	.m10 {margin:0 10px;}
	/* margin-top */
	.m0		 {margin:0 !important;}
	.mt_1	 {margin-top:-1px !important;}
	.mt0	 {margin-top:0 !important;}
	.mt1	 {margin-top:1px !important;}
	.mt2	 {margin-top:2px !important;}
	.mt3	 {margin-top:3px !important;}
	.mt4	 {margin-top:4px !important;}
	.mt5	 {margin-top:5px !important;}
	.mt6	 {margin-top:6px !important;}
	.mt7	 {margin-top:7px !important;}
	.mt8	 {margin-top:8px !important;}
	.mt9	 {margin-top:9px !important;}
	.mt10	 {margin-top:10px !important;}
	.mt11	 {margin-top:11px !important;}
	.mt12	 {margin-top:12px !important;}
	.mt13	 {margin-top:13px !important;}
	.mt14	 {margin-top:14px !important;}
	.mt15	 {margin-top:15px !important;}
	.mt16	 {margin-top:16px !important;}
	.mt17	 {margin-top:17px !important;}
	.mt18	 {margin-top:18px !important;}
	.mt19	 {margin-top:19px !important;}
	.mt20	 {margin-top:20px !important;}
	.mt25	 {margin-top:25px !important;}
	.mt30	 {margin-top:30px !important;}
	.mt35	 {margin-top:35px !important;}
	.mt40	 {margin-top:40px !important;}
	.mt45	 {margin-top:45px !important;}
	.mt50	 {margin-top:50px !important;}
	.mt55	 {margin-top:55px !important;}
	.mt60	 {margin-top:60px !important;}
	.mt65	 {margin-top:65px !important;}
	.mt70	 {margin-top:70px !important;}
	.mt75	 {margin-top:75px !important;}
	.mt80	 {margin-top:80px !important;}
	.mt85	 {margin-top:85px !important;}
	.mt90	 {margin-top:90px !important;}
	.mt95	 {margin-top:95px !important;}
	.mt100	 {margin-top:100px !important;}

	/* margin-bottom */
	.mb0		 {margin-bottom:0 !important;}
	.mb1		 {margin-bottom:1px !important;}
	.mb2		 {margin-bottom:2px !important;}
	.mb3		 {margin-bottom:3px !important;}
	.mb4		 {margin-bottom:4px !important;}
	.mb5		 {margin-bottom:5px !important;}
	.mb6		 {margin-bottom:6px !important;}
	.mb7		 {margin-bottom:7px !important;}
	.mb8		 {margin-bottom:8px !important;}
	.mb9		 {margin-bottom:9px !important;}
	.mb10	 {margin-bottom:10px !important;}
	.mb15	 {margin-bottom:15px !important;}
	.mb18	 {margin-bottom:18px !important;}
	.mb20	 {margin-bottom:20px !important;}
	.mb25	 {margin-bottom:25px !important;}
	.mb30	 {margin-bottom:30px !important;}
	.mb35	 {margin-bottom:35px !important;}
	.mb40	 {margin-bottom:40px !important;}
	.mb50	 {margin-bottom:50px !important;}

	/* margin-left */
	.ml0		 {margin-left:0 !important;}
	.ml1		 {margin-left:1px !important;}
	.ml2		 {margin-left:2px !important;}
	.ml3		 {margin-left:3px !important;}
	.ml4		 {margin-left:4px !important;}
	.ml5		 {margin-left:5px !important;}
	.ml6		 {margin-left:6px !important;}
	.ml7		 {margin-left:7px !important;}
	.ml8		 {margin-left:8px !important;}
	.ml9		 {margin-left:9px !important;}
	.ml10		 {margin-left:10px !important;}
	.ml11		 {margin-left:11px !important;}
	.ml12		 {margin-left:12px !important;}
	.ml13		 {margin-left:13px !important;}
	.ml14		 {margin-left:14px !important;}
	.ml15		 {margin-left:15px !important;}
	.ml16		 {margin-left:16px !important;}
	.ml17		 {margin-left:17px !important;}
	.ml18		 {margin-left:18px !important;}
	.ml19		 {margin-left:19px !important;}
	.ml20		 {margin-left:20px !important;}
	.ml25		 {margin-left:25px !important;}
	.ml30		 {margin-left:30px !important;}
	.ml35		 {margin-left:35px !important;}
	.ml40		 {margin-left:40px !important;}
	.ml50		 {margin-left:50px !important;}