html, body,
div, p, span,
h1, h2, h3, h4, h5, h6, a, button,
small, strong, pre,
table, tr, td, th, thead, tbody, tfoot,
ul, ol, dl, li, dt, dd,
object, iframe, canvas, svg, video, audio, figure, img,
article, section, nav, header, footer
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    font: inherit;
}
@font-face { font-family: 'HancomMalangMalang'; font-style: normal; font-weight:700; src: local(※), url("/assets/font/HancomMalangMalang-Bold.ttf") format("truetype");}
@font-face { font-family: 'HancomMalangMalang'; font-style: normal; font-weight:400; src: local(※), url("/assets/font/HancomMalangMalang-Regular.ttf") format("truetype");}
/* @font-face { font-family: 'NotoSansCJKkr'; font-style: normal; font-weight:700; src: local(※), url("/assets/font/NotoSansCJKkr-Bold.otf") format("opentype");} 'NotoSansCJKkr'; font-style: normal; font-weight:600; src: local(※), url("/assets/font/NotoSansCJKkr-Medium.otf") format("opentype");}
@font-face { font-family: 'NotoSansCJKkr'; font-style: normal; font-weight:400; src: local(※), url("/assets/font/NotoSansCJKkr-DemiLight.otf") format("opentype");}
@font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight:700; src: local(※), url("/assets/font/NanumBarunGothicBold.ttf") format("truetype");} */
@font-face {font-family: 'NotoSansCJKkr'; font-style: normal; font-weight:200; src: local(※), url("/assets/font/NotoSansCJKkr-Light.otf") format("opentype");}
@font-face {font-family: 'NotoSansCJKkr'; font-style: normal; font-weight:300; src: local(※), url("/assets/font/NotoSansCJKkr-DemiLight.otf") format("opentype");}
@font-face {font-family: 'NotoSansCJKkr'; font-style: normal; font-weight:400; src: local(※), url("/assets/font/NotoSansCJKkr-Regular.otf") format("opentype");}
@font-face {font-family: 'NotoSansCJKkr'; font-style: normal; font-weight:500; src: local(※), url("/assets/font/NotoSansCJKkr-Medium.otf") format("opentype");}
@font-face {font-family: 'NotoSansCJKkr'; font-style: normal; font-weight:700; src: local(※), url("/assets/font/NotoSansCJKkr-Bold.otf") format("opentype");}
@font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight:400; src: local(※), url("/assets/font/NanumBarunGothic.ttf") format("truetype");}
@font-face {
font-family: 'NanumSquare';
font-weight: 300;
src: url('/assets/font/NanumSquareL.eot') format('embedded-opentype'),
url('/assets/font/NanumSquareL.woff') format('woff'),
url('/assets/font/NanumSquareL.ttf') format('truetype');
}

@font-face {
font-family: 'NanumSquare';
font-weight: 400;
src: url('/assets/font/NanumSquareR.eot') format('embedded-opentype'),
url('/assets/font/NanumSquareR.woff') format('woff'),
url('/assets/font/NanumSquareR.ttf') format('truetype');
}

@font-face {
font-family: 'NanumSquare';
font-weight: 700;
src: url('/assets/font/NanumSquareB.eot') format('embedded-opentype'),
url('/assets/font/NanumSquareB.woff') format('woff'),
url('/assets/font/NanumSquareB.ttf') format('truetype'); /*Safari, Android, iOS*/
}

@font-face {
font-family: 'NanumSquare';
font-weight: 800;
src: url('/assets/font/NanumSquareEB.eot') format('embedded-opentype'),
url('/assets/font/NanumSquareEB.woff') format('woff'),
url('/assets/font/NanumSquareEB.ttf') format('truetype'); /*Safari, Android, iOS*/
}


button { background-color: transparent; cursor: pointer; font-family:inherit;}

a:focus, button:focus, input:focus {
	outline: 1px dashed #eee;
	outline-offset: 1px; 
}

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, button {
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    font-family: 'HancomMalangMalang', 'NanumBarunGothic', sans-serif;
}

html, body { height: 100%; font-family: 'HancomMalangMalang'; min-width:320px;}
html.fixed { position: fixed; width: 100%; }
body > *{font-family: 'HancomMalangMalang'; position:relative;}
a { display: block; text-decoration: none; color: inherit; }
sub, sup { font-size: small; }
img { display: block; width: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
ul, ol, dl { font-size: 0; }
li, dt, dd { list-style: none; }
input::-ms-clear { display: none; }
input:focus::placeholder,
input:focus::-webkit-input-placeholder{opacity:0;}
video { -webkit-filter: brightness(1); filter: brightness(1); }
*, *::before, *::after { box-sizing: border-box; }
.clearfix::after { content: ''; display: table; clear: both; }



.m_only { display: none; }
.wsnr { white-space: nowrap; }
.pc_wsnr { white-space: nowrap; }

.vCenter { display: table; }
.vCenter > * { display: table-cell; vertical-align: middle; }

figure { position: relative; height: 100%; overflow: hidden; }
figure.auto img { position: absolute; top: 50%; transform: translateY(-50%); }
figure.auto.vertical img { position: absolute; width: auto; height: 100%; left: 50%; top: auto; transform: translateX(-50%); }

.hover img { width: 101%; }
.hover img.hovered { transition: transform 400ms; }
.hover figure.auto.vertical img { height: 101%; }
.hover:hover img { transition: transform 400ms; transform: scale(1.1); }
.hover:hover figure.auto img { transform: translateY(-50%) scale(1.1); }
.hover:hover figure.auto.vertical img { transform: translateX(-50%) scale(1.1); }

figure.org-lt img { transform-origin: left top; }
figure.org-tc img { transform-origin: center top; }
figure.org-rt img { transform-origin: right top; }
figure.org-lc img { transform-origin: left center; }
figure.org-cc img { transform-origin: center center; }
figure.org-rc img { transform-origin: right center; }
figure.org-lb img { transform-origin: left bottom; }
figure.org-cb img { transform-origin: center bottom; }
figure.org-rb img { transform-origin: right bottom; }

@media (max-width: 768px) {
	.pc_only { display: none; }
	.m_only { display: block; }
	.pc_wsnr { white-space: normal; }
	br.m_only,
	span.m_only { display: inline; }

	figure.auto img { position: static; top: auto; transform: none; }
}


.obj{position:relative;}
.txt{position:relative;}


.center{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
input {display: block; width: 100%; border: none;}
button {font-family: 'HancomMalangMalang'; font-size:0; display: block; border: none; box-shadow: none; box-sizing:border-box;}
img{display:block; width:100%; max-width:none;}

*, ::before, ::after { box-sizing: border-box; }

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

li, p, dt, dd, div, span{word-break:normal;}

.pc_only{display:block;}
.m_only{display:none;}


@media screen and (max-width: 768px) {
	.pc_only{display:none;}
	.m_only{display:block;}
}