/* ========================================== COMMON CSS ==================================================*/
/* ========================================================================================================*/
/* ========================================================================================================*/
@charset "utf-8";

/*@font-face {*/
/*font-family: 'KoPubDotumBold';*/
/*src: url('../fonts/KopubDotum/KoPubDotumBold.ttf');*/
/*}*/

/*@font-face {*/
/*font-family: 'KoPubDotumLight';*/
/*src: url('../fonts/KopubDotum/KoPubDotumLight.ttf');*/
/*}*/

/*@font-face {*/
/*font-family: 'KoPubDotumMedium';*/
/*src: url('../fonts/KopubDotum/KoPubDotumMedium.ttf');*/
/*}*/

:root {
    --rtem-color: #313131;
    --rtem-color-green: #48d1cc;
    --rtem-color-red: #cc0000;
    --rtem-color-light-gray: #9a9a9a;
    --rtem-color-gray: #c9c9c9;
    --rtem-color-white: #fff;
    --rtem-color-blue: #0073cc;
    --rtem-color-light: #f9f9f9;

    /*
    font size table
    *---------------------------------------------------*
    |    27.79pt      |      20pt    |      3.20vmin      |
    |    30.57pt      |      22pt    |      3.50vmin      |
    |    33.34pt      |      24pt    |      3.70vmin      |
    |    36.12pt      |      26pt    |      4.00vmin      |
    |    38.89pt      |      28pt    |      4.25vmin      |
    |    41.68pt      |      30pt    |      4.50vmin      |
    |    44.44pt      |      32pt    |      4.75vmin      |
    |    47.23pt      |      34pt    |      5.00vmin      |
    *---------------------------------------------------*
    */
    --rtem-fs-h1: 5vmin; /* = 34pt */
    --rtem-fs-h2: 4.75vmin; /* = 32pt */
    --rtem-fs-h3: 4.5vmin; /* = 30pt */
    --rtem-fs-h4: 4.25vmin; /* = 28pt */
    --rtem-fs-h5: 4vmin; /* = 26pt */
    --rtem-fs-normal: 3.7vmin; /* = 24pt */
    --rtem-fs-small: 3.5vmin; /* = 22pt */
    --rtem-fs-xs: 3.2vmin; /* = 20pt */

    --rtem-border-thin-dark: 1px solid #c9c9c9;
    --rtem-border-thin-light: 1px solid #ebebeb;
    --rtem-border-input: 1px solid #e7e7e7;
    --rtem-border-thin-black: 1px solid #313131;
    --rtem-border-thick-light: 2px solid #f9f9f9;
    --rtem-border-item-light: 1px solid #f9f9f9;

    --rtem-padding: 4.2vmin;
    --rtem-padding-left-right: 0 4.2vmin;

    --rtem-size-sm: 10.6vmin;
}

.md body {
    /*font-family: 'KoPubDotumLight';*/
    color: #000000;
    letter-spacing: 0vmin;
    background: #fff;
    font-size: 3.7vmin;
}

* {
    box-sizing: border-box;
}

.md a {
    color: #313131;
}

/* color CSS */

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.font-light {
    /*font-family: 'KoPubDotumLight';*/
}

.font-bold {
    /*font-family: 'KoPubDotumBold';*/
}

.font_bold {
    font-weight: bold;
}

