/* reset */
* {
    box-sizing: border-box
}

html {
    height: 100%
}

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

caption {
    padding: 0 !important
}

body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {
    margin: 0;
    padding: 0;
    font-family: 'NotoSansRegular', sans-serif;
    font-weight: normal;
}

body {
    color: #333;
    -webkit-text-size-adjust: none;
    overflow: auto;
    font-size: 100%;
    height: 100%
}

body, input, textarea, select, button, table {
    font-size: 14px;
    line-height: 1.25em;
}

input, textarea {
    -webkit-appearance: none;
    border-radius: 0;
    border: 0
}

input::-webkit-input-placeholder {
    color: #505154 !important;
}

img, fieldset {
    border: 0
}

ul, ol {
    list-style: none
}

em, address {
    font-style: normal
}

a {
    color: #000;
    text-decoration: none
}

table {
    border-collapse: collapse;
    table-layout: fixed;
    word-break: break-all
}

caption { /*visibility:hidden;*/
    overflow: hidden;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    color: transparent;
    text-indent: -99999px
}

*:focus {
    outline: none;
}

input[type=text]::-ms-clear, input[type=password]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

input[type=text]::-ms-reveal, input[type=password]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

/* hidden */
.skip {
    visibility: hidden;
    overflow: hidden;
    left: -999em;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0
}

.tx_skip {
    font-size: 0px !important;
    line-height: 0px !important;
    color: transparent !important;
    height: 0 !important;
    width: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    display: block
}


/* align */
.fl {
    float: left
}

.fr {
    float: right
}

.ct {
    clear: both;
}

.ct::after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.al {
    text-align: left !important
}

.ac {
    text-align: center !important
}

.ar {
    text-align: right !important
}

.cur {
    cursor: pointer
}

input[type='checkbox'], input[type="radio"] {
    cursor: pointer;
    clear: both;
    overflow: hidden
}

