@charset "UTF-8";

/***** 폰트 *****/
@font-face {
    font-family:'NotoSansKR';
    src:
        url('/fonts/NotoSansKR-WEB/NotoSansKR-Thin.woff2') format('woff2'),
        url('/fonts/NotoSansKR-WEB/NotoSansKR-Thin.woff') format('woff'),
        url('/fonts/NotoSansKR-WEB/NotoSansKR-Thin.otf') format('truetype');
    font-weight:100;
}
@font-face {
    font-family:'NotoSansKR';
    src:
        url('/fonts/NotoSansKR-WEB/NotoSansKR-DemiLight.woff2') format('woff2'),
        url('/fonts/NotoSansKR-WEB/NotoSansKR-DemiLight.woff') format('woff'),
        url('/fonts/NotoSansKR-WEB/NotoSansKR-DemiLight.otf') format('truetype');
    font-weight:200;
}
@font-face {
    font-family:'NotoSansKR';
    src:
        url('/fonts/NotoSansKR-WEB/NotoSansKR-Light.woff2') format('woff2'),
        url('/fonts/NotoSansKR-WEB/NotoSansKR-Light.woff') format('woff'),
        url('/fonts/NotoSansKR-WEB/NotoSansKR-Light.otf') format('truetype');
    font-weight:300;
}
@font-face {
    font-family:'NotoSansKR';
    src:
        url('/fonts/NotoSansKR-WEB/NotoSansKR-Regular.woff2') format('woff2'),
        url('/fonts/NotoSansKR-WEB/NotoSansKR-Regular.woff') format('woff'),
        url('/fonts/NotoSansKR-WEB/NotoSansKR-Regular.otf') format('truetype');
    font-weight:400;
}
@font-face {
    font-family:'NotoSansKR';
    src:
        url('/fonts/NotoSansKR-WEB/NotoSansKR-Medium.woff2') format('woff2'),
        url('/fonts/NotoSansKR-WEB/NotoSansKR-Medium.woff') format('woff'),
        url('/fonts/NotoSansKR-WEB/NotoSansKR-Medium.otf') format('truetype');
    font-weight:500;
}
@font-face {
    font-family:'NotoSansKR';
    src:
        url('/fonts/NotoSansKR-WEB/NotoSansKR-Bold.woff2') format('woff2'),
        url('/fonts/NotoSansKR-WEB/NotoSansKR-Bold.woff') format('woff'),
        url('/fonts/NotoSansKR-WEB/NotoSansKR-Bold.otf') format('truetype');
    font-weight:700;
}
@font-face {
    font-family:'NotoSansKR';
    src:
        url('/fonts/NotoSansKR-WEB/NotoSansKR-Black.woff2') format('woff2'),
        url('/fonts/NotoSansKR-WEB/NotoSansKR-Black.woff') format('woff'),
        url('/fonts/NotoSansKR-WEB/NotoSansKR-Black.otf') format('truetype');
    font-weight:900;
}

:root {
    --color-main: #f93868;
}

html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p,
a, address, cite, code,
img, strong, b, ol, ul, li, hr,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details,
figure, figcaption, footer, header,
menu, nav, section,
button, input, textarea, select {
    margin: 0;
    padding: 0;
    border: unset;
    font: inherit;
    vertical-align: baseline;
    color: inherit;
    caret-color: var(--color-main);
}

*::selection {
    background-color: var(--color-main, #6670df);
    color: #fff;
}

body {
    font-family: 'NotoSansKR';
}

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

ol, ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}

button, input, textarea, select {
    display: inline-block;
    background-color: unset;
}

button {
    cursor: pointer;
}

input::placeholder {
    color: #606060;
}


.select-tag {
    position: relative;
    box-sizing: border-box;
    border: solid 1px #d1d1d6;
    border-radius: 4px;
}

    .select-tag > .select-value {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 18px 20px 18px 16px;
        border-radius: 4px;
        text-align: left;
        line-height: 33px;
        font-size: 22px;
        color: #fff;
    }

        .select-tag > .select-value::after {
            content: "";
            display: block;
            width: 30px;
            height: 30px;
            background-image: url("/images/ic_dropdown_white_full.svg");
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
        }

        .select-tag > .select-value:disabled {
            background-color: #f5f6f8;
        }

        .select-tag > .select-value.placeholder {
            color: #d1d1d6;
        }

    .select-tag > .select-option {
        display: none;
        position: absolute;
        inset: 73px -1px auto -1px;
        z-index: 10;
        padding: 8px 0;
        background-color: #fff;
        border-radius: 4px;
    }

        .select-tag > .select-option > .select-option-item {
            display: block;
            padding: 14px 16px 13px 16px;
        }

            .select-tag > .select-option > .select-option-item > input {
                display: none;
            }

                .select-tag > .select-option > .select-option-item > input:checked + div {
                    color: var(--color-main);
                }

            .select-tag > .select-option > .select-option-item > div {
                line-height: 29px;
                font-size: 20px;
                color: #1c1c1c;
            }

    .select-tag.open .select-value::after {
        background-image: url("/images/ic_dropup_white_full.svg");
    }

    .select-tag.open .select-option {
        display: block;
    }

.k-grid-norecords {
    height: 99%;
}

.iframeClass{
    width: 100%;
    height: 365px;
}

.iframeClass2 {
    width: 100%;
    height: 270px;
}

textarea.txtInput {
    border: 1px solid #d1d1d6;
}

td:has(textarea.txtInput) {
    padding-top: 5px;
}
.fc .fc-button .fc-icon {
    line-height: 28px;
}
.wrap-loading { /*화면 전체를 어둡게 합니다.*/
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #8C8C8C; /*not in ie */
    z-index: 10001;
    background: rgba(140, 140, 140, .6);
}

    .wrap-loading div { /*로딩 이미지*/
        position: absolute;
        width: auto;
        height: auto;
        top: 50%;
        left: 50%;
        margin-left: -180px;
        margin-top: -120px;
    }

.display-none { /*감추기*/
    display: none;
}