@charset "UTF-8";
/* CSS Document */

/* noto-sans-kr-100 - korean_latin */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: url('../../fonts/noto-sans-kr-v12-korean_latin-100.eot');
    /* IE9 Compat Modes */
    src: local('Noto Sans KR Thin'), local('NotoSansKR-Thin'),
        url('../../fonts/noto-sans-kr-v12-korean_latin-100.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../../fonts/noto-sans-kr-v12-korean_latin-100.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../../fonts/noto-sans-kr-v12-korean_latin-100.woff') format('woff'),
        /* Modern Browsers */
        url('../../fonts/noto-sans-kr-v12-korean_latin-100.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../../fonts/noto-sans-kr-v12-korean_latin-100.svg#NotoSansKR') format('svg');
    /* Legacy iOS */
}

/* noto-sans-kr-300 - korean_latin */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url('../../fonts/noto-sans-kr-v12-korean_latin-300.eot');
    /* IE9 Compat Modes */
    src: local('Noto Sans KR Light'), local('NotoSansKR-Light'),
        url('../../fonts/noto-sans-kr-v12-korean_latin-300.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../../fonts/noto-sans-kr-v12-korean_latin-300.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../../fonts/noto-sans-kr-v12-korean_latin-300.woff') format('woff'),
        /* Modern Browsers */
        url('../../fonts/noto-sans-kr-v12-korean_latin-300.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../../fonts/noto-sans-kr-v12-korean_latin-300.svg#NotoSansKR') format('svg');
    /* Legacy iOS */
}

/* noto-sans-kr-regular - korean_latin */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/noto-sans-kr-v12-korean_latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
        url('../../fonts/noto-sans-kr-v12-korean_latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../../fonts/noto-sans-kr-v12-korean_latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../../fonts/noto-sans-kr-v12-korean_latin-regular.woff') format('woff'),
        /* Modern Browsers */
        url('../../fonts/noto-sans-kr-v12-korean_latin-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../../fonts/noto-sans-kr-v12-korean_latin-regular.svg#NotoSansKR') format('svg');
    /* Legacy iOS */
}

/* noto-sans-kr-500 - korean_latin */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url('../../fonts/noto-sans-kr-v12-korean_latin-500.eot');
    /* IE9 Compat Modes */
    src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'),
        url('../../fonts/noto-sans-kr-v12-korean_latin-500.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../../fonts/noto-sans-kr-v12-korean_latin-500.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../../fonts/noto-sans-kr-v12-korean_latin-500.woff') format('woff'),
        /* Modern Browsers */
        url('../../fonts/noto-sans-kr-v12-korean_latin-500.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../../fonts/noto-sans-kr-v12-korean_latin-500.svg#NotoSansKR') format('svg');
    /* Legacy iOS */
}

/* noto-sans-kr-700 - korean_latin */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url('../../fonts/noto-sans-kr-v12-korean_latin-700.eot');
    /* IE9 Compat Modes */
    src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
        url('../../fonts/noto-sans-kr-v12-korean_latin-700.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../../fonts/noto-sans-kr-v12-korean_latin-700.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../../fonts/noto-sans-kr-v12-korean_latin-700.woff') format('woff'),
        /* Modern Browsers */
        url('../../fonts/noto-sans-kr-v12-korean_latin-700.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../../fonts/noto-sans-kr-v12-korean_latin-700.svg#NotoSansKR') format('svg');
    /* Legacy iOS */
}

/* noto-sans-kr-900 - korean_latin */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: url('../../fonts/noto-sans-kr-v12-korean_latin-900.eot');
    /* IE9 Compat Modes */
    src: local('Noto Sans KR Black'), local('NotoSansKR-Black'),
        url('../../fonts/noto-sans-kr-v12-korean_latin-900.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../../fonts/noto-sans-kr-v12-korean_latin-900.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../../fonts/noto-sans-kr-v12-korean_latin-900.woff') format('woff'),
        /* Modern Browsers */
        url('../../fonts/noto-sans-kr-v12-korean_latin-900.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../../fonts/noto-sans-kr-v12-korean_latin-900.svg#NotoSansKR') format('svg');
    /* Legacy iOS */
}

/* roboto-100 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: url('../../fonts/roboto-v20-latin-100.eot');
    /* IE9 Compat Modes */
    src: local('Roboto Thin'), local('Roboto-Thin'),
        url('../../fonts/roboto-v20-latin-100.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../../fonts/roboto-v20-latin-100.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../../fonts/roboto-v20-latin-100.woff') format('woff'),
        /* Modern Browsers */
        url('../../fonts/roboto-v20-latin-100.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../../fonts/roboto-v20-latin-100.svg#Roboto') format('svg');
    /* Legacy iOS */
}

