@charset "utf-8";
/* Spoqa Han Sans Neo */
@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 700;
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Medium.eot);
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Medium.eot#iefix) format('embedded-opentype');
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Bold.woff2) format('woff2');
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Bold.woff) format('woff');
    /* src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Bold.ttf) format('truetype'); */
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 500;
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Medium.eot);
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Medium.eot#iefix) format('embedded-opentype');
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Medium.woff2) format('woff2');
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Medium.woff) format('woff');
    /* src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Medium.ttf) format('truetype'); */
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 400;
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Regular.eot);
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Regular.eot#iefix) format('embedded-opentype');
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Regular.woff2) format('woff2');
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Regular.woff) format('woff');
    /* src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Regular.ttf) format('truetype'); */
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 300;
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Light.eot);
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Light.eot#iefix) format('embedded-opentype');
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Light.woff2) format('woff2');
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Light.woff) format('woff');
    /* src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Light.ttf) format('truetype'); */
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 100;
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Thin.eot);
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Thin.eot#iefix) format('embedded-opentype');
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Thin.woff2) format('woff2');
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Thin.woff) format('woff');
    /* src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Thin.ttf) format('truetype'); */
}

@font-face {
    font-family:'YouandModern';
    font-style:normal;
    font-weight:400;
    src: url(/docfiles/resources/mo/fonts/Youandi_Modern_TextRegular.eot);
    src: url(/docfiles/resources/mo/fonts/Youandi_Modern_TextRegular.eot#iefix) format('embedded-opentype');
    src: url(/docfiles/resources/mo/fonts/Youandi_Modern_TextRegular.woff) format('woff');
}
@font-face {
    font-family:'YouandModern';
    font-style:normal;
    font-weight:700;
    src: url(/docfiles/resources/mo/fonts/Youandi_Modern_TextBold.eot);
    src: url(/docfiles/resources/mo/fonts/Youandi_Modern_TextBold.eot#iefix) format('embedded-opentype');
    src: url(/docfiles/resources/mo/fonts/Youandi_Modern_TextBold.woff) format('woff');
}
@font-face {
    font-family:'YouandModern';
    font-style:normal;
    font-weight:800;
    src: url(/docfiles/resources/mo/fonts/Youandi_Modern_HeadExtraBold.eot);
    src: url(/docfiles/resources/mo/fonts/Youandi_Modern_HeadExtraBold.eot#iefix) format('embedded-opentype');
    src: url(/docfiles/resources/mo/fonts/Youandi_Modern_HeadExtraBold.woff) format('woff');
}

/* YouAndiNewKr */
@font-face {
    font-family:'YouandiNewKr';
    font-style:normal;
    font-weight:300;
    src: url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-Light.eot); /* IE9 Compat Modes */
    src: url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-Light.eot?#iefix) format('embedded-opentype'), /* IE6 ~ IE8 */
    url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-Light.woff2) format('woff2'), /* Supper Modern Browsers */
    url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-Light.woff) format('woff'), /* Modern Browsers */
    /* url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-Light.ttf) format('truetype'), */
    url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-Light.svg) format('svg');
}
@font-face {
    font-family:'YouandiNewKr';
    font-style:normal;
    font-weight:400;
    src: url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-Regular.eot);
    src: url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-Regular.eot#iefix) format('embedded-opentype'),
    url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-Regular.woff2) format('woff2'),
    url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-Regular.woff) format('woff'),
    /* url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-Regular.ttf) format('truetype'), */
    url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-Regular.svg) format('svg');
}
@font-face {
    font-family:'YouandiNewKr';
    font-style:normal;
    font-weight:700;
    src: url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-Bold.eot);
    src: url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-Bold.eot#iefix) format('embedded-opentype'),
    url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-Bold.woff2) format('woff2'),
    url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-Bold.woff) format('woff'),
    /* url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-Bold.ttf) format('truetype'), */
    url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-Bold.svg) format('svg');
}
@font-face {
    font-family:'YouandiNewKr';
    font-style:normal;
    font-weight:800;
    src: url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-ExtraBold.eot);
    src: url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-ExtraBold.eot#iefix) format('embedded-opentype'),
    url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-ExtraBold.woff2) format('woff2'),
    url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-ExtraBold.woff) format('woff'),
    /* url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-ExtraBold.ttf) format('truetype'), */
    url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-ExtraBold.svg) format('svg');
}

:root { color-scheme:light dark; }
*, *:before, *:after {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
* { -webkit-touch-callout:none; /* 이미지 길게 터치 방지 */ -webkit-tap-highlight-color:transparent; /* a 클릭시 배경색 제거 */}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, button, address, em, img, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, blockquote, input {margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-o-text-size-adjust: none;}
html, body {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; height:100%; background-color:#fff; color:#000; }
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, button, address, em, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, article, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, blockquote, input, textarea , select {font-family:-apple-system, BlinkMacSystemFont, AppleSDGothicNeo-regular,'Spoqa Han Sans Neo', 'Noto Sans', Roboto, 'Malgun Gothic', '맑은 고딕', '돋움', Dotum, Sans-serif;}
:-webkit-input-placeholder, :-ms-placeholder, :-moz-placeholder, ::placeholder {font-family:-apple-system, BlinkMacSystemFont, AppleSDGothicNeo-regular, 'Spoqa Han Sans Neo', 'Malgun Gothic', '맑은 고딕', '돋움', Dotum, Sans-serif; font-size:16px;}
address, article, aside, canvas, details, figure, figcaption, footer, header, menu, nav, section {display:block; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-weight:400;}
button, img {vertical-align:top; border:none;}
ol, ul, li, dl, dt, dd {list-style:none;}
table {width:100%; table-layout:fixed; border:0; border-spacing:0; border-collapse:collapse; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
th, td  {word-break:break-all; font-weight:400;}
i, em, address  {font-weight:400;}
button, select, input, label {vertical-align:middle;}
input[type="text"], input[type="password"], input[type="date"], input[type="number"], input[type="tel"] {caret-color:#000;}
button:disabled {cursor:default;}
button > span {position:relative;}
hr {display:none;}
fieldset ,iframe {width:100%; pointer-events:auto;}
legend {position:absolute; top:0; left:0; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
caption {overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px;}
strong {font-weight:700;}
a, a:hover, a:active, a:visited {text-decoration:none; color:#000;}
a:focus { outline:0;}
a:focus-visible{outline:0;}
address, caption, em, strong, th {font-weight:400;}
em, address {font-style:normal;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active { -webkit-box-shadow:0 0 0 1000px white inset !important;}


/*
 * Dark Mode
*/
@media (prefers-color-scheme:dark) {
    html, body { background-color:#333; color:#fff; }
    a:not(.no_dark), a:not(.no_dark):hover, a:not(.no_dark):active, a:not(.no_dark):visited {color:#fff; } /* 2022-03-28 GGU282 - :not(.no_dark) 부분 추가 */
    input[type="text"], input[type="password"], input[type="date"], input[type="number"], input[type="tel"] { color:#fff; caret-color:#fff;}
    input::-webkit-input-placeholder, input::-ms-input-placeholder {color:rgba(255,255,255,0.48)}
    textarea::-webkit-input-placeholder, textarea::-ms-input-placeholder {color:rgba(255,255,255,0.48)}
    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active { -webkit-box-shadow:0 0 0 1000px #333 inset !important;}
}