@charset "UTF-8";

textarea {
    font-size: 0.9rem !important;
}

textarea:focus {
    border: 2px solid #b6b6b6 !important;
}

.summary-lg-bold {
    font-weight: 700;
    font-size: 1.1rem !important;
}

@media (min-width: 768px) {
    .summary-lg-bold {
        font-size: 1.4rem !important;
    }
}

@media (min-width: 1200px) {
    .summary-lg-bold {
        font-size: 1.4rem !important;
    }
}

@media (min-width: 1650px) {
    .summary-lg-bold {
        font-size: 1.6rem !important;
    }
}

.title-md {
    font-size: 1rem !important;
}

.title-md.bold {
    font-weight: 700;
}

.title-md.normal {
    font-weight: 400;
}

@media (max-width: 380px) {
    .title-md {
        font-size: 0.9rem !important;
    }
}

@media (min-width: 576px) {
    .title-md {
        font-size: 1rem !important;
    }
}

@media (min-width: 768px) {
    .title-md {
        font-size: 1rem !important;
    }
}

@media (min-width: 1200px) {
    .title-md {
        font-size: 1.1rem !important;
    }
}

@media (min-width: 1650px) {
    .title-md {
        font-size: 1.2rem !important;
    }
}

.title-lg {
    font-size: 1rem !important;
}

.title-lg.bold {
    font-weight: 700;
}

.title-lg.normal {
    font-weight: 400;
}

@media (max-width: 380px) {
    .title-lg {
        font-size: 0.9rem !important;
    }
}

@media (min-width: 576px) {
    .title-lg {
        font-size: 1.1rem !important;
    }
}

@media (min-width: 768px) {
    .title-lg {
        font-size: 1.1rem !important;
    }
}

@media (min-width: 1200px) {
    .title-lg {
        font-size: 1.3rem !important;
    }
}

@media (min-width: 1650px) {
    .title-lg {
        font-size: 1.6rem !important;
    }
}

.title-sm {
    font-size: 0.8rem !important;
}

.title-sm.bold {
    font-weight: 700;
}

.title-sm.normal {
    font-weight: 400;
}

@media (max-width: 380px) {
    .title-sm {
        font-size: 0.7rem !important;
    }
}

@media (min-width: 576px) {
    .title-sm {
        font-size: 0.9rem !important;
    }
}

@media (min-width: 768px) {
    .title-sm {
        font-size: 0.95rem !important;
    }
}

@media (min-width: 1200px) {
    .title-sm {
        font-size: 0.8rem !important;
    }
}

@media (min-width: 1650px) {
    .title-sm {
        font-size: 0.9rem !important;
    }
}

.title-xl {
    font-size: 1.4rem !important;
}

.title-xl.bold {
    font-weight: 700;
}

.title-xl.normal {
    font-weight: 400;
}

@media (max-width: 380px) {
    .title-xl {
        font-size: 1.2rem !important;
    }
}

@media (min-width: 576px) {
    .title-xl {
        font-size: 1.4rem !important;
    }
}

@media (min-width: 768px) {
    .title-xl {
        font-size: 1.4rem !important;
    }
}

@media (min-width: 1200px) {
    .title-xl {
        font-size: 1.5rem !important;
    }
}

@media (min-width: 1650px) {
    .title-xl {
        font-size: 1.9rem !important;
    }
}

.showfromlg {
    display: none;
}

@media (min-width: 1200px) {
    .showfromlg {
        display: block;
    }
}

.container-left {
    padding-right: 0;
}

@media (min-width: 992px) {
    .container-left {
        padding-right: 0;
    }
}

@media (min-width: 1200px) {
    .container-left {
        padding-right: 20px;
    }
}

@media (min-width: 1650px) {
    .container-left {
        padding-right: 40px;
    }
}

.container-right {
    padding-left: 0;
}

@media (min-width: 992px) {
    .container-right {
        padding-left: 0;
    }
}

@media (min-width: 1200px) {
    .container-right {
        padding-left: 30px;
    }
}

@media (min-width: 1650px) {
    .container-right {
        padding-left: 50px;
    }
}

