@charset "UTF-8";
/*!
 * Wayplus
 */

/* font
@import url('https://hangeul.pstatic.net/hangeul_static/css/nanum-gothic.css');
@import url('https://hangeul.pstatic.net/hangeul_static/css/nanum-myeongjo.css');
@import url('https://hangeul.pstatic.net/hangeul_static/css/nanum-square.css');
*/

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Sans+SC:wght@100..900&display=swap');
@import url('/font/pretendard/static/pretendard-7ffdb1ecd549814112f9b4be2ce0feab.css');


:root {
    --thema-color: #2DB400;
    --thema-sub-color: #329FFF;
    --thema-bg-color: #2DB400;
    --default-font-color: #222222;
    --default-light-color: #666666;
    --default-border-color: #D9D9D9;
    --default-positive-color: #2785F5;
    --default-negative-color: #DF3D31;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, "Noto Sans Kr","Noto Sans JP","Noto Sans SC", system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
}
body {margin:0;overflow:hidden;}
select{/*ios대응*/-webkit-appearance: none;-moz-appearance: none;appearance: none;/*background-color:#FFFFFF !important;*/outline: none;/*화살표 배경 넣기*/}
option{-webkit-appearance: none;-moz-appearance: none;appearance: none;color:#333;background-color:#FFFFFF;}
ul {list-style: none;padding:0;}
a {text-decoration:none;color:inherit;}
.flex {display: flex;}
.flex.vertical {flex-direction: column;}
@media screen and (max-width: 768px) {
    .flex {flex-wrap: wrap;}
}

/*
 공통 아이콘
 */
.way-icon {display: inline-block;height:1.25rem;background-repeat:no-repeat;background-position:50%; background-size: 100% 100%;vertical-align:text-top;}
.way-nav-icon {display:inline-block;width:1.25rem;height:1.5rem;background-repeat:no-repeat;background-position:50%;background-size: 100% 100%;}
.wi-dotdotdot {background-image: url("/images/icons/dotdotdot.svg");}
.wi-bell {background-image: url("/images/icons/bell.svg");}
.wi-expand {background-image: url("/images/icons/expand.svg");}
.wi-compress {background-image: url("/images/icons/expand.svg");}
.wi-logout {background-image: url("/images/icons/logout.svg");}
.wi-dashboard {background-image: url("/images/icons/dashboard.svg");}
.nav-item.active .wi-dashboard, .nav-link.active .wi-dashboard {background-image: url("/images/icons/dashboard_active.svg");}
.wi-board {background-image: url("/images/icons/board.svg");}
.nav-item.active .wi-board, .nav-link.active .wi-board {background-image: url("/images/icons/board_active.svg");}
.wi-info {background-image: url("/images/icons/info.svg");}
.nav-item.active .wi-info, .nav-link.active .wi-info {background-image: url("/images/icons/info_active.svg");}
.wi-submenu {background-image: url("/images/icons/submenu.svg");}
.nav-item.active .wi-submenu, .nav-link.active .wi-submenu {background-image: url("/images/icons/submenu_active.svg");}
.wi-content-editor {background-image: url("/images/icons/content-editor.svg");}
.nav-item.active .wi-content-editor, .nav-link.active .wi-content-editor {background-image: url("/images/icons/content-editor_active.svg");}
.wi-mainpage {background-image: url("/images/icons/mainpage.svg");}
.nav-item.active .wi-mainpage, .nav-link.active .wi-mainpage {background-image: url("/images/icons/mainpage_active.svg");}
.wi-setting {background-image: url("/images/icons/setting.svg");}
.nav-item.active .wi-setting, .nav-link.active .wi-setting {background-image: url("/images/icons/setting_active.svg");}
.wi-members {background-image: url("/images/icons/members.svg");}
.nav-item.active .wi-members, .nav-link.active .wi-members {background-image: url("/images/icons/members_active.svg");}
.wi-payments {background-image: url("/images/icons/payments.svg");}
.nav-item.active .wi-payments, .nav-link.active .wi-payments {background-image: url("/images/icons/payments_active.svg");}
.wi-product {background-image: url("/images/icons/product.svg");}
.nav-item.active .wi-product, .nav-link.active .wi-product {background-image: url("/images/icons/product_active.svg");}
.wi-commentary {background-image: url("/images/icons/product_manage.svg");}
.nav-item.active .wi-commentary, .nav-link.active .wi-commentary {background-image: url("/images/icons/product_manage_active.svg");}
.wi-question {background-image: url("/images/icons/question.svg");}
.nav-item.active .wi-question, .nav-link.active .wi-question {background-image: url("/images/icons/question_active.svg");}
.wi-place {background-image: url("/images/icons/place.svg");}
.nav-item.active .wi-place, .nav-link.active .wi-place {background-image: url("/images/icons/place_active.svg");}

.wi-search {background-image: url("/images/icons/search.svg");}
.wi-photo {background-image: url("/images/icons/icon-photo.svg");}
.wi-delete {background-image: url("/images/icons/icon-delete.svg");}

.wi-dash-reserv {background-image: url("/images/icons/dash-reserv.svg");}
.wi-dash-1on1 {background-image: url("/images/icons/dash-1on1.svg");}
.wi-dash-cancel {background-image: url("/images/icons/dash-cancel.svg");}
.wi-dash-estimate {background-image: url("/images/icons/dash-estimate.svg");}

.card-icon {width:2rem;height:2rem;float:right;}

/*
 * Header
 */
.header {width:100%;}
.header a {text-decoration:none;color:inherit;}
.header-justify {width:720px;overflow-x:clip;margin:0 auto;border:none;}
.header-justify-content {display: flex;justify-content: space-between;height: 50px;padding: 35px 40px;box-shadow: 0 1px 6px 0 rgba(0,0,0,0.1);}


.header-title {font-size:32px;font-weight:600;line-height:50px;}
.header-sub-page-title {font-size:32px;color:var(--default-font-color);font-weight:500;}
.header-menu-list {width:calc(100% - 180px);list-style:none;padding:0;margin:0;display:flex;justify-content:right;line-height:60px;height:60px;}
.header-list-button {margin-left:25px;padding:0 5px;font-size:1.1em;}
.header-list-button.hide {display:none;}
.header-list-button:hover {cursor:pointer;opacity:0.8;}
.header-list-button:first-child {margin-left:0;}
.header-list-button.fit {margin-left:5px;}
.header-list-button .active {color:#0056b3;}
.header-list-button .more {padding:21px 0 10px;line-height:1.5;text-align:right;}
.header-list-button .more li:hover {opacity:1;}
.header-short-list {display: flex;justify-content:right;list-style:none;padding:0;margin:0;text-align:right;}
.header-short-list i:hover {cursor:pointer;opacity:0.8;}


.header-submenu-area {position:fixed;top:0;left:-100%;width:100%;height:100%;z-index:1000;background-color:#FFFFFF;overflow:hidden;}
.header-submenu-area a {color:inherit;text-decoration:none;}
.header-submenu-area .submenu-justify {width:720px;overflow-x:clip;margin:0 auto;}
.header-submenu-area .submenu-header {padding:30px 40px;text-align:center;box-shadow: 0 1px 6px 0 rgba(0,0,0,0.1);}
.header-submenu-area .submenu-header .title {line-height:60px;font-size:32px;font-weight:500;}
.header-submenu-area .submenu-body {margin: 60px auto;padding:0 40px;font-size:32px;font-weight:500;max-height:calc(100vh - 240px);overflow-y:auto;}
.header-submenu-area .submenu-body .language-selection {height:100px; margin-bottom:60px; border-radius: 10px;text-align:center;color:#FFF;line-height:100px; background: url("/images/icons/language.svg") 20px center /70px no-repeat #2DB400;cursor:pointer;}
.header-submenu-area .submenu-body .submenus {line-height:40px;margin-bottom:40px;}
.header-submenu-area .submenu-body .submenus .submenu-head{display:block;background: url("/images/icons/arrow_right.svg") calc(100% - 10px) 50% /10px no-repeat;}
.header-submenu-area .submenu-body .submenus .submenu-head.toggle{display:inline-block;background-image:none;}
.header-submenu-area .submenu-body .submenus .submenu-toggle {border:none;float:right;height:40px;width:40px;cursor:pointer;background:url("/images/icons/arrow_down.svg") center /20px no-repeat #FFFFFF;}
.header-submenu-area .submenu-body .submenus .submenu-toggle.open {background-image: url("/images/icons/arrow_up.svg");}

.header-submenu-area .submenu-child {display:none;}
.header-submenu-area .submenu-item-list {margin:20px 0;list-style:none;padding:0;text-align:right;display: grid;grid-template-columns: repeat(3, 200px); grid-column-gap: 20px;grid-row-gap:20px;}
.header-submenu-area .submenu-item-list .submenu-item {font-size:1.25rem;line-height:1.4;font-weight:500;}

.svg-icon {display:inline-block;width:30px;height:100%;}
.icon-search {background: url("/images/icons/search.svg") center /30px no-repeat;}
.icon-user {background: url("/images/icons/mypage.svg") center /30px no-repeat;}
.icon-user:hover, .icon-user.active {background-image: url("/images/icons/mypage-on.svg");}
.icon-hamburger {background: url("/images/icons/hamburger.svg") center /30px no-repeat;}
.icon-hamburger:hover, .icon-hamburger.active {background-image: url("/images/icons/hamburger-on.svg");}


.float-back-btn {width:60px;height:60px;border-radius:50%;background: url("/images/icons/back_arrow.svg") center /60px no-repeat;cursor:pointer;}
.float-back-btn.fl {float:left;}
.float-back-btn.fr {float:right;}
.float-back-btn.mp {cursor:pointer;position:absolute;z-index:10;top:30px;left:40px;}


/* 팝업 기능 */
.popup-layer {z-index:1000;position:absolute;top:100px;left:20px;width:452px;height:542px;max-width:100%;overflow:hidden;}
.popup-layer .popup-notice {height:540px;width:450px;max-width:100%;border:1px solid #CCCCCC;display:none;}
.popup-layer .popup-notice.pc {display:block;}
.popup-layer .popup-notice .popup-content {width:450px;max-width:100%;height:500px;background-color:#ffffff;}
.popup-layer .popup-notice .popup-content .popup-image {aspect-ratio:9/10;width:100%;margin:0 auto;object-fit:fill;}
.popup-layer .popup-notice .popup-content .popup-text {width:calc(100% - 2rem);height: calc(500px - 2rem);padding:1rem; margin:0 auto;overflow-y:scroll;}
.popup-layer .popup-notice .popup-control {display: flex;width:calc(100%);height:38px;justify-content: space-evenly;padding:5px;background-color:#444444;position: relative;z-index: 9999;}
.popup-layer .popup-notice .popup-control-button {border:none; padding:3px; background-color: transparent; color:#fff;}
.popup-layer .popup-notice .popup-control-button:hover {cursor:pointer;color:#999;}
.popup-layer .popup-notice .popup-guide {display:block;position:relative;top:calc(-50% - 30px);background-color: #dddddd;}
.popup-layer .popup-notice .popup-guide .guide-left{float:left;margin-left:10px;}
.popup-layer .popup-notice .popup-guide .guide-right{float:right;margin-right:10px;}
.popup-layer .popup-notice .popup-page-guide {border-radius:50%;height:30px;width:30px;border:1px solid #dddddd;opacity:0.9;background:#FFFFFF;}
.popup-layer .popup-notice .popup-page-guide:hover {opacity:1;border-color:#cccccc;}
.popup-layer .popup-notice .popup-page-guide img {height:100%;width:100%;}

.popup-notice-bar {z-index:1000;width:100%;height:101px;max-width:100%;overflow:hidden;}
.popup-notice-bar .popup-bar {width:100%;overflow:hidden;}
.popup-notice-bar .popup-bar .popup-content {width:100%;text-align:center;margin:0 auto;border-bottom:1px solid #cccccc;}
.popup-notice-bar .popup-bar .popup-control .popup-control-button{background-color:transparent;color:#888888;padding-left:2rem;margin-left:1rem;font-size:0.75rem;border:none;}
.popup-notice-bar .popup-bar .popup-control .popup-control-button:hover {cursor:pointer;color:#444444;}
.popup-notice-bar .popup-bar .popup-guide {}
.popup-notice-bar .popup-bar .popup-guide .guide-left{float:left;margin-left:10px;}
.popup-notice-bar .popup-bar .popup-guide .guide-right{float:right;margin-right:10px;}
.popup-notice-bar .popup-bar .popup-page-guide {height:20px;width:20px;border:none;opacity:0.9;background:#FFFFFF;}
.popup-notice-bar .popup-bar .popup-page-guide:hover {opacity:1;border-color:#cccccc;cursor:pointer;}
.popup-notice-bar .popup-bar .popup-page-guide img {height:100%;width:100%;}
.popup-notice-bar.pc .popup-bar {height: 101px;}
.popup-notice-bar.pc .popup-bar .popup-content {height: 80px;}
.popup-notice-bar.pc .popup-bar .popup-content .popup-image {height:80px;object-fit:contain;}
.popup-notice-bar.pc .popup-bar .popup-control {height: 20px;display:flex;justify-content:right;}

.popup-notice-bar.mobile {height:141px;display:none;}
.popup-notice-bar.mobile .popup-bar {height: 141px;}
.popup-notice-bar.mobile .popup-bar .popup-content {height: 120px;}
.popup-notice-bar.mobile .popup-bar .popup-content .popup-image {height:120px;object-fit:contain;}
.popup-notice-bar.mobile .popup-bar .popup-control {height: 20px;display:flex;justify-content:right;}

/*
 * Page Navigator
 */
.pagination {display: flex;align-items: center;list-style:none;padding:0;justify-content:center;}
.page-group-item-btn {cursor:pointer;padding:5px;text-align:center;}
.page-group-item-btn.disabled {cursor:inherit;opacity:0.5;}
.page-guide-icon {height:18px;object-fit:cover;vertical-align:text-top;}
.page-group-item-btn.next {}
.page-group-item-btn.last {}
.page-group-item-btn.prev {}
.page-group-item-btn.first {}
.page-group-item-num {color:#666666;padding:5px;min-width:30px;text-align:center;}
.page-group-item-num.active {font-weight:500;color:#222222;}
.page-group-item-num a {color:inherit;text-decoration:none;}

.page-item {color:#00000099;}
.page-item.active {color:#5F7DFF;}
.page-item.disabled {cursor:initial;}
.page-link {position: relative;display: block;padding:5px;line-height:14px;text-decoration: none;color:inherit;}
.page-link .current-page-no{font-weight:700;}
.page-link .total-page-no{}
.disabled a {cursor:initial;}
.page-item-arrow .page-guide-icon {fill:#00000099;}
.page-item-arrow.disabled {cursor: initial;}
.page-item-arrow.disabled .page-guide-icon:hover {opacity:0.5;}

.dataTables_paginate .page-item {}
.dataTables_paginate .page-item .page-link {border:none;background-color:transparent;color:#888888;}
.dataTables_paginate .page-item.active .page-link {border:none;background-color:transparent;color:#222222;font-weight:700;}


.sub-paging .page-item-arrow {padding:2px 5px;cursor:pointer;}
/* SVG Color Override
.page-item-arrow .page-guide-icon:hover {fill:#5F7DFF; filter: invert(44%) sepia(53%) saturate(1756%) hue-rotate(210deg) brightness(98%) contrast(105%);}
.page-item-arrow.disabled .page-guide-icon:hover {fill:#00000099; filter: inherit;}
*/


/*
 * footer
 */
.footer {display: flex;width:100%;background-color:#383838;color:#FFFFFF;min-height:200px;}
.footer a {text-decoration:none;color:inherit;}
.footer-justify {overflow: hidden;width:100%;margin:0 auto;display:flex;justify-content: space-between;padding:35px 3.5%;}
.footer-content {width: calc(100% - 150px);}
.footer-ci {width:100px;display:flex;justify-content:center;flex-direction: column;}
.footer-logo-image {width:100px;height:100px;object-fit:contain;}
.footer-policy {padding:0px;height:20px;overflow:hidden;}
.footer-policy-list {display:block;padding:0;margin:0;line-height:20px;text-overflow:ellipsis;white-space: nowrap;}
.footer-policy-list li {display:inline-block; padding:0;margin-right: 40px;}
.footer-policy-list li:hover {cursor:pointer;opacity:0.8;}
.footer-policy-list li:last-child {margin-right:0;}
.footer-info {margin-top:20px;}
.footer-textarea {padding:0;overflow:hidden;line-height:20px;opacity:0.9;}
.footer-item-list {display:block;list-style:none;padding:0;margin:0;}
.footer-item-list li {display:inline-block;}
.footer-item-list li:after {content:"|";font-size:0.9em;margin:0 2px 0 5px;}
.footer-item-list li:last-child:after {content:none;margin:0;}
.footer-cs {margin-top:10px;display:flex;}
.footer-cs-tel {display:flex;}
.footer-cs-tel:after {content: "|"; margin: 0 10px;}
.footer-cs-tel:last-child:after {content: none;margin:0;}
.footer-cs-tel .title:after {content: ":";margin:0 3px;}
.footer-cs-tel span {display:inline-block;}
.footer-cs-info {font-size:0.85em;}
.footer-cs-info .title {display:inline-block;width:60px;text-align:center; background-color: #3D3D3D;border-radius:15px;padding:5px 10px;margin-right:10px;}
.footer-cs-info .time {display:inline-block;width:calc(100% - 95px);vertical-align:text-top;font-size:15px;}
.footer-copyright {margin-top:20px;opacity:0.8;font-size:0.9rem;}

@media screen and (max-width: 1024px) {
    .footer-justify {padding-top:30px;padding-bottom:30px;}
    .footer-content {width: calc(100% - 120px);}
    .footer-ci {width:90px;}
    .footer-logo-image {width:90px;height:90px;}
    .footer-policy-list li {margin-right: 20px;}
    .footer-copyright {margin-top:15px;}
}
@media screen and (max-width: 768px) {
    .footer-justify {padding:20px 10px;display:block;}
    .footer-content {width: 100%;}
    .footer-ci {display: none;}
    .footer-cs {flex-wrap: wrap;}
    .footer-policy-list {font-size:0.95em;}
    .footer-policy-list li {margin-right: 15px;}
    .footer-item-list {word-break: keep-all;}
    .footer-copyright {font-size:0.9em;}
}
@media screen and (max-width: 480px) {
    .footer-cs {min-width:unset;}
    .footer-cs-tel .tel-number {height:30px; background:url("../../images/icons/tel.svg") 0 50% /16px no-repeat;padding:0 15px 0 20px;line-height:30px;font-size:1.25em;margin-bottom:5px;}
    .footer-cs-tel .smartstore {height:28px;line-height:28px;}
    .footer-cs-info {margin-top:10px;display:flex;}
    .footer-cs-info .title {width:60px;text-align:center;height:22px;line-height:22px;padding:2px 5px;}
    .footer-cs-info .time {line-height:22px;margin-left:10px;margin-top:2px;}
    .footer-cs-info .time span {display:block;}

    .footer-policy-list {font-size:0.9em;}
    .footer-policy-list li {margin-right: 10px;}
    .footer-item {font-size: 0.95em;}
    .footer-copyright {font-size:0.85em;letter-spacing:-0.02em;}
}
@media screen and (max-width: 324px) {
    .footer-policy {height:auto;}
    .footer-policy-list {line-height:30px;}
    .footer-cs {margin-bottom:10px;}
    .footer-item {font-size:0.9em;}
    .footer-copyright {font-size:0.8em;letter-spacing:-0.04em;}
}

@media print {
    .no-print, .no-print * {display:none !important;}
}