@charset "euc-kr";

@font-face {
  font-family: "NanumGothic";
  font-style: normal;
  font-weight: 400;
  src: url(../font/NanumGothic-Regular.eot);
  src: local('¡Ø'),
       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: "NanumGothic";
  font-style: normal;
  font-weight: 700;
  src: url(../font/NanumGothic-Bold.eot);
  src: local('¡Ø'),
       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');
}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;500;700&display=swap');

/*@font-face {
  font-family: "Nanum Barun Gothic";
  font-style: normal;
  font-weight: 400;
  src: url(../font/NanumBarunGothic-Regular.eot);
  src: local('¡Ø'),
       url(../font/NanumBarunGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumBarunGothic-Regular.woff) format('woff'),
       url(../font/NanumBarunGothic-Regular.ttf) format('truetype');
}

@font-face {
  font-family: "Nanum Barun Gothic";
  font-style: normal;
  font-weight: 700;
  src: url(../font/NanumBarunGothic-Bold.eot);
  src: local('¡Ø'),
       url(../font/NanumBarunGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumBarunGothic-Bold.woff) format('woff'),
       url(../font/NanumBarunGothic-Bold.ttf) format('truetype');
}*/

/* default setting */
html {width:100%;margin:0;padding:0}
* html * {zoom:1}
body {font-family:'³ª´®°íµñ',NanumGothic, 'NanumGothic','µ¸¿ò',Dotum,Helvetica,AppleGothic,Sans-serif;width:100%;height:100%;color:#666;letter-spacing: -1px}
* {font-family:'³ª´®°íµñ',NanumGothic, 'NanumGothic','µ¸¿ò',Dotum,Helvetica,AppleGothic,Sans-serif}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address,
cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
body, dl, dt, dd, th, td, div, p, a, button, table,li, form, fieldset,legend, input, button, textarea, select {font-size:14px}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;color: #666}
table {border-collapse:separate;border-spacing:0;}
ul, ol {list-style:none}
input, textarea {vertical-align: middle}
input[type=text], input[type=password] {border:1px solid #e5e5e5;height:30px;border-radius: 4px;color: #222;padding-left: 10px;line-height:30px}
select {position:relative;height:34px;line-height:34px;vertical-align:middle;border:1px solid #e5e5e5;padding-left:10px !important;color:#222;border-radius: 4px}
textarea {resize:none;border:1px solid #e5e5e5;border-radius: 4px;box-sizing:border-box;}
address, em {font-style:normal}
th, td {padding:0;vertical-align:middle;text-align:left;font-weight:normal}
a, button, input[type=button], input[type=submit], input[type=reset] {text-decoration:none}
legend, caption {position:absolute !important;top:-10000px;left:0;visibility:hidden;overflow:hidden;width:0 !important;height:0 !important;margin:0 !important;padding:0 !important}
@media \0screen {
select {padding:7px 7px 7px 10px}
}

/* inline */
img {display:inline-block;border:none;vertical-align:baseline}
a, cite, code, dfn, del, em, ins, label, q, span, strong {display:inline-block}
label {*vertical-align:middle}
cite, em, dfn {font-style:normal}
sub {vertical-align:bottom;font-family:helvetica}
sup {vertical-align:top;font-family:helvetica}
hr {display:none}

/* block */
address {font-style:normal}
blockquote, p {margin:0}

/* common */
.hidden {position:absolute !important;top:-10000px;left:0;visibility:hidden;overflow:hidden;width:0 !important;height:0 !important;margin:0 !important;padding:0 !important}
.clearfix {*zoom:1} /* IE5.5~7 ºê¶ó¿ìÀú ´ëÀÀ Hack */
.clearfix:after {display:block;clear:both;content:" "} /* Ç¥ÁØºê¶ó¿ìÀú */
.txt-c {text-align: center !important;}
.txt-l {text-align: left !important;}
.txt-r {text-align: right !important;}
.fleft {float: left !important}
.fright {float: right !important}
.btnArea {text-align: center;margin-bottom: 30px}
.btnR {position: absolute;right: 30px;margin-top: -30px}
.vTop {vertical-align: top !important}

/*margin, padding*/
.mt10 {margin-top: 10px !important}
.mr5 {margin-right: 5px !important}