/* roboto-300 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('../../fonts/roboto-v20-latin-300.eot');
    /* IE9 Compat Modes */
    src: local('Roboto Light'), local('Roboto-Light'),
        url('../../fonts/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../../fonts/roboto-v20-latin-300.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../../fonts/roboto-v20-latin-300.woff') format('woff'),
        /* Modern Browsers */
        url('../../fonts/roboto-v20-latin-300.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../../fonts/roboto-v20-latin-300.svg#Roboto') format('svg');
    /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/roboto-v20-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('Roboto'), local('Roboto-Regular'),
        url('../../fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../../fonts/roboto-v20-latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../../fonts/roboto-v20-latin-regular.woff') format('woff'),
        /* Modern Browsers */
        url('../../fonts/roboto-v20-latin-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../../fonts/roboto-v20-latin-regular.svg#Roboto') format('svg');
    /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('../../fonts/roboto-v20-latin-500.eot');
    /* IE9 Compat Modes */
    src: local('Roboto Medium'), local('Roboto-Medium'),
        url('../../fonts/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../../fonts/roboto-v20-latin-500.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../../fonts/roboto-v20-latin-500.woff') format('woff'),
        /* Modern Browsers */
        url('../../fonts/roboto-v20-latin-500.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../../fonts/roboto-v20-latin-500.svg#Roboto') format('svg');
    /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('../../fonts/roboto-v20-latin-700.eot');
    /* IE9 Compat Modes */
    src: local('Roboto Bold'), local('Roboto-Bold'),
        url('../../fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../../fonts/roboto-v20-latin-700.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../../fonts/roboto-v20-latin-700.woff') format('woff'),
        /* Modern Browsers */
        url('../../fonts/roboto-v20-latin-700.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../../fonts/roboto-v20-latin-700.svg#Roboto') format('svg');
    /* Legacy iOS */
}

/* roboto-900 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: url('../../fonts/roboto-v20-latin-900.eot');
    /* IE9 Compat Modes */
    src: local('Roboto Black'), local('Roboto-Black'),
        url('../../fonts/roboto-v20-latin-900.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../../fonts/roboto-v20-latin-900.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../../fonts/roboto-v20-latin-900.woff') format('woff'),
        /* Modern Browsers */
        url('../../fonts/roboto-v20-latin-900.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../../fonts/roboto-v20-latin-900.svg#Roboto') format('svg');
    /* Legacy iOS */
}

/* Base */

/* html5 되면서 block 되어야 하는 요소들 */
header,
footer,
nav,
section,
article,
aside,
menu,
figure,
figcaption,
body {
    display: block;
    padding: 0;
    margin: 0;
}

* {
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

body {
	width: 100%; overflow: hidden;
    font-size: 14px;
    line-height: 150%;
    color: #555555;
    word-break: keep-all;
    -webkit-text-size-adjust: 100%;
    font-family: 'Noto Sans KR';
}

body,
div,
ul,
li,
dl,
dt,
dd,
ol,
p,
table,
tr,
td,
select,
textarea,
input,
form {
    margin: 0;
    padding: 0;
    /* line-height: 1.4em; */
}

body,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
li,
dl,
dt,
dd,
ul,
pre,
code,
blockquote,
form,
fieldset,
legend,
input,
textarea,
button,
select,
table,
th,
td {
    margin: 0;
    padding: 0;
    word-break: keep-all;
}

table,
th,
td {
    
}

img {
    border: 0;
    vertical-align: middle;
}

button,
fieldset,
iframe {
    border: none;
}


button{
    cursor: pointer;
}

p {
    line-height: 1.5em;
    text-align: justify;
}

table {
    border-collapse: collapse;
}

h1 {
    vertical-align: middle;
}

h2 {
    vertical-align: middle;
}

h3 {
    vertical-align: middle;
}

h4,
h5,
h6 {
    vertical-align: middle;
}

ul,
ol,
ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.clear {
    clear: both;
}

hr {
    display: none;
}

legend,
caption {
    display: none;
}

em {
    font-style: normal;
}

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

textarea {
    overflow: auto;
    font-size: 1em;
    padding: 10px 5px;
    border: solid 1px #afafaf;
    font-family: 'Noto Sans KR'
}

select {
    -webkit-writing-mode: horizontal-tb !important;
    color: -internal-light-dark-color(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    -webkit-appearance: menulist;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    background-color: -internal-light-dark-color(white, black);
    cursor: default;

}

/* input */
input {
    -webkit-writing-mode: horizontal-tb !important;
    color: -internal-light-dark-color(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    -webkit-appearance: textfield;
    background-color: -internal-light-dark-color(white, black);
    -webkit-rtl-ordering: logical;
    cursor: text;
    box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
    border: none;
    cursor:pointer;
    margin-top:-3px;
    -webkit-appearance:checkbox;
}

input[type="image"] {
    border: none;
}

/* input */
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

/* WebKit browsers */

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
    color: transparent;
}

/* Mozilla Firefox 4 to 18 */


input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    color: transparent;
}

/* Mozilla Firefox 19+ */

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    color: transparent;
}

/* Internet Explorer 10+ */

input:focus {
    outline: none;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

/* WebKit browsers */

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
    color: transparent;
}

/* Mozilla Firefox 4 to 18 */


input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    color: transparent;
}

/* Mozilla Firefox 19+ */

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    color: transparent;
}

/* Internet Explorer 10+ */

input:focus {
    outline: none;
}

input[type="text"],
input[type="password"] {
    border: 1px solid #dfdfdf;
}

label,
input,
select,
textarea,
button {
    border: 0;
    border-radius: 0;
    font-size: inherit;
    line-height: normal;
    vertical-align: middle;
}

select:not(:-internal-list-box) {
    overflow: visible !important;
}

option {
    font-weight: normal;
    display: block;
    white-space: pre;
    min-height: 1.2em;
    padding: 0px 2px 1px;
}

.blind,
.hidden {
    position: absolute;
    top: -9999px;
    left: -9999px;
    width: 0;
    height: 0;
    text-indent: -9999px;
}

select,
select:hover,
button:active,
button:focus{
	outline: none;
}