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

/* font
@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://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@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('/font/pretendard/static/pretendard.css');
@import url('/font/GmarketSans/GmarketSans.css');
@import url('/font/Nanum/Brush/NanumBrush.css');
@import url('/font/Nanum/Square/NanumSquare.css');
@import url('/font/BilboSwashCaps/BilboSwashCaps.css');
@import url('/font/Cafe24SsurroundAir/Cafe24SsurroundAir.css');

@font-face {font-family: 'SEBANG_Gothic_Bold';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/SEBANG_Gothic_Bold.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'ONE-Mobile-Title';src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family : 'Jalnan';src : url('/font/jalnan/Jalnan.ttf')}
@font-face {font-family : 'Pretendard-sb';src : url('/font/pretendard/static/woff/Pretendard-SemiBold.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family : 'Pretendard-r';src : url('/font/pretendard/static/woff/Pretendard-Regular.woff') format('woff');font-weight: normal;font-style: normal;}

body {font-family: Pretendard, -apple-system, BlinkMacSystemFont, 'Noto Sans Kr', system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif; padding:0; margin:0;}
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;}
select::-ms-expand{display:none; /* 화살표 없애기 for IE10, 11*/}

/* 페이지 레이아웃 */
.wrap {width:100%;min-height:calc(100vh - 160px); margin-top:100px;overflow:hidden;}
.contents {width:calc(100% - 20px);max-width:1200px;margin: 0 auto;overflow:hidden;}
.no-deco-link{text-decoration:none;color:inherit}


/*
 공통 아이콘
 */
