@charset "utf-8";



* {line-height: 1; margin: 0; padding: 0; box-sizing: border-box; color: #333;}

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; font-size: 100%; color: inherit; font: inherit; vertical-align: baseline; word-break: keep-all; }

sup {vertical-align: super;}

html, body {width: 100%; height: auto; min-width: 320px; min-height: 100%; font-family: 'NanumSquare', sans-serif; font-size: 1em; -webkit-text-size-adjust: none;}

body {overflow-x: hidden;}

h1, h2, h3, h4, h5, h6, strong, em {font-weight: bold;}

img, video {display: block; width: 100%; height: auto; vertical-align: top;}

img2, video {display: block; width: 100%; height: auto; vertical-align: top;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, main, section {display: block;}

caption {display: table-caption}

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

blockquote, q {quotes: none;}

strong {display: block;}

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

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

colgroup {display: table-column-group;}

col {display: table-column;}

button {display: block; width: 100%; height: 100%; background: transparent; border: none; box-shadow: none;  -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; -webkit-appearance: none; cursor: pointer;}

button::-moz-focus-inner {padding: 0; border: none;}


select::-ms-expand {display: none;}

select {-o-appearance: none; -webkit-appearance: none;-moz-appearance: none;appearance: none;}



@font-face {

font-family: 'NanumSquare';

font-weight: 300;

src: url('/resources/fonts/NanumSquareL.eot') format('embedded-opentype'),

url('/resources/fonts/NanumSquareL.eot') format('woff'),

url('/resources/fonts/NanumSquareL.ttf') format('truetype');

}



@font-face {

font-family: 'NanumSquare';

font-weight: 400;

src: url('/resources/fonts/NanumSquareR.eot') format('embedded-opentype'),

url('/resources/fonts/NanumSquareR.woff') format('woff'),

url('/resources/fonts/NanumSquareR.ttf') format('truetype');

}



@font-face {

font-family: 'NanumSquare';

font-weight: 700;

src: url('/resources/fonts/NanumSquareB.eot') format('embedded-opentype'),

url('/resources/fonts/NanumSquareB.woff') format('woff'),

url('/resources/fonts/NanumSquareB.ttf') format('truetype'); /*Safari, Android, iOS*/

}



@font-face {

font-family: 'NanumSquare';

font-weight: 800;

src: url('/resources/fonts/NanumSquareEB.eot') format('embedded-opentype'),

url('/resources/fonts/NanumSquareEB.woff') format('woff'),

url('/resources/fonts/NanumSquareEB.ttf') format('truetype'); /*Safari, Android, iOS*/

}