@import url(https://fonts.googleapis.com/css?family=Roboto:400, 500, 700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400, 500, 700&display=swap);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanssc.css);
#liner-forgot-password-container,
#liner-signinup-container {
    display: flex;
    justify-content: center;
}
#liner-forgot-password-container .browsly-logo,
#liner-signinup-container .browsly-logo {
    position: absolute;
    z-index: 1;
}
@media only screen and (min-width: 280px) {
    #liner-forgot-password-container .browsly-logo,
    #liner-signinup-container .browsly-logo {
        background-repeat: no-repeat;
        background-size: 84px 16px;
        width: 84px;
        height: 16px;
        background-image: url(/src/images/liner-desktop.svg);
        top: 18px;
        left: 22.5px;
    }
}
@media only screen and (min-width: 920px) {
    #liner-forgot-password-container .browsly-logo,
    #liner-signinup-container .browsly-logo {
        background-repeat: no-repeat;
        background-size: 125px 24px;
        width: 125px;
        height: 24px;
        background-image: url(/src/images/liner.svg);
        top: 20px;
        left: 80px;
    }
}
#liner-forgot-password-container .liner-left-container,
#liner-signinup-container .liner-left-container {
    height: 100vh;
    position: relative;
    background-color: #f6f8fa;
}
#liner-forgot-password-container .liner-left-container section.liner-inst-section,
#liner-signinup-container .liner-left-container section.liner-inst-section {
    width: 621px;
    height: 640px;
    position: absolute;
    left: 50%;
    top: 50vh;
    margin-top: -320px;
    margin-left: -310px;
}
#liner-forgot-password-container .liner-left-container section.liner-inst-section h1,
#liner-signinup-container .liner-left-container section.liner-inst-section h1 {
    width: 100%;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 32px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.8px;
    color: #00a7a0;
    margin: 0 0 24px;
    position: relative;
    left: 70px;
}
#liner-forgot-password-container .liner-left-container section.liner-inst-section h5,
#liner-signinup-container .liner-left-container section.liner-inst-section h5 {
    width: 450px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.4px;
    color: #00a7a0;
    margin: 0 0 63px;
    position: relative;
    left: 70px;
}
#liner-forgot-password-container .liner-left-container section.liner-inst-section .main-illust,
#liner-signinup-container .liner-left-container section.liner-inst-section .main-illust {
    background-repeat: no-repeat;
    background-size: 621px 437px;
    width: 621px;
    height: 437px;
    background-image: url(/src/images/signinup-illust.svg);
}
#liner-forgot-password-container .liner-left-container section.liner-inst-section .forgot-illust,
#liner-signinup-container .liner-left-container section.liner-inst-section .forgot-illust {
    background-repeat: no-repeat;
    background-size: 621px 437px;
    width: 621px;
    height: 437px;
    background-image: url(/src/images/forgotpw-illust.svg);
}
#liner-forgot-password-container .liner-right-container,
#liner-signinup-container .liner-right-container {
    position: relative;
    display: flex;
    justify-content: center;
}
@media only screen and (min-width: 280px) {
    #liner-forgot-password-container .liner-right-container,
    #liner-signinup-container .liner-right-container {
        text-align: center;
        height: 90vh;
    }
}
@media only screen and (min-width: 920px) {
    #liner-forgot-password-container .liner-right-container,
    #liner-signinup-container .liner-right-container {
        text-align: left;
        height: 100vh;
    }
}
#liner-forgot-password-container .liner-right-container .right-container-header,
#liner-signinup-container .liner-right-container .right-container-header {
    width: 100% !important;
    height: 40px;
    padding: 8px 2% 0 6%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
}
#liner-forgot-password-container .liner-right-container .right-container-header .browsly-logo,
#liner-signinup-container .liner-right-container .right-container-header .browsly-logo {
    background-image: url(/src/images/liner-desktop.svg);
    background-repeat: no-repeat;
    background-size: 84px 16px;
    width: 84px;
    height: 16px;
    z-index: 1;
    position: relative;
    top: 0 !important;
    left: 0 !important;
}
#liner-forgot-password-container .liner-right-container section.liner-signinup-section,
#liner-signinup-container .liner-right-container section.liner-signinup-section {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 400px;
    height: 700px;
}
#liner-forgot-password-container .liner-right-container section.liner-signinup-section.fix-height,
#liner-signinup-container .liner-right-container section.liner-signinup-section.fix-height {
    height: 475px;
}
@media only screen and (min-width: 280px) {
    #liner-forgot-password-container .liner-right-container section.liner-signinup-section,
    #liner-signinup-container .liner-right-container section.liner-signinup-section {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
@media only screen and (min-width: 920px) {
    #liner-forgot-password-container .liner-right-container section.liner-signinup-section,
    #liner-signinup-container .liner-right-container section.liner-signinup-section {
        display: block;
        margin-top: auto;
    }
}
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .header,
#liner-signinup-container .liner-right-container section.liner-signinup-section .header {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.8px;
    text-align: left;
    color: #33373a;
    margin: 0 0 40px;
}
@media only screen and (min-width: 280px) {
    #liner-forgot-password-container .liner-right-container section.liner-signinup-section .header,
    #liner-signinup-container .liner-right-container section.liner-signinup-section .header {
        font-size: 24px;
        width: 280px;
    }
}
@media only screen and (min-width: 920px) {
    #liner-forgot-password-container .liner-right-container section.liner-signinup-section .header,
    #liner-signinup-container .liner-right-container section.liner-signinup-section .header {
        font-size: 32px;
        width: 100%;
    }
}
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .social-login,
#liner-signinup-container .liner-right-container section.liner-signinup-section .social-login {
    display: flexbox;
    flex-direction: column;
    align-items: center;
}
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .social-login a.google-login,
#liner-signinup-container .liner-right-container section.liner-signinup-section .social-login a.google-login {
    height: 48px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media only screen and (min-width: 280px) {
    #liner-forgot-password-container .liner-right-container section.liner-signinup-section .social-login a.google-login,
    #liner-signinup-container .liner-right-container section.liner-signinup-section .social-login a.google-login {
        width: 280px;
    }
}
@media only screen and (min-width: 920px) {
    #liner-forgot-password-container .liner-right-container section.liner-signinup-section .social-login a.google-login,
    #liner-signinup-container .liner-right-container section.liner-signinup-section .social-login a.google-login {
        width: 100%;
    }
    #liner-forgot-password-container .liner-right-container section.liner-signinup-section .social-login a.google-login#sidebar:hover,
    #liner-signinup-container .liner-right-container section.liner-signinup-section .social-login a.google-login#sidebar:hover {
        background-color: #eef1f4 !important;
    }
}
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .social-login a.google-login .google,
#liner-signinup-container .liner-right-container section.liner-signinup-section .social-login a.google-login .google {
    background-image: url(/src/images/google-login.svg);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    margin-right: 16px;
}
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .social-login a.google-login span,
#liner-signinup-container .liner-right-container section.liner-signinup-section .social-login a.google-login span {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.4px;
    color: #787d86;
}
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login,
#liner-signinup-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
@media only screen and (min-width: 280px) {
    #liner-forgot-password-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login,
    #liner-signinup-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login {
        width: 280px;
    }
}
@media only screen and (min-width: 920px) {
    #liner-forgot-password-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login,
    #liner-signinup-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login {
        width: 100%;
    }
}
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.apple-login,
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.facebook-login,
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.twitter-login,
#liner-signinup-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.apple-login,
#liner-signinup-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.facebook-login,
#liner-signinup-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.twitter-login {
    width: 120px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media only screen and (min-width: 280px) {
    #liner-forgot-password-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.apple-login,
    #liner-forgot-password-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.facebook-login,
    #liner-forgot-password-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.twitter-login,
    #liner-signinup-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.apple-login,
    #liner-signinup-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.facebook-login,
    #liner-signinup-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.twitter-login {
        width: 88px;
    }
}
@media only screen and (min-width: 920px) {
    #liner-forgot-password-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.apple-login,
    #liner-forgot-password-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.facebook-login,
    #liner-forgot-password-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.twitter-login,
    #liner-signinup-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.apple-login,
    #liner-signinup-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.facebook-login,
    #liner-signinup-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.twitter-login {
        width: 120px;
    }
    #liner-forgot-password-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.apple-login#sidebar:hover,
    #liner-forgot-password-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.facebook-login#sidebar:hover,
    #liner-forgot-password-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.twitter-login#sidebar:hover,
    #liner-signinup-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.apple-login#sidebar:hover,
    #liner-signinup-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.facebook-login#sidebar:hover,
    #liner-signinup-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.twitter-login#sidebar:hover {
        background-color: #eef1f4 !important;
    }
}
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.apple-login .facebook,
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.facebook-login .facebook,
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.twitter-login .facebook,
#liner-signinup-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.apple-login .facebook,
#liner-signinup-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.facebook-login .facebook,
#liner-signinup-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.twitter-login .facebook {
    background-image: url(/src/images/facebook-login.svg);
    background-repeat: no-repeat;
    background-size: 12px 22px;
    width: 12px;
    height: 22px;
}
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.apple-login .twitter,
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.facebook-login .twitter,
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.twitter-login .twitter,
#liner-signinup-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.apple-login .twitter,
#liner-signinup-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.facebook-login .twitter,
#liner-signinup-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.twitter-login .twitter {
    background-image: url(/src/images/twitter-login.svg);
    background-repeat: no-repeat;
    background-size: 22px 18px;
    width: 22px;
    height: 18px;
}
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.apple-login .apple,
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.facebook-login .apple,
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.twitter-login .apple,
#liner-signinup-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.apple-login .apple,
#liner-signinup-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.facebook-login .apple,
#liner-signinup-container .liner-right-container section.liner-signinup-section .social-login .facebook-twitter-apple-login a.twitter-login .apple {
    background-image: url(/src/images/apple-login.svg);
    background-repeat: no-repeat;
    background-size: 18px 21px;
    width: 18px;
    height: 21px;
}
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .border,
#liner-signinup-container .liner-right-container section.liner-signinup-section .border {
    display: flex;
    align-items: center;
    margin: 24px 0;
}
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .border .line,
#liner-signinup-container .liner-right-container section.liner-signinup-section .border .line {
    border-bottom: 1px solid #dde1e7;
}
@media only screen and (min-width: 280px) {
    #liner-forgot-password-container .liner-right-container section.liner-signinup-section .border .line,
    #liner-signinup-container .liner-right-container section.liner-signinup-section .border .line {
        width: 117px;
    }
}
@media only screen and (min-width: 920px) {
    #liner-forgot-password-container .liner-right-container section.liner-signinup-section .border .line,
    #liner-signinup-container .liner-right-container section.liner-signinup-section .border .line {
        width: 177px;
    }
}
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .border .or,
#liner-signinup-container .liner-right-container section.liner-signinup-section .border .or {
    display: block;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    text-align: center;
    color: #b0b4bd;
    margin: 0 16px;
    width: 30px;
}
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .email-login,
#liner-signinup-container .liner-right-container section.liner-signinup-section .email-login {
    display: flexbox;
    flex-direction: column;
    align-items: center;
    position: relative;
}
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .email-login .email-container,
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .email-login .name-container,
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .email-login .password-container,
#liner-signinup-container .liner-right-container section.liner-signinup-section .email-login .email-container,
#liner-signinup-container .liner-right-container section.liner-signinup-section .email-login .name-container,
#liner-signinup-container .liner-right-container section.liner-signinup-section .email-login .password-container {
    position: relative;
    text-align: center;
}
@media only screen and (min-width: 280px) {
    #liner-forgot-password-container .liner-right-container section.liner-signinup-section .email-login .email-container,
    #liner-forgot-password-container .liner-right-container section.liner-signinup-section .email-login .name-container,
    #liner-forgot-password-container .liner-right-container section.liner-signinup-section .email-login .password-container,
    #liner-signinup-container .liner-right-container section.liner-signinup-section .email-login .email-container,
    #liner-signinup-container .liner-right-container section.liner-signinup-section .email-login .name-container,
    #liner-signinup-container .liner-right-container section.liner-signinup-section .email-login .password-container {
        width: 280px;
    }
}
@media only screen and (min-width: 920px) {
    #liner-forgot-password-container .liner-right-container section.liner-signinup-section .email-login .email-container,
    #liner-forgot-password-container .liner-right-container section.liner-signinup-section .email-login .name-container,
    #liner-forgot-password-container .liner-right-container section.liner-signinup-section .email-login .password-container,
    #liner-signinup-container .liner-right-container section.liner-signinup-section .email-login .email-container,
    #liner-signinup-container .liner-right-container section.liner-signinup-section .email-login .name-container,
    #liner-signinup-container .liner-right-container section.liner-signinup-section .email-login .password-container {
        width: 100%;
    }
}
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .email-login .email-container .email,
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .email-login .email-container .name,
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .email-login .email-container .password,
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .email-login .name-container .email,
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .email-login .name-container .name,
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .email-login .name-container .password,
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .email-login .password-container .email,
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .email-login .password-container .name,
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .email-login .password-container .password,
#liner-signinup-container .liner-right-container section.liner-signinup-section .email-login .email-container .email,
#liner-signinup-container .liner-right-container section.liner-signinup-section .email-login .email-container .name,
#liner-signinup-container .liner-right-container section.liner-signinup-section .email-login .email-container .password,
#liner-signinup-container .liner-right-container section.liner-signinup-section .email-login .name-container .email,
#liner-signinup-container .liner-right-container section.liner-signinup-section .email-login .name-container .name,
#liner-signinup-container .liner-right-container section.liner-signinup-section .email-login .name-container .password,
#liner-signinup-container .liner-right-container section.liner-signinup-section .email-login .password-container .email,
#liner-signinup-container .liner-right-container section.liner-signinup-section .email-login .password-container .name,
#liner-signinup-container .liner-right-container section.liner-signinup-section .email-login .password-container .password {
    line-height: 1.5;
}
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .email-login .email-container .view,
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .email-login .name-container .view,
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .email-login .password-container .view,
#liner-signinup-container .liner-right-container section.liner-signinup-section .email-login .email-container .view,
#liner-signinup-container .liner-right-container section.liner-signinup-section .email-login .name-container .view,
#liner-signinup-container .liner-right-container section.liner-signinup-section .email-login .password-container .view {
    position: absolute;
    width: 18px;
    height: 13px;
    right: 16px;
    top: 16px;
}
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .email-login .email-container + .password-container,
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .email-login .password-container + .name-container,
#liner-signinup-container .liner-right-container section.liner-signinup-section .email-login .email-container + .password-container,
#liner-signinup-container .liner-right-container section.liner-signinup-section .email-login .password-container + .name-container {
    margin-top: 8px;
}
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .detail,
#liner-signinup-container .liner-right-container section.liner-signinup-section .detail {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    color: #969aa2;
    margin-bottom: 16px;
}
@media only screen and (min-width: 280px) {
    #liner-forgot-password-container .liner-right-container section.liner-signinup-section .detail,
    #liner-signinup-container .liner-right-container section.liner-signinup-section .detail {
        text-align: center;
    }
}
@media only screen and (min-width: 920px) {
    #liner-forgot-password-container .liner-right-container section.liner-signinup-section .detail,
    #liner-signinup-container .liner-right-container section.liner-signinup-section .detail {
        text-align: left;
    }
}
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .detail a,
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .detail button,
#liner-signinup-container .liner-right-container section.liner-signinup-section .detail a,
#liner-signinup-container .liner-right-container section.liner-signinup-section .detail button {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    margin-left: 4px;
    font-weight: 500;
    color: #00bdb8;
    text-decoration: underline;
}
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .detail a:hover,
#liner-forgot-password-container .liner-right-container section.liner-signinup-section .detail button:hover,
#liner-signinup-container .liner-right-container section.liner-signinup-section .detail a:hover,
#liner-signinup-container .liner-right-container section.liner-signinup-section .detail button:hover {
    color: #00a7a0;
}
#liner-forgot-password-container .liner-right-container section.liner-signinup-section a.detail,
#liner-signinup-container .liner-right-container section.liner-signinup-section a.detail {
    text-decoration: underline;
}
#liner-forgot-password-container .liner-right-container section.liner-signinup-section a.detail:hover,
#liner-signinup-container .liner-right-container section.liner-signinup-section a.detail:hover {
    color: #787d86;
}
#liner-forgot-password-container .liner-right-container .terms-and-privacy,
#liner-signinup-container .liner-right-container .terms-and-privacy {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #969aa2;
}
#liner-forgot-password-container .liner-right-container .terms-and-privacy a,
#liner-signinup-container .liner-right-container .terms-and-privacy a {
    font-weight: 500;
    text-decoration: underline;
    color: #969aa2;
}
@media only screen and (min-width: 280px) {
    #liner-forgot-password-container .liner-right-container .terms-and-privacy,
    #liner-signinup-container .liner-right-container .terms-and-privacy {
        font-size: 10px;
        width: 218px;
        bottom: 1%;
    }
}
@media only screen and (min-width: 920px) {
    #liner-forgot-password-container .liner-right-container .terms-and-privacy,
    #liner-signinup-container .liner-right-container .terms-and-privacy {
        font-size: 12px;
        width: 500px;
        bottom: 40px;
    }
}
#liner-forgot-password-container .liner-right-container section.liner-forgot-password-section,
#liner-signinup-container .liner-right-container section.liner-forgot-password-section {
    height: 298px;
    position: absolute;
}
@media only screen and (min-width: 280px) {
    #liner-forgot-password-container .liner-right-container section.liner-forgot-password-section,
    #liner-signinup-container .liner-right-container section.liner-forgot-password-section {
        top: 15%;
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 280px;
    }
}
@media only screen and (min-width: 920px) {
    #liner-forgot-password-container .liner-right-container section.liner-forgot-password-section,
    #liner-signinup-container .liner-right-container section.liner-forgot-password-section {
        left: 50%;
        top: 50vh;
        margin-top: -149px;
        margin-left: -200px;
        display: block;
        width: 400px;
    }
}
#liner-forgot-password-container .liner-right-container section.liner-forgot-password-section h2,
#liner-signinup-container .liner-right-container section.liner-forgot-password-section h2 {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.8px;
    text-align: center;
    color: #33373a;
    margin: 0 0 24px;
    display: flex;
    align-self: flex-start;
}
@media only screen and (min-width: 280px) {
    #liner-forgot-password-container .liner-right-container section.liner-forgot-password-section h2,
    #liner-signinup-container .liner-right-container section.liner-forgot-password-section h2 {
        font-size: 24px;
    }
}
@media only screen and (min-width: 920px) {
    #liner-forgot-password-container .liner-right-container section.liner-forgot-password-section h2,
    #liner-signinup-container .liner-right-container section.liner-forgot-password-section h2 {
        font-size: 32px;
    }
}
#liner-forgot-password-container .liner-right-container section.liner-forgot-password-section h6,
#liner-signinup-container .liner-right-container section.liner-forgot-password-section h6 {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.4px;
    color: #787d86;
    display: flexbox;
    align-self: flex-start;
    text-align: left;
}
@media only screen and (min-width: 280px) {
    #liner-forgot-password-container .liner-right-container section.liner-forgot-password-section h6,
    #liner-signinup-container .liner-right-container section.liner-forgot-password-section h6 {
        margin: 48px 0;
        font-size: 14px;
        line-height: 24px;
    }
}
@media only screen and (min-width: 920px) {
    #liner-forgot-password-container .liner-right-container section.liner-forgot-password-section h6,
    #liner-signinup-container .liner-right-container section.liner-forgot-password-section h6 {
        margin: 0 0 80px;
        font-size: 16px;
        line-height: normal;
    }
}
#liner-forgot-password-container .liner-right-container section.liner-forgot-password-section .email-send,
#liner-signinup-container .liner-right-container section.liner-forgot-password-section .email-send {
    position: relative;
}
#liner-forgot-password-container .liner-right-container input,
#liner-signinup-container .liner-right-container input {
    height: 48px;
    padding: 14px 16px;
    border-radius: 8px;
    background-color: #f6f8fa;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #333;
}
@media only screen and (min-width: 280px) {
    #liner-forgot-password-container .liner-right-container input,
    #liner-signinup-container .liner-right-container input {
        width: 280px;
    }
}
@media only screen and (min-width: 920px) {
    #liner-forgot-password-container .liner-right-container input,
    #liner-signinup-container .liner-right-container input {
        width: 100%;
    }
}
#liner-forgot-password-container .liner-right-container input:-webkit-autofill.error,
#liner-forgot-password-container .liner-right-container input:-webkit-autofill.error:focus,
#liner-forgot-password-container .liner-right-container input:-webkit-autofill.error:hover,
#liner-signinup-container .liner-right-container input:-webkit-autofill.error,
#liner-signinup-container .liner-right-container input:-webkit-autofill.error:focus,
#liner-signinup-container .liner-right-container input:-webkit-autofill.error:hover {
    -webkit-box-shadow: 0 0 0 30px #fdeeed inset !important;
}
#liner-forgot-password-container .liner-right-container input::-webkit-input-placeholder,
#liner-signinup-container .liner-right-container input::-webkit-input-placeholder {
    opacity: 0.3;
}
#liner-forgot-password-container .liner-right-container input:-ms-input-placeholder,
#liner-signinup-container .liner-right-container input:-ms-input-placeholder {
    opacity: 0.3;
}
#liner-forgot-password-container .liner-right-container input::-ms-input-placeholder,
#liner-signinup-container .liner-right-container input::-ms-input-placeholder {
    opacity: 0.3;
}
#liner-forgot-password-container .liner-right-container input::placeholder,
#liner-signinup-container .liner-right-container input::placeholder {
    opacity: 0.3;
}
#liner-forgot-password-container .liner-right-container input.error,
#liner-signinup-container .liner-right-container input.error {
    background-color: #fdeeed !important;
}
#liner-forgot-password-container .liner-right-container .caution-message,
#liner-signinup-container .liner-right-container .caution-message {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.35px;
    text-align: right;
    color: #f35750;
    position: absolute;
    right: 16px;
    top: 16px;
    background-color: #fdeeed;
    padding-left: 8px;
    padding-right: 8px;
    z-index: 2;
    height: 20px;
}
#liner-forgot-password-container .liner-right-container .send-btn,
#liner-forgot-password-container .liner-right-container .signin-btn,
#liner-forgot-password-container .liner-right-container .signup-btn,
#liner-signinup-container .liner-right-container .send-btn,
#liner-signinup-container .liner-right-container .signin-btn,
#liner-signinup-container .liner-right-container .signup-btn {
    height: 48px;
    margin: 16px 0 40px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.4px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media only screen and (min-width: 280px) {
    #liner-forgot-password-container .liner-right-container .send-btn,
    #liner-forgot-password-container .liner-right-container .signin-btn,
    #liner-forgot-password-container .liner-right-container .signup-btn,
    #liner-signinup-container .liner-right-container .send-btn,
    #liner-signinup-container .liner-right-container .signin-btn,
    #liner-signinup-container .liner-right-container .signup-btn {
        width: 280px;
    }
}
@media only screen and (min-width: 920px) {
    #liner-forgot-password-container .liner-right-container .send-btn,
    #liner-forgot-password-container .liner-right-container .signin-btn,
    #liner-forgot-password-container .liner-right-container .signup-btn,
    #liner-signinup-container .liner-right-container .send-btn,
    #liner-signinup-container .liner-right-container .signin-btn,
    #liner-signinup-container .liner-right-container .signup-btn {
        width: 100%;
    }
}
#liner-forgot-password-container .liner-right-container .back-to-sign-in-btn,
#liner-signinup-container .liner-right-container .back-to-sign-in-btn {
    width: 100%;
    height: 48px;
    margin: 16px 0 40px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.4px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1.5px solid #00bdb8;
    background-color: #fff;
    color: #00bdb8;
}
#liner-forgot-password-container .liner-right-container .back-to-sign-in-btn:hover,
#liner-signinup-container .liner-right-container .back-to-sign-in-btn:hover {
    border: 1.5px solid #00a7a0;
    color: #00a7a0;
}
@media (min-width: 1160px) {
    #liner-forgot-password-container .liner-left-container,
    #liner-signinup-container .liner-left-container {
        width: 55%;
    }
    #liner-forgot-password-container .liner-right-container,
    #liner-signinup-container .liner-right-container {
        width: 45%;
    }
}
@media (min-width: 572px) and (max-width: 1160px) {
    #liner-forgot-password-container .liner-left-container,
    #liner-signinup-container .liner-left-container {
        display: none;
    }
    #liner-forgot-password-container .liner-right-container,
    #liner-signinup-container .liner-right-container {
        width: 100%;
    }
}
@media (min-width: 469px) and (max-width: 572px) {
    #liner-forgot-password-container .liner-left-container,
    #liner-signinup-container .liner-left-container {
        display: none;
    }
    #liner-forgot-password-container .liner-right-container,
    #liner-signinup-container .liner-right-container {
        width: 100%;
    }
}
@media (max-width: 468px) {
    #liner-forgot-password-container .liner-left-container,
    #liner-signinup-container .liner-left-container {
        display: none;
    }
    #liner-forgot-password-container .liner-right-container,
    #liner-signinup-container .liner-right-container {
        width: 100%;
    }
    #liner-forgot-password-container .liner-right-container .liner-signinup-section,
    #liner-signinup-container .liner-right-container .liner-signinup-section {
        width: 100% !important;
        left: 0 !important;
        margin-left: 0 !important;
    }
    #liner-forgot-password-container .liner-right-container .liner-signinup-section .social-login .google-login .google,
    #liner-signinup-container .liner-right-container .liner-signinup-section .social-login .google-login .google {
        margin: 0 !important;
    }
    #liner-forgot-password-container .liner-right-container .liner-signinup-section .social-login .google-login .signin-with-google,
    #liner-signinup-container .liner-right-container .liner-signinup-section .social-login .google-login .signin-with-google {
        margin-left: 16px;
    }
    #liner-forgot-password-container .liner-right-container .liner-signinup-section .social-login .facebook-twitter-apple-login button,
    #liner-signinup-container .liner-right-container .liner-signinup-section .social-login .facebook-twitter-apple-login button {
        width: inherit;
    }
    #liner-forgot-password-container .liner-right-container .liner-signinup-section .social-login .facebook-twitter-apple-login button + button,
    #liner-signinup-container .liner-right-container .liner-signinup-section .social-login .facebook-twitter-apple-login button + button {
        margin-left: 8px;
    }
}
@media (min-width: 601px) and (max-height: 750px) {
    #liner-forgot-password-container .liner-left-container section.liner-inst-section,
    #liner-signinup-container .liner-left-container section.liner-inst-section {
        top: 64px;
        margin-top: 0;
    }
}
@media (max-height: 568px) {
    #liner-forgot-password-container .liner-left-container section.liner-inst-section,
    #liner-signinup-container .liner-left-container section.liner-inst-section {
        top: 64px;
        margin-top: 0;
    }
    #liner-forgot-password-container .liner-right-container section.liner-signinup-section,
    #liner-signinup-container .liner-right-container section.liner-signinup-section {
        top: -20px !important;
    }
}
@media (max-height: 600px) {
    #liner-forgot-password-liner-fill-btn .liner-left-container section.liner-inst-section,
    #liner-forgot-password-container .liner-right-container section.liner-signinup-section,
    #liner-signinup-container .liner-left-container section.liner-inst-section,
    #liner-signinup-container .liner-right-container section.liner-signinup-section {
        top: 64px;
        margin-top: 0;
    }
}
@media (max-height: 650px) {
    .terms-and-privacy {
        display: none;
    }
}
@media only screen and (min-width: 280px) {
    .overlay {
        display: none;
    }
}
@media only screen and (min-width: 1025px) {
    .overlay {
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 98;
        background-color: #272b31;
        opacity: 0.2;
        display: block;
    }
}
#browsly-landing {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
#browsly-landing.scroll-lock {
    overflow-y: hidden;
    position: fixed;
}
#browsly-landing-header {
    width: 100%;
    padding: 0 6%;
    height: 64px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    top: 0;
    z-index: 5;
    background-color: #fff;
}
@media only screen and (min-width: 280px) {
    #browsly-landing-header {
        height: 2px;
    }
}
@media only screen and (min-width: 1025px) {
    #browsly-landing-header {
        height: 2px;
    }
}
#browsly-landing-header #browsly-logo {
    z-index: 1;
}
@media only screen and (min-width: 280px) {
    #browsly-landing-header #browsly-logo {
        background-repeat: no-repeat;
        background-size: 84px 16px;
        width: 84px;
        height: 16px;
    }
}
@media only screen and (min-width: 1025px) {
    #browsly-landing-header #browsly-logo {
        background-repeat: no-repeat;
        background-size: 125px 24px;
        width: 125px;
        height: 24px;
        margin-left: 20px;
    }
}
#browsly-landing-header .header-btn-container {
    height: 40px;
    display: flex;
    align-items: center;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #00bdb8;
}
@media only screen and (min-width: 280px) {
    #browsly-landing-header .header-btn-container a {
        display: none;
    }
}
@media only screen and (min-width: 1025px) {
    #browsly-landing-header .header-btn-container a {
        padding: 11px 21px 11px 23px;
        height: 40px;
        border-radius: 8px;
        border: 1px solid #00bdb8;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #00bdb8;
        margin-right: 32px;
    }
    #browsly-landing-header .header-btn-container a .bold {
        font-weight: 500 !important;
    }
    #browsly-landing-header .header-btn-container a .light {
        font-weight: 400;
        margin-left: 5px;
    }
    #browsly-landing-header .header-btn-container a:hover {
        background-color: #00bdb8;
        color: #fff;
    }
    #browsly-landing-header .header-btn-container a.hide {
        display: none;
    }
}
#browsly-landing-header .header-btn-container button:hover {
    color: #00a7a0;
}
@media only screen and (min-width: 280px) {
    #browsly-landing-header .header-btn-container button {
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        font-size: 14px;
        letter-spacing: -0.35px;
        color: #00bdb8;
    }
}
@media only screen and (min-width: 1025px) {
    #browsly-landing-header .header-btn-container button {
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        font-size: 16px;
        letter-spacing: -0.35px;
        color: #00bdb8;
    }
}
@media only screen and (min-width: 280px) {
    #browsly-landing-header .header-btn-container button + button {
        margin-left: 16px;
    }
}
@media only screen and (min-width: 1025px) {
    #browsly-landing-header .header-btn-container button + button {
        margin-left: 24px;
    }
}
#browsly-landing-body {
    margin-top: 64px;
    width: 100%;
    overflow-x: hidden;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
@media only screen and (min-width: 280px) {
    #browsly-landing-body #highlight-section {
        width: 264px;
        height: 587px;
        margin-top: 48px;
    }
    #browsly-landing-body #highlight-section #highlight-text #title-wrap {
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        font-size: 32px;
        letter-spacing: -1.2px;
        color: #272b31;
        margin-bottom: 16px;
    }
    #browsly-landing-body #highlight-section #highlight-text #content-wrap {
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 24px;
        font-size: 14px;
        letter-spacing: -0.45px;
        color: #33373d;
    }
    #browsly-landing-body #highlight-section #highlight-text #content-wrap #highlighted {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        background-color: #ffff83;
    }
    #browsly-landing-body #highlight-section #highlight-text #button-wrap {
        margin-top: 25px;
    }
    #browsly-landing-body #highlight-section #highlight-text #button-wrap #add_chrome {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        padding: 10px 22px;
        height: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        font-size: 16px;
        letter-spacing: -0.4px;
        color: #fff;
    }
    #browsly-landing-body #highlight-section #highlight-animation {
        width: 264px;
        height: 300px;
        border-radius: 16px;
        box-shadow: 4px 8px 20px 0 rgba(39, 43, 49, 0.05);
        margin-top: 30px;
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px) {
    #browsly-landing-body #highlight-section #highlight-animation.desktop {
        width: 300px;
        height: 225px;
        border-radius: 16px;
        box-shadow: 4px 8px 20px 0 rgba(39, 43, 49, 0.05);
        margin-top: 30px;
    }
}
@media only screen and (min-width: 1367px) {
    #browsly-landing-body #highlight-section {
        display: flex;
        justify-content: space-between;
        width: 1025px;
        height: 360px;
        margin-top: 135px;
    }
    #browsly-landing-body #highlight-section #highlight-text {
        width: 400px;
    }
    #browsly-landing-body #highlight-section #highlight-text #title-wrap {
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        font-size: 48px;
        letter-spacing: -1.2px;
        color: #272b31;
        margin-bottom: 32px;
    }
    #browsly-landing-body #highlight-section #highlight-text #content-wrap {
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 26px;
        font-size: 18px;
        letter-spacing: -0.45px;
        color: #33373d;
    }
    #browsly-landing-body #highlight-section #highlight-text #content-wrap #highlighted {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        background-color: #ffff83;
    }
    #browsly-landing-body #highlight-section #highlight-text #button-wrap {
        margin-top: 40px;
    }
    #browsly-landing-body #highlight-section #highlight-text #button-wrap #add_chrome {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        padding: 15px 60px;
        height: 54px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        font-size: 18px;
        letter-spacing: -0.4px;
        color: #fff;
    }
    #browsly-landing-body #highlight-section #highlight-animation {
        width: 480px;
        height: 360px;
        border-radius: 16px;
        box-shadow: 4px 8px 20px 0 rgba(39, 43, 49, 0.05);
    }
}
@media only screen and (min-width: 280px) {
    #browsly-landing-body #comment-section {
        width: 256px;
        height: 304px;
        margin-top: 121px;
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }
    #browsly-landing-body #comment-section #comment-circle {
        position: absolute;
        margin-top: -90px;
        margin-left: -38px;
        background-image: url(/src/images/landing-circle1.svg);
        background-repeat: no-repeat;
        background-size: 227px 236px;
        width: 227px;
        height: 236px;
        z-index: 1;
    }
    #browsly-landing-body #comment-section #comment-text {
        width: 350px;
        height: 63px;
        text-align: center;
    }
    #browsly-landing-body #comment-section #comment-text #title-wrap {
        font-weight: 700;
        line-height: normal;
        font-size: 24px;
        letter-spacing: -0.8px;
    }
    #browsly-landing-body #comment-section #comment-text #content-wrap,
    #browsly-landing-body #comment-section #comment-text #title-wrap {
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-stretch: normal;
        font-style: normal;
        color: #33373d;
    }
    #browsly-landing-body #comment-section #comment-text #content-wrap {
        margin-top: 16px;
        font-weight: 400;
        line-height: 24px;
        font-size: 14px;
        letter-spacing: -0.45px;
    }
    #browsly-landing-body #comment-section #comment-animation {
        width: 200px;
        height: 227px;
        margin-top: 54px;
        z-index: 2;
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px) {
    #browsly-landing-body #comment-section #comment-animation.desktop {
        width: 240px;
        height: 195px;
        border-radius: 16px;
        box-shadow: 4px 8px 10px 0 rgba(39, 43, 49, 0.05);
        z-index: 2;
        margin-top: 50px;
    }
}
@media only screen and (min-width: 1367px) {
    #browsly-landing-body #comment-section {
        display: flex;
        width: 1025px;
        height: 378px;
        margin-top: 171px;
        align-items: center;
        flex-direction: row;
        justify-content: center;
    }
    #browsly-landing-body #comment-section #comment-circle {
        position: absolute;
        background-image: url(/src/images/landing-circle1.svg);
        background-repeat: no-repeat;
        background-size: 445px 378px;
        width: 445px;
        height: 378px;
        z-index: 1;
        margin-top: 0;
        left: 38%;
    }
    #browsly-landing-body #comment-section #comment-text {
        width: 403px;
        height: 85px;
        position: relative;
        left: 70px;
        top: -20px;
        text-align: left;
    }
    #browsly-landing-body #comment-section #comment-text #title-wrap {
        font-weight: 700;
        line-height: normal;
        font-size: 32px;
        letter-spacing: -0.8px;
    }
    #browsly-landing-body #comment-section #comment-text #content-wrap,
    #browsly-landing-body #comment-section #comment-text #title-wrap {
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-stretch: normal;
        font-style: normal;
        color: #33373d;
    }
    #browsly-landing-body #comment-section #comment-text #content-wrap {
        margin-top: 24px;
        font-weight: 400;
        line-height: 26px;
        font-size: 18px;
        letter-spacing: -0.45px;
    }
    #browsly-landing-body #comment-section #comment-animation {
        width: 400px;
        height: 320px;
        border-radius: 16px;
        box-shadow: 4px 8px 10px 0 rgba(39, 43, 49, 0.05);
        z-index: 2;
        margin-top: 0;
    }
}
@media only screen and (min-width: 280px) {
    #browsly-landing-body #share-section {
        display: flex;
        flex-direction: column;
        width: 261px;
        height: 332px;
        margin-top: 120px;
        align-items: center;
        justify-content: center;
    }
    #browsly-landing-body #share-section #share-text {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }
    #browsly-landing-body #share-section #share-text #title-wrap {
        font-weight: 700;
        line-height: normal;
        font-size: 24px;
        letter-spacing: -0.8px;
    }
    #browsly-landing-body #share-section #share-text #content-wrap,
    #browsly-landing-body #share-section #share-text #title-wrap {
        text-align: center;
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-stretch: normal;
        font-style: normal;
        color: #33373d;
    }
    #browsly-landing-body #share-section #share-text #content-wrap {
        margin-top: 24px;
        font-weight: 400;
        line-height: 24px;
        font-size: 14px;
        letter-spacing: -0.45px;
    }
    #browsly-landing-body #share-section #share-animation {
        margin-top: 24px;
        width: 200px;
        height: 227px;
        border-radius: 16px;
        box-shadow: 4px 8px 10px 0 rgba(39, 43, 49, 0.05);
        background-color: #fff;
        z-index: 2;
    }
    #browsly-landing-body #share-section #share-circle {
        position: absolute;
        margin-left: 80px;
        margin-top: 130px;
        background-image: url(/src/images/landing-circle2.svg);
        background-repeat: no-repeat;
        background-size: 234px 206px;
        width: 234px;
        height: 206px;
        z-index: 1;
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px) {
    #browsly-landing-body #share-section #share-animation.desktop {
        width: 240px;
        height: 195px;
        border-radius: 16px;
        box-shadow: 4px 8px 10px 0 rgba(39, 43, 49, 0.05);
        z-index: 2;
        margin-top: 30px;
    }
}
@media only screen and (min-width: 1367px) {
    #browsly-landing-body #share-section {
        display: flex;
        flex-direction: row;
        width: 1025px;
        height: 320px;
        margin-top: 132px;
        align-items: center;
    }
    #browsly-landing-body #share-section #share-text {
        position: relative;
        top: -20px;
        right: 70px;
        height: 107px;
        min-width: 348px;
    }
    #browsly-landing-body #share-section #share-text #title-wrap {
        font-weight: 700;
        line-height: normal;
        font-size: 32px;
        letter-spacing: -0.8px;
    }
    #browsly-landing-body #share-section #share-text #content-wrap,
    #browsly-landing-body #share-section #share-text #title-wrap {
        text-align: right;
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-stretch: normal;
        font-style: normal;
        color: #33373d;
    }
    #browsly-landing-body #share-section #share-text #content-wrap {
        margin-top: 24px;
        font-weight: 400;
        line-height: 26px;
        font-size: 18px;
        letter-spacing: -0.45px;
    }
    #browsly-landing-body #share-section #share-animation {
        margin-top: 0;
        width: 400px;
        height: 320px;
        border-radius: 16px;
        box-shadow: 4px 8px 10px 0 rgba(39, 43, 49, 0.05);
        background-color: #fff;
        z-index: 2;
    }
    #browsly-landing-body #share-section #share-circle {
        position: absolute;
        left: 53%;
        margin-top: 0;
        background-image: url(/src/images/landing-circle2.svg);
        background-repeat: no-repeat;
        background-size: 499px 440px;
        width: 499px;
        height: 440px;
        z-index: 1;
    }
}
@media only screen and (min-width: 280px) {
    #browsly-landing-body #features-section {
        display: flex;
        flex-direction: column;
        margin-top: 120px;
    }
    #browsly-landing-body #features-section .section-items + .section-items {
        margin-top: 54px;
    }
    #browsly-landing-body #features-section .section-items {
        height: 96px;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    #browsly-landing-body #features-section .section-items .item-icon {
        background-repeat: no-repeat;
        background-size: 80px 80px;
        width: 80px;
        height: 80px;
    }
    #browsly-landing-body #features-section .section-items .item-title {
        height: 22px;
        display: flex;
        align-items: center;
        white-space: pre;
        vertical-align: middle;
        font-weight: 700;
        line-height: normal;
        font-size: 18px;
        letter-spacing: -0.5px;
    }
    #browsly-landing-body #features-section .section-items .item-content,
    #browsly-landing-body #features-section .section-items .item-title {
        margin-left: 24px;
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-stretch: normal;
        font-style: normal;
        color: #33373d;
    }
    #browsly-landing-body #features-section .section-items .item-content {
        margin-top: 16px;
        font-weight: 400;
        line-height: 24px;
        font-size: 14px;
        letter-spacing: -0.4px;
    }
}
@media only screen and (min-width: 1025px) {
    #browsly-landing-body #features-section {
        height: 248px;
        display: flex;
        flex-direction: row;
    }
    #browsly-landing-body #features-section.top {
        margin-top: 160px;
    }
    #browsly-landing-body #features-section.bottom {
        margin-top: 80px;
    }
    #browsly-landing-body #features-section .section-items + .section-items {
        margin-left: 148px;
        margin-top: 0;
    }
    #browsly-landing-body #features-section .section-items {
        position: relative;
        height: 248px;
        min-width: 280px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    #browsly-landing-body #features-section .section-items .item-icon {
        background-repeat: no-repeat;
        background-size: 100px 100px;
        width: 95px;
        height: 95px;
    }
    #browsly-landing-body #features-section .section-items .item-title {
        margin-top: 24px;
        height: 50px;
        display: flex;
        align-items: center;
        white-space: pre;
        vertical-align: middle;
        font-weight: 700;
        line-height: normal;
        font-size: 21px;
        letter-spacing: -0.5px;
    }
    #browsly-landing-body #features-section .section-items .item-content,
    #browsly-landing-body #features-section .section-items .item-title {
        margin-left: 0;
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-stretch: normal;
        font-style: normal;
        color: #33373d;
    }
    #browsly-landing-body #features-section .section-items .item-content {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        margin-top: 16px;
        font-weight: 400;
        line-height: 24px;
        font-size: 16px;
        letter-spacing: -0.4px;
    }
}
@media only screen and (min-width: 280px) {
    #browsly-landing-body #recommend-section {
        width: 100%;
        margin-top: 160px;
        justify-content: center;
    }
    #browsly-landing-body #recommend-section,
    #browsly-landing-body #recommend-section .recommend-text {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    #browsly-landing-body #recommend-section .recommend-text .title {
        font-weight: 700;
        font-size: 24px;
        letter-spacing: -0.8px;
        color: #33373d;
        margin-bottom: 16px;
    }
    #browsly-landing-body #recommend-section .recommend-text .content,
    #browsly-landing-body #recommend-section .recommend-text .title {
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
    }
    #browsly-landing-body #recommend-section .recommend-text .content {
        text-align: center;
        font-weight: 400;
        font-size: 14px;
        letter-spacing: -0.4px;
        color: #787d86;
    }
    #browsly-landing-body #recommend-section #recommend-animation {
        margin-top: 32px;
        width: 360px;
    }
}
@media only screen and (min-width: 1367px) {
    #browsly-landing-body #recommend-section {
        width: 100%;
        margin-top: 240px;
        justify-content: center;
    }
    #browsly-landing-body #recommend-section,
    #browsly-landing-body #recommend-section .recommend-text {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    #browsly-landing-body #recommend-section .recommend-text .title {
        font-weight: 700;
        font-size: 32px;
        letter-spacing: -0.8px;
        color: #33373d;
        margin-bottom: 24px;
    }
    #browsly-landing-body #recommend-section .recommend-text .content,
    #browsly-landing-body #recommend-section .recommend-text .title {
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
    }
    #browsly-landing-body #recommend-section .recommend-text .content {
        text-align: center;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -0.4px;
        color: #787d86;
    }
    #browsly-landing-body #recommend-section #recommend-animation {
        margin-top: 80px;
        width: 720px;
    }
}
@media only screen and (min-width: 280px) {
    #browsly-landing-body #linerhome-section.mobile {
        margin-top: 40px;
        margin-bottom: 80px;
    }
    #browsly-landing-body #linerhome-section.mobile .image {
        width: 280px;
        height: 509px;
        border-radius: 16px;
        border: 1px solid #eef1f4;
        box-shadow: 4px 8px 10px 0 rgba(39, 43, 49, 0.05);
    }
}
@media only screen and (min-width: 1367px) {
    #browsly-landing-body #linerhome-section.mobile {
        height: 765px;
        margin-top: 0;
        margin-bottom: 0;
    }
    #browsly-landing-body #linerhome-section.mobile .image {
        width: 840px;
        height: 525px;
        border-radius: 16px;
        box-shadow: 4px 8px 10px 0 rgba(39, 43, 49, 0.05);
    }
}
@media only screen and (min-width: 280px) {
    #browsly-landing-body #linerhome-section.desktop {
        margin-top: 40px;
        margin-bottom: 80px;
    }
    #browsly-landing-body #linerhome-section.desktop .image {
        width: 280px;
        height: 509px;
        border-radius: 16px;
        border: 1px solid #eef1f4;
        box-shadow: 4px 8px 10px 0 rgba(39, 43, 49, 0.05);
    }
}
@media only screen and (min-width: 1025px) {
    #browsly-landing-body #linerhome-section.desktop {
        height: 765px;
        margin-top: 0;
        margin-bottom: 0;
    }
    #browsly-landing-body #linerhome-section.desktop .image {
        width: 840px;
        height: 525px;
        border-radius: 16px;
        box-shadow: 4px 8px 10px 0 rgba(39, 43, 49, 0.05);
    }
}
@media only screen and (min-width: 500px) and (max-width: 1024px) {
    #browsly-landing-body #linerhome-section.desktop {
        height: 500px;
        margin-top: 0;
        margin-bottom: 0;
    }
    #browsly-landing-body #linerhome-section.desktop .image {
        width: 525px;
        height: 325px;
        border-radius: 16px;
        box-shadow: 4px 8px 10px 0 rgba(39, 43, 49, 0.05);
    }
}
@media only screen and (min-width: 280px) {
    #browsly-landing-body #everywhere-section {
        width: 100%;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        background-color: #f6f8fa;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    #browsly-landing-body #everywhere-section .everywhere-text {
        margin-top: 40px;
        text-align: center;
    }
    #browsly-landing-body #everywhere-section .everywhere-text .title {
        font-weight: 700;
        line-height: normal;
        font-size: 24px;
        color: #33373d;
    }
    #browsly-landing-body #everywhere-section .everywhere-text .content,
    #browsly-landing-body #everywhere-section .everywhere-text .title {
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: -0.8px;
    }
    #browsly-landing-body #everywhere-section .everywhere-text .content {
        line-height: 24px !important;
        margin-top: 24px;
        font-weight: 400;
        line-height: normal;
        font-size: 14px;
        color: #787d86;
    }
    #browsly-landing-body #everywhere-section .everywhere-list {
        margin-top: 40px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items + .section-items {
        margin-top: 40px;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items {
        width: 285px;
        text-align: center;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-icon#browser_extensions {
        width: 285px;
        height: 219px;
        margin-left: 18px;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-icon#liner_mobile_apps,
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-icon#ocean_our_mb {
        height: 219px;
        margin-left: 46px;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-title {
        font-weight: 700;
        line-height: normal;
        font-size: 18px;
        letter-spacing: -0.5px;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-content,
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-title {
        text-align: center;
        display: flex;
        justify-content: center;
        width: 280px;
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-stretch: normal;
        font-style: normal;
        color: #33373d;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-content {
        margin-top: 8px;
        align-items: flex-start;
        font-weight: 400;
        line-height: 24px;
        font-size: 14px;
        letter-spacing: -0.4px;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-buttonwrap {
        margin-top: 24px;
        margin-bottom: 40px;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-buttonwrap .button-container {
        display: flex;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-buttonwrap#ocean {
        margin-top: 24px !important;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-buttonwrap a.extension {
        width: 280px;
        padding: 10px 12px 11px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-buttonwrap button.android,
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-buttonwrap button.apple {
        width: 132px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 16px;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-buttonwrap a:hover,
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-buttonwrap button:hover {
        background-color: #eef1f4;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-buttonwrap .app-icon {
        margin-right: 7px;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-buttonwrap .app-icon#apple {
        display: inline-flex;
        background-image: url(/src/images/apple.svg);
        width: 14px;
        height: 16px;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-buttonwrap .app-icon#android {
        display: inline-flex;
        width: 20px;
        height: 12px;
        background-image: url(/src/images/android.svg);
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-buttonwrap .button-content {
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        font-size: 14px;
        letter-spacing: -0.4px;
        color: #52565d;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-footer,
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .QRcode-wrapper {
        display: none;
    }
}
@media only screen and (min-width: 1025px) {
    #browsly-landing-body #everywhere-section {
        width: 100%;
        min-height: 690px;
        background-color: #f6f8fa;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    #browsly-landing-body #everywhere-section .everywhere-text {
        margin-top: 80px;
        text-align: center;
    }
    #browsly-landing-body #everywhere-section .everywhere-text .title {
        font-weight: 700;
        line-height: normal;
        font-size: 32px;
        color: #33373d;
    }
    #browsly-landing-body #everywhere-section .everywhere-text .content,
    #browsly-landing-body #everywhere-section .everywhere-text .title {
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: -0.8px;
    }
    #browsly-landing-body #everywhere-section .everywhere-text .content {
        line-height: 24px !important;
        margin-top: 24px;
        font-weight: 400;
        line-height: normal;
        font-size: 16px;
        color: #787d86;
    }
    #browsly-landing-body #everywhere-section .everywhere-list {
        margin-top: 64px;
        width: 814px;
        height: 509px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items + .section-items {
        margin-left: 24px;
        margin-top: 0;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items {
        width: 285px;
        height: 434px;
        text-align: left;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-icon#browser_extensions {
        width: 285px;
        height: 219px;
        margin-left: 0;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-icon#liner_mobile_apps,
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-icon#ocean_our_mb {
        height: 219px;
        margin-left: 46px;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-title {
        height: 62px;
        align-items: center;
        font-weight: 700;
        line-height: normal;
        font-size: 21px;
        letter-spacing: -0.5px;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-content,
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-title {
        text-align: left;
        display: flex;
        justify-content: flex-start;
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-stretch: normal;
        font-style: normal;
        color: #33373d;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-content {
        margin-top: 12px;
        height: 48px;
        align-items: flex-start;
        font-weight: 400;
        line-height: 24px;
        font-size: 16px;
        letter-spacing: -0.4px;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-buttonwrap {
        margin-top: 43px;
        margin-bottom: 0;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-buttonwrap .button-container {
        display: flex;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-buttonwrap#ocean {
        margin-top: 24px !important;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-buttonwrap a.extension {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        padding: 10px 12px 11px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-buttonwrap button.apple {
        width: 71px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 16px;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-buttonwrap button.android {
        width: 114px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-buttonwrap a:hover,
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-buttonwrap button:hover {
        background-color: #eef1f4;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-buttonwrap .app-icon {
        margin-right: 7px;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-buttonwrap .app-icon#apple {
        display: inline-flex;
        background-image: url(/src/images/apple.svg);
        width: 14px;
        height: 16px;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-buttonwrap .app-icon#android {
        display: inline-flex;
        width: 20px;
        height: 12px;
        background-image: url(/src/images/android.svg);
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-buttonwrap .button-content {
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        font-size: 16px;
        letter-spacing: -0.4px;
        color: #52565d;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-footer {
        display: block;
        margin-top: 16px;
        text-decoration: underline;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-footer a {
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        font-size: 14px;
        letter-spacing: -0.35px;
        color: #969aa2;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .item-footer a:visited {
        color: #969aa2;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .QRcode-wrapper {
        display: block;
        position: absolute;
        background-color: #fff;
        width: 200px;
        height: 210px;
        border-radius: 8px;
        box-shadow: 0 10px 20px 0 rgba(39, 43, 49, 0.1);
        border: 1px solid #eef1f4;
        margin-top: 8px;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .QRcode-wrapper .email-section,
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .QRcode-wrapper .title-section {
        margin-top: 16px;
        margin-left: 20px;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .QRcode-wrapper .email-section span,
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .QRcode-wrapper .title-section span {
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        font-size: 14px;
        letter-spacing: -0.35px;
        color: #969aa2;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .QRcode-wrapper .email-section .form,
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .QRcode-wrapper .title-section .form {
        margin-top: 16px;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .QRcode-wrapper .email-section .form input,
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .QRcode-wrapper .title-section .form input {
        width: 188px;
        height: 32px;
        border-radius: 8px;
        background-color: #f6f8fa;
        padding-left: 16px;
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        font-size: 14px;
        letter-spacing: normal;
        color: #333;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .QRcode-wrapper .email-section .form input::-webkit-input-placeholder,
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .QRcode-wrapper .title-section .form input::-webkit-input-placeholder {
        opacity: 0.3 !important;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .QRcode-wrapper .email-section .form button,
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .QRcode-wrapper .title-section .form button {
        margin-left: 16px;
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        font-size: 14px;
        letter-spacing: normal;
        color: #00bdb8;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .QRcode-wrapper .qrcode-section {
        width: 100%;
        margin-top: 16px;
        display: flex;
        justify-content: center;
    }
    #browsly-landing-body #everywhere-section .everywhere-list .section-items .QRcode-wrapper .qrcode-section .qrcode-img {
        width: 120px;
        height: 120px;
        border-radius: 4px;
    }
}
#browsly-landing-body #signup-section {
    width: 100%;
    background-color: #e5f8f7;
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media only screen and (min-width: 280px) {
    #browsly-landing-body #signup-section #signup-container .form-container,
    #browsly-landing-body #signup-section #signup-container .info-container {
        width: 100%;
    }
    #browsly-landing-body #signup-section #signup-container .info-container {
        margin-bottom: 32px;
        text-align: center;
    }
    #browsly-landing-body #signup-section #signup-container .info-container .title {
        margin-top: 40px;
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        font-size: 24px;
        letter-spacing: -0.8px;
        color: #00a7a0;
    }
    #browsly-landing-body #signup-section #signup-container .info-container .content {
        margin-top: 16px;
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        font-size: 14px;
        letter-spacing: normal;
        color: #00a7a0;
    }
    #browsly-landing-body #signup-section #signup-container .liner-signinup-section {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
@media only screen and (min-width: 1025px) {
    #browsly-landing-body #signup-section #signup-container {
        height: 578px;
        display: flex;
    }
    #browsly-landing-body #signup-section #signup-container .form-container,
    #browsly-landing-body #signup-section #signup-container .info-container {
        width: 400px;
    }
    #browsly-landing-body #signup-section #signup-container .info-container {
        text-align: left;
    }
    #browsly-landing-body #signup-section #signup-container .info-container .title {
        margin-top: 230px;
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        font-size: 32px;
        letter-spacing: -0.8px;
        color: #00a7a0;
    }
    #browsly-landing-body #signup-section #signup-container .info-container .content {
        margin-top: 40px;
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        font-size: 20px;
        letter-spacing: normal;
        color: #00a7a0;
    }
    #browsly-landing-body #signup-section #signup-container .form-container {
        margin: auto;
        width: 400px;
    }
    #browsly-landing-body #signup-section #signup-container .liner-signinup-section {
        display: block;
    }
}
#browsly-landing-body #signup-section .email-login {
    display: flexbox;
    flex-direction: column;
    align-items: center;
    position: relative;
}
#browsly-landing-body #signup-section .email-login .email-container,
#browsly-landing-body #signup-section .email-login .name-container,
#browsly-landing-body #signup-section .email-login .password-container {
    position: relative;
    text-align: center;
}
@media only screen and (min-width: 280px) {
    #browsly-landing-body #signup-section .email-login .email-container,
    #browsly-landing-body #signup-section .email-login .name-container,
    #browsly-landing-body #signup-section .email-login .password-container {
        width: 280px;
    }
}
@media only screen and (min-width: 1025px) {
    #browsly-landing-body #signup-section .email-login .email-container,
    #browsly-landing-body #signup-section .email-login .name-container,
    #browsly-landing-body #signup-section .email-login .password-container {
        width: 100%;
    }
}
#browsly-landing-body #signup-section .email-login .email-container .email,
#browsly-landing-body #signup-section .email-login .email-container .name,
#browsly-landing-body #signup-section .email-login .email-container .password,
#browsly-landing-body #signup-section .email-login .name-container .email,
#browsly-landing-body #signup-section .email-login .name-container .name,
#browsly-landing-body #signup-section .email-login .name-container .password,
#browsly-landing-body #signup-section .email-login .password-container .email,
#browsly-landing-body #signup-section .email-login .password-container .name,
#browsly-landing-body #signup-section .email-login .password-container .password {
    line-height: 1.5;
}
#browsly-landing-body #signup-section .email-login .email-container .view,
#browsly-landing-body #signup-section .email-login .name-container .view,
#browsly-landing-body #signup-section .email-login .password-container .view {
    position: absolute;
    width: 18px;
    height: 13px;
    right: 16px;
    top: 16px;
}
#browsly-landing-body #signup-section .email-login .email-container + .password-container,
#browsly-landing-body #signup-section .email-login .password-container + .name-container {
    margin-top: 8px;
}
#browsly-landing-body #signup-section .social-login {
    display: flexbox;
    flex-direction: column;
    align-items: center;
}
#browsly-landing-body #signup-section .social-login a.google-login {
    height: 48px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: hsla(0, 0%, 100%, 0.7);
}
#browsly-landing-body #signup-section .social-login a.google-login:hover {
    background-color: #fff;
}
@media only screen and (min-width: 280px) {
    #browsly-landing-body #signup-section .social-login a.google-login {
        width: 280px;
    }
}
@media only screen and (min-width: 1025px) {
    #browsly-landing-body #signup-section .social-login a.google-login {
        width: 100%;
    }
}
#browsly-landing-body #signup-section .social-login a.google-login .google {
    background-image: url(/src/images/google-login.svg);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    margin-right: 16px;
}
#browsly-landing-body #signup-section .social-login a.google-login span {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.4px;
    color: #787d86;
}
#browsly-landing-body #signup-section .border {
    display: flex;
    align-items: center;
    margin: 24px 0;
}
#browsly-landing-body #signup-section .border .line {
    border-bottom: 1px solid #b2ebe9;
}
@media only screen and (min-width: 280px) {
    #browsly-landing-body #signup-section .border .line {
        width: 108px;
    }
}
@media only screen and (min-width: 1025px) {
    #browsly-landing-body #signup-section .border .line {
        width: 177px;
    }
}
#browsly-landing-body #signup-section .border .or {
    display: block;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    text-align: center;
    color: #b2ebe9;
    margin: 0 16px;
    width: 30px;
}
#browsly-landing-body #signup-section input {
    height: 48px;
    padding: 14px 16px;
    border-radius: 8px;
    opacity: 0.7;
    background-color: #fff;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #333;
}
#browsly-landing-body #signup-section input:focus {
    opacity: 1;
}
@media only screen and (min-width: 280px) {
    #browsly-landing-body #signup-section input {
        width: 280px;
    }
}
@media only screen and (min-width: 1025px) {
    #browsly-landing-body #signup-section input {
        width: 100%;
    }
}
#browsly-landing-body #signup-section input:-webkit-autofill.error,
#browsly-landing-body #signup-section input:-webkit-autofill.error:focus,
#browsly-landing-body #signup-section input:-webkit-autofill.error:hover {
    -webkit-box-shadow: 0 0 0 30px #fdeeed inset !important;
}
#browsly-landing-body #signup-section input::-webkit-input-placeholder {
    opacity: 0.3;
}
#browsly-landing-body #signup-section input:-ms-input-placeholder {
    opacity: 0.3;
}
#browsly-landing-body #signup-section input::-ms-input-placeholder {
    opacity: 0.3;
}
#browsly-landing-body #signup-section input::placeholder {
    opacity: 0.3;
}
#browsly-landing-body #signup-section input.error {
    background-color: #fdeeed !important;
}
#browsly-landing-body #signup-section .caution-message {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.35px;
    text-align: right;
    color: #f35750;
    position: absolute;
    right: 16px;
    top: 16px;
    background-color: #fdeeed;
    padding-left: 8px;
    padding-right: 8px;
    z-index: 2;
    height: 20px;
}
#browsly-landing-body #signup-section .caution-message,
#browsly-landing-body #signup-section .signup-btn {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-stretch: normal;
    font-style: normal;
}
#browsly-landing-body #signup-section .signup-btn {
    height: 48px;
    margin: 16px 0 40px;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.4px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media only screen and (min-width: 280px) {
    #browsly-landing-body #signup-section .signup-btn {
        width: 280px;
    }
}
@media only screen and (min-width: 1025px) {
    #browsly-landing-body #signup-section .signup-btn {
        width: 100%;
    }
}
#browsly-landing-body #reviews-section {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media only screen and (min-width: 280px) {
    #browsly-landing-body #reviews-section {
        height: 352px;
        margin-bottom: 120px;
    }
    #browsly-landing-body #reviews-section .outer-wrap {
        width: 280px;
    }
    #browsly-landing-body #reviews-section .review-container.top {
        text-align: left;
        margin-bottom: 64px;
        position: relative;
    }
    #browsly-landing-body #reviews-section .review-container.top .back-circle {
        position: absolute;
        left: 0;
        margin-top: -14px;
        margin-left: -40px;
        background-image: url(/src/images/landing-circle3.svg);
        background-repeat: no-repeat;
        background-size: 224px 204px;
        width: 224px;
        height: 204px;
        z-index: 1;
    }
    #browsly-landing-body #reviews-section .review-container.bottom {
        text-align: right;
        position: relative;
    }
    #browsly-landing-body #reviews-section .review-container.bottom .back-circle {
        position: absolute;
        margin-top: -19px;
        right: -27px;
        background-image: url(/src/images/landing-circle4.svg);
        background-repeat: no-repeat;
        background-size: 240px 203px;
        width: 240px;
        height: 203px;
        z-index: 1;
    }
    #browsly-landing-body #reviews-section .content {
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        font-size: 14px;
        letter-spacing: -0.5px;
        color: #33373d;
    }
    #browsly-landing-body #reviews-section .author .name {
        margin-top: 24px;
        font-weight: 700;
    }
    #browsly-landing-body #reviews-section .author .job,
    #browsly-landing-body #reviews-section .author .name {
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        font-size: 14px;
        letter-spacing: -0.45px;
        color: #33373d;
    }
    #browsly-landing-body #reviews-section .author .job {
        margin-top: 4px;
        font-weight: 500;
    }
}
@media only screen and (min-width: 1025px) {
    #browsly-landing-body #reviews-section {
        height: 516px;
        margin-bottom: 160px;
    }
    #browsly-landing-body #reviews-section .outer-wrap {
        width: 840px;
    }
    #browsly-landing-body #reviews-section .review-container.top {
        text-align: left;
        margin-bottom: 18px;
        position: relative;
    }
    #browsly-landing-body #reviews-section .review-container.top .back-circle {
        position: absolute;
        left: 0;
        margin-top: -49px;
        margin-left: -105px;
        background-image: url(/src/images/landing-circle3.svg);
        background-repeat: no-repeat;
        background-size: 445px 378px;
        width: 445px;
        height: 378px;
        z-index: 1;
    }
    #browsly-landing-body #reviews-section .review-container.bottom {
        text-align: right;
        position: relative;
    }
    #browsly-landing-body #reviews-section .review-container.bottom .back-circle {
        position: absolute;
        margin-top: -26px;
        right: 0;
        background-image: url(/src/images/landing-circle4.svg);
        background-repeat: no-repeat;
        background-size: 364px 308px;
        width: 364px;
        height: 308px;
        z-index: 1;
    }
    #browsly-landing-body #reviews-section .content {
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        font-size: 20px;
        letter-spacing: -0.5px;
        color: #33373d;
    }
    #browsly-landing-body #reviews-section .author .name {
        margin-top: 40px;
        font-weight: 700;
    }
    #browsly-landing-body #reviews-section .author .job,
    #browsly-landing-body #reviews-section .author .name {
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        font-size: 18px;
        letter-spacing: -0.45px;
        color: #33373d;
    }
    #browsly-landing-body #reviews-section .author .job {
        margin-top: 7px;
        font-weight: 500;
    }
}
@media only screen and (min-width: 280px) {
    #browsly-landing-footer {
        width: 280px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 80px;
        margin-bottom: 40px;
    }
    #browsly-landing-footer .outer-container {
        width: 100%;
    }
    #browsly-landing-footer .link-section {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-bottom: 40px;
    }
    #browsly-landing-footer .link-container {
        width: 180px;
    }
    #browsly-landing-footer .label {
        font-weight: 700;
        margin-bottom: 13px;
    }
    #browsly-landing-footer .label,
    #browsly-landing-footer .link-content {
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        font-size: 14px;
        letter-spacing: normal;
        color: #787d86;
    }
    #browsly-landing-footer .link-content {
        font-weight: 400;
    }
    #browsly-landing-footer .link-content a {
        color: #787d86;
    }
    #browsly-landing-footer .link-content a:hover {
        color: #52565d;
    }
    #browsly-landing-footer .link-content + .link-content {
        margin-top: 8px;
    }
    #browsly-landing-footer .logo-container {
        margin-top: 40px;
        display: flex;
        justify-self: flex-start;
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        font-size: 12px;
        letter-spacing: normal;
        color: #c6cbd3;
    }
    #browsly-landing-footer .logo-container .logo {
        background-image: url(../browslylogo.png);
        width: 25px;
    height: 25px;
    margin-right: 8px;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    margin-top: -5px;
    }
}
@media only screen and (min-width: 360px) {
    #browsly-landing-footer {
        width: 360px;
        margin-left: 40px;
    }
}
@media only screen and (min-width: 480px) {
    #browsly-landing-footer {
        width: 400px;
    }
}
@media only screen and (min-width: 1025px) {
    #browsly-landing-footer {
        width: 900px;
        margin-top: 80px;
        margin-bottom: 40px;
    }
    #browsly-landing-footer .outer-container {
        display: flex;
        justify-content: space-between;
    }
    #browsly-landing-footer .link-container {
        width: 180px;
    }
    #browsly-landing-footer .label {
        font-weight: 700;
        margin-bottom: 13px;
    }
    #browsly-landing-footer .label,
    #browsly-landing-footer .link-content {
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        font-size: 14px;
        letter-spacing: normal;
        color: #787d86;
    }
    #browsly-landing-footer .link-content {
        font-weight: 400;
    }
    #browsly-landing-footer .link-content a {
        color: #787d86;
    }
    #browsly-landing-footer .link-content + .link-content {
        margin-top: 8px;
    }
    #browsly-landing-footer .logo-container {
        margin-top: 80px;
        display: flex;
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        font-size: 12px;
        letter-spacing: normal;
        color: #c6cbd3;
    }
    #browsly-landing-footer .logo-container .logo {
        background-image: url(../browslylogo.png);
        width: 25px;
    height: 25px;
    margin-right: 8px;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    margin-top: -5px;
    }
}
@media only screen and (min-width: 280px) {
    .sidebar-wrapper {
        width: 100%;
        min-height: 120%;
        background-color: #fff;
        position: fixed;
        overflow: auto;
        bottom: 0;
        right: 0;
        top: 0;
        z-index: 99;
        visibility: inherit;
    }
    .sidebar-wrapper.hide {
        visibility: hidden;
    }
    .sidebar-wrapper input {
        background-color: #f6f8fa !important;
    }
    .sidebar-wrapper .sidebar-headbutton {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 8px 2% 0 6%;
        align-items: center;
    }
    .sidebar-wrapper .sidebar-headbutton .close-button {
        width: 32px;
        height: 32px;
        background-size: 24px;
        background-repeat: no-repeat;
        background-position: 50%;
        border-radius: 50%;
        position: relative;
        background-image: url(/src/images/close-light.svg);
        z-index: inherit;
    }
    .sidebar-wrapper .sidebar-headbutton .sidebar-browsly-logo {
        background-image: url(/src/images/liner-desktop.svg);
        background-repeat: no-repeat;
        background-size: 84px 16px;
        width: 84px;
        height: 16px;
        position: relative;
        z-index: 1;
    }
}
@media only screen and (min-width: 1367px) {
    .sidebar-wrapper {
        width: 640px;
        box-shadow: -10px 2px 10px 0 rgba(39, 43, 49, 0.05);
        background-color: #f6f8fa;
        justify-content: center;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 99;
        transform: translateX(0);
        display: flex;
    }
    .sidebar-wrapper.hide {
        transform: translateX(100%);
    }
    .sidebar-wrapper#transition-effect {
        transition: all 0.2s linear;
    }
    .sidebar-wrapper input {
        background-color: #fff !important;
    }
    .sidebar-wrapper .close-button {
        width: 32px;
        height: 32px;
        background-size: 24px;
        background-repeat: no-repeat;
        background-position: 50%;
        border-radius: 50%;
        position: absolute;
        left: 0;
        margin: 28px 0 0 28px;
        background-image: url(/src/images/close-light.svg);
    }
    .sidebar-wrapper .close-button:hover {
        width: 32px;
        height: 32px;
        background-color: #eef1f4;
    }
}
@media only screen and (min-width: 280px) {
    #appstore-section {
        padding: 48px 0 0;
    }
    #appstore-section .title {
        font-size: 18px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.45px;
        text-align: center;
        color: #33373d;
    }
    #appstore-section .appstore {
        width: 320px;
    }
    #appstore-section .appstore h4 {
        text-align: center;
        margin: 0 auto 16px;
        width: 72px;
        height: 15px;
    }
    #appstore-section .appstore img {
        width: 100%;
    }
    #appstore-section .app-text .content,
    #appstore-section .title {
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    }
    #appstore-section .app-text .content {
        display: none;
    }
    #appstore-section .app-chart {
        margin-top: 32px;
    }
    #appstore-section .app-chart .image {
        position: relative;
    }
    #appstore-section .app-chart .image .chart {
        width: 268px;
        height: 190px;
        display: inline-block;
        box-shadow: 4px 8px 20px 0 rgba(39, 43, 49, 0.05);
        border-radius: 17px;
        position: relative;
    }
    #appstore-section .app-chart .image .chart img {
        height: 190px;
    }
    #appstore-section .app-chart .app-liner {
        width: 228px;
        height: 55px;
        box-shadow: 4px 8px 20px 0 rgba(39, 43, 49, 0.05);
        position: absolute;
        bottom: 46px;
        left: 90px;
    }
    #appstore-section .app-chart .app-liner img {
        width: 228px;
        height: 55px;
    }
}
@media only screen and (min-width: 1025px) {
    #appstore-section {
        width: 100%;
        padding: 120px 0 0;
    }
    #appstore-section .appstore {
        width: 840px;
        margin: 0 auto;
        text-align: center;
    }
    #appstore-section .appstore h4 {
        width: 125px;
        height: 25px;
        margin: 0 auto 16px;
    }
    #appstore-section .appstore h4 img {
        width: 100%;
    }
    #appstore-section .app-text .content,
    #appstore-section .title {
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    }
    #appstore-section .app-text .content {
        display: block;
    }
    #appstore-section .title {
        font-weight: 700;
        font-size: 32px;
        letter-spacing: -0.8px;
        color: #33373d;
        margin-bottom: 24px;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
    }
    #appstore-section .content {
        text-align: center;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -0.4px;
        color: #787d86;
    }
    #appstore-section .app-chart,
    #appstore-section .app-text {
        width: 100%;
    }
    #appstore-section .app-chart {
        margin-top: 80px;
    }
    #appstore-section .app-chart .image {
        width: 100%;
        height: 503px;
        position: relative;
    }
    #appstore-section .app-chart .image .chart {
        width: 705px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        box-shadow: 4px 8px 20px 0 rgba(39, 43, 49, 0.05);
        border-radius: 17px;
    }
    #appstore-section .app-chart .image .chart img {
        height: 503px;
    }
    #appstore-section .app-chart .app-liner {
        width: 600px;
        height: 146px;
        position: absolute;
        left: 240px;
        bottom: 112px;
        box-shadow: 4px 8px 20px 0 rgba(39, 43, 49, 0.05);
    }
    #appstore-section .app-chart .app-liner img {
        width: 600px;
        height: 146px;
    }
}
@media only screen and (min-width: 280px) {
    #users-section {
        width: 100%;
        height: 372px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    #users-section .users-text {
        text-align: center;
    }
    #users-section .users-text .title {
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        font-size: 18px;
        letter-spacing: -0.8px;
        color: #33373d;
    }
    #users-section .users-text .content {
        display: none;
    }
    #users-section #users-image {
        margin-top: 44px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #users-section #users-image .company {
        background-repeat: no-repeat;
        background-size: 320px 76px;
        width: 320px;
        height: 76px;
        height: auto;
    }
    #users-section #users-image .univ {
        background-repeat: no-repeat;
        background-size: 282px 57px;
        width: 282px;
        height: 57px;
        height: auto;
    }
    #users-section #users-image .divider {
        width: 360px;
        margin-top: 24px;
        margin-bottom: 23px;
        height: 1px;
        border-top: 1px solid #dde1e7;
    }
}
@media only screen and (min-width: 1025px) {
    #users-section {
        width: 100%;
        height: 881px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    #users-section .users-text {
        text-align: center;
    }
    #users-section .users-text .title {
        font-weight: 700;
        font-size: 24px;
        color: #33373d;
    }
    #users-section .users-text .content,
    #users-section .users-text .title {
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.8px;
    }
    #users-section .users-text .content {
        margin-top: 24px;
        display: block;
        font-weight: 400;
        font-size: 16px;
        color: #787d86;
    }
    #users-section #users-image {
        margin-top: 64px;
        width: 840px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #users-section #users-image .company {
        background-repeat: no-repeat;
        background-size: 840px 174px;
        width: 840px;
        height: 174px;
    }
    #users-section #users-image .univ {
        background-repeat: no-repeat;
        background-size: 840px 138px;
        width: 840px;
        height: 138px;
    }
    #users-section #users-image .divider {
        width: 400px;
        margin-top: 56px;
        margin-bottom: 55px;
        height: 1px;
        border-top: 1px solid #dde1e7;
    }
}
#liner-taste-setting-container {
    display: flex;
    margin-top: 48px;
    margin-bottom: 40px;
    justify-content: center;
    border-radius: 8px;
    box-shadow: 0 10px 20px 0 rgba(39, 43, 49, 0.05);
    border: 1px solid #eef1f4;
}
@media only screen and (min-width: 280px) {
    #liner-taste-setting-container {
        width: 100%;
        padding: 0 40px;
    }
}
@media only screen and (min-width: 360px) {
    #liner-taste-setting-container {
        width: 100%;
        padding: 0 40px;
    }
}
@media only screen and (min-width: 1024px) {
    #liner-taste-setting-container {
        width: 624px;
        padding: 0 40px;
    }
}
@media only screen and (min-width: 1360px) {
    #liner-taste-setting-container {
        width: 680px;
        margin-right: auto;
        margin-left: auto;
        padding: 0 40px;
    }
}
#liner-taste-setting-container section {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
}
#liner-taste-setting-container section h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.8px;
    color: #33373a;
    display: flex;
    align-self: center;
    margin-top: 32px;
    margin-bottom: 0;
    text-align: center;
}
#liner-taste-setting-container section h2,
#liner-taste-setting-container section h6 {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-stretch: normal;
    font-style: normal;
}
#liner-taste-setting-container section h6 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #787d86;
    margin: 0;
}
#liner-taste-setting-container section .tastes-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 24px;
}
#liner-taste-setting-container section .tastes-container .language-chip,
#liner-taste-setting-container section .tastes-container .taste-chip {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.4px;
    text-align: center;
    color: #787d86;
    padding: 4px 9px;
    border-radius: 8px;
    background-color: #f6f8fa;
    flex-shrink: 0;
    margin: 0 8px 12px 0;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#liner-taste-setting-container section .tastes-container .language-chip:hover,
#liner-taste-setting-container section .tastes-container .taste-chip:hover {
    background-color: #eef1f4;
}
#liner-taste-setting-container section .tastes-container .language-chip.selected,
#liner-taste-setting-container section .tastes-container .taste-chip.selected {
    background-color: #e5f8f7;
    font-weight: 700;
    color: #00bdb8;
}
#liner-taste-setting-container section .tastes-container .language-chip.en {
    width: 76px;
}
#liner-taste-setting-container section button.complete,
#liner-taste-setting-container section button.default {
    height: 48px;
    margin-top: 24px;
    margin-bottom: 32px;
    border-radius: 8px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.4px;
    text-align: center;
    color: #fff;
}
@media only screen and (min-width: 280px) {
    #liner-taste-setting-container section button.complete,
    #liner-taste-setting-container section button.default {
        width: 100%;
    }
}
@media only screen and (min-width: 704px) {
    #liner-taste-setting-container section button.complete,
    #liner-taste-setting-container section button.default {
        width: 320px;
    }
}
#liner-taste-setting-container section button.default {
    background-color: #b9bcc2;
    cursor: default;
}
#liner-taste-setting-container section button.complete {
    background-color: #00bdb8;
    cursor: pointer;
}
#liner-taste-setting-container section button.complete:hover {
    background-color: #00a7a0;
}
.setting-taste-container {
    width: 360px;
    height: 282px;
    position: absolute;
    background-color: #fff;
    margin-top: 80px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    border-radius: 16px;
    box-shadow: 0 20px 20px 0 rgba(39, 43, 49, 0.1);
    border: 1px solid #eef1f4;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.setting-taste-container .image {
    background-repeat: no-repeat;
    background-size: 124px 148px;
    width: 124px;
    height: 148px;
    margin-top: 40px;
    background-image: url(/src/images/setfeed-illust.svg);
}
.setting-taste-container .text-container {
    margin-top: 20px;
    text-align: center;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 18px;
    letter-spacing: -0.45px;
    color: #787d86;
}
.guide-tooltip-container.desktop,
.guide-tooltip-container.landscape,
.guide-tooltip-container.portrait {
    z-index: 50;
    width: 329px;
    height: 280px;
    position: absolute;
    display: flex;
}
.guide-tooltip-container.desktop#for_you,
.guide-tooltip-container.landscape#for_you,
.guide-tooltip-container.portrait#for_you {
    top: -24px;
    margin-left: 60px;
}
.guide-tooltip-container.desktop#myHighlights,
.guide-tooltip-container.landscape#myHighlights,
.guide-tooltip-container.portrait#myHighlights {
    top: -20px;
    margin-left: 60px;
}
.guide-tooltip-container.desktop#tags,
.guide-tooltip-container.landscape#tags,
.guide-tooltip-container.portrait#tags {
    top: -18px;
    margin-left: 70px;
}
.guide-tooltip-container.desktop .tooltip-triangle,
.guide-tooltip-container.landscape .tooltip-triangle,
.guide-tooltip-container.portrait .tooltip-triangle {
    width: 19px;
    height: 19px;
    background-color: #52565d;
    position: absolute;
    top: 30px;
    left: -9px;
    transform: rotate(45deg);
    z-index: 2;
    border-bottom-left-radius: 4px;
    border-bottom: 1px solid #969aa2;
    border-left: 1px solid #969aa2;
}
.guide-tooltip-container.desktop .tooltip-rectangle,
.guide-tooltip-container.landscape .tooltip-rectangle,
.guide-tooltip-container.portrait .tooltip-rectangle {
    justify-self: flex-end;
    width: 320px;
    height: 280px;
    box-shadow: 0 8px 20px 0 rgba(39, 43, 49, 0.2);
    border: 1px solid #969aa2;
    background-color: #52565d;
    border-radius: 8px;
    z-index: 1;
    position: relative;
}
.guide-tooltip-container.desktop .tooltip-rectangle .close-btn,
.guide-tooltip-container.landscape .tooltip-rectangle .close-btn,
.guide-tooltip-container.portrait .tooltip-rectangle .close-btn {
    background-image: url(/src/images/close-be-comment.svg);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 3;
}
.guide-tooltip-container.desktop .tooltip-rectangle .lottie-container,
.guide-tooltip-container.landscape .tooltip-rectangle .lottie-container,
.guide-tooltip-container.portrait .tooltip-rectangle .lottie-container {
    width: 100%;
    height: 160px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
.guide-tooltip-container.desktop .tooltip-rectangle .text-container,
.guide-tooltip-container.landscape .tooltip-rectangle .text-container,
.guide-tooltip-container.portrait .tooltip-rectangle .text-container {
    padding: 15px 20px;
    text-align: left;
}
.guide-tooltip-container.desktop .tooltip-rectangle .text-container#for_you,
.guide-tooltip-container.landscape .tooltip-rectangle .text-container#for_you,
.guide-tooltip-container.portrait .tooltip-rectangle .text-container#for_you {
    margin-top: -10px;
    height: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 15px 17px;
}
.guide-tooltip-container.desktop .tooltip-rectangle .text-container .text-title,
.guide-tooltip-container.landscape .tooltip-rectangle .text-container .text-title,
.guide-tooltip-container.portrait .tooltip-rectangle .text-container .text-title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #fff;
}
.guide-tooltip-container.desktop .tooltip-rectangle .text-container .text-contents,
.guide-tooltip-container.landscape .tooltip-rectangle .text-container .text-contents,
.guide-tooltip-container.portrait .tooltip-rectangle .text-container .text-contents {
    margin-top: 8px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #fff;
}
.guide-tooltip-container.mobile {
    z-index: 19;
    width: 320px;
    height: 280px;
    position: absolute;
}
.guide-tooltip-container.mobile#for_you {
    top: 67px;
    left: 0;
}
.guide-tooltip-container.mobile#myHighlights {
    top: 67px;
    left: 20px;
}
.guide-tooltip-container.mobile#tags {
    top: 67px;
    right: 0;
}
.guide-tooltip-container.mobile .tooltip-rectangle {
    justify-self: flex-end;
    width: 100%;
    height: 280px;
    box-shadow: 0 8px 20px 0 rgba(39, 43, 49, 0.2);
    background-color: #52565d;
    border-radius: 8px;
    position: relative;
}
.guide-tooltip-container.mobile .tooltip-rectangle .close-btn {
    background-image: url(/src/images/close-be-comment.svg);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 3;
}
.guide-tooltip-container.mobile .tooltip-rectangle .lottie-container {
    width: 100%;
    height: 160px;
    z-index: 10;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
.guide-tooltip-container.mobile .tooltip-rectangle .text-container {
    padding: 15px 20px;
    text-align: left;
}
.guide-tooltip-container.mobile .tooltip-rectangle .text-container#for_you {
    margin-top: -10px;
    height: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 15px 17px;
}
.guide-tooltip-container.mobile .tooltip-rectangle .text-container .text-title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #fff;
}
.guide-tooltip-container.mobile .tooltip-rectangle .text-container .text-contents {
    margin-top: 8px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #fff;
}
.page-source-container {
    display: inline-flex;
    align-items: center;
    position: relative;
    cursor: default;
}
.page-source-container .favicon {
    background-repeat: no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    border-radius: 4px;
}
.page-source-container .date,
.page-source-container .source {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    color: #999;
    font-size: 11px;
    line-height: 1.5;
}
.page-source-container .date,
.page-source-container .source {
    font-weight: 400;
}
.page-source-container .source {
    margin-left: 8px;
}
.page-source-container .vertical-line {
    border-left: 1px solid #999;
    height: 10px;
    margin: 0 6px;
}
.recommendation.desktop {
    width: 320px;
}
.recommendation.landscape {
    width: 280px;
}
.recommendation .show-more {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    color: #00bdb8;
    text-align: left;
    padding: 12px 20px;
    background-color: #f6f8fa;
    cursor: pointer;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    width: 100%;
    display: flex;
    justify-content: center;
}
.recommendation .show-more .expand {
    margin-left: 2px;
}
.recommendation .show-more:hover {
    background-color: #eef1f4;
}
.recommendation-container.has-more {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.recommendation-container.loading-end {
    padding-bottom: 16px;
}
.recommendation-container {
    width: 100%;
    border-radius: 8px;
    background-color: #f6f8fa;
    display: flex;
    flex-direction: column;
}
.recommendation-container .recommendation-title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    color: #969aa2;
    padding: 16px 0 0 20px;
}
.recommendation-container .border {
    width: 280px;
    border-bottom: 1px solid #dde1e7;
    margin: 8px 0;
    align-self: center;
}
.recommendation-container .recommendation-contents .recommendation-tag-list {
    padding: 3px 12px 12px;
    display: flex;
    flex-wrap: wrap;
}
.recommendation-container .recommendation-contents .recommendation-tag-list .recommendation-tag {
    padding: 4px 8px;
    border-radius: 8px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    color: #555;
    margin-bottom: 8px;
}
.recommendation-container .recommendation-contents .recommendation-tag-list .recommendation-tag:hover {
    background-color: #eef1f4;
    color: #00bdb8;
}
.recommendation-container .recommendation-contents .recommendation-page {
    padding: 8px 20px;
    display: block;
}
.recommendation-container .recommendation-contents .recommendation-page.desktop {
    width: 320px;
}
.recommendation-container .recommendation-contents .recommendation-page.landscape {
    width: 280px;
}
.recommendation-container .recommendation-contents .recommendation-page .tag-list {
    margin-bottom: 4px;
    display: flex;
    flex-wrap: wrap;
    height: 15px;
    overflow-y: hidden;
}
.recommendation-container .recommendation-contents .recommendation-page .tag-list .tag {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    height: 18px;
    letter-spacing: -0.3px;
    color: #777;
    margin-right: 6px;
}
.recommendation-container .recommendation-contents .recommendation-page .title {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.recommendation-container .recommendation-contents .recommendation-page:hover {
    background-color: #eef1f4;
}
.recommendation-container .recommendation-contents .recommendation-highlight {
    width: 320px;
    padding: 8px 20px;
    display: flex;
}
.recommendation-container .recommendation-contents .recommendation-highlight .highlight-index {
    border-left: 4px solid #7fdedb;
}
.recommendation-container .recommendation-contents .recommendation-highlight .highlight-contents {
    background-color: transparent;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #555;
    margin-left: 16px;
    width: 260px;
}
.recommendation-container .recommendation-contents .recommendation-highlight .highlight-contents .highlight-text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.recommendation-container .recommendation-contents .recommendation-highlight:hover {
    background-color: #eef1f4;
}
.recommendation-container .recommendation-contents .recommendation-page-source-container {
    display: inline-flex;
    align-items: center;
    width: 260px;
    white-space: nowrap;
}
.recommendation-container .recommendation-contents .recommendation-page-source-container .date,
.recommendation-container .recommendation-contents .recommendation-page-source-container .source,
.recommendation-container .recommendation-contents .recommendation-page-source-container .title {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 11px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #999;
}
.recommendation-container .recommendation-contents .recommendation-page-source-container .title {
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 500;
}
.recommendation-container .recommendation-contents .recommendation-page-source-container .vertical-line {
    height: 10px;
    border-left: 1px solid #d9d9d9;
    margin: 0 6px;
}
.recommendation + .recommendation {
    margin-top: 16px;
}
.liner-more {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.liner-more.desktop {
    width: 320px;
    padding: 24px;
}
.liner-more.landscape {
    width: 280px;
    padding: 24px;
}
.liner-more .liner-more-container a {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 11px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.25px;
    color: #b0b4bd;
    text-decoration: underline;
    margin-bottom: 8px;
}
.liner-more .liner-more-container a + a {
    margin-left: 18px;
}
.liner-more .liner-more-container + .liner-more-container {
    margin-top: 6px;
}
.liner-more .liner-corp {
    text-align: center;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 11px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.25px;
    color: #b0b4bd;
    padding-top: 16px;
}
.trending-keywords-container {
    padding: 16px 0;
    width: 100%;
}
.trending-keywords-container .title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #969aa2;
}
.trending-keywords-container .contents-outer {
    margin-top: 16px;
}
.trending-keywords-container .recommendation-tag-list {
    display: flex;
    flex-wrap: wrap;
}
.trending-keywords-container .recommendation-tag {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #555;
    border-radius: 8px;
    padding: 4px 8px;
    background-color: #f6f8fa;
    margin-bottom: 16px;
    margin-right: 16px;
}
.trending-keywords-container .recommendation-tag:hover {
    color: #00bdb8;
}
.liner-nudge.desktop {
    width: 320px;
    border: 1px solid #dde1e7;
    background-color: #fff;
    border-radius: 8px;
    padding: 16px 20px;
    position: relative;
    margin-bottom: 16px;
}
.liner-nudge.desktop .trigger {
    width: 32px;
    height: 32px;
    position: absolute;
    left: -15px;
    top: -15px;
    z-index: 1;
}
.liner-nudge.desktop .title {
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.45px;
    color: #52565d;
    margin-bottom: 16px;
}
.liner-nudge.desktop .detail,
.liner-nudge.desktop .title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-stretch: normal;
    font-style: normal;
}
.liner-nudge.desktop .detail {
    width: 216px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.43;
    letter-spacing: -0.35px;
    color: #787d86;
}
.liner-nudge.desktop .detail.upgrade {
    white-space: pre;
}
.liner-nudge.desktop .nudge-icon.extension {
    background-image: url(/src/images/add-liner.svg);
}
.liner-nudge.desktop .nudge-icon.email,
.liner-nudge.desktop .nudge-icon.extension {
    background-repeat: no-repeat;
    background-size: 48px 48px;
    width: 48px;
    height: 48px;
    float: right;
}
.liner-nudge.desktop .nudge-icon.email {
    background-image: url(/src/images/verify-email.svg);
    margin-left: 15px;
}
.liner-nudge.desktop .nudge-icon.redeem {
    background-repeat: no-repeat;
    background-size: 48px 48px;
    width: 48px;
    height: 48px;
    background-image: url(/src/images/redeem-offer.svg);
    float: right;
}
.liner-nudge.desktop .button {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #00bdb8;
    cursor: pointer;
    margin-top: 8px;
    display: block;
}
.liner-nudge.desktop .button:hover {
    color: #00a7a0;
}
.liner-nudge.landscape {
    width: 280px;
    border: 1px solid #dde1e7;
    background-color: #fff;
    border-radius: 8px;
    padding: 16px 20px;
    position: relative;
    margin-bottom: 16px;
}
.liner-nudge.landscape .trigger {
    width: 32px;
    height: 32px;
    position: absolute;
    left: -15px;
    top: -15px;
    z-index: 1;
}
.liner-nudge.landscape .title {
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.45px;
    color: #52565d;
    margin-bottom: 16px;
}
.liner-nudge.landscape .detail,
.liner-nudge.landscape .title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-stretch: normal;
    font-style: normal;
}
.liner-nudge.landscape .detail {
    width: 216px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.43;
    letter-spacing: -0.35px;
    color: #787d86;
}
.liner-nudge.landscape .detail.upgrade {
    white-space: pre;
}
.liner-nudge.landscape .nudge-icon.extension {
    background-image: url(/src/images/add-liner.svg);
}
.liner-nudge.landscape .nudge-icon.email,
.liner-nudge.landscape .nudge-icon.extension {
    background-repeat: no-repeat;
    background-size: 48px 48px;
    width: 48px;
    height: 48px;
    float: right;
}
.liner-nudge.landscape .nudge-icon.email {
    background-image: url(/src/images/verify-email.svg);
    margin-left: 15px;
}
.liner-nudge.landscape .nudge-icon.redeem {
    background-repeat: no-repeat;
    background-size: 48px 48px;
    width: 48px;
    height: 48px;
    background-image: url(/src/images/redeem-offer.svg);
    float: right;
}
.liner-nudge.landscape .button {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #00bdb8;
    cursor: pointer;
    margin-top: 8px;
    display: block;
}
.liner-nudge.landscape .button:hover {
    color: #00a7a0;
}
.liner-nudge.mobile {
    margin-top: 24px;
    width: 100%;
    max-width: 480px;
    height: 64px;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(39, 43, 49, 0.1);
    background-image: linear-gradient(79deg, #00b1e2, #00d4b7);
    display: flex;
    align-items: center;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 21px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    position: relative;
}
.liner-nudge.mobile .d-day {
    padding-left: 20px;
    font-weight: 700;
}
.liner-nudge.mobile .redeem {
    margin-left: 16px;
    font-weight: 400;
}
.liner-nudge.mobile .banner-button {
    background-repeat: no-repeat;
    background-size: 32px 32px;
    width: 32px;
    height: 32px;
    background-image: url(/src/images/banner-arrow.svg);
    position: absolute;
    right: 12px;
}
.liner-nudge.mobile .left-oval {
    position: absolute;
    width: 134px;
    height: 38px;
    transform: rotate(-1turn);
    border-radius: 22px;
    background-color: hsla(0, 0%, 100%, 0.1);
    top: 0;
    left: 22px;
}
.liner-nudge.mobile .right-oval1 {
    width: 154px;
    height: 32px;
    border-radius: 21.5px;
    top: 2px;
    right: 14px;
}
.liner-nudge.mobile .right-oval1,
.liner-nudge.mobile .right-oval2 {
    position: absolute;
    transform: rotate(-1turn);
    background-color: hsla(0, 0%, 100%, 0.2);
}
.liner-nudge.mobile .right-oval2 {
    width: 209px;
    height: 36px;
    border-radius: 35.5px;
    top: 34px;
    right: 0;
}
@media (max-width: 1440px) {
    .liner-banner {
        display: none;
    }
}
.uploading-queue.desktop {
    width: 260px;
    border-radius: 16px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    border: 0.5px solid #dde1e7;
    background-color: #f6f8fa;
    position: fixed;
    bottom: 24px;
    right: 20px;
}
.uploading-queue.desktop .uploading-queue-header {
    padding: 15px 16px;
    border-bottom: 1px solid #eef1f4;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.uploading-queue.desktop .uploading-queue-header .title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.4px;
    color: #272b31;
}
.uploading-queue.desktop .uploading-files {
    display: flex;
    flex-direction: column;
    padding: 8px 0;
}
.uploading-queue.desktop .uploading-files .uploading-file {
    width: 258px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 20px 8px 16px;
}
.uploading-queue.desktop .uploading-files .uploading-file .file-info {
    display: flex;
    align-items: center;
}
.uploading-queue.desktop .uploading-files .uploading-file .file-info .file-type {
    background-repeat: no-repeat;
    background-size: 40px 40px;
    width: 40px;
    height: 40px;
}
.uploading-queue.desktop .uploading-files .uploading-file .file-info .file-type.web {
    background-image: url(/src/images/web.svg);
}
.uploading-queue.desktop .uploading-files .uploading-file .file-info .file-type.file {
    background-image: url(/src/images/file.svg);
    margin-left: 0;
}
.uploading-queue.desktop .uploading-files .uploading-file .file-info .file {
    margin-left: 12px;
}
.uploading-queue.desktop .uploading-files .uploading-file .file-info .file .file-name {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #555;
    width: 130px;
}
.uploading-queue.desktop .uploading-files .uploading-file .file-info .file .file-uploading-status {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #999;
    margin-top: 4px;
}
.uploading-queue.desktop .uploading-files .uploading-file .uploading-status-icon {
    background-repeat: no-repeat;
    background-size: 24px 25px;
    width: 24px;
    height: 25px;
}
.uploading-queue.desktop .uploading-files .uploading-file .uploading-status-icon svg {
    transform: rotate(270deg);
}
.uploading-queue.desktop .uploading-files .uploading-file .uploading-status-icon circle {
    stroke-width: 1px;
    fill: transparent;
}
.uploading-queue.desktop .uploading-files .uploading-file .uploading-status-icon .radial-progress-cover {
    transition: stroke-dashoffset 0.35s;
    transform-origin: 50% 50%;
}
.uploading-queue.desktop .uploading-files .uploading-file .uploading-status-icon.cancel {
    background-image: url(/src/images/upload-cancel.svg);
}
.uploading-queue.desktop .uploading-files .uploading-file .uploading-status-icon.success {
    background-image: url(/src/images/upload-success.svg);
}
.uploading-queue.desktop .uploading-files .uploading-file .uploading-status-icon.retry {
    background-image: url(/src/images/upload-retry.svg);
    cursor: pointer;
}
.uploading-queue.desktop .uploading-files .uploading-file:hover {
    background-color: #eef1f4;
}
.uploading-queue.desktop.open .toggle-button {
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    background-image: url(/src/images/filter-openned.svg);
}
.uploading-queue.desktop.open .uploading-files {
    max-height: 148px;
    min-height: 71px;
    overflow-x: hidden;
    overflow-y: scroll;
}
.uploading-queue.desktop.closed {
    height: 51px;
}
.uploading-queue.desktop.closed .uploading-queue-header {
    border: none;
}
.uploading-queue.desktop.closed .uploading-queue-header .toggle-button {
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    background-image: url(/src/images/filter-closed.svg);
}
.uploading-queue.landscape,
.uploading-queue.mobile,
.uploading-queue.portrait {
    height: 48px;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    background-color: #52565d;
    position: fixed;
    bottom: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.uploading-queue.landscape .uploading-queue-header,
.uploading-queue.mobile .uploading-queue-header,
.uploading-queue.portrait .uploading-queue-header {
    padding: 15px 16px;
    height: 48px;
    display: flex;
    align-items: center;
}
.uploading-queue.landscape .uploading-queue-header .title,
.uploading-queue.mobile .uploading-queue-header .title,
.uploading-queue.portrait .uploading-queue-header .title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.4px;
    color: #fff;
}
.uploading-queue.landscape .uploading-queue-header .total,
.uploading-queue.mobile .uploading-queue-header .total,
.uploading-queue.portrait .uploading-queue-header .total {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.4px;
    color: #fff;
    margin-left: 4px;
}
.uploading-queue.landscape .status-icon,
.uploading-queue.mobile .status-icon,
.uploading-queue.portrait .status-icon {
    margin-right: 16px;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: 24px 25px;
    width: 24px;
    height: 25px;
}
.uploading-queue.landscape .status-icon svg,
.uploading-queue.mobile .status-icon svg,
.uploading-queue.portrait .status-icon svg {
    transform: rotate(270deg);
}
.uploading-queue.landscape .status-icon circle,
.uploading-queue.mobile .status-icon circle,
.uploading-queue.portrait .status-icon circle {
    stroke-width: 1px;
    fill: transparent;
}
.uploading-queue.landscape .status-icon .radial-progress-cover,
.uploading-queue.mobile .status-icon .radial-progress-cover,
.uploading-queue.portrait .status-icon .radial-progress-cover {
    transition: stroke-dashoffset 0.35s;
    transform-origin: 50% 50%;
}
.uploading-queue.landscape .success-icon,
.uploading-queue.mobile .success-icon,
.uploading-queue.portrait .success-icon {
    background-repeat: no-repeat;
    background-size: 24px 25px;
    width: 24px;
    height: 25px;
    background-image: url(/src/images/upload-success.svg);
}
.uploading-queue.landscape {
    width: 320px;
    margin-left: 688px;
}
.uploading-queue.mobile {
    width: calc(100% - 40px);
    margin: 0 20px;
}
.uploading-queue.portrait {
    width: 624px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}
.liner-header.desktop {
    width: 1280px;
    height: 64px;
    background-color: #fff;
    position: fixed;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}
.liner-header.desktop .liner-header-container {
    width: 1280px;
    height: 64px;
    position: relative;
    display: flex;
    align-items: center;
}
.liner-header.desktop .liner-header-container .browsly-logo {
    position: absolute;
    left: 0;
    width: 32px;
    height: 32px;
    background: url(/src/images/browsly-logo.svg) no-repeat;
    background-size: 32px;
}
.liner-header.desktop .liner-header-container .liner-search-container {
    width: 1280px;
    height: 40px;
}
.liner-header.desktop .liner-header-container .liner-search-container .liner-search-bar {
    width: 800px;
    min-height: 40px;
    position: absolute;
    left: 240px;
    display: flex;
}
.liner-header.desktop .liner-header-container .liner-search-container .liner-search-bar input {
    width: 680px;
    border-radius: 8px;
    background-color: #eef1f4;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    line-height: 1.2;
    font-size: 16px;
    color: #333;
    padding: 10px 54px 11px 16px;
}
.liner-header.desktop .liner-header-container .liner-search-container .liner-search-bar .search-button {
    background-image: url(/src/images/search.svg);
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    align-self: center;
    position: relative;
    left: -40px;
}
.liner-header.desktop .liner-header-container .liner-search-container .liner-search-bar .search-button:hover {
    background-color: #dde1e7;
}
.liner-header.desktop .liner-header-container .liner-search-container .liner-search-bar input::-webkit-input-placeholder {
    opacity: 0.3;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    color: #333;
}
.liner-header.desktop .liner-header-container .liner-search-container .liner-search-bar input:-ms-input-placeholder {
    opacity: 0.3;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    color: #333;
}
.liner-header.desktop .liner-header-container .liner-search-container .liner-search-bar input::-ms-input-placeholder {
    opacity: 0.3;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    color: #333;
}
.liner-header.desktop .liner-header-container .liner-search-container .liner-search-bar input::placeholder {
    opacity: 0.3;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    color: #333;
}
.liner-header.desktop .liner-header-container .liner-search-container .search-dropdown {
    width: 680px;
    position: absolute;
    left: 240px;
    top: 56px;
    border-radius: 8px;
    box-shadow: 0 5px 20px 0 rgba(39, 43, 49, 0.1);
    border: 1px solid #eef1f4;
    background-color: #fff;
    z-index: 1000;
    padding: 8px 0;
}
.liner-header.desktop .liner-header-container .liner-search-container .search-dropdown .search-on-LINER {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    color: #969aa2;
    height: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 16px;
    cursor: default;
}
.liner-header.desktop .liner-header-container .liner-search-container .search-dropdown .search-on-LINER .clear-all {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    float: right;
    color: #787d86;
    padding-right: 16px;
    cursor: pointer;
}
.liner-header.desktop .liner-header-container .liner-search-container .search-dropdown .search-on-LINER .clear-all:hover {
    color: #52565d;
}
.liner-header.desktop .liner-header-container .liner-search-container .search-dropdown .search-dropdown-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 15px;
    width: 678px;
    min-height: 40px;
    cursor: pointer;
}
.liner-header.desktop .liner-header-container .liner-search-container .search-dropdown .search-dropdown-item .auto-complete-icon {
    background-image: url(/src/images/search.svg);
}
.liner-header.desktop .liner-header-container .liner-search-container .search-dropdown .search-dropdown-item .history-icon {
    background-image: url(/src/images/history.svg);
}
.liner-header.desktop .liner-header-container .liner-search-container .search-dropdown .search-dropdown-item .auto-complete-icon,
.liner-header.desktop .liner-header-container .liner-search-container .search-dropdown .search-dropdown-item .history-icon {
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    flex-shrink: 0;
}
.liner-header.desktop .liner-header-container .liner-search-container .search-dropdown .search-dropdown-item div {
    width: 616px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.liner-header.desktop .liner-header-container .liner-search-container .search-dropdown .search-dropdown-item div .auto-complete-contents,
.liner-header.desktop .liner-header-container .liner-search-container .search-dropdown .search-dropdown-item div .history-contents {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #555;
    flex-grow: 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.liner-header.desktop .liner-header-container .liner-search-container .search-dropdown .search-dropdown-item div .delete {
    background-image: url(/src/images/close-be-comment.svg);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}
.liner-header.desktop .liner-header-container .liner-search-container .search-dropdown .search-dropdown-item div .delete:hover {
    background-color: #eef1f4;
    border-radius: 50%;
}
.liner-header.desktop .liner-header-container .liner-search-container .search-dropdown .search-dropdown-item:hover {
    background-color: #f6f8fa;
}
.liner-header.desktop .liner-header-container .liner-search-container #dropdown-shadow {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 500;
    background-color: rgba(0, 0, 0, 0.3);
    top: 64px;
    left: 0;
}
.liner-header.desktop .liner-header-container .right-button-container {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
}
.liner-header.desktop .liner-header-container .right-button-container .notification {
    background-image: url(/src/images/noti.svg);
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    margin-right: 24px;
    cursor: pointer;
    position: relative;
}
.liner-header.desktop .liner-header-container .right-button-container .notification:hover {
    border-radius: 50%;
    background-color: #f6f8fa;
}
.liner-header.desktop .liner-header-container .right-button-container .notification .noti-on {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #ff7b69;
    position: absolute;
    top: 0;
    right: 0;
}
.liner-header.desktop .liner-header-container .right-button-container .notification .newsfeed-tooltip {
    top: 33px;
}
.liner-header.desktop .liner-header-container .right-button-container .add-highlights {
    padding: 0 20px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.liner-header.desktop .liner-header-container .right-button-container .add-highlights span {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.35px;
    color: #787d86;
    margin-left: 8px;
    line-height: 1.2;
}
.liner-header.landscape {
    width: 1024px;
    height: 64px;
    background-color: #fff;
    position: fixed;
    top: 0;
    display: flex;
    align-items: center;
    z-index: 10;
}
.liner-header.landscape .liner-header-container {
    width: 944px;
    height: 64px;
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 40px;
}
.liner-header.landscape .liner-header-container .browsly-logo {
    position: absolute;
    left: 0;
    width: 32px;
    height: 32px;
    background: url(/src/images/browsly-logo.svg) no-repeat;
    background-size: 32px;
}
.liner-header.landscape .liner-header-container .liner-search-container {
    width: 100%;
    height: 40px;
}
.liner-header.landscape .liner-header-container .liner-search-container .liner-search-bar {
    width: 552px;
    min-height: 40px;
    position: absolute;
    left: 72px;
    display: flex;
}
.liner-header.landscape .liner-header-container .liner-search-container .liner-search-bar input {
    width: 552px;
    border-radius: 8px;
    background-color: #eef1f4;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    line-height: 1.2;
    font-size: 16px;
    color: #333;
    padding: 10px 54px 11px 16px;
}
.liner-header.landscape .liner-header-container .liner-search-container .liner-search-bar .search-button {
    background-image: url(/src/images/search.svg);
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    align-self: center;
    position: relative;
    left: -40px;
}
.liner-header.landscape .liner-header-container .liner-search-container .liner-search-bar .search-button:hover {
    background-color: #dde1e7;
}
.liner-header.landscape .liner-header-container .liner-search-container .liner-search-bar input::-webkit-input-placeholder {
    opacity: 0.3;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    color: #333;
}
.liner-header.landscape .liner-header-container .liner-search-container .liner-search-bar input:-ms-input-placeholder {
    opacity: 0.3;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    color: #333;
}
.liner-header.landscape .liner-header-container .liner-search-container .liner-search-bar input::-ms-input-placeholder {
    opacity: 0.3;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    color: #333;
}
.liner-header.landscape .liner-header-container .liner-search-container .liner-search-bar input::placeholder {
    opacity: 0.3;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    color: #333;
}
.liner-header.landscape .liner-header-container .liner-search-container .search-dropdown {
    width: 552px;
    position: absolute;
    left: 72px;
    top: 56px;
    border-radius: 8px;
    box-shadow: 0 5px 20px 0 rgba(39, 43, 49, 0.1);
    border: 1px solid #eef1f4;
    background-color: #fff;
    z-index: 1000;
    padding: 8px 0;
}
.liner-header.landscape .liner-header-container .liner-search-container .search-dropdown .search-on-LINER {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    color: #969aa2;
    height: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 16px;
    cursor: default;
}
.liner-header.landscape .liner-header-container .liner-search-container .search-dropdown .search-on-LINER .clear-all {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    float: right;
    color: #787d86;
    padding-right: 16px;
    cursor: pointer;
}
.liner-header.landscape .liner-header-container .liner-search-container .search-dropdown .search-on-LINER .clear-all:hover {
    color: #52565d;
}
.liner-header.landscape .liner-header-container .liner-search-container .search-dropdown .search-dropdown-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 15px;
    min-height: 40px;
    cursor: pointer;
}
.liner-header.landscape .liner-header-container .liner-search-container .search-dropdown .search-dropdown-item .auto-complete-icon {
    background-image: url(/src/images/search.svg);
}
.liner-header.landscape .liner-header-container .liner-search-container .search-dropdown .search-dropdown-item .history-icon {
    background-image: url(/src/images/history.svg);
}
.liner-header.landscape .liner-header-container .liner-search-container .search-dropdown .search-dropdown-item .auto-complete-icon,
.liner-header.landscape .liner-header-container .liner-search-container .search-dropdown .search-dropdown-item .history-icon {
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    flex-shrink: 0;
}
.liner-header.landscape .liner-header-container .liner-search-container .search-dropdown .search-dropdown-item div {
    width: 490px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.liner-header.landscape .liner-header-container .liner-search-container .search-dropdown .search-dropdown-item div .auto-complete-contents,
.liner-header.landscape .liner-header-container .liner-search-container .search-dropdown .search-dropdown-item div .history-contents {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #555;
    flex-grow: 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.liner-header.landscape .liner-header-container .liner-search-container .search-dropdown .search-dropdown-item div .delete {
    background-image: url(/src/images/close-be-comment.svg);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}
.liner-header.landscape .liner-header-container .liner-search-container .search-dropdown .search-dropdown-item div .delete:hover {
    background-color: #eef1f4;
    border-radius: 50%;
}
.liner-header.landscape .liner-header-container .liner-search-container .search-dropdown .search-dropdown-item:hover {
    background-color: #f6f8fa;
}
.liner-header.landscape .liner-header-container .liner-search-container #dropdown-shadow {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 500;
    background-color: rgba(0, 0, 0, 0.3);
    top: 64px;
    left: 0;
}
.liner-header.landscape .liner-header-container .right-button-container {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
}
.liner-header.landscape .liner-header-container .right-button-container .notification {
    background-image: url(/src/images/noti.svg);
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    margin-right: 24px;
    cursor: pointer;
    position: relative;
}
.liner-header.landscape .liner-header-container .right-button-container .notification:hover {
    border-radius: 50%;
    background-color: #f6f8fa;
}
.liner-header.landscape .liner-header-container .right-button-container .notification .noti-on {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #ff7b69;
    position: absolute;
    top: 0;
    right: 0;
}
.liner-header.landscape .liner-header-container .right-button-container .notification .newsfeed-tooltip {
    top: 33px;
}
.liner-header.landscape .liner-header-container .right-button-container .add-highlights {
    padding: 0 20px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.liner-header.landscape .liner-header-container .right-button-container .add-highlights span {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.35px;
    color: #787d86;
    margin-left: 8px;
    line-height: 1.2;
}
.liner-header.portrait {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100vw;
    background-color: #fff;
    z-index: 999;
    display: flex;
    border-bottom: 1px solid #eef1f4;
    justify-content: center;
}
.liner-header.portrait .liner-search-container {
    height: 56px;
    padding: 8px 0;
}
.liner-header.portrait .liner-search-container .searchbar-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.liner-header.portrait .liner-search-container .liner-search-bar {
    min-height: 40px;
    position: relative;
}
.liner-header.portrait .liner-search-container .liner-search-bar input {
    width: 608px;
    border-radius: 8px;
    height: 40px;
    background-color: #eef1f4;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    line-height: 1.2;
    font-size: 16px;
    color: #333;
    padding: 10px 54px 11px 16px;
}
@media only screen and (min-width: 702px) {
    .liner-header.portrait .liner-search-container .liner-search-bar input {
        width: 600px;
        margin-left: 8px;
    }
}
@media only screen and (min-width: 722px) {
    .liner-header.portrait .liner-search-container .liner-search-bar input {
        width: 624px;
        margin-left: 0;
    }
}
.liner-header.portrait .liner-search-container .liner-search-bar .search-button {
    background-image: url(/src/images/search.svg);
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    right: 5px;
}
.liner-header.portrait .liner-search-container .liner-search-bar .search-button:hover {
    background-color: #dde1e7;
}
.liner-header.portrait .liner-search-container .liner-search-bar input::-webkit-input-placeholder {
    opacity: 0.3;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    color: #333;
}
.liner-header.portrait .liner-search-container .liner-search-bar input:-ms-input-placeholder {
    opacity: 0.3;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    color: #333;
}
.liner-header.portrait .liner-search-container .liner-search-bar input::-ms-input-placeholder {
    opacity: 0.3;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    color: #333;
}
.liner-header.portrait .liner-search-container .liner-search-bar input::placeholder {
    opacity: 0.3;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    color: #333;
}
.liner-header.portrait .liner-search-container .back-btn {
    background-image: url(/src/images/back-header.svg);
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-position: 2px !important;
    position: absolute;
    left: 12px;
}
.liner-header.portrait .liner-search-container .search-dropdown {
    width: 100%;
    margin-top: 7px;
    border-radius: 8px;
    box-shadow: 0 5px 20px 0 rgba(39, 43, 49, 0.1);
    border: 1px solid #eef1f4;
    background-color: #fff;
    z-index: 999;
    padding: 8px 15px;
}
.liner-header.portrait .liner-search-container .search-dropdown .search-on-LINER {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #969aa2;
    height: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: default;
}
.liner-header.portrait .liner-search-container .search-dropdown .search-dropdown-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 40px;
    cursor: pointer;
    width: calc(100% + 32px);
    margin-left: -16px;
    padding: 0 16px;
}
.liner-header.portrait .liner-search-container .search-dropdown .search-dropdown-item .auto-complete-icon {
    background-image: url(/src/images/search.svg);
}
.liner-header.portrait .liner-search-container .search-dropdown .search-dropdown-item .history-icon {
    background-image: url(/src/images/history.svg);
}
.liner-header.portrait .liner-search-container .search-dropdown .search-dropdown-item .auto-complete-icon,
.liner-header.portrait .liner-search-container .search-dropdown .search-dropdown-item .history-icon {
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    flex-shrink: 0;
}
.liner-header.portrait .liner-search-container .search-dropdown .search-dropdown-item div {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.liner-header.portrait .liner-search-container .search-dropdown .search-dropdown-item div .auto-complete-contents,
.liner-header.portrait .liner-search-container .search-dropdown .search-dropdown-item div .history-contents {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #555;
    flex-grow: 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.liner-header.portrait .liner-search-container .search-dropdown .search-dropdown-item div .delete {
    background-image: url(/src/images/close-be-comment.svg);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}
.liner-header.portrait .liner-search-container .search-dropdown .search-dropdown-item div .delete:hover {
    background-color: #eef1f4;
    border-radius: 50%;
}
.liner-header.portrait .liner-search-container .search-dropdown .search-dropdown-item:hover {
    background-color: #f6f8fa;
}
.liner-header.portrait .liner-search-container .search-dropdown .clear-all {
    float: right;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #787d86;
    cursor: pointer;
    margin-top: 8px;
}
.liner-header.portrait .liner-search-container .search-dropdown .clear-all:hover {
    color: #52565d;
}
.liner-header.portrait .liner-search-container #dropdown-shadow {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 500;
    background-color: rgba(0, 0, 0, 0.3);
    top: 153px;
    left: 0;
}
.liner-header.mobile {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100%;
    background-color: #fff;
    z-index: 14;
}
.liner-header.mobile .liner-search-container {
    height: 48px;
    padding: 8px 20px 8px 12px;
    border-bottom: 1px solid #eef1f4;
}
.liner-header.mobile .liner-search-container .searchbar-wrapper {
    display: flex;
    align-items: center;
}
.liner-header.mobile .liner-search-container .liner-search-bar {
    min-height: 32px;
    position: relative;
}
.liner-header.mobile .liner-search-container .liner-search-bar input {
    width: calc(100vw - 24px);
    border-radius: 8px;
    height: 32px;
    background-color: #eef1f4;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    line-height: 1.2;
    font-size: 16px;
    color: #333;
    padding: 10px 54px 11px 16px;
}
.liner-header.mobile .liner-search-container .liner-search-bar input.with-btn {
    width: calc(100vw - 84px);
}
.liner-header.mobile .liner-search-container .liner-search-bar .search-button {
    background-image: url(/src/images/search.svg);
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 5px;
}
.liner-header.mobile .liner-search-container .liner-search-bar .search-button:hover {
    background-color: #dde1e7;
}
.liner-header.mobile .liner-search-container .liner-search-bar input::-webkit-input-placeholder {
    opacity: 0.3;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    color: #333;
}
.liner-header.mobile .liner-search-container .liner-search-bar input:-ms-input-placeholder {
    opacity: 0.3;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    color: #333;
}
.liner-header.mobile .liner-search-container .liner-search-bar input::-ms-input-placeholder {
    opacity: 0.3;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    color: #333;
}
.liner-header.mobile .liner-search-container .liner-search-bar input::placeholder {
    opacity: 0.3;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    color: #333;
}
.liner-header.mobile .liner-search-container .cancel-btn {
    min-width: 40px;
    margin-left: 16px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #969aa2;
}
.liner-header.mobile .liner-search-container .back-btn {
    background-image: url(/src/images/back-header.svg);
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-position: 2px !important;
    display: inline-flex;
    align-items: center;
    position: relative;
    margin-right: 8px;
}
.liner-header.mobile .liner-search-container .search-dropdown {
    width: 100%;
    margin-top: 7px;
}
.liner-header.mobile .liner-search-container .search-dropdown .search-on-LINER {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #969aa2;
    margin-top: 16px;
    height: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: default;
}
.liner-header.mobile .liner-search-container .search-dropdown .search-dropdown-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 40px;
    width: 100vw;
    margin-left: -16px;
    padding: 0 16px;
    cursor: pointer;
}
.liner-header.mobile .liner-search-container .search-dropdown .search-dropdown-item .auto-complete-icon {
    background-image: url(/src/images/search.svg);
}
.liner-header.mobile .liner-search-container .search-dropdown .search-dropdown-item .history-icon {
    background-image: url(/src/images/history.svg);
}
.liner-header.mobile .liner-search-container .search-dropdown .search-dropdown-item .auto-complete-icon,
.liner-header.mobile .liner-search-container .search-dropdown .search-dropdown-item .history-icon {
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    flex-shrink: 0;
}
.liner-header.mobile .liner-search-container .search-dropdown .search-dropdown-item div {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.liner-header.mobile .liner-search-container .search-dropdown .search-dropdown-item div .auto-complete-contents,
.liner-header.mobile .liner-search-container .search-dropdown .search-dropdown-item div .history-contents {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #555;
    flex-grow: 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.liner-header.mobile .liner-search-container .search-dropdown .search-dropdown-item div .delete {
    background-image: url(/src/images/close-be-comment.svg);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}
.liner-header.mobile .liner-search-container .search-dropdown .search-dropdown-item div .delete:hover {
    background-color: #eef1f4;
    border-radius: 50%;
}
.liner-header.mobile .liner-search-container .search-dropdown .search-dropdown-item:hover {
    background-color: #f6f8fa;
}
.liner-header.mobile .liner-search-container .search-dropdown .clear-all {
    float: right;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #787d86;
    cursor: pointer;
    margin-top: 8px;
}
.liner-header.mobile .liner-search-container .search-dropdown .clear-all:hover {
    color: #52565d;
}
.menu.desktop {
    display: flex;
    flex-direction: column;
    position: relative;
}
.menu.desktop .menu-item {
    width: 232px;
    height: 51px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    padding: 0 16px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.4px;
    color: #787d86;
    cursor: pointer;
    flex-shrink: 0;
}
.menu.desktop .menu-item .trigger {
    width: 32px;
    height: 32px;
    z-index: 1;
    margin-top: -12px;
    margin-left: -5px;
}
.menu.desktop .menu-item:hover {
    background-color: #f6f8fa;
}
.menu.desktop .menu-item.active {
    color: #00bdb8;
    font-weight: 700;
}
.menu.desktop button {
    width: 200px;
    height: 40px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.4px;
    margin-top: 16px;
    align-self: flex-end;
}
.menu.mobile {
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    padding: 5px 0;
    background-color: #fff;
    align-items: center;
    border-top: 1px solid #eef1f4;
}
.menu.mobile .menu-item {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25%;
}
.menu.mobile .menu-item .home-icon {
    background-image: url(/src/images/mobile-menu-linerfeed.svg);
}
.menu.mobile .menu-item .home-icon,
.menu.mobile .menu-item .search-icon {
    background-repeat: no-repeat;
    background-size: 40px 40px;
    width: 40px;
    height: 40px;
}
.menu.mobile .menu-item .search-icon {
    background-image: url(/src/images/mobile-menu-search.svg);
}
.menu.mobile .menu-item .myhighlights-icon {
    background-image: url(/src/images/mobile-menu-myhighlights.svg);
    background-repeat: no-repeat;
    background-size: 40px 40px;
    width: 40px;
    height: 40px;
}
.menu.mobile .menu-item .more-icon {
    background-image: url(/src/images/icon-footer-more.svg);
    background-repeat: no-repeat;
    background-size: 40px 40px;
    width: 40px;
    height: 40px;
}
.menu.mobile .menu-item .trigger {
    width: 32px;
    height: 32px;
    z-index: 1;
    position: absolute;
    margin-top: -10px;
    margin-left: 10px;
}
.menu.mobile .menu-item.active .home-icon {
    background-image: url(/src/images/mobile-menu-linerfeed-fill.svg);
}
.menu.mobile .menu-item.active .search-icon {
    background-image: url(/src/images/mobile-menu-search-fill.svg);
}
.menu.mobile .menu-item.active .myhighlights-icon {
    background-image: url(/src/images/mobile-menu-myhighlights-fill.svg);
}
.menu.mobile .menu-item.active .more-icon {
    background-image: url(/src/images/icon-footer-more-fill.svg);
}
.menu.landscape {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    background-color: #fff;
    align-items: center;
    border-top: 1px solid #eef1f4;
}
.menu.landscape .menu-item {
    width: 33%;
}
.menu.landscape .menu-item .menu-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}
.menu.landscape .menu-item .menu-wrap .menu-icon {
    background-repeat: no-repeat;
    background-size: 40px 40px;
    width: 40px;
    height: 40px;
}
.menu.landscape .menu-item .menu-wrap .menu-icon.home {
    background-image: url(/src/images/mobile-menu-linerfeed.svg);
}
.menu.landscape .menu-item .menu-wrap .menu-icon.myhighlights {
    background-image: url(/src/images/mobile-menu-myhighlights.svg);
}
.menu.landscape .menu-item .menu-wrap .menu-icon.more {
    background-image: url(/src/images/icon-footer-more.svg);
}
.menu.landscape .menu-item .menu-wrap .menu-title {
    margin-left: 4px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #52565d;
}
.menu.landscape .menu-item .menu-wrap .trigger {
    width: 32px;
    height: 32px;
    z-index: 1;
    margin-top: -15px;
}
.menu.landscape .menu-item.active .menu-icon.home {
    background-image: url(/src/images/mobile-menu-linerfeed-fill.svg);
}
.menu.landscape .menu-item.active .menu-icon.myhighlights {
    background-image: url(/src/images/mobile-menu-myhighlights-fill.svg);
}
.menu.landscape .menu-item.active .menu-icon.more {
    background-image: url(/src/images/icon-footer-more-fill.svg);
}
.menu.landscape .menu-item.active .menu-title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #00bdb8;
}
.page-detail-container.desktop {
    margin-bottom: 120px;
    padding: 0 16px;
}
.page-detail-container.desktop .page-img {
    width: 680px;
    height: 240px;
    border-radius: 4px;
    object-fit: cover;
    object-position: 50% 50%;
    margin-bottom: 16px;
}
.page-detail-container.desktop .page-contents .page-abstract {
    width: 680px;
    border-bottom: 1px solid #eef1f4;
}
.page-detail-container.desktop .page-contents .page-abstract .tag-list {
    margin-bottom: 8px;
}
.page-detail-container.desktop .page-contents .page-abstract .tag-list.no-img {
    margin-top: 5px;
}
.page-detail-container.desktop .page-contents .page-abstract .tag-list .tag {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: -0.3px;
    color: #00bdb8;
    padding: 3px 0;
    margin-right: 4px;
    display: inline-block;
}
.page-detail-container.desktop .page-contents .page-abstract .tag-list .tag:hover {
    color: #00a7a0;
}
.page-detail-container.desktop .page-contents .page-abstract .tag-list .button-hover {
    margin-top: -5px;
}
.page-detail-container.desktop .page-contents .page-abstract .tag-list:hover .button-hover .edit {
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    background-image: url(/src/images/edit.svg);
    position: absolute;
    top: 3px;
    left: 4px;
}
.page-detail-container.desktop .page-contents .page-abstract .title {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 24px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #222;
    word-wrap: break-word;
    margin: 0 0 16px;
    cursor: default;
}
.page-detail-container.desktop .page-contents .page-abstract .saved-tags {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 8px;
}
.page-detail-container.desktop .page-contents .page-abstract .saved-tags .saved-tag {
    padding: 2px 4px;
    margin: 0 6px 4px 0;
    height: 20px;
    border-radius: 4px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: -0.3px;
    color: #00bdb8;
    background-color: #f6f8fa;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    cursor: default;
}
.page-detail-container.desktop .page-contents .page-abstract .saved-tags .saved-tag .delete {
    background-image: url(/src/images/deletetag.svg);
    background-repeat: no-repeat;
    background-size: 8px 8px;
    width: 8px;
    height: 8px;
    margin-left: 4px;
}
.page-detail-container.desktop .page-contents .page-abstract .saved-tags .saved-tag.focused,
.page-detail-container.desktop .page-contents .page-abstract .saved-tags .saved-tag:hover {
    background-color: #eef1f4;
}
.page-detail-container.desktop .page-contents .page-abstract .saved-tags .add-tag {
    display: inline-flex;
    position: relative;
    min-height: 23px;
    width: 80px;
}
.page-detail-container.desktop .page-contents .page-abstract .saved-tags .add-tag .add-tag-button {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    color: #b0b4bd;
    margin-top: -4px;
    padding: 4px 8px;
    border-radius: 4px;
}
.page-detail-container.desktop .page-contents .page-abstract .saved-tags .add-tag .add-tag-button:hover {
    background-color: #f6f8fa;
}
.page-detail-container.desktop .page-contents .page-abstract .saved-tags .add-tag input {
    border: none;
    height: 15px;
    padding: 0;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    color: #52565d;
    position: relative;
    top: 2px;
}
.page-detail-container.desktop .page-contents .page-abstract .saved-tags .add-tag input::-webkit-input-placeholder {
    opacity: 0.3;
}
.page-detail-container.desktop .page-contents .page-abstract .saved-tags .add-tag input:-ms-input-placeholder {
    opacity: 0.3;
}
.page-detail-container.desktop .page-contents .page-abstract .saved-tags .add-tag input::-ms-input-placeholder {
    opacity: 0.3;
}
.page-detail-container.desktop .page-contents .page-abstract .saved-tags .add-tag input::placeholder {
    opacity: 0.3;
}
.page-detail-container.desktop .page-contents .page-abstract .saved-tags .add-tag .tags-dropdown {
    z-index: 1;
    position: absolute;
    left: -20px;
    overflow: hidden;
}
.page-detail-container.desktop .page-contents .page-abstract .saved-tags .add-tag .tags-dropdown .tag-list {
    margin-bottom: 0 !important;
}
.page-detail-container.desktop .page-contents .page-abstract .title-container .title {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 24px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: #222;
    margin: 0 0 16px;
    cursor: text;
    white-space: pre-line;
    position: relative;
}
.page-detail-container.desktop .page-contents .page-abstract .title-container .title .pdf-badge {
    height: 20px;
    position: relative;
    top: 2px;
    margin-left: 6px;
}
.page-detail-container.desktop .page-contents .page-abstract .title-container textarea.title {
    border: none;
    resize: none;
    padding: 12px 16px;
    width: 100%;
    margin-bottom: 8px;
    border-radius: 8px;
    background-color: #eef1f4;
}
.page-detail-container.desktop .page-contents .page-abstract .title-container textarea.title.blur {
    background-color: #f6f8fa;
}
.page-detail-container.desktop .page-contents .page-abstract .title-container .title:hover .button-hover {
    margin-top: -3px;
    margin-left: 4px;
}
.page-detail-container.desktop .page-contents .page-abstract .title-container .title:hover .button-hover .edit {
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    background-image: url(/src/images/edit.svg);
    position: absolute;
    top: 3px;
    left: 4px;
}
.page-detail-container.desktop .page-contents .page-abstract .title-container .title[placeholder]:empty:before {
    content: attr(placeholder);
    font-family: Roboto;
    font-size: 24px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: rgba(34, 34, 34, 0.3);
}
.page-detail-container.desktop .page-contents .page-abstract .title-container .edit-btn-container {
    display: flex;
    justify-content: flex-end;
}
.page-detail-container.desktop .page-contents .page-abstract .title-container .edit-btn-container button {
    font-family: Montserrat;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    padding: 8px 12px;
    border-radius: 8px;
}
.page-detail-container.desktop .page-contents .page-abstract .title-container .edit-btn-container .cancel-btn {
    color: #787d86;
}
.page-detail-container.desktop .page-contents .page-abstract .title-container .edit-btn-container .cancel-btn:hover {
    background-color: #f6f8fa;
}
.page-detail-container.desktop .page-contents .page-abstract .title-container .edit-btn-container .save-btn {
    font-weight: 700;
    color: #00bdb8;
}
.page-detail-container.desktop .page-contents .page-abstract .title-container .edit-btn-container .save-btn.empty {
    cursor: default;
    opacity: 0.3;
}
.page-detail-container.desktop .page-contents .page-abstract .title-container .edit-btn-container .save-btn:hover {
    background-color: #e5f8f7;
}
.page-detail-container.desktop .page-contents .page-abstract .page-source-container {
    margin-bottom: 16px;
}
.page-detail-container.desktop .page-contents .page-abstract .page-source-container .date,
.page-detail-container.desktop .page-contents .page-abstract .page-source-container .source {
    font-size: 12px !important;
}
.page-detail-container.desktop .page-contents .page-detail {
    margin: 32px 0;
}
.page-detail-container.desktop .page-contents .page-detail .page-detail.empty {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.4px;
    text-align: center;
    color: #969aa2;
    margin: 64px 0;
}
.page-detail-container.desktop .page-contents .view-original-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 680px;
    height: 48px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    text-align: center;
    margin-bottom: 40px;
}
.page-detail-container.desktop .page-contents .page-info .info {
    display: flex;
    margin-bottom: 24px;
}
.page-detail-container.desktop .page-contents .page-info .info .info-index {
    width: 114px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    color: #969aa2;
}
.page-detail-container.desktop .page-contents .page-info .info .info-contents {
    width: 566px;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #555;
}
.page-detail-container.landscape,
.page-detail-container.portrait {
    margin-bottom: 120px;
    display: flex;
    flex-direction: column;
}
.page-detail-container.landscape .page-img,
.page-detail-container.portrait .page-img {
    width: 624px;
    height: 240px;
    border-radius: 4px;
    object-fit: cover;
    object-position: 50% 50%;
    margin-bottom: 16px;
}
.page-detail-container.landscape .page-contents .page-abstract,
.page-detail-container.portrait .page-contents .page-abstract {
    width: 624px;
    border-bottom: 1px solid #eef1f4;
}
.page-detail-container.landscape .page-contents .page-abstract .tag-list,
.page-detail-container.portrait .page-contents .page-abstract .tag-list {
    margin-bottom: 8px;
}
.page-detail-container.landscape .page-contents .page-abstract .tag-list.no-img,
.page-detail-container.portrait .page-contents .page-abstract .tag-list.no-img {
    margin-top: 5px;
}
.page-detail-container.landscape .page-contents .page-abstract .tag-list .tag,
.page-detail-container.portrait .page-contents .page-abstract .tag-list .tag {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: -0.3px;
    color: #00bdb8;
    padding: 3px 0;
    margin-right: 4px;
    display: inline-block;
}
.page-detail-container.landscape .page-contents .page-abstract .tag-list .tag:hover,
.page-detail-container.portrait .page-contents .page-abstract .tag-list .tag:hover {
    color: #00a7a0;
}
.page-detail-container.landscape .page-contents .page-abstract .tag-list .button-hover,
.page-detail-container.portrait .page-contents .page-abstract .tag-list .button-hover {
    margin-top: -5px;
}
.page-detail-container.landscape .page-contents .page-abstract .tag-list .button-hover .edit,
.page-detail-container.portrait .page-contents .page-abstract .tag-list .button-hover .edit {
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    background-image: url(/src/images/edit.svg);
    position: absolute;
    top: 3px;
    left: 4px;
}
.page-detail-container.landscape .page-contents .page-abstract .title,
.page-detail-container.portrait .page-contents .page-abstract .title {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 24px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #222;
    word-wrap: break-word;
    margin: 0 0 16px;
    cursor: default;
}
.page-detail-container.landscape .page-contents .page-abstract .saved-tags,
.page-detail-container.portrait .page-contents .page-abstract .saved-tags {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 8px;
}
.page-detail-container.landscape .page-contents .page-abstract .saved-tags .saved-tag,
.page-detail-container.portrait .page-contents .page-abstract .saved-tags .saved-tag {
    padding: 2px 4px;
    margin: 0 6px 4px 0;
    height: 20px;
    border-radius: 4px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: -0.3px;
    color: #00bdb8;
    background-color: #f6f8fa;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    cursor: default;
}
.page-detail-container.landscape .page-contents .page-abstract .saved-tags .saved-tag .delete,
.page-detail-container.portrait .page-contents .page-abstract .saved-tags .saved-tag .delete {
    background-image: url(/src/images/deletetag.svg);
    background-repeat: no-repeat;
    background-size: 8px 8px;
    width: 8px;
    height: 8px;
    margin-left: 4px;
}
.page-detail-container.landscape .page-contents .page-abstract .saved-tags .saved-tag.focused,
.page-detail-container.landscape .page-contents .page-abstract .saved-tags .saved-tag:hover,
.page-detail-container.portrait .page-contents .page-abstract .saved-tags .saved-tag.focused,
.page-detail-container.portrait .page-contents .page-abstract .saved-tags .saved-tag:hover {
    background-color: #eef1f4;
}
.page-detail-container.landscape .page-contents .page-abstract .saved-tags .add-tag,
.page-detail-container.portrait .page-contents .page-abstract .saved-tags .add-tag {
    display: inline-flex;
    position: relative;
    min-height: 23px;
    width: 80px;
}
.page-detail-container.landscape .page-contents .page-abstract .saved-tags .add-tag .add-tag-button,
.page-detail-container.portrait .page-contents .page-abstract .saved-tags .add-tag .add-tag-button {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    color: #b0b4bd;
    margin-top: -4px;
}
.page-detail-container.landscape .page-contents .page-abstract .saved-tags .add-tag .add-tag-button:hover,
.page-detail-container.portrait .page-contents .page-abstract .saved-tags .add-tag .add-tag-button:hover {
    color: #787d86;
}
.page-detail-container.landscape .page-contents .page-abstract .saved-tags .add-tag input,
.page-detail-container.portrait .page-contents .page-abstract .saved-tags .add-tag input {
    border: none;
    height: 15px;
    padding: 0;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    color: #52565d;
    position: relative;
    top: 2px;
}
.page-detail-container.landscape .page-contents .page-abstract .saved-tags .add-tag input::-webkit-input-placeholder,
.page-detail-container.portrait .page-contents .page-abstract .saved-tags .add-tag input::-webkit-input-placeholder {
    opacity: 0.3;
}
.page-detail-container.landscape .page-contents .page-abstract .saved-tags .add-tag input:-ms-input-placeholder,
.page-detail-container.portrait .page-contents .page-abstract .saved-tags .add-tag input:-ms-input-placeholder {
    opacity: 0.3;
}
.page-detail-container.landscape .page-contents .page-abstract .saved-tags .add-tag input::-ms-input-placeholder,
.page-detail-container.portrait .page-contents .page-abstract .saved-tags .add-tag input::-ms-input-placeholder {
    opacity: 0.3;
}
.page-detail-container.landscape .page-contents .page-abstract .saved-tags .add-tag input::placeholder,
.page-detail-container.portrait .page-contents .page-abstract .saved-tags .add-tag input::placeholder {
    opacity: 0.3;
}
.page-detail-container.landscape .page-contents .page-abstract .saved-tags .add-tag .tags-dropdown,
.page-detail-container.portrait .page-contents .page-abstract .saved-tags .add-tag .tags-dropdown {
    z-index: 1;
    position: absolute;
    left: -20px;
    overflow: hidden;
}
.page-detail-container.landscape .page-contents .page-abstract .saved-tags .add-tag .tags-dropdown .tag-list,
.page-detail-container.portrait .page-contents .page-abstract .saved-tags .add-tag .tags-dropdown .tag-list {
    margin-bottom: 0 !important;
}
.page-detail-container.landscape .page-contents .page-abstract .title-container .title,
.page-detail-container.portrait .page-contents .page-abstract .title-container .title {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 24px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: #222;
    margin: 0 0 16px;
    cursor: text;
    white-space: pre-line;
}
.page-detail-container.landscape .page-contents .page-abstract .title-container .title .pdf-badge,
.page-detail-container.portrait .page-contents .page-abstract .title-container .title .pdf-badge {
    height: 20px;
    position: relative;
    top: 2px;
    margin-left: 6px;
}
.page-detail-container.landscape .page-contents .page-abstract .title-container textarea.title,
.page-detail-container.portrait .page-contents .page-abstract .title-container textarea.title {
    border: none;
    resize: none;
    padding: 12px 16px;
    width: 100%;
    margin-bottom: 8px;
    border-radius: 8px;
    background-color: #eef1f4;
}
.page-detail-container.landscape .page-contents .page-abstract .title-container textarea.title.blur,
.page-detail-container.portrait .page-contents .page-abstract .title-container textarea.title.blur {
    background-color: #f6f8fa;
}
.page-detail-container.landscape .page-contents .page-abstract .title-container .title .button-hover,
.page-detail-container.portrait .page-contents .page-abstract .title-container .title .button-hover {
    margin-top: 0;
    margin-left: 2px;
}
.page-detail-container.landscape .page-contents .page-abstract .title-container .title .button-hover .edit,
.page-detail-container.portrait .page-contents .page-abstract .title-container .title .button-hover .edit {
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    background-image: url(/src/images/edit.svg);
    position: absolute;
}
.page-detail-container.landscape .page-contents .page-abstract .title-container .title[placeholder]:empty:before,
.page-detail-container.portrait .page-contents .page-abstract .title-container .title[placeholder]:empty:before {
    content: attr(placeholder);
    font-family: Roboto;
    font-size: 24px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: rgba(34, 34, 34, 0.3);
}
.page-detail-container.landscape .page-contents .page-abstract .title-container .caution-message,
.page-detail-container.portrait .page-contents .page-abstract .title-container .caution-message {
    position: relative;
    top: -45px;
    left: -8px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 8px;
    width: 696px;
    height: 28px;
    border-radius: 4px;
    background-color: rgba(243, 87, 80, 0.1);
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.35px;
    color: #f35750;
}
@-moz-document url-prefix("") {
    .page-detail-container.landscape .page-contents .page-abstract .title-container .caution-message,
    .page-detail-container.portrait .page-contents .page-abstract .title-container .caution-message {
        top: -40px !important;
    }
}
.page-detail-container.landscape .page-contents .page-abstract .edit-btn-container,
.page-detail-container.portrait .page-contents .page-abstract .edit-btn-container {
    display: flex;
    justify-content: flex-end;
}
.page-detail-container.landscape .page-contents .page-abstract .edit-btn-container button,
.page-detail-container.portrait .page-contents .page-abstract .edit-btn-container button {
    font-family: Montserrat;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    padding: 8px 12px;
    border-radius: 8px;
}
.page-detail-container.landscape .page-contents .page-abstract .edit-btn-container .cancel-btn,
.page-detail-container.portrait .page-contents .page-abstract .edit-btn-container .cancel-btn {
    color: #787d86;
}
.page-detail-container.landscape .page-contents .page-abstract .edit-btn-container .cancel-btn:hover,
.page-detail-container.portrait .page-contents .page-abstract .edit-btn-container .cancel-btn:hover {
    background-color: #f6f8fa;
}
.page-detail-container.landscape .page-contents .page-abstract .edit-btn-container .save-btn,
.page-detail-container.portrait .page-contents .page-abstract .edit-btn-container .save-btn {
    font-weight: 700;
    color: #00bdb8;
}
.page-detail-container.landscape .page-contents .page-abstract .edit-btn-container .save-btn.empty,
.page-detail-container.portrait .page-contents .page-abstract .edit-btn-container .save-btn.empty {
    cursor: default;
    opacity: 0.3;
}
.page-detail-container.landscape .page-contents .page-abstract .edit-btn-container .save-btn:hover,
.page-detail-container.portrait .page-contents .page-abstract .edit-btn-container .save-btn:hover {
    background-color: #e5f8f7;
}
.page-detail-container.landscape .page-contents .page-abstract .page-source-container,
.page-detail-container.portrait .page-contents .page-abstract .page-source-container {
    margin-bottom: 16px;
}
.page-detail-container.landscape .page-contents .page-abstract .page-source-container .date,
.page-detail-container.landscape .page-contents .page-abstract .page-source-container .source,
.page-detail-container.portrait .page-contents .page-abstract .page-source-container .date,
.page-detail-container.portrait .page-contents .page-abstract .page-source-container .source {
    font-size: 12px !important;
}
.page-detail-container.landscape .page-contents .page-detail,
.page-detail-container.portrait .page-contents .page-detail {
    margin: 32px 0;
    width: 624px;
}
.page-detail-container.landscape .page-contents .page-detail .page-detail.empty,
.page-detail-container.portrait .page-contents .page-detail .page-detail.empty {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.4px;
    text-align: center;
    color: #969aa2;
    margin: 64px 0;
}
.page-detail-container.landscape .page-contents .view-original-button,
.page-detail-container.portrait .page-contents .view-original-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 624px;
    height: 48px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    text-align: center;
    margin-bottom: 40px;
}
.page-detail-container.landscape .page-contents .page-info,
.page-detail-container.portrait .page-contents .page-info {
    width: 624px;
}
.page-detail-container.landscape .page-contents .page-info .info,
.page-detail-container.portrait .page-contents .page-info .info {
    display: flex;
    margin-bottom: 24px;
}
.page-detail-container.landscape .page-contents .page-info .info .info-index,
.page-detail-container.portrait .page-contents .page-info .info .info-index {
    width: 114px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    color: #969aa2;
}
.page-detail-container.landscape .page-contents .page-info .info .info-contents,
.page-detail-container.portrait .page-contents .page-info .info .info-contents {
    width: 566px;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #555;
}
.page-detail-container.portrait {
    align-items: center;
}
.page-detail-container.portrait .page-abstract .button-hover {
    margin-top: -5px;
}
.page-detail-container.portrait .page-abstract .button-hover .edit {
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    background-image: url(/src/images/edit.svg);
    position: absolute;
    top: 3px;
    left: 4px;
}
.page-detail-container.portrait .page-abstract .add-tags {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 12px;
    letter-spacing: normal;
    color: #b0b4bd;
    padding: 4px 8px;
    border-radius: 4px;
    margin-left: -3px;
}
.page-detail-container.portrait .page-abstract .add-tags:hover {
    background-color: #f6f8fa;
}
.page-detail-container.mobile {
    padding-bottom: 32px;
}
.page-detail-container.mobile .page-img {
    width: 100%;
    height: 140px;
    object-fit: cover;
    object-position: 50% 50%;
}
.page-detail-container.mobile .page-contents {
    margin-top: 16px;
    padding: 0 20px;
}
.page-detail-container.mobile .page-contents .page-abstract {
    width: 100%;
    border-bottom: 1px solid #eef1f4;
    margin-top: 16px;
    width: calc(100% - 32px);
}
.page-detail-container.mobile .page-contents .page-abstract .tag-list {
    margin-bottom: 8px;
}
.page-detail-container.mobile .page-contents .page-abstract .tag-list.no-img {
    padding-top: 10px;
}
.page-detail-container.mobile .page-contents .page-abstract .tag-list .tag {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: -0.3px;
    color: #00bdb8;
    padding: 3px 0;
    margin-right: 4px;
    display: inline-block;
}
.page-detail-container.mobile .page-contents .page-abstract .tag-list .tag:hover {
    color: #00a7a0;
}
.page-detail-container.mobile .page-contents .page-abstract .tag-list .button-hover {
    margin-top: -5px;
}
.page-detail-container.mobile .page-contents .page-abstract .tag-list .button-hover .edit {
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    background-image: url(/src/images/edit.svg);
    position: absolute;
    top: 3px;
    left: 4px;
}
.page-detail-container.mobile .page-contents .page-abstract .tag-list .add-tags {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 12px;
    letter-spacing: normal;
    color: #b0b4bd;
    padding: 4px 8px;
    border-radius: 4px;
    margin-left: -3px;
}
.page-detail-container.mobile .page-contents .page-abstract .tag-list .add-tags:hover {
    background-color: #f6f8fa;
}
.page-detail-container.mobile .page-contents .page-abstract .title {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 20px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #222;
    word-wrap: break-word;
    margin: 0 0 16px;
    cursor: default;
}
.page-detail-container.mobile .page-contents .page-abstract .title.no-img-tag {
    padding-top: 10px;
}
.page-detail-container.mobile .page-contents .page-abstract .saved-tags {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 8px;
}
.page-detail-container.mobile .page-contents .page-abstract .saved-tags .saved-tag {
    padding: 2px 4px;
    margin: 0 6px 4px 0;
    height: 20px;
    border-radius: 4px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: -0.3px;
    color: #00bdb8;
    background-color: #f6f8fa;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    cursor: default;
}
.page-detail-container.mobile .page-contents .page-abstract .saved-tags .saved-tag .delete {
    background-image: url(/src/images/deletetag.svg);
    background-repeat: no-repeat;
    background-size: 8px 8px;
    width: 8px;
    height: 8px;
    margin-left: 4px;
}
.page-detail-container.mobile .page-contents .page-abstract .saved-tags .saved-tag.focused,
.page-detail-container.mobile .page-contents .page-abstract .saved-tags .saved-tag:hover {
    background-color: #eef1f4;
}
.page-detail-container.mobile .page-contents .page-abstract .saved-tags .add-tag {
    display: inline-flex;
    position: relative;
    min-height: 23px;
    width: 80px;
}
.page-detail-container.mobile .page-contents .page-abstract .saved-tags .add-tag .add-tag-button {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    color: #b0b4bd;
    margin-top: -4px;
}
.page-detail-container.mobile .page-contents .page-abstract .saved-tags .add-tag .add-tag-button:hover {
    color: #787d86;
}
.page-detail-container.mobile .page-contents .page-abstract .saved-tags .add-tag input {
    border: none;
    height: 15px;
    padding: 0;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    color: #52565d;
    position: relative;
    top: 2px;
}
.page-detail-container.mobile .page-contents .page-abstract .saved-tags .add-tag input::-webkit-input-placeholder {
    opacity: 0.3;
}
.page-detail-container.mobile .page-contents .page-abstract .saved-tags .add-tag input:-ms-input-placeholder {
    opacity: 0.3;
}
.page-detail-container.mobile .page-contents .page-abstract .saved-tags .add-tag input::-ms-input-placeholder {
    opacity: 0.3;
}
.page-detail-container.mobile .page-contents .page-abstract .saved-tags .add-tag input::placeholder {
    opacity: 0.3;
}
.page-detail-container.mobile .page-contents .page-abstract .saved-tags .add-tag .tags-dropdown {
    z-index: 1;
    position: absolute;
    left: -20px;
    overflow: hidden;
}
.page-detail-container.mobile .page-contents .page-abstract .saved-tags .add-tag .tags-dropdown .tag-list {
    margin-bottom: 0 !important;
}
.page-detail-container.mobile .page-contents .page-abstract .title-container .title {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 24px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: #222;
    margin: 0 0 16px;
    cursor: text;
    white-space: pre-line;
}
.page-detail-container.mobile .page-contents .page-abstract .title-container .title .pdf-badge {
    height: 20px;
    position: relative;
    top: 1px;
    margin-left: 6px;
}
.page-detail-container.mobile .page-contents .page-abstract .title-container textarea.title {
    border: none;
    resize: none;
    padding: 0;
    width: 100%;
    margin-bottom: 11px;
}
.page-detail-container.mobile .page-contents .page-abstract .title-container .title .button-hover {
    margin-top: 0;
    margin-left: 2px;
}
.page-detail-container.mobile .page-contents .page-abstract .title-container .title .button-hover .edit {
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    background-image: url(/src/images/edit.svg);
    position: absolute;
    top: 3px;
    left: 4px;
}
.page-detail-container.mobile .page-contents .page-abstract .title-container .title[placeholder]:empty:before {
    content: attr(placeholder);
    font-family: Roboto;
    font-size: 24px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: rgba(34, 34, 34, 0.3);
}
.page-detail-container.mobile .page-contents .page-abstract .title-container .caution-message {
    position: relative;
    top: -45px;
    left: -8px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 8px;
    width: 696px;
    height: 28px;
    border-radius: 4px;
    background-color: rgba(243, 87, 80, 0.1);
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.35px;
    color: #f35750;
}
@-moz-document url-prefix("") {
    .page-detail-container.mobile .page-contents .page-abstract .title-container .caution-message {
        top: -40px !important;
    }
}
.page-detail-container.mobile .page-contents .page-abstract .page-source-container {
    margin-bottom: 16px;
}
.page-detail-container.mobile .page-contents .page-abstract .page-source-container .date,
.page-detail-container.mobile .page-contents .page-abstract .page-source-container .source {
    font-size: 12px !important;
}
.page-detail-container.mobile .page-contents .page-detail {
    margin: 32px 0;
}
.page-detail-container.mobile .page-contents .page-detail .page-detail.empty {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.4px;
    text-align: center;
    color: #969aa2;
    margin: 64px 0;
}
.page-detail-container.mobile .page-contents .view-original-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    text-align: center;
    margin-bottom: 40px;
}
.page-detail-container.mobile .page-contents .page-info .info {
    margin-bottom: 24px;
}
.page-detail-container.mobile .page-contents .page-info .info .info-index {
    margin-bottom: 12px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #969aa2;
}
.page-detail-container.mobile .page-contents .page-info .info .info-contents {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #555;
    word-wrap: break-word;
}
.search-message-container {
    padding: 40px 16px;
}
.search-message-container .search-message {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.4px;
    text-align: center;
    color: #969aa2;
    margin-bottom: 24px;
}
.search-message-container .search-message span {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
}
@media only screen and (min-width: 280px) {
    .search-message-container .button-container {
        display: flex;
        flex-direction: column;
        height: 88px;
        justify-content: space-between;
    }
}
@media only screen and (min-width: 1025px) {
    .search-message-container .button-container {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
}
.search-message-container .button-container .search-on-google,
.search-message-container .button-container .search-on-google-scholar {
    width: 332px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    border-radius: 8px;
    border: 1px solid #dde1e7;
    background-color: #fff;
}
@media only screen and (min-width: 280px) {
    .search-message-container .button-container .search-on-google,
    .search-message-container .button-container .search-on-google-scholar {
        width: 100%;
    }
}
@media only screen and (min-width: 1025px) {
    .search-message-container .button-container .search-on-google,
    .search-message-container .button-container .search-on-google-scholar {
        width: 332px;
    }
}
.search-message-container .button-container .search-on-google-scholar span,
.search-message-container .button-container .search-on-google span {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    color: #787d86;
    margin-right: 8px;
}
.search-message-container .button-container .search-on-google-scholar img,
.search-message-container .button-container .search-on-google img {
    height: 17px;
    width: auto;
}
.search-message-container .button-container .search-on-google-scholar:hover,
.search-message-container .button-container .search-on-google:hover {
    background-color: #f6f8fa;
}
.my-highlights.desktop {
    position: relative;
    margin-top: 40px;
}
.my-highlights.desktop.tag-depth,
.my-highlights.desktop.tag-depth .page-header.page-select {
    margin-top: 0;
}
.my-highlights.desktop .my-highlights-info .title-container {
    display: flex;
    text-align: center;
}
.my-highlights.desktop .my-highlights-info .title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 32px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.8px;
    color: #272b31;
    margin: 0 0 16px 16px;
}
.my-highlights.desktop .my-highlights-info .summary {
    position: relative;
    display: inline-flex;
    margin-left: 16px;
}
.my-highlights.desktop .my-highlights-info .summary .pages {
    margin-right: 10px;
}
.my-highlights.desktop .my-highlights-info .summary .middle-dot {
    background-image: url(/src/images/dot.svg);
    width: 2px;
    height: 2px;
    align-self: center;
}
.my-highlights.desktop .my-highlights-info .summary .highlights {
    margin-left: 10px;
}
.my-highlights.desktop .my-highlights-info .summary .highlights,
.my-highlights.desktop .my-highlights-info .summary .pages {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    color: #787d86;
}
.my-highlights.desktop .page-header.my-highlights {
    position: sticky;
    position: -webkit-sticky;
    top: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    z-index: 1;
}
.my-highlights.desktop .page-header.my-highlights .tab-container {
    display: flex;
    align-items: center;
    position: relative;
}
.my-highlights.desktop .page-header.my-highlights .tab-container .trigger {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 0;
    top: -5px;
}
.my-highlights.desktop .page-header.my-highlights .tab-container .tab-item {
    padding: 11px 16px;
    border-radius: 8px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    margin-right: 8px;
}
.my-highlights.desktop .page-header.my-highlights .tab-container .tab-item.active {
    background-color: #eef1f4;
    color: #52565d;
}
.my-highlights.desktop .page-header.my-highlights .tab-container .tab-item.inactive {
    background-color: #fff;
    color: #969aa2;
}
.my-highlights.desktop .page-header.my-highlights .tab-container .tab-item.inactive:hover {
    background-color: #f6f8fa;
}
.my-highlights.desktop .page-header.my-highlights .tag-filter-reset {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    text-align: right;
    color: #969aa2;
    margin-left: 8px;
    margin-right: 4px;
}
.my-highlights.desktop .page-header.my-highlights .tag-filter-reset:hover {
    color: #787d86;
}
.my-highlights.desktop .page-header.my-highlights .filter-button-container {
    display: flex;
    align-items: center;
}
.my-highlights.desktop .page-header.my-highlights .filter-button-container .tag-filter-button {
    position: relative;
    top: 2px;
}
.my-highlights.desktop .page-header.my-highlights .filter-button-container .search-button,
.my-highlights.desktop .page-header.my-highlights .filter-button-container .tag-filter-button {
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
}
.my-highlights.desktop .page-header.my-highlights .filter-button-container .search-button:hover,
.my-highlights.desktop .page-header.my-highlights .filter-button-container .tag-filter-button:hover {
    background-color: #f6f8fa;
    border-radius: 50%;
}
.my-highlights.desktop .page-header.my-highlights .filter-button-container .tag-filter-button {
    background-image: url(/src/images/filter-header.svg);
}
.my-highlights.desktop .page-header.my-highlights .filter-button-container .search-button {
    background-image: url(/src/images/search-header.svg);
}
.my-highlights.desktop .page-header.my-highlights .search-form {
    margin-left: 16px;
    width: 100%;
    flex-shrink: 1;
    display: flex;
    justify-content: space-between;
}
.my-highlights.desktop .page-header.my-highlights .search-form .input-wrapper {
    position: relative;
    width: 100%;
}
.my-highlights.desktop .page-header.my-highlights .search-form input.search-bar {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    flex-shrink: 1;
    height: 32px;
    border-radius: 8px;
    border: 1px solid #eef1f4;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
    padding: 8px 16px;
}
.my-highlights.desktop .page-header.my-highlights .search-form input.search-bar:focus {
    border: 1px solid #dde1e7;
}
.my-highlights.desktop .page-header.my-highlights .search-form input::-webkit-input-placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
    opacity: 0.3;
}
.my-highlights.desktop .page-header.my-highlights .search-form input:-ms-input-placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
    opacity: 0.3;
}
.my-highlights.desktop .page-header.my-highlights .search-form input::-ms-input-placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
    opacity: 0.3;
}
.my-highlights.desktop .page-header.my-highlights .search-form input::placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
    opacity: 0.3;
}
.my-highlights.desktop .page-header.my-highlights .search-form .search-button {
    background-image: url(/src/images/search-header.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 32px;
    height: 32px;
    margin-left: auto;
    flex-shrink: 0;
    position: absolute;
    right: 10px;
}
.my-highlights.desktop .page-header.my-highlights .search-form .close-button {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #787d86;
    border-radius: 8px;
    margin-left: 16px;
    padding: 0 8px;
    white-space: nowrap;
}
.my-highlights.desktop .page-header.my-highlights .search-form .close-button:hover,
.my-highlights.desktop .page-header.my-highlights .search-form .search-button:hover {
    background-color: #eef1f4;
}
.my-highlights.desktop .page-header.my-highlights .tag-search-bar {
    position: absolute;
    right: 16px;
}
.my-highlights.desktop .page-header.my-highlights .tag-search-bar .tag-search-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 240px;
    height: 32px;
    border-radius: 8px;
    border: 1px solid #eef1f4;
    padding: 8px 40px 8px 16px;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
}
.my-highlights.desktop .page-header.my-highlights .tag-search-bar .tag-search-input:focus {
    border: 1px solid #dde1e7;
}
.my-highlights.desktop .page-header.my-highlights .tag-search-bar .tag-search-input::-webkit-input-placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
    opacity: 0.3;
}
.my-highlights.desktop .page-header.my-highlights .tag-search-bar .tag-search-input:-ms-input-placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
    opacity: 0.3;
}
.my-highlights.desktop .page-header.my-highlights .tag-search-bar .tag-search-input::-ms-input-placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
    opacity: 0.3;
}
.my-highlights.desktop .page-header.my-highlights .tag-search-bar .tag-search-input::placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
    opacity: 0.3;
}
.my-highlights.desktop .page-header.my-highlights .tag-search-bar .search-button {
    background-image: url(/src/images/search-header.svg);
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    position: absolute;
    right: 4px;
    display: inline;
}
.my-highlights.desktop .page-header.my-highlights .tag-search-bar .search-button:hover {
    background-color: #eef1f4;
    border-radius: 50%;
}
.my-highlights.desktop .search-option-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    height: 34px;
}
.my-highlights.desktop .search-option-container .search-message {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    color: #969aa2;
}
.my-highlights.desktop .result-empty-message {
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    text-align: center;
    padding: 40px 0;
}
.my-highlights.desktop .result-empty-message,
.my-highlights.desktop .tag-depth-nopage {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.4px;
    color: #969aa2;
    display: flex;
    justify-content: center;
}
.my-highlights.desktop .tag-depth-nopage {
    width: 100%;
    height: 300px;
    align-items: center;
}
.my-highlights.landscape {
    position: relative;
    margin-top: 40px;
    width: 624px;
}
.my-highlights.landscape.tag-depth,
.my-highlights.landscape.tag-depth .page-header.page-select {
    margin-top: 0;
}
.my-highlights.landscape .my-highlights-info .title-container {
    display: flex;
    text-align: center;
    align-items: center;
    height: 40px;
}
.my-highlights.landscape .my-highlights-info .title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 32px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.8px;
    color: #272b31;
}
.my-highlights.landscape .my-highlights-info .summary {
    position: relative;
    display: inline-flex;
    margin-top: 16px;
}
.my-highlights.landscape .my-highlights-info .summary .pages {
    margin-right: 10px;
}
.my-highlights.landscape .my-highlights-info .summary .middle-dot {
    background-image: url(/src/images/dot.svg);
    width: 2px;
    height: 2px;
    align-self: center;
}
.my-highlights.landscape .my-highlights-info .summary .highlights {
    margin-left: 10px;
}
.my-highlights.landscape .my-highlights-info .summary .highlights,
.my-highlights.landscape .my-highlights-info .summary .pages {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    color: #787d86;
}
.my-highlights.landscape .page-header.my-highlights {
    position: sticky;
    position: -webkit-sticky;
    top: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    z-index: 1;
    width: 624px;
}
.my-highlights.landscape .page-header.my-highlights .tab-container {
    display: flex;
    align-items: center;
    position: relative;
}
.my-highlights.landscape .page-header.my-highlights .tab-container .trigger {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 0;
    top: -5px;
}
.my-highlights.landscape .page-header.my-highlights .tab-container .tab-item {
    padding: 11px 16px;
    border-radius: 8px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    margin-right: 8px;
}
.my-highlights.landscape .page-header.my-highlights .tab-container .tab-item.active {
    background-color: #eef1f4;
    color: #52565d;
}
.my-highlights.landscape .page-header.my-highlights .tab-container .tab-item.inactive {
    background-color: #fff;
    color: #969aa2;
}
.my-highlights.landscape .page-header.my-highlights .tab-container .tab-item.inactive:hover {
    background-color: #f6f8fa;
}
.my-highlights.landscape .page-header.my-highlights .tag-filter-reset {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    text-align: right;
    color: #969aa2;
    margin-left: 8px;
    margin-right: 4px;
}
.my-highlights.landscape .page-header.my-highlights .tag-filter-reset:hover {
    color: #787d86;
}
.my-highlights.landscape .page-header.my-highlights .filter-button-container {
    display: flex;
    align-items: center;
}
.my-highlights.landscape .page-header.my-highlights .filter-button-container .tag-filter-button {
    position: relative;
    top: 2px;
}
.my-highlights.landscape .page-header.my-highlights .filter-button-container .search-button,
.my-highlights.landscape .page-header.my-highlights .filter-button-container .tag-filter-button {
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
}
.my-highlights.landscape .page-header.my-highlights .filter-button-container .search-button:hover,
.my-highlights.landscape .page-header.my-highlights .filter-button-container .tag-filter-button:hover {
    background-color: #f6f8fa;
    border-radius: 50%;
}
.my-highlights.landscape .page-header.my-highlights .filter-button-container .tag-filter-button {
    background-image: url(/src/images/filter-header.svg);
}
.my-highlights.landscape .page-header.my-highlights .filter-button-container .search-button {
    background-image: url(/src/images/search-header.svg);
}
.my-highlights.landscape .page-header.my-highlights .search-form {
    margin-left: 16px;
    width: 100%;
    flex-shrink: 1;
    display: flex;
    justify-content: space-between;
}
.my-highlights.landscape .page-header.my-highlights .search-form .input-wrapper {
    position: relative;
    width: 100%;
}
.my-highlights.landscape .page-header.my-highlights .search-form input.search-bar {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    flex-shrink: 1;
    height: 32px;
    border-radius: 8px;
    border: 1px solid #eef1f4;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
    padding: 8px 16px;
}
.my-highlights.landscape .page-header.my-highlights .search-form input.search-bar:focus {
    border: 1px solid #dde1e7;
}
.my-highlights.landscape .page-header.my-highlights .search-form input::-webkit-input-placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
    opacity: 0.3;
}
.my-highlights.landscape .page-header.my-highlights .search-form input:-ms-input-placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
    opacity: 0.3;
}
.my-highlights.landscape .page-header.my-highlights .search-form input::-ms-input-placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
    opacity: 0.3;
}
.my-highlights.landscape .page-header.my-highlights .search-form input::placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
    opacity: 0.3;
}
.my-highlights.landscape .page-header.my-highlights .search-form .search-button {
    background-image: url(/src/images/search-header.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 32px;
    height: 32px;
    margin-left: auto;
    flex-shrink: 0;
    position: absolute;
    right: 10px;
}
.my-highlights.landscape .page-header.my-highlights .search-form .close-button {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #787d86;
    border-radius: 8px;
    margin-left: 16px;
    padding: 0 8px;
    white-space: nowrap;
}
.my-highlights.landscape .page-header.my-highlights .search-form .close-button:hover,
.my-highlights.landscape .page-header.my-highlights .search-form .search-button:hover {
    background-color: #eef1f4;
}
.my-highlights.landscape .page-header.my-highlights .tag-search-bar {
    position: absolute;
    right: 0;
}
.my-highlights.landscape .page-header.my-highlights .tag-search-bar .tag-search-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 240px;
    height: 32px;
    border-radius: 8px;
    border: 1px solid #eef1f4;
    padding: 8px 40px 8px 16px;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
}
.my-highlights.landscape .page-header.my-highlights .tag-search-bar .tag-search-input:focus {
    border: 1px solid #dde1e7;
}
.my-highlights.landscape .page-header.my-highlights .tag-search-bar .tag-search-input::-webkit-input-placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
    opacity: 0.3;
}
.my-highlights.landscape .page-header.my-highlights .tag-search-bar .tag-search-input:-ms-input-placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
    opacity: 0.3;
}
.my-highlights.landscape .page-header.my-highlights .tag-search-bar .tag-search-input::-ms-input-placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
    opacity: 0.3;
}
.my-highlights.landscape .page-header.my-highlights .tag-search-bar .tag-search-input::placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
    opacity: 0.3;
}
.my-highlights.landscape .page-header.my-highlights .tag-search-bar .search-button {
    background-image: url(/src/images/search-header.svg);
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    position: absolute;
    right: 4px;
    display: inline;
}
.my-highlights.landscape .page-header.my-highlights .tag-search-bar .search-button:hover {
    background-color: #eef1f4;
    border-radius: 50%;
}
.my-highlights.landscape .page-header.tag-depth {
    width: 624px;
    padding: 0;
}
.my-highlights.landscape .search-option-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 34px;
}
.my-highlights.landscape .search-option-container .search-message {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    color: #969aa2;
}
.my-highlights.landscape .result-empty-message {
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    text-align: center;
    padding: 40px 0;
}
.my-highlights.landscape .result-empty-message,
.my-highlights.landscape .tag-depth-nopage {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.4px;
    color: #969aa2;
    display: flex;
    justify-content: center;
}
.my-highlights.landscape .tag-depth-nopage {
    width: 624px;
    height: 200px;
    align-items: center;
}
.my-highlights.portrait {
    position: relative;
    margin-top: 40px;
    width: 624px;
}
.my-highlights.portrait.tag-depth {
    margin-top: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 100px;
}
.my-highlights.portrait.tag-depth .page-header.page-select {
    margin-top: 0;
    width: 100vw;
    padding: 0 20px;
}
.my-highlights.portrait .my-highlights-info .title-container {
    display: flex;
    text-align: center;
}
.my-highlights.portrait .my-highlights-info .title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 32px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.8px;
    color: #272b31;
    margin: 0 0 16px;
}
.my-highlights.portrait .my-highlights-info .summary {
    position: relative;
    display: inline-flex;
}
.my-highlights.portrait .my-highlights-info .summary .pages {
    margin-right: 10px;
}
.my-highlights.portrait .my-highlights-info .summary .middle-dot {
    background-image: url(/src/images/dot.svg);
    width: 2px;
    height: 2px;
    align-self: center;
}
.my-highlights.portrait .my-highlights-info .summary .highlights {
    margin-left: 10px;
}
.my-highlights.portrait .my-highlights-info .add,
.my-highlights.portrait .my-highlights-info .summary .highlights,
.my-highlights.portrait .my-highlights-info .summary .pages {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    color: #787d86;
}
.my-highlights.portrait .my-highlights-info .add {
    width: 74px;
    height: 32px;
    border-radius: 8px;
    border: 1px solid #dde1e7;
    position: absolute;
    right: 0;
    top: 2px;
}
.my-highlights.portrait .my-highlights-info .add:hover {
    background-color: #f6f8fa;
}
.my-highlights.portrait .page-header.my-highlights {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 56px;
    padding: 0;
    z-index: 1;
    width: 624px;
}
.my-highlights.portrait .page-header.my-highlights .tab-container {
    display: flex;
    align-items: center;
    position: relative;
}
.my-highlights.portrait .page-header.my-highlights .tab-container .trigger {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 0;
    top: -5px;
}
.my-highlights.portrait .page-header.my-highlights .tab-container .tab-item {
    padding: 11px 16px;
    border-radius: 8px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    margin-right: 8px;
}
.my-highlights.portrait .page-header.my-highlights .tab-container .tab-item.active {
    background-color: #eef1f4;
    color: #52565d;
}
.my-highlights.portrait .page-header.my-highlights .tab-container .tab-item.inactive {
    background-color: #fff;
    color: #969aa2;
}
.my-highlights.portrait .page-header.my-highlights .tab-container .tab-item.inactive:hover {
    background-color: #f6f8fa;
}
.my-highlights.portrait .page-header.my-highlights .tag-filter-reset {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    text-align: right;
    color: #969aa2;
    margin-left: 8px;
    margin-right: 4px;
}
.my-highlights.portrait .page-header.my-highlights .tag-filter-reset:hover {
    color: #787d86;
}
.my-highlights.portrait .page-header.my-highlights .filter-button-container {
    display: flex;
    align-items: center;
}
.my-highlights.portrait .page-header.my-highlights .filter-button-container .tag-filter-button {
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    position: relative;
    top: 2px;
}
.my-highlights.portrait .page-header.my-highlights .filter-button-container .search-button {
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    position: relative;
    top: 1px;
}
.my-highlights.portrait .page-header.my-highlights .filter-button-container .search-button:hover,
.my-highlights.portrait .page-header.my-highlights .filter-button-container .tag-filter-button:hover {
    background-color: #f6f8fa;
    border-radius: 50%;
}
.my-highlights.portrait .page-header.my-highlights .filter-button-container .tag-filter-button {
    background-image: url(/src/images/filter-header.svg);
}
.my-highlights.portrait .page-header.my-highlights .filter-button-container .search-button {
    background-image: url(/src/images/search-header.svg);
}
.my-highlights.portrait .page-header.my-highlights .search-form {
    margin-left: 16px;
    width: 100%;
    flex-shrink: 1;
    display: flex;
    justify-content: space-between;
}
.my-highlights.portrait .page-header.my-highlights .search-form .input-wrapper {
    position: relative;
    width: 100%;
}
.my-highlights.portrait .page-header.my-highlights .search-form input.search-bar {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    flex-shrink: 1;
    height: 32px;
    border-radius: 8px;
    border: 1px solid #eef1f4;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
    padding: 8px 16px;
}
.my-highlights.portrait .page-header.my-highlights .search-form input.search-bar:focus {
    border: 1px solid #dde1e7;
}
.my-highlights.portrait .page-header.my-highlights .search-form input::-webkit-input-placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
    opacity: 0.3;
}
.my-highlights.portrait .page-header.my-highlights .search-form input:-ms-input-placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
    opacity: 0.3;
}
.my-highlights.portrait .page-header.my-highlights .search-form input::-ms-input-placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
    opacity: 0.3;
}
.my-highlights.portrait .page-header.my-highlights .search-form input::placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
    opacity: 0.3;
}
.my-highlights.portrait .page-header.my-highlights .search-form .search-button {
    background-image: url(/src/images/search-header.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 32px;
    height: 32px;
    margin-left: auto;
    flex-shrink: 0;
    position: absolute;
    right: 10px;
    top: 0;
}
.my-highlights.portrait .page-header.my-highlights .search-form .close-button {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #787d86;
    border-radius: 8px;
    margin-left: 16px;
    padding: 0 8px;
    white-space: nowrap;
}
.my-highlights.portrait .page-header.my-highlights .search-form .close-button:hover,
.my-highlights.portrait .page-header.my-highlights .search-form .search-button:hover {
    background-color: #eef1f4;
}
.my-highlights.portrait .page-header.my-highlights .tag-search-bar {
    position: absolute;
    right: 0;
}
.my-highlights.portrait .page-header.my-highlights .tag-search-bar .tag-search-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 240px;
    height: 32px;
    border-radius: 8px;
    border: 1px solid #eef1f4;
    padding: 8px 40px 8px 16px;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
}
.my-highlights.portrait .page-header.my-highlights .tag-search-bar .tag-search-input:focus {
    border: 1px solid #dde1e7;
}
.my-highlights.portrait .page-header.my-highlights .tag-search-bar .tag-search-input::-webkit-input-placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
    opacity: 0.3;
}
.my-highlights.portrait .page-header.my-highlights .tag-search-bar .tag-search-input:-ms-input-placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
    opacity: 0.3;
}
.my-highlights.portrait .page-header.my-highlights .tag-search-bar .tag-search-input::-ms-input-placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
    opacity: 0.3;
}
.my-highlights.portrait .page-header.my-highlights .tag-search-bar .tag-search-input::placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
    opacity: 0.3;
}
.my-highlights.portrait .page-header.my-highlights .tag-search-bar .search-button {
    background-image: url(/src/images/search-header.svg);
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    position: absolute;
    right: 4px;
    display: inline;
}
.my-highlights.portrait .page-header.my-highlights .tag-search-bar .search-button:hover {
    background-color: #eef1f4;
    border-radius: 50%;
}
.my-highlights.portrait .page-header.tag-depth {
    width: 100vw;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    height: 56px;
    border-bottom: 1px solid #eef1f4;
}
.my-highlights.portrait .search-option-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 34px;
}
.my-highlights.portrait .search-option-container .search-message {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    color: #969aa2;
}
.my-highlights.portrait .result-empty-message {
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    text-align: center;
    padding: 40px 0;
}
.my-highlights.portrait .result-empty-message,
.my-highlights.portrait .tag-depth-nopage {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.4px;
    color: #969aa2;
    display: flex;
    justify-content: center;
}
.my-highlights.portrait .tag-depth-nopage {
    width: 624px;
    height: 200px;
    align-items: center;
}
.my-highlights.mobile {
    padding: 0 20px;
    position: relative;
    width: 100%;
}
.my-highlights.mobile .my-highlights-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}
.my-highlights.mobile .my-highlights-header .title-container {
    display: flex;
    height: 49px;
    align-items: center;
}
.my-highlights.mobile .my-highlights-header .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.8px;
    color: #272b31;
}
.my-highlights.mobile .my-highlights-header .add,
.my-highlights.mobile .my-highlights-header .title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-stretch: normal;
    font-style: normal;
}
.my-highlights.mobile .my-highlights-header .add {
    width: 74px;
    height: 32px;
    border-radius: 8px;
    border: 1px solid #dde1e7;
    font-weight: 500;
    line-height: normal;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #787d86;
}
.my-highlights.mobile .my-highlights-header .add:hover {
    background-color: #f6f8fa;
}
.my-highlights.mobile .my-highlights-header .more {
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-image: url(/src/images/more-bold.svg);
}
.my-highlights.mobile .page-header.my-highlights {
    height: 96px;
    padding: 0;
    z-index: 1;
    width: 100%;
}
.my-highlights.mobile .page-header.my-highlights .tab-container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 48px;
    width: 100vw;
    margin-left: -20px;
    border-bottom: 1px solid #eef1f4;
}
.my-highlights.mobile .page-header.my-highlights .tab-container .trigger {
    width: 32px;
    height: 32px;
    position: absolute;
    margin-top: -30px;
    margin-left: -25px;
}
.my-highlights.mobile .page-header.my-highlights .tab-container .tab-item {
    padding: 7px 16px;
    border-radius: 8px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    margin-right: 8px;
    position: relative;
}
.my-highlights.mobile .page-header.my-highlights .tab-container .tab-item .tooltip-triangle {
    width: 19px;
    height: 19px;
    background-color: #52565d;
    position: absolute;
    transform: rotate(45deg);
    z-index: 100;
    border-top-left-radius: 4px;
    border-top: 1px solid #969aa2;
    border-left: 1px solid #969aa2;
    top: 50px;
}
.my-highlights.mobile .page-header.my-highlights .tab-container .tab-item.active {
    background-color: #eef1f4;
    color: #52565d;
}
.my-highlights.mobile .page-header.my-highlights .tab-container .tab-item.inactive {
    background-color: #fff;
    color: #969aa2;
}
.my-highlights.mobile .page-header.my-highlights .tab-container .tab-item + .tab-item {
    margin-left: 95px;
}
.my-highlights.mobile .page-header.my-highlights .tag-filter-reset {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    text-align: right;
    color: #969aa2;
    margin-left: 8px;
    margin-right: 4px;
}
.my-highlights.mobile .page-header.my-highlights .tag-filter-reset:hover {
    color: #787d86;
}
.my-highlights.mobile .page-header.my-highlights .filter-button-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 48px;
}
.my-highlights.mobile .page-header.my-highlights .filter-button-container .filter-search-tags-wrapper {
    display: flex;
    align-items: center;
    height: 32px;
}
.my-highlights.mobile .page-header.my-highlights .filter-button-container .tag-filter-button {
    position: relative;
    top: 2px;
}
.my-highlights.mobile .page-header.my-highlights .filter-button-container .search-button,
.my-highlights.mobile .page-header.my-highlights .filter-button-container .tag-filter-button {
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
}
.my-highlights.mobile .page-header.my-highlights .filter-button-container .search-button:hover,
.my-highlights.mobile .page-header.my-highlights .filter-button-container .tag-filter-button:hover {
    background-color: #f6f8fa;
    border-radius: 50%;
}
.my-highlights.mobile .page-header.my-highlights .filter-button-container .tag-filter-button {
    background-image: url(/src/images/filter-header.svg);
}
.my-highlights.mobile .page-header.my-highlights .filter-button-container .search-button {
    background-image: url(/src/images/search-header.svg);
}
.my-highlights.mobile .page-header.my-highlights .search-form {
    display: flex;
    width: 100%;
    flex-shrink: 1;
}
.my-highlights.mobile .page-header.my-highlights .search-form input.search-bar {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: calc(100vw - 96px);
    flex-shrink: 1;
    height: 32px;
    border-radius: 8px;
    border: 1px solid #eef1f4;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
    padding: 8px 16px;
}
.my-highlights.mobile .page-header.my-highlights .search-form input.search-bar:focus {
    border: 1px solid #dde1e7;
}
.my-highlights.mobile .page-header.my-highlights .search-form input::-webkit-input-placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
    opacity: 0.3;
}
.my-highlights.mobile .page-header.my-highlights .search-form input:-ms-input-placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
    opacity: 0.3;
}
.my-highlights.mobile .page-header.my-highlights .search-form input::-ms-input-placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
    opacity: 0.3;
}
.my-highlights.mobile .page-header.my-highlights .search-form input::placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
    opacity: 0.3;
}
.my-highlights.mobile .page-header.my-highlights .search-form .search-button {
    background-image: url(/src/images/search-header.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 32px;
    height: 32px;
    margin-left: auto;
    flex-shrink: 0;
    position: absolute;
    left: calc(100vw - 130px);
}
.my-highlights.mobile .page-header.my-highlights .search-form .close-button {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #787d86;
    border-radius: 8px;
    margin-left: 16px;
    padding: 0 8px;
}
.my-highlights.mobile .page-header.my-highlights .search-form .close-button:hover,
.my-highlights.mobile .page-header.my-highlights .search-form .search-button:hover {
    background-color: #eef1f4;
}
.my-highlights.mobile .page-header.my-highlights .tag-search-bar {
    display: flex;
    height: 48px;
    align-items: center;
}
.my-highlights.mobile .page-header.my-highlights .tag-search-bar .tag-search-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: calc(100vw - 40px);
    flex-shrink: 1;
    height: 32px;
    border-radius: 8px;
    border: 1px solid #eef1f4;
    padding: 8px 40px 8px 16px;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
}
.my-highlights.mobile .page-header.my-highlights .tag-search-bar .tag-search-input:focus {
    border: 1px solid #dde1e7;
}
.my-highlights.mobile .page-header.my-highlights .tag-search-bar .tag-search-input::-webkit-input-placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
    opacity: 0.3;
}
.my-highlights.mobile .page-header.my-highlights .tag-search-bar .tag-search-input:-ms-input-placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
    opacity: 0.3;
}
.my-highlights.mobile .page-header.my-highlights .tag-search-bar .tag-search-input::-ms-input-placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
    opacity: 0.3;
}
.my-highlights.mobile .page-header.my-highlights .tag-search-bar .tag-search-input::placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #555;
    opacity: 0.3;
}
.my-highlights.mobile .page-header.my-highlights .tag-search-bar .search-button {
    background-image: url(/src/images/search-header.svg);
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    position: absolute;
    right: 4px;
    display: inline;
}
.my-highlights.mobile .page-header.my-highlights .tag-search-bar .search-button:hover {
    background-color: #eef1f4;
    border-radius: 50%;
}
.my-highlights.mobile .page-header.tag-depth {
    width: 100vw;
    padding: 0 0 0 20px;
    height: 48px;
    margin-left: -20px;
    border-bottom: 1px solid #eef1f4;
}
.my-highlights.mobile .search-option-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 34px;
}
.my-highlights.mobile .search-option-container .search-message {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    color: #969aa2;
}
.my-highlights.mobile .result-empty-message {
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    text-align: center;
    padding: 40px 0;
}
.my-highlights.mobile .result-empty-message,
.my-highlights.mobile .tag-depth-nopage {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.4px;
    color: #969aa2;
    display: flex;
    justify-content: center;
}
.my-highlights.mobile .tag-depth-nopage {
    width: 624px;
    height: 200px;
    align-items: center;
}
.my-tags-container {
    margin-top: 8px;
}
.my-tags-container.desktop {
    padding: 0 16px;
}
.my-tags-container.desktop .my-tag {
    width: 680px;
}
.my-tags-container .title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    color: #787d86;
    margin-top: 24px;
    margin-bottom: 8px;
    display: inline-flex;
}
.my-tags-container .title .info-icon {
    background-repeat: no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    background-image: url(/src/images/info-fill.svg);
    margin-left: 8px;
}
.my-tags-container .shared-tags,
.my-tags-container .tags-wrapper {
    margin-bottom: 100px;
}
.my-tags-container .shared-tags .my-tag,
.my-tags-container .tags-wrapper .my-tag {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px;
}
.my-tags-container .shared-tags .my-tag .tag-container,
.my-tags-container .tags-wrapper .my-tag .tag-container {
    display: flex;
    justify-content: center;
    align-items: center;
}
.my-tags-container .shared-tags .my-tag .tag-container .tag-icon,
.my-tags-container .shared-tags .my-tag .tag-container .tag-icon.loading,
.my-tags-container .tags-wrapper .my-tag .tag-container .tag-icon,
.my-tags-container .tags-wrapper .my-tag .tag-container .tag-icon.loading {
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    background-image: url(/src/images/tags.svg);
    margin-right: 16px;
}
.my-tags-container .shared-tags .my-tag .tag-container .tag-info-container,
.my-tags-container .tags-wrapper .my-tag .tag-container .tag-info-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.my-tags-container .shared-tags .my-tag .tag-container .tag-info-container .tag,
.my-tags-container .tags-wrapper .my-tag .tag-container .tag-info-container .tag {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.4px;
    color: #52565d;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.my-tags-container .shared-tags .my-tag .tag-container .tag-info-container .tag-info,
.my-tags-container .tags-wrapper .my-tag .tag-container .tag-info-container .tag-info {
    display: flex;
    align-items: center;
}
.my-tags-container .shared-tags .my-tag .tag-container .tag-info-container .tag-info .page,
.my-tags-container .shared-tags .my-tag .tag-container .tag-info-container .tag-info .shared,
.my-tags-container .tags-wrapper .my-tag .tag-container .tag-info-container .tag-info .page,
.my-tags-container .tags-wrapper .my-tag .tag-container .tag-info-container .tag-info .shared {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    color: #787d86;
}
.my-tags-container .shared-tags .my-tag .tag-container .tag-info-container .tag-info div + div,
.my-tags-container .tags-wrapper .my-tag .tag-container .tag-info-container .tag-info div + div {
    margin-left: 8px;
}
.my-tags-container .shared-tags .my-tag .tag-container .tag-info-container .tag-info .shared .vertical-line,
.my-tags-container .tags-wrapper .my-tag .tag-container .tag-info-container .tag-info .shared .vertical-line {
    border-left: 1px solid #dde1e7;
    height: 12px;
    margin-right: 8px;
}
.my-tags-container .shared-tags .my-tag .tag-container .tag-info-container .tag.loading,
.my-tags-container .tags-wrapper .my-tag .tag-container .tag-info-container .tag.loading {
    width: 173px;
    height: 19px;
    border-radius: 4px;
    background-color: #f6f8fa;
}
.my-tags-container .shared-tags .my-tag .tag-container .tag-info-container .tag-info.loading,
.my-tags-container .tags-wrapper .my-tag .tag-container .tag-info-container .tag-info.loading {
    width: 105px;
    height: 15px;
    border-radius: 4px;
    background-color: #f6f8fa;
}
.my-tags-container .shared-tags .my-tag .tag-button-container,
.my-tags-container .tags-wrapper .my-tag .tag-button-container {
    display: flex;
    align-items: center;
}
.my-tags-container .shared-tags .my-tag .tag-button-container .tag-share-button,
.my-tags-container .tags-wrapper .my-tag .tag-button-container .tag-share-button {
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-image: url(/src/images/tagshare-header.svg);
}
.my-tags-container .shared-tags .my-tag .tag-button-container .tag-more-button,
.my-tags-container .tags-wrapper .my-tag .tag-button-container .tag-more-button {
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-image: url(/src/images/more-light.svg);
}
.my-tags-container .shared-tags .my-tag + .my-tag,
.my-tags-container .tags-wrapper .my-tag + .my-tag {
    border-top: 1px solid #eef1f4;
}
.my-tags-container .no-tags-message {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.4px;
    text-align: center;
    color: #969aa2;
    margin-top: 33px;
    margin-bottom: 16px;
}
.more.desktop,
.more.landscape,
.more.portrait {
    width: 888px;
    position: absolute;
    margin-top: 40px;
    padding-left: 15px;
}
.more.desktop .title,
.more.landscape .title,
.more.portrait .title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    font-size: 32px;
    letter-spacing: -0.8px;
    color: #272b31;
}
.more.desktop .card-container,
.more.landscape .card-container,
.more.portrait .card-container {
    margin-top: 40px;
}
.more.desktop section,
.more.landscape section,
.more.portrait section {
    margin-bottom: 16px;
}
.more.desktop section .section-label,
.more.landscape section .section-label,
.more.portrait section .section-label {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #787d86;
}
.more.desktop section .section-card-wrap,
.more.landscape section .section-card-wrap,
.more.portrait section .section-card-wrap {
    display: flex;
    margin-top: 16px;
}
.more.desktop .card-inner-wrap + .card-inner-wrap,
.more.landscape .card-inner-wrap + .card-inner-wrap,
.more.portrait .card-inner-wrap + .card-inner-wrap {
    margin-left: 24px;
}
.more.desktop .card,
.more.landscape .card,
.more.portrait .card {
    width: 280px;
    height: 160px;
    border: 1px solid #dde1e7;
    border-radius: 8px;
    padding: 16px 20px;
}
.more.desktop .card .card-icon,
.more.landscape .card .card-icon,
.more.portrait .card .card-icon {
    background-repeat: no-repeat;
    background-size: 48px 48px;
    width: 48px;
    height: 48px;
}
.more.desktop .card .card-icon#profile,
.more.landscape .card .card-icon#profile,
.more.portrait .card .card-icon#profile {
    background-image: url(/src/images/more-account.svg);
}
.more.desktop .card .card-icon#highlights,
.more.landscape .card .card-icon#highlights,
.more.portrait .card .card-icon#highlights {
    background-image: url(/src/images/more-highlights.svg);
}
.more.desktop .card .card-icon#subscription,
.more.landscape .card .card-icon#subscription,
.more.portrait .card .card-icon#subscription {
    background-image: url(/src/images/more-subscription.svg);
}
.more.desktop .card .card-icon#trash,
.more.landscape .card .card-icon#trash,
.more.portrait .card .card-icon#trash {
    background-image: url(/src/images/more-trash.svg);
}
.more.desktop .card .card-icon#support,
.more.landscape .card .card-icon#support,
.more.portrait .card .card-icon#support {
    background-image: url(/src/images/more-support.svg);
}
.more.desktop .card .card-icon#terms_privacy,
.more.landscape .card .card-icon#terms_privacy,
.more.portrait .card .card-icon#terms_privacy {
    background-image: url(/src/images/more-termsnprivacy.svg);
}
.more.desktop .card .card-icon#whats_new,
.more.landscape .card .card-icon#whats_new,
.more.portrait .card .card-icon#whats_new {
    background-image: url(/src/images/more-whatsnew.svg);
}
.more.desktop .card .card-title,
.more.landscape .card .card-title,
.more.portrait .card .card-title {
    margin-top: 10px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 22px;
    font-size: 18px;
    letter-spacing: -0.45px;
    color: #52565d;
}
.more.desktop .card .card-contents,
.more.landscape .card .card-contents,
.more.portrait .card .card-contents {
    margin-top: 8px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #787d86;
}
.more.landscape {
    width: 888px;
}
.more.landscape,
.more.portrait {
    position: static;
    padding-left: 0;
    margin-top: 40px;
}
.more.portrait {
    width: 624px;
    margin-bottom: 100px;
}
.more.portrait section {
    margin-bottom: 16px;
}
.more.portrait section .section-label {
    margin-bottom: 16px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #787d86;
}
.more.portrait section .section-card-wrap {
    display: flex;
    margin-bottom: 24px;
}
.more.mobile {
    width: 100%;
    margin-top: 20px;
    padding: 0 20px;
}
.more.mobile .title {
    height: 49px;
    display: flex;
    align-items: center;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 24px;
    letter-spacing: -0.6px;
    color: #272b31;
}
.more.mobile .list-container {
    margin: 40px 0 80px;
}
.more.mobile section {
    margin-bottom: 24px;
}
.more.mobile section .section-label {
    margin-bottom: 16px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #787d86;
}
.more.mobile .divider {
    width: 100%;
    border-bottom: 1px solid #eef1f4;
}
.more.mobile .list-wrap .item {
    display: flex;
    align-items: center;
    height: 64px;
    padding: 12px 0;
}
.more.mobile .list-wrap .list-icon {
    background-repeat: no-repeat;
    background-size: 40px 40px;
    width: 40px;
    height: 40px;
    margin-right: 16px;
}
.more.mobile .list-wrap .list-icon#profile {
    background-image: url(/src/images/account_mobile.svg);
}
.more.mobile .list-wrap .list-icon#highlights {
    background-image: url(/src/images/highlights_mobile.svg);
}
.more.mobile .list-wrap .list-icon#subscription {
    background-image: url(/src/images/subscription_mobile.svg);
}
.more.mobile .list-wrap .list-icon#trash {
    background-image: url(/src/images/trash_mobile.svg);
}
.more.mobile .list-wrap .list-icon#support {
    background-image: url(/src/images/support_mobile.svg);
}
.more.mobile .list-wrap .list-icon#terms_privacy {
    background-image: url(/src/images/termsnprivacy_mobile.svg);
}
.more.mobile .list-wrap .list-icon#whats_new {
    background-image: url(/src/images/whatsnew_mobile.svg);
}
.more.mobile .list-wrap .list-title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 16px;
    letter-spacing: normal;
    color: #52565d;
}
.settings.landscape {
    margin-left: -16px;
}
.settings.mobile,
.settings.portrait {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.settings .settings-header {
    display: flex;
    align-items: center;
}
.settings .settings-header .back-btn {
    background-image: url(/src/images/back-header.svg);
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
}
.settings .settings-header .back-btn:hover {
    background-color: #f6f8fa;
    border-radius: 50%;
}
.settings .settings-header .section-name {
    margin-left: 4px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #52565d;
}
.settings .settings-header.desktop,
.settings .settings-header.landscape {
    margin: 0 8px;
    width: 624px;
    height: 40px;
}
.settings .settings-header.portrait {
    height: 56px;
    padding: 0 20px;
    width: 100vw;
    border-bottom: 1px solid #eef1f4;
}
.settings .settings-header.mobile {
    height: 48px;
    padding: 0 13px;
    width: 100vw;
    border-bottom: 1px solid #eef1f4;
}
.settings .profile.desktop {
    margin-top: 8px;
}
.settings .profile.desktop section {
    width: 680px;
    padding: 24px 0;
    margin: 0 16px;
    cursor: default;
}
.settings .profile.desktop section.email,
.settings .profile.desktop section.name {
    padding: 14px 0;
}
.settings .profile.desktop section label {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    color: #787d86;
    margin-bottom: 14px;
    display: block;
}
.settings .profile.desktop section div.input-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    position: relative;
    height: 40px;
}
.settings .profile.desktop section div.input-container div.input-inner-container.email,
.settings .profile.desktop section div.input-container div.input-inner-container.name {
    width: 100%;
    position: relative;
}
.settings .profile.desktop section div.input-container input {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    line-height: 20px;
    color: #333;
    padding: 11px 16px;
    width: 100%;
    height: 40px;
    background-color: #f6f8fa;
    border-radius: 8px;
    display: flex;
    align-items: center;
}
.settings .profile.desktop section div.input-container input:focus {
    background-color: #eef1f4;
}
.settings .profile.desktop section div.input-container input.error {
    background-color: transparent;
}
.settings .profile.desktop section div.input-container input::-ms-clear,
.settings .profile.desktop section div.input-container input::-ms-reveal {
    display: none;
}
.settings .profile.desktop section div.input-container input::-webkit-input-placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #333;
    opacity: 0.3;
    line-height: 20px;
}
.settings .profile.desktop section div.input-container input:-ms-input-placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #333;
    opacity: 0.3;
    line-height: 20px;
}
.settings .profile.desktop section div.input-container input::-ms-input-placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #333;
    opacity: 0.3;
    line-height: 20px;
}
.settings .profile.desktop section div.input-container input::placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #333;
    opacity: 0.3;
    line-height: 20px;
}
.settings .profile.desktop section div.input-container .caution-message {
    width: 100%;
    height: 40px;
    border-radius: 8px;
    background-color: rgba(243, 87, 80, 0.1);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    top: 0;
    padding-right: 16px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.35px;
    text-align: right;
    color: #f35750;
}
.settings .profile.desktop section div.input-container .caution-message.password {
    width: 680px;
}
.settings .profile.desktop section div.input-container .button-container {
    display: flex;
    margin-left: 8px;
    align-items: center;
    flex-shrink: 0;
}
.settings .profile.desktop section div.input-container .button-container button.label-button.positive {
    padding: 11px 8px;
    border-radius: 8px;
}
.settings .profile.desktop section div.input-container .button-container button.label-button.positive:hover {
    background-color: #e5f8f7;
    color: #00bdb8;
}
.settings .profile.desktop section div.input-container .button-container button.label-button.default {
    padding: 11px 8px;
    border-radius: 8px;
}
.settings .profile.desktop section div.input-container .button-container button.label-button.default:hover {
    background-color: #f6f8fa;
}
.settings .profile.desktop section div.check-password-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 14px;
    height: 20px;
}
.settings .profile.desktop section div.check-password-header button.link {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #969aa2;
    text-align: right;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}
.settings .profile.desktop section div.check-password-header button.link:hover {
    color: #52565d;
}
.settings .profile.desktop section div.input-container.check-password,
.settings .profile.desktop section div.input-container.new-password {
    margin-bottom: 24px;
    position: relative;
}
.settings .profile.desktop section div.input-container.check-password input,
.settings .profile.desktop section div.input-container.new-password input {
    width: 680px;
    height: 40px;
    padding-right: 40px;
}
.settings .profile.desktop section div.input-container.check-password input.error,
.settings .profile.desktop section div.input-container.new-password input.error {
    background-color: transparent;
}
.settings .profile.desktop section div.input-container.check-password .view,
.settings .profile.desktop section div.input-container.new-password .view {
    width: 18px;
    height: 13px;
    position: absolute;
    right: 16px;
    top: 13px;
    background-size: 18px 13px;
    background-position: 50%;
    background-repeat: no-repeat;
}
.settings .profile.desktop section div.input-container.check-password .tooltip.view-password,
.settings .profile.desktop section div.input-container.new-password .tooltip.view-password {
    right: -20px;
    top: 40px;
}
.settings .profile.desktop section div.input-container.confirm-password .input-inner-container {
    position: relative;
    width: 100%;
}
.settings .profile.desktop section div.input-container.confirm-password .input-inner-container input {
    width: 100%;
    height: 40px;
    padding-right: 40px;
}
.settings .profile.desktop section div.input-container.confirm-password .input-inner-container input.error {
    background-color: transparent;
}
.settings .profile.desktop section div.input-container.confirm-password .input-inner-container .view {
    width: 18px;
    height: 13px;
    position: absolute;
    right: 13px;
    top: 13px;
    background-size: 18px 13px;
    background-position: 50%;
    background-repeat: no-repeat;
}
.settings .profile.desktop section div.input-container.confirm-password .input-inner-container .tooltip.view-password {
    right: -20px;
}
.settings .profile.desktop section div.input-container.confirm-password .caution-message.confirm-password {
    width: 100%;
    position: absolute;
    top: 0;
}
.settings .profile.desktop section div.input {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    line-height: 20px;
    color: #333;
    height: 40px;
    display: flex;
    align-items: center;
}
.settings .profile.desktop section div.input .email-text-wrapper {
    display: flex;
    align-items: center;
}
.settings .profile.desktop section div.input span.name {
    max-width: 540px !important;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.settings .profile.desktop section div.input .verification-message {
    text-align: right;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #00bdb8;
    justify-self: flex-end;
    margin-left: auto;
}
.settings .profile.desktop section div.input .button-hover {
    position: static !important;
    margin-top: 0 !important;
}
.settings .profile.desktop section .language-section-title {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #787d86;
    margin: 0 0 8px;
}
.settings .profile.desktop section .language-section-title,
.settings .profile.desktop section .section-subtitle {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
}
.settings .profile.desktop section .section-subtitle {
    font-weight: 400;
    font-size: 12px;
    letter-spacing: normal;
    color: #969aa2;
    margin-bottom: 24px;
}
.settings .profile.desktop section .language-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.settings .profile.desktop section .language-container .language-chip {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.4px;
    text-align: center;
    padding: 6px 8px;
    border-radius: 8px;
    color: #787d86;
    background-color: #f6f8fa;
    flex-shrink: 0;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.settings .profile.desktop section .language-container .language-chip + .language-chip {
    margin-left: 16px;
}
.settings .profile.desktop section .language-container .language-chip:hover {
    background-color: #eef1f4;
}
.settings .profile.desktop section .language-container .language-chip.selected {
    background-color: #e5f8f7;
    font-weight: 700;
    color: #00bdb8;
}
.settings .profile.desktop div.input.password {
    height: 19px;
}
.settings .profile.desktop div.input.password .fakeinput {
    width: 50px;
    color: transparent;
    text-shadow: 0 0 0 #000;
    cursor: default !important;
}
.settings .profile.desktop div.input.password .fakeinput:focus {
    outline: none;
}
.settings .profile.desktop section + section {
    border-top: 1px solid #eef1f4;
}
.settings .profile.desktop section:hover .button-hover {
    margin-top: -8px;
    margin-left: 4px;
}
.settings .profile.desktop section:hover .button-hover .edit {
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    background-image: url(/src/images/edit.svg);
    position: absolute;
    margin-top: 4px;
    margin-left: 4px;
}
.settings .profile.desktop section#delete-account {
    border-top: none;
    margin-top: 32px;
}
.settings .profile.desktop section .log-out {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #787d86;
}
.settings .profile.desktop section .log-out:hover {
    color: #52565d;
}
.settings .profile.desktop section .delete-account {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #b0b4bd;
}
.settings .profile.landscape,
.settings .profile.portrait {
    margin-top: 8px;
}
.settings .profile.landscape section,
.settings .profile.portrait section {
    width: 624px;
    padding: 24px 0;
    margin: 0 16px;
    cursor: default;
}
.settings .profile.landscape section.email,
.settings .profile.landscape section.name,
.settings .profile.portrait section.email,
.settings .profile.portrait section.name {
    padding: 14px 0;
}
.settings .profile.landscape section label,
.settings .profile.portrait section label {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    color: #787d86;
    margin-bottom: 14px;
    display: block;
}
.settings .profile.landscape section div.input-container,
.settings .profile.portrait section div.input-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    position: relative;
    height: 40px;
}
.settings .profile.landscape section div.input-container div.input-inner-container.email,
.settings .profile.landscape section div.input-container div.input-inner-container.name,
.settings .profile.portrait section div.input-container div.input-inner-container.email,
.settings .profile.portrait section div.input-container div.input-inner-container.name {
    width: 100%;
    position: relative;
}
.settings .profile.landscape section div.input-container input,
.settings .profile.portrait section div.input-container input {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    line-height: 20px;
    color: #333;
    padding: 11px 16px;
    width: 100%;
    height: 40px;
    background-color: #f6f8fa;
    border-radius: 8px;
    display: flex;
    align-items: center;
}
.settings .profile.landscape section div.input-container input:focus,
.settings .profile.portrait section div.input-container input:focus {
    background-color: #eef1f4;
}
.settings .profile.landscape section div.input-container input.error,
.settings .profile.portrait section div.input-container input.error {
    background-color: transparent;
}
.settings .profile.landscape section div.input-container input::-ms-clear,
.settings .profile.landscape section div.input-container input::-ms-reveal,
.settings .profile.portrait section div.input-container input::-ms-clear,
.settings .profile.portrait section div.input-container input::-ms-reveal {
    display: none;
}
.settings .profile.landscape section div.input-container input::-webkit-input-placeholder,
.settings .profile.portrait section div.input-container input::-webkit-input-placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #333;
    opacity: 0.3;
    line-height: 20px;
}
.settings .profile.landscape section div.input-container input:-ms-input-placeholder,
.settings .profile.portrait section div.input-container input:-ms-input-placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #333;
    opacity: 0.3;
    line-height: 20px;
}
.settings .profile.landscape section div.input-container input::-ms-input-placeholder,
.settings .profile.portrait section div.input-container input::-ms-input-placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #333;
    opacity: 0.3;
    line-height: 20px;
}
.settings .profile.landscape section div.input-container input::placeholder,
.settings .profile.portrait section div.input-container input::placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #333;
    opacity: 0.3;
    line-height: 20px;
}
.settings .profile.landscape section div.input-container .caution-message,
.settings .profile.portrait section div.input-container .caution-message {
    width: 100%;
    height: 40px;
    border-radius: 8px;
    background-color: rgba(243, 87, 80, 0.1);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    top: 0;
    padding-right: 16px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.35px;
    text-align: right;
    color: #f35750;
}
.settings .profile.landscape section div.input-container .caution-message.password,
.settings .profile.portrait section div.input-container .caution-message.password {
    width: 100%;
}
.settings .profile.landscape section div.input-container .button-container,
.settings .profile.portrait section div.input-container .button-container {
    display: flex;
    margin-left: 8px;
    align-items: center;
    flex-shrink: 0;
}
.settings .profile.landscape section div.input-container .button-container button.label-button.positive,
.settings .profile.portrait section div.input-container .button-container button.label-button.positive {
    padding: 11px 8px;
    border-radius: 8px;
}
.settings .profile.landscape section div.input-container .button-container button.label-button.positive:hover,
.settings .profile.portrait section div.input-container .button-container button.label-button.positive:hover {
    background-color: #e5f8f7;
    color: #00bdb8;
}
.settings .profile.landscape section div.input-container .button-container button.label-button.default,
.settings .profile.portrait section div.input-container .button-container button.label-button.default {
    padding: 11px 8px;
    border-radius: 8px;
}
.settings .profile.landscape section div.input-container .button-container button.label-button.default:hover,
.settings .profile.portrait section div.input-container .button-container button.label-button.default:hover {
    background-color: #f6f8fa;
}
.settings .profile.landscape section div.check-password-header,
.settings .profile.portrait section div.check-password-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 14px;
    height: 20px;
}
.settings .profile.landscape section div.check-password-header button.link,
.settings .profile.portrait section div.check-password-header button.link {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #969aa2;
    text-align: right;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}
.settings .profile.landscape section div.check-password-header button.link:hover,
.settings .profile.portrait section div.check-password-header button.link:hover {
    color: #52565d;
}
.settings .profile.landscape section div.input-container.check-password,
.settings .profile.landscape section div.input-container.new-password,
.settings .profile.portrait section div.input-container.check-password,
.settings .profile.portrait section div.input-container.new-password {
    margin-bottom: 24px;
    position: relative;
}
.settings .profile.landscape section div.input-container.check-password input,
.settings .profile.landscape section div.input-container.new-password input,
.settings .profile.portrait section div.input-container.check-password input,
.settings .profile.portrait section div.input-container.new-password input {
    width: 680px;
    height: 40px;
    padding-right: 40px;
}
.settings .profile.landscape section div.input-container.check-password input.error,
.settings .profile.landscape section div.input-container.new-password input.error,
.settings .profile.portrait section div.input-container.check-password input.error,
.settings .profile.portrait section div.input-container.new-password input.error {
    background-color: transparent;
}
.settings .profile.landscape section div.input-container.check-password .view,
.settings .profile.landscape section div.input-container.new-password .view,
.settings .profile.portrait section div.input-container.check-password .view,
.settings .profile.portrait section div.input-container.new-password .view {
    width: 18px;
    height: 13px;
    position: absolute;
    right: 16px;
    top: 13px;
    background-size: 18px 13px;
    background-position: 50%;
    background-repeat: no-repeat;
}
.settings .profile.landscape section div.input-container.check-password .tooltip.view-password,
.settings .profile.landscape section div.input-container.new-password .tooltip.view-password,
.settings .profile.portrait section div.input-container.check-password .tooltip.view-password,
.settings .profile.portrait section div.input-container.new-password .tooltip.view-password {
    right: -20px;
    top: 40px;
}
.settings .profile.landscape section div.input-container.confirm-password .input-inner-container,
.settings .profile.portrait section div.input-container.confirm-password .input-inner-container {
    position: relative;
    width: 100%;
}
.settings .profile.landscape section div.input-container.confirm-password .input-inner-container input,
.settings .profile.portrait section div.input-container.confirm-password .input-inner-container input {
    width: 100%;
    height: 40px;
    padding-right: 40px;
}
.settings .profile.landscape section div.input-container.confirm-password .input-inner-container input.error,
.settings .profile.portrait section div.input-container.confirm-password .input-inner-container input.error {
    background-color: transparent;
}
.settings .profile.landscape section div.input-container.confirm-password .input-inner-container .view,
.settings .profile.portrait section div.input-container.confirm-password .input-inner-container .view {
    width: 18px;
    height: 13px;
    position: absolute;
    right: 13px;
    top: 13px;
    background-size: 18px 13px;
    background-position: 50%;
    background-repeat: no-repeat;
}
.settings .profile.landscape section div.input-container.confirm-password .input-inner-container .tooltip.view-password,
.settings .profile.portrait section div.input-container.confirm-password .input-inner-container .tooltip.view-password {
    right: -20px;
}
.settings .profile.landscape section div.input-container.confirm-password .caution-message.confirm-password,
.settings .profile.portrait section div.input-container.confirm-password .caution-message.confirm-password {
    width: 100%;
    position: absolute;
    top: 0;
}
.settings .profile.landscape section div.input,
.settings .profile.portrait section div.input {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    line-height: 20px;
    color: #333;
    height: 40px;
    display: flex;
    align-items: center;
}
.settings .profile.landscape section div.input .email-text-wrapper,
.settings .profile.portrait section div.input .email-text-wrapper {
    display: flex;
    align-items: center;
}
.settings .profile.landscape section div.input span.name,
.settings .profile.portrait section div.input span.name {
    max-width: 540px !important;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.settings .profile.landscape section div.input .verification-message,
.settings .profile.portrait section div.input .verification-message {
    text-align: right;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #00bdb8;
    justify-self: flex-end;
    margin-left: auto;
}
.settings .profile.landscape section div.input .button-hover,
.settings .profile.portrait section div.input .button-hover {
    position: static !important;
    margin-top: 0 !important;
}
.settings .profile.landscape section .language-section-title,
.settings .profile.portrait section .language-section-title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #787d86;
    margin: 0 0 8px;
}
.settings .profile.landscape section .section-subtitle,
.settings .profile.portrait section .section-subtitle {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 12px;
    letter-spacing: normal;
    color: #969aa2;
    margin-bottom: 24px;
}
.settings .profile.landscape section .language-container,
.settings .profile.portrait section .language-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.settings .profile.landscape section .language-container .language-chip,
.settings .profile.portrait section .language-container .language-chip {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.4px;
    text-align: center;
    padding: 6px 8px;
    border-radius: 8px;
    color: #787d86;
    background-color: #f6f8fa;
    flex-shrink: 0;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.settings .profile.landscape section .language-container .language-chip + .language-chip,
.settings .profile.portrait section .language-container .language-chip + .language-chip {
    margin-left: 16px;
}
.settings .profile.landscape section .language-container .language-chip:hover,
.settings .profile.portrait section .language-container .language-chip:hover {
    background-color: #eef1f4;
}
.settings .profile.landscape section .language-container .language-chip.selected,
.settings .profile.portrait section .language-container .language-chip.selected {
    background-color: #e5f8f7;
    font-weight: 700;
    color: #00bdb8;
}
.settings .profile.landscape div.input.password,
.settings .profile.portrait div.input.password {
    height: 19px;
}
.settings .profile.landscape div.input.password .fakeinput,
.settings .profile.portrait div.input.password .fakeinput {
    width: 50px;
    color: transparent;
    text-shadow: 0 0 0 #000;
    cursor: default !important;
}
.settings .profile.landscape div.input.password .fakeinput:focus,
.settings .profile.portrait div.input.password .fakeinput:focus {
    outline: none;
}
.settings .profile.landscape section + section,
.settings .profile.portrait section + section {
    border-top: 1px solid #eef1f4;
}
.settings .profile.landscape section .button-hover,
.settings .profile.portrait section .button-hover {
    margin-top: -8px;
    margin-left: 4px;
}
.settings .profile.landscape section .button-hover .edit,
.settings .profile.portrait section .button-hover .edit {
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    background-image: url(/src/images/edit.svg);
    position: absolute;
    margin-top: 4px;
    margin-left: 4px;
}
.settings .profile.landscape section#delete-account,
.settings .profile.portrait section#delete-account {
    border-top: none;
    margin-top: 32px;
}
.settings .profile.landscape section .log-out,
.settings .profile.portrait section .log-out {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #787d86;
}
.settings .profile.landscape section .log-out:hover,
.settings .profile.portrait section .log-out:hover {
    color: #52565d;
}
.settings .profile.landscape section .delete-account,
.settings .profile.portrait section .delete-account {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #b0b4bd;
}
.settings .profile.mobile {
    margin-top: 8px;
    margin-bottom: 50px;
    padding: 0 20px;
    width: 100%;
}
.settings .profile.mobile section {
    padding: 24px 0;
    cursor: default;
}
.settings .profile.mobile section.email,
.settings .profile.mobile section.name {
    padding: 14px 0;
}
.settings .profile.mobile section label {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    color: #787d86;
    margin-bottom: 14px;
    display: block;
}
.settings .profile.mobile section div.input-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    position: relative;
}
.settings .profile.mobile section div.input-container div.input-inner-container.email,
.settings .profile.mobile section div.input-container div.input-inner-container.name {
    width: 100%;
    position: relative;
}
.settings .profile.mobile section div.input-container input {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    line-height: 20px;
    color: #333;
    padding: 11px 16px;
    width: 100%;
    height: 40px;
    background-color: #f6f8fa;
    border-radius: 8px;
    display: flex;
    align-items: center;
}
.settings .profile.mobile section div.input-container input:focus {
    background-color: #eef1f4;
}
.settings .profile.mobile section div.input-container input.error {
    margin-bottom: 30px;
    background-color: rgba(243, 87, 80, 0.1);
}
.settings .profile.mobile section div.input-container input::-ms-clear,
.settings .profile.mobile section div.input-container input::-ms-reveal {
    display: none;
}
.settings .profile.mobile section div.input-container input::-webkit-input-placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #333;
    opacity: 0.3;
    line-height: 20px;
}
.settings .profile.mobile section div.input-container input:-ms-input-placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #333;
    opacity: 0.3;
    line-height: 20px;
}
.settings .profile.mobile section div.input-container input::-ms-input-placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #333;
    opacity: 0.3;
    line-height: 20px;
}
.settings .profile.mobile section div.input-container input::placeholder {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #333;
    opacity: 0.3;
    line-height: 20px;
}
.settings .profile.mobile section div.input-container .caution-message {
    width: 100%;
    height: 40px;
    border-radius: 8px;
    background-color: rgba(243, 87, 80, 0.1);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    top: 0;
    padding-right: 16px;
    text-align: right;
}
.settings .profile.mobile section div.input-container .caution-message span {
    position: absolute;
    top: 50px;
    left: 5px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.35px;
    color: #f35750;
}
.settings .profile.mobile section div.input-container .button-container {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-shrink: 0;
}
.settings .profile.mobile section div.input-container .button-container button.label-button.positive {
    padding: 11px 8px;
    border-radius: 8px;
}
.settings .profile.mobile section div.input-container .button-container button.label-button.positive:hover {
    background-color: #e5f8f7;
    color: #00bdb8;
}
.settings .profile.mobile section div.input-container .button-container button.label-button.default {
    padding: 11px 8px;
    border-radius: 8px;
}
.settings .profile.mobile section div.input-container .button-container button.label-button.default:hover {
    background-color: #f6f8fa;
}
.settings .profile.mobile section div.check-password-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 14px;
    height: 20px;
}
.settings .profile.mobile section div.check-password-header button.link {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #969aa2;
    text-align: right;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}
.settings .profile.mobile section div.check-password-header button.link:hover {
    color: #52565d;
}
.settings .profile.mobile section div.input-container.check-password,
.settings .profile.mobile section div.input-container.new-password {
    margin-bottom: 30px;
    position: relative;
}
.settings .profile.mobile section div.input-container.check-password input,
.settings .profile.mobile section div.input-container.new-password input {
    height: 40px;
    padding-right: 40px;
}
.settings .profile.mobile section div.input-container.check-password input.error,
.settings .profile.mobile section div.input-container.new-password input.error {
    background-color: transparent;
}
.settings .profile.mobile section div.input-container.check-password .view,
.settings .profile.mobile section div.input-container.new-password .view {
    width: 18px;
    height: 13px;
    position: absolute;
    right: 16px;
    top: 13px;
    background-size: 18px 13px;
    background-position: 50%;
    background-repeat: no-repeat;
}
.settings .profile.mobile section div.input-container.check-password .tooltip.view-password,
.settings .profile.mobile section div.input-container.new-password .tooltip.view-password {
    right: -20px;
    top: 40px;
}
.settings .profile.mobile section div.input-container.confirm-password .input-inner-container {
    position: relative;
    width: 100%;
}
.settings .profile.mobile section div.input-container.confirm-password .input-inner-container input {
    width: 100%;
    height: 40px;
    padding-right: 40px;
}
.settings .profile.mobile section div.input-container.confirm-password .input-inner-container input.error {
    background-color: transparent;
}
.settings .profile.mobile section div.input-container.confirm-password .input-inner-container .view {
    width: 18px;
    height: 13px;
    position: absolute;
    right: 13px;
    top: 13px;
    background-size: 18px 13px;
    background-position: 50%;
    background-repeat: no-repeat;
}
.settings .profile.mobile section div.input-container.confirm-password .input-inner-container .tooltip.view-password {
    right: -20px;
}
.settings .profile.mobile section div.input-container.confirm-password .caution-message.confirm-password {
    width: 100%;
    position: absolute;
    top: 0;
}
.settings .profile.mobile section div.input {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    line-height: 20px;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 32px;
}
.settings .profile.mobile section div.input.email {
    display: block;
}
.settings .profile.mobile section div.input.email .email-text-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 32px;
}
.settings .profile.mobile section div.input span.name {
    max-width: 540px !important;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.settings .profile.mobile section div.input .verification-message {
    margin: 14px 0;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #00bdb8;
}
.settings .profile.mobile section div.input .button-hover {
    position: static !important;
    margin-top: 0 !important;
}
.settings .profile.mobile section .language-section-title {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #787d86;
    margin: 0 0 8px;
}
.settings .profile.mobile section .language-section-title,
.settings .profile.mobile section .section-subtitle {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
}
.settings .profile.mobile section .section-subtitle {
    font-weight: 400;
    font-size: 12px;
    letter-spacing: normal;
    color: #969aa2;
    margin-bottom: 24px;
}
.settings .profile.mobile section .language-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.settings .profile.mobile section .language-container .language-chip {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.4px;
    text-align: center;
    padding: 6px 8px;
    border-radius: 8px;
    color: #787d86;
    background-color: #f6f8fa;
    flex-shrink: 0;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 16px;
    margin-bottom: 16px;
}
.settings .profile.mobile section .language-container .language-chip:hover {
    background-color: #eef1f4;
}
.settings .profile.mobile section .language-container .language-chip.selected {
    background-color: #e5f8f7;
    font-weight: 700;
    color: #00bdb8;
}
.settings .profile.mobile div.input.password {
    height: 19px;
}
.settings .profile.mobile div.input.password .fakeinput {
    width: 50px;
    color: transparent;
    text-shadow: 0 0 0 #000;
    cursor: default !important;
}
.settings .profile.mobile div.input.password .fakeinput:focus {
    outline: none;
}
.settings .profile.mobile section + section {
    border-top: 1px solid #eef1f4;
}
.settings .profile.mobile section .button-hover {
    margin-top: -8px;
    margin-left: 4px;
}
.settings .profile.mobile section .button-hover .edit {
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    background-image: url(/src/images/edit.svg);
    position: absolute;
    margin-top: 4px;
    margin-left: 4px;
}
.settings .profile.mobile section#delete-account {
    border-top: none;
    margin-top: 32px;
}
.settings .profile.mobile section .log-out {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #787d86;
}
.settings .profile.mobile section .log-out:hover {
    color: #52565d;
}
.settings .profile.mobile section .delete-account {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #b0b4bd;
}
.settings .highlights.desktop {
    padding-top: 32px;
    padding-left: 16px;
}
.settings .highlights.desktop section {
    cursor: pointer;
}
.settings .highlights.desktop section .title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    color: #787d86;
    display: flex;
    margin-bottom: 24px;
}
.settings .highlights.desktop section .title .info {
    background-repeat: no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    background-image: url(/src/images/info-fill.svg);
    margin-left: 8px;
}
.settings .highlights.desktop section .title .info:hover {
    border-radius: 50%;
    background-color: rgba(39, 43, 49, 0.1);
}
.settings .highlights.desktop section .theme-container {
    display: flex;
}
.settings .highlights.desktop section .theme-container .theme {
    border-radius: 8px;
    padding: 12px 16px;
    display: flex;
    position: relative;
}
.settings .highlights.desktop section .theme-container .theme button {
    width: 24px;
    height: 24px;
    margin-right: 16px;
}
.settings .highlights.desktop section .theme-container .theme button.checked {
    background-image: url(/src/images/check-light.svg);
    background-size: 14px 10px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #00bdb8;
    border-radius: 50%;
}
.settings .highlights.desktop section .theme-container .theme button.unchecked {
    background-image: url(/src/images/uncheck-hover.svg);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
}
.settings .highlights.desktop section .theme-container .theme button.lock {
    background-image: url(/src/images/lock-hover.svg);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
}
.settings .highlights.desktop section .theme-container .theme div .title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 16px;
    letter-spacing: normal;
    color: #33373d;
    margin-bottom: 10px;
}
.settings .highlights.desktop section .theme-container .theme div .pallete {
    width: 180px;
    display: flex;
    align-items: center;
}
.settings .highlights.desktop section .theme-container .theme div .pallete span {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
.settings .highlights.desktop section .theme-container .theme div .pallete span + span {
    margin-left: 8px;
}
.settings .highlights.desktop section .theme-container .theme .preview {
    position: absolute;
    top: 78px;
    padding: 16px 15px 20px;
    border-radius: 8px;
    box-shadow: 0 20px 30px 0 rgba(39, 43, 49, 0.15);
    border: 1px solid #eef1f4;
    background-color: #fff;
}
.settings .highlights.desktop section .theme-container .theme .preview.hide {
    visibility: hidden;
}
.settings .highlights.desktop section .theme-container .theme .preview .title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #969aa2;
    text-align: center;
    padding-left: 5px;
}
.settings .highlights.desktop section .theme-container .theme .preview .previews {
    display: flex;
    flex-wrap: wrap;
    width: 288px;
}
.settings .highlights.desktop section .theme-container .theme .preview .previews mark {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    display: block;
    padding: 2px 2px 2px 1px;
    margin: 5px 4px;
}
.settings .highlights.desktop section .theme-container .theme:hover {
    background-color: #f6f8fa;
}
.settings .highlights.desktop section.theme {
    margin-bottom: 37px;
}
.settings .highlights.landscape,
.settings .highlights.portrait {
    padding-top: 32px;
    padding-left: 16px;
}
.settings .highlights.landscape section,
.settings .highlights.portrait section {
    cursor: pointer;
}
.settings .highlights.landscape section .title,
.settings .highlights.portrait section .title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    color: #787d86;
    display: flex;
    margin-bottom: 24px;
}
.settings .highlights.landscape section .title .info,
.settings .highlights.portrait section .title .info {
    background-repeat: no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    background-image: url(/src/images/info-fill.svg);
    margin-left: 8px;
}
.settings .highlights.landscape section .title .info:hover,
.settings .highlights.portrait section .title .info:hover {
    border-radius: 50%;
    background-color: rgba(39, 43, 49, 0.1);
}
.settings .highlights.landscape section .theme-container,
.settings .highlights.portrait section .theme-container {
    display: flex;
}
.settings .highlights.landscape section .theme-container .theme,
.settings .highlights.portrait section .theme-container .theme {
    border-radius: 8px;
    padding: 12px 0;
    position: relative;
}
.settings .highlights.landscape section .theme-container .theme .theme-box,
.settings .highlights.portrait section .theme-container .theme .theme-box {
    display: flex;
    margin-top: 32px;
}
.settings .highlights.landscape section .theme-container .theme .theme-box button,
.settings .highlights.portrait section .theme-container .theme .theme-box button {
    width: 24px;
    height: 24px;
    margin-right: 16px;
}
.settings .highlights.landscape section .theme-container .theme .theme-box button.checked,
.settings .highlights.portrait section .theme-container .theme .theme-box button.checked {
    background-image: url(/src/images/check-light.svg);
    background-size: 14px 10px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #00bdb8;
    border-radius: 50%;
}
.settings .highlights.landscape section .theme-container .theme .theme-box button.unchecked,
.settings .highlights.portrait section .theme-container .theme .theme-box button.unchecked {
    background-image: url(/src/images/uncheck-hover.svg);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
}
.settings .highlights.landscape section .theme-container .theme .theme-box button.lock,
.settings .highlights.portrait section .theme-container .theme .theme-box button.lock {
    background-image: url(/src/images/lock-hover.svg);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
}
.settings .highlights.landscape section .theme-container .theme .theme-box .pallete-title,
.settings .highlights.portrait section .theme-container .theme .theme-box .pallete-title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 16px;
    letter-spacing: normal;
    color: #33373d;
    margin-bottom: 10px;
}
.settings .highlights.landscape section .theme-container .theme .theme-box .pallete,
.settings .highlights.portrait section .theme-container .theme .theme-box .pallete {
    width: 180px;
    display: flex;
    align-items: center;
}
.settings .highlights.landscape section .theme-container .theme .theme-box .pallete span,
.settings .highlights.portrait section .theme-container .theme .theme-box .pallete span {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
.settings .highlights.landscape section .theme-container .theme .theme-box .pallete span + span,
.settings .highlights.portrait section .theme-container .theme .theme-box .pallete span + span {
    margin-left: 8px;
}
.settings .highlights.landscape section .theme-container .theme .preview,
.settings .highlights.portrait section .theme-container .theme .preview {
    width: 624px;
    display: flex;
    justify-content: center;
}
.settings .highlights.landscape section .theme-container .theme .preview .title,
.settings .highlights.portrait section .theme-container .theme .preview .title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #969aa2;
    text-align: center;
    padding-left: 5px;
}
.settings .highlights.landscape section .theme-container .theme .preview .previews,
.settings .highlights.portrait section .theme-container .theme .preview .previews {
    display: flex;
    flex-wrap: wrap;
    width: 450px;
}
.settings .highlights.landscape section .theme-container .theme .preview .previews mark,
.settings .highlights.portrait section .theme-container .theme .preview .previews mark {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    display: block;
    padding: 2px 2px 2px 1px;
    margin: 5px 4px;
}
.settings .highlights.mobile {
    width: 100%;
    padding: 17px 20px;
}
.settings .highlights.mobile section {
    cursor: pointer;
}
.settings .highlights.mobile section .title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    color: #787d86;
    display: flex;
    margin-bottom: 24px;
}
.settings .highlights.mobile section .title .info {
    background-repeat: no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    background-image: url(/src/images/info-fill.svg);
    margin-left: 8px;
}
.settings .highlights.mobile section .title .info:hover {
    border-radius: 50%;
    background-color: rgba(39, 43, 49, 0.1);
}
.settings .highlights.mobile section .theme-container {
    display: flex;
    width: 100%;
}
.settings .highlights.mobile section .theme-container .theme {
    border-radius: 8px;
    padding: 12px 0;
    position: relative;
    width: 100%;
}
.settings .highlights.mobile section .theme-container .theme .theme-box {
    display: flex;
    align-items: center;
    margin-top: 32px;
    height: 64px;
}
.settings .highlights.mobile section .theme-container .theme .theme-box button {
    width: 25px;
    height: 23px;
}
.settings .highlights.mobile section .theme-container .theme .theme-box button.checked {
    background-image: url(/src/images/check-light.svg);
    background-size: 14px 10px;
    background-position: center 6px;
    background-repeat: no-repeat;
    background-color: #00bdb8;
    border-radius: 50%;
}
.settings .highlights.mobile section .theme-container .theme .theme-box div {
    display: flex;
    height: 20px;
    width: 100%;
    align-items: center;
}
.settings .highlights.mobile section .theme-container .theme .theme-box div .pallete-title {
    margin-left: 16px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 16px;
    letter-spacing: normal;
    color: #33373d;
}
.settings .highlights.mobile section .theme-container .theme .theme-box div .pallete {
    width: 180px;
    display: flex;
    align-items: center;
}
.settings .highlights.mobile section .theme-container .theme .theme-box div .pallete span {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
.settings .highlights.mobile section .theme-container .theme .theme-box div .pallete span + span {
    margin-left: 8px;
}
.settings .highlights.mobile section .theme-container .theme .preview {
    display: flex;
    justify-content: center;
    width: 100%;
}
.settings .highlights.mobile section .theme-container .theme .preview .title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #969aa2;
    text-align: center;
    padding-left: 5px;
}
.settings .highlights.mobile section .theme-container .theme .preview .previews {
    display: flex;
    flex-wrap: wrap;
    width: 288px;
}
.settings .highlights.mobile section .theme-container .theme .preview .previews mark {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    display: block;
    padding: 2px 2px 2px 1px;
    margin: 5px 4px;
}
.settings .subscription.desktop,
.settings .subscription.landscape,
.settings .subscription.portrait {
    padding-top: 64px;
    padding-left: 16px;
    cursor: default;
}
.settings .subscription.desktop .subscription-box-container,
.settings .subscription.landscape .subscription-box-container,
.settings .subscription.portrait .subscription-box-container {
    display: flex;
    align-items: center;
}
.settings .subscription.desktop .subscription-box-container .basic,
.settings .subscription.desktop .subscription-box-container .premium,
.settings .subscription.landscape .subscription-box-container .basic,
.settings .subscription.landscape .subscription-box-container .premium,
.settings .subscription.portrait .subscription-box-container .basic,
.settings .subscription.portrait .subscription-box-container .premium {
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.settings .subscription.desktop .subscription-box-container .basic .title,
.settings .subscription.desktop .subscription-box-container .premium .title,
.settings .subscription.landscape .subscription-box-container .basic .title,
.settings .subscription.landscape .subscription-box-container .premium .title,
.settings .subscription.portrait .subscription-box-container .basic .title,
.settings .subscription.portrait .subscription-box-container .premium .title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 18px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.45px;
}
.settings .subscription.desktop .subscription-box-container .basic .detail,
.settings .subscription.desktop .subscription-box-container .premium .detail,
.settings .subscription.landscape .subscription-box-container .basic .detail,
.settings .subscription.landscape .subscription-box-container .premium .detail,
.settings .subscription.portrait .subscription-box-container .basic .detail,
.settings .subscription.portrait .subscription-box-container .premium .detail {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    text-align: center;
    color: #787d86;
}
.settings .subscription.desktop .subscription-box-container .basic,
.settings .subscription.landscape .subscription-box-container .basic,
.settings .subscription.portrait .subscription-box-container .basic {
    width: 240px;
    height: 160px;
    border: 1px solid #dde1e7;
}
.settings .subscription.desktop .subscription-box-container .basic .current,
.settings .subscription.landscape .subscription-box-container .basic .current,
.settings .subscription.portrait .subscription-box-container .basic .current {
    display: block;
    position: relative;
    top: -16px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #787d86;
    background-image: url(/src/images/check-light.svg);
    background-position: 50%;
    background-size: 18px 12px;
    background-repeat: no-repeat;
}
.settings .subscription.desktop .subscription-box-container .basic .title,
.settings .subscription.landscape .subscription-box-container .basic .title,
.settings .subscription.portrait .subscription-box-container .basic .title {
    color: #787d86;
    margin-top: 13px;
}
.settings .subscription.desktop .subscription-box-container .basic .detail,
.settings .subscription.landscape .subscription-box-container .basic .detail,
.settings .subscription.portrait .subscription-box-container .basic .detail {
    margin-top: 29px;
}
.settings .subscription.desktop .subscription-box-container .premium,
.settings .subscription.landscape .subscription-box-container .premium,
.settings .subscription.portrait .subscription-box-container .premium {
    height: 160px;
    border: 1px solid #eef1f4;
}
.settings .subscription.desktop .subscription-box-container .premium.desktop,
.settings .subscription.landscape .subscription-box-container .premium.desktop,
.settings .subscription.portrait .subscription-box-container .premium.desktop {
    width: 424px;
}
.settings .subscription.desktop .subscription-box-container .premium.landscape,
.settings .subscription.desktop .subscription-box-container .premium.portrait,
.settings .subscription.landscape .subscription-box-container .premium.landscape,
.settings .subscription.landscape .subscription-box-container .premium.portrait,
.settings .subscription.portrait .subscription-box-container .premium.landscape,
.settings .subscription.portrait .subscription-box-container .premium.portrait {
    width: 368px;
}
.settings .subscription.desktop .subscription-box-container .premium .title,
.settings .subscription.landscape .subscription-box-container .premium .title,
.settings .subscription.portrait .subscription-box-container .premium .title {
    color: #00bdb8;
    margin-top: 24px;
}
.settings .subscription.desktop .subscription-box-container .premium .detail,
.settings .subscription.landscape .subscription-box-container .premium .detail,
.settings .subscription.portrait .subscription-box-container .premium .detail {
    margin-top: 21px;
}
.settings .subscription.desktop .subscription-box-container .premium button,
.settings .subscription.landscape .subscription-box-container .premium button,
.settings .subscription.portrait .subscription-box-container .premium button {
    width: 120px;
    height: 40px;
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    margin-top: 19px;
}
.settings .subscription.desktop .subscription-box-container .basic + .premium,
.settings .subscription.landscape .subscription-box-container .basic + .premium,
.settings .subscription.portrait .subscription-box-container .basic + .premium {
    margin-left: 16px;
}
.settings .subscription.desktop .premium-box,
.settings .subscription.landscape .premium-box,
.settings .subscription.portrait .premium-box {
    height: 160px;
    border-radius: 8px;
    border: 1px solid #dde1e7;
    display: flex;
    align-items: center;
}
.settings .subscription.desktop .premium-box.desktop,
.settings .subscription.landscape .premium-box.desktop,
.settings .subscription.portrait .premium-box.desktop {
    width: 680px;
}
.settings .subscription.desktop .premium-box.desktop .premium,
.settings .subscription.landscape .premium-box.desktop .premium,
.settings .subscription.portrait .premium-box.desktop .premium {
    width: 242px;
}
.settings .subscription.desktop .premium-box.landscape,
.settings .subscription.desktop .premium-box.portrait,
.settings .subscription.landscape .premium-box.landscape,
.settings .subscription.landscape .premium-box.portrait,
.settings .subscription.portrait .premium-box.landscape,
.settings .subscription.portrait .premium-box.portrait {
    width: 624px;
}
.settings .subscription.desktop .premium-box.landscape .premium,
.settings .subscription.desktop .premium-box.portrait .premium,
.settings .subscription.landscape .premium-box.landscape .premium,
.settings .subscription.landscape .premium-box.portrait .premium,
.settings .subscription.portrait .premium-box.landscape .premium,
.settings .subscription.portrait .premium-box.portrait .premium {
    width: 242px;
}
.settings .subscription.desktop .premium-box .premium,
.settings .subscription.landscape .premium-box .premium,
.settings .subscription.portrait .premium-box .premium {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.settings .subscription.desktop .premium-box .premium .check-outer,
.settings .subscription.landscape .premium-box .premium .check-outer,
.settings .subscription.portrait .premium-box .premium .check-outer {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: relative;
    top: -35px;
    background-color: rgba(0, 189, 184, 0.3);
}
.settings .subscription.desktop .premium-box .premium .check-inner,
.settings .subscription.landscape .premium-box .premium .check-inner,
.settings .subscription.portrait .premium-box .premium .check-inner {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: relative;
    top: -85px;
    background-color: #00bdb8;
    background-image: url(/src/images/check-light.svg);
    background-position: 50%;
    background-size: 18px 12px;
    background-repeat: no-repeat;
}
.settings .subscription.desktop .premium-box .premium .title,
.settings .subscription.landscape .premium-box .premium .title,
.settings .subscription.portrait .premium-box .premium .title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 18px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.45px;
    color: #00bdb8;
    position: relative;
    top: -50px;
}
.settings .subscription.desktop .premium-box .premium .detail,
.settings .subscription.landscape .premium-box .premium .detail,
.settings .subscription.portrait .premium-box .premium .detail {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    color: #787d86;
    position: relative;
    top: -30px;
}
.settings .subscription.desktop .premium-box .info,
.settings .subscription.landscape .premium-box .info,
.settings .subscription.portrait .premium-box .info {
    height: 112px;
    width: 437px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-left: 1px solid #eef1f4;
}
.settings .subscription.desktop .premium-box .info .expired,
.settings .subscription.landscape .premium-box .info .expired,
.settings .subscription.portrait .premium-box .info .expired {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.4px;
    color: #787d86;
    padding-left: 39px;
}
.settings .subscription.desktop .premium-box .info .update-card,
.settings .subscription.landscape .premium-box .info .update-card,
.settings .subscription.portrait .premium-box .info .update-card {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    text-align: center;
    color: #00bdb8;
    margin-right: 32px;
}
.settings .subscription.desktop .premium-box .info .update-card:hover,
.settings .subscription.landscape .premium-box .info .update-card:hover,
.settings .subscription.portrait .premium-box .info .update-card:hover {
    color: #00a7a0;
}
.settings .subscription.mobile {
    padding: 36px 20px;
    cursor: default;
    width: 100%;
}
.settings .subscription.mobile .subscription-box-container {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.settings .subscription.mobile .subscription-box-container .basic,
.settings .subscription.mobile .subscription-box-container .premium {
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.settings .subscription.mobile .subscription-box-container .basic .title,
.settings .subscription.mobile .subscription-box-container .premium .title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 18px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.45px;
}
.settings .subscription.mobile .subscription-box-container .basic .detail,
.settings .subscription.mobile .subscription-box-container .premium .detail {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    text-align: center;
    color: #787d86;
}
.settings .subscription.mobile .subscription-box-container .basic {
    width: 100%;
    height: 160px;
    border: 1px solid #dde1e7;
}
.settings .subscription.mobile .subscription-box-container .basic .current {
    display: block;
    position: relative;
    top: -16px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #787d86;
    background-image: url(/src/images/check-light.svg);
    background-position: 50%;
    background-size: 18px 12px;
    background-repeat: no-repeat;
}
.settings .subscription.mobile .subscription-box-container .basic .title {
    color: #787d86;
    margin-top: 13px;
}
.settings .subscription.mobile .subscription-box-container .basic .detail {
    margin-top: 29px;
}
.settings .subscription.mobile .subscription-box-container .premium {
    width: 100%;
    height: 160px;
    margin-top: 16px;
    border: 1px solid #eef1f4;
}
.settings .subscription.mobile .subscription-box-container .premium .title {
    color: #00bdb8;
    margin-top: 24px;
}
.settings .subscription.mobile .subscription-box-container .premium .detail {
    margin-top: 21px;
}
.settings .subscription.mobile .subscription-box-container .premium button {
    width: 120px;
    height: 40px;
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    margin-top: 19px;
}
.settings .subscription.mobile .premium-box {
    width: 100%;
    height: 260px;
    margin-top: 24px;
    border-radius: 8px;
    border: 1px solid #dde1e7;
}
.settings .subscription.mobile .premium-box,
.settings .subscription.mobile .premium-box .premium {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.settings .subscription.mobile .premium-box .premium .check-outer {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: relative;
    top: -35px;
    background-color: rgba(0, 189, 184, 0.3);
}
.settings .subscription.mobile .premium-box .premium .check-inner {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: relative;
    top: -85px;
    background-color: #00bdb8;
    background-image: url(/src/images/check-light.svg);
    background-position: 50%;
    background-size: 18px 12px;
    background-repeat: no-repeat;
}
.settings .subscription.mobile .premium-box .premium .title {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.45px;
    color: #00bdb8;
    top: -50px;
}
.settings .subscription.mobile .premium-box .premium .detail,
.settings .subscription.mobile .premium-box .premium .title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    position: relative;
}
.settings .subscription.mobile .premium-box .premium .detail {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.3px;
    color: #787d86;
    top: -30px;
}
.settings .subscription.mobile .premium-box .info {
    height: 112px;
    width: calc(100% - 40px);
    display: flex;
    align-items: center;
    border-top: 1px solid #eef1f4;
}
.settings .subscription.mobile .premium-box .info .expired {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.4px;
    color: #787d86;
}
.settings .subscription.mobile .premium-box .info .expired,
.settings .subscription.mobile .premium-box .info .update-card {
    text-align: center;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
}
.settings .subscription.mobile .premium-box .info .update-card {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.35px;
    color: #00bdb8;
    margin-right: 32px;
}
.settings .subscription.mobile .premium-box .info .update-card:hover {
    color: #00a7a0;
}
.settings .import {
    padding-top: 32px;
    padding-left: 16px;
}
.settings .import .detail {
    margin-bottom: 32px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    color: #787d86;
}
.settings .import .link-container {
    margin-bottom: 40px;
}
.settings .import .link-container .link {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    color: #33c6ac;
    cursor: pointer;
    text-decoration: underline;
    display: flex;
    align-items: center;
}
.settings .import .link-container .link .arrow {
    background-image: url(/src/images/path.svg);
    background-repeat: no-repeat;
    background-size: 6px 10px;
    width: 6px;
    height: 10px;
    margin-left: 3px;
}
.settings .import .link-container .link + .link {
    margin-top: 8px;
}
.settings .import button {
    width: 680px;
    height: 48px;
}
.settings .import button span {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    text-align: center;
    color: #787d86;
}
.settings .import button .upload {
    font-weight: 500;
}
.settings .import button .format {
    font-weight: 700;
    padding: 0 8px;
    height: 15px;
}
.settings .import button .format + .format {
    border-left: 1px solid #dde1e7;
}
.trash {
    position: relative;
}
.trash.desktop {
    width: 712px;
}
.trash.landscape {
    width: 624px;
}
.trash.landscape .page-header.page-select {
    margin-top: 0;
}
.trash.mobile {
    padding: 0 20px;
}
.trash.portrait {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.trash.portrait .page-header.page-select {
    width: 100vw;
    padding: 0 20px;
}
.trash .img:hover,
.trash .title:hover {
    opacity: 1 !important;
    cursor: default !important;
}
.trash .page-header.page-select {
    margin-top: 0;
}
.trash .page-header .right-container .delete,
.trash .page-header .right-container .put-back {
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
}
.trash .page-header .right-container .put-back {
    background-image: url(/src/images/restore-header.svg);
}
.trash .page-header .right-container .delete {
    background-image: url(/src/images/delete-header.svg);
}
.trash .trash-header {
    display: flex;
    align-items: center;
    position: sticky;
    position: -webkit-sticky;
    background-color: #fff;
    z-index: 1;
}
.trash .trash-header.desktop {
    margin: 0 16px;
    height: 40px;
    top: 64px;
}
.trash .trash-header.landscape {
    height: 40px;
    top: 64px;
    width: 624px;
}
.trash .trash-header.mobile {
    border-bottom: 1px solid #eef1f4;
    height: 48px;
    top: 0;
    width: 100vw;
    margin-left: -20px;
    padding: 0 13px;
}
.trash .trash-header.portrait {
    width: 100vw;
    height: 56px;
    padding: 0 20px;
    top: 0;
    border-bottom: 1px solid #eef1f4;
}
.trash .trash-header .back-btn {
    background-image: url(/src/images/back-header.svg);
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
}
.trash .trash-header .back-btn:hover {
    background-color: #f6f8fa;
    border-radius: 50%;
}
.trash .trash-header .section-name {
    margin-left: 4px;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #52565d;
}
.trash .trash-header .empty-trash,
.trash .trash-header .section-name {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
}
.trash .trash-header .empty-trash {
    margin-left: auto;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.35px;
    text-align: right;
    color: #f35750;
}
.trash .trash-header .empty-trash:hover {
    color: #cb240d;
}
.trash .no-pages {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 300px;
    width: 100%;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #969aa2;
}
#liner-upgrade {
    overflow-x: hidden;
}
#liner-upgrade .card-container.mobile {
    width: 320px;
    position: relative;
}
#liner-upgrade .card-container.mobile .cross-line {
    top: 102px;
    left: 132px;
    width: 56px;
    height: 1px;
}
#liner-upgrade .card-container.mobile .highlight {
    position: absolute;
    top: 130px;
    background-color: #b8fffe;
    height: 24px;
}
#liner-upgrade .card-container.mobile .highlight#premium {
    left: 113px;
}
#liner-upgrade .card-container.mobile .highlight#pro {
    left: 106px;
    width: 104px;
}
#liner-upgrade .card-container.mobile .highlight-tip {
    position: absolute;
    top: 130px;
    width: 4px;
    height: 24px;
    background-color: #6ffffc;
}
#liner-upgrade .card-container.mobile .highlight-tip#premium,
#liner-upgrade .card-container.mobile .highlight-tip#pro {
    left: 201px;
}
#liner-upgrade .card-container.mobile .card-button {
    margin-left: auto;
    left: 0;
    right: 0;
    margin-right: auto;
    width: 140px;
}
#liner-upgrade .card-container.mobile .disabled-btn {
    cursor: not-allowed;
    pointer-events: none;
}
#liner-upgrade-body .title-section.mobile {
    margin-top: -4px;
    text-align: center;
}
#liner-upgrade-body .title-section.mobile .heading {
    font-weight: 700;
    line-height: 32px;
    font-size: 24px;
    letter-spacing: -0.8px;
    color: #272b31;
}
#liner-upgrade-body .title-section.mobile .heading,
#liner-upgrade-body .title-section.mobile .subheading {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-stretch: normal;
    font-style: normal;
}
#liner-upgrade-body .title-section.mobile .subheading {
    margin-top: 16px;
    font-weight: 400;
    line-height: normal;
    font-size: 14px;
    letter-spacing: -0.41px;
    color: #787d86;
}
#liner-upgrade-body .table-section.mobile {
    margin-top: 32px;
}
#liner-upgrade-body .table-section.mobile .table-menubar {
    display: flex;
    justify-content: space-between;
    width: 360px;
    padding: 8px 22px;
    z-index: 10;
    background-color: #fff;
    position: absolute;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
}
#liner-upgrade-body .table-section.mobile .table-menubar.sticky {
    position: fixed;
    top: 0;
    height: 54px;
}
#liner-upgrade-body .table-section.mobile .table-menubar .header-btn {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #52565d;
    padding: 0 16px;
    height: 32px;
    display: flex;
    align-items: center;
}
#liner-upgrade-body .table-section.mobile .table-menubar .header-btn.basic {
    color: #52565d;
}
#liner-upgrade-body .table-section.mobile .table-menubar .header-btn.basic.active {
    background-color: #eef1f4;
    border-radius: 8px;
}
#liner-upgrade-body .table-section.mobile .table-menubar .header-btn.premium {
    color: #00bdb8;
    margin-left: 30px;
    margin-right: 30px;
}
#liner-upgrade-body .table-section.mobile .table-menubar .header-btn.premium.active {
    background-color: #e5f8f7;
    border-radius: 8px;
}
#liner-upgrade-body .table-section.mobile .table-menubar .header-btn.pro {
    color: #008683;
}
#liner-upgrade-body .table-section.mobile .table-menubar .header-btn.pro.active {
    background-color: #b2ebe9;
    border-radius: 8px;
}
#liner-upgrade-body .table-section.mobile .table-contents-wrapper {
    display: flex;
    flex-direction: column;
    align-self: center;
    margin-top: 88px;
    position: relative;
}
#liner-upgrade-body .table-section.mobile .table-contents-wrapper .discount-banner {
    width: 320px;
    background-color: #fff1f0;
    border-radius: 4px;
    text-align: center;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    font-size: 18px;
    letter-spacing: -0.4px;
    color: #ff7b69;
    padding: 4px 0;
    height: 24px;
    margin-bottom: 11px;
    position: absolute;
    top: -32px;
}
#liner-upgrade-body .table-section.mobile .table-contents-wrapper .toggle-period {
    width: 320px;
    text-align: center;
    top: 268px;
    position: absolute;
    font-weight: 400;
}
#liner-upgrade-body .table-section.mobile .table-contents-wrapper .toggle-period,
#liner-upgrade-body .table-section.mobile .table-contents-wrapper .toggle-period .click-here {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #787d86;
}
#liner-upgrade-body .table-section.mobile .table-contents-wrapper .toggle-period .click-here {
    font-weight: 500;
    text-decoration: underline;
}
#liner-upgrade-body .table-section.mobile .table-contents-wrapper .table-contents {
    margin-top: 54px;
}
#liner-upgrade-body .table-section.mobile .table-contents-wrapper .table-contents .bottom-line {
    border-bottom: 1px solid #eef1f4;
    height: 1px;
}
#liner-upgrade-body .table-section.mobile .table-contents-wrapper .table-contents .table-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 64px;
    padding: 14px 20px 14px 0;
}
#liner-upgrade-body .table-section.mobile .table-contents-wrapper .table-contents .table-row .key {
    width: 120px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #52565d;
}
#liner-upgrade-body .table-section.mobile .table-contents-wrapper .table-contents .table-row#comming-soon {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #52565d;
    justify-content: center;
}
#liner-upgrade-body .table-section.mobile .table-contents-wrapper .table-contents .table-row .value {
    width: 81px;
    display: flex;
    justify-content: center;
    text-align: center;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #787d86;
}
#liner-upgrade-body .table-section.mobile .table-contents-wrapper .table-contents .table-row .value.premium {
    color: #00bdb8;
    font-weight: 500;
}
#liner-upgrade-body .table-section.mobile .table-contents-wrapper .table-contents .table-row .value.premium .check {
    background-image: url(/src/images/check-pre.svg);
    width: 20px;
    height: 14px;
}
#liner-upgrade-body .table-section.mobile .table-contents-wrapper .table-contents .table-row .value.pro {
    color: #008683;
    font-weight: 500;
}
#liner-upgrade-body .table-section.mobile .table-contents-wrapper .table-contents .table-row .value.pro .check {
    background-image: url(/src/images/check-pro.svg);
    width: 20px;
    height: 14px;
}
#liner-upgrade-body .table-section.mobile .table-contents-wrapper .table-contents .table-row .value .slash {
    width: 16px;
    height: 1px;
    border: 1px solid #c6cbd3;
}
#liner-upgrade-body .subscription-info-section.mobile {
    width: 320px;
    height: 80px;
    padding: 15px 18px;
}
#liner-upgrade-body .user-grey-section.mobile {
    height: 324px;
    margin-top: 32px;
}
#liner-upgrade-body .and-we-are-section.mobile {
    height: 228px;
    margin-top: 40px;
}
#liner-upgrade-body .and-we-are-section.mobile .text {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 18px;
    letter-spacing: -0.6px;
    color: #52565d;
}
#liner-upgrade-body .and-we-are-section.mobile .items-wrap {
    width: 360px;
    margin-top: 30px;
    justify-content: space-between;
    align-items: flex-end !important;
}
#liner-upgrade-body .and-we-are-section.mobile .item-wrap.mobile {
    position: relative !important;
    height: 73px;
    width: 100px;
}
#liner-upgrade-body .and-we-are-section.mobile .item-wrap.mobile#gdpr {
    right: 0;
}
#liner-upgrade-body .and-we-are-section.mobile .item-wrap.mobile .info-main {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #969aa2;
}
#liner-upgrade-body .and-we-are-section.mobile .item-wrap.mobile .info-main#apple,
#liner-upgrade-body .and-we-are-section.mobile .item-wrap.mobile .info-main#forbes {
    margin-top: 13px !important;
}
#liner-upgrade-body .and-we-are-section.mobile .item-wrap.mobile .info-main#gdpr {
    margin-top: 7px !important;
}
#liner-upgrade-body .and-we-are-section.mobile .item-wrap.mobile .info-sub {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 12px;
    letter-spacing: -0.45px;
    color: #969aa2;
    margin-top: 4px;
}
#liner-upgrade-body .and-we-are-section.mobile .item-wrap.mobile .icon#apple {
    background-repeat: no-repeat;
    background-size: 100px 21px;
    width: 100px;
    height: 21px;
}
#liner-upgrade-body .and-we-are-section.mobile .item-wrap.mobile .icon#forbes {
    background-repeat: no-repeat;
    background-size: 70px 18px;
    width: 70px;
    height: 18px;
}
#liner-upgrade-body .and-we-are-section.mobile .item-wrap.mobile .icon#gdpr {
    margin-top: -5px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    width: 36px;
    height: 36px;
}
#liner-upgrade-body .and-we-are-section.mobile .liner-additional {
    width: 320px;
    text-align: center;
    margin-top: 32px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #969aa2;
}
#liner-upgrade-body .horizontal-line {
    margin-top: 40px !important;
}
.floating-btn {
    position: fixed;
    bottom: 34px;
    width: 330px;
    margin-left: auto;
    left: 0;
    margin-right: auto;
    right: 0;
    z-index: 1;
}
.floating-btn button {
    width: 100%;
    height: 48px;
    border-radius: 8px;
    background-color: #00bdb8;
    box-shadow: 0 5px 10px 0 rgba(39, 43, 49, 0.2);
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #fff;
}
@media only screen and (min-width: 320px) and (max-width: 360px) {
    .table-menubar {
        width: 320px !important;
    }
    .table-row {
        padding: 14px 20px !important;
    }
}
@media only screen and (min-width: 500px) {
    .liner-additional,
    .subscription-info-section.mobile,
    .table-menubar {
        width: 400px !important;
    }
    .card-container.mobile,
    .discount-banner.mobile,
    .toggle-period {
        width: 360px !important;
    }
    .floating-btn {
        width: 370px !important;
    }
    .highlight.mobile#premium {
        left: 133px !important;
    }
    .highlight.mobile#pro {
        left: 126px !important;
    }
    .highlight-tip.mobile#premium {
        left: 221px !important;
    }
    .highlight-tip.mobile#pro {
        left: 231px !important;
    }
    .cross-line.mobile {
        left: 152px !important;
    }
    .key.mobile {
        width: 180px !important;
    }
    .value.mobile {
        width: 90px !important;
    }
}
@media only screen and (min-width: 600px) {
    .liner-additional,
    .subscription-info-section.mobile,
    .table-menubar {
        width: 440px !important;
    }
    .card-container.mobile,
    .discount-banner.mobile,
    .toggle-period {
        width: 400px !important;
    }
    .floating-btn {
        width: 410px !important;
    }
    .highlight.mobile#premium {
        left: 153px !important;
    }
    .highlight.mobile#pro {
        left: 146px !important;
    }
    .highlight-tip.mobile#premium {
        left: 241px !important;
    }
    .highlight-tip.mobile#pro {
        left: 245px !important;
    }
    .cross-line.mobile {
        left: 172px !important;
    }
    .key.mobile {
        width: 180px !important;
    }
    .value.mobile {
        width: 130px !important;
    }
}
#liner-upgrade-header {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 5;
}
#liner-upgrade-header .logo-wrap {
    height: 44px;
    display: flex;
    margin-left: 6%;
    align-items: flex-end;
    background-color: #fff;
}
#liner-upgrade-header .logo-wrap .link {
    z-index: 6;
}
#liner-upgrade-header .logo-wrap .browsly-logo {
    z-index: 1;
}
#liner-upgrade-header .logo-wrap .browsly-logo.big {
    background-repeat: no-repeat;
    background-size: 125px 24px;
    width: 125px;
    height: 24px;
}
#liner-upgrade-header .logo-wrap .browsly-logo.small {
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
}
#liner-upgrade-header .logo-wrap.transparent {
    background-color: transparent !important;
}
#liner-upgrade-header .sticky-header-wrap {
    display: flex;
    justify-content: center;
    margin-top: -25px;
    background-color: #fff;
    height: 180px;
    border-bottom: 1px solid #dde1e7;
    position: relative;
}
#liner-upgrade-header .sticky-header-wrap.month {
    margin-top: -52px;
}
#liner-upgrade-header .sticky-header-wrap.visible {
    transform: translateY(0);
    transition: all 0.5s ease-out;
}
#liner-upgrade-header .sticky-header-wrap.hidden {
    transform: translateY(-120%);
    transition: all 0.6s ease-out;
}
#liner-upgrade .cards-container {
    height: 292px;
    display: flex;
    margin-left: 32px;
}
#liner-upgrade .cards-container.header {
    height: 145px;
}
#liner-upgrade .cards-container .upgrade-card-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 32px;
}
#liner-upgrade .cards-container .upgrade-card-container .discount-banner {
    width: 401px;
    background-color: #fff1f0;
    border-radius: 4px;
    text-align: center;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    font-size: 18px;
    letter-spacing: -0.4px;
    color: #ff7b69;
    padding: 4px 0;
    height: 30px;
}
#liner-upgrade .cards-container .upgrade-card-container .discount-banner.hide {
    visibility: hidden;
}
#liner-upgrade .cards-container .upgrade-card-container .upgrade-cards-wrap {
    display: flex;
    margin-top: 8px;
    justify-content: space-between;
}
#liner-upgrade .card-container {
    width: 180px;
    height: 260px;
    align-self: flex-end;
    border-radius: 8px;
    border: 1px solid #eef1f4;
    position: relative;
}
#liner-upgrade .card-container.header {
    border: none;
    height: 105px;
}
#liner-upgrade .card-container.promotion {
    height: 280px;
}
#liner-upgrade .card-container.promotion .promotion-price-message {
    position: absolute;
    bottom: 8px;
    width: 180px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 12px;
    letter-spacing: -0.5px;
    color: #52565d;
}
#liner-upgrade .card-container.promotion .card-button {
    bottom: 36px;
}
#liner-upgrade .card-container .card-type {
    width: 100%;
    height: 25px;
    text-align: center;
    position: absolute;
    top: 40px;
}
#liner-upgrade .card-container .card-type.basic {
    color: #52565d;
}
#liner-upgrade .card-container .card-type.basic,
#liner-upgrade .card-container .card-type.premium {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 21px;
    letter-spacing: -0.5px;
}
#liner-upgrade .card-container .card-type.premium {
    color: #00bdb8;
}
#liner-upgrade .card-container .card-type.pro {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 21px;
    letter-spacing: -0.5px;
    color: #008683;
}
#liner-upgrade .card-container .card-type-sub {
    width: 100%;
    height: 18px;
    text-align: center;
    position: absolute;
    top: 16px;
}
#liner-upgrade .card-container .card-type-sub.premium {
    color: #33cac6;
}
#liner-upgrade .card-container .card-type-sub.premium,
#liner-upgrade .card-container .card-type-sub.pro {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 14px;
    letter-spacing: -0.5px;
}
#liner-upgrade .card-container .card-type-sub.pro {
    color: #00a7a0;
}
#liner-upgrade .card-container .cross-line {
    position: absolute;
    top: 103px;
    left: 62px;
    width: 57px;
    height: 1px;
    border-bottom: 1px solid #969aa2;
    display: inline-block;
}
#liner-upgrade .card-container .cross-line.header {
    visibility: hidden;
}
#liner-upgrade .card-container .highlight {
    position: absolute;
    top: 130px;
    background-color: #b8fffe;
    height: 24px;
}
#liner-upgrade .card-container .highlight#premium {
    left: 44px;
    width: 88px;
}
#liner-upgrade .card-container .highlight#pro {
    left: 36px;
    width: 104px;
}
#liner-upgrade .card-container .highlight.header {
    visibility: hidden;
}
#liner-upgrade .card-container .highlight-tip {
    position: absolute;
    top: 130px;
    width: 4px;
    height: 24px;
    background-color: #6ffffc;
}
#liner-upgrade .card-container .highlight-tip#premium {
    left: 132px;
}
#liner-upgrade .card-container .highlight-tip#pro {
    left: 140px;
}
#liner-upgrade .card-container .highlight-tip.header {
    visibility: hidden;
}
#liner-upgrade .card-container .card-price {
    width: 100%;
    text-align: center;
    position: absolute;
}
#liner-upgrade .card-container .card-price.header {
    visibility: hidden;
}
#liner-upgrade .card-container .card-price.basic {
    top: 118px;
}
#liner-upgrade .card-container .card-price.basic,
#liner-upgrade .card-container .card-price.monthmode {
    height: 39px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 32px;
    letter-spacing: -0.8px;
    color: #33373d;
}
#liner-upgrade .card-container .card-price.monthmode {
    top: 100px;
}
#liner-upgrade .card-container .card-price.original {
    top: 92px;
    height: 22px;
    font-size: 18px;
    letter-spacing: -0.45px;
    color: #969aa2;
}
#liner-upgrade .card-container .card-price.discount,
#liner-upgrade .card-container .card-price.original {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
}
#liner-upgrade .card-container .card-price.discount {
    top: 118px;
    height: 39px;
    font-size: 32px;
    letter-spacing: -0.8px;
    color: #33373d;
}
#liner-upgrade .card-container .card-unit {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 157px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #969aa2;
}
#liner-upgrade .card-container .card-unit.monthmode {
    top: 142px;
}
#liner-upgrade .card-container .card-unit.header {
    visibility: hidden;
}
#liner-upgrade .card-container .card-button {
    border-radius: 8px;
    position: absolute;
    bottom: 16px;
    right: 20px;
}
#liner-upgrade .card-container .card-button.header {
    bottom: -15px;
}
#liner-upgrade .card-container .card-button button {
    width: 140px;
    height: 40px;
    border-radius: 8px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #fff;
}
#liner-upgrade .card-container .card-button button.header {
    height: 32px;
}
#liner-upgrade .card-container .card-button button#basic {
    background-color: #b9bcc2;
}
#liner-upgrade .card-container .card-button button#basic:hover {
    background-color: #969aa2;
}
#liner-upgrade .card-container .card-button button#basic.disable {
    cursor: default;
    background-color: #b9bcc2;
}
#liner-upgrade .card-container .card-button button#premium {
    background-color: #00bdb8;
}
#liner-upgrade .card-container .card-button button#premium:hover {
    background-color: #00a7a0;
}
#liner-upgrade .card-container .card-button button#premium.disable {
    cursor: default;
}
#liner-upgrade .card-container .card-button button#premium.disable:hover {
    background-color: #00bdb8;
}
#liner-upgrade .card-container .card-button button.premium-mobile:hover {
    background-color: #00bdb8 !important;
}
#liner-upgrade .card-container .card-button button#pro {
    background-color: #b9bcc2;
    cursor: default;
}
#liner-upgrade .card-container .card-button .basic-get-started {
    background-color: #00bdb8 !important;
}
#liner-upgrade .card-container .card-button .basic-get-started:hover {
    background-color: #00a7a0 !important;
}
#liner-upgrade .table-header-container {
    display: flex;
    height: 272px;
    width: 840px;
    justify-content: space-between;
}
#liner-upgrade .table-header-container .left-container {
    height: 221px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    justify-content: space-between !important;
    justify-self: flex-start;
    align-self: flex-end;
}
#liner-upgrade .table-header-container .left-container.header {
    visibility: hidden;
}
#liner-upgrade .table-header-container .left-container .upgrade-illust {
    background-image: url(/src/images/pricing-illust.svg);
    background-repeat: no-repeat;
    background-size: 165px 176px;
    width: 165px;
    height: 176px;
}
#liner-upgrade .table-header-container .left-container .switch-container {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #b0b4bd;
}
#liner-upgrade .table-header-container .left-container .switch-container .switch {
    position: relative;
    display: inline-block;
    width: 26px;
    height: 16px;
    margin: 0 8px;
}
#liner-upgrade .table-header-container .left-container .switch-container .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
#liner-upgrade .table-header-container .left-container .switch-container .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #c6cbd3;
    transition: 0.4s;
    border-radius: 34px;
}
#liner-upgrade .table-header-container .left-container .switch-container .slider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 2px;
    bottom: 2px;
    background-color: #fff;
    transition: 0.4s;
    border-radius: 50%;
}
#liner-upgrade .table-header-container .left-container .switch-container input:checked + .slider:before {
    transform: translateX(10px);
}
#liner-upgrade .table-header-container .left-container .promotion-price-message {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 12px;
    letter-spacing: -0.5px;
    color: #52565d;
}
#liner-upgrade-body {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin-top: 44px;
    width: 100%;
}
#liner-upgrade-body .title-section {
    margin-top: 80px;
    text-align: center;
}
#liner-upgrade-body .title-section .heading {
    font-weight: 700;
    font-size: 32px;
    letter-spacing: -0.8px;
    color: #272b31;
}
#liner-upgrade-body .title-section .heading,
#liner-upgrade-body .title-section .subheading {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
}
#liner-upgrade-body .title-section .subheading {
    margin-top: 24px;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: -0.45px;
    color: #787d86;
}
#liner-upgrade-body .table-section {
    width: 840px;
    margin-top: 71px;
    display: flex;
    flex-direction: column;
}
#liner-upgrade-body .table-section .table-contents-container {
    display: flex;
    flex-direction: column;
    margin-top: 40px;
    align-self: center;
    align-items: center;
    position: relative;
}
#liner-upgrade-body .table-section .table-contents-container .bottom-line {
    border-bottom: 1px solid #eef1f4;
    height: 1px;
    width: 840px;
}
#liner-upgrade-body .table-section .table-contents-container .table-row-wrapper {
    display: flex;
    height: 64px;
    width: 840px;
    align-items: center;
    position: relative;
}
#liner-upgrade-body .table-section .table-contents-container .table-row-wrapper:hover {
    background-color: #f6f8fa;
    width: 872px;
    padding-left: 16px;
    border-radius: 8px;
}
#liner-upgrade-body .table-section .table-contents-container .table-row-wrapper.comming-soon:hover {
    background-color: transparent;
}
#liner-upgrade-body .table-section .table-contents-container .table-row-wrapper .header {
    width: 200px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #52565d;
}
#liner-upgrade-body .table-section .table-contents-container .table-row-wrapper .header.comming-soon {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #52565d;
}
#liner-upgrade-body .table-section .table-contents-container .table-row-wrapper .values {
    display: flex;
    width: 613px;
    margin-left: 27px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 16px;
    letter-spacing: -0.4px;
}
#liner-upgrade-body .table-section .table-contents-container .table-row-wrapper .values .value {
    width: 180px;
    align-self: center;
    display: flex;
    justify-content: center;
}
#liner-upgrade-body .table-section .table-contents-container .table-row-wrapper .values .value.basic {
    color: #787d86;
}
#liner-upgrade-body .table-section .table-contents-container .table-row-wrapper .values .value.premium {
    color: #00bdb8;
}
#liner-upgrade-body .table-section .table-contents-container .table-row-wrapper .values .value.premium .check {
    background-image: url(/src/images/check-pre.svg);
    width: 20px;
    height: 14px;
}
#liner-upgrade-body .table-section .table-contents-container .table-row-wrapper .values .value.pro {
    color: #008683;
}
#liner-upgrade-body .table-section .table-contents-container .table-row-wrapper .values .value.pro .check {
    background-image: url(/src/images/check-pro.svg);
    width: 20px;
    height: 14px;
}
#liner-upgrade-body .table-section .table-contents-container .table-row-wrapper .values .value .slash {
    width: 18px;
    height: 1px;
    border: 1px solid #c6cbd3;
}
#liner-upgrade-body .table-section .table-contents-container .table-row-wrapper .values .value + .value {
    margin-left: 35px;
}
#liner-upgrade-body .subscription-info-section {
    width: 664px;
    height: 56px;
    display: flex;
    margin-top: 40px;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #f6f8fa;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 11px;
    letter-spacing: -0.25px;
    color: #b0b4bd;
}
#liner-upgrade-body .user-grey-section {
    margin-top: 80px;
    height: 721px;
    width: 100%;
    background-color: #f6f8fa;
    display: flex;
    justify-content: center;
    align-items: center;
}
#liner-upgrade-body .and-we-are-section {
    height: 194px;
    width: 665px;
    margin-top: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
#liner-upgrade-body .and-we-are-section .text {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 24px;
    letter-spacing: -0.6px;
    color: #52565d;
}
#liner-upgrade-body .and-we-are-section .items-wrap {
    display: flex;
    width: 690px;
    text-align: center;
    position: relative;
}
#liner-upgrade-body .and-we-are-section .items-wrap .item-wrap {
    height: 116px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
#liner-upgrade-body .and-we-are-section .items-wrap .item-wrap#forbes {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: 120px;
    justify-content: flex-end;
}
#liner-upgrade-body .and-we-are-section .items-wrap .item-wrap#apple {
    justify-content: flex-end;
}
#liner-upgrade-body .and-we-are-section .items-wrap .item-wrap#gdpr {
    position: absolute;
    right: 40px;
}
#liner-upgrade-body .and-we-are-section .items-wrap .item-wrap .info-main {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 18px;
    letter-spacing: -0.45px;
    color: #969aa2;
}
#liner-upgrade-body .and-we-are-section .items-wrap .item-wrap .info-main#apple,
#liner-upgrade-body .and-we-are-section .items-wrap .item-wrap .info-main#forbes {
    margin-top: 18px;
}
#liner-upgrade-body .and-we-are-section .items-wrap .item-wrap .info-main#gdpr {
    margin-top: 8px;
}
#liner-upgrade-body .and-we-are-section .items-wrap .item-wrap .info-sub {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 18px;
    letter-spacing: -0.45px;
    color: #969aa2;
    margin-top: 4px;
}
#liner-upgrade-body .and-we-are-section .items-wrap .item-wrap .icon#apple {
    width: 157px;
    height: 33px;
    background-image: url(/src/images/app-store.svg);
}
#liner-upgrade-body .and-we-are-section .items-wrap .item-wrap .icon#forbes {
    width: 100px;
    height: 26px;
    background-image: url(/src/images/forbes.svg);
}
#liner-upgrade-body .and-we-are-section .items-wrap .item-wrap .icon#gdpr {
    width: 60px;
    height: 60px;
    background-image: url(/src/images/gdpr.svg);
}
#liner-upgrade-body .horizontal-line {
    width: 920px;
    margin-top: 80px;
    border-bottom: 2px solid #f6f8fa;
}
#liner-upgrade-body .footer-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 48px;
}
#liner-upgrade-body .footer-section .link-container {
    justify-content: space-between;
    display: flex;
}
#liner-upgrade-body .footer-section .link-container a {
    text-decoration: underline;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 12px;
    letter-spacing: normal;
    color: #787d86;
}
#liner-upgrade-body .footer-section .link-container a + a {
    margin-left: 40px;
}
#liner-upgrade-body .footer-section .copywrite {
    margin-top: 40px;
}
#liner-upgrade-body .footer-section .copywrite span {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 12px;
    letter-spacing: normal;
    color: #c6cbd3;
}
#liner-upgrade-body .footer-section .logo {
    margin-top: 16px;
    background-image: url(/src/images/liner-footer.svg);
    width: 32px;
    height: 32px;
    margin-bottom: 40px;
}
body {
    margin: 0;
}
body .ab-iam-root.v3.ab-animate-in.ab-animate-out.ab-effect-html.ab-show {
    position: fixed !important;
    z-index: 10000000000000000000;
}
#liner-desktop-container {
    width: 1280px;
    margin: 0 auto;
}
#liner-landscape-container {
    width: 1024px;
    margin: 0 auto;
}
main.desktop {
    margin-left: 224px;
}
main.desktop,
main.landscape {
    margin-top: 64px;
    display: flex;
}
main.landscape {
    width: 1024px;
    justify-content: center;
}
main.portrait {
    justify-content: center;
    display: flex;
}
#liner-desktop-main-container {
    width: 712px;
    height: 100%;
    margin-bottom: 100px;
    display: flex;
}
#liner-landscape-main-container {
    width: 624px;
    height: 100%;
    margin: 0 16px 100px 40px;
    display: flex;
}
#liner-desktop-menu-container {
    width: 216px;
    position: fixed;
    top: 98px;
    margin-left: -16px;
    z-index: 1;
}
#liner-mobile-menu-container {
    width: 100%;
    height: 50px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1;
}
#liner-recommendation-container {
    width: 320px;
    margin-left: 24px;
    margin-top: 40px;
}
.ab-feed.ab-show {
    z-index: 20;
}
.ab-feed-buttons-wrapper {
    background-color: #00bdb8 !important;
}
*,
:after,
:before {
    box-sizing: border-box;
}
button {
    border: none;
    background-color: transparent;
    padding: 0;
    cursor: pointer;
}
:focus {
    outline: none;
}
a {
    text-decoration: none;
    cursor: pointer;
}
input {
    border: none;
    background-color: transparent;
}
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.win:root {
    scrollbar-color: rgba(75, 75, 75, 0.351) transparent !important;
    scrollbar-width: thin !important;
}
.win::-webkit-scrollbar {
    width: 8px !important;
}
.win::-webkit-scrollbar-thumb {
    border-radius: 8px !important;
    background-color: rgba(75, 75, 75, 0.351) !important;
}
a.grey-border-btn,
button.grey-border-btn {
    border-radius: 8px;
    border: 1px solid #dde1e7;
    background-color: #fff;
    color: #787d86;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
}
a.grey-border-btn:hover,
button.grey-border-btn:hover {
    background-color: #f6f8fa;
}
a.green-border-btn,
button.green-border-btn {
    border-radius: 8px;
    border: 1px solid #b2ebe9;
    background-color: #fff;
    color: #787d86;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
}
a.green-border-btn:hover,
button.green-border-btn:hover {
    background-color: #f6f8fa;
}
a.liner-fill-btn,
button.liner-fill-btn {
    border-radius: 8px;
    background-color: #00bdb8;
    color: #fff;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
}
a.liner-fill-btn span,
button.liner-fill-btn span {
    font-weight: 700;
}
a.liner-fill-btn:hover,
button.liner-fill-btn:hover {
    background-color: #00a7a0;
}
a.liner-border-btn,
button.liner-border-btn {
    border-radius: 8px;
    border: 1px solid #00bdb8;
    background-color: #fff;
    color: #00bdb8;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
}
a.liner-border-btn.menu-upgrade,
button.liner-border-btn.menu-upgrade {
    margin-top: 32px;
}
a.liner-border-btn:hover,
button.liner-border-btn:hover {
    background-color: #00bdb8;
    color: #fff !important;
}
button.action-button {
    padding: 11px 12px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: -0.35px;
}
button.action-button.default {
    border-radius: 8px;
    color: #787d86;
    font-weight: 400;
}
button.action-button.default:hover {
    background-color: #f6f8fa;
}
button.action-button.negative {
    border-radius: 8px;
    font-weight: 700;
    color: #f35750;
}
button.action-button.negative:hover {
    background-color: rgba(243, 87, 80, 0.1);
}
button.action-button.positive {
    border-radius: 8px;
    font-weight: 700;
    color: #00bdb8;
}
button.action-button.positive:hover {
    background-color: #e5f8f7;
}
button.action-button.inactive {
    cursor: default;
    opacity: 0.3;
}
.circular-button:hover {
    background-color: #f6f8fa;
    border-radius: 50%;
}
button.label-button {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    text-align: right;
    color: #787d86;
}
button.label-button.default {
    color: #787d86;
    font-weight: 400;
}
button.label-button.default:hover {
    color: #52565d;
}
button.label-button.positive {
    color: #00bdb8;
    font-weight: 700;
}
button.label-button.positive:hover {
    color: #00a7a0;
}
button.label-button.inactive {
    opacity: 0.3;
    cursor: default;
}
button.label-button.inactive.positive:hover {
    color: #00bdb8;
}
.button-hover {
    width: 32px;
    height: 32px;
    cursor: pointer;
    position: absolute;
}
.button-hover:hover {
    width: 32px;
    height: 32px;
    background-color: #f6f8fa;
    border-radius: 50%;
    z-index: 0;
}
.button.mobile.cancel {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #787d86;
    width: 53px;
    margin-left: 24px;
}
.button.mobile.positive {
    color: #00bdb8;
}
.button.mobile.negative,
.button.mobile.positive {
    width: 53px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 16px;
    letter-spacing: -0.4px;
}
.button.mobile.negative {
    color: #f35750;
}
.button.mobile.inactive {
    width: 53px;
    opacity: 0.5;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #00bdb8;
}
.dropdown-container {
    position: relative;
    height: 32px;
}
.dropdown-container.info .tooltip-triangle {
    width: 19px;
    height: 19px;
    background-color: #52565d;
    position: absolute;
    transform: rotate(45deg);
    z-index: 8;
    border-top-left-radius: 4px;
    border-top: 1px solid #969aa2;
    border-left: 1px solid #969aa2;
    top: 50px;
    left: 15px;
}
.dropdown-container .language-dropdown {
    position: relative;
    left: -200px;
    top: -15px;
    z-index: 3 !important;
}
.dropdown-container .language-dropdown .dropdown-header {
    height: 36px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    color: #969aa2;
    display: flex;
    padding: 8px 15px 0;
}
.dropdown-container .language-dropdown li#selected {
    font-weight: 500;
    color: #00bdb8;
    display: flex;
}
.dropdown-container .language-dropdown li#selected .check {
    background-image: url(/src/images/check-primary.svg);
    background-repeat: no-repeat;
    background-size: 14px 10px;
    width: 14px;
    height: 10px;
    justify-self: flex-end;
    margin-left: auto;
}
.dropdown-container ul.dropdown {
    position: absolute;
    top: 34px;
    min-width: 200px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    white-space: nowrap;
    z-index: 2;
    border-radius: 8px;
    box-shadow: 0 10px 20px 0 rgba(39, 43, 49, 0.1);
    border: 1px solid #eef1f4;
    background-color: #fff;
    padding: 8px 0;
    margin: 0;
}
.dropdown-container ul.dropdown.menu {
    top: 54px;
    width: 232px;
}
.dropdown-container ul.dropdown li {
    list-style-type: none;
    height: 40px;
    background-color: #fff;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    color: #52565d;
    padding: 8px 15px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.dropdown-container ul.dropdown li .dropdown-icon {
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    margin-right: 8px;
}
.dropdown-container ul.dropdown li #copied,
.dropdown-container ul.dropdown li #copy-to-clipboard {
    transition: opacity 0.25s ease;
}
.dropdown-container ul.dropdown .filter-item:hover,
.dropdown-container ul.dropdown li:hover {
    background-color: #f6f8fa;
}
.dropdown-container ul.dropdown .filter-item {
    height: 40px;
    background-color: #fff;
    padding: 8px 15px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.dropdown-container ul.dropdown .filter-item .dropdown-title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    color: #52565d;
    z-index: 1;
}
.dropdown-container ul.dropdown .filter-item .dropdown-title.active {
    color: #00bdb8;
    font-weight: 500;
}
.dropdown-container ul.dropdown .filter-item .dropdown-active-icon {
    background-image: url(/src/images/check.svg);
    background-repeat: no-repeat;
    background-size: 14px 10px;
    width: 14px;
    height: 10px;
    z-index: 1;
}
.dropdown-container ul.dropdown li.dropdown-title {
    width: 54px;
    height: 18px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    color: #969aa2;
    height: 34px;
    width: 100%;
    cursor: default;
}
.dropdown-container ul.dropdown li.dropdown-title:hover {
    background-color: #fff;
}
.tags-dropdown-container {
    display: inline;
    position: relative;
}
.tags-dropdown-container .tags {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    text-align: right;
    color: #969aa2;
    display: inline-flex;
    align-items: center;
}
.tags-dropdown-container .tags .tags-icon {
    background-image: url(/src/images/add.svg);
    background-repeat: no-repeat;
    background-size: 6px 6px;
    width: 6px;
    height: 6px;
    margin-right: 3px;
}
.tags-dropdown-container .tags:hover {
    color: #787d86;
}
.tags-dropdown-container .tags-dropdown {
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 5;
    width: 240px;
    border-radius: 8px;
    box-shadow: 0 10px 20px 0 rgba(39, 43, 49, 0.1);
    border: 1px solid #eef1f4;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}
.tags-dropdown-container .tags-dropdown .input-outer-container {
    position: relative;
    width: 200px;
    min-height: 24px;
    max-height: 60px;
    margin: 12px 20px 2px;
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-color: rgba(75, 75, 75, 0.447) transparent !important;
    scrollbar-width: thin !important;
}
.tags-dropdown-container .tags-dropdown .input-outer-container::-webkit-scrollbar {
    width: 0 !important;
}
.tags-dropdown-container .tags-dropdown .input-outer-container::-webkit-scrollbar-thumb {
    border-radius: 8px !important;
    background-color: rgba(75, 75, 75, 0.447) !important;
}
.tags-dropdown-container .tags-dropdown .input-outer-container .input-inner-container {
    position: relative;
    width: 100%;
}
.tags-dropdown-container .tags-dropdown .input-outer-container .input-inner-container .saved-tag {
    display: flex;
    height: 20px;
    float: left;
    margin: 2px 6px 2px 0;
    padding: 2px 4px;
    border-radius: 4px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: -0.3px;
    color: #00bdb8;
    background-color: #f6f8fa;
    align-items: center;
    white-space: nowrap;
    cursor: default;
}
.tags-dropdown-container .tags-dropdown .input-outer-container .input-inner-container .saved-tag .delete {
    background-image: url(/src/images/deletetag.svg);
    background-repeat: no-repeat;
    background-size: 8px 8px;
    width: 8px;
    height: 8px;
    margin-left: 4px;
}
.tags-dropdown-container .tags-dropdown .input-outer-container .input-inner-container .saved-tag.focused,
.tags-dropdown-container .tags-dropdown .input-outer-container .input-inner-container .saved-tag:hover {
    background-color: #eef1f4;
}
.tags-dropdown-container .tags-dropdown .input-outer-container .input-inner-container input {
    border: none;
    height: 24px;
    float: left;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: -0.3px;
    color: #52565d;
    padding: 0;
}
.tags-dropdown-container .tags-dropdown .input-outer-container .input-inner-container input.no-filter {
    min-width: 70px;
}
.tags-dropdown-container .tags-dropdown .input-outer-container .input-inner-container input::-webkit-input-placeholder {
    opacity: 0.3;
    color: #52565d;
}
.tags-dropdown-container .tags-dropdown .input-outer-container .input-inner-container input:-ms-input-placeholder {
    opacity: 0.3;
    color: #52565d;
}
.tags-dropdown-container .tags-dropdown .input-outer-container .input-inner-container input::-ms-input-placeholder {
    opacity: 0.3;
    color: #52565d;
}
.tags-dropdown-container .tags-dropdown .input-outer-container .input-inner-container input::placeholder {
    opacity: 0.3;
    color: #52565d;
}
.tags-dropdown-container .tags-dropdown .separator {
    width: 200px;
    border-bottom: 1px solid #eef1f4;
    align-self: center;
}
.tags-dropdown-container .tags-dropdown .no-tags {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    text-align: center;
    color: #52565d;
    opacity: 0.3;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tags-dropdown-container .tags-dropdown .tag-list {
    height: 281px;
    flex-shrink: 0;
    overflow: hidden;
    overflow-y: auto;
    margin: 0;
    padding: 8px 0 12px;
    width: 235px;
    scrollbar-color: rgba(75, 75, 75, 0.153) transparent !important;
    scrollbar-width: thin !important;
}
.tags-dropdown-container .tags-dropdown .tag-list::-webkit-scrollbar {
    width: 6px !important;
}
.tags-dropdown-container .tags-dropdown .tag-list::-webkit-scrollbar-thumb {
    border-radius: 8px !important;
    background-color: rgba(75, 75, 75, 0.153) !important;
}
.tags-dropdown-container .tags-dropdown .tag-list .tag-title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    color: #b0b4bd;
    padding: 8px 20px;
}
.tags-dropdown-container .tags-dropdown .tag-list .tag-dropdown {
    align-items: center;
    display: inline-flex;
    justify-content: space-between;
    width: 238px;
    height: 32px;
    padding-left: 19px;
    padding-right: 13px;
    cursor: pointer;
}
.tags-dropdown-container .tags-dropdown .tag-list .tag-dropdown span {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: -0.35px;
    color: #52565d;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex-shrink: 1;
}
.tags-dropdown-container .tags-dropdown .tag-list .tag-dropdown .edit {
    background-image: url(/src/images/edit-light.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 24px;
    height: 24px;
    margin-left: auto;
    flex-shrink: 0;
}
.tags-dropdown-container .tags-dropdown .tag-list .tag-dropdown .edit:hover {
    background-color: #eef1f4;
    border-radius: 50%;
}
.tags-dropdown-container .tags-dropdown .tag-list .tag-dropdown:hover {
    background: #f6f8fa;
}
.tags-dropdown-container .tags-dropdown .tag-list .tag-dropdown.error {
    background-color: rgba(243, 87, 80, 0.1);
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: -0.35px;
    color: #f35750;
    margin: 8px 0 0;
}
.tags-dropdown-container .tags-dropdown .tag-list .tag-dropdown.error:hover {
    background-color: rgba(243, 87, 80, 0.1) !important;
}
.tags-dropdown-container .tags-dropdown .tag-list .create-tag {
    justify-content: normal !important;
}
.tags-dropdown-container .tags-dropdown .tag-list .create-tag .create {
    font-weight: 400;
    color: #4cd0cd;
    flex-shrink: 0;
}
.tags-dropdown-container .tags-dropdown .tag-list .create-tag .keyword {
    font-weight: 500;
    color: #00bdb8;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.tags-dropdown-container .tags-dropdown .tag-list .create-tag .create + .keyword,
.tags-dropdown-container .tags-dropdown .tag-list .create-tag .keyword + .create {
    margin-left: 5px;
}
.tags-dropdown-container .tags-dropdown .tag-list.filter-dropdown {
    height: 248px !important;
    padding-top: 16px !important;
}
.tags-dropdown-container .tags-dropdown .tag-list.filter-dropdown .tag-dropdown.error {
    margin-top: 0 !important;
}
.tags-dropdown-container .tags-dropdown .filter-title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px 0;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.35px;
    color: #969aa2;
}
.tags-dropdown-container .tags-dropdown .filter-title,
.tags-dropdown-container .tags-dropdown .filter-title .reset {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
}
.tags-dropdown-container .tags-dropdown .filter-title .reset {
    display: block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.3px;
    text-align: right;
    color: #787d86;
}
.tags-dropdown-container .tags-dropdown .filter-title .reset:hover {
    color: #52565d;
}
.tags-dropdown-container .tags-dropdown .title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    color: #969aa2;
}
.tags-dropdown-container .tags-dropdown ul.color-list {
    padding: 0 0 12px;
    margin: 0;
    width: 238px;
}
.tags-dropdown-container .tags-dropdown ul.color-list .title {
    padding: 15px 20px 12px;
}
.tags-dropdown-container .tags-dropdown ul.color-list li {
    padding: 4px 15px 4px 19px;
    height: 32px;
    list-style-type: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tags-dropdown-container .tags-dropdown ul.color-list li .button-icon-container {
    display: flex;
    align-items: center;
}
.tags-dropdown-container .tags-dropdown ul.color-list li .button-icon-container .edit {
    background-image: url(/src/images/edit-light.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 24px;
    height: 24px;
    margin-left: auto;
    flex-shrink: 0;
}
.tags-dropdown-container .tags-dropdown ul.color-list li .button-icon-container .edit:hover {
    background-color: #eef1f4;
    border-radius: 50%;
}
.tags-dropdown-container .tags-dropdown ul.color-list li .button-icon-container .selected {
    background-image: url(/src/images/check.svg);
    background-repeat: no-repeat;
    background-size: 14px 10px;
    width: 14px;
    height: 10px;
    margin-left: 4px;
}
.tags-dropdown-container .tags-dropdown ul.color-list li:hover {
    background-color: #f6f8fa;
}
.filter {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.filter .dropdown {
    right: -1px;
    top: 35px;
}
.filter .dropdown .filter-item,
.filter .dropdown li {
    justify-content: space-between;
}
.filter .filter-button {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    color: #787d86;
    display: flex;
    align-items: center;
}
.filter .filter-button .filter-icon {
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    margin-left: 4px;
}
.filter .filter-button:hover {
    color: #52565d;
}
ul.dropdown.change-color li {
    width: 222px;
    padding: 4px 4px 4px 20px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.color {
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
}
.color .pallete {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    flex-shrink: 0;
}
.color .pallete.mint {
    background-color: #a6ffe9;
}
.color .pallete.yellow {
    background-color: #ffff83;
}
.color .pallete.orange {
    background-color: #ffc7ba;
}
.color .pallete.violet {
    background-color: #d9c3ff;
}
.color .pallete.blue {
    background-color: #b8dcff;
}
.color .pallete.pink {
    background-color: #ffd0ef;
}
.color .lock.show.blue,
.color .lock.show.orange,
.color .lock.show.pink,
.color .lock.show.violet {
    background-image: url(/src/images/lock-tooltip.svg);
    width: 8px;
    height: 10px;
    position: absolute;
    left: 28px;
}
.color .name {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: -0.35px;
    color: #52565d;
    margin-left: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex-shrink: 1;
}
.color .name.selected {
    color: #00bdb8;
}
.dropdown-edit {
    background-image: url(/src/images/edit-light.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 32px;
    height: 32px;
    margin-left: auto;
    flex-shrink: 0;
}
.dropdown-edit:hover {
    background-color: #eef1f4;
    border-radius: 50%;
}
#search-dropdown-shadow {
    z-index: 3;
    top: 64px;
}
#search-dropdown-shadow,
.modal {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.3);
    left: 0;
}
.modal {
    z-index: 99;
    top: 0;
    overflow-y: hidden;
    cursor: default;
}
.modal .modal-content {
    width: 480px;
    min-height: 200px;
    border-radius: 16px;
    background-color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px 16px;
    display: flex;
    flex-direction: column;
}
.modal .modal-content.edit-title {
    width: 400px;
}
.modal .modal-content .modal-header {
    padding: 0 16px;
    margin-bottom: 24px;
}
.modal .modal-content .modal-header.original {
    margin-bottom: 0;
}
.modal .modal-content .modal-header .modal-title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 24px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.6px;
    color: #272b31;
}
.modal .modal-content .modal-header .close-button {
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-image: url(/src/images/close-light.svg);
    float: right;
    margin-right: -4px;
}
.modal .modal-content .modal-detail {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.3px;
    color: #787d86;
}
.modal .modal-content .modal-detail .text {
    padding: 0 16px;
}
.modal .modal-content .modal-detail .circular-button-container.desktop {
    width: 448px;
    padding-top: 32px;
    padding-bottom: 24px;
    display: flex;
}
.modal .modal-content .modal-detail .circular-button-container.desktop .circular-button {
    background-repeat: no-repeat;
    background-size: 36px 36px;
    width: 36px;
    height: 36px;
    margin-left: 16px;
}
.modal .modal-content .modal-detail .circular-button-container.desktop .circular-button .title {
    position: absolute;
}
.modal .modal-content .modal-detail .circular-button-container.desktop .circular-button:hover .export-button-hover,
.modal .modal-content .modal-detail .circular-button-container.desktop .circular-button:hover .sns-button-hover {
    display: block;
    height: 36px;
    z-index: 10;
    width: 36px;
    border-radius: 50%;
    background-color: rgba(39, 43, 49, 0.1);
}
.modal .modal-content .modal-detail .circular-button-container.desktop .button-container {
    width: 53px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 16px;
}
.modal .modal-content .modal-detail .circular-button-container.desktop .button-container .circular-button {
    margin-left: 0;
}
.modal .modal-content .modal-detail .circular-button-container.desktop .button-container .button-title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    text-align: center;
    color: #787d86;
    display: block;
    margin-top: 8px;
}
.modal .modal-content .modal-detail .circular-button-container.desktop .facebook {
    background-image: url(/src/images/facebook.svg);
}
.modal .modal-content .modal-detail .circular-button-container.desktop .twitter {
    background-image: url(/src/images/twitter.svg);
}
.modal .modal-content .modal-detail .circular-button-container.desktop .linkedin {
    background-image: url(/src/images/linkdin.svg);
}
.modal .modal-content .modal-detail .circular-button-container.desktop .messenger {
    background-image: url(/src/images/messenger.svg);
}
.modal .modal-content .modal-detail .circular-button-container.desktop .kakaotalk {
    background-image: url(/src/images/kakaotalk.svg);
}
.modal .modal-content .modal-detail .circular-button-container.desktop .line {
    background-image: url(/src/images/line.svg);
}
.modal .modal-content .modal-detail .circular-button-container.desktop .email,
.modal .modal-content .modal-detail .circular-button-container.desktop .mail {
    background-image: url(/src/images/mail.svg);
}
.modal .modal-content .modal-detail .circular-button-container.desktop .word {
    background-image: url(/src/images/word.svg);
}
.modal .modal-content .modal-detail .circular-button-container.desktop .onenote {
    background-image: url(/src/images/onenote.svg);
}
.modal .modal-content .modal-detail .circular-button-container.desktop .evernote {
    background-image: url(/src/images/evernote.svg);
}
.modal .modal-content .modal-detail .circular-button-container.desktop .plain-text {
    background-image: url(/src/images/text.svg);
}
.modal .modal-content .modal-detail .circular-button-container.desktop .more {
    background-image: url(/src/images/sns-more.svg);
}
.modal .modal-content .modal-detail .circular-button-container.desktop.sns {
    border-bottom: 1px solid #eee;
}
.modal .modal-content .modal-detail .circular-button-container.desktop.sns.unshared {
    border-bottom: none;
    padding-bottom: 12px;
}
.modal .modal-content .modal-detail .circular-button-container.desktop.sns.unshared .circular-button {
    opacity: 0.3;
    cursor: default;
}
.modal .modal-content .modal-detail .circular-button-container.desktop.sns.unshared .circular-button:hover .button-hover {
    display: none;
}
.modal .modal-content .modal-detail .circular-button-container.desktop.export {
    margin-left: 8px;
    padding-bottom: 8px;
}
.modal .modal-content .modal-detail .modal-detail-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.modal .modal-content .modal-detail .modal-detail-container .toggle-button {
    display: flex;
    align-items: center;
}
.modal .modal-content .modal-detail .modal-detail-container .toggle-button .label {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    margin-right: 8px;
}
.modal .modal-content .modal-detail .modal-detail-container .toggle-button .label.shared {
    color: #00bdb8;
}
.modal .modal-content .modal-detail .modal-detail-container .toggle-button .label.disabled {
    color: #b9bcc2;
}
.modal .modal-content .modal-detail .modal-detail-container .toggle-button .switch {
    width: 32px;
    height: 20px;
    display: inline-block;
    position: relative;
    margin-right: 16px;
}
.modal .modal-content .modal-detail .modal-detail-container .toggle-button .switch input {
    display: none;
}
.modal .modal-content .modal-detail .modal-detail-container .toggle-button .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #b9bcc2;
    transition: 0.4s;
    border-radius: 10px;
}
.modal .modal-content .modal-detail .modal-detail-container .toggle-button .switch .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 2px;
    background-color: #fff;
    transition: 0.2s;
    border-radius: 50%;
}
.modal .modal-content .modal-detail .modal-detail-container .toggle-button .switch input:checked + .slider {
    background-color: #00bdb8;
}
.modal .modal-content .modal-detail .modal-detail-container .toggle-button .switch input:checked + .slider:before {
    transform: translateX(12px);
}
.modal .modal-content .modal-detail .modal-detail-container .toggle-button .switch.shared .slider:before {
    background-image: url(/src/images/check.svg);
    background-size: 10px 8px;
    background-position: 50%;
    background-repeat: no-repeat;
}
.modal .modal-content .modal-detail.edit {
    margin: 16px 0 28px 16px;
}
.modal .modal-content .modal-detail.edit.desktop .input-container.tag {
    padding: 4px;
}
.modal .modal-content .modal-detail.edit .input-container.color {
    padding: 8px;
}
.modal .modal-content .modal-detail.edit .input-container {
    width: 416px;
    height: 32px;
    border-radius: 8px;
    background-color: #f6f8fa;
}
.modal .modal-content .modal-detail.edit .input-container .input {
    display: flex;
    align-items: center;
}
.modal .modal-content .modal-detail.edit .input-container .input .tag-icon {
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    background-image: url(/src/images/tag-small.svg);
}
.modal .modal-content .modal-detail.edit .input-container .input .pallete {
    width: 16px;
    height: 16px;
    border-radius: 50%;
}
.modal .modal-content .modal-detail.edit .input-container .input .pallete.mint {
    background-color: #a6ffe9;
}
.modal .modal-content .modal-detail.edit .input-container .input .pallete.yellow {
    background-color: #ffff83;
}
.modal .modal-content .modal-detail.edit .input-container .input .pallete.orange {
    background-color: #ffc7ba;
}
.modal .modal-content .modal-detail.edit .input-container .input .pallete.violet {
    background-color: #d9c3ff;
}
.modal .modal-content .modal-detail.edit .input-container .input .pallete.blue {
    background-color: #b8dcff;
}
.modal .modal-content .modal-detail.edit .input-container .input .pallete.pink {
    background-color: #ffd0ef;
}
.modal .modal-content .modal-detail.edit .input-container .input .color-label,
.modal .modal-content .modal-detail.edit .input-container .input .tag {
    margin-left: 8px;
}
.modal .modal-content .modal-detail.edit .input-container .input .color-label,
.modal .modal-content .modal-detail.edit .input-container .input .tag,
.modal .modal-content .modal-detail.edit .input-container .input .title {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: #555;
    background-color: transparent;
    border: none;
    padding: 0;
    opacity: 1;
    width: 380px;
}
.modal .modal-content .modal-detail.edit .input-container .input .tags-dropdown {
    width: 416px;
    left: -4px;
}
.modal .modal-content .modal-detail.edit .input-container .input .tags-dropdown .tag-list {
    width: 100%;
    padding: 0 0 8px;
    height: auto;
}
.modal .modal-content .modal-detail.edit .input-container .input .tags-dropdown .tag-list .tag-dropdown {
    width: 100%;
}
.modal .modal-content .modal-detail.edit .input-container .input .tags-dropdown .tag-list.no-suggestions {
    padding: 0;
}
.modal .modal-content .modal-detail.edit .input-container .input .tags-dropdown .tag-list.no-suggestions .no-suggestions {
    height: 42px;
    display: flex;
    align-items: center;
    padding-left: 20px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: -0.35px;
    color: #52565d;
    opacity: 0.3;
}
.modal .modal-content .modal-detail.edit .input-container .input .dropdown-icon {
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    margin-right: 4px;
}
.modal .modal-content .modal-detail.edit .input-container .input .dropdown-icon.openned {
    background-image: url(/src/images/filter-openned.svg);
}
.modal .modal-content .modal-detail.edit .input-container .input .dropdown-icon.closed {
    background-image: url(/src/images/filter-closed.svg);
}
.modal .modal-content .modal-detail.edit .input-container .color-label::-webkit-input-placeholder,
.modal .modal-content .modal-detail.edit .input-container .tag::-webkit-input-placeholder {
    opacity: 0.3;
}
.modal .modal-content .modal-detail.edit .input-container .color-label:-ms-input-placeholder,
.modal .modal-content .modal-detail.edit .input-container .tag:-ms-input-placeholder {
    opacity: 0.3;
}
.modal .modal-content .modal-detail.edit .input-container .color-label::-ms-input-placeholder,
.modal .modal-content .modal-detail.edit .input-container .tag::-ms-input-placeholder {
    opacity: 0.3;
}
.modal .modal-content .modal-detail.edit .input-container .color-label::placeholder,
.modal .modal-content .modal-detail.edit .input-container .tag::placeholder {
    opacity: 0.3;
}
.modal .modal-content .modal-detail.edit .input-container.title {
    width: 336px;
    height: 40px;
    border-radius: 8px;
    background-color: #f6f8fa;
    padding: 12px 16px;
}
.modal .modal-content .modal-detail.edit .input-container.title input {
    width: 100%;
}
.modal .modal-content .modal-detail.edit .input-container.duplicated {
    background-color: #fdeeed;
}
.modal .modal-content .modal-detail.edit .input-container.duplicated .error-message {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: -0.35px;
    text-align: right;
    color: #f35750;
    position: absolute;
    right: 2px;
    padding-right: 7px;
    padding-left: 7px;
    background-color: #fdeeed;
}
.modal .modal-content .modal-footer .link-container {
    padding-left: 16px;
    margin-top: 7px;
    height: 36px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.modal .modal-content .modal-footer .link-container .link-input {
    border: none;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #555;
    width: 335px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.modal .modal-content .modal-footer .link-container .button-container {
    text-align: right;
    height: 36px;
    display: flex;
    align-items: center;
}
.modal .modal-content .modal-footer .link-container .button-container #copied,
.modal .modal-content .modal-footer .link-container .button-container #copy-to-clipboard {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.25px;
    color: #00bdb8;
    border-radius: 8px;
    padding: 8px 12px;
    position: absolute;
    right: 0;
}
.modal .modal-content .modal-footer .link-container .button-container #copied:hover,
.modal .modal-content .modal-footer .link-container .button-container #copy-to-clipboard:hover {
    background-color: #e5f8f7;
}
.modal .modal-content .modal-footer .link-container .button-container #copy-to-clipboard {
    transition: opacity 0.25s ease;
}
.modal .modal-content .modal-footer .link-container .button-container #copied.fade-in {
    transition: opacity 0.5s ease;
}
.modal .modal-content .modal-footer .link-container .button-container #copied.fade-out {
    transition: opacity 0.15s ease;
}
.modal .modal-content .modal-footer .action-button-container {
    display: flex;
    justify-content: flex-end;
    margin-right: 4px;
}
.modal .modal-content .modal-footer .delete {
    margin-top: 49px;
}
.modal .modal-content .modal-footer button.action-button.verification-email {
    position: absolute;
    top: 136px;
    right: 32px;
}
.modal .modal-content.share-tag-info {
    width: 560px;
    padding: 32px 68px 72px 40px;
}
.modal .modal-content.share-tag-info .close-button {
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-image: url(/src/images/close-light.svg);
    position: absolute;
    top: 23px;
    right: 28px;
}
.modal .modal-content.share-tag-info .modal-title {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -0.8px;
    color: #272b31;
    margin: 0 0 16px;
}
.modal .modal-content.share-tag-info .modal-detail,
.modal .modal-content.share-tag-info .modal-title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
}
.modal .modal-content.share-tag-info .modal-detail {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.4px;
    color: #787d86;
    margin-bottom: 64px;
}
.modal .modal-content.share-tag-info .modal-contents {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.modal .modal-content.share-tag-info .modal-contents .illust {
    background-image: url(/src/images/tag-illust.svg);
    background-repeat: no-repeat;
    background-size: 123px 114px;
    width: 123px;
    height: 114px;
    margin-bottom: 40px;
}
.modal .modal-content.share-tag-info .modal-contents .sub-title {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.4px;
    color: #33373d;
    margin-bottom: 29px;
}
.modal .modal-content.share-tag-info .modal-contents .sub-detail,
.modal .modal-content.share-tag-info .modal-contents .sub-title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    text-align: center;
}
.modal .modal-content.share-tag-info .modal-contents .sub-detail {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.35px;
    color: #787d86;
}
.modal .modal-content.desktop.add-modal {
    width: 480px;
    padding: 20px 10px 8px 16px;
}
.modal .modal-content.desktop.add-modal .modal-header {
    margin: 0;
}
.modal .modal-content.desktop.add-modal .modal-title {
    display: inline;
}
.modal .modal-content.desktop.add-modal section {
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.modal .modal-content.desktop.add-modal section .subtitle {
    width: 416px;
    margin-bottom: 24px;
    font-weight: 400;
    line-height: 1.43;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #787d86;
}
.modal .modal-content.desktop.add-modal section .subtitle,
.modal .modal-content.desktop.add-modal section h2 {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-stretch: normal;
    font-style: normal;
}
.modal .modal-content.desktop.add-modal section h2 {
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.45px;
    color: #33373d;
    margin: 0 0 16px;
}
.modal .modal-content.desktop.add-modal section .file-upload-form {
    width: 416px;
    height: 160px;
    border-radius: 4px;
    background-color: #f6f8fa;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.modal .modal-content.desktop.add-modal section .file-upload-form .file-upload-inst {
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal .modal-content.desktop.add-modal section .file-upload-form .file-upload-inst .file-upload-img {
    background-repeat: no-repeat;
    background-size: 50px 63px;
    width: 50px;
    height: 63px;
    background-image: url(/src/images/file-before.svg);
}
.modal .modal-content.desktop.add-modal section .file-upload-form .file-upload-inst .file-upload-detail {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.4px;
    color: #888;
    margin-left: 20px;
}
.modal .modal-content.desktop.add-modal section .file-upload-form .file-upload-inst .file-upload-detail span {
    cursor: pointer;
    font-weight: 500;
    color: #00bdb8;
    text-decoration: underline;
}
.modal .modal-content.desktop.add-modal section .file-upload-form .file-upload-inst .file-upload-detail .file-name {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #555;
}
.modal .modal-content.desktop.add-modal section .file-upload-form .file-upload-inst .file-upload-detail .file-size {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #999;
    margin-top: 5px;
}
.modal .modal-content.desktop.add-modal section .file-upload-form .file-upload-inst .file-uploaded-img {
    background-repeat: no-repeat;
    background-size: 50px 63px;
    width: 50px;
    height: 63px;
    background-image: url(/src/images/file-after.svg);
}
.modal .modal-content.desktop.add-modal .file-upload-button {
    display: block;
    width: 120px;
    height: 40px;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal .modal-content.desktop.add-modal .file-upload-button.inactive {
    opacity: 0.3;
    cursor: inherit;
}
.modal .modal-content.desktop.add-modal .file-upload-button.inactive:hover {
    background-color: #00bdb8;
}
.modal .modal-content.desktop.add-modal .instruction {
    padding: 0 16px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 11px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 17px;
    letter-spacing: -0.28px;
    color: #969aa2;
    margin-top: 16px;
    text-align: center;
}
.modal .modal-content.desktop.add-modal .instruction a {
    font-weight: 500;
    color: #969aa2;
    text-decoration: underline;
}
.modal.upgrade-pdf-modal .modal-content {
    width: 720px;
    border-radius: 16px;
    background-color: #fff;
    padding: 40px 28px 32px 0;
}
.modal.upgrade-pdf-modal .modal-content .close-button {
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-image: url(/src/images/close-light.svg);
    position: absolute;
    top: 19px;
    right: 24px;
}
.modal.upgrade-pdf-modal .modal-content .modal-content-container {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.modal.upgrade-pdf-modal .modal-content .modal-content-container .img-container {
    background-repeat: no-repeat;
    background-size: 299px 429px;
    width: 299px;
    height: 429px;
    background-image: url(/src/images/upgrade-pdf.svg);
    flex-shrink: 0;
}
.modal.upgrade-pdf-modal .modal-content .modal-content-container .text-container {
    margin-left: 21px;
}
.modal.upgrade-pdf-modal .modal-content .modal-content-container .text-container .modal-title {
    width: 343px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 32px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.8px;
    color: #272b31;
    margin: 0 0 16px;
}
.modal.upgrade-pdf-modal .modal-content .modal-content-container .text-container .modal-detail {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.4px;
    color: #787d86;
    width: 255px;
    margin-bottom: 23px;
}
.modal.upgrade-pdf-modal .modal-content .modal-content-container .text-container .line {
    width: 362px;
    border: 1px solid #eef1f4;
    margin-bottom: 24px;
}
.modal.upgrade-pdf-modal .modal-content .modal-content-container .text-container .modal-list {
    display: flex;
    flex-direction: column;
    margin-bottom: 32px;
}
.modal.upgrade-pdf-modal .modal-content .modal-content-container .text-container .modal-list .modal-list-title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 24px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.6px;
    color: #33373d;
    margin-bottom: 24px;
}
.modal.upgrade-pdf-modal .modal-content .modal-content-container .text-container .modal-list .modal-list-item {
    display: inline-flex;
}
.modal.upgrade-pdf-modal .modal-content .modal-content-container .text-container .modal-list .modal-list-item .dot {
    height: 6px;
    width: 6px;
    background-color: #555;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-top: 8px;
    flex-shrink: 0;
}
.modal.upgrade-pdf-modal .modal-content .modal-content-container .text-container .modal-list .modal-list-item .modal-list-item-text {
    margin-left: 23px;
    word-wrap: break-word;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.4px;
    color: #52565d;
    margin-bottom: 10px;
}
.modal.upgrade-pdf-modal .modal-content .modal-content-container .text-container .modal-list .modal-list-item .modal-list-item-text span.highlight {
    display: inline;
    background: #fff881;
    font-weight: 500;
}
.modal.upgrade-pdf-modal .modal-content .modal-content-container .modal-footer {
    display: flex;
}
.modal.upgrade-pdf-modal .modal-content .modal-content-container .modal-footer .learn-more {
    font-weight: 500;
    color: #00bdb8;
    margin-right: 32px;
}
.modal.upgrade-pdf-modal .modal-content .modal-content-container .modal-footer .learn-more,
.modal.upgrade-pdf-modal .modal-content .modal-content-container .modal-footer .upgrade {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 48px;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.45px;
    text-align: center;
}
.modal.upgrade-pdf-modal .modal-content .modal-content-container .modal-footer .upgrade {
    font-weight: 700;
    color: #fff;
}
.modal.payment.desktop.hide {
    display: none;
}
.modal.payment.desktop .modal-content {
    width: 400px;
    display: flex;
}
.modal.payment.desktop .modal-content .modal-detail {
    width: 300px;
    display: flex;
    align-self: center !important;
    justify-content: space-between;
    margin-top: 10px;
}
.modal.payment.desktop .modal-content .modal-detail.no-alipay {
    justify-content: center;
}
.modal.payment.desktop .modal-content .icon {
    width: 48px;
    height: 48px;
    margin-bottom: 8px;
}
.modal.payment.desktop .modal-content .icon-hover {
    width: 48px;
    height: 48px;
    position: absolute;
    border-radius: 50%;
    opacity: 0.1;
    background-color: #272b31;
}
.modal.payment.desktop .modal-content .methods.no-alipay + .methods.no-alipay {
    margin-left: 80px;
}
.modal.payment.desktop .modal-content .methods {
    width: 83px;
    height: 75px;
    display: flex;
    justify-content: center;
}
.modal.payment.desktop .modal-content .methods button {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #787d86;
}
.modal.payment.desktop .modal-content .methods button:hover {
    color: #52565d;
}
.modal.mobile.hide {
    visibility: hidden;
}
.modal.mobile .modal-content {
    width: 100%;
    display: flex;
    position: fixed;
    bottom: -10px;
    top: auto;
    left: 0;
    padding: 0 0 22px;
    min-height: 0;
}
.modal.mobile .modal-content.show {
    transform: translateY(0);
    transition: all 0.2s ease-out;
}
.modal.mobile .modal-content.hide {
    transform: translateY(200%);
    transition: all 0.2s ease-out;
}
.modal.mobile .modal-content.share-original.show {
    transform: translateY(0);
    transition: all 0.2s ease-out;
}
.modal.mobile .modal-content.share-original.hide {
    transform: translateY(200%);
    transition: all 0.2s ease-out;
}
.modal.mobile .modal-content.add-tags {
    height: calc(90vh - 42px);
}
.modal.mobile .modal-content.add-tags.show {
    transform: translateY(0);
    transition: all 0.5s ease-out;
}
.modal.mobile .modal-content.add-tags.hide {
    transform: translateY(200%);
    transition: all 0.5s ease-out;
}
.modal.mobile .modal-content.edit {
    height: 88vh;
}
.modal.mobile .modal-content.edit.show {
    transform: translateY(0);
    transition: all 0.4s ease-out;
}
.modal.mobile .modal-content.edit.hide {
    transform: translateY(200%);
    transition: all 0.4s ease-out;
}
.modal.mobile .modal-content.filter-highlights {
    height: 85vh;
}
.modal.mobile .modal-content.upgrade-pdf-modal {
    height: 88vh;
    transform: none;
}
.modal.mobile .modal-content.upgrade-pdf-modal .close-button {
    margin-top: 24px;
    margin-right: 8px;
}
.modal.mobile .modal-content.upgrade-pdf-modal .modal-content-container {
    padding: 0 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.modal.mobile .modal-content.upgrade-pdf-modal .modal-content-container .text-container {
    margin-top: -32px;
}
.modal.mobile .modal-content.upgrade-pdf-modal .modal-content-container .text-container .modal-title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    font-size: 24px;
    letter-spacing: -0.6px;
    color: #272b31;
}
.modal.mobile .modal-content.upgrade-pdf-modal .modal-content-container .text-container .modal-subtitle {
    margin-top: 16px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #787d86;
}
.modal.mobile .modal-content.upgrade-pdf-modal .modal-content-container .img-container {
    margin-top: 38px;
    background-repeat: no-repeat;
    background-size: 280px 295px;
    width: 280px;
    height: 295px;
    background-image: url(/src/images/upgrade-pdf.svg);
    flex-shrink: 0;
}
.modal.mobile .modal-content.upgrade-pdf-modal .modal-content-container .modal-button-container {
    margin-top: 49px;
    display: flex;
    flex-direction: column;
}
.modal.mobile .modal-content.upgrade-pdf-modal .modal-content-container .modal-button-container .btn {
    width: 280px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal.mobile .modal-content.upgrade-pdf-modal .modal-content-container .modal-button-container .btn.upgrade {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #fff;
}
.modal.mobile .modal-content.upgrade-pdf-modal .modal-content-container .modal-button-container .btn.learn-more {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #00bdb8;
}
.modal.mobile .modal-content.add-modal section {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 20px;
    margin-top: 8px;
}
.modal.mobile .modal-content.add-modal section h2 {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 18px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.45px;
    color: #33373d;
    margin: 0 0 16px;
}
.modal.mobile .modal-content.add-modal section .file-upload-form {
    width: 100%;
    height: 332px;
    border-radius: 4px;
    background-color: #f6f8fa;
    margin: 0;
}
.modal.mobile .modal-content.add-modal section .file-upload-form,
.modal.mobile .modal-content.add-modal section .file-upload-form .file-upload-inst {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.modal.mobile .modal-content.add-modal section .file-upload-form .file-upload-inst .file-upload-img {
    background-repeat: no-repeat;
    background-size: 50px 63px;
    width: 50px;
    height: 63px;
    background-image: url(/src/images/file-before.svg);
}
.modal.mobile .modal-content.add-modal section .file-upload-form .file-upload-inst .file-upload-detail {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    padding: 0 24px;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.4px;
    color: #888;
    margin-top: 25px;
    text-align: center;
}
.modal.mobile .modal-content.add-modal section .file-upload-form .file-upload-inst .file-upload-detail .file-name {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #555;
}
.modal.mobile .modal-content.add-modal section .file-upload-form .file-upload-inst .file-upload-detail .file-size {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #999;
    margin-top: 5px;
}
.modal.mobile .modal-content.add-modal section .file-upload-form .file-upload-inst .file-uploaded-img {
    background-repeat: no-repeat;
    background-size: 50px 63px;
    width: 50px;
    height: 63px;
    background-image: url(/src/images/file-after.svg);
}
.modal.mobile .modal-content.add-modal .file-upload-button {
    display: block;
    min-width: 120px;
    padding: 0;
    height: 40px;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.35px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal.mobile .modal-content.add-modal .file-upload-button.browse {
    font-weight: 500;
}
.modal.mobile .modal-content.add-modal .file-upload-button.upload {
    font-weight: 700;
}
.modal.mobile .modal-content.add-modal .file-upload-button.upload:hover {
    background-color: #00bdb8 !important;
}
.modal.mobile .modal-content.add-modal .instruction {
    padding: 0 16px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 11px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 17px;
    letter-spacing: -0.28px;
    color: #969aa2;
    margin: 40px 0;
    text-align: center;
    width: 80%;
}
.modal.mobile .modal-content.add-modal .instruction a {
    font-weight: 500;
    color: #969aa2;
    text-decoration: underline;
}
.modal.mobile .modal-content .modal-header {
    margin-bottom: 16px;
}
.modal.mobile .modal-content .modal-header.edit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 22px;
}
.modal.mobile .modal-content .modal-header.edit .close-button {
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-image: url(/src/images/close-light.svg);
}
.modal.mobile .modal-content .modal-header.edit .modal-title {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 18px;
    letter-spacing: -0.45px;
    color: #272b31;
}
.modal.mobile .modal-content .modal-handle {
    display: flex;
    justify-content: center;
    margin: 8px auto 16px;
    width: 60px;
    height: 4px;
    border-radius: 100px;
    background-color: #dde1e7;
}
.modal.mobile .modal-content .modal-title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #969aa2;
}
.modal.mobile .modal-content .icon {
    width: 24px;
    height: 24px;
    background-size: contain;
    margin-right: 16px;
    margin-left: 20px;
}
.modal.mobile .modal-content .icon-label {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #52565d;
}
.modal.mobile .modal-content .items {
    height: 48px;
    display: flex;
    align-items: center;
}
.modal.mobile .modal-content .items.center {
    justify-content: center;
}
.modal.mobile .modal-content .items:active {
    background-color: #f6f8fa;
}
.modal.mobile .modal-content .items button {
    height: 48px;
    width: 100%;
    display: flex;
    align-items: center;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 14px;
    letter-spacing: -0.3px;
    color: #52565d;
}
.modal.mobile .modal-content .items #copy-to-clipboard {
    transition: opacity 0.25s ease;
}
.modal.mobile .modal-content .items #copied.fade-in {
    transition: opacity 0.5s ease;
}
.modal.mobile .modal-content .items #copied.fade-out {
    transition: opacity 0.15s ease;
}
.modal.mobile .modal-content .modal-detail.filter {
    margin-top: -16px;
}
.modal.mobile .modal-content .modal-detail.filter .filter-title {
    width: 100vw;
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.35px;
    color: #969aa2;
}
.modal.mobile .modal-content .modal-detail.filter .filter-title,
.modal.mobile .modal-content .modal-detail.filter .filter-title .reset {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
}
.modal.mobile .modal-content .modal-detail.filter .filter-title .reset {
    display: block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.3px;
    text-align: right;
    color: #787d86;
}
.modal.mobile .modal-content .modal-detail.filter .filter-title .reset:hover {
    color: #52565d;
}
.modal.mobile .modal-content .modal-detail.filter .title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    color: #969aa2;
}
.modal.mobile .modal-content .modal-detail.filter ul.color-list {
    padding: 0;
    margin-top: 32px;
}
.modal.mobile .modal-content .modal-detail.filter ul.color-list .title {
    margin-bottom: 16px;
}
.modal.mobile .modal-content .modal-detail.filter ul.color-list li {
    margin-left: -20px;
    width: 100vw;
    padding: 0 20px;
    height: 48px;
    list-style-type: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.modal.mobile .modal-content .modal-detail.filter ul.color-list li .button-icon-container {
    display: flex;
    align-items: center;
}
.modal.mobile .modal-content .modal-detail.filter ul.color-list li .button-icon-container .edit {
    background-image: url(/src/images/edit-light.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 24px;
    height: 24px;
    margin-left: auto;
    flex-shrink: 0;
}
.modal.mobile .modal-content .modal-detail.filter ul.color-list li .button-icon-container .edit:hover {
    background-color: #eef1f4;
    border-radius: 50%;
}
.modal.mobile .modal-content .modal-detail.filter ul.color-list li .button-icon-container .selected {
    background-image: url(/src/images/check.svg);
    background-repeat: no-repeat;
    background-size: 14px 10px;
    width: 14px;
    height: 10px;
    margin-left: 4px;
}
.modal.mobile .modal-content .modal-detail.filter ul.color-list li:hover {
    background-color: #f6f8fa;
}
.modal.mobile .modal-content .tags {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #969aa2;
    text-align: right;
    display: inline-flex;
    align-items: center;
}
.modal.mobile .modal-content .tags .tags-icon {
    background-image: url(/src/images/add.svg);
    background-repeat: no-repeat;
    background-size: 6px 6px;
    width: 6px;
    height: 6px;
    margin-right: 3px;
}
.modal.mobile .modal-content .tags:hover {
    color: #787d86;
}
.modal.mobile .modal-content .tags-section {
    padding: 0 20px;
    z-index: 5;
    width: 100%;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.modal.mobile .modal-content .tags-section .input-outer-container {
    position: relative;
    min-height: 24px;
    max-height: 120px;
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-color: rgba(75, 75, 75, 0.447) transparent !important;
    scrollbar-width: thin !important;
}
.modal.mobile .modal-content .tags-section .input-outer-container::-webkit-scrollbar {
    width: 0 !important;
}
.modal.mobile .modal-content .tags-section .input-outer-container::-webkit-scrollbar-thumb {
    border-radius: 8px !important;
    background-color: rgba(75, 75, 75, 0.447) !important;
}
.modal.mobile .modal-content .tags-section .input-outer-container .input-inner-container {
    position: relative;
    width: 100%;
}
.modal.mobile .modal-content .tags-section .input-outer-container .input-inner-container .saved-tag {
    display: flex;
    height: 20px;
    float: left;
    margin: 2px 6px 2px 0;
    padding: 2px 4px;
    border-radius: 4px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #00bdb8;
    background-color: #f6f8fa;
    align-items: center;
    white-space: nowrap;
    cursor: default;
}
.modal.mobile .modal-content .tags-section .input-outer-container .input-inner-container .saved-tag .delete {
    background-image: url(/src/images/deletetag.svg);
    background-repeat: no-repeat;
    background-size: 8px 8px;
    width: 8px;
    height: 8px;
    margin-left: 4px;
}
.modal.mobile .modal-content .tags-section .input-outer-container .input-inner-container .saved-tag.focused,
.modal.mobile .modal-content .tags-section .input-outer-container .input-inner-container .saved-tag:hover {
    background-color: #eef1f4;
}
.modal.mobile .modal-content .tags-section .input-outer-container .input-inner-container input {
    border: none;
    height: 24px;
    float: left;
    min-width: 70px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #52565d;
    padding: 0;
}
.modal.mobile .modal-content .tags-section .input-outer-container .input-inner-container input.no-filter {
    min-width: 70px;
}
.modal.mobile .modal-content .tags-section .input-outer-container .input-inner-container input::-webkit-input-placeholder {
    opacity: 0.3;
    color: #52565d;
}
.modal.mobile .modal-content .tags-section .input-outer-container .input-inner-container input:-ms-input-placeholder {
    opacity: 0.3;
    color: #52565d;
}
.modal.mobile .modal-content .tags-section .input-outer-container .input-inner-container input::-ms-input-placeholder {
    opacity: 0.3;
    color: #52565d;
}
.modal.mobile .modal-content .tags-section .input-outer-container .input-inner-container input::placeholder {
    opacity: 0.3;
    color: #52565d;
}
.modal.mobile .modal-content .tags-section .separator {
    width: 100%;
    border-bottom: 1px solid #eef1f4;
    align-self: center;
    margin-top: 2px;
}
.modal.mobile .modal-content .tags-section .no-tags {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #52565d;
    text-align: center;
    opacity: 0.3;
    min-height: calc(90vh - 300px);
    max-height: calc(90vh - 120px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal.mobile .modal-content .tags-section .tag-list {
    flex-shrink: 0;
    overflow: hidden;
    overflow-y: auto;
    margin-left: -20px;
    padding-bottom: 150px;
    width: 100vw;
    min-height: calc(90vh - 300px);
    max-height: calc(90vh - 120px);
    scrollbar-color: #fff transparent !important;
    scrollbar-width: thin !important;
}
.modal.mobile .modal-content .tags-section .tag-list::-webkit-scrollbar {
    width: 6px !important;
}
.modal.mobile .modal-content .tags-section .tag-list::-webkit-scrollbar-thumb {
    border-radius: 8px !important;
    background-color: #fff !important;
}
.modal.mobile .modal-content .tags-section .tag-list .tag-title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #b0b4bd;
    padding: 0 20px;
    margin: 24px 0 16px;
}
.modal.mobile .modal-content .tags-section .tag-list .tag-dropdown {
    align-items: center;
    display: inline-flex;
    justify-content: space-between;
    width: 100vw;
    height: 48px;
    padding: 0 20px;
    cursor: pointer;
}
.modal.mobile .modal-content .tags-section .tag-list .tag-dropdown span {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #52565d;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex-shrink: 1;
}
.modal.mobile .modal-content .tags-section .tag-list .tag-dropdown .edit {
    background-image: url(/src/images/edit-light.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}
.modal.mobile .modal-content .tags-section .tag-list .tag-dropdown .edit:hover {
    background-color: #eef1f4;
    border-radius: 50%;
}
.modal.mobile .modal-content .tags-section .tag-list .tag-dropdown:hover {
    background: #f6f8fa;
}
.modal.mobile .modal-content .tags-section .tag-list .tag-dropdown.error {
    background-color: rgba(243, 87, 80, 0.1);
    width: 100%;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #f35750;
    margin: 8px 0 0;
}
.modal.mobile .modal-content .tags-section .tag-list .tag-dropdown.error:hover {
    background-color: rgba(243, 87, 80, 0.1) !important;
}
.modal.mobile .modal-content .tags-section .tag-list .create-tag {
    justify-content: normal !important;
}
.modal.mobile .modal-content .tags-section .tag-list .create-tag .create {
    font-weight: 400;
    color: #4cd0cd;
    flex-shrink: 0;
}
.modal.mobile .modal-content .tags-section .tag-list .create-tag .keyword {
    font-weight: 500;
    color: #00bdb8;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.modal.mobile .modal-content .tags-section .tag-list .create-tag .create + .keyword,
.modal.mobile .modal-content .tags-section .tag-list .create-tag .keyword + .create {
    margin-left: 5px;
}
.modal.mobile .ul-modal {
    width: 100%;
    position: fixed;
    bottom: 8px;
    height: 180px;
}
.modal.mobile .ul-modal ul {
    box-shadow: 0 4px 10px 0 rgba(39, 43, 49, 0.2);
    display: flex;
    flex-direction: column;
    margin: 0 16px;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
}
.modal.mobile .ul-modal ul .button-wrap {
    background-color: #fff;
    height: 112px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 8px;
}
.modal.mobile .ul-modal ul .item {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    font-size: 14px;
    letter-spacing: -0.3px;
    color: #52565d;
    background-color: #fff;
    height: 48px;
    justify-content: space-between;
    display: flex;
    padding: 0 19px;
    align-items: center;
    cursor: pointer;
}
.modal.mobile .ul-modal ul .item .title.active {
    color: #00bdb8;
    font-weight: 500;
}
.modal.mobile .ul-modal ul .item .active-icon {
    background-image: url(/src/images/check.svg);
    background-repeat: no-repeat;
    background-size: 14px 10px;
    width: 14px;
    height: 10px;
    z-index: 1;
}
.modal.mobile .ul-modal ul .item:hover {
    background-color: #f6f8fa;
}
.modal.mobile .ul-modal ul .cancel-btn {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    font-size: 14px;
    letter-spacing: -0.3px;
    color: #52565d;
    background-color: #fff;
    border-radius: 8px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 8px;
}
.pallete {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    flex-shrink: 0;
}
.pallete.mint {
    background-color: #a6ffe9;
}
.pallete.yellow {
    background-color: #ffff83;
}
.pallete.orange {
    background-color: #ffc7ba;
}
.pallete.violet {
    background-color: #d9c3ff;
}
.pallete.blue {
    background-color: #b8dcff;
}
.pallete.pink {
    background-color: #ffd0ef;
}
.lock.show.blue,
.lock.show.orange,
.lock.show.pink,
.lock.show.violet {
    background-image: url(/src/images/lock-tooltip.svg);
    width: 8px;
    height: 10px;
    position: absolute;
    left: 28px;
}
#stripe.icon {
    background-image: url(/src/images/card.svg);
}
#paypal.icon {
    background-image: url(/src/images/paypal.svg);
}
#alipay.icon {
    background-size: contain;
    background-image: url(/src/images/alipay@3x.png);
}
#facebook.icon {
    background-image: url(/src/images/facebook.svg);
}
#twitter.icon {
    background-image: url(/src/images/twitter.svg);
}
#linkedin.icon {
    background-image: url(/src/images/linkdin.svg);
}
#messenger.icon {
    background-image: url(/src/images/messenger.svg);
}
#kakaotalk.icon {
    background-image: url(/src/images/kakaotalk.svg);
}
#line.icon {
    background-image: url(/src/images/line.svg);
}
#email.icon {
    background-image: url(/src/images/mail.svg);
}
#copy-link.icon {
    background-image: url(/src/images/copy-dropdown.svg);
}
#more.icon {
    background-image: url(/src/images/more-light.svg);
}
#add-tags.icon {
    background-image: url(/src/images/addtags-header.svg);
}
#more-pages.icon {
    background-image: url(/src/images/like-dropdown.svg);
}
#fewer-pages.icon {
    background-image: url(/src/images/dislike-dropdown.svg);
}
#hide-page.icon {
    background-image: url(/src/images/hide-dropdown.svg);
}
#settings.icon {
    background-image: url(/src/images/settings.svg);
}
#help.icon {
    background-image: url(/src/images/help.svg);
}
#trash.icon {
    background-image: url(/src/images/delete-dropdown.svg);
}
#edit-container {
    margin: 29px 20px 0;
}
#edit-container .input-container {
    width: 100%;
}
#edit-container .input-container .input {
    display: flex;
    align-items: center;
    position: relative;
}
#edit-container .input-container .input .tag-icon {
    position: absolute;
    margin-left: 4px;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    background-image: url(/src/images/tag-small.svg);
}
#edit-container .input-container .input .tag,
#edit-container .input-container .input .title {
    width: 100%;
    height: 40px;
    border-radius: 8px;
    padding: 0 16px;
    background-color: #f6f8fa;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #555;
    border: none;
    opacity: 1;
}
#edit-container .input-container .input .tag:focus,
#edit-container .input-container .input .title:focus {
    background-color: #eef1f4;
}
#edit-container .input-container .input .tag {
    padding: 0 16px 0 36px;
}
#edit-container .input-container .input .tags-dropdown {
    position: absolute;
    left: 0;
    width: 100%;
    top: 42px;
    z-index: 5;
    border-radius: 8px;
    box-shadow: none;
    border: none;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}
#edit-container .input-container .input .tags-dropdown .tag-list {
    width: 100%;
    padding: 0;
    height: auto;
    margin-top: 16px;
}
#edit-container .input-container .input .tags-dropdown .tag-list .tag-title {
    padding-left: 10px;
    margin-bottom: 8px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #969aa2;
}
#edit-container .input-container .input .tags-dropdown .tag-list .tag-dropdown {
    width: 100%;
    height: 48px;
    padding-left: 10px;
}
#edit-container .input-container .input .tags-dropdown .tag-list.no-suggestions {
    padding: 0;
}
#edit-container .input-container .input .tags-dropdown .tag-list.no-suggestions .no-suggestions {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #52565d;
    opacity: 0.3;
}
#edit-container .input-container .color-label::-webkit-input-placeholder,
#edit-container .input-container .tag::-webkit-input-placeholder {
    opacity: 0.3;
}
#edit-container .input-container .color-label:-ms-input-placeholder,
#edit-container .input-container .tag:-ms-input-placeholder {
    opacity: 0.3;
}
#edit-container .input-container .color-label::-ms-input-placeholder,
#edit-container .input-container .tag::-ms-input-placeholder {
    opacity: 0.3;
}
#edit-container .input-container .color-label::placeholder,
#edit-container .input-container .tag::placeholder {
    opacity: 0.3;
}
#edit-container .input-container.duplicated {
    background-color: #fdeeed;
}
#edit-container .input-container.duplicated .error-message {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: -0.35px;
    text-align: right;
    color: #f35750;
    position: absolute;
    right: 2px;
    padding-right: 7px;
    padding-left: 7px;
    background-color: #fdeeed;
}
.comment-modal {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    background-color: #fff;
    padding: 0 20px;
}
.comment-modal .modal-header {
    margin-top: 20px;
    height: 30px;
    display: flex;
    justify-content: space-between;
}
.comment-modal .modal-header .modal-title {
    font-size: 24px;
    letter-spacing: -0.6px;
    color: #333;
}
.comment-modal .modal-header .done-btn,
.comment-modal .modal-header .modal-title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
}
.comment-modal .modal-header .done-btn {
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #00bdb8;
}
.comment-modal .comment-contents {
    margin-top: 24px;
    margin-bottom: 15px;
    display: flex;
}
.comment-modal .comment-contents .highlight-index {
    width: 4px;
}
.comment-modal .comment-contents .highlight-contents {
    margin-left: 16px;
    width: 100%;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333;
    word-wrap: break-word;
}
.comment-modal .separator {
    width: 100%;
    border-bottom: 1px solid #eef1f4;
    margin-bottom: 15px;
}
.comment-modal .comment-input-container {
    display: flex;
}
.comment-modal .comment-input-container .reply-icon {
    margin-left: 16px;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    background-image: url(/src/images/reply.svg);
    margin-right: 12px;
    flex-shrink: 0;
}
.comment-modal .comment-input-container textarea {
    border: none;
    resize: none;
    padding: 0;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.43;
    letter-spacing: normal;
    color: #777;
    width: 100%;
}
.comment-modal .comment-input-container textarea::-webkit-input-placeholder {
    opacity: 0.3;
}
.comment-modal .comment-input-container textarea:-ms-input-placeholder {
    opacity: 0.3;
}
.comment-modal .comment-input-container textarea::-ms-input-placeholder {
    opacity: 0.3;
}
.comment-modal .comment-input-container textarea::placeholder {
    opacity: 0.3;
}
@media only screen and (max-width: 1020px) {
    .modal-content.small.mobile {
        width: 320px !important;
        min-height: 190px !important;
        position: relative;
    }
    .modal-content.small.mobile .modal-title {
        font-size: 18px !important;
    }
    .modal-content.small.mobile .modal-footer {
        display: flex !important;
        justify-content: flex-end;
        position: absolute;
        bottom: 0;
        right: 0;
        margin-right: 24px;
        margin-bottom: 20px;
    }
    .modal-content.small.mobile .modal-footer .retry-btn {
        font-weight: 700;
        color: #00bdb8;
        margin-left: 24px;
    }
    .modal-content.small.mobile .modal-footer .cancel-btn,
    .modal-content.small.mobile .modal-footer .retry-btn {
        font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        font-size: 16px;
        letter-spacing: -0.4px;
    }
    .modal-content.small.mobile .modal-footer .cancel-btn {
        font-weight: 400;
        color: #787d86;
    }
}
.page-container.desktop {
    padding: 16px 16px 0;
    width: 712px;
    position: relative;
}
.page-container.desktop .recommend-by-tag-container {
    margin-bottom: 4px;
    height: 21px;
    max-width: 560px;
    overflow-x: hidden;
    overflow-y: hidden;
}
.page-container.desktop .recommend-by-tag-container .recommend-by {
    color: #969aa2;
}
.page-container.desktop .recommend-by-tag-container .recommend-by,
.page-container.desktop .tag {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    font-size: 12px;
    letter-spacing: -0.3px;
}
.page-container.desktop .tag {
    color: #00bdb8;
    display: inline-block;
    margin: 0 6px 0 0;
    height: 21px;
}
.page-container.desktop .tag:hover {
    color: #00a7a0;
}
.page-container.desktop .img-container {
    position: relative;
}
.page-container.desktop .page-select {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-image: url(/src/images/check-light.svg);
    background-size: 14px 10px;
    background-position: 50%;
    background-repeat: no-repeat;
    z-index: 0;
    cursor: pointer;
}
.page-container.desktop .page-select.default:hover {
    background-color: #b0b4bd !important;
}
.page-container.desktop .page-select-img {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-image: url(/src/images/check-light.svg);
    background-size: 14px 10px;
    background-position: 50%;
    background-repeat: no-repeat;
    z-index: 0;
    cursor: pointer;
}
.page-container.desktop .page-select-img.default:hover {
    background-color: #b0b4bd !important;
}
.page-container.desktop .tag-loading {
    width: 190px;
    height: 15px;
    border-radius: 4px;
    background-color: #f6f8fa;
    margin-bottom: 8px;
}
.page-container.desktop .line-loading {
    border-bottom: 1px solid #f6f8fa;
    margin-top: 22px;
    width: 660px;
}
.page-container.desktop .page-taglist-container {
    max-width: 560px;
    margin-bottom: 4px;
}
.page-container.desktop .page-taglist-container.no-img {
    max-width: 680px;
}
.page-container.desktop .page-contents-container {
    display: flex;
    justify-content: space-between;
    padding-bottom: 16px;
    overflow-x: hidden;
}
.page-container.desktop .page-contents-container .page-contents {
    width: 560px;
}
.page-container.desktop .page-contents-container .page-contents.highlights,
.page-container.desktop .page-contents-container .page-contents.no-img {
    width: 100%;
}
.page-container.desktop .page-contents-container .page-contents .title-container {
    overflow: hidden;
}
.page-container.desktop .page-contents-container .page-contents .title-container .title {
    word-wrap: break-word;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page-container.desktop .page-contents-container .page-contents .title-container .title,
.page-container.desktop .page-contents-container .page-contents .title-container .title-link {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.33;
    color: #222;
    margin: 0 0 8px;
}
.page-container.desktop .page-contents-container .page-contents .title-container .title-link:hover {
    opacity: 0.8;
}
.page-container.desktop .page-contents-container .page-contents .page-title {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.33;
    color: #222;
    margin: 0 0 8px;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
}
.page-container.desktop .page-contents-container .page-contents .page-title:hover {
    opacity: 0.8;
}
.page-container.desktop .page-contents-container .page-contents .pdf-badge {
    margin-left: 8px;
}
.page-container.desktop .page-contents-container .page-contents .contents {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: normal;
    color: #555;
    margin: 0 0 8px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default;
}
.page-container.desktop .page-contents-container .page-contents .title-loading {
    width: 536px;
    height: 24px;
    border-radius: 4px;
    background-color: #f6f8fa;
    margin-bottom: 8px;
}
.page-container.desktop .page-contents-container .page-contents .contents-loading {
    width: 536px;
    height: 52px;
    border-radius: 4px;
    background-color: #f6f8fa;
    margin-bottom: 32px;
}
.page-container.desktop .page-contents-container .default-img,
.page-container.desktop .page-contents-container .img {
    width: 96px;
    height: 96px;
    border-radius: 4px;
    flex-shrink: 0;
    margin-left: 24px;
}
.page-container.desktop .page-contents-container .img {
    object-fit: cover;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.page-container.desktop .page-contents-container .img:hover {
    opacity: 0.8;
}
.page-container.desktop .page-contents-container .img-loading {
    margin-left: 24px;
    min-width: 96px;
    height: 96px;
    border-radius: 4px;
    background-color: #eef1f4;
}
.page-container.desktop .page-contents-container.highlight {
    padding-bottom: 0;
    margin-bottom: 8px;
}
.page-container.desktop textarea.copy-highlight {
    position: absolute;
    opacity: 0;
    height: 0;
    overflow: hidden;
}
.page-container.desktop .page-footer {
    height: 48px;
    display: flex;
    justify-content: space-between;
    width: 680px;
    padding-bottom: 16px;
    border-bottom: 1px solid #eef1f4;
}
.page-container.desktop .page-footer .page-button-container {
    position: relative;
    display: inline-flex;
}
.page-container.desktop .page-footer .page-button-container .tags-dropdown-container.add-tags-dropdown {
    margin-top: 4px;
    margin-right: 4px;
}
.page-container.desktop .page-footer .page-button-container .dropdown-container {
    display: inline;
}
.page-container.desktop .page-footer .page-button-container .delete,
.page-container.desktop .page-footer .page-button-container .more,
.page-container.desktop .page-footer .page-button-container .put-back,
.page-container.desktop .page-footer .page-button-container .save,
.page-container.desktop .page-footer .page-button-container .share {
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
}
.page-container.desktop .page-footer .page-button-container .share {
    background-image: url(/src/images/share-header.svg);
}
.page-container.desktop .page-footer .page-button-container .more {
    background-image: url(/src/images/more-light.svg);
}
.page-container.desktop .page-footer .page-button-container .put-back {
    background-image: url(/src/images/restore-header.svg);
}
.page-container.desktop .page-footer .page-button-container .delete {
    background-image: url(/src/images/delete-header.svg);
}
.page-container.desktop .footer-loading {
    width: 252px;
    height: 21px;
    border-radius: 4px;
    background-color: #f6f8fa;
}
.pagelist-container.mobile {
    overflow-x: hidden;
}
.pagelist-container.portrait {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.page-container.mobile {
    padding-top: 16px;
    width: 100%;
    position: relative;
}
.page-container.mobile .recommend-by-tag-container {
    margin-bottom: 8px;
    height: 18px;
    overflow-x: hidden;
    overflow-y: hidden;
}
.page-container.mobile .recommend-by-tag-container .recommend-by {
    color: #969aa2;
}
.page-container.mobile .recommend-by-tag-container .recommend-by,
.page-container.mobile .tag {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    font-size: 12px;
    letter-spacing: -0.3px;
}
.page-container.mobile .tag {
    color: #00bdb8;
    display: inline-block;
    margin: 0 6px 0 0;
    height: 21px;
}
.page-container.mobile .img-container {
    position: relative;
}
.page-container.mobile .tag-loading {
    width: 54%;
    height: 15px;
    border-radius: 4px;
    background-color: #f6f8fa;
    margin-bottom: 8px;
}
.page-container.mobile .line-loading {
    border-bottom: 1px solid #f6f8fa;
    margin-top: 22px;
    width: 660px;
}
.page-container.mobile .page-taglist-container {
    margin-bottom: 4px;
}
.page-container.mobile .page-contents-container {
    display: flex;
    justify-content: space-between;
    padding-bottom: 16px;
    overflow-x: hidden;
}
.page-container.mobile .page-contents-container .page-contents {
    width: calc(100% - 40px);
}
.page-container.mobile .page-contents-container .page-contents .highlight-contents {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page-container.mobile .page-contents-container .page-contents.no-img {
    max-width: 100%;
}
.page-container.mobile .page-contents-container .page-contents .title-container {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}
.page-container.mobile .page-contents-container .page-contents .title-container .title {
    word-wrap: break-word;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page-container.mobile .page-contents-container .page-contents .title-container .title,
.page-container.mobile .page-contents-container .page-contents .title-container .title-link {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.33;
    color: #222;
    margin: 0 0 8px;
}
.page-container.mobile .page-contents-container .page-contents .title-container .title-link:hover {
    opacity: 0.8;
}
.page-container.mobile .page-contents-container .page-contents .page-title {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.33;
    color: #222;
    margin: 0 0 8px;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page-container.mobile .page-contents-container .page-contents .page-title .pdf-badge {
    margin-left: 8px;
    margin-bottom: -2px;
}
.page-container.mobile .page-contents-container .page-contents .page-title:hover {
    opacity: 0.8;
}
.page-container.mobile .page-contents-container .page-contents .contents {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: normal;
    color: #555;
    margin: 0 0 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default;
}
.page-container.mobile .page-contents-container .page-contents .contents-loading {
    width: 95%;
    height: 40px;
    border-radius: 4px;
    background-color: #f6f8fa;
    margin-bottom: 32px;
}
.page-container.mobile .page-contents-container .default-img,
.page-container.mobile .page-contents-container .img {
    width: 64px;
    height: 64px;
    border-radius: 4px;
    flex-shrink: 0;
    margin-left: 24px;
}
.page-container.mobile .page-contents-container .img {
    object-fit: cover;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.page-container.mobile .page-contents-container .img:hover {
    opacity: 0.8;
}
.page-container.mobile .page-contents-container .img-loading {
    margin-left: 16px;
    min-width: 64px;
    height: 64px;
    border-radius: 4px;
    background-color: #eef1f4;
}
.page-container.mobile .page-contents-container.highlight {
    padding-bottom: 0;
    margin-bottom: 8px;
}
.page-container.mobile textarea.copy-highlight {
    position: absolute;
    opacity: 0;
    height: 0;
    overflow: hidden;
}
.page-container.mobile .page-footer {
    height: 48px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 16px;
    border-bottom: 1px solid #eef1f4;
}
.page-container.mobile .page-footer .page-button-container {
    position: relative;
    display: inline-flex;
}
.page-container.mobile .page-footer .page-button-container .tags-dropdown-container.add-tags-dropdown {
    margin-top: 4px;
    margin-right: 4px;
}
.page-container.mobile .page-footer .page-button-container .dropdown-container {
    display: inline;
}
.page-container.mobile .page-footer .page-button-container .delete,
.page-container.mobile .page-footer .page-button-container .more,
.page-container.mobile .page-footer .page-button-container .put-back,
.page-container.mobile .page-footer .page-button-container .save,
.page-container.mobile .page-footer .page-button-container .share {
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
}
.page-container.mobile .page-footer .page-button-container .share {
    background-image: url(/src/images/share-header.svg);
}
.page-container.mobile .page-footer .page-button-container .more {
    background-image: url(/src/images/more-light.svg);
}
.page-container.mobile .page-footer .page-button-container .put-back {
    background-image: url(/src/images/restore-header.svg);
}
.page-container.mobile .page-footer .page-button-container .delete {
    background-image: url(/src/images/delete-header.svg);
}
.page-container.mobile .footer-loading {
    width: 100%;
    height: 21px;
    border-radius: 4px;
    background-color: #f6f8fa;
}
.page-container.landscape .page-select {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-image: url(/src/images/check-light.svg);
    background-size: 14px 10px;
    background-position: 50%;
    background-repeat: no-repeat;
    z-index: 0;
    cursor: pointer;
}
.page-container.landscape .page-select.default:hover {
    background-color: #b0b4bd !important;
}
.page-container.landscape .page-select-img {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-image: url(/src/images/check-light.svg);
    background-size: 14px 10px;
    background-position: 50%;
    background-repeat: no-repeat;
    z-index: 0;
    cursor: pointer;
}
.page-container.landscape .page-select-img.default:hover {
    background-color: #b0b4bd !important;
}
.page-container.landscape,
.page-container.portrait {
    padding: 16px 16px 0;
    margin-left: -16px;
    width: 656px;
    position: relative;
}
.page-container.landscape .recommend-by-tag-container,
.page-container.portrait .recommend-by-tag-container {
    margin-bottom: 4px;
    height: 21px;
    max-width: 560px;
    overflow-x: hidden;
    overflow-y: hidden;
}
.page-container.landscape .recommend-by-tag-container .recommend-by,
.page-container.portrait .recommend-by-tag-container .recommend-by {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #969aa2;
}
.page-container.landscape .tag,
.page-container.portrait .tag {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #00bdb8;
    display: inline-block;
    margin: 0 6px 0 0;
    height: 21px;
}
.page-container.landscape .tag:hover,
.page-container.portrait .tag:hover {
    color: #00a7a0;
}
.page-container.landscape .img-container,
.page-container.portrait .img-container {
    position: relative;
}
.page-container.landscape .tag-loading,
.page-container.portrait .tag-loading {
    width: 190px;
    height: 15px;
    border-radius: 4px;
    background-color: #f6f8fa;
    margin-bottom: 8px;
}
.page-container.landscape .line-loading,
.page-container.portrait .line-loading {
    border-bottom: 1px solid #f6f8fa;
    margin-top: 22px;
    width: 660px;
}
.page-container.landscape .page-taglist-container,
.page-container.portrait .page-taglist-container {
    max-width: 560px;
    margin-bottom: 4px;
}
.page-container.landscape .page-taglist-container.no-img,
.page-container.portrait .page-taglist-container.no-img {
    max-width: 680px;
}
.page-container.landscape .page-contents-container,
.page-container.portrait .page-contents-container {
    display: flex;
    justify-content: space-between;
    padding-bottom: 16px;
    overflow-x: hidden;
}
.page-container.landscape .page-contents-container .page-contents,
.page-container.portrait .page-contents-container .page-contents {
    width: 504px;
}
.page-container.landscape .page-contents-container .page-contents.highlights,
.page-container.landscape .page-contents-container .page-contents.no-img,
.page-container.portrait .page-contents-container .page-contents.highlights,
.page-container.portrait .page-contents-container .page-contents.no-img {
    width: 100%;
}
.page-container.landscape .page-contents-container .page-contents .title-container,
.page-container.portrait .page-contents-container .page-contents .title-container {
    overflow: hidden;
}
.page-container.landscape .page-contents-container .page-contents .title-container .title,
.page-container.portrait .page-contents-container .page-contents .title-container .title {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33;
    color: #222;
    margin: 0 0 8px;
    word-wrap: break-word;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page-container.landscape .page-contents-container .page-contents .title-container .title-link,
.page-container.portrait .page-contents-container .page-contents .title-container .title-link {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33;
    color: #222;
    margin: 0 0 8px;
}
.page-container.landscape .page-contents-container .page-contents .title-container .title-link:hover,
.page-container.portrait .page-contents-container .page-contents .title-container .title-link:hover {
    opacity: 0.8;
}
.page-container.landscape .page-contents-container .page-contents .page-title,
.page-container.portrait .page-contents-container .page-contents .page-title {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33;
    color: #222;
    margin: 0 0 8px;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page-container.landscape .page-contents-container .page-contents .page-title .pdf-badge,
.page-container.portrait .page-contents-container .page-contents .page-title .pdf-badge {
    margin-left: 8px;
    margin-bottom: -2px;
}
.page-container.landscape .page-contents-container .page-contents .page-title:hover,
.page-container.portrait .page-contents-container .page-contents .page-title:hover {
    opacity: 0.8;
}
.page-container.landscape .page-contents-container .page-contents .contents,
.page-container.portrait .page-contents-container .page-contents .contents {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: normal;
    color: #555;
    margin: 0 0 8px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default;
}
.page-container.landscape .page-contents-container .page-contents .title-loading,
.page-container.portrait .page-contents-container .page-contents .title-loading {
    width: 504px;
    height: 24px;
    border-radius: 4px;
    background-color: #f6f8fa;
    margin-bottom: 8px;
}
.page-container.landscape .page-contents-container .page-contents .contents-loading,
.page-container.portrait .page-contents-container .page-contents .contents-loading {
    width: 504px;
    height: 52px;
    border-radius: 4px;
    background-color: #f6f8fa;
    margin-bottom: 32px;
}
.page-container.landscape .page-contents-container .default-img,
.page-container.portrait .page-contents-container .default-img {
    width: 96px;
    height: 96px;
    border-radius: 4px;
    flex-shrink: 0;
    margin-left: 24px;
}
.page-container.landscape .page-contents-container .img,
.page-container.portrait .page-contents-container .img {
    width: 96px;
    height: 96px;
    border-radius: 4px;
    flex-shrink: 0;
    margin-left: 24px;
    object-fit: cover;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.page-container.landscape .page-contents-container .img:hover,
.page-container.portrait .page-contents-container .img:hover {
    opacity: 0.8;
}
.page-container.landscape .page-contents-container .img-loading,
.page-container.portrait .page-contents-container .img-loading {
    margin-left: 24px;
    min-width: 96px;
    height: 96px;
    border-radius: 4px;
    background-color: #eef1f4;
}
.page-container.landscape .page-contents-container.highlight,
.page-container.portrait .page-contents-container.highlight {
    padding-bottom: 0;
    margin-bottom: 8px;
}
.page-container.landscape textarea.copy-highlight,
.page-container.portrait textarea.copy-highlight {
    position: absolute;
    opacity: 0;
    height: 0;
    overflow: hidden;
}
.page-container.landscape .page-footer,
.page-container.portrait .page-footer {
    height: 48px;
    display: flex;
    justify-content: space-between;
    width: 624px;
    padding-bottom: 16px;
    border-bottom: 1px solid #eef1f4;
}
.page-container.landscape .page-footer .page-button-container,
.page-container.portrait .page-footer .page-button-container {
    position: relative;
    display: inline-flex;
}
.page-container.landscape .page-footer .page-button-container .tags-dropdown-container.add-tags-dropdown,
.page-container.portrait .page-footer .page-button-container .tags-dropdown-container.add-tags-dropdown {
    margin-top: 4px;
    margin-right: 4px;
}
.page-container.landscape .page-footer .page-button-container .dropdown-container,
.page-container.portrait .page-footer .page-button-container .dropdown-container {
    display: inline;
}
.page-container.landscape .page-footer .page-button-container .delete,
.page-container.landscape .page-footer .page-button-container .more,
.page-container.landscape .page-footer .page-button-container .put-back,
.page-container.landscape .page-footer .page-button-container .save,
.page-container.landscape .page-footer .page-button-container .share,
.page-container.portrait .page-footer .page-button-container .delete,
.page-container.portrait .page-footer .page-button-container .more,
.page-container.portrait .page-footer .page-button-container .put-back,
.page-container.portrait .page-footer .page-button-container .save,
.page-container.portrait .page-footer .page-button-container .share {
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
}
.page-container.landscape .page-footer .page-button-container .share,
.page-container.portrait .page-footer .page-button-container .share {
    background-image: url(/src/images/share-header.svg);
}
.page-container.landscape .page-footer .page-button-container .more,
.page-container.portrait .page-footer .page-button-container .more {
    background-image: url(/src/images/more-light.svg);
}
.page-container.landscape .page-footer .page-button-container .put-back,
.page-container.portrait .page-footer .page-button-container .put-back {
    background-image: url(/src/images/restore-header.svg);
}
.page-container.landscape .page-footer .page-button-container .delete,
.page-container.portrait .page-footer .page-button-container .delete {
    background-image: url(/src/images/delete-header.svg);
}
.page-container.landscape .footer-loading,
.page-container.portrait .footer-loading {
    width: 252px;
    height: 21px;
    border-radius: 4px;
    background-color: #f6f8fa;
}
.page-container.selected {
    border-radius: 8px;
    background-color: #f6f8fa;
}
.tooltip {
    position: absolute;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 11px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    padding: 2px 5px;
    border-radius: 2px;
    background-color: #52565d;
    z-index: 0;
    white-space: nowrap;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .tooltip {
        width: -webkit-max-content;
    }
}
@-moz-document url-prefix() {
    .tooltip {
        width: -moz-max-content;
    }
}
.tooltip:not(:root:root) {
    width: intrinsic;
}
.tooltip-more,
.tooltip-save,
.tooltip-share {
    margin-top: 16px;
}
.tooltip-relevancy-score {
    margin-top: 2px;
    opacity: 1 !important;
}
.tooltip-relevancy-score-detail {
    margin-top: 0;
}
.tooltip-date {
    margin-top: 4px;
}
.page-tooltip-more {
    top: 30px;
    left: 0;
}
.page-tooltip-export {
    top: 35px;
}
.page-tooltip-trash {
    right: -40px;
    top: 35px;
}
.page-tooltip-tag {
    right: -20px;
    top: 33px;
}
.page-tooltip-filter {
    right: -35px;
    top: 35px;
}
.page-tooltip-search {
    right: 15px;
    top: 39px;
}
.trash-tooltip-putback {
    top: 33px;
}
.trash-tooltip-trash {
    top: 33px;
    right: -5px;
}
.trash-tooltip-trash.header {
    right: 10px;
}
.page-header {
    width: 712px;
    z-index: 6;
    padding: 0 16px;
}
.page-header,
.sticky-header {
    height: 40px;
    background-color: #fff;
}
.sticky-header {
    display: flex;
    align-items: center;
    position: sticky;
    position: -webkit-sticky;
    top: 64px;
    z-index: 2;
}
.sticky-header.desktop {
    margin: 40px 16px 16px 15px;
}
.sticky-header.landscape {
    margin: 40px 16px 16px 0;
}
.home.title.desktop {
    display: flex;
    align-items: center;
    width: 681px;
    height: 40px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    font-size: 32px;
    letter-spacing: -0.8px;
    color: #272b31;
    z-index: 2;
}
.home.title.desktop.shrink {
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #52565d;
    width: 681px;
    z-index: 1;
}
.home.title.desktop .language {
    justify-self: flex-end;
    margin-left: auto;
    display: flex;
    align-items: center;
    align-self: flex-end;
}
.home.title.desktop .language.shrink {
    align-self: center;
}
.home.title.desktop .language .language-btn {
    display: flex;
    align-items: center;
    align-self: flex-end;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    color: #787d86 !important;
}
.home.title.desktop .language .language-btn.shrink {
    align-self: center;
}
.home.title.desktop .language .language-btn:hover {
    color: #52565d;
}
.home.title.desktop .language .language-btn .expand {
    background-image: url(/src/images/expand-grey.svg);
    width: 16px;
    height: 16px;
    object-fit: contain;
    margin-left: 4px;
}
.home.title.desktop .language .language-btn .collapse {
    background-image: url(/src/images/collapse.svg);
    width: 16px;
    height: 16px;
    object-fit: contain;
    margin-left: 4px;
}
.home.title.landscape {
    display: flex;
    align-items: center;
    width: 624px;
    height: 40px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    font-size: 32px;
    letter-spacing: -0.8px;
    color: #272b31;
    z-index: 2;
}
.home.title.landscape.shrink {
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #52565d;
    width: 624px;
    z-index: 1;
}
.home.title.landscape .language {
    justify-self: flex-end;
    margin-left: auto;
    display: flex;
    align-items: center;
    align-self: flex-end;
}
.home.title.landscape .language.shrink {
    align-self: center;
}
.home.title.landscape .language .language-btn {
    display: flex;
    align-items: center;
    align-self: flex-end;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    color: #787d86 !important;
}
.home.title.landscape .language .language-btn.shrink {
    align-self: center;
}
.home.title.landscape .language .language-btn:hover {
    color: #52565d;
}
.home.title.landscape .language .language-btn .expand {
    background-image: url(/src/images/expand-grey.svg);
    width: 16px;
    height: 16px;
    object-fit: contain;
    margin-left: 4px;
}
.home.title.landscape .language .language-btn .collapse {
    background-image: url(/src/images/collapse.svg);
    width: 16px;
    height: 16px;
    object-fit: contain;
    margin-left: 4px;
}
.home.title.portrait {
    display: flex;
    align-items: center;
    width: 624px;
    height: 40px;
    margin: 40px 0 16px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    font-size: 32px;
    letter-spacing: -0.8px;
    color: #272b31;
    z-index: 2;
}
.home.title.portrait .language {
    justify-self: flex-end;
    margin-left: auto;
    display: flex;
    align-items: center;
    align-self: flex-end;
}
.home.title.portrait .language.shrink {
    align-self: center;
}
.home.title.portrait .language .language-btn {
    display: flex;
    align-items: center;
    align-self: flex-end;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    color: #787d86 !important;
}
.home.title.portrait .language .language-btn.shrink {
    align-self: center;
}
.home.title.portrait .language .language-btn:hover {
    color: #52565d;
}
.home.title.portrait .language .language-btn .expand {
    background-image: url(/src/images/expand-grey.svg);
    width: 16px;
    height: 16px;
    object-fit: contain;
    margin-left: 4px;
}
.home.title.portrait .language .language-btn .collapse {
    background-image: url(/src/images/collapse.svg);
    width: 16px;
    height: 16px;
    object-fit: contain;
    margin-left: 4px;
}
.home.title.mobile {
    width: 100%;
    height: 49px;
    margin: 20px 0 24px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 32px;
    font-size: 24px;
    letter-spacing: -0.6px;
    color: #272b31;
}
.home.title.mobile,
.search.title {
    display: flex;
    align-items: center;
}
.search.title.mobile {
    width: 100%;
    height: 49px;
    margin: 20px 20px 16px;
    line-height: 32px;
    font-size: 24px;
}
.search.title.mobile,
.search.title.portrait {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.6px;
    color: #272b31;
}
.search.title.portrait {
    width: 624px;
    height: 39px;
    margin: 40px 0 16px;
    line-height: 1.2;
    font-size: 32px;
}
.braze-button {
    background-image: url(/src/images/noti.svg);
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}
.braze-button,
.braze-button .noti-on {
    border-radius: 50%;
    position: absolute;
    right: 0;
}
.braze-button .noti-on {
    width: 4px;
    height: 4px;
    background-color: #ff7b69;
    top: 0;
}
.info-button {
    width: 32px;
    height: 32px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(/src/images/info.svg);
    border-radius: 50%;
    z-index: 7;
    position: absolute;
}
.info-button.home {
    margin-left: 9px;
}
.info-button.myhighlights {
    margin-left: 10px;
    margin-top: 2px;
}
.info-button.myhighlights.landscape,
.info-button.myhighlights.mobile {
    margin-top: 0;
}
.info-button:hover {
    background-color: #f6f8fa;
}
.home.sub-title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    color: #787d86;
}
.home.sub-title.desktop {
    margin: 0 16px 24px;
}
.home.sub-title.landscape {
    margin: 0 16px 40px 0;
}
.home.sub-title.portrait {
    margin: 0 16px 24px 0;
}
.page-nopage {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #969aa2;
    position: relative;
    letter-spacing: -0.4px;
    top: 160px;
    left: 306.5px;
}
.page-header.detail-view.desktop {
    position: sticky;
    position: -webkit-sticky;
    top: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.page-header.detail-view.desktop .shrink-container {
    display: flex;
    align-items: center;
}
.page-header.detail-view.desktop .shrink-container .back {
    background-image: url(/src/images/back-header.svg);
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-position: 2px !important;
    display: inline-flex;
    align-items: center;
    position: relative;
}
.page-header.detail-view.desktop .shrink-container .title {
    width: 440px;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #222;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page-header.detail-view.desktop .page-button-container {
    display: flex;
}
.page-header.detail-view.desktop .page-button-container .add-tags-dropdown {
    top: 4px;
}
.page-header.detail-view.desktop .page-button-container .more,
.page-header.detail-view.desktop .page-button-container .save,
.page-header.detail-view.desktop .page-button-container .share {
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
}
.page-header.detail-view.desktop .page-button-container .share {
    background-image: url(/src/images/share-header.svg);
}
.page-header.detail-view.desktop .page-button-container .more {
    background-image: url(/src/images/more-light.svg);
}
.page-header.detail-view.landscape {
    position: sticky;
    position: -webkit-sticky;
    top: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 624px;
    padding: 0;
}
.page-header.detail-view.landscape .shrink-container {
    display: flex;
    align-items: center;
}
.page-header.detail-view.landscape .shrink-container .back {
    background-image: url(/src/images/back-header.svg);
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-position: 2px !important;
    display: inline-flex;
    align-items: center;
    position: relative;
}
.page-header.detail-view.landscape .shrink-container .title {
    width: 440px;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #222;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page-header.detail-view.landscape .page-button-container {
    display: flex;
}
.page-header.detail-view.landscape .page-button-container .add-tags-dropdown {
    top: 4px;
}
.page-header.detail-view.landscape .page-button-container .more,
.page-header.detail-view.landscape .page-button-container .save,
.page-header.detail-view.landscape .page-button-container .share {
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
}
.page-header.detail-view.landscape .page-button-container .share {
    background-image: url(/src/images/share-header.svg);
}
.page-header.detail-view.landscape .page-button-container .more {
    background-image: url(/src/images/more-light.svg);
}
.page-header.detail-view.mobile {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    width: 100%;
    display: flex;
    height: 48px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eef1f4;
}
.page-header.detail-view.mobile .shrink-container {
    display: flex;
    align-items: center;
}
.page-header.detail-view.mobile .shrink-container .back {
    background-image: url(/src/images/back-header.svg);
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-position: 2px !important;
    display: inline-flex;
    align-items: center;
    position: relative;
}
.page-header.detail-view.mobile .shrink-container .title {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: #222;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page-header.detail-view.mobile .page-button-container {
    display: flex;
}
.page-header.detail-view.mobile .page-button-container .add-tags-dropdown {
    top: 4px;
}
.page-header.detail-view.mobile .page-button-container .more,
.page-header.detail-view.mobile .page-button-container .save,
.page-header.detail-view.mobile .page-button-container .share {
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
}
.page-header.detail-view.mobile .page-button-container .share {
    background-image: url(/src/images/share-header.svg);
}
.page-header.detail-view.mobile .page-button-container .more {
    background-image: url(/src/images/more-light.svg);
}
.page-header.detail-view.portrait {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    width: 100vw;
    display: flex;
    height: 56px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eef1f4;
}
.page-header.detail-view.portrait .shrink-container {
    display: flex;
    align-items: center;
}
.page-header.detail-view.portrait .shrink-container .back {
    background-image: url(/src/images/back-header.svg);
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-position: 2px !important;
    display: inline-flex;
    align-items: center;
    position: relative;
}
.page-header.detail-view.portrait .shrink-container .title {
    line-height: 1.5;
}
.page-header.detail-view.portrait .shrink-container .title,
.page-header.detail-view.portrait .title {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #222;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page-header.detail-view.portrait .title {
    width: 440px;
    line-height: normal;
}
.page-header.detail-view.portrait .back {
    background-image: url(/src/images/back-header.svg);
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-position: 2px !important;
    display: inline-flex;
    align-items: center;
    position: relative;
}
.page-header.detail-view.portrait .page-button-container {
    display: flex;
}
.page-header.detail-view.portrait .page-button-container .add-tags-dropdown {
    top: 4px;
}
.page-header.detail-view.portrait .page-button-container .more,
.page-header.detail-view.portrait .page-button-container .save,
.page-header.detail-view.portrait .page-button-container .share {
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
}
.page-header.detail-view.portrait .page-button-container .share {
    background-image: url(/src/images/share-header.svg);
}
.page-header.detail-view.portrait .page-button-container .more {
    background-image: url(/src/images/more-light.svg);
}
.settings.title {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 32px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.8px;
    color: #272b31;
    margin: 40px 16px 74px;
}
.page-header.tab-container {
    margin: 0;
}
.page-header.tab-container .tab-item {
    padding: 11px 16px;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    text-align: center;
    color: #969aa2;
    border-radius: 8px;
}
.page-header.tab-container .tab-item.active {
    background-color: #eef1f4;
    color: #52565d;
}
.page-header.tab-container .tab-item.inactive:hover {
    background-color: #f6f8fa;
}
.page-header.tab-container .tab-item + .tab-item {
    margin-left: 8px;
}
.page-header.right-button.desktop {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: sticky;
    position: -webkit-sticky;
    top: 64px;
}
.page-header.right-button.mobile {
    position: fixed;
    top: 0;
    padding-top: 8px;
    margin-left: -20px;
    width: 100%;
    background-color: #fff;
}
.page-header.right-button.portrait {
    background-color: #fff;
    margin: auto;
}
.page-header.right-button.landscape,
.page-header.right-button.portrait {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 624px;
    padding: 0;
}
.page-header.right-button.landscape {
    position: sticky;
    position: -webkit-sticky;
    top: 64px;
}
.page-header.trending-in-tag {
    display: flex;
    align-items: center;
    position: sticky;
    position: -webkit-sticky;
}
.page-header.trending-in-tag.desktop {
    top: 64px;
}
.page-header.trending-in-tag.landscape {
    width: 656px;
    margin-left: -20px;
    position: -webkit-sticky;
    position: sticky;
    top: 64px;
}
.page-header.trending-in-tag.mobile,
.page-header.trending-in-tag.portrait {
    width: 100vw;
    position: -webkit-sticky;
    position: sticky;
    height: 48px;
    top: 0;
    border-bottom: 1px solid #eef1f4;
}
.page-header.trending-in-tag.mobile {
    padding-left: 13px;
    margin-left: -20px;
}
.page-header.trending-in-tag .back {
    background-image: url(/src/images/back-header.svg);
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-position: 2px !important;
    display: inline-flex;
    align-items: center;
    position: relative;
}
.page-header.trending-in-tag .trending-in-tag {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page-header.trending-in-tag .trending-in {
    color: #52565d;
    margin-right: 6px;
    display: inline-block;
}
.page-header.trending-in-tag .tag,
.page-header.trending-in-tag .trending-in {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.4px;
}
.page-header.trending-in-tag .tag {
    color: #00bdb8;
}
.page-header.tag-depth {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: sticky;
    position: -webkit-sticky;
    top: 64px;
}
.page-header.tag-depth.mobile {
    top: 0;
    padding: 0;
    margin: 0 -8px;
}
.page-header.tag-depth .tag-container {
    display: flex;
    align-items: center;
}
.page-header.tag-depth .tag-container .back {
    background-image: url(/src/images/back-header.svg);
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-position: 2px !important;
    flex-shrink: 0;
}
.page-header.tag-depth .tag-container .tag {
    vertical-align: middle;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.4px;
    color: #52565d;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page-header.tag-depth .tags-share-button {
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-image: url(/src/images/tagshare-header.svg);
    flex-shrink: 0;
}
.page-header.page-select {
    position: sticky;
    position: -webkit-sticky;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
}
.page-header.page-select.desktop {
    top: 64px;
}
.page-header.page-select.mobile {
    width: 100%;
    padding: 0;
    top: 0;
}
.page-header.page-select.portrait {
    width: 624px;
    padding: 0;
    height: 56px;
    top: 0;
    border-bottom: 1px solid #eef1f4;
}
.page-header.page-select.landscape {
    width: 624px;
    padding: 0;
    height: 40px;
    top: 64px;
    margin-top: 40px;
}
.page-header.page-select .left-container {
    display: flex;
    align-items: center;
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.35px;
    color: #52565d;
}
.page-header.page-select .left-container .close-button {
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-image: url(/src/images/close-light.svg);
    margin-right: 8px;
}
.page-header.page-select .right-container {
    display: flex;
}
.page-header.page-select .right-container .export {
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-position-x: 6px !important;
    background-image: url(/src/images/export-header.svg);
}
.page-header.page-select .right-container .add-tags-dropdown .add-tags {
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-image: url(/src/images/addtags-header.svg);
}
.page-header.page-select .right-container .add-tags-dropdown .tags-dropdown {
    top: 18px !important;
}
.page-header.page-select .right-container .move-to-trash {
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-image: url(/src/images/delete-header.svg);
}
.filter-search-results-header {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    justify-content: flex-end;
    margin-top: 12px;
    padding-right: 20px;
}
.filter-search-results-header .filter-button {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    color: #787d86;
    display: flex;
    align-items: center;
}
.filter-search-results-header .filter-button .filter-icon {
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    margin-left: 4px;
}
.filter-search-results-header .filter-button:hover {
    color: #52565d;
}
.highlight {
    display: flex;
}
.highlight .highlight-contents.document {
    display: block;
    flex-direction: column;
    align-items: flex-start;
}
.highlight .highlight-contents.document .highlight-percentage {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    color: #969aa2;
    margin-top: 4px;
}
.highlight .highlight-contents.document.mobile {
    padding-right: 20px;
}
.highlight .highlight-contents {
    margin: 0 16px;
    font-size: 16px;
}
.highlight .highlight-contents,
.highlight .highlight-contents.ellipsis {
    width: 100%;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #555;
    word-wrap: break-word;
    background-color: transparent;
}
.highlight .highlight-contents.ellipsis {
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.highlight .highlight-contents.ellipsis.home {
    margin: 0 16px 0 0;
}
.highlight .highlight-contents.ellipsis.myhighlights {
    margin: 0 16px;
}
.highlight .highlight-contents.more {
    font-family: "Montserrat", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    color: #b0b4bd;
}
.highlight .highlight-contents.more:hover {
    color: #969aa2;
}
.highlight-with-comment {
    width: 100%;
}
.highlight-with-comment .comment {
    display: flex;
    margin-left: 16px;
    margin-top: 8px;
}
.highlight-with-comment .comment .comment-icon {
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    background-image: url(/src/images/reply.svg);
    margin-right: 12px;
    flex-shrink: 0;
}
.highlight-with-comment .comment textarea {
    font-size: 14px;
    line-height: 1.43;
    color: #777;
}
.highlight-with-comment .comment .comment-contents {
    width: calc(100% - 40px);
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.43;
    letter-spacing: normal;
    word-wrap: break-word;
    color: #777;
    white-space: pre-line;
}
.highlight-with-comment .comment textarea.comment-contents {
    background-color: #eef1f4;
    padding: 4px 16px;
    border-radius: 8px;
}
.highlight-with-comment .comment textarea.comment-contents.blur {
    background-color: #f6f8fa;
}
.highlight-with-comment .comment .comment-contents.ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.highlight-with-comment .edit-btn-container {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
}
.highlight-with-comment .edit-btn-container button {
    font-family: Montserrat;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.35px;
    padding: 8px 12px;
    border-radius: 8px;
}
.highlight-with-comment .edit-btn-container .cancel-btn {
    color: #787d86;
}
.highlight-with-comment .edit-btn-container .cancel-btn:hover {
    background-color: #f6f8fa;
}
.highlight-with-comment .edit-btn-container .save-btn {
    font-weight: 700;
    color: #00bdb8;
}
.highlight-with-comment .edit-btn-container .save-btn.empty {
    opacity: 0.3;
}
.highlight-with-comment .edit-btn-container .save-btn:hover {
    background-color: #e5f8f7;
}
.highlight + .highlight,
.highlight-with-comment + .highlight-with-comment,
.highlight.more {
    margin-top: 8px;
}
.highlight-index {
    border-width: 0 0 0 4px;
    border-style: solid;
    margin: 2px 0;
}
.highlight-index.yellow {
    border-left: 4px solid #ffff83;
}
.highlight-index.mint {
    border-left: 4px solid #a6ffe9;
}
.highlight-index.orange {
    border-left: 4px solid #ffc7ba;
}
.highlight-index.violet {
    border-left: 4px solid #d9c3ff;
}
.highlight-index.blue {
    border-left: 4px solid #b8dcff;
}
.highlight-index.pink {
    border-left: 4px solid #ffd0ef;
}
.highlight-index.more {
    border-left: 4px solid #c6cbd3;
}
.highlight-index.document {
    border-left: 4px solid #7fdedb;
}
.highlight-with-comment .myhighlight {
    display: flex;
    margin-top: 16px;
    cursor: default;
}
.highlight-with-comment .myhighlight .highlight-contents {
    width: 100%;
    margin: 0 0 0 16px;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #333;
    word-wrap: break-word;
    background-color: transparent;
}
.highlight-with-comment .myhighlight .highlight-contents .dropdown-container {
    position: relative;
    display: inline;
}
.highlight-with-comment .myhighlight .highlight-contents .dropdown-container .button-hover {
    display: inline;
}
.highlight-with-comment .myhighlight .highlight-contents .dropdown-container .dropdown {
    left: 0;
    top: 24px;
}
.highlight-with-comment .myhighlight .reorder-button {
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 4px;
    flex-shrink: 0;
}
.highlight-with-comment .comment {
    cursor: default;
}
.highlight-with-comment .comment textarea {
    border: none;
    resize: none;
    padding: 0;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 15px;
    font-weight: 400;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.6;
    letter-spacing: normal;
    color: #555;
}
.highlight-with-comment .comment textarea::-webkit-input-placeholder {
    opacity: 0.3;
}
.highlight-with-comment .comment textarea:-ms-input-placeholder {
    opacity: 0.3;
}
.highlight-with-comment .comment textarea::-ms-input-placeholder {
    opacity: 0.3;
}
.highlight-with-comment .comment textarea::placeholder {
    opacity: 0.3;
}
.highlight-with-comment .comment .comment-contents.myhighlights {
    width: 100%;
    word-wrap: break-word;
    font-size: 15px;
    line-height: 1.6;
    white-space: pre-line;
    padding-right: 20px;
}
.highlight-with-comment .comment .comment-contents[placeholder]:empty:before {
    content: attr(placeholder);
    font-family: Roboto;
    font-size: 15px;
    font-weight: 400;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.6;
    letter-spacing: normal;
    color: rgba(85, 85, 85, 0.3);
}
.highlight-with-comment .comment .button-hover,
.highlight-with-comment .comment.landscape .button-hover,
.highlight-with-comment .comment.mobile .button-hover,
.highlight-with-comment .comment.portrait .button-hover {
    margin-top: -5px;
    margin-left: 5px;
}
.highlight-with-comment .comment.landscape .button-hover .edit,
.highlight-with-comment .comment.mobile .button-hover .edit,
.highlight-with-comment .comment.portrait .button-hover .edit {
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    background-image: url(/src/images/edit.svg);
    position: absolute;
    top: 4px;
    left: 4px;
}
.highlight-with-comment .comment:hover .button-hover {
    margin-top: -5px;
    margin-left: 5px;
}
.highlight-with-comment .comment:hover .button-hover .edit {
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    background-image: url(/src/images/edit.svg);
    position: absolute;
    top: 4px;
    left: 4px;
}
.highlight-with-comment textarea.copy-highlight {
    position: absolute;
    opacity: 0;
    height: 0;
    overflow: hidden;
}
.highlight-with-comment:hover .myhighlight .highlight-contents .dropdown-container .button-hover {
    margin-top: -5px;
    margin-left: 2px;
}
.highlight-with-comment:hover .myhighlight .highlight-contents .dropdown-container .button-hover .more {
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    background-image: url(/src/images/more-hover.svg);
    position: absolute;
    top: 4px;
    left: 4px;
}
.highlight-with-comment:hover .myhighlight .reorder-button {
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 4px;
    flex-shrink: 0;
    background-image: url(/src/images/reorder.svg);
}
.highlight-with-comment:hover .myhighlight .reorder-button:hover {
    background-color: #f6f8fa;
    border-radius: 50%;
}
.highlight-with-comment.mobile .highlight-contents,
.highlight-with-comment.portrait .highlight-contents {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.highlight-with-comment.mobile .reorder-button,
.highlight-with-comment.portrait .reorder-button {
    width: 32px;
    height: 32px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 4px;
    flex-shrink: 0;
    background-image: url(/src/images/reorder.svg);
}
.loader {
    position: relative;
    width: 80px;
    height: 60px;
    margin: 30px auto;
    transform: scale(0.4);
}
.loader .loader-inner {
    width: 80px;
    height: 40px;
    position: absolute;
}
.loader .loader-inner .box {
    width: 80px;
    height: 10px;
    background-color: #b2ebe9;
    position: absolute;
    border-radius: 50px;
    clip: rect(0, 0, 20px, 0);
}
.loader .loader-inner .box-1 {
    top: 0;
    -webkit-animation: loader 1s ease 0s infinite;
    animation: loader 1s ease 0s infinite;
}
.loader .loader-inner .box-2 {
    top: 25px;
    -webkit-animation: loader 1s ease 0.125s infinite;
    animation: loader 1s ease 0.125s infinite;
}
.loader .loader-inner .box-3 {
    top: 50px;
    -webkit-animation: loader 1s ease 0.25s infinite;
    animation: loader 1s ease 0.25s infinite;
}
.spinner-container.feed.mobile {
    margin-top: -30px;
}
.spinner-container.detail.mobile {
    margin-top: 100px;
}
@-webkit-keyframes loader {
    0% {
        clip: rect(0, 0, 20px, 0);
    }
    30% {
        clip: rect(0, 80px, 20px, 0);
    }
    50% {
        clip: rect(0, 80px, 20px, 0);
    }
    80% {
        clip: rect(0, 80px, 20px, 80px);
    }
    to {
        clip: rect(0, 80px, 20px, 80px);
    }
}
@keyframes loader {
    0% {
        clip: rect(0, 0, 20px, 0);
    }
    30% {
        clip: rect(0, 80px, 20px, 0);
    }
    50% {
        clip: rect(0, 80px, 20px, 0);
    }
    80% {
        clip: rect(0, 80px, 20px, 80px);
    }
    to {
        clip: rect(0, 80px, 20px, 80px);
    }
}
@-webkit-keyframes fade {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fade {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.ab-feed-buttons-wrapper {
    height: 56px !important;
    background-color: #f6f8fa !important;
    box-shadow: none !important;
}
.ab-feed-body {
    box-shadow: -4px 2px 20px 0 rgba(39, 43, 49, 0.1) !important;
    border: 1px solid #eef1f4 !important;
    background-color: #f6f8fa !important;
}
.ab-no-cards-message {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: 1.57 !important;
    letter-spacing: normal !important;
    color: #555 !important;
}
.ab-refresh-button {
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    background-image: url(/src/images/refresh.svg);
    background-position: 50%;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50%;
    margin: 12px 15px !important;
}
.ab-close-button:hover,
.ab-refresh-button:hover {
    background-color: #eef1f4 !important;
}
.fa-refresh:before {
    display: none !important;
}
.ab-close-button {
    width: 24px;
    height: 24px;
    background-image: url(/src/images/close-header.svg);
    background-position: 50%;
    margin: 12px 15px !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50%;
}
.ab-close-button,
.ab-close-button:before {
    background-repeat: no-repeat;
    background-size: 24px 24px;
}
.ab-close-button:before {
    width: 24px;
    height: 24px;
    display: none !important;
}
.ab-card {
    border-radius: 4px !important;
    border: 1px solid #eef1f4 !important;
}
.ab-card a:hover {
    text-decoration: none !important;
}
.ab-card .ab-card-body .ab-title {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    color: #333 !important;
}
.ab-card .ab-description {
    color: #555;
}
.ab-card .ab-description,
.ab-card .ab-url-area a {
    font-family: "Roboto", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: 1.57 !important;
    letter-spacing: -0.35px !important;
}