.btn-app:has(.w){background-color: #212529;color: #fff;}
.btn-app:has(.w):hover {background-color: #444;border-color: #aaaaaa;color: #f8f9fa;}

.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/icon/dotdotdot.svg");}
.wi-bell {background-image: url("/images/icon/bell.svg");}
.wi-expand {background-image: url("/images/icon/expand.svg");}
.wi-compress {background-image: url("../../images/icon/compress.svg");}
.wi-logout {background-image: url("/images/icon/logout.svg");}
.wi-dashboard {background-image: url("/images/icon/dashboard.svg");}
.nav-item.active .wi-dashboard, .nav-link.active .wi-dashboard {background-image: url("/images/icon/dashboard_active.svg");}

.wi_dashboard.w {background-image: url("/images/icon/i_dashboard_white.svg");}
.nav-item.active .wi_dashboard.w, .nav-link.active .wi_dashboard.w {background-image: url("/images/icon/i_dashboard_white.svg");}

.wi-board {background-image: url("/images/icon/board.svg");}
.nav-item.active .wi-board, .nav-link.active .wi-board {background-image: url("/images/icon/board_active.svg");}
.wi-info {background-image: url("/images/icon/info.svg");}
.nav-item.active .wi-info, .nav-link.active .wi-info {background-image: url("/images/icon/info_active.svg");}
.wi-submenu {background-image: url("/images/icon/submenu.svg");}
.nav-item.active .wi-submenu, .nav-link.active .wi-submenu {background-image: url("/images/icon/submenu_active.svg");}
.wi-content-editor {background-image: url("/images/icon/content-editor.svg");}
.nav-item.active .wi-content-editor, .nav-link.active .wi-content-editor {background-image: url("/images/icon/content-editor_active.svg");}
.wi-mainpage {background-image: url("/images/icon/mainpage.svg");}
.nav-item.active .wi-mainpage, .nav-link.active .wi-mainpage {background-image: url("/images/icon/mainpage_active.svg");}
.wi-setting {background-image: url("/images/icon/setting.svg");}
.nav-item.active .wi-setting, .nav-link.active .wi-setting {background-image: url("/images/icon/setting_active.svg");}
.wi-members {background-image: url("/images/icon/members.svg");}
.nav-item.active .wi-members, .nav-link.active .wi-members {background-image: url("/images/icon/members_active.svg");}
.wi-payments {background-image: url("/images/icon/payments.svg");}
.nav-item.active .wi-payments, .nav-link.active .wi-payments {background-image: url("/images/icon/payments_active.svg");}
.wi-product {background-image: url("/images/icon/product.svg");}
.nav-item.active .wi-product, .nav-link.active .wi-product {background-image: url("/images/icon/product_active.svg");}
.wi-question {background-image: url("/images/icon/question.svg");}
.nav-item.active .wi-question, .nav-link.active .wi-question {background-image: url("/images/icon/question_active.svg");}
.wi-place {background-image: url("/images/icon/place.svg");}
.nav-item.active .wi-place, .nav-link.active .wi-place {background-image: url("/images/icon/place_active.svg");}

.wi_detail {background-image: url('/images/icon/i_detail.svg');}
.btn-outline-blue:hover .wi_detail,
.btn-outline-primary:hover .wi_detail,
.wi_detail.w{background-image: url('/images/icon/i_detail_white.svg');}
.nav-item.active .wi_detail, .nav-link.active .wi_detail {background-image: url('/images/icon/i_detail.svg');}
.wi_fullscreen {background-image: url('/images/icon/i_fullscreen.svg');}
.nav-item.active .wi_fullscreen, .nav-link.active .wi_fullscreen {background-image: url('/images/icon/i_fullscreen.svg');}
.wi_game {background-image: url('/images/icon/i_game.svg');}
.nav-item.active .wi_game, .nav-link.active .wi_game {background-image: url('/images/icon/i_game.svg');}
.wi_game.w {background-image: url('/images/icon/i_game_white.svg');}
.nav-item.active .wi_game.w, .nav-link.active .wi_game.w {background-image: url('/images/icon/i_game_white.svg');}
.wi_group {background-image: url('/images/icon/i_group.svg');}
.nav-item.active .wi_group, .nav-link.active .wi_group {background-image: url('/images/icon/i_group.svg');}
.wi_hiddenmenu {background-image: url('/images/icon/i_hiddenmenu.svg');}
.nav-item.active .wi_hiddenmenu, .nav-link.active .wi_hiddenmenu {background-image: url('/images/icon/i_hiddenmenu.svg');}
.wi_home {background-image: url('/images/icon/i_home.svg');}
.nav-item.active .wi_home, .nav-link.active .wi_home {background-image: url('/images/icon/i_home.svg');}
.wi_icon {background-image: url('/images/icon/i_icon.svg');}
.nav-item.active .wi_icon, .nav-link.active .wi_icon {background-image: url('/images/icon/i_icon.svg');}
.wi_menu_order {background-image: url('/images/icon/i_menu_order.svg');}
.nav-item.active .wi_menu_order, .nav-link.active .wi_menu_order {background-image: url('/images/icon/i_menu_order.svg');}
.wi_place {background-image: url('/images/icon/i_place.svg');}
.nav-item.active .wi_place, .nav-link.active .wi_place {background-image: url('/images/icon/i_place.svg');}
.wi_product_manage {background-image: url('/images/icon/i_product_manage.svg');}
.nav-item.active .wi_product_manage, .nav-link.active .wi_product_manage {background-image: url('/images/icon/i_product_manage.svg');}
.wi_submenu {background-image: url('/images/icon/i_submenu.svg');}
.nav-item.active .wi_submenu, .nav-link.active .wi_submenu {background-image: url('/images/icon/i_submenu.svg');}
.wi_board {background-image: url('/images/icon/i_board.svg');}
.nav-item.active .wi_board, .nav-link.active .wi_board {background-image: url('/images/icon/i_board.svg');}
.wi_board.w {background-image: url('/images/icon/i_board_white.svg');}
.nav-item.active .wi_board.w, .nav-link.active .wi_board.w {background-image: url('/images/icon/i_board_white.svg');}
.wi_consulting {background-image: url('/images/icon/i_consulting.svg');}
.nav-item.active .wi_consulting, .nav-link.active .wi_consulting {background-image: url('/images/icon/i_consulting.svg');}
.wi_consulting.w {background-image: url('/images/icon/i_consulting_white.svg');}
.nav-item.active .wi_consulting.w, .nav-link.active .wi_consulting.w {background-image: url('/images/icon/i_consulting_white.svg');}
.wi_customer.w {background-image: url('/images/icon/i_customer_white.svg');}
.nav-item.active .wi_customer.w, .nav-link.active .wi_customer.w {background-image: url('/images/icon/i_customer_white.svg');}
.wi_group.w {background-image: url('/images/icon/i_group_white.svg');}
.nav-item.active .wi_group.w, .nav-link.active .wi_group.w {background-image: url('/images/icon/i_group_white.svg');}
.wi_icon.w {background-image: url('/images/icon/i_icon_white.svg');}
.nav-item.active .wi_icon.w, .nav-link.active .wi_icon.w {background-image: url('/images/icon/i_icon_white.svg');}
.wi_info {background-image: url('/images/icon/i_info.svg');}
.nav-item.active .wi_info, .nav-link.active .wi_info {background-image: url('/images/icon/i_info.svg');}
.wi_info.w {background-image: url('/images/icon/i_info_white.svg');}
.nav-item.active .wi_info.w, .nav-link.active .wi_info.w {background-image: url('/images/icon/i_info_white.svg');}
.wi_inquiry {background-image: url('/images/icon/i_inquiry.svg');}
.nav-item.active .wi_inquiry, .nav-link.active .wi_inquiry {background-image: url('/images/icon/i_inquiry.svg');}
.wi_inquiry.w {background-image: url('/images/icon/i_inquiry_white.svg');}
.nav-item.active .wi_inquiry.w, .nav-link.active .wi_inquiry.w {background-image: url('/images/icon/i_inquiry_white.svg');}
.wi_payment {background-image: url('/images/icon/i_payment.svg');}
.nav-item.active .wi_payment, .nav-link.active .wi_payment {background-image: url('/images/icon/i_payment.svg');}
.wi_payment.w {background-image: url('/images/icon/i_payment_white.svg');}
.nav-item.active .wi_payment.w, .nav-link.active .wi_payment.w {background-image: url('/images/icon/i_payment_white.svg');}
.wi_place.w {background-image: url('/images/icon/i_place_white.svg');}
.nav-item.active .wi_place.w, .nav-link.active .wi_place.w {background-image: url('/images/icon/i_place_white.svg');}
.wi_point {background-image: url('/images/icon/i_point.svg');}
.nav-item.active .wi_point, .nav-link.active .wi_point {background-image: url('/images/icon/i_point.svg');}
.wi_point.w {background-image: url('/images/icon/i_point_white.svg');}
.nav-item.active .wi_point.w, .nav-link.active .wi_point.w {background-image: url('/images/icon/i_point_white.svg');}
.wi_product_manage.w {background-image: url('/images/icon/i_product_manage_white.svg');}
.nav-item.active .wi_product_manage.w, .nav-link.active .wi_product_manage.w {background-image: url('/images/icon/i_product_manage_white.svg');}
.wi_reservation {background-image: url('/images/icon/i_reservation.svg');}
.nav-item.active .wi_reservation, .nav-link.active .wi_reservation {background-image: url('/images/icon/i_reservation.svg');}
.wi_reservation.w {background-image: url('/images/icon/i_reservation_white.svg');}
.nav-item.active .wi_reservation.w, .nav-link.active .wi_reservation.w {background-image: url('/images/icon/i_reservation_white.svg');}
.wi_setting {background-image: url('/images/icon/i_setting.svg');}
.nav-item.active .wi_setting, .nav-link.active .wi_setting {background-image: url('/images/icon/i_setting.svg');}
.wi_setting.w {background-image: url('/images/icon/i_setting_white.svg');}
.nav-item.active .wi_setting.w, .nav-link.active .wi_setting.w {background-image: url('/images/icon/i_setting_white.svg');}
.wi_submenu_active {background-image: url('/images/icon/i_submenu_active.svg');}
.nav-item.active .wi_submenu_active, .nav-link.active .wi_submenu_active {background-image: url('/images/icon/i_submenu_active.svg');}
.wi_doublenext {background-image: url('/images/icon/i_doublenext.svg');}
.nav-item.active .wi_doublenext, .nav-link.active .wi_doublenext {background-image: url('/images/icon/i_doublenext.svg');}
.wi_next {background-image: url('/images/icon/i_next.svg');}
.nav-item.active .wi_next, .nav-link.active .wi_next {background-image: url('/images/icon/i_next.svg');}
.wi_upload {background-image: url('/images/icon/i_upload.svg');}
.nav-item.active .wi_upload, .nav-link.active .wi_upload {background-image: url('/images/icon/i_upload.svg');}
.wi_doubleprev {background-image: url('/images/icon/_i_doubleprev.svg');}
.nav-item.active .wi_doubleprev, .nav-link.active .wi_doubleprev {background-image: url('/images/icon/_i_doubleprev.svg');}
.wi_prev {background-image: url('/images/icon/i_prev.svg');}
.nav-item.active .wi_prev, .nav-link.active .wi_prev {background-image: url('/images/icon/i_prev.svg');}
.wi_menu_close {background-image: url('/images/icon/i_menu_close.svg');}
.nav-item.active .wi_menu_close, .nav-link.active .wi_menu_close {background-image: url('/images/icon/i_menu_close.svg');}
.wi_menu_open {background-image: url('/images/icon/i_menu_open.svg');}
.nav-item.active .wi_menu_open, .nav-link.active .wi_menu_open {background-image: url('/images/icon/i_menu_open.svg');}
.wi_menu_top {background-image: url('/images/icon/i_menu_top.svg');}
.nav-item.active .wi_menu_top, .nav-link.active .wi_menu_top {background-image: url('/images/icon/i_menu_top.svg');}
.wi_delete {background-image: url('/images/icon/_i_delete.svg');}
.nav-item.active .wi_delete, .nav-link.active .wi_delete {background-image: url('/images/icon/_i_delete.svg');}
.wi_form {background-image: url('/images/icon/_i_form.svg');}
.nav-item.active .wi_form, .nav-link.active .wi_form {background-image: url('/images/icon/_i_form.svg');}
.wi_bell {background-image: url('/images/icon/i_bell.svg');}
.nav-item.active .wi_bell, .nav-link.active .wi_bell {background-image: url('/images/icon/i_bell.svg');}
.wi_cencel {background-image: url('/images/icon/i_cencel.svg');}
.nav-item.active .wi_cencel, .nav-link.active .wi_cencel {background-image: url('/images/icon/i_cencel.svg');}
.wi_check {background-image: url('/images/icon/i_check.svg');}
.nav-item.active .wi_check, .nav-link.active .wi_check {background-image: url('/images/icon/i_check.svg');}
.wi_changeform {background-image: url('/images/icon/i_changeform.svg');}
.nav-item.active .wi_changeform, .nav-link.active .wi_changeform {background-image: url('/images/icon/i_changeform.svg');}
.wi_customer {background-image: url('/images/icon/i_customer.svg');}
.nav-item.active .wi_customer, .nav-link.active .wi_customer {background-image: url('/images/icon/i_customer.svg');}


.wi-calendar {background-image: url("/images/icon/calendar.svg"); width: 16px;}
.wi-calendar.w {background-image: url("/images/icon/calendar_w.svg"); width: 16px; padding: 0 10px; margin: 0 3px;}
.wi-horse {background-image: url("/images/icon/horse.svg");}
.wi-member {background-image: url("/images/icon/icon_member.svg");width: 20px;}
.wi-member-plus {background-image: url("/images/icon/icon_member_plus.svg");width: 20px;}

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

.wi-dash-reserv {background-image: url("/images/icon/dash-reserv.svg");}
.wi-dash-1on1 {background-image: url("/images/icon/dash-1on1.svg");}
.wi-dash-cancel {background-image: url("/images/icon/dash-cancel.svg");}
.wi-dash-estimate {background-image: url("/images/icon/dash-estimate.svg");}
.card-icon {width:2rem;height:2rem;float:right;}


.svg-icon {display:inline-block;width:25px;height:100%;}
.svg-icon16 {display:inline-block;width:16px;height:16px;}
.svg-icon30 {display:inline-block;width:30px;height:30px;}
.icon-search {background: url("/images/icon/search.svg") center /21px no-repeat;}
.icon-user {background: url("/images/icon/mypage.svg") center /21px no-repeat;}
.icon-hamburger {background: url("/images/icon/hamburger.svg") center /21px no-repeat;}
.icon-link {background: url("/images/icons/icon_link.svg") 0 0 no-repeat; display: inline-block; width:22px;height: 22px;margin-left: 5px;}
.icon-exclamation {background: url("/images/icons/icon_exclamation.svg") 0 0 no-repeat; display: inline-block; width:21px;height: 20px;padding-right: 10px;}
.icon-exclamation-red {background: url("/images/icons/icon_exclamation-red.svg") 0 0 no-repeat; display: inline-block; width:19px;height: 19px;padding-right: 10px;}
.icon-calendar {background: url("/images/icons/calendar.svg") 0 0 no-repeat; display: inline-block; width:19px;height: 19px;padding-right: 10px;}
.icon-compas {background: url("/images/icons/icon_compas.svg") 0 0 no-repeat; display: inline-block; width:19px;height: 19px;padding-right: 10px;}
.icon-x {background: url("/images/icons/icon-x.svg") 0 0 no-repeat; display: inline-block; width:20px;height: 20px;}

.icon-minus {background: url("/images/icons/icon_minus.svg") 0 0 no-repeat; }
.icon-plus  {background: url("/images/icons/icon_plus.svg") 0 0 no-repeat; }
.icon-plus-n  {background: url("/images/icons/icon_plus_n1.svg") 0 0 no-repeat; }
.icon-fold-down {background: url("/images/icons/icon_fold_down.svg") 0 5px no-repeat;display: inline-block; width:14px;height: 15px;cursor: pointer; margin-left: 10px;}
.icon-fold-right {background: url("/images/icons/icon_fold_right.svg") 0 0 no-repeat;display: inline-block; width:14px;height: 15px;cursor: pointer; margin-left: 10px;}
.icon-back {background: url("/images/icons/icon_back.svg") 0 0 no-repeat; display: inline-block; width:30px;height: 30px;cursor: pointer; margin-left: 10px;}
.icon-stop  {background: url("/images/icons/icon_stop.svg") 0 0 no-repeat; display: inline-block; width:10px;height: 12px;cursor: pointer;margin-left: 14px;}
.icon-play  {background: url("/images/icons/icon_play.svg") 0 0 no-repeat; display: inline-block; width:10px;height: 12px;cursor: pointer;margin-left: 14px;}
.icon-btn-all  {background: url("/images/icons/icon_btn_all.svg") 0 0 no-repeat; display: inline-block; width:22px;height: 22px;cursor: pointer;margin-right: 14px;}
.icon-btn-del  {background: url("/images/icons/icon_btn_del.svg") 0 0 no-repeat; display: inline-block; width:22px;height: 22px;cursor: pointer;margin-right: 14px;}
.icon-btn-del-n  {background: url("/images/icons/icon_del_n1.svg") 0 0 no-repeat;display: inline-block; width:30px;height: 30px;cursor: pointer; }

.icon-mypage1 {background: url("/images/icons/icon_mypage1.svg") 0 0 no-repeat; display: inline-block; width:70px;height: 70px;}
.icon-mypage2 {background: url("/images/icons/icon_mypage2.svg") 0 0 no-repeat; display: inline-block; width:70px;height: 70px;}
.icon-mypage3 {background: url("/images/icons/icon_mypage3.svg") 0 0 no-repeat; display: inline-block; width:70px;height: 70px;}
.icon-mypage4 {background: url("/images/icons/icon_mypage4.svg") 0 0 no-repeat; display: inline-block; width:70px;height: 70px;}

.icon-cart {background: url("/images/icons/icon_cart.svg") 0 0 no-repeat; display: inline-block; width:20px;height: 21px;}

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





/*
 * Header
 */
.header {position:absolute;width:100%;z-index:100;top:0;left:0;}
.header-justify {width:calc(100% - 20px);max-width:1200px;box-sizing: border-box;margin:0 auto;}
.header-justify-content {display:flex;flex-wrap:wrap;margin:0 auto;justify-content: space-between;box-sizing:border-box;}
.header-logo {width:130px;height:50px;padding:20px 0;}
.header-logo-image {width:130px;height:50px;object-fit: contain;}
.header-menu-list {list-style:none;padding:20px 0;margin:0;display:flex;justify-content:right;line-height:50px;height:50px;}
.header-menu-list a {text-decoration:none;color:inherit;font-weight:600;}
.header-list-button {font-size:1.1em;width:120px;display:block;text-align:right;}
.header-list-button.hide {display:none;}
.header-list-button:hover {cursor:pointer;color:#FFE500;font-weight:600;}
.with-icon-link {display:flex;justify-content:right;}

.svg-icon {display:inline-block;width:20px;height:50px;}
.icon-search {background: url("/images/icons/search.svg") center /16px no-repeat;}
.icon-user {background: url("/images/icons/icon-user.svg") center /16px no-repeat;}

@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
    .header-logo {width:105px;height:40px;padding:15px 0;}
    .header-logo-image {width:105px;height:40px;}
    .header-menu-list {padding:15px 0;height:40px;line-height:40px;}
    .header-list-button {width: 90px;font-size:1rem;}
    .svg-icon {height:40px;}
}
@media screen and (max-width: 480px) {
    .header-logo, .header-logo-image {width:90px;}
    .header-list-button {width: 75px;}
}
@media screen and (max-width: 425px) {
    .header-list-button {width: 70px;font-size:0.95rem;}
}

/*
 * Search Bar
 */
.header-search-box {display:none;width:100%;height:400px;background-color:#999999;overflow: hidden;position:relative;z-index:100;}
.search-title {padding:0 20px;width:calc(100% - 40px);height:60px;margin:150px auto 0;text-align:center;}
.search-find-text {font-family: 'SEBANG_Gothic_Bold', Pretendard, -apple-system, BlinkMacSystemFont, 'Noto Sans Kr', system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;color: white;font-size: 23px;line-height: 60px;margin-right: 30px;min-width:270px;}
.search-input-group{display:inline-block;width:calc(100% - 600px); max-width:700px; line-height:50px;}
.search-input {border:none;height:50px;padding:5px 0px 5px 20px;width:calc(100% - 60px);font-size:16px;}
.input-overlay-button {float: right;position: relative;top: -54px;right: 10px;height: 48px;width: 40px;border: none;background: rgba(255,255,255,1) url("/images/icon/search.svg") 0 50% /32px no-repeat;}
.input-overlay-button:hover {cursor:pointer;}
.input-overlay-search-button {
	    float: right;
    position: relative;
    top: 0;
    right: 10px;
    height: 50px;
    width: 40px;
    border: 0;
    background: #fff url(/images/front/demo/icon/search.png) 0 50% / 28px no-repeat;
    cursor: pointer;
}


@media screen and (max-width: 960px) {
    .search-title {margin-top:120px;height:120px;}
    .search-find-text {width:100%;display:block;}
    .search-input-group {width:calc(100% - 80px);}
}

@media screen and (max-width: 768px) {
    .search-find-text {font-size:21px;line-height:50px;}
    .search-input {font-size:15px;}
    .input-overlay-button {top:-45px;height:40px;width:40px; background: rgba(255,255,255,1) url("/images/icon/search.svg") 0 50% /27px no-repeat;}
}

@media screen and (max-width: 480px) {
    .header-search-box {height:320px;}
    .search-title {margin-top:100px;width:calc(100% - 20px);padding:0 10px;}
    .search-find-text {display:block;font-size:18px;line-height:40px;margin:0;text-align:center;}
    .search-input {font-size:14px;width:calc(100% - 60px);}
    .input-overlay-button {top:-40px;right:0; height:35px;width:35px; background: rgba(255,255,255,1) url("/images/icon/search.svg") 0 50% /20px no-repeat;}
}

@media screen and (max-width: 320px) {
    .header-search-box {height:300px;}
    .search-title {margin-top:90px;width:100%;padding:0;}
    .search-input {padding:5px 20px;width:calc(100% - 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;}

@media screen and (max-width: 960px) {

}
@media screen and (max-width: 768px) {
    .popup-layer .popup-notice.pc {display:none;}
    .popup-layer .popup-notice.mobile {display:block;}
    .popup-notice-bar.pc {display:none;}
    .popup-notice-bar.mobile {height:141px;display:block;}
}
@media screen and (max-width: 480px) {

}
@media screen and (max-width: 320px) {

}


/*
 * Page Navigator
 */
.paging {margin:50px 0 100px;}
.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:700;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;}
*/

@media screen and (max-width: 960px) {

}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 480px) {

}
@media screen and (max-width: 320px) {

}



/*
 * footer
 */
.footer {display: flex;width:100%;background-color:#444444;color:#FFFFFF;min-height:190px;}
.footer a {text-decoration:none;color:inherit;}
.footer-justify {width:calc(100% - 20px);max-width:1200px;margin:0 auto;}
.footer-policy {padding-bottom:5px;overflow:hidden;display:flex;justify-content: space-between;}
.footer-policy-list {display:block;padding:20px 0 0 0;margin:0;line-height:30px;text-overflow:ellipsis;white-space: nowrap;}
.footer-policy-list li {display:inline-block; padding:0;margin:0;}
.footer-policy-list li:after {position: relative;top: -1px;content: "|";margin: 0 12px;font-weight: 300;padding-left: 3px;font-size: 0.9rem;}
.footer-policy-list li:hover {cursor:pointer;color:#CCCCCC;}
.footer-policy-list li:first-child {font-weight:600;}
.footer-policy-list li:last-child:after {content: none;margin:0;}
.sns-link {display:flex;justify-content:right;list-style:none;margin:0;}
.sns-link .sns-icon {width: 50px;height:50px;background-color:#272727;}
.sns-link .sns-icon a {display:block;width: 50px;height:50px;}
.sns-link .sns-icon.instagram {background:url("/images/icon/instagram.svg") center /25px #272727 no-repeat;}
.sns-link .sns-icon.instagram:hover {cursor:pointer;background-color:#965841;}

.footer-info {display: flex;justify-content: space-between;}
.footer-info .company-title {font-size:18px;font-weight:700;line-height:1.5;margin-bottom:15px;}
.footer-textarea {padding:10px 0;overflow:hidden;width:calc(50% - 10px);}
.footer-company-description {max-width:1280px;margin:0 auto;}
.footer-item-list {display:block;list-style:none;padding:0;margin:0;line-height:1.5;}
.footer-item-list li {display:inline-block;margin-right:10px;font-weight: 400;}
.footer-item-list li:last-child:after {content:none;margin:0;}
.footer-item-list li.maps {background-color:#1F1F1F;border:1px solid #1F1F1F;border-radius:2px;width:50px;font-size:0.9rem;text-align:center;line-height:21px;margin-right:0;}
.footer-item-list li.maps:hover {cursor:pointer;color:#965841;border-color: #FFFFFF;background-color:#FFFFFF;}
.footer-copyright {font-size:0.9rem;color:#CCCCCC;margin:10px 0;}
.footer-cs {width:calc(50% - 10px);padding:10px 0;display:flex;justify-content: space-between;}
.footer-cs-tel {line-height:1.5;}
.footer-cs-tel .title {margin-right:5px;font-weight:600;}
.footer-cs-tel .text {font-weight:400;}
.footer-cs-info {font-size:0.85rem;}
.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-alert {color:#555555;font-size:13px;word-break: keep-all;}
.footer-ci {display:flex;justify-content:end;flex-direction:column;}
.footer-logo-image {width: 130px;height:50px;}

@media screen and (max-width: 768px) {
    .footer-info {flex-direction: column;}
    .footer-textarea {width: 100%;}
    .footer-cs {width: 100%;}
    .footer-policy-list {display:flex;flex-wrap: wrap;max-width: calc(100% - 40px);}
    .footer-policy-list li:after {margin:0 8px;}
    .footer-textarea {max-width:unset;font-size:14px;font-weight:400;}
    .footer-info .company-title {font-size:16px;margin-bottom:10px;}
    .footer-copyright {margin-top:10px;}

    .sns-link {position: absolute;right: 0;}
}

@media screen and (max-width: 480px) {
    .footer-cs {display:block;}
    .footer-ci {margin-top:10px;}
}

@media screen and (max-width: 324px) {


}

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


/*.button-bar.active {display: flex;}*/
/*.button-bar.inactive {display: none;}*/
.main-product-swiper-prev-btn {
    position: absolute;
    top: 48%;
    right: auto;
    left: 13%;
    width: 56px;
    height: 56px;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url("/images/front/demo/icon/main-swiper-prev-btn.svg") no-repeat;
}
.main-product-swiper-next-btn {
    position: absolute;
    top: 48%;
    right: 13%;
    left: auto;
    width: 56px;
    height: 56px;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url("/images/front/demo/icon/main-swiper-next-btn.svg") no-repeat;
}

/* flex */

.gap-5px {
    gap: 5px;
}

.gap-30px {
    gap: 30px;
}

/* etc */
.extra-info {
    font-weight: 400;
    font-size: 14px;
    color: #666666;
}