.horizon-bar {
    height: 1px;
    border: 1px dashed;
    border-color: rgb(153, 153, 153);
    position: absolute;
    width: 100%;
    top: 47%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.hoverTable th {
    color: #fff;
    font-weight: 700;
    border-top: none !important;
}

.hoverTable th:last-child {
    border-radius: 0 0.25rem 0 0;
}

.hoverTable th:first-child {
    border-radius: 0.25rem 0 0 0;
}

.reco-col {
    padding: 1.2rem;
    text-align: center;
}

.bg-reco-lightblue {
    background: #9ab1e9;
}

.bg-reco-gray {
    background: #b8b8b8;
}

.crown {
    position: relative;
}

/* .crown::before {
    font-family: "Font Awesome 5 Free";
    content: "f521";
    font-weight: 900;
    position: absolute;
    top: -14px;
    font-size: 1.4rem;
    color: #fdc800;
} */

.reco-th {
    font-size: 1.2rem;
    padding: 0 !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    color: #000 !important;
    font-weight: 700;
}

@media (min-width: 1200px) {
    .reco-th {
        font-size: 1.4rem;
    }
}

@media (min-width: 1650px) {
    .reco-th {
        font-size: 1.6rem;
    }
}

.recoRowBox>.row {
    margin-top: 0.85rem;
    margin-bottom: 0.85rem;
    font-weight: 700;
}

.reco-btn {
    cursor: pointer;
}

.reco-btn .reco-active::before {
    position: absolute;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    content: "";
    right: -5px;
    top: -5px;
    border-radius: 0.25rem;
    border: 3px solid #555;
}

.reco-1 {
    border-radius: 0.25rem;
    background: #4e78d7;
    color: #fff;
}

.reco-2 {
    border: 1px solid #4e78d7;
    color: #4e78d7;
    border-radius: 0.25rem;
}

.reco-3 {
    border: 1px solid #9ab1e9;
    color: #9ab1e9;
    border-radius: 0.25rem;
}

.reco-common {
    border: 1px solid #b8b8b8;
    border-radius: 0.25rem;
}

.couponSetting .form-group {
    font-weight: 700;
}

.couponSetting input {
    font-size: 0.85rem !important;
}

.couponSetting select {
    font-size: 0.85rem !important;
}

.cube {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 190px;
    max-height: 190px;
}

.h-line {
    height: 2px;
    background: rgba(0, 0, 0, 0.1);
    color: #fff;
    font-weight: 700;
}

.arrowBox {
    height: 60px;
    position: relative;
}

.arrow {
    background-repeat: no-repeat;
}

@media (min-width: 992px) {
    .arrow {
        height: 70px;
        background-size: 90%;
    }
}

@media (min-width: 1200px) {
    .arrow {
        height: 70px;
        background-size: 100%;
    }
}

.arrow-tl {
    background-image: url("../img/tlred.png");
}

.arrow-tr {
    background-image: url("../img/trblue.png");
}

.arrow-bl {
    background-image: url("../img/blblue.png");
}

.arrow-br {
    background-image: url("../img/brred.png");
}

.arrow-horizon::before {
    background: black;
    height: 10px;
    position: absolute;
    width: 70%;
    top: 50%;
    content: "";
}

.arrow-45::before {
    background: black;
    height: 10px;
    position: absolute;
    width: 30%;
    top: 70%;
    content: "";
    -webkit-transform: rotate(28deg);
    transform: rotate(28deg);
    margin: -2px 0 0 -6px;
}

.userCntBtn {
    cursor: pointer;
}

.ab-text {
    position: absolute;
    width: 100%;
}

.ab-text.tl {
    top: -25px;
}

.ab-text.tr {
    top: -25px;
    width: 100%;
}

.ab-text.bl-1 {
    bottom: 0;
}

.ab-text.bl-2 {
    bottom: -25px;
}

.ab-text.br-1 {
    bottom: 0;
}

.ab-text.br-2 {
    bottom: -25px;
}

.userMoveGridWrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.userMoveGrid {
    position: absolute;
    right: -120px;
    background-color: #8c9eff;
    width: 100px;
    padding: 1rem;
    z-index: 9;
}

.userMove {
    width: 150px;
    height: 125px;
    z-index: 1;
}

@media (max-width: 380px) {
    .userMove {
        width: 120px;
        height: 125px;
    }
}

@media (min-width: 768px) {
    .userMove {
        width: 240px;
        height: 125px;
    }
}

@media (min-width: 992px) {
    .userMove {
        width: 240px;
        height: 125px;
    }
}

@media (min-width: 1200px) {
    .userMove {
        width: 100px;
        height: 125px;
    }
}

@media (min-width: 1650px) {
    .userMove {
        width: 120px;
        height: 125px;
    }
}

.userMove.tl {
    top: 0;
    left: 0;
    border-top: 2px solid #ffcdd2;
    border-right: 2px solid #ffcdd2;
    border-top-right-radius: 0.25rem;
}

.userMove.tl::before {
    position: absolute;
    content: "▼";
    bottom: -9px;
    right: -6px;
    font-size: 0.45rem;
    color: #ffcdd2;
}

.userMove.tr {
    top: 0;
    right: 0;
    border-top: 2px solid #8c9eff;
    border-left: 2px solid #8c9eff;
    border-top-left-radius: 0.25rem;
}

.userMove.tr::before {
    position: absolute;
    content: "▶";
    top: -9px;
    right: -7px;
    font-size: 0.45rem;
    color: #8c9eff;
}

.userMove.bl {
    bottom: 0;
    left: 0;
    border-bottom: 2px solid #8c9eff;
    border-right: 2px solid #8c9eff;
    border-bottom-right-radius: 0.25rem;
}

.userMove.bl::before {
    position: absolute;
    content: "▲";
    top: -8px;
    right: -6px;
    font-size: 0.45rem;
    color: #8c9eff;
}

.userMove.br {
    bottom: 0;
    right: 0;
    border-bottom: 2px solid #ffcdd2;
    border-left: 2px solid #ffcdd2;
    border-bottom-left-radius: 0.25rem;
}

.userMove.br::before {
    position: absolute;
    content: "▶";
    bottom: -8px;
    right: -7px;
    font-size: 0.45rem;
    color: #ffcdd2;
}

#userMoveBox {
    max-width: 420px;
    max-height: 420px;
}

/* .centerbarEmoji {
    height: 70px;
}

@media (min-width: 992px) {
    .centerbarEmoji {
        height: 80px;
    }
}

@media (min-width: 1200px) {
    .centerbarEmoji {
        height: 100px;
    }
}

@media (min-width: 1650px) {
    .centerbarEmoji {
        height: 310px;
    }
} */

