/**
 * Copyright (c) Tiny Technologies, Inc. All rights reserved.
 * Licensed under the LGPL or a commercial license.
 * For LGPL see License.txt in the project root for license information.
 * For commercial licenses see https://www.tiny.cloud/
 */

@font-face {
    font-family: "NotoSans";
    font-weight: 300;
    src: url("../asset/fonts/NotoSansKR/NotoSansKR-Light.eot?") format("eot"), url("../asset/fonts/NotoSansKR/NotoSansKR-Light.woff2") format("woff2"), url("../asset/fonts/NotoSansKR/NotoSansKR-Light.woff") format("woff"), url("../asset/fonts/NotoSansKR/NotoSansKR-Light.ttf") format("truetype"), url("../asset/fonts/NotoSansKR/NotoSansKR-Light.svg#NotoSans") format("svg")
}

@font-face {
    font-family: "NotoSans";
    font-weight: 400;
    src: url("../asset/fonts/NotoSansKR/NotoSansKR-Regular.eot?") format("eot"), url("../asset/fonts/NotoSansKR/NotoSansKR-Regular.woff2") format("woff2"), url("../asset/fonts/NotoSansKR/NotoSansKR-Regular.woff") format("woff"), url("../asset/fonts/NotoSansKR/NotoSansKR-Regular.ttf") format("truetype"), url("../asset/fonts/NotoSansKR/NotoSansKR-Regular.svg#NotoSans") format("svg")
}

@font-face {
    font-family: "NotoSans";
    font-weight: 500;
    src: url("../asset/fonts/NotoSansKR/NotoSansKR-Medium.eot?") format("eot"), url("../asset/fonts/NotoSansKR/NotoSansKR-Medium.woff2") format("woff2"), url("../asset/fonts/NotoSansKR/NotoSansKR-Medium.woff") format("woff"), url("../asset/fonts/NotoSansKR/NotoSansKR-Medium.ttf") format("truetype"), url("../asset/fonts/NotoSansKR/NotoSansKR-Medium.svg#NotoSans") format("svg")
}

@font-face {
    font-family: "NotoSans";
    font-weight: 600;
    src: url("../asset/fonts/NotoSansKR/NotoSansKR-Bold.eot?") format("eot"), url("../asset/fonts/NotoSansKR/NotoSansKR-Bold.woff2") format("woff2"), url("../asset/fonts/NotoSansKR/NotoSansKR-Bold.woff") format("woff"), url("../asset/fonts/NotoSansKR/NotoSansKR-Bold.ttf")
}

.responsive-container {
    font-size: 15px;
    color: #2d2d2f;
    line-height: 1.5em;
    font-family: "NotoSans"
}

.responsive-container img {
    max-width: 100%;
}

.responsive-container ul,
ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

.responsive-container ul>li {
    margin-bottom: 10px;
}

.responsive-container ol>li {
    margin-bottom: 20px;
}

.responsive-container ol>li:last-child,
.responsive-container ul>li:last-child {
    margin-bottom: 0;
}

.responsive-container h2 {
    font-size: 1.4rem;
    font-weight: bold;
}

.responsive-container h3 {
    font-size: 1.15rem;
    font-weight: bold;
}

.responsive-container h1,
.responsive-container h2,
.responsive-container h3,
.responsive-container h4,
.responsive-container h5,
.responsive-container p {
    color: #2d2d2f;
    margin-top: 0;
    margin-bottom: 7px;
}

.responsive-container hr {
    height: 1px;
    background-color: #eaedef;
    border: none;
    margin: 20px 0;
}

.responsive-container .list-flex>li {
    display: flex;
    margin-bottom: 10px;
}

.responsive-container .list-flex-title {
    width: 70px;
    flex: 0 0 70px;
}

/* type */
.color-sub {
    color: #666666 !important
}

.color-light {
    color: #90959a !important
}

/* lift-card */
.responsive-container .app-card {
    padding: 20px 20px 17px;
    background-color: #F0F0F0;
    border-radius: 10px;
    margin-bottom: 20px;
}

.responsive-container .app-card-head {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.responsive-container .lift-name {
    margin: 0 0 0 !important;
    padding-right: 10px;
}

/* work responsive */
.responsive-container .work-title {
    margin-bottom: 7px;
}

.responsive-container .work-info {
    margin: 15px 0;
}


.tox-editor-container .tox-tbtn.tox-tbtn--select {
    color: #858d94 !important;
    width: auto !important;
}


@media only screen and (min-width: 426px) {
    .responsive-container {
        background-color: #fff;
        padding: 20px 20px 30px;
    }
}

@media only screen and (max-width: 425px) {
    .responsive-container img {
        max-width: 100% !important;
        height: auto !important;
    }
}

.user-select2 {
    height:50px;
    width:120%;
}