@import url(https://fonts.googleapis.com/css?family=Noto+Serif);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);
@import url(../../../../fonts.googleapis.com/earlyaccess/notosanskr.css);

*,
*::before,
*::after
{
    box-sizing: border-box;
}
html
{
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body
{
    font-family: "Noto Sans KR", "Apple SD Gothic Neo", "¸¼Àº °íµñ", "Malgun Gothic", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    text-align: left;
    color: #525252;
    background-color: #fff;
    letter-spacing:-0.6px;
    position:relative;
    word-break:keep-all;
}

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

[tabindex='-1']:focus
{
    outline: 0 !important;
}
hr
{
    overflow: visible; 
    box-sizing: content-box;
    height: 0;
}
h1,
h2,
h3,
h4,
h5,
h6
{
    margin-top: 0;
    margin-bottom: .5rem;
}
p
{
    margin-top: 0;
    margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title]
{
    cursor: help;
            text-decoration: underline;
            text-decoration: underline dotted;
    border-bottom: 0;
    -webkit-text-decoration: underline dotted;
    text-decoration-skip-ink: none;
}
address
{
    font-style: normal;
    line-height: inherit; 
    margin-bottom: 1rem;
}
ol,
ul,
dl
{
    margin-top: 0;
    margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol
{
    margin-bottom: 0;
}
dt
{
    font-weight: 600;
}
dd
{
    margin-bottom: .5rem;
    margin-left: 0;
}
blockquote
{
    margin: 0 0 1rem;
}
b,
strong
{
    font-weight: bolder;
}
small
{
    font-size: 80%;
}
sub,
sup
{
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub
{
    bottom: -.25em;
}
sup
{
    top: -.5em;
}

a
{
    text-decoration: none;
    color: #333;
    background-color: transparent;
}
a:hover
{
    opaticy:0.7;
}
a:not([href]):not([tabindex])
{
    text-decoration: none; 
    color: inherit;
}
a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus
{
    text-decoration: none; 
    color: inherit;
}
a:not([href]):not([tabindex]):focus
{
    outline: 0;
}
pre,
code,
kbd,
samp
{
    font-size: 1em;
}
pre
{
    margin-top: 0;
    margin-bottom: 1rem;
    white-space:pre-wrap;
    word-break:break-all;
    font-family: "Noto Sans KR", "Apple SD Gothic Neo", "¸¼Àº °íµñ", "Malgun Gothic", sans-serif;
}
figure
{
    margin: 0 0 1rem;
}
img
{
    vertical-align: middle;
    border-style: none;
}
svg
{
    overflow: hidden;
    vertical-align: middle;
}
table
{
    border-collapse: collapse;
}
caption
{
    padding-top: 1rem;
    padding-bottom: 1rem;
    caption-side: bottom; 
    text-align: left;
    color: #8898aa;
}
th
{
    text-align: inherit;
}
label
{
    display: inline-block;
    margin-bottom: .5rem;
}
button
{
    border-radius: 0;
}
button:focus
{
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea
{
    font-family: inherit;
    font-size: inherit;
    line-height: inherit; 
    margin: 0;
}
button,
input
{
    overflow: visible;
}
button,
select
{
    text-transform: none;
}
select
{
    word-wrap: normal;
}
button,
[type='button'],
[type='reset'],
[type='submit']
{
    -webkit-appearance: button;
}
button:not(:disabled),
[type='button']:not(:disabled),
[type='reset']:not(:disabled),
[type='submit']:not(:disabled)
{
    cursor: pointer;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner
{
    padding: 0;
    border-style: none;
}
input[type='radio'],
input[type='checkbox']
{
    box-sizing: border-box;
    padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month']
{
    -webkit-appearance: listbox;
}
textarea
{
    overflow: auto;
    resize: vertical;
}
fieldset
{
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}
legend
{
    font-size: 1.5rem;
    line-height: inherit;
    display: block;
    width: 100%;
    max-width: 100%;
    margin-bottom: .5rem;
    padding: 0;
    white-space: normal; 
    color: inherit;
}
progress
{
    vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button
{
    height: auto;
}
[type='search']
{
    outline-offset: -2px;
    -webkit-appearance: none;
}
[type='search']::-webkit-search-decoration
{
    -webkit-appearance: none;
}
::-webkit-file-upload-button
{
    font: inherit;
    -webkit-appearance: button;
}
output
{
    display: inline-block;
}
summary
{
    display: list-item;
    cursor: pointer;
}
template
{
    display: none;
}
[hidden]
{
    display: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6
{
    font-family: inherit;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: .5rem;
    color: #32325d;
}
h1,
.h1
{
    font-size: 2.5rem;
}
h2,
.h2
{
    font-size: 2rem;
}
h3,
.h3
{
    font-size: 1.75rem;
}
h4,
.h4
{
    font-size: 1.5rem;
}
h5,
.h5
{
    font-size: 1.25rem;
}
h6,
.h6
{
    font-size: 1rem;
}

small,
.small
{
    font-size: 80%;
    font-weight: 400;
}
mark,
.mark
{
    padding: .2em;
    background-color: #fcf8e3;
}
.list-unstyled
{
    padding-left: 0;
    list-style: none;
}
.list-inline
{
    padding-left: 0;
    list-style: none;
}
.list-inline-item
{
    display: inline-block;
}
.list-inline-item:not(:last-child)
{
    margin-right: .5rem;
}
.initialism
{
    font-size: 90%;
    text-transform: uppercase;
}
.blockquote
{
    font-size: 1.25rem; 
    margin-bottom: 1rem;
}
.blockquote-footer
{
    font-size: 80%;
    display: block;
    color: #8898aa;
}
.blockquote-footer::before
{
    content: '\2014\00A0';
}
.img-fluid
{
    max-width: 100%;
    height: auto;
}
.img-thumbnail
{
    max-width: 100%;
    height: auto; 
    padding: .25rem;
    border: .0625rem solid #dee2e6;
    border-radius: .25rem;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}
.figure
{
    display: inline-block;
}
.figure-img
{
    line-height: 1; 
    margin-bottom: .5rem;
}
.figure-caption
{
    font-size: 90%;
    color: #8898aa;
}
code
{
    font-size: 87.5%;
    word-break: break-word; 
    color: #f3a4b5;
}
a > code
{
    color: inherit;
}
kbd
{
    font-size: 87.5%;
    padding: .2rem .4rem;
    color: #fff;
    border-radius: .2rem;
    background-color: #212529;
    box-shadow: inset 0 -.1rem 0 rgba(0, 0, 0, .25);
}
kbd kbd
{
    font-size: 100%;
    font-weight: 600;
    padding: 0;
    box-shadow: none;
}
pre
{
    font-size: 87.5%;
    display: block;
}
pre code
{
    font-size: inherit;
    word-break: normal; 
    color: inherit;
}
.pre-scrollable
{
    overflow-y: scroll; 
    max-height: 340px;
}
.container
{
    width: 100%;
    margin-right: auto;
    margin-left: auto; 
    padding-right: 15px;
    padding-left: 15px;
}
@media (min-width: 576px)
{
    .container
    {
        max-width: 540px;
    }
}
@media (min-width: 768px)
{
    .container
    {
        max-width: 720px;
    }
}
@media (min-width: 992px)
{
    .container
    {
        max-width: 960px;
    }
}
@media (min-width: 1200px)
{
    .container
    {
        max-width: 1040px;
    }
}
.container-fluid
{
    width: 100%;
    margin-right: auto;
    margin-left: auto; 
    padding-right: 15px;
    padding-left: 15px;
}
.row
{
    display: flex;
    margin-right: -15px;
    margin-left: -15px; 
    flex-wrap: wrap;
}