.font-medium {
    /*font-family: 'KoPubDotumMedium';*/
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.rtem-row:before,
.rtem-row:after {
    content: '';
    display: table;
}

.rtem-row:after {
    clear: both;
}

/* ========================================================================================================*/
/* ============================================ PAGE CSS ==================================================*/
/* ========================================================================================================*/

/* common CSS */

.find_img {
    width: 10vmin;
    margin: auto;
}

.chat_profile {
    width: 12.78vmin;
    height: 12.78vmin;
    border-radius: 6.39vmin;
    object-fit: cover;
    border: 1px solid #f3798b;
}

.chat_name {
    color: #000000;
    font-size: 3.33vmin;
    margin-left: 2vmin;
}

.chat_title {
    color: #a2a2a2;
    font-size: 3.33vmin;
}

.logout {
    width: 5.56vmin;
    margin-right: 4vmin;
    margin-top: 4vmin;
}

.btn_cancel {
    background: #f7f7f7;
    color: #a2a2a2;
    font-size: 4.44vmin;
    line-height: 14vmin;
    text-align: center;
}

.btn_ok {
    background: #0f4c82;
    color: #ffffff;
    font-size: 4.44vmin;
    line-height: 14vmin;
    text-align: center;
}

.result_label {
    color: #000000;
    font-size: 6.67vmin;
    width: 100%;
    text-align: center;
}

.result_label_small {
    color: #000000;
    font-size: 5vmin;
    width: 100%;
    text-align: center;
}

.confirm_title {
    width: 100%;
    text-align: center;
    font-size: 4.44vmin;
    color: #000000;
    margin-top: 2vmin;
    padding: 4vmin;
}

.panel-left {
    width: 80vmin;
}

.profile_image {
    width: 17.5vmin;
    height: 17.5vmin;
    border-radius: 17.5vmin;
    object-fit: cover;
}

.profile_label {
    color: #000000;
    font-size: 5.55vmin;
}

.pen {
    width: 4.44vmin;
    vertical-align: middle;
    margin-top: -10vmin;
}

.panel_list {
    width: 10vmin;
    margin: auto;
}

.panel_label {
    font-size: 3.33vmin;
    color: #000000;
    width: 100%;
    text-align: center;
    margin-top: 2vmin;
}

.panel_group_img {
    width: 5.55vmin;
    margin-right: 5vmin;
    vertical-align: text-bottom;
}

.panel_info {
    color: #0f4c82;
    font-size: 2.77vmin;
    width: 100%;
    text-align: center;
    line-height: 5vmin;
}

.panel_group {
    background: transparent;
    border-top-right-radius: 8vmin;
    border-bottom-right-radius: 8vmin;
    padding-left: 5vmin;
}

.panel_group_selected {
    background: #dbe6ef !important;
}

.panel_group_label {
    color: #a2a2a2;
    font-size: 3.88vmin;
}

.panel_group_label_selected {
    color: #0f4c82 !important;
}

.map_search_label {
    color: #6b6b6b;
    font-size: 2.5vmin;
}

.map_sister {
    background: #0f4c82;
    font-size: 4.44vmin;
    color: #ffffff;
    height: 100%;
    border-radius: 3vmin;
    text-align: center;
    line-height: 13vmin;
}

.map_filter {
    position: absolute;
    background: #ffffff;
    border-radius: 2vmin;
    width: 15vmin;
    top: 5vmin;
    left: 82%;
    z-index: 10;
}

.map {
    min-width: 100%;
    max-width: 1000%;
}

.map_plus {
    width: 7.5vmin;
    margin: auto;
}

.search_cnt {
    color: #000000;
    font-size: 4.44vmin;
}

.join_input {
    width: 100%;
    font-size: 4.44vmin !important;
    padding-left: 5vmin !important;
    background: #f7f7f7 !important;
    line-height: 14vmin !important;
    border-radius: 2vmin !important;
}

.join_step_input {
    width: 100%;
    font-size: 3.88vmin !important;
    padding-left: 5vmin !important;
    background: #f7f7f7 !important;
    line-height: 14vmin !important;
    border-radius: 2vmin !important;
}

.join_btn {
    font-size: 4.44vmin !important;
    width: 100%;
    border-radius: 1vmin !important;
    background: #0f4c82 !important;
    height: 13vmin !important;
    line-height: 13vmin;
    text-align: center;
    color: #ffffff;
}

.join_step {
    text-align: center;
    background: #f7f7f7;
    line-height: 11.67vmin;
    border-radius: 6vmin;
    color: #a2a2a2;
    font-size: 3.33vmin;
    margin-left: 3vmin;
    width: 86vmin !important;
}

.join_current {
    border-radius: 6vmin;
    background: #0f4c82;
    color: #ffffff;
}

.join_label {
    font-size: 4.44vmin;
    color: #000000;
}

.profile_img {
    width: 25vmin;
    height: 25vmin;
    object-fit: cover;
}

.que_img {
    width: 19.4vmin;
    height: 19.4vmin;
    object-fit: cover;
}

.small_close {
    width: 3vmin;
    position: absolute;
    margin-left: 20vmin;
    margin-top: 2vmin;
}

.grade_label {
    position: absolute;
    font-size: 3.88vmin !important;
    padding-left: 5vmin !important;
    padding-top: 3.8vmin;
}

.extra_label {
    width: 100%;
    text-align: center;
    color: #323334;
    font-size: 3.61vmin;
    margin-top: 3vmin;
}

.extra_comment {
    font-size: 2.78vmin;
    color: #a2a2a2;
    border: 1px solid #a2a2a2;
    border-radius: 2vmin;
    padding: 3vmin;
}

.toast-text {
    margin: auto;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    text-align: right;
    width: 95%;
    bottom: inherit;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 3px;
}

.swiper-pagination-bullet {
    width: 6px;
    height: 6px;
}

.md .swiper-pagination-bullet-active {
    background: #000000;
}

.foot_home {
    margin: auto;
    width: 5.55vmin;
}

.foot_label {
    color: #d8d8d8;
    font-size: 3.33vmin;
    width: 100%;
    text-align: center;
}

.order_label {
    color: #a2a2a2;
}

.empty_img {
    margin: auto;
    width: 30vmin;
}

.empty_label {
    width: 100%;
    text-align: center;
    margin-top: 5vmin;
    font-size: 4.4vmin;
}

.foot_selected {
    color: #000000 !important;
}

.side_menu_left {
    width: 5.61vmin !important;
    vertical-align: middle;
    margin-left: 4.74vmin;
}

.page_footer {
    background: #ffffff;
    height: 15vmin;
}

.page_join_footer {
    background: #f7f7f7;
    height: 14vmin;
}

.timer {
    width: 5.56vmin;
    position: absolute;
    margin-left: 34vmin;
    margin-top: 4vmin;
}

.time_label {
    color: #f3582d;
    font-size: 3.88vmin;
    position: absolute;
    margin-left: 41vmin;
    margin-top: 4vmin;
    font-weight: bold;
}

.bottom_line {
    height: 1px;
    background: #d8d8d8;
}

.login_find_id {
    text-align: center;
    height: 12vmin;
    line-height: 12vmin;
}

.main_block {
    background: #ffffff;
    border-radius: 2vmin;
    border: 1px solid #d8d8d8;
}

.logo {
    width: 3.07vmin;
    margin-right: 2vmin;
    vertical-align: sub;
}

.page-content {
    background: #f7f7f7;
}

.navbar_main.sliding {
    background-color: white;
    border-bottom-left-radius: 4vmin;
    border-bottom-right-radius: 4vmin;
    box-shadow: 0 1px 9px rgba(0, 0, 0, .2) !important;
}

.navbar_filter.sliding {
    background-color: white;
    border-bottom: 0.56vmin solid #f7f7f7;
}

.navbar_join.sliding {
    background-color: white;
    border-bottom: none;
}

.navbar-inner.sliding {
    background-color: white;
}

.navbar_position.sliding {
    background-color: white;
    border-bottom-left-radius: 5vmin;
    border-bottom-right-radius: 5vmin;
    box-shadow: 0 1px 9px rgba(0, 0, 0, .2) !important;
}

.navbar {
    height: 15vmin !important;
    background: #f7f7f7 !important;
}

.page_title {
    color: #000000;
    font-size: 4.44vmin;
    margin: auto;
}

.main_title {
    color: #000000;
    font-size: 3.33vmin;
    margin: auto;
}

.md .messages, .md .messages-content {
    background: #ffffff !important;
    padding: 4vmin;
}

.md .messagebar:before {
    height: 0px !important;
}

.message_send {
    position: absolute;
    color: #ffffff;
    background: #2b7fc9;
    font-size: 3.33vmin;
    margin-top: 2.5vmin;
    margin-left: 73vw;
    padding: 2vmin 6vmin;
    border: 1px solid #908d8d;
}

.md .messagebar textarea {
    background: #ffffff;
    padding: 3vmin 30vmin 3vmin 3vmin;
    height: 100% !important;
    border: 1px solid #908d8d;
}

.md .message-received .message-text:before {
    position: absolute;
    content: '';
    border-left: 0px solid transparent;
    border-right: 2.5vmin solid transparent;
    border-bottom: 2.5vmin solid #f7f7f7;
    width: 0;
    height: 0;
    left: 0;
    top: 0;
}

.md .message-sent .message-text:before {
    position: absolute;
    content: '';
    border-right: 0px solid transparent;
    border-left: 2.5vmin solid transparent;
    border-bottom: 2.5vmin solid #f7f7f7;
    width: 0;
    height: 0;
    top: -1vmin;
    right: 8px;
}

.messagebar-area {
    background: #f7f7f7;
}

.message {
    max-width: 88%;
}

.md .message-sent.message-tail .message-bubble:before {
    content: none;
}

.md .message-received.message-tail .message-bubble:before {
    content: none;
}

.md .message-received.message-tail .message-bubble {
    border-top-right-radius: 5vmin;
    border-bottom-right-radius: 5vmin;
    color: #222222;
    font-size: 3.73vmin;
    padding-left: 0vmin;
    padding-top: 2vmin;
    margin-top: 2vmin;
}

.md .message-sent {
    float: right;
}

.message:not(.message-last) .message-avatar {
    opacity: 1;
}

.message:not(.message-first) .message-name {
    display: inherit;
}

.md .message-received .message-bubble {
    border-top-right-radius: 5vmin;
    border-bottom-right-radius: 5vmin;
    color: #222222;
    font-size: 3.73vmin;
    padding-left: 0vmin;
    padding-top: 2vmin;
    margin-top: 2vmin;
}

.md .message-received .message-image {
    border-radius: 2vmin;
    height: 30vmin;
    width: 30vmin;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.md .message-sent.message-tail .message-bubble {
    border-radius: 5vmin;
    background: #367FFF;
    color: #ffffff;
    font-size: 3.73vmin;
    padding: 2vmin 4vmin 2vmin;
}

.md .message-sent .message-bubble {
    background: #ffffff !important;
}

.md .message-sent .message-bubble .message-text {
    background: #f7f7f7 !important;
    color: #5a5d5f;
    font-size: 3.33vmin;
    padding: 2vmin 4vmin 2vmin;
}

.md .message-date {
    text-align: right;
    margin-top: 1vmin;
    color: #a2a2a2;
    font-size: 2.22vmin;
}

.md .message-received .message-content {
    margin-top: -7vmin !important;
    margin-left: 9vmin !important;
    width: 100%;
}

.md .message-received .message-bubble .message-text {
    background: #f7f7f7 !important;
    color: #000000;
    font-size: 3.33vmin;
    padding: 2vmin 4vmin 2vmin;
}

.md .message-sent .message-bubble {
    float: right !important;
}

.md .message-sent .message-image {
    border-radius: 2vmin;
    width: 30vmin;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.md .message-avatar {
    width: 7.46vmin;
    height: 7.46vmin;
    border-radius: 3.73vmin;
    object-fit: cover;
}

.md .message-header, .md .message-name {
    margin-bottom: 0;
    font-size: 3.33vmin;
    color: #000000;
}

.row {
    width: 100%;
}

.md .button {
    color: #00a9e8;
}

.md .button.button-active, .md .button.button-fill, .md .button.button-fill-md, .md .button.tab-link-active {
    background-color: #367FFF;
    font-size: 4.27vmin;
    height: 13.6vmin;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.drop-list .list {
    max-height: 60vmin;
    overflow: scroll;
    text-align: left;
}

.page-content .data-table > table > thead > tr > th.checkbox-cell {
    width: 5vmin;
    padding-left: 3.5vmin;
    padding-right: 0vmin;
}

.page-content .data-table > table > tbody > tr > td.checkbox-cell {
    width: 5vmin;
    padding-left: 3.5vmin;
    padding-right: 0vmin;
}

.md .fab-buttons a, .md .fab > a {
    background: #367FFF;
    width: 14.4vmin;
    height: 14.4vmin;
    bottom: 2vmin;
    border-radius: 7.2vmin;
    font-size: 8vmin;
    color: #fff;
    -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);

}

.md .fab[class*="-bottom"] {
    bottom: 0px;
}

.hidden {
    display: none !important;
}

.md .card {
    margin: 0px;
    box-shadow: none;
}

.md .panel-backdrop {
    background: rgba(0, 0, 0, .55);
}

.md .list .item-inner:after {
    height: 0;
}

.md .list ul:after {
    height: 0;
}

.md .list ul:before {
    height: 0;
}

.md .links-list a, .md .list .item-link .item-inner {
    background-position: calc(100% - 10vmin) center;
}

.err-hidden {
    color: transparent !important;
}

.err_warning {
    color: #e35b5a !important;
    font-size: 3.2vmin;
    margin-top: 1vmin;
    margin-left: 5vmin;
}

.dialog-backdrop {
    background: rgba(0, 0, 0, .55) !important;
}

.md .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .page-content, .md .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .page-content {
    padding-top: 0px;
}

.md .block {
    margin: 0px;
    padding: 0 16px;
}

.search_input {
    height: 13.6vmin;
    width: 100%;
    display: inline-flex !important;
    background: #ffffff !important;
    color: #4D4F5C !important;
    font-size: 4vmin !important;
    padding-left: 12vmin !important;
    border-radius: 1vmin !important;
    box-shadow: 0 1px 9px rgba(0, 0, 0, .2) !important;
    border: 1px solid rgba(0, 0, 0, .2) !important;
}

.search_input::-webkit-input-placeholder {
    color: #9EC1FF;
}

.search_input_real::-webkit-input-placeholder {
    color: #CCCCCC !important;
}

.md .icon-back {
    background-image: url("../images/arrow_back.png") !important;
    width: 5.5vmin;
}


.md .icon-setting {
    background-image: url("../images/black_setting.png") !important;
    width: 5.56vmin;
    height: 5.56vmin;
}

.page.has-navbar {
    background-color: #f9f9f9;
}

.page .page-header {
    background-color: #fff;
    padding: 0 4.2vmin;
}

.page .page-body {
    background-color: #fff;
}

.page .page-header > h1 {
    margin: 0;
    height: 17.2vmin;
    line-height: 17.2vmin;
    /*font-family: 'KoPubDotumMedium';*/
    font-size: 4.4vmin;
    font-weight: normal;
}

.md .page .page-content.has-footer {
    padding-bottom: 24vmin;
}

.md .list .item-content {
    height: 13.3vmin;
    padding: 0;
    border-bottom: 1px solid #EFEFEF;
}

.select_block {
    background: #ffffff;
    border-radius: 2vmin;
    box-shadow: 0 1px 9px rgba(0, 0, 0, .2) !important;
    padding-top: 6vmin;
    padding-bottom: 6vmin;
    margin-bottom: 2vmin;
}

.select_address {
    padding-left: 8vmin;
    width: 100%;
}

.font_10 {
    font-size: 2.77vmin;
}

.font_11 {
    font-size: 3.05vmin;
}

.font_18 {
    font-size: 5vmin;
}

.font_13 {
    font-size: 3.6vmin;
}

.font_16 {
    font-size: 4.44vmin;
}

.select_button {
    height: 8.58vmin !important;
    width: 25vmin !important;
    background-color: #ffebe5 !important;
    color: #f67d5b !important;
    font-size: 3.33vmin !important;
    margin-top: 6vmin;
    line-height: 8.58vmin !important;
}

.filter_button {
    height: 7.2vmin;
    width: 19.4vmin;
    margin-top: 2.5vmin;
    line-height: 7.2vmin;
    border-radius: 4vmin;
    padding-left: 2.5vmin;
}

.filter_button_long {
    height: 7.2vmin;
    width: 23.3vmin;
    margin-top: 2.5vmin;
    line-height: 7.2vmin;
    border-radius: 4vmin;
    padding-left: 2.5vmin;
}

.filter_button_text {
    font-size: 2.77vmin;
    margin-left: 3.5vmin;
    color: #d0d0d0;
}

.color_blue {
    background-color: #0f4c82;
}

.lb_color_bule {
    color: #0e4c81;
}

.color_black {
    border: 1px solid #d0d0d0;
}

.add_place {
    width: 7.08vmin;
    margin-top: 10vmin !important;
    margin: auto;
}

.add_label {
    padding: 4vmin 0 !important;
    margin: auto;
    color: #b7b7b7;
    font-size: 4.44vmin;
}

.jelly_comment {
    margin-top: 9vmin;
    background: #ffffff;
    box-shadow: 0 1px 9px rgba(0, 0, 0, .2) !important;
    border-radius: 2vmin;
    margin-left: 3vmin;
    width: 94vmin;
}

.arrow_down {
    width: 2.75vmin;
    margin-right: 1vmin;
}

.filter {
    line-height: 11.4vmin;
    width: 100% !important;
    font-size: 3.33vmin;
    color: #b8b8b8;
}

.filter_image {
    width: 5.27vmin;
    margin-top: 3.5vmin;
}

.yb_star_image {
    width: 2.77vmin;
}

.yb_color {
    color: #f3582d
}

.gray_color {
    color: #b8b8b8
}

.md .chip.color-green {
    background-color: #3bb54a !important;
    position: absolute;
    margin-left: 3vmin;
    margin-top: 3vmin;
}

.chip-label {
    font-size: 3.33vmin;
}

.check_white {
    width: 3.4vmin;
    vertical-align: text-top;
    margin-right: 1vmin;
}

.check_button {
    height: 100%;
    width: 100%;
    border-top-left-radius: 3vmin;
    border-top-right-radius: 3vmin;
    color: #ffffff;
}

/* navbar css -------------------------------------------------------------------------*/
.page > .navbar,
.view > .navbar,
.views > .navbar {
    height: 11.1vmin;
    background: #fff;
    position: relative;
    color: #000000;
}

.navbar_edu {
    background: #ffffff !important;
}

.md .navbar:after {
    height: 0.0vmin;
    background: #c9c9c9;
    opacity: 0.5;
}

.md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) {
    top: 0px;
}

.md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ * .page-content, .md .navbar + .toolbar:not(.toolbar-bottom-md):not(.messagebar) ~ .page-content {
    padding-top: 0px;
}

.md .navbar ~ * .page-content,
.md .navbar ~ .page-content {
    height: calc(100% - 15vmin);
    background-color: #f7f7f7;
    padding: 0vmin;
}

.page[data-name="policy"] .md .tabbar ~ .page-content {
    height: calc(100% - 30vmin);
}

.md .navbar ~ .page_main {
    height: calc(100% - 30vmin);
    background-color: #f7f7f7;
    padding: 0vmin;
}

.md .navbar ~ .page_select {
    height: calc(100% - 15vmin);
    background-color: #f7f7f7;
    padding: 0vmin;
}

.md .navbar ~ .page_question {
    height: calc(100% - 34vmin);
    background-color: #f7f7f7;
    padding: 0vmin;
}

.md .navbar ~ .page_que {
    height: calc(100% - 32.2vmin);
    background-color: #f7f7f7;
    padding: 0vmin;
}

.md .navbar ~ .page_message {
    height: calc(100% - 39.73vmin);
    background-color: #F0F2F7;
    padding: 0vmin !important;
}

.md .navbar ~ .page_join {
    height: calc(100% - 29vmin);
    background-color: #f7f7f7;
    padding: 0vmin;
}

.page > .navbar > .navbar-inner > .left {
    width: 16.2vmin;
    height: 100%;
}

.page > .navbar > .navbar-inner > .right {
    width: 13.5vmin;
    height: 100%;
}

.page > .navbar > .navbar-inner > .left > a.link,
.page > .navbar > .navbar-inner > .right > a.link {
    display: flex;
    width: 100%;
    height: 100%;
}

.md .page > .navbar .title {
    /*font-family: 'KoPubDotumMedium';*/
    font-size: 4.25vmin;
    text-align: center;
    flex: 1;
    padding-right: 2.7vmin;
}

.md .navbar.contract-navbar {
    background: #ffffff;
    border-bottom: 1px solid #c9c9c9;
}

.md .navbar.contract-navbar .title {
    font-size: 4.75vmin;
}

/* side menu css ----------------------------------------------------------------------*/
.md.with-panel-left-cover .panel-cover.panel-right,
.md.with-panel-right-cover .panel-cover.panel-right {
    width: 100%;
    padding-left: 15vmin;
    background: transparent;
}

.side-menu {
    background: #ffffff;
}

.side-menu > section[class*="menu-"] {
    padding: 0 3.75vmin;
    letter-spacing: 0;
    /*font-family: 'KoPubDotumMedium';*/
    color: #22272a;
}

.side-menu > section.menu-header {
    position: relative;
    padding-bottom: 6.9vmin;
    padding-top: 6.9vmin;
}

.side-menu > section.menu-header .img_profile {
    width: 15.27vmin;
    height: 15.27vmin;
    border-radius: 15.27vmin;
    margin-right: 3.75vmin;
    object-fit: cover;
}

.side-menu > section.menu-list .img_drop {
    width: 8.33vmin;
    height: 8.33vmin;
    margin-top: 3vmin;
    margin-bottom: 3vmin;
}

.side-menu > section.menu-header .menu_name {
    font-size: 5vmin;
    line-height: 5vmin;
}

.side-menu > section.menu-header .modify_profilec {
    font-size: 3.05vmin;
    color: #00a9e8;
    border: 2px solid #00a9e8;
    border-radius: 5vmin;
    padding-left: 1vmin;
    padding-right: 1vmin;
    margin-left: 2vmin;
    line-height: 4vmin;
}

.side-menu > section.menu-header .menu_team {
    font-size: 3.33vmin;
}

.side-menu > .menu-header .menu-user-info > .mui-k {
    padding-top: 4.2vmin;
}

.side-menu > .menu-list {
    font-size: 3.75vmin;
    padding: 0px !important;
}

.side-menu > .menu-list .menu-left {
    padding-left: 3.75vmin;
    border-top: 3px solid #eaeef0;
    border-right: 3px solid #eaeef0;
}

.side-menu > .menu-list .menu-right {
    padding-left: 3.75vmin;
    border-top: 3px solid #eaeef0;
}

.side-menu > .menu-list .menu-bottom {
    border-bottom: 3px solid #eaeef0;
}

.side-menu > .menu-list .list_title {
    margin-left: 1vmin;
}

/* checkbox css -----------------------------------------------------------------------*/
.rtem-checkbox {
    height: 6vmin;
    font-size: 3.7vmin;
    line-height: 7vmin;
}

label.item-checkbox {
    display: flex;
    margin-right: 1vmin;
}

.rtem-checkbox > i.ico-chk {
    width: 6.3vmin;
    height: 100%;
    display: block;
    border: none;
    background: url("../images/yb_check_off.png") left center no-repeat;
    background-size: 4.167vmin auto;
}

.rtem-checkbox > input:checked + i.ico-chk {
    background: url("../images/yb_check_on.png") left center no-repeat;
    background-size: 4.167vmin auto;
}

.rtem-checkbox > i.ico-chk_blue {
    width: 6.3vmin;
    height: 100%;
    display: block;
    border: none;
    background: url("../images/blue_check_off.png") left center no-repeat;
    background-size: 5vmin auto;
    margin-top: 0.4vmin;
}

.rtem-checkbox > input:checked + i.ico-chk_blue {
    background: url("../images/blue_check_on.png") left center no-repeat;
    background-size: 5vmin auto;
}

.rtem-checkbox > i.ico-chk_filter {
    width: 6.3vmin;
    height: 100%;
    display: block;
    border: none;
    background: url("../images/filter_check_off.png") left center no-repeat;
    background-size: 3.06vmin auto;
}

.rtem-checkbox > input:checked + i.ico-chk_filter {
    background: url("../images/filter_check_on.png") left center no-repeat;
    background-size: 3.06vmin auto;
}

.toggle-icon:after, .toggle-icon:before {
    content: none;
}

.md .toggle-icon {
    width: 10.28vmin;
    height: 5.83vmin;
    display: block;
    border: none;
    background: url("../images/toggle_off.png") left center no-repeat;
    background-size: 10.28vmin auto;
}

.md .toggle.color-blue input[type=checkbox]:checked + .toggle-icon {
    background: url("../images/toggle.png") left center no-repeat;
    background-size: 10.28vmin auto;
}

.md .checkbox input[type=checkbox]:checked ~ i,
.md label.item-checkbox input[type=checkbox]:checked ~ * .icon-checkbox,
.md label.item-checkbox input[type=checkbox]:checked ~ .icon-checkbox {
    background-color: transparent;
    border: none;
}

/* radio css -----------------------------------------------------------------------*/

.rtem-radio {
    display: table;
    font-size: 3.6vmin;
    line-height: 7vmin;
}

label.rtem-radio input[type=radio] {
    display: none;
}

.rtem-radio > i.icon-radio1 {
    width: 5.6vmin;
    height: 5.6vmin;
    display: inline-flex;
    background: url("../images/radio_off.png") left center no-repeat;
    background-size: 4.8vmin auto;
    margin-right: 2vmin;
}

.rtem-radio > input:checked + i.icon-radio1 {
    background: url("../images/radio_on.png") left center no-repeat;
    background-size: 5vmin auto;
}

.rtem-radio .radio_label_selected {
    color: #0f4c82 !important;
}

.rtem-radio .radio_label {
    color: #a2a2a2;
    font-size: 3.33vmin;
    vertical-align: text-bottom;
    margin-top: -0.4vmin;
}

.escape_radio {
    margin-top: 2vmin;
    margin-bottom: 2vmin;
}

.escape_input {
    width: 100% !important;
    background: #f7f7f7 !important;
    padding-left: 3vmin !important;
}

/* tabs css -----------------------------------------------------------------------*/

.md .toolbar {
    background: white;
    height: 11.25vmin;
    top: 0;
    border-bottom: 1px solid #d1d9dc;
}

.md .tabbar .tab-link-highlight, .md .tabbar-labels .tab-link-highlight {
    display: none;
}

.tab-link-active {
    border-bottom: solid 1.3vmin #0f4c82 !important;
}

.tabbar {
    height: 15vmin !important;
}

.page[data-name="que_regist"] .tab-link {
    border-bottom: solid 1.3vmin #ffffff;
    margin-left: 10%;
    margin-right: 10%;
    text-align: center;
}

.page[data-name="find"] .tab-link-active {
    border-bottom: solid 1.3vmin #02c0f5 !important;
    color: #02c0f5 !important;
}

.page[data-name="policy"] .tab-link-active {
    color: #f3582d !important;
}

.page[data-name="find"] .tab-link {
    border-bottom: solid 1.3vmin #ffffff;
    margin-left: 10%;
    margin-right: 10%;
    text-align: center;
}

.tab-link {
    border-bottom: solid 1.3vmin #ffffff;
    text-align: center;
}

.md .tabbar a.tab-link.active-state, .md .tabbar a.tab-link.tab-link-active, .md .tabbar-labels a.tab-link.active-state, .md .tabbar-labels a.tab-link.tab-link-active {
    color: #0f4c82;
}

.md .tabbar a.tab-link, .md .tabbar-labels a.tab-link {
    color: #d8d8d8;
}

.md .tabbar a.link, .md .tabbar a.tab-link, .md .tabbar-labels a.link, .md .tabbar-labels a.tab-link {
    font-size: 3.8vmin;
    margin-top: 1vmin;
}

.md .tabbar .tab-link-highlight, .md .tabbar-labels .tab-link-highlight {
    background: #0f4c82;
}

.md .toolbar:after {
    height: 0px !important;
}

/* input css -----------------------------------------------------------------------*/
input.rtem-input {
    display: block;
    width: 100%;
    height: 4.8vmin;
    border: none;
    padding: 0vmin;
    /*font-family: 'KoPubDotumLight';*/
    font-size: 3.88vmin;
    color: #707070;
    background: #fff;
    border-bottom: 1px solid #d1d9dc;
}

input.rtem-input:focus {
    border-bottom: 1px solid #121214;
}

input.rtem-input.size-sm,
input.rtem-select.size-sm {
    height: 10.6vmin;
    font-size: 3.88vmin;
}

input.rtem-input.size-xs,
input.rtem-select.size-xs {
    height: 8.4vmin;
    font-size: 3.88vmin;
}

textarea.rtem-textarea {
    display: block;
    width: 100%;
    min-height: 36vmin;
    height: 36vmin;
    border: 1px solid #e7e7e7;
    border-radius: 0.6vmin;
    padding: 2.4vmin 5.3vmin;
    /*font-family: 'KoPubDotumLight';*/
    font-size: 3.7vmin;
    color: #313131;
    background: #fff;
}

input.rtem-input.input-with-value,
input.rtem-select.input-with-value,
input.hospital-select.input-with-value,
textarea.rtem-textarea.input-with-value {
    /*font-family: 'KoPubDotumMedium';*/
}

.md .toolbar {
    border-bottom: none !important;
}

.center {
    font-weight: 700;
}

.md .calendar-day.calendar-day-selected span {
    background: #367FFF !important;
    color: #ffffff !important;
}

.md .calendar-month-current .calendar-day.calendar-day-weekend {
    color: #FF5050;
}

.calendar-day.calendar-day-next, .calendar-day.calendar-day-prev {
    color: #b8b8b8 !important;
}

.md .calendar-day.calendar-day-today span {
    background: #D9E8FF;
}

.calendar-day span {
    border-radius: 1vmin !important;
    font-size: 3.73vmin;
}

.md .calendar-week-header {
    color: #A3A6B4;
    font-size: 3.2vmin;
}

.md .calendar-day.calendar-day-today span {
    color: #222222 !important;
}

.btn_right {
    width: 4.86vmin;;
}

input.join-select {
    background: url('../images/arrow_drop_down.png') right center no-repeat !important;
    background-color: #fff !important;
    background-size: 6.75vmin !important;
    background-position-x: calc(100% - 10px) !important;
    height: 11.4vmin;
    width: 100% !important;
    text-align: left;
    color: #000000;
    margin-left: 5vmin;
}

input.join-select_help {
    background: url('../images/arrow_drop_down.png') right center no-repeat !important;
    background-color: #fff !important;
    background-size: 6.75vmin !important;
    background-position-x: calc(100% - 10px) !important;
    height: 11.4vmin;
    width: 100% !important;
    text-align: left;
    color: #000000;
    margin-left: 5vmin;
}

input.address-select {
    background: url('../images/arrow_drop_down.png') right center no-repeat !important;
    background-color: #fff !important;
    background-size: 6.75vmin !important;
    background-position-x: calc(100% - 10px) !important;
    height: 11.4vmin;
    width: 100% !important;
    text-align: left;
    color: #000000;
    margin-left: 5vmin;
}

input.rtem-select {
    background: url('../images/arrow_drop_down.png') right center no-repeat !important;
    background-color: #fff !important;
    background-size: 6.75vmin !important;
    background-position-x: calc(100% - 10px) !important;
    height: 11.4vmin;
    width: 100% !important;
    text-align: left;
    color: #000000;
    margin-left: 5vmin;
}

input.question-select {
    background: url('../images/arrow_drop_down.png') right center no-repeat !important;
    background-color: #fff !important;
    background-size: 6.75vmin !important;
    background-position-x: calc(100% - 10px) !important;
    height: 11.4vmin;
    width: 100% !important;
    text-align: left;
    color: #000000;
    margin-left: 5vmin;
}

input::-webkit-input-placeholder {
    color: #a2a2a2;
}

input.input_pwd::-webkit-input-placeholder {
    font-size: 3vmin !important;
}

input.join-select::-webkit-input-placeholder {
    text-align: left;
}

input.join-select_help::-webkit-input-placeholder {
    text-align: left;
}

input.join-select1::-webkit-input-placeholder {
    text-align: center !important;
}

input.rtem-select::-webkit-input-placeholder {
    text-align: center;
}

input.select-dropdown::-webkit-input-placeholder {
    text-align: left !important;
}

input.select-dropdown {
    text-align: left !important;
}

textarea::-webkit-input-placeholder {
    color: #a2a2a2;
}

.dialog-rtem-select .dialog-inner {
    display: none;
}

.dialog-person-select .dialog-button {
    text-align: left !important;
    padding-left: 7.5vmin !important;
}

.dialog-person-select .dialog-button label {
    color: transparent;
}

.rtem-select-dropdown {
    position: relative;
}

.rtem-select-dropdown > .rtem-select,
.rtem-select-dropdown > .rtem-select.size-sm {
    font-size: 4.5vmin;
}

.rtem-select-dropdown > .drop-list {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 0.6vmin;
    z-index: 1;
    height: 15vmin !important;
}

.rtem-select-dropdown > .size-sm + .drop-list > label {
    height: 10.6vmin;
    line-height: 10.6vmin;
}

.rtem-select-dropdown > .drop-list > label.placeholder {
    /*font-family: 'KoPubDotumLight';*/
    color: #9a9a9a;
}

.rtem-select-dropdown > .drop-list > ul {
    margin: 0;
    padding: 2.4vmin 0;
    max-height: 30vmin;
    overflow-y: scroll;
    position: relative;
    list-style: none;
}

.rtem-select-dropdown > .drop-list > ul > li > a.item-link {
    border-radius: 0;
    height: 10vmin;
    line-height: 10vmin;
    text-align: left;
    /*font-family: 'KoPubDotumLight';*/
    font-size: 4.5vmin;
    color: #313131;
    padding: 0 5.3vmin;
}

.rtem-select-dropdown > .drop-list > ul > li > a.item-link.active {
    color: #0073cc;
}

/* button css -----------------------------------------------------------------------*/
.md .button {
    height: 13.2vmin;
    line-height: 13.2vmin;
    /*font-family: 'KoPubDotumMedium';*/
    font-size: 4.75vmin;
}

.md .button.button-outline {
    border-width: 1px;
    line-height: 13.2vmin;
    font-size: 4.5vmin;
    font-weight: bold;
}

.md .button.button-outline.color-red {
    border-color: #cc0000;
    color: #cc0000;
}

.md .button.button-outline.color-gray {
    border-color: #c9c9c9;
    color: #9a9a9a;
}

.md .button.button-outline.color-black {
    border-color: #313131;
    color: #313131;
    background: #fff;
}

.md .button.button-noborder.color-blue {
    border: none;
    color: #0073cc;
    background: #fff;
}

.md .button.color-red.button-active,
.md .button.color-red.button-fill,
.md .button.color-red.button-fill-md,
.md .button.color-red.tab-link-active {
    background-color: #cc0000;
    color: #fff;
}

.md .button.button-outline.button-more {
    width: 49.2vmin;
    height: 8.9vmin;
    line-height: 8.9vmin;
    font-size: 3.7vmin;
    margin: auto;
}

.md .page .button.page-button {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 16.4vmin;
    border-radius: 0;
}

/* dialog css -----------------------------------------------------------------------*/
/*.md .dialog {*/
/*width: 81.5vmin;*/
/*border-radius: 1.5vmin;*/
/*margin-left: -40.75vmin;*/
/*max-height: 150vmin;*/
/*overflow-y: visible;*/
/*}*/

.md .dialog {
    width: 90.28vmin;
    border-radius: 0vmin;
    margin-left: -45vmin;
    max-height: 164vmin;
    overflow-y: visible;
}

.md .dialog.dialog-rtem-select {
    background: transparent;
    box-shadow: none
}

.md .dialog.dialog-rtem-default > .dialog-inner {
    padding: 0px;
    /*padding: 10vmin;*/
}

.md .dialog.dialog-rtem-default > .dialog-inner > .dialog-title {
    display: none;
}

.md .dialog.dialog-head > .dialog-inner > .dialog-title {
    display: inherit !important;
    font-size: 3.88vmin;
    color: #121214;
    height: 12.5vmin;
    line-height: 10vmin;
    padding-left: 4.17vmin;
    padding-top: 4.17vmin;
    font-weight: bold;
}

.md .dialog.dialog-rtem-default > .dialog-inner > .dialog-title + .dialog-text {
    font-size: 3.88vmin;
    line-height: 6;
    color: #121214;
    max-height: 23.6vmin;
    text-align: center;
    font-weight: bold;
    margin-top: 0vmin;
}

.md .dialog.dialog-rtem-default .dialog-buttons {
    border-top: 0px solid #d1d9dc;
    display: flex;
    height: initial;
}

.md .dialog.dialog-rtem-default .dialog-button {
    display: block;
    flex: 1;
    height: 16.11vmin;
    line-height: 16vmin;
    color: #a2a2a2;
    background: #f7f7f7;
    /*font-family: 'KoPubDotumMedium';*/
    font-size: 3.88vmin;
}

.md .dialog.dialog-rtem-default .dialog-button + .dialog-button {
    margin-left: 0vmin;
}

.md .dialog.dialog-rtem-default .dialog-button.dialog-button-bold {
    color: #ffffff;
    background-color: #f7f7f7;
    color: #a2a2a2;
    font-weight: normal;
    font-size: 3.89vmin;
}

.dialog-button-ok {
    color: #ffffff !important;
    background-color: #0f4c82 !important;
    font-weight: normal !important;
    font-size: 3.89vmin !important;
}

.dialog-button-home {
    color: #ffffff !important;
    background-color: #098CFF !important;
    font-weight: normal !important;
    font-size: 3.89vmin !important;
}

.md .dialog-button {
    padding: 0 0px;
    border-right: 0px solid #d1d9dc;
    border-radius: 0px;
}

.md .dialog-buttons {
    padding: 0px 0px;
}

.md .dialog.dialog-pic-dialog .dialog-inner {
    height: 13.75vmin;
    background-color: #2b7fc9;
    color: #0e3749;
    display: inherit !important;
    text-align: center;
}

.md .dialog.dialog-pic-dialog .dialog-inner .dialog-title {
    color: #ffffff !important;
}

.md .dialog.dialog-pic-dialog .dialog-button {
    text-align: center !important;
}

.dialog_close {
    width: 5.6vmin;
}

.md .dialog-title {
    font-size: 4.4vmin;
    margin: auto;
    line-height: 3vmin;
}

.md .dialog-buttons-vertical .dialog-buttons {
    padding: 0;
}

.md .dialog.dialog-rtem-select .dialog-buttons,
.actions-modal.modal-in > .actions-group {
    max-height: 90vh;
    overflow-y: auto;
}

.md .dialog.dialog-rtem-select.dialog-buttons-vertical .dialog-buttons .dialog-button,
.actions-modal.modal-in > .actions-group > .actions-button {
    text-align: left;
    color: #121214;
    font-size: 4.25vmin;
    padding: 0 4.2vmin;
    height: 13.2vmin;
    line-height: 13.2vmin;
    border-top: 1px solid #e2e3e5;
    text-transform: none;
    background: white;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.md .dialog.dialog-rtem-select.dialog-buttons-vertical .dialog-buttons .dialog-button.active,
.actions-modal.modal-in > .actions-group > .actions-button.actions-button-bold {
    /*font-family: 'KoPubDotumMedium';*/
    position: relative;
    background: #00a9e8;
}

.md .dialog.dialog-rtem-select.dialog-buttons-vertical .dialog-buttons .dialog-button.active:after,
.actions-modal.modal-in > .actions-group > .actions-button.actions-button-bold:after {
    /*content: '';*/
    position: absolute;
    right: 0;
    top: 0;
    width: 13.2vmin;
    height: 100%;
    /*background: url('../images/ico_check.png') center no-repeat;*/
    background-size: 4.7vmin;
    background: white;
}

.md .dialog.dialog-rtem-search-addr .dialog-text .rtem-form {
    padding: 0;
}

.md .dialog.dialog-rtem-search-addr .dialog-text .rtem-form .form-row .form-input.has-button > .button {
    width: 10.6vmin;
    min-width: 10.6vmin;
}

.md .dialog.dialog-rtem-search-addr .dialog-inner {
    padding-bottom: 14vmin;
}

.md .dialog.dialog-rtem-search-addr .dialog-inner .list.rtem-list {
    margin: 6.5vmin 0 0 0;
    max-height: 60vmin;
    overflow-y: auto;
    font-size: 3.5vmin;
    color: #313131;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
}

.md .dialog.dialog-rtem-search-addr .dialog-inner .list.rtem-list > ul > li:not(:first-child) .item-title:last-child {
    font-size: 3.2vmin;
}

.md .dialog.dialog-rtem-search-addr .dialog-inner .list.rtem-list .item-title {
    white-space: initial;
    overflow: initial;
    text-overflow: initial;
}

.md .dialog.dialog-rtem-search-addr .dialog-inner .list.rtem-list .item-title:last-child {
    min-width: 10vmin;
}

.md .dialog.dialog-reset-password .pw-group {
    padding-bottom: 11.6vmin;
    padding: 4.17vmin;
}

.md .dialog.dialog-reset-password .pw-group > .rtem-input {
    font-size: 3.88vmin;
    color: #121214;
}

.dialog-label {
    /*font-family: KoPubDotumMedium;*/
    color: #313131;
    font-size: 4.25vmin;
    height: 14.9vmin;
    padding-top: 6.6vmin;
}

.dialog-group .item-inner .item-title {
    /*font-family: KoPubDotumMedium;*/
    color: #313131;
    font-size: 4.25vmin;
    width: auto;
}

.dialog-group .item-inner .item-input-wrap {
    display: flex;
    width: 70%;
    align-items: center;
}

.dialog-group .item-inner .item-input-wrap::after {
    height: 0;
}

.dialog-group .item-inner {
    position: relative;
    width: 100%;
    padding: 0;
    min-width: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
}

.dialog-set-address .rtem-select-dropdown {
    margin-bottom: 6.5vmin;
}

.dialog-ask .dialog-group.mt-4-2 {
    margin-top: 4.2vmin;
}

.dialog-ask .dialog-group.mb-4-7 {
    margin-bottom: 4.7vmin;
}

.md .dialog-rtem-select-complex .dialog-inner .list {
    margin: 0;
    max-height: 52vmin;
    overflow-y: auto;
    border-bottom: 1px solid #f9f9f9;
}

.md .dialog-rtem-select-complex .dialog-inner .list > ul:before {
    content: none;
}

.md .dialog-rtem-select-complex .dialog-inner .list .item-inner {
    padding-left: 5.6vmin;
    font-size: 4.25vmin;
}

.md .dialog-rtem-select-complex .dialog-inner .list .item-inner:after {
    content: none;
}

.md .dialog-rtem-select-complex .dialog-inner .list > ul > li + li {
    border-top: 1px solid #f9f9f9;
}

.md .dialog.dialog-rtem-select-complex > .dialog-inner + .dialog-buttons {
    margin-top: -6vmin;
}

.md .dialog-send-msg .dialog-inner .receiver-input {
    display: flex;
    margin-bottom: 4.8vmin;
}

.md .dialog-send-msg .dialog-inner .receiver-input > label {
    color: #313131;
    /*font-family: 'KoPubDotumMedium';*/
    font-size: 4.25vmin;
    width: 20vmin;
    align-self: center;
}

.md .dialog-send-msg .dialog-inner .receiver-input > .rtem-select-dropdown > input.select-dropdown,
.md .dialog-send-msg .dialog-inner .receiver-input > .rtem-select-dropdown > .drop-list > label,
.md .dialog-send-msg .dialog-inner .receiver-input > .rtem-select-dropdown > .drop-list > ul > li > a.item-link {
    font-size: 3.7vmin;
    letter-spacing: -0.7px;
}

.md .dialog-send-msg .dialog-inner .receiver-input > .rtem-select-dropdown > .drop-list > ul > li > a.item-link,
.md .dialog-send-msg .dialog-inner .receiver-input > .rtem-select-dropdown > .drop-list > label {
    height: 8vmin;
    line-height: 8vmin;
}

.md .dialog-send-msg .dialog-inner .receiver-input > .rtem-select-dropdown > .drop-list > ul {
    max-height: 40vmin;
}

.md .dialog-send-msg .dialog-inner .photo-buttons > .button {
    display: inline-block;
    width: inherit;
    min-width: 4.6vmin;
    padding: 0 2px;
    /*font-family: 'KoPubDotumMedium';*/
    font-size: 4.25vmin;
    color: #0073cc;
}

.action-complex > .action-header {
    height: 14vmin;
    border-top: 3px solid #cc0000;
    border-bottom: 1px solid #f9f9f9;
    padding: 0 4.2vmin;
    /*font-family: 'KoPubDotumMedium';*/
    font-size: 4.25vmin;
    line-height: 14vmin;
    position: relative;
}

.action-complex > .action-body {
    padding: 4.2vmin;
}

.action-complex > .action-body > .row + .row {
    margin-top: 3.6vmin;
}

.action-complex > .action-body .button {
    display: inline-block;
    font-size: 4.25vmin;
}

/* list css ----------------------------------------------------------------- */
.md .list.rtem-list .item-content {
    padding-left: 0;
}

.list.rtem-list .item-link .item-inner {
    background: #fff;
    padding: 4vmin 1.5vmin;
}

/* panel css ---------------------------------------------------------------- */
.rtem-panel {
    background: #fff;
    border-top: 1px solid #c9c9c9;
    padding: 0 4.2vmin;
}

/* data-table css*/

.page .page-content .data-table > table > thead > tr > th {
    height: 9.6vmin;
    text-align: left;
    /*font-family: 'KoPubDotumMedium';*/
    color: #4D4F5C;
    background-color: #eaf1f4;
    font-size: 3.2vmin;
    padding-left: 2vmin;
}

.md .data-table td.checkbox-cell + td, .md .data-table td.checkbox-cell + th, .md .data-table th.checkbox-cell + td, .md .data-table th.checkbox-cell + th {
    padding-left: 0px;
    padding-right: 0px;
}

.md .data-table td, .md .data-table th {
    padding-left: 0px;
    padding-right: 0px;
}

.md .data-table td:last-child, .md .data-table th:last-child {
    padding-left: 0px;
    padding-right: 0px;
}

.md .data-table td.label-cell, .md .data-table th.label-cell {
    padding-left: 1vmin;
    padding-right: 1vmin;
}

.md .data-table td.label-cell, .md .data-table th.numeric-cell {
    padding-left: 1vmin;
    padding-right: 1vmin;
}

.page .page-content .data-table > table > tbody > tr > td {
    height: 9.6vmin;
    text-align: left;
    /*font-family: 'KoPubDotumLight';*/
    color: #4D4F5C;
    font-size: 3.2vmin;
    padding-left: 2vmin;
}

.page .page-content .data-table > table > tbody > tr > td.color-red {
    color: #cc0000;
}

.page .page-content .data-table tbody td:before {
    display: none;
}

/* tab bar css*/
.md .toolbar.rtem-tabbar {
    background: #fff;
    color: #313131;
    /*font-family: 'KoPubDotumMedium';*/
    font-size: 4vmin;
    height: 11.1vmin;
}

.md .toolbar.rtem-tabbar > .button-format {
    position: absolute;
    width: 40px;
    min-width: 40px;
    height: 100%;
}

/* page level css ----------------------------------------------------------- */
/* splash CSS // 첫기동화면 페이지 */

.splash-image {
    width: 37.5vmin;
    margin: auto;
}

.spalsh_label {
    width: 100%;
    text-align: center;
    color: #ffffff;
}

.woomalsee_img {
    width: 29.17vmin;
    margin: auto;
    padding-top: 3vmin;
    padding-bottom: 2vmin;
}

.page[data-name="splash"] {
    height: 100%;
}

.page[data-name="splash"] .login {
    text-align: center;
    line-height: 13.33vmin;
    height: 13.33vmin;
    font-size: 4.44vmin;
    color: #0f4c82;
    background-color: #dbe6ef;
}

.page[data-name="splash"] .join {
    text-align: center;
    line-height: 13.33vmin;
    height: 13.33vmin;
    font-size: 4.44vmin;
    color: #ffffff;
    background-color: #2b7fc9;
}

/* login CSS //로그인 페이지*/
.page[data-name="login"] .naver_mark {
    width: 3.88vmin;
    position: absolute;
    margin-left: 5vmin;
    margin-top: 4.5vmin;
}

.page[data-name="login"] .kakao_mark {
    width: 6.67vmin;
    position: absolute;
    margin-left: 3.5vmin;
    margin-top: 3vmin;
}

.page[data-name="login"] .find_id {
    color: #a2a2a2;
    font-size: 3.88vmin;
}

.page[data-name="login"] .login_join_q {
    color: #a2a2a2;
    font-size: 3.33vmin;
    width: 100%;
    text-align: center;
}

.page[data-name="login"] .login_join_c {
    color: #0f4c82;
    font-size: 4.44vmin;
    width: 100%;
    text-align: center;
}

.page[data-name="login_join1"] .join_type {
    background: #ffffff;
    color: #000000;
    font-size: 5.27vmin;
    line-height: 20.83vmin;
    margin-top: 2vmin;
    margin-bottom: 2vmin;
    border-radius: 5vmin;
    border: 1px solid #707070;
}

.page[data-name="login_join1"] .join_type_sel {
    color: #ffffff !important;
    background: #2b7fc9 !important;
}

.page[data-name="login_join1"] .chk_all {
    color: #f3582d;
    font-size: 4.44vmin;
    line-height: 6vmin;
}

.page[data-name="login_join1"] .view_sentense {
    color: #a2a2a2;
    font-size: 3.88vmin;
}

.page[data-name="login_join1"] .chk_join_sel {
    color: #f3582d;
    font-size: 3.33vmin;
    line-height: 6vmin;
}

.page[data-name="login_join1"] .chk_join_nonsel {
    color: #000000;
}

/* main CSS //메인 페이지*/

.page[data-name="main"] .main_baby {
    width: 22.5vmin;
    margin: auto;
}

.page[data-name="main"] .main_banner {
    width: 100%;
    height: 93.5vmin;
    object-fit: cover;
}

.page[data-name="main"] .main_font {
    color: #000000;
    font-size: 3.89vmin;
    width: 100%;
    text-align: center;
}

.my_profile {
    width: 100vmin;
    height: 33vmin;
    object-fit: cover;
}

.mypage_item {
    width: 100%;
    height: 15.63vmin;
    background-color: white;
    margin-bottom: 1px;
    padding-left: 5vmin;
    padding-top: 5vmin;
}

.img_goright {
    float: right;
    margin-right: 6.25vmin;
    width: 2.5vmin;
    height: 3.75vmin;
}

.item_label {
    font-size: 3.89vmin;
}

.myview_item {
    width: 100%;
    background-color: white;
    padding: 5.6vmin 0vmin 4vmin 5.6vmin;
}

.quelist_item {
    width: 100%;
    background-color: white;
    padding: 6.1vmin 0 4vmin 4.2vmin;
    border-bottom: 1px solid #f7f7f7;
}

.que_list_status {
    margin-right: 5.6vmin;
    margin-top: 2vmin;
    float: right;
    width: 25vmin;
    height: 8.3vmin;
    line-height: 2.2;
    border: 1px solid #a2a2a2;
    border-radius: 1vmin;
}

.que_list_status_terminate {
    border: 1px solid #0f4c82 !important;
}

.que_list_status_label {
    text-align: center;
    color: #a2a2a2;
    margin-left: 5vmin
}

.que_list_status_label_terminate {
    color: #0f4c82 !important;
}

.img_view {
    width: 15.56vmin;
    height: 15.56vmin;
    object-fit: cover;
}

.font_normal {
    font-size: 3.33vmin;
    color: #000000;
}

.img_star {
    width: 5.56vmin;
    height: 5.19vmin;
}

.item_text {
    width: 13.9vmin;
    height: 8.33vmin;
    border-radius: 1vmin;
    padding: 2.2vmin 2.8vmin;
    font-size: 3.33vmin;
    background-color: white;
    color: #a2a2a2;
}

.right_text {
    text-align: center;
    color: #0f4c82;
    font-size: 3.9vmin;
}

.text_area {
    background-color: #f7f7f7;
    border-radius: 5px;
    color: #000000;
    height: 32vmin;
    width: 100%;
    padding: 5vmin;
}

.item_order {
    margin-top: 1px;
    padding: 5.6vmin;
    height: 63.9vmin;
    background-color: white;
}

.order_text {
    color: #000000;
    font-size: 3.3vmin;
    width: 100%;
    border-radius: 3vmin;
    background-color: #f7f7f7;
    padding: 2.8vmin;
    text-align: center;
}

.escape_part {
    background-color: white;
    padding: 4.7vmin 5.6vmin;
}

.font_10 {
    font-size: 2.8vmin;
}

.font_12 {
    font-size: 3.33vmin;
}

.font_14 {
    font-size: 3.9vmin;
}

.font_24 {
    font-size: 6.7vmin;
}

.font_20 {
    font-size: 5.56vmin;
}

.button_no {
    text-align: center;
    line-height: 13.33vmin;
    height: 13.33vmin;
    font-size: 4.44vmin;
    color: #a2a2a2;
    background-color: #f7f7f7;
}

.button_yes {
    text-align: center;
    line-height: 13.33vmin;
    height: 13.33vmin;
    font-size: 4.44vmin;
    color: #ffffff;
    background-color: #0f4c82;
}

/* search CSS //검색 페이지*/
.page[data-name="select_position"] .page_title {
    color: #000000;
    font-size: 4.44vmin;
    margin: auto;
}

.page[data-name="search_product_result"] .page_title {
    color: #000000;
    font-size: 5vmin;
    margin: auto;
}

.page[data-name="search_product_result"] .search_banner {
    width: 100%;
    height: 33.3vmin;
    object-fit: cover;
}

.search_image {
    width: 100%;
    height: 66.9vmin;
    object-fit: cover;
}

.result_rect {
    width: 45.6vmin;
    height: 11.1vmin;
    background-color: #f5623a;
    position: absolute;
    opacity: 0.5;
}

.rect_text {
    line-height: 11.6vmin;
    color: #000000;
    font-size: 5.55vmin;
    margin-left: 4vmin;
    position: absolute;
}

.page[data-name="search_product_result"] .label_text {
    line-height: 10vmin;
    color: #000000;
    font-size: 4.8vmin;
    padding-left: 3vmin;
    font-weight: bold;
}

/* search filter CSS //검색필터 페이지*/
.page[data-name="search_filter"] .page_select {
    width: 100%;
    height: calc(100% - 30.56vmin);
    background-color: #ffffff;
    padding: 0vmin;
}

.page[data-name="escape"] .page_select {
    height: calc(100% - 28.33vmin);
}

.filter_block {
    background: #f7f7f7;
    border-radius: 2vmin;
    height: 10vmin;
    padding-top: 2vmin;
    padding-bottom: 2vmin;
    width: 100%;
}

.filter_baby_block {
    background: #f7f7f7;
    height: 10vmin;
    padding-top: 2vmin;
    padding-bottom: 2vmin;
    width: 100%;
}

.filter_label {
    color: #0f4c82 !important;
    margin-left: 5vmin;
}

.filter_select_block {
    height: 12.5vmin;
    background-color: #ffffff;
    width: 100%
}

.filter_time_block {
    height: 12.5vmin;
    background-color: #ffffff;
    width: 100%;
    padding-top: 3vmin;
    padding-left: 17vmin;
    padding-right: 17vmin;
}

.baby_block {
    height: 15.8vmin;
    background-color: #f7f7f7;
    width: 100%;
    padding-left: 5vmin;
    padding-right: 5vmin;
    padding-top: 3vmin;
}

.time_block {
    background: #f7f7f7;
    height: 10vmin;
    width: 30.2vmin;
}

.filter_time_block {
    background: #f7f7f7;
    padding-top: 3vmin;
    padding-right: 14vmin;
    padding-left: 14vmin;
    line-height: 10vmin;
}

.rtem-radio > i.ico-chk_y {
    width: 2.78vmin;
    height: 2.22vmin;
    display: inline-flex;
    background: url("../images/add.png") left center no-repeat;
    background-size: 2.78vmin auto;
}

.rtem-radio > input:checked + i.ico-chk_y {
    width: 2.78vmin;
    height: 2.22vmin;
    background: url("../images/check.png") left center no-repeat;
    background-size: 2.78vmin auto;
}

.rtem-radio > i.ico-chk_que {
    width: 5vmin;
    height: 3.9vmin;
    display: inline-flex;
    background: url("../images/gray_back.png") left center no-repeat;
    background-size: 5vmin auto;
}

.rtem-radio > input:checked + i.ico-chk_que {
    width: 5vmin;
    height: 3.9vmin;
    background: url("../images/check.png") left center no-repeat;
    background-size: 5vmin auto;
}

input.search-select {
    background: url('../images/arrow_drop_down.png') right center no-repeat !important;
    background-color: #fff !important;
    background-size: 6.75vmin !important;
    background-position-x: calc(100% - 10px) !important;
    height: 11.4vmin;
    width: 100% !important;
    text-align: left;
    color: #000000;
    margin-left: 5vmin;
}

.page[data-name="search_filter"] input.question-select {
    background: url('../images/blue_arrow_drop_down.png') right center no-repeat !important;
    background-color: #fff !important;
    background-size: 3.06vmin !important;
    background-position-x: calc(100% - 10px) !important;
    height: 10vmin;
    width: 100% !important;
    text-align: left;
    margin-left: 0vmin !important;
    padding-left: 6vmin;
    font-size: 3.89vmin !important;
    color: #0f4c82 !important;
    border: 1px solid #d0d0d0;
}

.bet_block {
    color: #0f4c82;
    size: 55.6vmin;
}

/* search place CSS //위치탐색 페이지*/
.page[data-name="search_place"] .page_title {
    color: #000000;
    font-size: 4.44vmin;
    margin: auto;
}

.search_box {
    margin: 2vmin 4vmin 2vmin 5vmin;
    background-color: #f7f7f7;
    height: 13vmin;
    border-radius: 10vmin;
    width: 90%;
    padding-left: 6vmin;
    padding-right: 2vmin;
    line-height: 13vmin;
}

.page[data-name="search_place"] .page_select {
    width: 100%;
    height: calc(100% - 47vmin) !important;
    background-color: #f7f7f7;
    padding: 2vmin;
}

.page[data-name="policy"] .page_select {
    height: calc(100% - 30vmin) !important;
}

/* alarm_setting CSS //알림설정 페이지*/

.member_bar {
    background-color: #ffffff;
    width: 100%;
    height: 27.7vmin;
    padding: 5vmin 4vmin 5vmin 5vmin;
}

.logout_button {
    height: 8.58vmin !important;
    width: 26.6vmin !important;
    background-color: #0f4c82 !important;
    color: #ffffff !important;
    font-size: 3.33vmin !important;
    margin-top: 3vmin;
    line-height: 8.58vmin !important;
}

.toggle_box {
    height: 13.3vmin;
    width: 100%;
    background-color: #ffffff;
    padding: 4vmin 3vmin 4.5vmin 5vmin;
    border-bottom: 1px solid #f7f7f7;
}

/**/

.que_search {
    color: #a2a2a2 !important;
    border: none !important;
    height: 100%;
    margin-top: -0.5vmin !important;
}

.img_cross {
    width: 5.3vmin;
    position: absolute;
    margin-left: 62%;
    margin-top: 3.8vmin;
}

.img_search {
    width: 6vmin;
    position: absolute;
    margin-left: 73%;
    margin-top: 3.5vmin;
}

.que_category {
    height: 16.7vmin;
    text-align: center;
    line-height: 16vmin;
}

.text_middle {
    text-align: center;
    vertical-align: middle;
}

.border_right {
    border-right: 1px solid #f7f7f7;
}

.border_bottom {
    border-bottom: 1px solid #f7f7f7;
}

.color_white {
    background-color: #ffffff;
}

.width_25 {
    width: 25%;
}

.page[data-name="often_que"] .color_blue {
    background-color: #0f4c82;
    color: #ffffff;
}


.page[data-name="often_que"] .color_white {
    background-color: #ffffff;
    color: #000000;
}

.que_item {
    padding: 5.6vmin;
}

.page[data-name="often_que"] .md .accordion-item.media-item .accordion-item-toggle .item-title-row, .md .accordion-item.media-item > .item-link .item-title-row, .md .links-list .accordion-item > a, .md .list .accordion-item-toggle .item-inner, .md .list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner, .md .list:not(.media-list) .accordion-item:not(.media-item) > .item-link .item-inner, .md .media-list .accordion-item .accordion-item-toggle .item-title-row, .md .media-list .accordion-item > .item-link .item-title-row {
    background: url("../images/chevron_down.png") right center no-repeat;
    background-size: 3.3vmin 2.2vmin;
}

.page[data-name="often_que"] .md .accordion-item-opened.media-item .accordion-item-toggle .item-title-row, .md .accordion-item-opened.media-item > .item-link .item-title-row, .md .links-list .accordion-item-opened > a, .md .list .accordion-item-toggle.accordion-item-opened .item-inner, .md .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner, .md .list:not(.media-list) .accordion-item-opened:not(.media-item) > .item-link .item-inner, .md .media-list .accordion-item-opened .accordion-item-toggle .item-title-row, .md .media-list .accordion-item-opened > .item-link .item-title-row {
    background: url("../images/chevron.png") right center no-repeat;
    background-size: 3.3vmin 2.2vmin;

}

.tab_block {
    width: 100%;
    background-color: white;
!important;
    background-color: #f7f7f7;
    padding: 2vmin;
}

/* babysitter_detail CSS //베이비시터 자료 페이지*/

.heart {
    width: 8.3vmin;
    height: 7.8vmin;
    margin-top: 3vmin;
}

.image_label {
    width: 100%;
    color: #000000;
    margin-top: 1vmin;
    text-align: center;
}

.message_box {
    width: 100%;
    height: auto;
    margin: 3vmin 4vmin 2vmin 4vmin;
    background-color: #f7f7f7;
    padding: 4vmin;
    color: #000000;
    border-radius: 2vmin;
}

.message_label {
    text-align: center;
    width: 100%;
}

.auth_img {
    margin: auto;
    width: 10vmin;
}

.auth_box {
    padding: 5.6vmin 5.6vmin 0vmin 5.6vmin !important;
}

.ath_box .col-25 {
    text-align: center;
    margin: 6vmin 0vmin 2vmin;
}

.ath_box {
    text-align: center;
}

.page[data-name="often_que"] .page_footer {
    background: #ffffff;
    height: 17vmin;
}

.big_button {
    height: 17vmin;
    text-align: center;
    border: none;
}

.babysitter_jelly {
    width: 8.6vmin;
    margin-top: 2vmin;
}

.babysitter_jelly_sugar {
    width: 6vmin;
    margin-left: 4vmin;
    margin-top: 2vmin;
}

/* babysitter_review CSS //베이비시터 리뷰 페이지*/
.review_box {
    width: 100%;
    margin: 3vmin 5vmin 3vmin 5vmin;
    background-color: #ffffff;
    padding-bottom: 2vmin;
}

.flower_img {
    width: 9.17vmin;
    height: 9.17vmin;
    border-radius: 9.17vmin;
    object-fit: cover;
}

.review_pbox {
    width: 76vmin;
    margin-left: 14vmin;
}

.review_img {
    width: 100%;
    height: 29.2vmin;
    object-fit: cover;
    border-radius: 1vmin;
}

.review_text {
    width: 76vmin;
    height: auto;
    margin-left: 14vmin;
    color: #000000;
}

/* buy_jelly CSS //젤리 구입 페이지*/
.page[data-name="buy_jelly"] .page_title {
    font-size: 5vmin;
    margin: auto;
    color: #f1667b;
}

.jelly_num {
    color: #000000;
    font-size: 6.67vmin;
}

.color_pink {
    color: #f1667b;
}

.page[data-name="buy_jelly"] .page_select {
    width: 100%;
    margin-top: 2vmin;
    height: calc(100% - 29vmin) !important;
    background-color: #f7f7f7;
}

.jelly_block {
    padding-left: 4vmin;
    padding-top: 1.5vmin;
    background: #ffffff;
    height: 15.8vmin;
    border-bottom: 1px solid #f7f7f7;
    padding-right: 8vmin;

}

/* event_list CSS //이벤트 목록 페이지*/

.jelly_review_block {
    padding-left: 4vmin;
    padding-top: 4vmin;
    padding-bottom: 4vmin;
    background: #ffffff;
    height: 18.5vmin !important;
    border-bottom: 1px solid #f7f7f7;
}

.event_img {
    width: 100%;
    height: 39.9vmin;
    object-fit: cover;
}

.event_button {
    height: 8.3vmin !important;
    width: 25vmin !important;
    text-align: center;
    border: 1px solid #02c0f5 !important;
    color: #02c0f5;
    float: right;
    margin-right: 5vmin;
    line-height: 8.3vmin !important;
    font-size: 3.33vmin !important;
}

.event_detail_label {
    padding-top: 4vmin;
    padding-left: 4vmin;
}

.event_detail {
    width: 100%;
}

.detail_text {
    padding: 4vmin 4vmin 0vmin 4vmin;
    line-height: 5vmin;
}

.event_go {
    padding: 2vmin 4vmin 2vmin 4vmin;
    line-height: 10vmin;
    border-radius: 3vmin;
    color: #3e210c;
    background-color: #ffd100;
    margin: 10vmin 0vmin 10vmin 0vmin;
    text-align: center;
}

/* */
.add_pic {
    margin-left: 5vmin;
    width: 19.4vmin;
    height: 19.4vmin;
}

.add_view_pic {
    width: 100%;
    height: 19.4vmin;
    object-fit: cover;
}

/* notice_detail CSS //이벤트 목록 페이지*/
.notice_picture {
    margin: 4vmin 4vmin 4vmin 4.5vmin;
}

.notice_img {
    width: 100%;
    border-radius: 2vmin;
}

/* share CSS //공유하기 페이지*/
.page[data-name="share"] .page_select {
    width: 100%;
    height: calc(100% - 15vmin) !important;
    background-color: #ffffff;
}

.share_label {
    margin: auto;
    margin-top: 50vmin;
}

.share_img {
    width: 16.94vmin;
    object-fit: cover;
}

/* favourite CSS //즐겨찾기 페이지*/
.favourite_block {
    width: 100%;
    background-color: #ffffff;
    padding: 5vmin 5vmin 2vmin 6vmin;
    margin-bottom: 6vmin;
}

.favourite_img {
    width: 41.7vmin;
    height: 19.4vmin;
    object-fit: cover;
}

.favourite_button {
    height: 8.3vmin !important;
    width: 41.7vmin !important;
    text-align: center;
    border: none;
    font-size: 3.33vmin !important;
    line-height: 8.3vmin !important;
    margin-top: 4vmin;
}

.package_img {
    width: 2.78vmin;
    margin-right: 5vmin;
}

.blue_star {
    width: 3.33vmin;
}

.agree_policy {
    height: 11.1vmin;
    background-color: #a2a2a2;
    border-radius: 1.5vmin;
}

.content_img {
    width: 100%;
    height: 38.6vmin;
    object-fit: cover;
}

.bottom_text {
    width: 100%;
    color: #a2a2a2;
    text-align: center;
}

.que_head {
    height: 15vmin;
    line-height: 15vmin;
    background-color: white;
    padding: 0vmin 10vmin;
}

.text_active {
    height: 100%;
    width: 32.3vmin;
    border-bottom: solid 1.3vmin #0f4c82;
    color: #0f4c82;
    text-align: center;
}

.text_dead {
    height: 100%;
    width: 32.3vmin;
    color: #d8d8d8;
    text-align: center;
}

.page_select .col-50 {
    width: calc((100% - 20px) / 2)
}

.pay_jelly {
    width: 100%;
    margin-top: 2vmin;
}

.mypopup-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10001;
    background-color: rgba(0, 0, 0, 0.5);
}

.mypopup-bg > .mypopup {
    width: 100%;
    position: absolute;
    box-sizing: border-box;
    left: 0px;
    bottom: 0px;
    border: 0px;
    background: white;
    box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.3);
}

.select-list ul {
    list-style: none;
    padding-left: 6vw;
    padding-right: 6vw;
    text-align: left;
    margin: 0;
}

.list-bordered li {
    height: 12vw;
    line-height: 12vw;
    padding-left: 2vw;
    font-family: NotoSansCJKkr-DemiLight;
    padding-right: 6vw;
    font-size: 3.599vw;
}

.noti_back {
    background: url('../images/img_noti_back.png') center no-repeat;
    color: #ffffff;
    font-size: 3.33vmin;
    line-height: 23px;
    width: 23px;
    height: 23px;
    font-family: NotoSansCJKkr-Bold;
    text-align: center;
    position: absolute;
    font-weight: bold;
}

.noti_notice_back {
    background: url('../images/img_msg_noti_back.png') center no-repeat;
    color: #ffffff;
    font-size: 2.63vmin;
    line-height: 21px;
    width: 33px;
    height: 21px;
    font-family: NotoSansCJKkr-Bold;
    text-align: center;
    position: absolute;
    font-weight: bold;
}