.m-only {
    display: none !important;
}

@media screen and (max-width:1024px) {
    .grayLayer {
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: #666;
        background: rgba(0, 0, 0, 0.5);
        z-index: 9;
    }

    .absController {
        display: none;
    }

    .pc-map { height: auto; }

    .footerDis {
        display: none;
    }

    li,
    a {
        font-weight: 300;
    }

    .pc-only {
        display: none !important;
    }

    .m-only {
        display: block !important;
    }

    .show {
        display: block !important;
    }

    .hide {
        display: none !important;
    }

    #mReview {
        display:block !important;
    }

    .base-container {
        width: 100% !important;
        box-sizing: border-box;
        padding: 10px;
    }

    .width-init {
        width: initial !important;
    }

    .bold {
        font-weight: 400 !important;
    }

    .left-layout {
        display: block;
        margin: 0 auto;
    }

    .center-layout {
        width: 100%;
        box-sizing: border-box;
        padding: 0 !important;
    }

    header {
        border: none !important;
        margin-bottom: 0;
    }

    header .menu-tab1 {
        z-index: 1;
    }

    header .left-layout {
        display: block !important;
        margin-bottom: 10px;
    }

    header h1 {
        display: none;
    }

    header img.menu-icon {
        width: 25px !important;
    }

    header .row1 {
        height: 0;
        margin: 0 !important;
    }

    header .row1 .menu-tab1 {
        position: absolute;
        right: 12px;
        top: 32px;
    }

    header .row2 {
        margin-top: 15px;
    }

    header .row2 img.logo {
        width: 50% !important;
    }

    header .row2 div.menu-box ul.menu {
        display: flex !important;
        justify-content: space-around !important;
    }

    header .row2 div.menu-box ul.menu li {
        position: relative;
        margin: 6px 0px !important;
        width: initial !important;
        border: 0 !important;
    }

    header .row2 div.menu-box ul.menu li.mx-1 {
        color: #ccc;
        height: 20px !important;
    }

    header .row2 div.menu-box ul.menu li:last-child:after {
        display: none;
    }

    header .row2 div.menu-box ul.menu li a {
        font-size: 14px !important;
        letter-spacing: -1px;
        margin: 0 !important;
    }

    .flickity-page-dots {
        bottom: 0;
    }

    .common-head img.icon {
        height: 19px !important;
        margin-right: 0px !important;
    }

    .common-head h1,
    .common-head h2,
    .common-head .h2 {
        font-size: 14px !important;
        font-weight: 400;
        letter-spacing: -0.5px;
    }

    .common-head h1 span,
    .common-head h2 span,
    .common-head .h2 span {
        font-size: 14px;
        color: #999;
    }

    .common-head h1 span.bold,
    .common-head h2 span.bold,
    .common-head .h2 span.bold {
        color: #333;
        font-weight: 500;
    }

    .common-head h1 .sub-title,
    .common-head h2 .sub-title,
    .common-head .h2 .sub-title {
        color: #999;
        font-size: 13px;
        display: inline-block !important;
        padding-left: 10px;
    }

    .common-head .flr {
        float: right;
        clear: right;
    }

    .common-head .flr a.button-orange {
        cursor: pointer;
        width: 100%;
        border: none;
        border-radius: 0;
        color: white;
        font-size: 12px;
        padding: 6px 15px;
        margin: 5px 0px;
        background-color: #ff7417;
    }

    .imgcard-box {
        margin-top: 10px;
    }

    .imgcard-box .imgcard {
        height: 140px !important;
        padding: 10px !important;
    }

    .imgcard-box .imgcard .imgcard-text div.orange {
        font-size: 12px !important;
    }

    .imgcard-box .imgcard .imgcard-title {
        font-size: 17px !important;
        margin-top: 12px !important;
        height: 20px;
        line-height: 20px;
        overflow: hidden;
    }

    .imgcard-box .imgcard .imgcard-hash {
        font-size: 12px !important;
    }

    .m-event-container .m-event {
        background: #fffcf4;
        display: block;
        width: 100%;
        margin-bottom: 1vw;
        padding: 15px 0;
        overflow: hidden;
    }

    .m-event-container .m-event:last-child {
        margin-bottom: 0;
    }

    .m-event-container .m-event a {
        display: block;
    }

    .m-event-container .m-event .left {
        float: left;
        width: 55%;
        padding-left: 6%;
        box-sizing: border-box;
    }

    .m-event-container .m-event .left .relative {
        position: relative;
    }

    .m-event-container .m-event .left .relative img.discount-coupon {
        width: 100%;
    }

    .m-event-container .m-event .left .relative .dis-price {
        position: absolute;
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: 20px;
        font-weight: 400;
        top: 10vw;
    }

    .m-event-container .m-event .left .relative .event-text {
        position: absolute;
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: 12px;
        font-weight: 300;
        top: 17vw;
    }

    .m-event-container .m-event .left .relative .dis-text {
        position: absolute;
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: 12px;
        font-weight: 300;
        bottom: 10px;
        height: 12px;
        overflow: hidden;
    }

    .m-event-container .m-event .right {
        float: left;
        width: 45%;
    }

    .m-event-container .m-event .right .discount-content {
        font-size: 15px;
        font-weight: 500;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 5vw 4vw 0 4vw;
    }

    .m-event-container .m-event .right .discount-content div {
        font-size: 15px;
        font-weight: 300;
        line-height: 23px;
    }

    .m-event-container .m-event .right .discount-content .event-content {
        color: #666;
        font-size: 14px;
        line-height: 20px;
        font-weight: 300;
    }

    .m-event-container .m-event .right .discount-content .timeout {
        font-size: 13px;
        font-weight: 300;
    }

    .m-event-container .m-event .right .discount-content .timeout span {
        color: #ff7417;
        font-size: 15px;
        letter-spacing: -0.5px;
    }

    .m-event-container .m-event .right .discount-content .ps {
        margin-top: 3vw;
        font-size: 12px;
        line-height: 13px !important;
        font-weight: 300 !important;
    }

    .m-event-container .m-event .right .discount-content .ps img {
        width: 70px;
    }

    .genboard-page .orange-button {
        padding: 10px 15px !important;
    }

    table.store-board-main .option-box,
    table.store-board .option-box {
        margin-top: 8px !important;
    }

    table.store-board-main .option-box span,
    table.store-board .option-box span {
        letter-spacing: -1px;
    }

    table.store-board-main td,
    table.store-board td {
        position: relative;
        border: 1px solid #eee;
        background-position: 5px 21px !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }

    table.store-board-main .store-info,
    table.store-board .store-info {
        display: flex !important;
    }

    table.store-board-main .store-info .left span,
    table.store-board .store-info .left span {
        font-size: 12px !important;
        margin-right: 3px !important;
    }

    table.store-board-main .store-info .right span,
    table.store-board .store-info .right span {
        font-size: 12px !important;
    }

    .cat-box .cat-head {
        margin-top: 10px;
    }

    .cat-box .cat-head.theme li {
        width: 100%;
        margin-right: 0;
    }

    .cat-box .cat-head ul {
        overflow: hidden;
    }

    .cat-box .cat-head ul li {
        float: left;
        width: 49%;
        cursor: pointer;
        border: 1px solid #ffb297;
        border-radius: 2px;
        padding: 10px;
        color: #666;
        box-sizing: border-box;
        font-size: 14px;
    }

    .cat-box .cat-head ul li:first-child {
        margin-right: 2%;
    }

    .cat-box .cat-head ul li.active {
        color: #333;
        font-weight: 500;
    }

    .cat-box .cat-head ul li i {
        float: right;
        margin-right: 5px;
    }

    .cat-box .cat-content {
        margin-top: -1px;
        border: 1px solid #ccc;
        border-radius: 2px;
        padding: 5px;
        box-sizing: border-box;
    }

    .cat-box .cat-content a {
        display: inline-block;
        width: 18.5%;
        box-sizing: border-box;
        margin-right: 0.5%;
        margin-bottom: 5px;
        text-align: center;
        padding: 10px 0;
        font-size: 12px;
        letter-spacing: -1px;
        height: 35px;
        overflow: hidden;
    }

    .cat-box .cat-content a:nth-child(5n) {
        margin-right: 0;
    }

    .cat-box .cat-content .unselected {
        color: #666;
        border: 1px solid #ddd;
    }

    .cat-box .cat-content .selected {
        color: #333;
        border: 1px solid #333;
    }

    .main-page .banner-box {
        margin-bottom: 10px !important;
    }

    .main-page .imgcard-box {
        padding-bottom: 30px;
    }

    .main-page .imgcard-box .content {
        top: 3vh;
    }

    .main-page .theme-box, .main-page-new .theme-box {
        margin: 20px 0;
    }

    .main-page .theme-box ul, .main-page-new .theme-box ul {
        overflow: hidden;
    }

    .main-page .theme-box ul li, .main-page-new .theme-box ul li {
        float: left;
        width: 25%;
        box-sizing: border-box;
    }

    .main-page-new .theme-box ul li:nth-child(n+5) {
        position: relative;
        top: -2px;
    }

    .main-page .theme-box ul li a, .main-page-new .theme-box ul li a {
        display: block;
    }

    .main-page .theme-box ul li a img, .main-page-new .theme-box ul li a img {
        width: 100%;
        display: inline-block;
    }

    ul.store-quick {
        padding: 5px 0;
        border-top: 1px solid #eee;
        bottom: 0;
        left: 0;
        background: #fff;
        z-index: 10;
        overflow: hidden;
        width: 100%;
        margin: auto;
        position: fixed;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        height: 50px;
    }

    ul.store-quick li {
        box-sizing: border-box;
        text-align: center;
    }

    ul.store-quick li:nth-child(1) img,
    ul.store-quick li:nth-child(2) img {
        height: 20px;
    }

    ul.store-quick li:nth-child(3) {
        width: 30%;
    }

    ul.store-quick li:nth-child(3) img {
        width: 100%;
    }

    ul.store-quick li:nth-child(4) {
        width: 40%;
    }

    ul.store-quick li:nth-child(4) img {
        width: 100%;
    }

    ul.store-quick li p {
        color: #333;
        font-size: 12px;
        margin-top: 4px;
    }

    ul.footer-navigation {
        border-top: 1px solid #eee;
        bottom: 0;
        left: 0;
        background: #fafafc;
        z-index: 10;
        overflow: hidden;
        width: 100%;
        margin: auto;
        position: fixed;
        display: flex;
        justify-content: space-around;
        align-items: center;
        height: 46px;
    }

    ul.footer-navigation li {
        box-sizing: border-box;
        text-align: center;
    }

    ul.footer-navigation li a img {
        height: 20px;
    }

    ul.footer-navigation li a p {
        color: #333;
        font-size: 12px;
        margin-top: 4px;
    }

    .footer {
        padding-bottom: 50px;
        box-sizing: border-box;
    }

    .footer .table2,
    .footer .ul-sns {
        display: none;
    }

    .footer .footer-content {
        overflow: hidden;
    }

    .footer .footer-content div {
        width: 60%;
        box-sizing: border-box;
        float: left;
        margin: 0px !important;
        line-height: 17px !important;
        font-size: 12px;
        color: #666;
        padding: 5px;
        padding-left: 0;
    }

    .footer .footer-content div:nth-child(odd) {
        width: 40%;
        padding-left: 20px;
    }

    .gray-box {
        line-height: 20px;
    }

    .foot-content {
        margin-left: 10px !important;
    }

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

    .find-box {
        width: 100% !important;
        box-sizing: border-box;
    }

    .find-box .h2-1 {
        margin-left: 5px;
        font-weight: 300;
    }

    .find-box .find-body {
        width: 100% !important;
        box-sizing: border-box;
    }

    .l-h3 {
        margin-left: 5px;
    }

    .mobile-left-menu {
        position: fixed;
        width: 74vw;
        background: #fff;
        top: 0;
        height: 92vh;
        z-index: 10;
        overflow: hidden;
        right: 0;
    }

    .mobile-left-menu .header-container {
        background-color: #b2b2b2;
        display: flex;
        justify-content: space-between;
        padding: 20px;
        align-items: center;
    }

    .mobile-left-menu .header-container.bg-orange {
        background-color: #ff7417 !important;
    }

    .mobile-left-menu .header-container .img-box {
        width: 35px;
        height: 35px;
        background-size: 100% !important;
        background-position: center center !important;
        display: inline-block;
    }

    .mobile-left-menu .header-container .text {
        padding-left: 10px;
        font-size: 15px;
        font-weight: 200 !important;
        color: #fff;
        display: inline-block;
        vertical-align: bottom;
        line-height: 35px;
    }

    .mobile-left-menu .header-container .menu-tab2 {
        float: left;
    }

    .mobile-left-menu .header-container .menu-tab2 img {
        width: 20px;
    }

    .mobile-left-menu .header-container div span {
        color: white;
        font-size: 14px;
        font-weight: 400;
    }

    .mobile-left-menu .header-container div span a {
        color: white;
        font-size: 14px;
        font-weight: 400;
    }

    .mobile-left-menu .header-container div img {
        width: 18px;
    }

    .mobile-left-menu .right-layout {
        width: 100%;
        height: calc(90vh - 70px);
        padding: 0vw 5vw 5vw;
        display: block;
        margin: auto;
        overflow: auto;
        box-sizing: border-box;
    }

    .mobile-left-menu .right-layout .login-box {
        border: 1px solid #dddddd;
    }

    .mobile-left-menu .right-layout .login-box .login-head {
        text-align: center;
        font-size: 14px;
        color: #fff;
        padding: 10px 0;
    }

    .mobile-left-menu .right-layout .login-box .login-head.bg-pink {
        background: #f36d74;
    }

    .mobile-left-menu .right-layout .login-box .login-head.bg-blue {
        background: #7092bf;
    }

    .mobile-left-menu .right-layout .login-box .login-info .welcome-box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 !important;
    }

    .mobile-left-menu .right-layout .login-box .login-info .welcome-box .text {
        padding-left: 10px;
        font-size: 13px;
        font-weight: 200 !important;
        margin-top: -10px !important;
    }

    .mobile-left-menu .right-layout .login-box .login-info .logout {
        padding: 0 10px;
        margin-bottom: 10px;
    }

    .mobile-left-menu .right-layout .login-box .login-info .logout a {
        font-size: 12px;
        text-decoration: underline;
    }

    .mobile-left-menu .right-layout .login-box .login-info .icon-box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 0;
    }

    .mobile-left-menu .right-layout .login-box .login-info .icon-box .each {
        flex: 1;
        text-align: center;
        font-size: 12px;
        padding: 5px 0;
    }

    .mobile-left-menu .right-layout .login-box .login-info .icon-box .each a {
        display: block;
    }

    .mobile-left-menu .right-layout .login-box .login-info .icon-box .each:nth-child(2) {
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }

    .mobile-left-menu .right-layout .login-box .login-info .icon-box .each .icon i {
        color: #ff7417;
        font-size: 17px;
        margin-bottom: 5px;
    }

    .mobile-left-menu .right-layout .login-box .login-info .icon-box .each .icon img {
        width: 35px;
        margin-bottom: 4px;
    }

    .mobile-left-menu .right-layout .login-box .login-info .button-box {
        padding: 5px 0 !important;
    }

    .mobile-left-menu .right-layout .login-box .login-info .button-box .button {
        cursor: pointer;
        width: 100%;
        display: block;
        border: none;
        border-radius: 0;
        color: white;
        font-size: 12px;
        padding: 10px 0px;
        margin: 5px 0px;
        background-color: #767676 !important;
    }

    .mobile-left-menu .right-layout .login-box .login-info .button-box .button:hover {
        opacity: .8;
    }

    .mobile-left-menu .right-layout .login-box .tabs li {
        cursor: pointer;
        width: 50%;
        font-size: 14px;
    }

    .mobile-left-menu .right-layout .login-box .login-center {
        margin: 0 auto;
        padding: 10px;
    }

    .mobile-left-menu .right-layout .login-box .login-center input {
        width: 100%;
        box-sizing: border-box;
    }

    .mobile-left-menu .right-layout .login-box .login-center input.checkbox {
        width: 14px;
        vertical-align: middle;
    }

    .mobile-left-menu .right-layout .login-box .login-center .remember-me {
        font-size: 12px;
        color: #878787;
    }

    .mobile-left-menu .right-layout .login-box .login-center .button-box {
        margin-top: 10px;
    }

    .mobile-left-menu .right-layout .login-box .login-center .button-box .button {
        cursor: pointer;
        width: 100%;
        display: block;
        border: none;
        border-radius: 0;
        color: white;
        font-size: 12px;
        padding: 10px 0px;
        margin: 5px 0px;
    }

    .mobile-left-menu .right-layout .login-box .login-center .button-box .button:hover {
        opacity: .8;
    }

    .mobile-left-menu .right-layout .login-box .login-center .button-box .button.button-orange {
        background-color: #ff7417;
    }

    .mobile-left-menu .right-layout .login-box .login-center .button-box .button.button-yellow {
        background-color: #ffba17;
    }

    .mobile-left-menu .right-layout .login-box .login-center .button-box .button.button-green {
        background-color: #1dc800;
    }

    .mobile-left-menu .right-layout .login-box .login-center .user-action-box {
        text-align: center;
    }

    .mobile-left-menu .right-layout .login-box .login-center .user-action-box hr {
        height: 1px;
        background-color: #eee;
        border: none;
        margin: 10px 0;
    }

    .mobile-left-menu .right-layout .login-box .login-center .user-action-box .user-action {
        display: inline-block;
    }

    .mobile-left-menu .right-layout .login-box .login-center .user-action-box .user-action li {
        display: inline-block;
        padding-right: 7px;
    }

    .mobile-left-menu .right-layout .login-box .login-center .user-action-box .user-action li:last-child {
        border-left: 1px solid #dcdcdc;
        padding-left: 7px;
        padding-right: 0;
    }

    .mobile-left-menu .right-layout .login-box .login-center .user-action-box .user-action li label {
        vertical-align: text-top;
    }

    .mobile-left-menu .right-layout .login-box .login-center .user-action-box .user-action li label input {
        display: inline-block;
        width: initial !important;
        vertical-align: sub;
    }

    .mobile-left-menu .right-layout .login-box .login-center .user-action-box .user-action li label span {
        letter-spacing: -1px;
        vertical-align: middle;
        font-size: 12px !important;
        color: #666;
        display: inline-block;
    }

    .mobile-left-menu .right-layout .login-box .login-center .user-action-box .user-action li a {
        vertical-align: middle;
        color: #888888;
        font-size: 12px;
        letter-spacing: -1px;
        vertical-align: top;
    }

    .mobile-left-menu .right-layout .login-box-in {
        border: 1px solid #dcdcdc;
    }

    .mobile-left-menu .right-layout .login-box-in .member-type {
        background-color: #f36d74;
        color: white;
        font-size: 13px;
    }

    .mobile-left-menu .right-layout .login-box-in .id-welcome .profile-box {
        display: inline-block;
        width: 15%;
    }

    .mobile-left-menu .right-layout .login-box-in .id-welcome .profile-box img.profile-pic {
        width: 100%;
        vertical-align: super;
    }

    .mobile-left-menu .right-layout .login-box-in .id-welcome .welcome-box {
        margin-top: 10px;
        display: inline-block;
    }

    .mobile-left-menu .right-layout .login-box-in .id-welcome .welcome-box span {
        font-size: 12px;
    }

    .mobile-left-menu .right-layout .login-box-in .id-welcome .welcome-box span.bold {
        font-weight: 500;
    }

    .mobile-left-menu .right-layout .login-box-in .id-welcome .log-out {
        font-size: 12px;
        text-decoration: underline;
        color: #878787;
        margin: 20px 5px;
        text-align: right;
    }

    .mobile-left-menu .right-layout .login-box-in .pad10-box {
        padding: 10px 4px;
        text-align: center;
    }

    .mobile-left-menu .right-layout .login-box-in .pad10-box .pad5-box {
        padding: 3px;
        margin: 4px 0px;
        text-align: center;
    }

    .mobile-left-menu .right-layout .login-box-in .pad10-box .pad5-box .mb-action {
        width: 55px;
        display: inline-block;
        background-color: transparent;
        border: none;
        border-right: 1px solid #d3d3d3;
    }

    .mobile-left-menu .right-layout .login-box-in .pad10-box .pad5-box .mb-action:last-child {
        border-right: none;
    }

    .mobile-left-menu .right-layout .login-box-in .pad10-box .pad5-box .mb-action .action-icon {
        width: 30%;
        margin: 0 auto;
    }

    .mobile-left-menu .right-layout .login-box-in .pad10-box .pad5-box .mb-action .action-icon img {
        width: 100%;
    }

    .mobile-left-menu .right-layout .login-box-in .pad10-box .pad5-box .mb-action .action-text {
        font-size: 12px;
    }

    .mobile-left-menu .right-layout .kakaotalk {
        margin: 10px 0;
        display: block;
    }

    .mobile-left-menu .right-layout .kakaotalk img {
        width: 100%;
    }

    .mobile-left-menu .right-layout .cs-center {
        margin-bottom: 20px;
        border-top: none !important;
        border-bottom: 1px solid #ff8838;
    }

    .mobile-left-menu .right-layout .cs-center img.kakao {
        width: 100%;
        margin: 15px 0;
    }

    .mobile-left-menu .right-layout .cs-center ul {
        border-top: 1px solid #ff8838;
        padding-top: 10px;
    }

    .mobile-left-menu .right-layout .cs-center ul li {
        margin: 0 auto;
        font-weight: 200;
        border-bottom: 1px dotted #d2d2d2;
        padding: 7px 10px;
        overflow: hidden;
    }

    .mobile-left-menu .right-layout .cs-center ul li:last-child {
        border-bottom: 0;
    }

    .mobile-left-menu .right-layout .cs-center ul li:last-child {
        border-bottom: 0;
    }

    .mobile-left-menu .right-layout .cs-center ul li .cs-flex {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .mobile-left-menu .right-layout .cs-center ul li .cs-flex .cs-img {
        height: 40px;
    }

    .mobile-left-menu .right-layout .cs-center ul li .cs-flex .cs-box {
        padding-left: 7px;
    }

    .mobile-left-menu .right-layout .cs-center ul li .cs-flex .cs-box .cs-ko {
        font-size: 16px;
        font-weight: 600;
        line-height: 22px;
    }

    .mobile-left-menu .right-layout .cs-center ul li .cs-flex .cs-box .cs-en {
        font-size: 13px;
        color: #a2a2a2;
        font-weight: 300;
    }

    .mobile-left-menu .right-layout .cs-center ul li .number {
        font-size: 17px;
        color: #ff601c;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .mobile-left-menu .right-layout .cs-center ul li .opentime {
        font-size: 13px;
        line-height: 17px;
        font-weight: 200;
    }

    .mobile-left-menu .right-layout .cs-center ul li .kakaoid {
        font-size: 13px;
        margin-bottom: 10px;
        font-weight: 200;
    }

    .mobile-left-menu .right-layout .cs-center ul li .contact-me {
        font-size: 12px;
        line-height: 16px;
        color: #939393;
    }

    .mobile-left-menu .right-layout .ul-sns li {
        float: left;
        margin-left: 5px;
    }

    .mobile-left-menu .right-layout .ul-sns li a img {
        width: 30px;
    }

    .mobile-left-menu .right-layout .recent-view {
        margin-top: 30px;
        position: relative;
    }

    .mobile-left-menu .right-layout .recent-view.my-store {
        background: #f4f4f4;
        padding: 10px;
    }

    .mobile-left-menu .right-layout .recent-view.my-store ul li {
        padding: 10px 0;
    }

    .mobile-left-menu .right-layout .recent-view .title {
        text-align: left !important;
        font-weight: 200 !important;
        font-size: 16px;
        color: #333;
        padding-bottom: 10px;
        border-bottom: 2px solid #aaa;
        margin-bottom: 5px;
    }

    .mobile-left-menu .right-layout .recent-view .title a {
        color: #333;
    }

    .mobile-left-menu .right-layout .recent-view ul li {
        padding: 5px 0;
        border-bottom: 1px solid #efefef;
    }

    .mobile-left-menu .right-layout .recent-view ul li:last-child {
        border: 0;
    }

    .mobile-left-menu .right-layout .recent-view ul li a {
        font-size: 12px;
    }

    .mobile-left-menu .right-layout .recent-view ul li .row-title a {
        font-size: 14px;
        color: #111;
        display: inline-block;
        max-width: 100px;
        height: 15px;
        overflow: hidden;
    }

    .mobile-left-menu .right-layout .recent-view ul li .row-title button {
        float: right;
        padding: 4px 4px !important;
    }

    .mobile-left-menu .right-layout .recent-view ul li .row-contact {
        margin-top: 10px;
    }

    .mobile-left-menu .right-layout .recent-view ul li .row-contact p {
        font-size: 13px;
        color: #333;
        margin-bottom: 5px;
    }

    .mobile-left-menu .right-layout .recent-view ul li .row-contact p:last-child {
        margin-bottom: 0;
    }

    .mobile-left-menu .right-layout .recent-view .owl-nav {
        position: absolute;
        top: -30px;
        right: 0;
    }

    .mobile-left-menu .right-layout .recent-view .owl-nav img {
        width: 7px;
    }

    .mobile-left-menu .right-layout .recent-view .owl-nav .owl-prev {
        margin-right: 5px;
    }

    .userfind-page .find-box {
        width: 100%;
    }

    .userfind-page .find-box .long-input {
        width: 210px !important;
    }

    .userfind-page .find-box select {
        width: 50px !important;
    }

    .message-page .current-chatter-m {
        text-align: center !important;
    }

    .message-page .chat-toggle {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: #e8e8e8;
        z-index: 99;
    }

    .message-page .chat-toggle .toggle-header {
        font-size: 16px;
        text-align: center;
        font-weight: 400;
        padding: 20px 0;
        border-bottom: 1px solid #ccc;
        position: relative;
    }

    .message-page .chat-toggle .toggle-header .crown {
        height: 18px;
        display: inline-block !important;
        margin-right: 5px;
        vertical-align: top;
    }

    .message-page .chat-toggle .toggle-header .go-back {
        position: absolute;
        font-weight: 400;
        font-size: 14px;
        left: 10px;
    }

    .message-page .chat-toggle .toggle-header .chat-menu {
        position: absolute;
        font-weight: 400;
        font-size: 14px;
        right: 10px;
        top: 20px;
    }

    .message-page .chat-toggle .toggle-header .chat-menu button {
        background: none;
        outline: 0;
        border: 0;
    }

    .message-page .chat-toggle .toggle-header .chat-menu i {
        color: #fe6700;
        font-size: 16px;
    }

    .message-page .chat-toggle .chat-content {
        height: calc(100vh - 294px) !important;
    }

    .message-page .chat-toggle .chat-box {
        float: none !important;
        width: 100% !important;
        height: calc(100% - 250px);
    }

    .message-page .chat-toggle .chat-footer {
        float: none !important;
        width: 100% !important;
    }

    .message-page .chat-toggle .chat-footer button {
        padding: 10px 24px !important;
    }

    .message-page .message-box {
        width: 100% !important;
    }

    .message-page .row1 {
        display: block !important;
        height: initial !important;
    }

    .message-page .row1 .col1 {
        border-bottom: 1px solid #e5e5e7;
    }

    .message-page .row2 {
        display: block;
        height: initial !important;
    }

    .message-page .row2 .col1 {
        overflow: hidden;
        border-bottom: 1px solid #e5e5e7;
    }

    .message-page .row2 .in-message {
        float: left;
    }

    .message-page .row2 .out-message {
        float: right;
    }

    .message-page .row2 .col2 {
        border-left: none !important;
    }

    .message-page .row2 .col2 table.message-table thead tr .msg-col1 {
        width: 19% !important;
    }

    .message-page .row2 .col2 table.message-table thead tr .msg-col2 {
        width: 62% !important;
    }

    .message-page .row2 .col2 table.message-table tr .date {
        display: none;
    }

    .message-page .cell {
        display: block !important;
        width: 100% !important;
    }

    .message-page .message-table thead tr th {
        border-top: none;
        border-left: none;
    }

    .mypage span.comment {
        display: none;
    }

    .mypage .find-box {
        display: block;
        width: 100% !important;
        margin-right: 0 !important;
    }

    .mypage .half {
        width: 100% !important;
    }

    .signup-page .body-innerbox {
        display: block !important;
    }

    .signup-page .body-innerbox .member-radio {
        margin-bottom: 10px;
    }

    .signup-page .body-innerbox .long-input {
        width: 95%;
    }

    .signup-page .body-innerbox .phone-number {
        display: block;
    }

    .signup-page .body-innerbox select {
        width: 20%;
    }

    .signup-page .body-innerbox input.number {
        width: 32%;
    }

    .genboard-page table {
        font-size: 12px !important;
    }

    .genboard-page table.best {
        width: 100% !important;
    }

    .genboard-page .jt-read-container img {
        max-width: 100%;
    }

    .storelists-page .flex-sb {
        flex-wrap: wrap !important;
    }

    .storelists-page .imgcard {
        width: 44%;
        margin-bottom: 5px;
    }

    .thumbboard-page table.best {
        width: 100% !important;
    }

    .thumbboard-page .my-box {
        flex-wrap: wrap;
    }

    .thumbboard-page .my-box .thumb-box {
        width: 50% !important;
    }

    .storeread-page .reply-box .comment-footer {
        flex: 9 !important;
    }

    .storeread-page .reply-box .date .year {
        display: none;
    }

    .storeread-page .tags a {
        margin-bottom: 20px !important;
    }

    .storeread-page .reply-box .orange-button {
        display: inline-block;
    }

    .storeread-page #map {
        height: 250px !important;
    }

    .storeread-page .relate ul {
        overflow: hidden;
    }

    .storeread-page .relate ul li {
        padding: 10px;
        box-sizing: border-box;
        width: 30% !important;
        margin-right: 4.45% !important;
        margin-bottom: 10px;
        background: #727272;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .storeread-page .relate ul li:nth-child(3n) {
        margin-right: 0 !important;
    }

    .storeread-page .relate ul li p {
        display: inline-block;
        font-weight: 200 !important;
        font-size: 12px !important;
        letter-spacing: -1px !important;
        position: initial !important;
        width: initial;
        vertical-align: top;
    }

    .storeread-page .relate ul li img {
        display: inline-block;
        height: 15px;
    }

    .storeread-page .reply-box table.reply-read tr th {
        font-size: 12px !important;
    }

    .storeread-page .reply-box table.reply-read tr td {
        font-size: 12px !important;
    }

    .storeread-page .reply-box table.reply-read tr td:last-child {
        width: 15% !important;
        min-width: 15% !important;
        line-height: 14px;
    }

    .storeread-page .overview {
        margin-bottom: 10px !important;
        padding-bottom: 40px !important;
    }

    .storeread-page .overview .right {
        position: absolute;
        right: 10px;
        top: 18px;
    }

    .storeread-page .overview .left {
        width: 100% !important;
    }

    .storeread-page .overview .left .title {
        font-size: 17px !important;
        color: #333 !important;
    }

    .storeread-page .overview .left>.subtitle {
        font-weight: 300 !important;
        color: #333 !important;
        font-size: 13px !important;
        line-height: 19px !important;
        margin: 20px 0 0 0;
    }

    .storeread-page .overview .left .location,
    .storeread-page .overview .left .contact {
        margin-bottom: 5px !important;
    }

    .storeread-page .overview .left .location .subtitle,
    .storeread-page .overview .left .contact .subtitle {
        color: #666 !important;
        font-weight: 300 !important;
        margin-right: 5px !important;
    }

    .storeread-page .overview .left .location .text,
    .storeread-page .overview .left .contact .text {
        color: #666 !important;
        font-weight: 300 !important;
    }

    .storeread-page .overview .left .price-box {
        margin: 10px 0;
        position: absolute;
        right: 10px;
        bottom: 11px;
    }

    .storeread-page .overview .left .price-box .discount {
        text-align: right;
        color: #333;
        font-size: 20px;
        font-weight: 600;
    }

    .storeread-page .overview .left .price-box .discount .small {
        font-size: 15px;
    }

    .storeread-page .overview .left .price-box .price {
        text-decoration: line-through;
        margin-bottom: 5px;
        text-align: right;
        font-size: 12px;
        color: #666;
    }

    .storeread-page .overview .left .price-box .price .small {
        font-size: 12px;
    }

    .storeread-page .overview .left .price-box .discount-tag {
        position: absolute;
        bottom: 0;
        left: -40px;
        background: #fe6700;
        color: #fff;
        font-size: 12px;
        padding: 3px;
    }

    .storeread-page .overview .left .options {
        clear: both;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .myarea-box {
        font-weight: 300 !important;
    }

    .myarea-board .each-box,
    .event-container .each-box {
        padding: 8px 0 40px 0 !important;
        position: relative;
    }

    .myarea-board .each-box .m-etc,
    .event-container .each-box .m-etc {
        width: 100%;
        position: absolute;
        bottom: 7px;
        height: 30px;
    }

    .myarea-board .each-box .m-etc .inner,
    .event-container .each-box .m-etc .inner {
        overflow: hidden;
    }

    .myarea-board .each-box .thumb-content .imgcard-text,
    .event-container .each-box .thumb-content .imgcard-text {
        margin-top: 33px !important;
    }

    .myarea-board .each-box .thumb-content .imgcard-title,
    .event-container .each-box .thumb-content .imgcard-title {
        margin-top: 15px !important;
    }

    .myarea-board .imgcard-text div,
    .event-container .imgcard-text div {
        font-size: 12px !important;
    }

    .myarea-board .imgcard-title,
    .event-container .imgcard-title {
        font-size: 13px !important;
    }

    .myarea-board .content,
    .event-container .content {
        padding-left: 10px;
        width: 80% !important;
    }

    .myarea-board .content .title1,
    .event-container .content .title1 {
        font-weight: 400 !important;
        margin-top: 12px;
        font-size: 14px !important;
        letter-spacing: -1px;
    }

    .myarea-board .content .title2,
    .event-container .content .title2 {
        line-height: 17px !important;
        font-size: 12px !important;
    }

    .myarea-board .option-box,
    .event-container .option-box {
        margin-top: 12px;
        max-width: 70%;
        overflow: hidden;
        height: 20px;
        float: left;
    }

    .myarea-board .option-box span,
    .event-container .option-box span {
        padding: 0px 5px;
        font-size: 12px;
        background: #fba062;
        color: #fff;
        display: inline-block;
        margin-bottom: 3px;
        line-height: normal;
    }

    .myarea-board .review,
    .event-container .review {
        position: absolute !important;
        right: 0px !important;
        top: 13px !important;
        position: relative;
        display: inline-block;
    }

    .myarea-board .review img,
    .event-container .review img {
        display: inline-block;
        max-width: 14px;
        max-height: 14px;
        vertical-align: middle;
    }

    .myarea-board .review span,
    .event-container .review span {
        color: #333;
        line-height: 26px;
        font-size: 12px;
    }

    .myarea-board .review>div:last-child,
    .event-container .review>div:last-child {
        margin-left: 5px;
    }

    .myarea-board .price-box,
    .event-container .price-box {
        width: 106px;
        position: absolute;
        bottom: 1px;
        right: 0;
    }

    .myarea-board .price-box .discount,
    .event-container .price-box .discount {
        text-align: right;
        color: #fe6700 !important;
        font-size: 17px !important;
        font-weight: 600;
    }

    .myarea-board .price-box .discount .small,
    .event-container .price-box .discount .small {
        font-size: 13px !important;
    }

    .myarea-board .price-box .price,
    .event-container .price-box .price {
        text-decoration: line-through;
        text-align: right;
        font-size: 12px;
        color: #666;
    }

    .myarea-board .price-box .price .small,
    .event-container .price-box .price .small {
        font-size: 12px;
    }

    .myarea-board .price-box .discount-tag,
    .event-container .price-box .discount-tag {
        position: absolute;
        bottom: -2px !important;
        left: -4px !important;
        background: #fe6700;
        color: #fff;
        font-size: 12px;
        padding: 3px;
    }

    .event-infotext div {
        font-size: 12px !important;
        line-height: 16px;
        margin-bottom: 5px !important;
    }

    .highlight {
        color: #fe6700;
        border-bottom: 1px solid #fff2db;
        box-shadow: inset 0 -2px 0 #fff2db;
        background: #fff2db;
        display: inline-block;
    }

    .write-review a {
        padding: 10px 20px !important;
    }

    .pop-review-box {
        display: block !important;
    }

    .pop-review-box .pop-review-inner {
        margin: 0 !important;
    }

    .pop-review-box .pop-review-inner.pop-month {
        margin-top: 15px !important;
    }

    .pop-review-box .pop-header {
        font-size: 14px !important;
        font-weight: 400 !important;
    }

    .pop-review-box .pop-body {
        height: initial !important;
    }

    .pop-review-box li {
        margin-bottom: 5px !important;
        height: 20px;
        overflow: hidden;
    }

    .pop-review-box li .title {
        font-size: 12px !important;
        letter-spacing: -1px;
    }

    .review-board {
        margin-top: 20px;
    }

    .review-board thead th {
        border-top: 1px solid #eee;
        text-align: center !important;
    }

    .review-board th {
        width: 0% !important;
        font-size: 13px !important;
        letter-spacing: -1px;
        font-weight: 300 !important;
        padding: 10px 7px !important;
        box-sizing: border-box;
        border-bottom: 1px solid #eee;
    }

    .review-board td {
        text-align: left;
        padding: 10px 7px !important;
        box-sizing: border-box;
        font-size: 13px !important;
        letter-spacing: -1px;
        font-weight: 300 !important;
        border-bottom: 1px solid #eee;
    }

    .review-board td .title {
        font-weight: 400 !important;
        margin-bottom: 5px !important;
        color: #333 !important;
        line-height: 17px;
    }

    .review-board td .info span {
        color: #333 !important;
        font-size: 12px !important;
    }

    .review-board td:first-child {
        border-top: 1px solid #eee;
    }

    .market-cat {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .market-cat ul {
        overflow: hidden;
    }

    .market-cat ul li {
        border: 1px solid #ccc;
        border-radius: 2px;
        box-sizing: border-box;
        width: 48.5%;
        box-sizing: border-box;
        margin-right: 3%;
        margin-bottom: 7px;
        text-align: center;
        padding: 10px 0;
        float: left;
    }

    .market-cat ul li a {
        font-size: 14px;
        letter-spacing: -1px;
        height: 35px;
        overflow: hidden;
    }

    .market-cat ul li:nth-child(2n) {
        margin-right: 0;
    }

    .market-cat ul li.unselected {
        border: 1px solid #ddd;
    }

    .market-cat ul li.unselected a {
        color: #666;
    }

    .market-cat ul li.selected {
        border: 1px solid #333;
    }

    .market-cat ul li.selected a {
        color: #333;
    }

    .marketlists-page tr {
        border: 0 !important;
    }

    .marketlists-page tr.border {
        border-bottom: 1px solid #eee !important;
        height: 23px !important;
    }

    .marketlists-page .market-board td {
        background: #fff !important;
        border: 0 !important;
    }

    .marketlists-page .market-board td.thumbnail {
        border: 0 !important;
        width: 100px !important;
    }

    .marketlists-page .market-board td.thumbnail a {
        border: 0 !important;
        width: 100px !important;
        height: 100px !important;
    }

    .marketlists-page .market-board td .title-area {
        margin-top: -15px !important;
    }

    .marketlists-page .market-board td .title-area .title1 {
        font-size: 13px !important;
        margin-bottom: 5px !important;
    }

    .marketlists-page .market-board td .title-area .title2 {
        width: 100% !important;
        font-size: 12px !important;
        letter-spacing: -1px !important;
        height: 25px;
        line-height: 20px;
        overflow: hidden;
    }

    .marketlists-page .market-board td .bottom {
        bottom: 3px !important;
    }

    .marketlists-page .market-board td .bottom .regdate {
        font-size: 12px !important;
        letter-spacing: -1px !important;
    }

    .marketlists-page .market-board td .bottom .price-box {
        font-size: 12px !important;
    }

    .marketlists-page .market-board td .bottom .price-box .price {
        letter-spacing: -1px !important;
        margin-bottom: 0 !important;
    }

    .marketlists-page .market-board td .bottom .price-box .discount {
        font-size: 12px !important;
    }

    .marketlists-page .market-board td .bottom .price-box .discount-tag {
        left: -25px !important;
    }

    .marketread-page .overview .title {
        font-size: 12px !important;
    }

    .marketadd-page #theme {
        justify-content: flex-start !important;
    }

    .marketadd-page #theme button {
        flex-basis: 30%;
        margin-right: 5% !important;
        margin-bottom: 10px !important;
    }

    .marketadd-page #theme button:nth-child(3n) {
        margin-right: 0 !important;
    }

    .marketadd-page #theme button span {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
    }

    .search-field {
        margin: 10px auto;
        display: inline-block;
        width: 100%;
    }

    .search-field legend {
        display: none;
    }

    .search-field .search {
        position: relative;
        width: 100% !important;
        height: 40px;
        border: 1px solid #9e9e9e;
        box-sizing: border-box;
    }

    .search-field .search .sm {
        padding: 1px 0 0 0;
        vertical-align: top;
        border: 1px solid #fff;
        font-size: 14px;
        font-weight: 400;
        color: #000;
    }

    .search-field .search {
        width: 90%;
    }

    .search-field .search .sm {
        width: 77%;
        line-height: 29px;
        margin-left: 2%;
        margin-right: 20%;
    }

    .search-field .sm::placeholder {
        color: #ccc;
        font-weight: 300;
    }

    .search-field .search .icon {
        position: absolute;
        top: 10px;
        right: 10px;
        height: 20px;
        background: none;
        border: 0;
        padding: 0;
        overflow: hidden;
    }

    .search-field .search .icon img {
        width: 18px;
    }

    .search-field .search .smBtm {
        padding: 0 0 0 0;
        vertical-align: top;
    }

    .storelists-page-m .store-board th {
        padding: 10px 2px !important;
        box-sizing: border-box;
    }

    .storelists-page-m .store-board th:first-child {
        width: initial !important;
        min-width: initial !important;
        max-width: initial !important;
    }

    .storelists-page-m .store-board td {
        box-sizing: border-box;
        padding: 7px 2px !important;
        font-size: 12px !important;
        width: 100%;
        vertical-align: middle;
    }

    .storelists-page-m .store-board td:first-child {
        padding-left: 0 !important;
    }

    .storelists-page-m .store-board td button {
        padding: 10px 6px !important;
    }

    .storelists-page-m .my-activity .overview {
        margin-left: 7px;
    }

    .storelists-page-m .my-activity .overview li {
        width: 49% !important;
        height: 36vw !important;
        margin-bottom: 5px;
    }

    .storeadd-page .my-box .square-box.theme-box a .main,
    .storeadd-page .my-box .square-box.theme-box span .main {
        padding: 5px !important;
    }

    ._24CheckWrap {
        max-width: 180px;
        width: 32%;
    }

    .storeadd-page .color-picker .color {
        width: 17px !important;
        height: 17px !important;
    }

    .storeadd-page .square-box.city a {
        width: 48.2% !important;
    }

    .storeadd-page .square-box a {
        width: 31.2% !important;
    }

    .storeadd-page table th {
        padding: 10px 5px !important;
        min-width: 50px !important;
        color: #666 !important;
        line-height: 18px !important;
    }

    .storeadd-page table td {
        padding: 10px !important;
        line-height: 18px !important;
    }

    .storeadd-page table .storeOpenTimeWrap div {
        display: inline-block;
    }

    .storeadd-page table.table-storeadd th {
        width: 10% !important;
        padding: 3px 0 !important;
        word-break: keep-all;
    }

    .storeadd-page table.table-storeadd td #map {
        height: 200px !important;
    }

    .storeadd-page table .image-preview .img-box {
        flex-direction: column;
    }

    .storeadd-page table .image-preview .img-box .each-img {
        padding: 0;
        margin: 0 0 10px;
        height: auto;
    }

    .storeadd-page table .image-preview .img-box .each-img img {
        max-width: 100%;
    }

    #taxImage {
        max-width: 100%;
    }

    .area-gps {
        width: 20px !important;
    }

    .review-board td .title {
        text-overflow:ellipsis;
        white-space:nowrap;
        overflow:hidden;
    }

    /* -------------------------------------------- */

    .mobile-left-menu.newSideMenu .header-container.bg-orange {
        background-color: #ff8534 !important;
        color: #fff !important;
    }

    .newSideMenu .bg-orange .text {
        color: #fff !important;
    }

    .newSideMenu .bg-orange a {
        color: #fff !important;
    }

    .newSideMenu .header-container {
        background-color: #e9e9e9;
    } 

    .newSideMenu .header-container .login-head {
        display: flex;
        align-items: center;
    }

    .newSideMenu .header-container .login-head .img {
        display: inline-block;
    }

    .newSideMenu .header-container .text {
        color: #000;
        font-weight: 400 !important;
    }

    .newSideMenu .header-container .text.login {
        color: #000;
    }

    .newSideMenu .header-container .text.login a {
        color: #000;
    }

    .newSideMenu .header-container .text.login a span {
        color: #000;
        display: inline-flex;
        flex-direction: column;
    }

    .newSideMenu .header-container .text.login a span::after {
        content: '';
        height: 3px;
        background-color: black;
        display: block;
    }

    .newSideMenu .right-layout .bg-orange {
        background-color: #ff8534 !important;
        color: #fff !important;
    }

    .newSideMenu .right-layout {
        padding: 0 0 5vw 0;
    }

    .newSideMenu .myPageArea {
        background-color: #e9e9e9;
        padding-bottom: 15px;
    }

    .newSideMenu .myPageArea .item, .newSideMenu .categoryArea .item{
        padding: 15px 0;
        padding-left: 30px;
        font-weight: 300;
    }

    .newSideMenu .myPageArea .item a, .newSideMenu .categoryArea .item a, .newSideMenu .categoryArea .item div {
        color: #000;
        display: flex;
        width: 100%;
        box-sizing: border-box;
        align-items: center;
    }

    .newSideMenu .newMsgIcon {
        position: relative;
        padding: 2px 5px !important;
    }

    .newSideMenu .more {
        margin-left: auto;
        margin-right: 15px;
        font-size: 11px;
    }

    .newSideMenu .categoryArea {
        background-color: #fff;
        padding-top: 15px;
        padding-bottom: 40px;
        border-bottom: 10px solid #e9e9e9;
    }

    .newSideMenu .categoryArea .itemSub {
        display: flex;
        flex-direction: column;
        padding: 7px 0;
        padding-left: 35px;
        background-color: #e9e9e9;
    }

    .newSideMenu .categoryArea .itemSub a {
        display: flex;
        width: 100%;
        padding: 7px 0;
        font-size: 14px;
        color: #000;
    }

    .newSideMenu .contactArea {
        margin: 30px 0;
        padding: 0 25px;
        padding-bottom: 30px;
        border-bottom: 1px solid #ededed;
    }

    .newSideMenu .contactArea .contact {
        display: flex;
        align-items: center;
    }

    .newSideMenu .contactArea .contact img {
        width: 30px;
        height: 34px;
        margin-right: 10px;
    }

    .newSideMenu .contactArea .contact .text {
        color: #767676;
        font-size: 14px;
        display: flex;
        flex-direction: column;
    }

    .newSideMenu .contactArea .contact .text .small {
        color: #9e9e9e;
        font-size: 13px;
        margin-top: 4px;
    }

    .newSideMenu .contactArea .kakao {
        background-color: #ededed;
        margin-top: 30px;
        padding: 15px;
        border-radius: 15px;
    }

    .newSideMenu .contactArea .kakao a {
        display: flex;
        width: 100%;
        justify-content: center;
        color: #2b1b0a;
        font-weight: 400;
    }

    .newSideMenu .snsArea {
        display: flex;
        padding: 0 20px;
        margin-bottom: 15px;
    }

    .newSideMenu .snsArea div {
        width: 34px;
        display: flex;
        margin: 0 auto;
    }

    .newSideMenu .snsArea img {
        max-width: 100%;
    }

    .my-activity-new {
        padding: 0;
        border: 0;
        border-radius: unset;
        box-shadow: unset;
        padding-bottom: 10px;
        border-bottom: 10px solid #EEEEEE;
    }

    .myActivityBanner {
        margin: 0 10px 40px;
    }

    .myActivityBanner .icon {
        margin-left: auto;
    }

    .my-activity-new .tabs div {
        font-size: 14px;
    }

    .my-activity-new .contents {
        padding: 0 20px;
        font-size: 14px;
    }

    .my-activity-new .contents .item.contact .title {
        display: none;
    }

    .my-activity-new .itemWrap .item .name {
        width: 63%;
    }

    .my-activity-new .itemWrap .item.contact .name {
        width: 50%;
    }

    .my-activity-new .itemWrap .item.contact .type {
        width: 13%;
    }

    .my-activity-new .itemWrap .item .date {
        width: 30%;
    }

    .my-activity-new .itemWrap .item .btn {
        width: 7%;
    }

    .my-activity-new #like .title, .my-activity-new #dislike .title {
        display: none;
    }

    .my-activity-new #article .name, .my-activity-new #comment .name {
        display: none;
    }





    .hdRow .menu-tab1 {
        position: absolute;
        right: 20px;
        top: 30px;
    }

    .hdRow .logoBox {
        padding: 10px 0;
    }

    .hdRow .logoBox img {
        width: 100px;
    }

    .hdRow + .base-container {
        padding: 0px 5px;
    }

    header nav .item::after {
        display: none;
    }

    header nav .item {
        width: 25%;
        font-size: 16px;
    }

    header nav .item a {
        font-weight: 500;
        font-size: 16px;
    }

    .navSubMenu {
        width: 130px;
    }

    .topBannerMain img {
        max-width: 100%;
    }

    .topBannerArea {
        height: auto;
        /* background: center url('/assets/front/images/topBannerBgMobile.png') no-repeat #261913;
        background-size: 100% 100%; */
        background-color: #454545;
    }

    .topBannerArea2, .topBannerArea2 .base-container, .topBannerArea .base-container {
        height: 60px;
    }

    .topBannerArea span, .topBannerArea2 span {
        font-size: 15px;
        font-weight: 400;
    }

    .topBannerArea2 .areaOpen {
        margin-left: 15px;
        width: 13px;
        height: 7px;
    }

    .cateWrap {
        padding: 0px;
        border-top: 1px solid #bfbfbf;
    }

    .cateWrap a {
        flex-basis: 25%;
        font-size: 12px;
        padding: 10px 0;
        text-align: center;
    }

    .cateWrap a:nth-child(4n) {
        border-right: 0;
    }

    .cateWrap a:nth-child(11n) {
        border-right: 1px solid #e5e5e5;
    }

    /* .cateWrap a:nth-child(3n) {
        border-bottom: 1px solid #e5e5e5;
    }

    .cateWrap a:nth-child(3n-1) {
        border: 1px solid #e5e5e5;
        border-top: 0;
    }

    .cateWrap a:nth-child(3n-2) {
        border-bottom: 1px solid #e5e5e5;
    } */



    .headerLabel {
        width: 33.3%;
        font-size: 16px;
        margin-left: 10px;
    }

    .headerLabel:first-child {
        width: 33.3%;
    }

    .headerLabelImg {
        margin-right: 5px;
    }

    .headerLabelImg img {
        width: 12px;
    }

    .headerLabel .labelIcon {
        margin-left: auto;
        margin-right: 10px;
        width: 16px;
        height: 7px;
    }

    .headerLabel .labelIcon.close, .headerLabel .labelIcon.open {
        background-size: 16px 7px;
    }

    .newStoresList h1 {
        font-size: 17px !important;
        font-weight: 500;
        text-align: center;
        display: block;
    }

    .newStoresList .common-head .h2 {
        font-size: 15px !important;
        display: block;
        text-align: center;
    }

    .store-board-new .itemBox {
        flex-basis: 100% !important;
        margin: 15px 4px !important;
        max-width: unset ;
    }

    #expireStores {
        display: flex !important;
    }

    #expireStores .slick-prev, #expireStores .slick-next {
        display: none !important;
    }

    .newOwlContent {
        z-index: 1;
        position: absolute;
        left: 0px !important;
        width: 100% !important;
        background-color: #34343491;
        height: 100%;
        top: 0 !important;
    }

    .lineSubject {
        white-space: unset;
        text-overflow: unset;
        overflow: hidden;
        width: 100%;
        max-height: 34px;
        font-size: 14px;
        line-height: 17px;
    }

    .lineArticle .lineAddt {
        display: none;
    }

    .store-board-new {
        position: relative;
    }

    .store-board-new::after {
        content: '';
        background-image: linear-gradient(#f6f6f6, #f6f6f6);
        border-top: 1px solid #dcdcdc;
        height: 10px;
        position: absolute;
        left: -25px;
        bottom: -20px;
        width: 135%;
        overflow: hidden;
    }

    .itemContainer .store-board-new::after {
        display: none;
    }

    .store-board-new .content .left .top {
        padding-top: 18px;
    }

    .mobmt {
        padding-top: 30px;
    }

    .customOvh {
        overflow: hidden;
    }

    .noMargin {
        margin-bottom: 0;
    }

    .searchToggle, .searchToggleMob {
        position: absolute;
        top: 30px;
        left: 20px;
    }

    .store-board-new .m-only.pagination-box {
        width:100%
    }

    .topBannerMain {
        background: transparent;
    }
    
    .bannerWrap {
        width: 100%;
        height: auto;
    }


    /* .store-board-new .myareaThumb {
        height: 100%;
    } */

    .topSelectContainer {
        top: 0;
        margin-top: 10px;
    }

    .tscHeader {
        height: 40px;
    }

    .tscHeader div {
        padding: 0 15px 0 20px;
    }

    .tscHeader div .ctClose {
        background-size: 11px 6px;
    }

    .tscHeader div .ctIcon {
        background-size: 11px 6px;
        width: 11px;
        height: 6px;
    }

    .tscHeader .categorySelect {
        border: 1px solid #ff7f2a;
    }

    .tscHeader .categorySelect[type="loc"] {
        width: 49%;
        background-color: #fff;
        color: #131313;
        margin-right: 1%;
    }

    .tscHeader .categorySelect[type="theme"] {
        width: 49%;
        background-color: #fff;
        color: #999;
        margin-left: 1%;
    }

    .tscHeader .categorySelect span:first-child {
        display: flex;
    }

    .tscHeader .categorySelect span img {
        width: 13px;
        height: 17px;
        margin-right: 7px;
    }

    .tscHeader .mainSearch {
        display: none;
    }

    .tscContents {
        padding: 0;
    }

    .tscContents .categoryList[type="theme"] {
        height: auto;
        padding: 0;
    }

    .tscContents .categoryList .img {
        display: none;
    }

    .tscContents .categoryList a {
        border-right: 1px solid #e5e5e5;
        box-sizing: border-box;
        flex-basis: 25% !important;
        padding: 10px 0 !important;
        margin: 0 !important;
        border-bottom: 1px solid #e5e5e5 !important;
    }

    .tscContents .categoryList a.dis {
        border-bottom: 0 !important;
    }

    .tscContents .categoryList a:nth-child(4n) {
        border-right: 0;
    }

    .tscContents .categoryList a .txt {
        margin-top: 0;
        font-size: 12px;
    }

    .tscContents .categoryList[type="theme"] a .txt {
        margin-top: 0px;
    }

    .tscContents .categoryList[type="theme"] a:last-child {
        border-right: 1px solid #e5e5e5;
    }

    .headText {
        padding-top: 20px;
    }

    .headText h1 {
        font-size: 20px;
    }

    .itemContainer .slick-slide {
        margin:0 10px;
    }

    .itemContainer .slick-list {
        margin: 0 -10px;
    }

    .itemContainer .slick-prev {
        display: none !important;
    }
    .itemContainer .slick-next {
        display: none !important;
    }
    
    .sectionHeadText .normal {
        font-size: 20px;
    }

    .sectionHeadText .small {
        font-size: 12px;
    }

    .sectionDataWrap .sectionDataHead .shItem {
        font-size: 13px;
    }

    .realTimeWrap {
        padding: 30px 5px;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

    .realTimeWrap .left {
        width: 100%;
        padding-right: 0;
        border-right: 0;
    }

    .realTimeWrap .right {
        display: none;
    }

    .realTimeWrap .conData {
        padding: 5px 0;
    }

    .realTimeWrap .left .conData .subject {
        width: 80%;
    }

    .realTimeWrap .conData a {
        font-size: 14px;
    }

    .realTimeWrap .left .conData .location {
        font-size: 12px
    }

    .icSpacer {
        padding-bottom: 0;
    }

    .mSpaceBorder {
        margin-top: 0;
        border-top: 1px solid #cdcdcd;
        padding-top: 30px;
    }

    .newRemark {
        margin-top: 0;
    }

    .newStoresList .newRemark {
        margin-top: 55px;
    }

    .newRemark .remarkItem {
        flex-direction: row !important;
        width: 100% !important;
        background: transparent !important;
        margin-bottom: 15px !important;
    }

    .newRemark .remarkItem:nth-child(n+5) {
        margin-top: 0 !important;
    }

    .newRemark .remarkItemImg {
        width: 50% !important;
    }

    .newRemark .remarkItemHead {
        padding: 12px 15px !important;
    }

    .newRemark .remarkItemBody {
        width: 45% !important;
        margin-left: 5% !important;
        background: #fff !important;
    }

    .newRemark .remarkItemContent {
        padding-left: 15px !important;
        padding-right: 15px !important;
        max-height: unset !important;
        overflow-y: auto !important;
    }

    .newRemark .remarkItemContent p {
        max-height: unset !important;
    }

    .remarkItemMore, .remarkItemClose {
        display: none !important;
    }

    .newStoresList .newRemark .remarkContainer {
        padding: 0;
    }

    .snsWrap {
        flex-wrap: wrap;
    }

    .snsWrap div {
        width: 49%;
        margin-right: 1%;
        margin-top: 1%;
    }

    .snsWrap div:nth-child(2n) {
        margin-right: 0;
    }

    .snsWrap div:nth-child(2n+1) {
        margin-left: 0;
    }

    .footerNew {
        margin-bottom: 46px;
        padding: 30px 10px;
    }

    .footerWrap {
        font-size: 13px;
        letter-spacing: -.5px;
    }

    .footerWrap .footerLeft {
        box-sizing: border-box;
        width: 100%;
    }





    



    

    .myAreaSearchWrap {
        margin-bottom: 0px;
    }

    .myAreaSearchWrap #keyword {
        width: 220px !important;
    }

    .myAreaSearchWrap #map {
        height: 220px !important;
    }

    .myAreaSearchWrap .myAreaReset {
        z-index: 1;
    }

    .myAreaSearchWrap .setLocation {
        margin-bottom: 0;
        z-index: 2;
    }

    .myareaChange {
        bottom: 67px;
    }
    
    .btnWrap, .btnWrap2 {
        width: 100%;
    }

    .areaTop {
        display: none;
    }

    .myarea-board-new {
        margin-top: 10px;
    }

    .myarea-board-new .each-box {
        flex-direction: column;
        padding: 0;
        margin: 0 5px 20px;
        border: 0;
    }

    .myarea-board-new .myareaThumb {
        width: 100%;
        padding-right: 0;
    }

    .myarea-board-new .myareaThumb img {
        height: auto;
    }

    .myarea-board-new .content {
        width: 100%;
    }

    .myarea-board-new .content .left .top {
        display: flex;
        flex-direction: column;
        border-bottom: 0;
        padding: 10px;
    }

    .myarea-board-new .content .left .top .title {
        order: 2;
        margin-top: 18px;
        font-size: 20px;
    }

    .myarea-board-new .content .left .top .address {
        order: 3;
        font-size: 13px;
        margin: 9px 0;
    }

    .myarea-board-new .content .left .top .icons {
        order: 1;
        margin-top: 5px;
        font-size: 13px;
    }

    .myarea-board-new .content .left .bottom {
        margin-top: auto;
        padding: 17px 10px;
        background-color: #faf6f3;
        font-weight: 400;
        letter-spacing: -.5px;
        line-height: 19px;
    }

    .myarea-board-new .content .left .bottom .title {
        text-overflow: unset;
        overflow: unset;
        white-space: unset;
        width: 100%;
        font-size: 13px;
        color: #4c4c4c;
    }

    .myarea-board-new .content .left .bottom .hashTag {
        display: none;
    }

    .myarea-board-new .content .right {
        display: none;
    }
    






    .comm-row {
        padding: 10px 15px;
        border-bottom: 1px solid #e8e8e8;
        display: flex;
    }

    .comm-left {
        width: 100%;
    }

    .comm-right {
        width: 20%;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        color: #7b7b7b;
        font-size: 13px;
    }

    .comm-row:last-child {
        border-bottom: 0;
    }

    .noticeBtn {
        width: 36px;
        padding: 2px 4px;
        font-size: 13px;
        font-weight: 300;
        text-align: center;
        margin-left: 0;
        display: inline-block; 
    }

    .subjectWrapper {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 90%;
        display: inline-block;
    }

    .comm-line2 {
        font-size: 15px;
        padding: 10px 0;
        display: flex;
        align-items: center;
    }

    .comm-line2 a {
        color: #000;
        font-weight: 400;
        line-height: 1.5;
    }

    .comm-line3 {
        display: flex;
        color: #7b7b7b;
        margin-top: 3px;
        font-size: 13px;
    }

    .comm-line3 div:first-child {
        margin-right: 30px;
        min-width: 70px;
    }
    
    .noedit {
        height: 170px;
    }

    #layer { width: 70%; right:10px; left:unset }
    .layerCon img { max-width: 100%; }
    .remarkItemImg { width: 45%; }
    .remarkItemImg img { max-width: 100%; }
    .remarkItemBody { width: 55%; }
    .remarkItemHead { padding: 13px 15px; font-size: 16px; }
    .remarkItemLine { width: 100%; margin: 12px 0; }
    .remarkItemContent { overflow-y: scroll; }
    .remarkItemContent::after { display: none; }
    .remarkVideo iframe {
        width:100%;
        height:auto;
    }

    .storeadd-page .my-box .square-box button,
    .storeadd-page .my-box .square-box a,
    .storeadd-page .my-box .square-box span {
        flex-basis:23%;
    }

    .frRow {
        flex-direction:column;
        align-items:flex-start;
    }
    .frName { width:100% !important; }
    .frDateM { 
        display:block;
        margin-left:auto;
    }
    .frCon { padding-top:7px !important; }
    .frDate { display:none; }
    .event-page .event-select-box .row .event-price {
        width: 40%;
        padding: 10px;
    }

    .event-page .event-select-box .row .select-box {
        padding:10px 20px;
    }

    .event-page .event-select-box .row .select-box #eventEnd { width:90%; }
    .event-page .event-select-box .row .select-box #timepicker2 { width:60%; }


    .event-page .eventHeader {
        margin-top: 10px;
    }

    .event-page .eventHeader li {
        width: 32%
    }

    .event-page .eventItem {
        width: 100%;
    }

    .event-page .eventContent[type='blog'] .eventItem {
        width: 100%;
        margin: 0 0 30px;
    }

    .storeInfoHead {
        max-width:70px;
    }
    .tooltip {
        position: absolute;
        left: 135px;
        font-size: 16px;
    }
    .summaryHead {
        font-size:17px;
    }
    .summaryCon {
        font-size:12px;
    }
    .storeBtnWrap {
        overflow-x:auto;
        padding:25px 4px 5px;
        justify-content: flex-start;
    }
    .storeContainer {
        width: 100%;
    }
    .conRowProgram {
        font-size: 13px;
    }
    .storeListBtn {
        min-width:93px; 
        margin-right:5px;
        padding:9px 0px;
        font-size: 12px;
    }
    .storeListBtn:last-child {
        margin-right:0;
    }
    .storeInfoRowSubject {
        margin-top: 0;
    }
    .storeInfoRow {
        padding: 10px 3px;
        font-size: 14px;
    }
    .storeInfoRowSubject a {
        font-size: 20px;
    }
    .storeResponse {
        margin:20px 10px;
        padding:20px 10px;
    }
    .resHead div:first-child, .resConRow div:first-child {
        flex: 2;
    }
    .resHead div, .resConRow div {
        flex: 3;
    }
    .resHead div:last-child, .resConRow div:last-child {
        flex: 5;
    }
    .resHeadJump div:first-child, .resConJump .resConRow div:first-child {
        flex: 2;
    }
    .resHeadJump div:last-child, .resConJump .resConRow div:last-child {
        flex: 8;
    }
    .customTimepicker {
        max-width:200px;
    }
    .my-activity .overview li p {
        margin-top:7px;
        font-size: 15px;
    }

    .storeInfoBox {
        padding: 25px 20px 6px;
    }

    .mobileTopHeader {
        display: flex !important;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 15px 0;
        border-bottom: 1px solid #dedede !important;
        position: relative;
    }

    .mobileTopHeader div {
        display: flex;
        color: #393939;
    }

    .mobileTopHeader .back {
        position: absolute;
        left: 15px;
        top: 12px;
    }

    .mobileTopHeader img {
        width: 23px;
        height: 23px;
    }

    .mobileHeader {
        border-bottom: 1px solid #efefef;
        margin: 0 10px 25px 10px;
        top: 0px;
        background-color: rgb(255, 255, 255);
        z-index: 10;
        width: calc(100% - 20px);
        display: flex !important;
    }

    .mobileHeader .item {
        cursor: pointer;
        display: flex;
        color: #474747;
        font-size: 14px;
        flex-direction: column;
        min-width: 33%;
        max-width: 33%;
        /* padding-right: 15px; */
        box-sizing: border-box;
        margin-right: 2px;
        text-align: center;
    }

    .mobileHeader .item span {
        display: inline-block;
        padding: 5px 6px 15px 6px;
        white-space: nowrap;
    }

    .mobileHeader .item.active {
        color: #000;
        font-weight: 500;
    }
    
    .mobileHeader .item.active::after {
        content: ' ';
        width: 100%;
        display: block;
        height: 3px;
        background-color: #ff6000;
        position: relative;
        top: 1px;
    }

    .storeContents {
        flex-direction: column;
        padding: 0 12px;
    }

    .stConRow {
        padding: 40px 0;
        margin-top: 0;
        margin-bottom: 0;
        border-bottom: 0;
    }

    .stConRow::after {
        width: 100%;
        height: 10px;
        content: ' ';
        left: 0;
        display: block;
        background-color: #ebebeb;
        margin-top: 33px;
        overflow: hidden;
        position: absolute;
    }

    .stConRow:first-child {
        padding-top: 0;
    }

    .stConRow:first-child::after {
        display: none;
    }

    .stConRow .topInfo .column .item h1 {
        font-size: 19px;
    }

    .stConRow .topInfo .column .item:last-child {
        font-size: 11px;
        padding-top: 1px;
    }

    .stConRow .topInfo .column .item img {
        width: 14px;
        height: 10px;
    }

    .stConRow .title {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .stConRow .youtubeWrap iframe {
        width: 100%;
        height: auto;
    }

    .stConRow .blogContents a {
        width: 100%;
    }

    .stConRow .blogContents .item {
        flex-basis: 100%;
    }

    .stConRow .blogContents a .item .info {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .stConRow .blogContents a .item .info .c {
        word-wrap: normal;
        white-space: initial;
        word-break: keep-all;
        max-height: 45px;
        overflow: hidden;
    }

    .programHead {
        padding-left: 7px;
    }

    .detailHead {
        min-width: 77px;
    }
    
    .detailCon {
        line-height: 1.4;
    }

    .storeImages {
        margin-bottom: 15px;
    }

    .shopType {
        margin-top: 20px;
        padding-right: 10px;
        box-sizing: border-box;
        width: 100%;
    }

    .shopType div {
        width: 100%;
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .shopType div::-webkit-scrollbar {
        display: none;
    }

    .detailInfo {
        padding-top: 10px;
    }

    .stConLeft, .stConRight, .detailCon {
        width: 100%;
    }

    .stConLeft {
        padding-right: 0;
    }

    .detailContainer .detailRow:nth-child(9n) {
        margin-bottom: 0;
    }

    .detailCon .managerWrap {
        flex-direction: column;
        align-items: flex-start;
    }

    .detailCon .mn {
        flex-basis:40%;
        margin-bottom: 6px;
    }

    .relateKeywords {
        flex-wrap: wrap;
    }

    .relateKeywords div {
        padding: 7px;
        margin: 4px;
    }

    .relateKeywords div a {
        font-size: 14px;
    }

    .conRowEvent {
        color: #111;
        line-height: 1.6;
        font-size: 13px;
    }

    .programWrap .itemRow {
        padding: 10px 7px;
    }

    .programWrap .itemRow .left {
        width: 45%;
        overflow-y: hidden;
    }

    .programWrap .itemRow .right {
        margin-right: 0;
        align-items: flex-end;
    }

    .programWrap .itemRow .right .subWrap:first-child {
        margin-right: 10px;
    }

    .subTxt {
        font-size: 12px;
        overflow-x: auto;
        /* width: 90%; */
        word-break: keep-all;
        overflow-y: hidden;
        line-height: 1.6;
    }

    .subTxt::-webkit-scrollbar {
        display: none;
    }

    .diP {
        font-size: 12px;
        width: 73px;
        display: block;
        text-align: right;
    }

    .prc {
        font-size: 17px;
    }

    .subWrap {
        width: auto;
    }

    .prcTxt {
        font-size: 13px;
        margin-bottom: 1px;
        margin-right: 5px;
    }

    .programWrap .itemRow .line1, .programWrap .itemRow .line2 {
        margin-top: 6px;
    }

    .pageOutro {
        font-size: 13px;
        line-height: 1.6;
    }

    .noticeHead img {
        width: 17px;
        height: 17px;
    }

    .noticeHead span {
        font-size: 16px;
    }

    .noticeCon {
        font-size: 13px;
    }

    .storeComment .title span, .storeReview .title span {
        width: calc(100% - 95px);
        white-space: nowrap;
        overflow-x: auto;
        display: flex;
        align-items: center;
    }

    .storeComment .title span::-webkit-scrollbar, .storeReview .title span::-webkit-scrollbar {
        display: none;
    }

    .stConRight {
        background-color: unset;
    }

    .relateStore {
        padding: 40px 0;
    }

    .relateStore .title {
        text-align: center;
        padding-bottom: 15px;
        padding-top: 5px;
    }

    .storeContents .nick-box .right {
        align-items: center;
    }

    .reviewRow2 .reviewRight {
        margin-right: 0px;
    }

    .stConWrap .reviewLeft {
        width: 100%;
    }
    
    .reviewRow2 .reviewRight span {
        color: #ff7100;
        margin-top: 3px;
        margin-left: 0;
        font-weight: inherit;
        font-size: 13px;
    }

    .reviewRow2 .reviewRight img {
        width: 30px;
    }

    .reviewFilterMob {
        display: flex;
        font-size: 14px;
        align-items: center;
        color: #ff7100;
        flex-direction: row;
        font-weight: 300;
        justify-content: center;
        border-top: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc;
        padding: 20px 0;
        margin: 10px 0;
    }
    
    .reviewFilterMob .filter {
        cursor: pointer;
        display: flex;
        align-items: center;
        width: 33.3%;
        justify-content: center;
        position: relative;
    }

    .reviewFilterMob .filter div {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0 auto;
    }

    .reviewFilterMob .filter span {
        margin-top: 8px;
    }

    .reviewFilterMob .filter img {
        width: 35px;
        height: 35px;
    }
    
    .reviewFilterMob .filter::after {
        content: ' ';
        display: flex;
        width: 1px;
        height: 100%;
        background-color: #e8e8e8;
        position: absolute;
        right: 0;
    }
    
    .reviewFilterMob .filter:last-child::after {
        width: 0px;
    }
    
    .reviewFilterMob .rateSelect {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-right: 20px;
        cursor: pointer;
        padding: 4px 5px;
        box-sizing: border-box;
        width: 65px;
    }
    
    .reviewFilterMob .rateSelect.active {
        border: 1px solid #ff7100;
    }
    
    .reviewFilterMob .rateSelect span {
        margin-left: 0 !important;
        color: #ff7100 !important;
        margin-top: 8px;
        font-size: 14px !important;
        font-weight: 400 !important;
    }

    .storeQuick {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        background-color: #fff;
        overflow: hidden;
        width: 100%;
        height: 46px;
        align-items: center;
        z-index: 10;
    }

    .storeQuick li {
        background-color: #ff7417;
        height: 46px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .storeQuick img {
        max-width: 22px;
    }

    .storeQuick span {
        color: #fff;
        padding-left: 7px;
    }

    .storeQuick .map-box {
        width: 13%;
    }

    .storeQuick .sms-box {
        border-left: 4px solid #fff;
        border-right: 4px solid #fff;
    }

    .storeQuick .sms-box, .storeQuick .call-box {
        width: 45%;
    }

    .storeQuick li div {
        display: flex;
        align-items: center;
    }

    .mapLayer {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #00000047;
        z-index: 10;
    }

    .mapLayerBox {
        width: 70%;
        display: flex;
        flex-direction: column;
        background: #fff;
        border: 1px solid #c5c5c5;
    }

    .mapLayerBox .item {
        padding: 15px 0 15px 14px;
        border-bottom: 1px solid #c5c5c5;
    }

    .mapLayerBox .item:last-child {
        border-bottom: 0;
    }

    .copyAlert {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 70px;
        text-align: center;
        display: inline-block;
    }

    .copyAlert span {
        background-color: #5f5f5f;
        padding: 5px 10px;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        color: #fff;
        font-size: 14px;
        font-weight: 200;
        letter-spacing: 0.4px;
    }

    .appLayerWrap {
        display: block;
        position: fixed;
        inset: 0px;
        background-color: rgba(0, 0, 0, 0.3);
        z-index: 100;
    }

    .appContainer {
        padding: 9px 10px;
        inset: auto 0 0;
        width: auto;
        height: 60px;
        transform: none;
        border-radius: 0;
        background-color: #fff4e0;
        box-shadow: 0 1px 5px 0 #8f8f8f;
        display: block;
    }

    .appTitle {
        display: flex;
        align-items: stretch;
        /* margin-bottom: 20px; */
        justify-content: normal;
    }

    .appTitle .close {
        display: flex;
        margin-right: 12px;
        margin-left: 5px;
        align-items: center;
        font-size: 18px;
    }

    .appTitle .icon {
        border: 1px solid transparent;
        border-radius: 15px;
        width: 58px;
        height: 58px;
        display: flex;
        z-index: 102;
    }

    .appTitle .icon img {
        border-radius: 15px;
        width: 58px;
        height: 58px;
    }

    .appTitle .title {
        /* width: 180px; */
        font-size: 15px;
        letter-spacing: -0.5px;
        font-weight: 500;
        line-height: 1.4;
        align-self: center;
    }

    .appTitle .contents {
        /* width: 180px; */
        font-size: 4vw;
        letter-spacing: -0.5px;
        font-weight: 500;
        line-height: 1.4;
        margin: 0 10px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }

    .appTitle .contents .msg {
        font-size: 2.9vw;
        margin-top: 2px;
        color: #4c4c4c;
        font-weight: 300;
    }

    .appTitle .download {
        display: flex;
        align-items: center;
        flex: 1;
        justify-content: flex-end;
        min-width: 104px;
        padding-right:10px;
    }

    .appTitle .download span {
        border: 1px solid #ff7417;
        padding: 6px 15px;
        font-size: 14px;
        border-radius: 15px;
        background-color: #ffffff;
    }

    .appTitle .download a {
        color: #0c0c0c !important;
        font-weight: 400;
        font-size: 3.3vw;
        letter-spacing: 0.4px;
    }

    .appButton {
        font-size: 13px;
    }

    .appButton div {
        width: auto;
        height: 48px;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        border-radius: 2px;
        color: #b2b2b2;
    }

    .appButton .download {
        color: #000 !important;
        background-color: #fff;
        border: 1px solid #000;
    }

    .appButton .download a {
        color: #000 !important;
        font-weight: 500;
    }

}

@media screen and (min-width: 628px) and (max-width:1024px) {
    .topSelectContainer {
        justify-content: center !important;
    }

    .store-board-new .myareaThumb img {
        margin: 0 auto !important;
    }

    .newRemark .remarkItemImg {
        text-align: center !important;
    }

    .snsWrap div {
        text-align: center !important;
    }

    .cateContainer .current .curItem {
        width: 50%;
    }

    .store-board-new .itemBox {
        margin: 15px 8px !important;
        width: calc(50% - 8px);
        max-width: unset;
        flex-basis: unset !important;
    }

    .store-board-new .itemBox:nth-child(2n-1) {
        margin-left: 0 !important;
    }

    .store-board-new .itemBox:nth-child(2n) {
        margin-right: 0 !important;
    }
}

@media screen and (min-width: 481px) and (max-width:1024px) {
    .cateContainer .current .curItem {
        width: 50%;
    }

    .cateContainer .current .curItem a {
        color: inherit;
        display: flex;
        width: 100%;
        padding: 10px 0;
        align-items: center;
    }
}

@media screen and (max-width: 480px) {
    .review-board thead th:first-child { display: none; }
    .review-board tbody th { display:none }
    #eventUsageLabel { margin-left:0; display:block; }

    .areaSelectHeader {
        display: flex;
        justify-content: space-between;
        padding: 17px 15px;
        align-items: center;
        font-size: 1.055rem;
        font-weight: 400;
    }

    .areaSelectHeader button {
        outline: 0;
        border: 0;
        background-color: transparent;
        color: #2e2e2e;
        font-size: inherit;
        cursor: pointer;
        padding: 0;
    }

    .areaSelectHeader button a {
        color: inherit;
        font-weight: 500;
        font-size: inherit;
        padding: 1px 4px;
    }

    .cateContainer[type='curr'] {
        border: 1px solid #ddd;
        border-radius: 8px;
    }

    .cateContainer {
        border: 0;
        border-radius: 0;
    }

    .cateContainer .current {
        flex-direction: column;
    }

    .cateContainer .current .curItem {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #ddd;
        padding: 0 16px;
    }

    .cateContainer .current .curItem:last-child {
        border-bottom: 0;
    }

    .cateContainer .current .curItem a {
        color: inherit;
        display: flex;
        width: 100%;
        padding: 10px 0;
        align-items: center;
    }

    .cateContainer .current .curItem i {
        width: 25px;
        height: 20px;
        margin-right: 0;
        justify-content: flex-start;
        align-items: center;
        display: flex;
    }

    .cateContainer .current .curItem:first-child i {
        position: relative;
        top: 1px;
        left: 2px;
    }

    .cateContainer .itemContainer {
        height: 100%;
        overflow: hidden;
        border-top: 1px solid #ddd;
    }

    .cateContainer .itemContainer .cateSearch #areaSearch {
        width: 100%;
    }

    .cateContainer .itemContainer .cateSearch .areaSearchBtn {
        left: unset;
        padding: 11px;
        position: absolute;
        right: 21px;
    }

    .cateContainer .itemContainer .cateSearchResult {
        background: #fff;
        max-height: unset;
        height: 100%;
        width: 100%;
        flex-direction: column;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        position: relative;
        top: -8px;
        margin: 0px 0px;
        box-shadow: 0 -3px 4px rgba(0,0,0,.1);
        z-index: 10;
        overflow-y: auto;
        flex-wrap: nowrap;
    }

    .cateContainer .itemContainer ._area._areaSearch {
        flex-basis: auto;
        width: 100%;
    }

    .cateContainer .itemContainer .cateArea {
        overflow: hidden;
    }

    .cateContainer .itemContainer .cateArea .cateItem {
        min-width: 40%;
        width: 40%;
    }

    .cateContainer .itemContainer .cateArea .cateItem .cateList {
        height: 100%;
    }

    /* .cateContainer .itemContainer .cateArea .cateItem .cateList > ._area {
        padding: 10px 15px;
    } */

    /* .cateContainer .itemContainer .cateArea .cateItem[attr='area2'], .cateContainer .itemContainer .cateArea .cateItem[attr='area3'] {
        width: 40%;
        min-width: 40%;
        max-width: 40%;
    } */

    .cateContainer .itemContainer .cateArea .cateItem .cateList ._area2 {
        flex-basis: 100%;
    }

    .cateContainer .itemContainer ._area2 a {
        padding: 10px 15px;
    }

    .cateContainer .itemContainer ._areaSearch a {
        padding: 15px;
    }

    .cateContainer .itemContainer ._areaSearch:first-child a {
        padding-top: 20px;
    }

    .storeImages .si {
        padding: 0;
    }

    .storeImages .slick-prev {
        left: 0;
    }

    .storeImages .slick-next {
        right: 0px;
    }

    #mReview {
        display:flex !important;
        flex-direction: column;
        width:100%;
    }

    .review-board tr {
        display:flex;
        width:100%;
    }

    .review-board th, .review-board td {
        flex-basis:100%;
    }

    .review-board td {
        width:100%;
    }

    .review-board td .name {
        display:inline !important;
        font-weight:500;
    }

    .navSubMenu div {
        padding: 0;
    }

    .navSubMenu div a {
        padding: 10px 0 10px 10px !important;
    }

    .newRemark {
        margin-top: 0px !important;
        padding: 0px 0 20px !important;
    }
}

.header-searchbox {
    position: absolute;
    right: 44px;
    top: 36px;
    z-index: 10;
}

.review-board td .name {
    display:none;
}

.header-searchbox body {
    background-color: #fff;
    color: #ff9800;
    margin: 0;
}

.header-searchbox #content {
    position: absolute;
    height: 50px;
    width: 300px;
    margin-left: 170px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.header-searchbox #content.on {
    animation-name: in-out;
    animation-duration: 0.7s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
}

