﻿@charset "utf-8";
@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 src: url('font/NanumBarunGothic.eot');
 src: url('font/NanumBarunGothic.eot#iefix') format('embedded-opentype'),
 url('font/NanumBarunGothic.woff') format('woff'),
 url('font/NanumBarunGothic.ttf') format('truetype');
} 
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: url(font/NanumGothic-Regular.eot);
  src: url(font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(font/NanumGothic-Regular.woff2) format('woff2'),
       url(font/NanumGothic-Regular.woff) format('woff'),
       url(font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothicBold';
  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.woff2) format('woff2'),
       url(font/NanumGothic-Bold.woff) format('woff'),
       url(font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothicExtraBold';
  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.woff2) format('woff2'),
       url(font/NanumGothic-ExtraBold.woff) format('woff'),
       url(font/NanumGothic-ExtraBold.ttf) format('truetype');
}


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,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
p,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	box-sizing: border-box;
}
html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
}
html,
body {
	width: 100%;
	font-size: 16px;
	line-height: 1.4em;
	background-color: #fff;
	margin: 0 auto;
	height:100%;
	font-family:'Noto Sans KR', sans-serif; 
	/*font-family: 'IBM Plex Sans KR', sans-serif;*/
	color: #000;
	background:#eee;
}

select,
input,
textarea,
button {
	font-size: 1.0em;
	font-family: 'Do Hyeon', sans-serif;
	vertical-align: middle;
	color: #000;
	outline: none;
	background: transparent;
	box-sizing: border-box;
	border: none;
}
a {
	outline: none;
	color: #000;
	text-decoration: none;
}
input[type="text"],
input[type="password"] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
textarea {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
	-moz-overflow-scrolling: touch;
	-o-overflow-scrolling: touch;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}
input {
	padding: 0;
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	vertical-align: top;
}
th {
	font-size: 1.0em;
}
img,
fieldset {
	border: 0px;
}
ol,
ul {
	list-style: none;
}
hr {
	border: 0;
	height: 1px;
	background: #ddd;
}

label {
	cursor: pointer;
}
legend,
caption {
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}
em {
	font-style: normal;
}
ins {
	text-decoration: none;
}
/*font*/
.white { color:#fff;}
.black { color:#000; font-size:18px;}
.orange { color:#f60;}
.tahoma { font-family:tahoma; font-size:11px; text-transform:uppercase }
.bold { font-weight:bold;}
.fa-times { font-size:20px !important; color:#333;}
/* 정렬 */
.left_t {text-align:left !important;}
.right_t {text-align:right !important;}
.center_t {text-align:center !important;}
.fl_l{float:left;}
.fl_r{float:right;}
.cl_l{clear:left;}
.cl_r{clear:right;} 
.cl_b{clear:both;}
.vm { vertical-align:middle; }
/* 마진 */
.m_5{margin:5px}
.m_10{margin:10px}
.m_15{margin:15px}
.m_20{margin:20px}
.m_25{margin:25px}
.m_30{margin:30px}
.m_t_5{margin-top:5px}
.m_t_10{margin-top:10px}
.m_t_15{margin-top:15px}
.m_t_20{margin-top:20px}
.m_t_25{margin-top:25px}
.m_t_30{margin-top:30px}
.m_t_35{margin-top:35px}
.m_t_40{margin-top:40px}
.m_t_50{margin-top:50px}
.m_t_55{margin-top:55px}
.m_t_60{margin-top:60px}
.m_t_70{margin-top:70px}
.m_r_3{margin-right:3px}
.m_r_5{margin-right:5px}
.m_r_10{margin-right:10px}
.m_r_15{margin-right:15px}
.m_r_20{margin-right:20px}
.m_r_25{margin-right:25px}
.m_r_30{margin-right:30px}
.m_r_40{margin-right:40px}
.m_b_5{margin-bottom:5px}
.m_b_10{margin-bottom:10px}
.m_b_15{margin-bottom:15px}
.m_b_20{margin-bottom:20px}
.m_b_25{margin-bottom:25px}
.m_b_30{margin-bottom:30px}
.m_b_40{margin-bottom:40px}
.m_b_50{margin-bottom:50px}
.m_l_5{margin-left:5px}
.m_l_10{margin-left:10px}
.m_l_15{margin-left:15px}
.m_l_20{margin-left:20px}
.m_l_25{margin-left:25px}
.m_l_30{margin-left:30px}
.m_tb_5{margin:5px 0}
.m_tb_10{margin:10px 0}
.m_tb_15{margin:15px 0}
.m_tb_20{margin:20px 0}
.m_tb_25{margin:25px 0}
.m_tb_30{margin:30px 0}
.m_lr_3{margin:0 3px}
.m_lr_5{margin:0 5px}
.m_lr_10{margin:0 10px}
.m_lr_15{margin:0 15px}
.m_lr_20{margin:0 20px}
.m_lr_25{margin:0 25px}
.m_lr_30{margin:0 30px}
/* 패딩 */
.p_5{padding:5px}
.p_10{padding:10px}
.p_15{padding:15px}
.p_20{padding:20px}
.p_25{padding:25px}
.p_30{padding:30px}
.p_t_5{padding-top:5px}
.p_t_10{padding-top:10px !important; }
.p_t_15{padding-top:15px !important; }
.p_t_20{padding-top:20px !important; }
.p_t_25{padding-top:25px}
.p_t_30{padding-top:30px}
.p_t_40{padding-top:40px}
.p_t_50{padding-top:50px}
.p_r_5{padding-right:5px}
.p_r_10{padding-right:10px}
.p_r_15{padding-right:15px}
.p_r_20{padding-right:20px }
.p_r_25{padding-right:25px}
.p_r_30{padding-right:30px}
.p_r_40{padding-right:40px}
.p_b_5{padding-bottom:5px}
.p_b_10{padding-bottom:10px}
.p_b_15{padding-bottom:15px}
.p_b_20{padding-bottom:20px}
.p_b_25{padding-bottom:25px}
.p_b_30{padding-bottom:30px}
.p_l_5{padding-left:5px}
.p_l_10{padding-left:10px}
.p_l_15{padding-left:15px}
.p_l_20{padding-left:20px}
.p_l_25{padding-left:25px}
.p_l_30{padding-left:30px}
.p_l_40{padding-left:40px}
.p_l_50{padding-left:50px}
.p_tb_5{padding:5px 0}
.p_tb_10{padding:10px 0}
.p_tb_15{padding:15px 0}
.p_tb_20{padding:20px 0}
.p_tb_25{padding:25px 0}
.p_tb_30{padding:30px 0}
.p_lr_5{padding:0 5px}
.p_lr_10{padding:0 10px}
.p_lr_15{padding:0 15px}
.p_lr_20{padding:0 20px}
.p_lr_25{padding:0 25px}
.p_lr_30{padding:0 30px}