.emoji-grin,
.emoji-smile,
.emoji-neutral,
.emoji-frown {
    background-size: 700px;
}

@media (min-width: 992px) {

    .emoji-grin,
    .emoji-smile,
    .emoji-neutral,
    .emoji-frown {
        background-size: 700px;
    }
}

@media (min-width: 1200px) {

    .emoji-grin,
    .emoji-smile,
    .emoji-neutral,
    .emoji-frown {
        background-size: 700px;
    }
}

@media (min-width: 1460px) {

    .emoji-grin,
    .emoji-smile,
    .emoji-neutral,
    .emoji-frown {
        background-size: 850px;
    }
}

@media (min-width: 1650px) {

    .emoji-grin,
    .emoji-smile,
    .emoji-neutral,
    .emoji-frown {
        background-size: 850px;
    }
}



.emoji-grin {
    background-position: -103px -82px;
    width: 113px;
    height: 113px;
}

@media (min-width: 992px) {
    .emoji-grin {
        background-position: -103px -82px;
        width: 113px;
        height: 113px;
    }
}

@media (min-width: 1200px) {
    .emoji-grin {
        background-position: -103px -82px;
        width: 113px;
        height: 113px;
    }
}

@media (min-width: 1460px) {
    .emoji-grin {
        background-position: -125px -102px;
        width: 133px;
        height: 133px;
    }
}

@media (min-width: 1650px) {
    .emoji-grin {
        background-position: -125px -102px;
        width: 133px;
        height: 133px;
    }
}

.emoji-smile {
    background-position: -227px -83px;
    width: 113px;
    height: 113px;
}

@media (min-width: 992px) {
    .emoji-smile {
        background-position: -227px -83px;
        width: 113px;
        height: 113px;
    }
}

@media (min-width: 1200px) {
    .emoji-smile {
        background-position: -227px -83px;
        width: 113px;
        height: 113px;
    }
}

@media (min-width: 1460px) {
    .emoji-smile {
        background-position: -278px -103px;
        width: 133px;
        height: 133px;
    }
}

@media (min-width: 1650px) {
    .emoji-smile {
        background-position: -278px -103px;
        width: 133px;
        height: 133px;
    }
}

.emoji-frown {
    background-position: -478px -83px;
    width: 113px;
    height: 113px;
}

@media (min-width: 992px) {
    .emoji-frown {
        background-position: -478px -83px;
        width: 113px;
        height: 113px;
    }
}

@media (min-width: 1200px) {
    .emoji-frown {
        background-position: -478px -83px;
        width: 113px;
        height: 113px;
    }
}

@media (min-width: 1460px) {
    .emoji-frown {
        background-position: -584px -100px;
        width: 133px;
        height: 133px;
    }
}

@media (min-width: 1650px) {
    .emoji-frown {
        background-position: -584px -100px;
        width: 133px;
        height: 133px;
    }
}

.emoji-neutral {
    background-position: -352px -83px;
    width: 113px;
    height: 113px;
}

@media (min-width: 992px) {
    .emoji-neutral {
        background-position: -352px -83px;
        width: 113px;
        height: 113px;
    }
}

@media (min-width: 1200px) {
    .emoji-neutral {
        background-position: -352px -83px;
        width: 113px;
        height: 113px;
    }
}

@media (min-width: 1460px) {
    .emoji-neutral {
        background-position: -431px -100px;
        width: 133px;
        height: 133px;
    }
}

@media (min-width: 1650px) {
    .emoji-neutral {
        /* background-position: -431px -100px; */
        width: 120px;
        height: 120px;
    }
}

.vipUserCnt {
    top: 5px;
    z-index: 1;
}

@media (min-width: 992px) {
    .vipUserCnt {
        top: 30px;
    }
}

@media (min-width: 1200px) {
    .vipUserCnt {
        top: 45px;
    }
}

.table-specific {
    width: 100%;
    border: 1px solid #e5e9f2;
    border-radius: 0.55rem;
    border-spacing: 0;
    border-collapse: separate;
}

.table-specific tr:not(:first-child) th {
    border-top: 1px solid #e5e9f2;
}

.table-specific tr:not(:first-child) td {
    border-top: 1px solid #e5e9f2;
}

.table-specific tr:first-child th {
    border-top-left-radius: 0.55rem;
}

.table-specific tr:last-child th {
    border-bottom-left-radius: 0.55rem;
}