.header-searchbox input {
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border: 2px solid #ff9800;
    border-radius: 50%;
    background: none;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    outline: 0;
    padding: 0;
    transition: width 0.4s ease-in-out, border-radius 0.8s ease-in-out,
        padding 0.2s;
    transform: translate(-10%, -50%);
}

.header-searchbox .search {
    background: none;
    position: absolute;
    top: 0px;
    left: 0;
    height: 20px;
    width: 20px;
    padding: 0;
    border-radius: 100%;
    outline: 0;
    border: 0;
    color: inherit;
    cursor: pointer;
    transition: 0.2s ease-in-out;
    transform: translate(-10%, -50%);
    z-index: 10;
}

.header-searchbox .search:before {
    content: "";
    position: absolute;
    width: 9px;
    height: 2px;
    background-color: #ff9800;
    transform: rotate(45deg);
    margin-top: 11px;
    margin-left: 4px;
    transition: 0.2s ease-in-out;
}

.header-searchbox .close {
    transition: 0.4s ease-in-out;
    transition-delay: 0.2s;
    left: initial !important;
    right: 20px;
}

.header-searchbox .close:before {
    content: "";
    position: absolute;
    width: 27px;
    height: 4px;
    margin-top: -1px;
    margin-left: -13px;
    background-color: #ff9800;
    transform: rotate(45deg);
    transition: 0.2s ease-in-out;
}

.header-searchbox .close:after {
    content: "";
    position: absolute;
    width: 27px;
    height: 4px;
    background-color: #ff9800;
    margin-top: -1px;
    margin-left: -13px;
    cursor: pointer;
    transform: rotate(-45deg);
}

.header-searchbox .square {
    margin-right: -18px;
    box-sizing: border-box;
    padding: 0 40px 0 10px;
    width: 300px;
    height: 50px;
    border: 2px solid #ff9800;
    border-radius: 0;
    background: #fff;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    outline: 0;
    transition: width 0.4s ease-in-out, border-radius 0.4s ease-in-out,
        padding 0.2s;
    transition-delay: 0.4s, 0s, 0.4s;
    transform: translate(-10%, -50%);
}

/*# sourceMappingURL=common.css.map */