/* margin */
.mb10 {
    margin-bottom: 10px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.mb30 {
    margin-bottom: 30px !important
}

.mb40 {
    margin-bottom: 40px !important
}

.mt10 {
    margin-top: 10px !important
}

.mt15 {
    margin-top: 15px !important
}

.mt20 {
    margin-top: 20px !important
}

.mt30 {
    margin-top: 30px !important
}

.mt40 {
    margin-top: 40px !important
}

/* reset */
* {
    box-sizing: border-box
}

html {
    height: 100%
}

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

caption {
    padding: 0 !important
}

body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {
    margin: 0;
    padding: 0;
    font-family: 'NotoSansRegular', sans-serif;
    font-weight: normal;
}

body {
    color: #333;
    -webkit-text-size-adjust: none;
    overflow: auto; /*font-size:100%;*/
    height: 100%
}

body, input, textarea, select, button, table {
    font-size: 14px;
    line-height: 1.25em;
}

input, textarea {
    -webkit-appearance: none;
    border-radius: 0;
    border: 0
}

img, fieldset {
    border: 0
}

ul, ol {
    list-style: none
}

em, address {
    font-style: normal
}

a {
    color: #000;
    text-decoration: none
}

table {
    border-collapse: collapse;
    table-layout: fixed;
    word-break: break-all
}

caption { /*visibility:hidden;*/
    overflow: hidden;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    color: transparent;
    text-indent: -99999px
}

*:focus {
    outline: none;
}

input[type=text]::-ms-clear, input[type=password]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

input[type=text]::-ms-reveal, input[type=password]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

/* hidden */
.skip {
    visibility: hidden;
    overflow: hidden;
    left: -999em;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0
}

.tx_skip {
    font-size: 0px !important;
    line-height: 0px !important;
    color: transparent !important;
    height: 0 !important;
    width: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    display: block
}


/* align */
.fl {
    float: left
}

.fr {
    float: right
}

.ct {
    clear: both;
}

.ct::after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.al {
    text-align: left !important
}

.ac {
    text-align: center !important
}

.ar {
    text-align: right !important
}

.cur {
    cursor: pointer
}

input[type='checkbox'], input[type="radio"] {
    cursor: pointer;
    clear: both;
    overflow: hidden
}

/* margin */
.mb10 {
    margin-bottom: 10px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.mb30 {
    margin-bottom: 30px !important
}

.mb40 {
    margin-bottom: 40px !important
}

.mt10 {
    margin-top: 10px !important
}

.mt15 {
    margin-top: 15px !important
}

.mt20 {
    margin-top: 20px !important
}

.mt30 {
    margin-top: 30px !important
}

.mt40 {
    margin-top: 40px !important
}

/* fonts */

@font-face {
    font-family: "AppleSDGothicNeo-R";
    src: url('fonts/AppleSDGothicNeoR.eot');
    src: url('fonts/AppleSDGothicNeoR.eot?#iefix') format('embedded-opentype'),
    url('fonts/AppleSDGothicNeoR.woff') format('woff'),
    url('fonts/AppleSDGothicNeoR.ttf') format('truetype');
url('../fonts/AppleSDGothicNeoR.svg#AppleSDGothicNeoR') format('svg')
    /* src:local(※), url('../fonts/NanumGothic.woff') format('woff'); */
}

@font-face {
    font-family: "AppleSDGothicNeo-M";
    src: url('fonts/AppleSDGothicNeoR.eot');
    src: url('fonts/AppleSDGothicNeoR.eot?#iefix') format('embedded-opentype'),
    url('fonts/AppleSDGothicNeoR.woff') format('woff'),
    url('fonts/AppleSDGothicNeoR.ttf') format('truetype');
url('../fonts/AppleSDGothicNeoR.svg#AppleSDGothicNeoR') format('svg')
    /* src:local(※), url('../fonts/NanumGothic.woff') format('woff'); */
}

/* fonts */

@font-face {
    font-family: "AppleSDGothicNeo-R";
    src: url('fonts/AppleSDGothicNeoR.eot');
    src: url('fonts/AppleSDGothicNeoR.eot?#iefix') format('embedded-opentype'),
    url('fonts/AppleSDGothicNeoR.woff') format('woff'),
    url('fonts/AppleSDGothicNeoR.ttf') format('truetype');
url('../fonts/AppleSDGothicNeoR.svg#AppleSDGothicNeoR') format('svg')
    /* src:local(※), url('../fonts/NanumGothic.woff') format('woff'); */
}

@font-face {
    font-family: "AppleSDGothicNeo-M";
    src: url('fonts/AppleSDGothicNeoR.eot');
    src: url('fonts/AppleSDGothicNeoR.eot?#iefix') format('embedded-opentype'),
    url('fonts/AppleSDGothicNeoR.woff') format('woff'),
    url('fonts/AppleSDGothicNeoR.ttf') format('truetype');
url('../fonts/AppleSDGothicNeoR.svg#AppleSDGothicNeoR') format('svg')
    /* src:local(※), url('../fonts/NanumGothic.woff') format('woff'); */
}


/*  NanumBarunGothic_0 */
@font-face {
    font-family: "NanumBarunGothic";
    src: url('fonts/NanumBarunGothic_0.eot');
    src: url('fonts/NanumBarunGothic_0.eot?#iefix') format('embedded-opentype'),
    url('fonts/NanumBarunGothic_0.woff') format('woff'),
    url('fonts/NanumBarunGothic_0.ttf') format('truetype');
url('../fonts/NanumBarunGothic_0.svg#NanumBarunGothic_0') format('svg')
    /* src:local(※), url('../fonts/NanumGothic.woff') format('woff'); */
}

/*  NanumBarunGothicBold_0 */
@font-face {
    font-family: "NanumBarunGothic_B";
    src: url('fonts/NanumBarunGothicBold_0.eot');
    src: url('fonts/NanumBarunGothicBold_0?#iefix') format('embedded-opentype'),
    url('fonts/NanumBarunGothicBold_0.woff') format('woff'),
    url('fonts/NanumBarunGothicBold_0.ttf') format('truetype');
url('../fonts/NanumBarunGothicBold_0.svg#NanumBarunGothicBold_0') format('svg')
    /* src:local(※), url('../fonts/NanumGothic.woff') format('woff'); */
}

/*  NanumBarunGothicLight_0 */
@font-face {
    font-family: "NanumBarunGothic_L";
    src: url('fonts/NanumBarunGothicLight_0.eot');
    src: url('fonts/NanumBarunGothicLight_0?#iefix') format('embedded-opentype'),
    url('fonts/NanumBarunGothicLight_0.woff') format('woff'),
    url('fonts/NanumBarunGothicLight_0.ttf') format('truetype');
url('../fonts/NanumBarunGothicLight_0.svg#NanumBarunGothicLight_0') format('svg')
    /* src:local(※), url('../fonts/NanumGothic.woff') format('woff'); */
}

/*  NanumBarunGothicUltraLight */
@font-face {
    font-family: "NanumBarunGothic_UL";
    src: url('fonts/NanumBarunGothicUltraLight.eot');
    src: url('fonts/NanumBarunGothicUltraLight?#iefix') format('embedded-opentype'),
    url('fonts/NanumBarunGothicUltraLight.woff') format('woff'),
    url('fonts/NanumBarunGothicUltraLight.ttf') format('truetype');
url('../fonts/NanumBarunGothicUltraLight.svg#NanumBarunGothicUltraLight') format('svg')
    /* src:local(※), url('../fonts/NanumGothic.woff') format('woff'); */
}

@font-face {
    font-family: "NotoSansRegular";
    src: url('fonts/NotoSansKR-Regular.otf');
    src: url('fonts/NotoSansKR-Regular.eot');
    src: url("fonts/NotoSansKR-Regular?#iefix") format('embedded-opentype'),
    url('fonts/NotoSansKR-Regular.woff') format('woff'),
    url('fonts/NotoSansKR-Regular.ttf') format('truetype');
url('fonts/NotoSansKR-Regular.svg#NotoSansRegular') format('svg')
}

@font-face {
    font-family: "NotoSansMedium";
    src: url('fonts/NotoSansKR-Medium.otf');
    src: url('fonts/NotoSansKR-Medium.eot');
    src: url("fonts/NotoSansKR-Medium?#iefix") format('embedded-opentype'),
    url('fonts/NotoSansKR-Medium.woff') format('woff'),
    url('fonts/NotoSansKR-Medium.ttf') format('truetype');
url('fonts/NotoSansKR-Medium.svg#NotoSansMedium') format('svg')
}

@font-face {
    font-family: "NotoSansBold";
    src: url('fonts/NotoSansKR-Bold.otf');
    src: url('fonts/NotoSansKR-Bold.eot');
    src: url("fonts/NotoSansKR-Bold?#iefix") format('embedded-opentype'),
    url('fonts/NotoSansKR-Bold.woff') format('woff'),
    url('fonts/NotoSansKR-Bold.ttf') format('truetype');
url('fonts/NotoSansKR-Bold.svg#NotoSansBold') format('svg')
}