.table-specific.lg tr th {
    background: #f8f8f8;
    font-weight: 400 !important;
    width: 170px !important;
    font-size: 0.9rem;
    color: #000;
    padding: 0.8rem 1rem !important;
    text-align: left;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table-specific.lg tr td {
    text-align: right;
    font-size: 0.9rem !important;
    padding: 0.8rem 1rem !important;
    color: #000;
    font-weight: 500 !important;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table-specific tr th {
    background: #f8f8f8;
    font-weight: 400 !important;
    width: 170px !important;
    font-size: 0.8rem;
    color: #000;
    padding: 0.5rem 0.8rem !important;
    text-align: left;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table-specific tr td {
    text-align: right;
    font-size: 0.8rem !important;
    padding: 0.5rem 0.8rem !important;
    color: #000;
    font-weight: 500 !important;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.icon-rotate {
    -webkit-animation: rotate_image 1s linear infinite;
    animation: rotate_image 1s linear infinite;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

@-webkit-keyframes rotate_image {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate_image {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.smsBox {
    min-height: 250px;
    height: 350px;
    overflow-y: auto;
    border-radius: 1.2rem;
}

.smsHeader {
    text-align: center;
    padding: 0.6rem 0;
    background: #f4f4f4;
}

.smsContent {
    margin: 2rem 2.8rem 1.7rem 1rem;
}

.smsContent-txt {
    border: 1px solid #e5e9f2;
    border-radius: 1.2rem;
    background: #e8e8ea;
    color: #333;
    padding: 1rem;
    line-height: 1.6;
    font-size: 0.75rem;
    white-space: pre-line;
    display: inline-block;
}

.smsProfileIcon {
    width: 30px;
    height: 30px;
    background: #333;
    text-align: center;
    line-height: 1.9;
    border-radius: 2rem;
    margin: 0 auto;
}

.smsProfileIcon::before {
    font-family: "Font Awesome 5 Free";
    content: "\f54e";
    font-weight: 800;
    color: #fff;
    font-size: 0.75rem;
}

.smsProfileTxt {
    color: #333;
    margin-top: 5px;
    font-size: 0.9rem;
    font-weight: 700;
}

.msgExBox {
    background: #b2c7da;
    min-height: 250px;
    height: 350px;
    padding: 2.4rem 0 1.7rem 2.8rem;
    border-radius: 1.2rem;
    overflow-y: auto;
}

.msgExTemplate {
    width: 70%;
    height: 90%;
}

.msgExProfile {
    position: absolute;
    width: 35px;
    height: 35px;
    background: #333;
    text-align: center;
    line-height: 2.4;
    border-radius: 2rem;
    left: 10px;
    top: 15px;
}

.msgExProfile::before {
    font-family: "Font Awesome 5 Free";
    content: "\f54e";
    font-weight: 800;
    color: #fff;
    font-size: 0.85rem;
}

.msgExProfile-header {
    position: absolute;
    left: 50px;
    max-width: 250px;
    top: 15px;
    font-size: 0.75rem;
    color: #333;
    font-weight: 700;
}

.msgExHeader {
    background: #ffea35;
    border-top-left-radius: 1.2rem;
    border-top-right-radius: 1.2rem;
    border: 1px solid #e5e9f2;
    padding: 0.5rem 0 0.5rem 1rem;
    color: #000;
}

.msgExContent {
    padding: 1rem;
    color: #000;
    line-height: 1.6;
    font-size: 0.75rem;
    background: #FFF;
    border: 1px solid #e5e9f2;
}

.msgExContent.AT {
    border-bottom-left-radius: 1.2rem;
    border-bottom-right-radius: 1.2rem;
}

.msgExContent.FT {
    border-radius: 1.2rem;
}

.set-coupon-option__container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.set-coupon-option__change-option {
    font-size: 14px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0.25rem;
    padding: 0 8px;
    font-weight: 700;
    color: #8a909d;
}

@media (min-width: 1200px) {
    .set-coupon-option__change-option {
        font-size: 14px;
    }
}

.set-coupon-option__change-option:hover {
    color: #4e78d7;
}

.set-coupon-option__return-to-default-option {
    font-size: 14px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0.25rem;
    padding: 0 8px;
    font-weight: 700;
    color: #8a909d;
}

@media (min-width: 1200px) {
    .set-coupon-option__return-to-default-option {
        font-size: 14px;
    }
}

.set-coupon-option__return-to-default-option:hover {
    color: #4e78d7;
}

.set-message-option__container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.set-message-option__change-option {
    font-size: 14px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0.25rem;
    padding: 0 8px;
    font-weight: 700;
    color: #8a909d;
}

@media (min-width: 1200px) {
    .set-message-option__change-option {
        font-size: 14px;
    }
}

.set-message-option__change-option:hover {
    color: #4e78d7;
}

.set-message-option__return-to-default-option {
    font-size: 14px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0.25rem;
    padding: 0 8px;
    font-weight: 700;
    color: #8a909d;
}

@media (min-width: 1200px) {
    .set-message-option__return-to-default-option {
        font-size: 14px;
    }
}

.set-message-option__return-to-default-option:hover {
    color: #4e78d7;
}

.set-input-number::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.set-discount-unit__container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.set-discount-unit__won-input {
    display: none !important;
}

.set-discount-unit__won-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    margin-left: 5px;
    border-radius: 0.25rem;
    padding: 0 8px;
    font-size: 13px !important;
    border: 1.5px solid #ADB1BA;
    /* color: #4e78d7 !important; */
	font-weight:400;
}

.set-discount-unit__won-label:hover {
    cursor: pointer;
}

.set-discount-unit__won-input:checked+label {
    background-color: #4e78d7 !important;
    color: white !important;
}

.set-discount-unit__percentage-input {
    display: none !important;
}

.set-discount-unit__percentage-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    margin-left: 5px;
    border-radius: 0.25rem;
    padding: 0 8px;
    font-size: 13px !important;
    border: 1.5px solid #ADB1BA;
    /* color: #4e78d7 !important; */
}

.set-discount-unit__percentage-label:hover {
    cursor: pointer;
}

.set-discount-unit__percentage-input:checked+label {
    background-color: #ADB1BA !important;
    color: white !important;
}

#guide-coupon-period {
    position: absolute;
    color: #dc3545;
    font-weight: 500;
    font-size: 12px;
    top: 93%;
}

#guide-coupon-discount {
    position: absolute;
    color: #dc3545;
    font-weight: 500;
    font-size: 12px;
    top: 93%;
}

.coupon-period-unit {
    margin-left: 10px;
}

#couponType {
    background-color: rgba(0, 0, 0, 0.03) !important;
}

.select-coupon-min-condition {
    height: 100%;
}

.select-coupon-min-condition__container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.select-coupon-min-condition__select {
    width: 80px;
    font-weight: 400;
    height: 90%;
    margin-left: 5px;
    border-radius: 0.25rem;
    border: 1.5px solid #ADB1BA !important;
    /* color: #4e78d7; */
    font-size: 13px;
}

.select-coupon-min-condition__select:focus {
    border: 1.5px solid #ADB1BA !important;
}

.select-coupon-min-condition__option {
    font-weight: 400;
    border: 1.5px solid #ADB1BA !important;
    font-size: 14px;
}

.input-coupon-max-condition::-webkit-inner-spin-button,
.input-coupon-min-condition::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.select-coupon-max-condition {
    height: 100%;
}

.select-coupon-max-condition__container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.select-coupon-max-condition__select {
    width: 80px;
    font-weight: 400;
    height: 100%;
    margin-left: 5px;
    border-radius: 0.25rem;
    border: 1.5px solid #ADB1BA !important;
    /* color: #4e78d7; */
    font-size: 13px;
}

.select-coupon-max-condition__select:focus {
    border: 1.5px solid #4e78d7 !important;
}

.select-coupon-max-condition__option {
    font-weight: 400;
    border: 1.5px solid #4e78d7 !important;
    font-size: 14px;
}

#guide-coupon-max-condition {
    position: absolute;
    color: #dc3545;
    font-weight: 500;
    font-size: 12px;
    top: 93%;
}

#guide-coupon-min-condition {
    position: absolute;
    color: #dc3545;
    font-weight: 500;
    font-size: 12px;
    top: 93%;
}

#couponDisc.freeze {
    background-color: rgba(0, 0, 0, 0.03) !important;
}

#couponMaxCondi.freeze {
    background-color: rgba(0, 0, 0, 0.03) !important;
}

#couponMinCondi.freeze {
    background-color: rgba(0, 0, 0, 0.03) !important;
}

#guideCouponDiscountWon {
    position: absolute;
    color: #dc3545;
    font-weight: 500;
    font-size: 12px;
    top: 93%;
}

#guideCouponDiscountPercentage {
    position: absolute;
    color: #dc3545;
    font-weight: 500;
    font-size: 12px;
    top: 93%;
}

#guideCouponName {
    position: absolute;
    color: #dc3545;
    font-weight: 500;
    font-size: 12px;
    top: 93%;
}

#guideMessageTitle {
    position: absolute;
    color: #dc3545;
    font-weight: 500;
    font-size: 12px;
    top: 93%;
}

#guideMessageTextArea {
    white-space: normal;
    color: #dc3545;
    font-weight: 500;
    font-size: 12px;
    top: 100%;
}

.set-discount-unit__won-label.disabled {
    opacity: 0.7;
}

.set-discount-unit__percentage-label.disabled {
    opacity: 0.7;
}

.coupon-option-label {
    padding-right: 0px;
}

.no-user-warning {
    background-color: transparent;
    color: #8a909d;
}

.no-user-warning__container {
    background-color: white;
    padding: 10px 20px;
    border-radius: 6px;
    border: 1px solid #ced4da;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: absolute;
    right: 100px;
    top: 0px;
    z-index: 100;
    -webkit-box-shadow: 5px 5px 5px #ced4da;
    box-shadow: 5px 5px 5px #ced4da;
}

@media (max-width: 575.9px) {
    .no-user-warning__container {
        right: 93px;
    }
}

.no-user-warning__container::before {
    border-color: white transparent;
    border-style: solid;
    border-width: 0 8px 15px 8px;
    content: "";
    display: block;
    position: absolute;
    width: 0;
    z-index: 1;
    right: -14px;
    top: 20%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.no-user-warning__container::after {
    border-color: #ced4da transparent;
    border-style: solid;
    border-width: 0 8px 15px 8px;
    content: "";
    display: block;
    position: absolute;
    width: 0;
    z-index: 0;
    right: -16px;
    top: 20%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.no-user-warning__paragraph {
    font-size: 15px;
    font-weight: 500;
}

@media (max-width: 575.9px) {
    .no-user-warning__paragraph {
        font-size: 10.5px;
    }
}

.no-user-warning__link {
    color: #4e78d7;
    text-decoration: underline;
    text-underline-position: under;
}

.no-user-warning__link:hover {
    color: #0050ff;
    text-decoration: underline;
}

.no-user-warning__text--color--red {
    font-size: 14px;
    color: #dc3545;
    top: 105%;
    left: 0px;
}

@media (max-width: 575.9px) {
    .no-user-warning__text--color--red {
        font-size: 10.5px;
    }
}

.personal-coupon-warning {
    background-color: transparent;
    color: #8a909d;
}

.personal-coupon-warning__container {
    background-color: white;
    padding: 10px 20px;
    border-radius: 6px;
    border: 1px solid #ced4da;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: absolute;
    right: 100px;
    top: 0px;
    z-index: 100;
    -webkit-box-shadow: 5px 5px 5px #ced4da;
    box-shadow: 5px 5px 5px #ced4da;
}

@media (max-width: 575.9px) {
    .personal-coupon-warning__container {
        right: 93px;
    }
}

.personal-coupon-warning__container::before {
    border-color: white transparent;
    border-style: solid;
    border-width: 0 8px 15px 8px;
    content: "";
    display: block;
    position: absolute;
    width: 0;
    z-index: 1;
    right: -14px;
    top: 20%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.personal-coupon-warning__container::after {
    border-color: #ced4da transparent;
    border-style: solid;
    border-width: 0 8px 15px 8px;
    content: "";
    display: block;
    position: absolute;
    width: 0;
    z-index: 0;
    right: -16px;
    top: 20%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.personal-coupon-warning__paragraph {
    font-size: 15px;
    font-weight: 500;
}

@media (max-width: 575.9px) {
    .personal-coupon-warning__paragraph {
        font-size: 10.5px;
    }
}

.next-page-button.freeze {
    cursor: auto;
    color: white;
    background-color: #4e78d7;
    border-color: #4e78d7;
}

/*# sourceMappingURL=rank-up.css.map */

.chatGPT-warning-tooltip {
    position: absolute;
    width: 350px;
    padding: 15px;
    background-color: #f9f9f9;
    z-index: 9;
    -webkit-transition: 200ms linear;
    transition: 200ms linear;
    border-radius: .25rem;
}

.chatGPT-warning-tooltip.right {
    left: 100%;
    top: 55%;
}

.chatGPT-warning-tooltip.right::after {
    left: -20px;
    width: 0;
    position: absolute;
    content: "";
    top: 45%;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-right: 10px solid #f9f9f9;
    border-left: 10px solid transparent;
}

.chatGPT-warning-tooltip.bottom {
    top: 105%;
}

@media (min-width: 992px) {
    .chatGPT-warning-tooltip.bottom {
        top: 95%;
    }
}

.chatGPT-warning-tooltip.bottom::after {
    top: -20px;
    left: 45%;
    width: 0;
    position: absolute;
    content: "";
    border-bottom: 10px solid #f5f5f5;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}


.contents .text-xl.text-black {
    font-size: 34px;
}

span.text-sm-normal {
    color: #808080;
    font-size: 18px;
}

button.btn-outline-ninecube-gray {
    width: 78px;
    height: 29px;
    padding: inherit;
    color: black;
    border: 1px solid #ADB5BA;
}

#date-widget div.text-right span {
    font-size: 18px;
}

#date-widget div.text-right .text-lg-bold {
    font-size: 18px !important;
}

#date-widget span.text-sm-normal {
    color: black;
}

#date-widget .text-md-bold {
    display: inline-block;
    min-width: 68px;
    height: 30px;
    line-height: 30px;
    padding-right: 10px;
    text-align: right;
    font-size: 14px;
}

#date-widget .text-md-bold.radius {
    float: left;
    border: 1px solid #FE5461;
    border-radius: 5px;
    font-size: 14px !important;
}

#date-widget .text-md-bold.blue.radius {
    text-align: center;
    padding-right: inherit;
    border: 1px solid #4F74D4;
    border-radius: 5px;
    font-size: 14px !important;
}

span.text-sm-normal.pt12.d-inline-block {
    color: #808080 !important;
}

.nav.nav-tabs li {
    position: relative;
    padding-left: 0;
    padding-right: 0;
}

.nav.nav-tabs li a {
    text-align: center;
}

.content .card.h-100 {
    border-top: 0;
}













/* kim yong kwan publisher */

.nav.nav-tabs li.nav-item a.nav-link.active:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 3px;
    background: #4F74D4;
	border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.coupon-option-label {
    font-size: 13px !important;
}

.coupon-setup {
    margin: 0 1.25rem;
    padding-left: 0;
    padding-right: 0;
}

span.coupon-period-unit {
    color: black;
    font-weight: normal;
    font-size: 13px;
}

.set-coupon-option__return-to-default-option {
    padding-right: 0;
}

.text-black.sound p {
    display: inline-block;
    font-size: 18px;
}
span.ico-crown { position:absolute; left: calc(50% - 13px); top:-18px; }
span.ico-crown img { width:26px; height:auto; }
.txt-nc { position:relative; font-size:16px; font-weight:500; color:black; white-space: normal!important; }
.txt-nc img { position:absolute; left:0px; top:5px; vertical-align:-2px; }
.txt-nc > span { display:block; margin-left:30px; }

.coupon-n {
  height: 68px;
  border-radius: 4px;
  padding: 10px 10px;
  position: relative;
  -webkit-transition: 200ms all;
  transition: 200ms all;
}
.coupon-n.blue { 
	border:1px solid #4F77D7;
	background-color: #EFF3F7;
	-webkit-transition: 200ms all;
    transition: 200ms all;
}
.coupon-n.green { 
	border:1px solid #18B17F;
	background-color: #ECF9F5;
	-webkit-transition: 200ms all;
    transition: 200ms all;
}
.coupon-n.red { 
	border:1px solid #FE5461;
	background-color: #FEF4F5;
	-webkit-transition: 200ms all;
    transition: 200ms all;
}
.coupon-n:hover .col-8 > div { color:white!important; }
.coupon-n.blue:hover { 
	border:1px solid #4F77D7;
	background:#9FB4E6;
	-webkit-transition: 200ms all;
    transition: 200ms all;
}
.coupon-n.green:hover { 
	border:1px solid #18B17F;
	background:#A2E4CE;
	-webkit-transition: 200ms all;
    transition: 200ms all;
}
.coupon-n.red:hover { 
	border:1px solid #FE5461;
	background:#FFD0D3;
	-webkit-transition: 200ms all;
    transition: 200ms all;
}
.coupon-n.blue.on { 
	border:1px solid #4F77D7;
	background:#4F77D7;
	-webkit-transition: 200ms all;
    transition: 200ms all;
	box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.2);	
}
.coupon-n.green.on { 
	border:1px solid #18B17F;
	background:#18B17F;
	-webkit-transition: 200ms all;
    transition: 200ms all;
	box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.2);
}
.coupon-n.red.on { 
	border:1px solid #FE5461;
	background:#FE5461;
	-webkit-transition: 200ms all;
    transition: 200ms all;
	box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.2);
}

.coupon-n.on .col-8 div { 
	color:white!important;
	-webkit-transition: 200ms all;
    transition: 200ms all;
}

.coupon-n::after {
  position: absolute;
  content: "";
  height: 30px;
  right: -1px;
  border-radius: 40px;
  z-index: 1;
  top: 17px;
  background-color: white;
  width: 16px;
  border-radius: 150px 0 0 150px;
  border:1px solid;
  border-color: #4F77D7 white #4F77D7 #4F77D7;
}

.coupon-n::before {
  position: absolute;
  content: "";
  height: 30px;
  left: -1px;
  border-radius: 40px;
  z-index: 1;
  top: 17px;
  background-color: white;
  width: 16px;
  border-radius: 0 150px 150px 0;
  border:1px solid;
  border-color: #4F77D7 #4F77D7 #4F77D7 white;
}

.coupon-n.blue::after {
  border-color: #4F77D7 white #4F77D7 #4F77D7;
}
.coupon-n.green::after {
  border-color: #18B17F white #18B17F #18B17F;
}
.coupon-n.red::after {
  border-color: #FE5461 white #FE5461 #FE5461;
}

.coupon-n.blue::before {
  border-color: #4F77D7 #4F77D7 #4F77D7 white;
}
.coupon-n.green::before {
  border-color: #18B17F #18B17F #18B17F white;
}
.coupon-n.red::before {
  border-color: #FE5461 #FE5461 #FE5461 white;
}
.coupon-n .col-8 div { /* padding-left:18px; */ padding-top:8px; font-size:16px; font-weight:700; }
.coupon-n.blue .col-8 div { color:#214CA8; }
.coupon-n.green .col-8 div { color:#18B17F; }
.coupon-n.red .col-8 div { color:#FE5461; }
.coupon-n .col-4 p { width:50px; height:30px; line-height:30px; margin-top:9px; border-radius:100px; background:#FFDC00; color:#4F77D7; font-size:13px; text-align:center; font-weight:700; }

.nav-tabs .nav-item .nav-link { font-size:18px; padding-left:0; padding-right:0; }
p.coupon-txt { padding-top:20px; font-size:14px; font-weight:400; color:black; white-space: normal!important; }
.horizon-bar { top:51%; border:1px dashed #E5E9F2; }
.card.mem-condi { position:relative; /* background:url('../img-new/common/four-arrows-4x.png') no-repeat center center / 200px auto; */ }
.emoji-neutral { background:url('../img-new/emoji/png/emoji-neutral.png') no-repeat center center / 120px auto; }
.mem-condi .centerbarEmoji { background:url('../img-new/common/four-arrows-4x.png') no-repeat center center / 200px auto; }
.mem-condi .col ul { line-height:20px; }
.mem-condi ul li { list-style:none; }
.mem-condi .txt { font-size:24px; font-weight:700; text-decoration:underline; }
.mem-condi div.row { margin-left:0; margin-right:0; }
.mem-condi div.row .col { padding-left:0; padding-right:0; }
.txt-red { color:#FE626F; }
.txt-blue { color:#4F74D4; }
.txt-small { font-size:13px; font-weight:700; }
.row.bot { position:absolute; left:15px; right:auto; bottom:0; width:100%; }
.relative { position:relative; }
.emoji-l-r { position:absolute; top:50%; left:auto; right:auto; transform:translateY(-50%); width:100%; }
.emoji-l-r .frown { background:url('../img-new/emoji/png/emoji-frown.png') no-repeat center top / 56px auto; }
.emoji-l-r .smile { background:url('../img-new/emoji/png/emoji-smile.png') no-repeat center top / 56px auto; }
.emoji-l-r .left,
.emoji-l-r .right { height:56px; }
.emoji-l-r span { display:block; line-height:140px; color:#666; font-size:16px; font-weight:400; text-align:center; text-decoration:underline; }
.pt12 {
    padding-top: 12px !important;
}
.emoji {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/* Responsive */

@media (max-width: 1800px) {
	/* .txt-nc { font-size:13px; } */
}
@media (min-width: 1650px) {
    .wrappers p.text-lg-bold.text-black.font-weight-bold.grade {
        font-size: 28px !important;
    }
	/* span.ico-crown { top:-18px!important; } */
}

@media (max-width: 1600px) {
    .ico-sound {
        position: absolute;
        left: 15px;
        top: calc(50% - 11px);
        width: 23px !important;
        height: auto;
    }
	.text-black.sound {
        position: relative;
        padding-left: 35px;
    }
	.text-black.sound p { padding-left:20px }
	.text-black.sound span.txt {
        padding-left: 0px !important;
    }
	.mem-condi .txt { font-size:18px; }
}

@media (min-width: 1500px) {
	.row.px-0 .divider { position:relative; padding-left:25px; }
	.row.px-0 .divider:before { position: absolute; content: ''; top: 0px; left: 0px; height: 100%; width: 1px; background:#E5E9F2; }

	.container-right.divider { position:relative; padding-left:25px; }
	.container-right.divider:before { position: absolute; content: ''; top: 90px; left: 0px; height: 100%; width: 1px; background:#E5E9F2; }

	.coupon-recomm { padding-right:25px; }
	.mem-condi { min-height: calc(100vh - 396px); }
	.centerbarEmoji { height:350px; }
	/* .emoji-neutral { background:url('../img-new/emoji/png/emoji-neutral.png') no-repeat center center / 120px auto; } */
}

@media (max-width: 1499px) {
	p > .text-xl.text-black { font-size:20px!important; }
	.wrappers p.text-lg-bold.text-black.font-weight-bold.grade { font-size:18px!important; }
	#date-widget div.text-right .text-lg-bold,
	#date-widget .text-md-bold.radius,
	#date-widget div.text-right span,
	span.text-sm-normal { font-size:13px!important; }
	.contents > div.btn-prev-week { top:0!important; }
	.col > div > span.text-lg-bold.font-weight-bold.text-dark.countAni { line-height:30px; }
	.horizon-bar { top: 50%; }
	.centerbarEmoji { height: 230px; }
	.mem-condi .centerbarEmoji { background: url('../img-new/common/four-arrows-4x.png') no-repeat center center / 135px auto; }
	.emoji-neutral { background: url(../img-new/emoji/png/emoji-neutral.png) no-repeat center center / 80px auto; }
	.emoji { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
	.mem-condi .txt { font-size: 16px; }
	.centerbarEmoji .row.pl-3.pr-3.pt-4 { padding-top:1rem!important; }
	.emoji-l-r .smile { background: url('../img-new/emoji/png/emoji-smile.png') no-repeat center 7px / 40px auto; }
	.emoji-l-r .grin { background: url('../img-new/emoji/png/emoji-grin.png') no-repeat center 7px / 40px auto; }
	.emoji-l-r .frown { background: url('../img-new/emoji/png/emoji-frown.png') no-repeat center 7px / 40px auto; }
	.emoji-l-r .neutral { background: url('../img-new/emoji/png/emoji-smile.png') no-repeat center 7px / 40px auto; }
	.emoji-l-r span { line-height: 120px; font-size:14px; }
}
@media (min-width: 1200px) {
	.text-black.sound p { padding-left:20px; }
	.text-black.sound p span:first-child { padding-left:0!important; }
	.text-black.sound p span { position: relative; top: 3px;  }
	div.container-right > .alert.bg-lightbluegray { margin-top:0!important; }
	span.ico-crown { position:absolute; left: calc(50% - 13px); top:-8px; }
	.reco-th.crown { font-size: 18px; }
}

@media screen and (min-width : 769px) and (max-width : 1499px) {
	.nav-tabs .nav-item .nav-link { font-size:18px; padding-left:0; padding-right:0; }
	section#leftContentWrapper { padding-left:15px; padding-right:0; }
}

@media (min-width: 769px) {
	.col-sm-5 .form-group > label { position:relative; }
	.col-sm-5 .form-group > label:before { position: absolute; content: ''; top: 0px; left: 0px; height: 40px; width: 1px; background:#E5E9F2; }
}

@media (max-width: 768px) {
    .wrappers p.text-lg-bold.text-black.font-weight-bold.grade {
        font-size: 18px !important;
    }
    .nav-tabs .nav-item .nav-link {
        padding-left: 0;
        padding-right: 0;
    }
    .text-black.sound {
        position: relative;
        padding-left: 35px;
    }
	.text-black.sound p { padding-left:0; }
    .text-black.sound span {
        /* margin-top:-25%;  */
    }
    .ico-sound {
        position: absolute;
        left: 0;
        top: calc(50% - 11px);
        width: 23px !important; 
        height: auto;
    }
    .text-black.sound span.txt {
        padding-left: 0px !important;
    }
    .text-black.sound p {
        font-size: 14px!important;
    }
	.col > div > span.text-lg-bold.font-weight-bold.text-dark.countAni { line-height:30px; }
	.set-message-option__return-to-default-option { padding:0!important; }
	div > i.ml-1, 
	div > i.mx-1 { margin-left:0!important; }
	.nav-tabs .nav-item .nav-link { font-size:13px; padding-left:0; padding-right:0; }
	span.ico-crown { top:-10px!important; }
	.coupon-n .col-4 { padding-left:0; }
	/* p > .text-xl.text-black { font-size:20px!important; } */
	p.coupon-txt { padding-left:10px; text-indent: -16px; letter-spacing: -1px; text-align:left!important;}
	.txt-nc > span { font-size:13px; }
	.form-group, 
	.input-group { margin-bottom:12px; }
	section#leftContentWrapper { /* padding-left:0; */ }
	section.col.text-truncate { /* padding-left:0; padding-right:0; */ }
	.copyright { padding-right:1.25rem; }

@media (min-width: 576px) {
	
}