@charset "UTF-8";
@font-face { font-family: 'Noto Sans'; font-weight: 200; font-style: normal; src: url("../fonts/NotoSansKR-Light.eot"); src: local(※), url("../fonts/NotoSansKR-Light.eot#iefix") format("embedded-opentype"), url("../fonts/NotoSansKR-Light.woff") format("woff"), url("../fonts/NotoSansKR-Light.otf") format("opentype"); }

@font-face { font-family: 'Noto Sans'; font-weight: 300; font-style: normal; src: url("../fonts/NotoSansKR-DemiLight.eot"); src: local(※), url("../fonts/NotoSansKR-DemiLight.eot#iefix") format("embedded-opentype"), url("../fonts/NotoSansKR-DemiLight.woff") format("woff"), url("../fonts/NotoSansKR-DemiLight.otf") format("opentype"); }

@font-face { font-family: 'Noto Sans'; font-weight: 400; font-style: normal; src: url("../common/fonts/NotoSansKR-Regular.html"); src: local(※), 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: 'Noto Sans'; font-weight: 500; font-style: normal; src: url("../fonts/NotoSansKR-Medium.eot"); src: local(※), url("../fonts/NotoSansKR-Medium.eot#iefix") format("embedded-opentype"), url("../fonts/NotoSansKR-Medium.woff") format("woff"), url("../fonts/NotoSansKR-Medium.otf") format("opentype"); }

@font-face { font-family: 'Noto Sans'; font-weight: 700; font-style: normal; src: url("../fonts/NotoSansKR-Bold.eot"); src: local(※), url("../fonts/NotoSansKR-Bold.eot#iefix") format("embedded-opentype"), url("../fonts/NotoSansKR-Bold.woff") format("woff"), url("../fonts/NotoSansKR-Bold.otf") format("opentype"); }

@font-face { font-family: 'Nexon Gothic Lv1 EN'; font-weight: 300; font-style: normal; src: local("넥슨Lv1고딕 Light"), url("../fonts/NEXON%20Lv1%20Gothic%20OTF%20Light.eot"), url("../fonts/NEXON%20Lv1%20Gothic%20OTF%20Light.eot#iefix") format("embedded-opentype"), url("../fonts/NEXON%20Lv1%20Gothic%20OTF%20Light.woff") format("woff"); unicode-range: U+0041-005A, U+0061-007A, U+0030-0039; }

@font-face { font-family: 'Nexon Gothic Lv1 EN'; font-weight: 400; font-style: normal; src: local("넥슨Lv1고딕"), url("../fonts/NEXON%20Lv1%20Gothic%20OTF.eot"), url("../fonts/NEXON%20Lv1%20Gothic%20OTF.eot#iefix") format("embedded-opentype"), url("../fonts/NEXON%20Lv1%20Gothic%20OTF.woff") format("woff"); unicode-range: U+0041-005A, U+0061-007A, U+0030-0039; }

@font-face { font-family: 'Nexon Gothic Lv1 EN'; font-weight: 500; font-style: normal; src: local("넥슨Lv1고딕 Bold"), url("../fonts/NEXON%20Lv1%20Gothic%20OTF%20Bold.eot"), url("../fonts/NEXON%20Lv1%20Gothic%20OTF%20Bold.eot#iefix") format("embedded-opentype"), url("../fonts/NEXON%20Lv1%20Gothic%20OTF%20Bold.woff") format("woff"); unicode-range: U+0041-005A, U+0061-007A, U+0030-0039; }

@font-face { font-family: 'Nexon Gothic Lv1'; font-weight: 300; font-style: normal; src: local("넥슨Lv1고딕 Light"), url("../fonts/NEXON%20Lv1%20Gothic%20OTF%20Light.eot"), url("../fonts/NEXON%20Lv1%20Gothic%20OTF%20Light.eot#iefix") format("embedded-opentype"), url("../fonts/NEXON%20Lv1%20Gothic%20OTF%20Light.woff") format("woff"); }

@font-face { font-family: 'Nexon Gothic Lv1'; font-weight: 400; font-style: normal; src: local("넥슨Lv1고딕"), url("../fonts/NEXON%20Lv1%20Gothic%20OTF.eot"), url("../fonts/NEXON%20Lv1%20Gothic%20OTF.eot#iefix") format("embedded-opentype"), url("../fonts/NEXON%20Lv1%20Gothic%20OTF.woff") format("woff"); }

@font-face { font-family: 'Nexon Gothic Lv1'; font-weight: 500; font-style: normal; src: local("넥슨Lv1고딕 Bold"), url("../fonts/NEXON%20Lv1%20Gothic%20OTF%20Bold.eot"), url("../fonts/NEXON%20Lv1%20Gothic%20OTF%20Bold.eot#iefix") format("embedded-opentype"), url("../fonts/NEXON%20Lv1%20Gothic%20OTF%20Bold.woff") format("woff"); }

/********* reset.css **********/
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, ul, ol, li, form, fieldset, legend, label, input, button, select, textarea, header, main, footer, section, article, aside, menu, nav, table, caption, tbody, tfoot, thead, tr, th, td, summary, figure, figcaption, hgroup { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body { width: 100%; height: 100%; }

body { font-family: 'Nexon Gothic Lv1 EN','Noto Sans', sans-serif; font-size: 100%; line-height: 1.4; color: #000; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

h1, h2, h3, h4, h5, h6 { font-size: 1em; font-weight: normal; }

h1, h2 { font-family: 'Nexon Gothic Lv1',sans-serif; }

.ff_nx { font-family: 'Nexon Gothic Lv1',sans-serif; }

ul, ol, li { list-style-type: none; }

ul:after, ol:after { content: ''; display: block; clear: both; }

a { color: inherit; text-decoration: none; }

img { max-width: 100%; border: 0 none; }

address { font-style: normal; }

button { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0 none; background-color: transparent; font-family: inherit; font-size: inherit; cursor: pointer; }

caption, legend { height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); margin: -1px; position: static; }

table { border-spacing: 0; border-collapse: collapse; table-layout: fixed; }

.clearfix:after, ul::after, ol::after { content: ""; display: block; clear: both; }

/* form properties */
.hide { clip: rect(0 0 0 0); width: 1px; height: 1px; position: absolute; overflow: hidden; margin: -1px; padding: 0; border: 0; }

.clr:after { content: ''; display: block; clear: both; }

::-webkit-input-placeholder { color: #777; }

:-ms-input-placeholder { color: #777; }

::-ms-input-placeholder { color: #777; }

::placeholder { color: #777; }

:-ms-input-placeholder { color: #777; }

select:not([class^="ui-datepicker-"])::-ms-expand { display: none; }

input, select:not([class^="ui-datepicker-"]), textarea { font-size: 15px; height: 34px; padding: 0 10px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; display: block; border: 0; font-family: inherit; }

input::-ms-check { display: none; }

button { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }