/* /app/css/style.css 파일 공통 */
body {color: #261500;}
.scrollLock {height:100vh; overflow:hidden;}
.scroll-disable {height:100%; min-height:100%; overflow:hidden!important;}
section {padding-bottom: 30.0000vw; box-sizing: border-box;}
.vt_mid {display: inline-block; vertical-align: middle;}
.vt_top {display: inline-block; vertical-align: top;}
.vt_bot {display: inline-block; vertical-align: bottom;}
.top-header-before-logo{display:block; position: absolute; color: #be6f03; font-size:2.0rem; top: 0.88rem;  left: 1rem;}
.btn_common {width: 100%; border: 0.2778vw solid #261500; border-radius: 2.2222vw; padding: 3.3333vw 0; box-sizing: border-box; font-size: 3.8889vw; font-weight: 600; height: 11.1111vw; background: #fff;}
.line_b {width: 100%; height: 0.2778vw; background: #202020; border-radius: 3.3333vw; display: block;}
.line_g {width: 100%; height: 0.2778vw; background: #D2D2D2; border-radius: 3.3333vw; display: block;}
.toggle {appearance: none; width: 11.1111vw; height: 11.1111vw; border: none; background: url("/app/img/toggle.png") no-repeat center center / 100% 100%;}
.toggle:checked {background-image: url("/app/img/toggle_on.png");}
.orange {color: #FFAA00;}
.grid {width: 100%; height: 100%; display: grid; justify-items: center; align-content: center;}
.pd15 {padding: 0 4.1667vw; box-sizing: border-box;}
.tab {display: none;}
.tab.on {display: block;}
.no_list, .yes_list {display: none;}
.no_list.on, .yes_list.on {display: block;}
.mr8 {margin-right: 2.2222vw;}
.mb5 {margin-bottom: 1.3889vw;}
.mb10 {margin-bottom: 2.7778vw;}
.mb15 {margin-bottom: 4.1667vw;}

.ul_close {position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; overflow-x: hidden; z-index: 2; display: none;}
.ul_close.on {display: block;}
.select_c {width: 25.0000vw; appearance: none; font-weight: 300; position: relative;}
.select_c .show {font-size: 3.8889vw; padding: 3.0556vw 2.7778vw 3.0556vw 4.1667vw; box-sizing: border-box; border: 0.2778vw solid #261500; border-radius: 2.2222vw; height: 11.1111vw; cursor: pointer; background: #fff; position: relative;}
.select_c .show::after {background: url("/app/img/select_down.png") no-repeat center right / 100% 100%; width: 10.5556vw; height: 10.5556vw; position: absolute; right: 0; top: 0; content: ""; display: inline-block;}
.s_ul {position: absolute; width: 100%; top: 0; left: 0; background: #fff; border: 0.2778vw solid #261500; border-radius: 2.2222vw; box-sizing: border-box; z-index: 3; overflow: hidden; display: none;}
.s_ul.on {display: block;}
.s_li {font-size: 3.8889vw; height: 11.1111vw; padding: 3.0556vw 2.7778vw 3.0556vw 4.1667vw; box-sizing: border-box; border-bottom: 0.2778vw solid #261500; cursor: pointer;}
.s_li.def {position: relative;}
.s_li.def::after {content: ""; display: inline-block; width: 10.5556vw; height: 10.5556vw; background: url("/app/img/select_up.png") no-repeat center center / 100% 100%; position: absolute; right: 0; top: 0;}
.s_li:last-child {border-bottom: 0;}
.s_li:hover {background: #FFAA00;}
.s_li.def:hover {background: transparent;}

/* 헤더 공통 */
.header {font-size: 0; border-bottom: 0.2778vw solid #261500; box-sizing: border-box; position: sticky; top: 0; background: #fff; z-index: 5;}
.header .h_left {width: 13.8889vw;}
.header .h_left img {width: 100%;}
.header .h_right {width: 13.8889vw;}
.header .h_right img {width: 100%;}
.header .h_logo {width: calc(100% - 27.7778vw); text-align: center;}
.header .h_logo img {width: 13.8889vw;}

/* 햄버거 메뉴 */
.ham {position: fixed; width: 100vw; height: 100vh; overflow-x: hidden; top: 0; left: 0; z-index: 5; display: none;}
.ham.on {display: block;}
.ham .black_bg {position: fixed; width: 100%; height: 100%; top: 0; left: 0; background:rgba(0,0,0,0.5); z-index: 6;}
.ham .white_bg {width: 72.2222vw; position: fixed; top: 0; left: -72.2222vw; height: 100%; background: #fff; z-index: 7; text-align: center;}

.ham .white_bg .close_area {text-align: right;}
.ham .white_bg .close_area .close_btn {width: 13.3333vw;}
.ham .white_bg .close_area .close_btn img {width: 100%;}
.ham .white_bg .logo_area {margin-top: -5.0000vw;}
.ham .white_bg .logo_area .logo_a {display: inline-block;}
.ham .white_bg .logo_area img {width: 27.7778vw;}
.ham .white_bg .name_area {margin-bottom: 8.3333vw;}
.ham .white_bg .name_area .mb4 {margin-bottom: 1.1111vw; font-weight: 600;}
.ham .white_bg .scan_name_area{margin-bottom: 0.3333vw;}
.ham .white_bg .scan_name_area .mb4 {margin-bottom: 1.1111vw; font-weight: 600;font-size: 3.0889vw;}
.ham .white_bg .name_area .mb4:last-child {margin-bottom: 0; font-weight: 400;}
.ham .white_bg .nav {padding: 0 4.1667vw; box-sizing: border-box;}
.ham .white_bg .nav .nav_a {height: 11.1111vw; width: 100%; display: block; font-size: 3.8889vw; font-weight: 600; border: 0.2778vw solid #261500; box-sizing: border-box; border-radius: 2.2222vw; padding: 3.0556vw 0; margin-bottom: 2.7778vw;}
.ham .white_bg .nav .scan_nav_a {height: 10.1111vw; width: 100%; display: block; font-size: 3.8889vw; font-weight: 600; border: 0.2778vw solid #261500; box-sizing: border-box; border-radius: 2.2222vw; padding: 2.0556vw 0; margin-bottom: 1.0778vw;}

.nav .yynav_switch { display: block; font-size: 3.8889vw; font-weight: 600;margin-left: 4vw; padding-left: 3.0556vw ; margin-bottom: 2.7778vw;}

.ham .white_bg .nav .nav_a:last-child {margin-bottom: 0;}

.ham .white_bg .fixed {position: absolute; bottom: 0; left: 0; width: 100%;}
.ham .white_bg .fixed .term_area {width: 100%; font-size: 0; background: #4D463E; border-radius: 2.2222vw; margin-bottom: 2.7778vw;}
.ham .white_bg .fixed .term_a {font-size: 2.7778vw; color: #AAA095; padding: 1.9444vw 0; box-sizing: border-box; display: inline-block; width: 50%; position: relative;}
.ham .white_bg .fixed .term_a:first-child::after {background: #000000; right: 0; content: ""; display: inline-block; width: 0.2778vw; height: 2.2222vw; opacity: 0.3; position: absolute; top: 50%; transform: translateY(-50%);}
.ham .white_bg .fixed .term_a:last-child::before {background: #FFFFFF; left: 0; content: ""; display: inline-block; width: 0.2778vw; height: 2.2222vw; opacity: 0.3; position: absolute; top: 50%; transform: translateY(-50%);}


.secondary:checked {    background-color: var(--bs-secondary);    border-color: var(--bs-secondary);  } 
.success:checked {    background-color: var(--bs-success);    border-color: var(--bs-success);  } 
.danger:checked {    background-color: var(--bs-danger);    border-color: var(--bs-danger);  }
.info:checked {    background-color: var(--bs-info);    border-color: var(--bs-info);  }

.ham .white_bg .h_footer {background: #4D463E; width: 100%; padding: 4.1667vw; box-sizing: border-box;}
.ham .white_bg .h_footer .hf_top {margin-bottom: 3.8889vw; font-size: 0;}
.ham .white_bg .h_footer .hf_top .h_logo {width: 13.8889vw;}
.ham .white_bg .h_footer .hf_top .h_logo .logo {width: 100%; opacity: 0.5;}
.ham .white_bg .h_footer .hf_top .h_info {width: calc(100% - 13.8889vw); padding-left: 4.1667vw; box-sizing: border-box;}
.ham .white_bg .h_footer .hf_top .h_info .h_block {margin-bottom: 2.2222vw; text-align: left;}
.ham .white_bg .h_footer .hf_top .h_info .h_block:last-child {margin-bottom: 0;}
.ham .white_bg .h_footer .hf_top .h_info .h_block .hb_left {font-size: 2.2222vw; font-weight: 600; color: #787067; margin-right: 2.2222vw;}
.ham .white_bg .h_footer .hf_top .h_info .h_block .hb_right {font-size: 2.2222vw; font-weight: 400; color: #787067;}
.ham .white_bg .h_footer .hf_bot {background: #261500; border-radius: 1.1111vw;}
.ham .white_bg .h_footer .hf_bot .copy {width: 2.2222vw; margin-right: 0.5556vw; padding: 0.8333vw 0; box-sizing: border-box;}
.ham .white_bg .h_footer .hf_bot .vt_mid {font-size: 2.2222vw; color: #4D463E;}



/* 푸터 공통 */
.footer {position: fixed; width: 100%; bottom: 0; left: 0; background: #fff; transition: 300ms;}
.footer.shadow {box-shadow:0 0 8.3333vw rgba(0,0,0,0.5);}

/*배너*/
.ban_area {margin: 4.1667vw; box-sizing: border-box; background: #fff; border-radius: 2.2222vw; overflow: hidden; position: relative; height: 19.4444vw;}
.ban_area.mb0 {margin-bottom: 0;}
.ban_area .ban_ul {width: 100%; height: 100%;}
.ban_area .ban_li {height: 100%;} 
.ban_area .ban_li img {object-fit: cover; width: 100%;}
.ban_area .ban_li img {width: 100%; height: 16.6667vw;}
.ban_area .swiper-pagination {position: absolute; top: 1.1111vw; right: 1.1111vw; background: rgba(0,0,0,0.3); border-radius: 2.7778vw; width: 7.7778vw; height: 3.8889vw; color: #fff; z-index: 4; text-align: center; margin-left: auto; font-size: 2.2222vw; padding: 0.4167vw 0; box-sizing: border-box; font-weight: 300; font-family: 'SUITE', sans-serif;}
/*배너*/

.footer .term_area {font-size: 0;}
.footer .term_area .term_a {display: inline-block; padding: 3.8889vw 0; box-sizing: border-box; font-size: 2.7778vw; font-weight: 700; width: 50%; vertical-align: middle; text-align: center; position: relative;}
.footer .term_area .term_a::after {content: ""; display: inline-block; position: absolute; top: 50%; left: 100%; width: 0.2778vw; height: 2.2222vw; background: rgba(0,0,0,0.3); transform: translateY(-50%);}
.footer .term_area .term_a:last-child::after {display: none;}
.footer .copy {background: #261500; color: #4D463E; text-align: center;}
.footer .copy::before {content: ""; display: inline-block; width: 2.2222vw; height: 2.2222vw; background: url("/app/img/icon_copy.png") no-repeat center center / 100% 100%; margin-right: 0.5556vw;}


/* 팝업 공통 */
.popup {position: fixed; width: 100vw; height: 100vh; overflow-x: hidden; top: 0; left: 0; z-index: 10; display: none;}
.popup.on {display: block;}
.popup .black_bg {position: fixed; width: 100%; height: 100%; top: 0; left: 0; background:rgba(0,0,0,0.7); z-index: 11;}
.popup .white_bg {position: absolute; width: 91.6667vw; top: 50%; left: 50%; background:#fff; z-index: 12; transform: translate(-50%, -50%); border-radius: 3.3333vw; box-sizing: border-box; text-align: center;}
.popup .white_bg .close_area {text-align: right;}
.popup .white_bg .close_area .close_btn {width: 13.3333vw;}
.popup .white_bg .close_area .close_btn img {width: 100%;}
.popup .white_bg .cont_area {padding: 3.3333vw 0 12.5000vw; box-sizing: border-box;}
.popup .white_bg .cont_area .pop_h2 {font-size: 5.0000vw; font-weight: 600; margin-bottom: 2.7778vw;}
.popup .white_bg .cont_area .pop_p {font-size: 3.8889vw; font-weight: 300;}
.popup .white_bg .cont_area .pop_p .bold {font-weight: 600;}
.popup .white_bg .p_btnarea {font-weight: 600; padding: 4.1667vw; box-sizing: border-box;}
.popup .white_bg .p_btnarea .p_btn {background: #FFAA00; border-radius: 2.2222vw; font-size: 3.8889vw; font-weight: 600; padding: 3.3333vw 0; box-sizing: border-box; height: 11.1111vw; width: 100%;}


/* 버튼두개 팝업 */
.popup2 {position: fixed; width: 100vw; height: 100vh; overflow-x: hidden; top: 0; left: 0; z-index: 10; display: none;}
.popup2.on {display: block;}
.popup2 .black_bg {position: fixed; width: 100%; height: 100%; top: 0; left: 0; background:rgba(0,0,0,0.7); z-index: 11;}
.popup2 .white_bg {position: absolute; width: 91.6667vw; top: 50%; left: 50%; background:#fff; z-index: 12; transform: translate(-50%, -50%); border-radius: 3.3333vw; box-sizing: border-box; text-align: center;}
.popup2 .white_bg .close_area {text-align: right;}
.popup2 .white_bg .close_area .close_btn {width: 13.3333vw;}
.popup2 .white_bg .close_area .close_btn img {width: 100%;}
.popup2 .white_bg .cont_area {padding: 3.3333vw 0 12.5000vw; box-sizing: border-box;}
.popup2 .white_bg .cont_area .pop_h2 {font-size: 5.0000vw; font-weight: 600; margin-bottom: 2.7778vw;}
.popup2 .white_bg .cont_area .pop_p {font-size: 3.8889vw; font-weight: 300;}
.popup2 .white_bg .cont_area .pop_p .bold {font-weight: 600;}
.popup2 .white_bg .p_btnarea {font-weight: 600; padding: 4.1667vw; box-sizing: border-box;}
.popup2 .white_bg .p_btnarea .p_btn {background: #FFAA00; border-radius: 2.2222vw; font-size: 3.8889vw; font-weight: 600; padding: 3.3333vw 0; box-sizing: border-box; height: 11.1111vw; width: 100%;}
.popup2 .white_bg .p_btnarea2 {text-align: center; font-size: 0; padding: 4.1667vw; box-sizing: border-box;}
.popup2 .white_bg .p_btnarea2 .p_btns {width: calc((100% - 1.1111vw) / 2); margin-right: 1.1111vw; font-size: 3.8889vw; height: 11.1111vw; border: 0.2778vw solid #261500; border-radius: 2.2222vw; padding: 3.0556vw 0; box-sizing: border-box; font-weight: 600;}
.popup2 .white_bg .p_btnarea2 .btn2 {margin-right: 0; background: #FFAA00; border-color: #FFAA00;}



/* 로그인 유형 선택 */
.login {position: relative; width: 100vw; height: calc(100vh - 4.7222vw);}
.login .l1_wrap {position: absolute; top: 10%; left: 50%; transform: translateX(-50%); width: 100%; text-align: center;}
.login .l1_wrap .logo {width: 55.5556vw;}
.login .l1_btn_wrap {margin-top: 8.3333vw; font-size: 0;}
.login .l1_btn_wrap .btns {display: inline-block; width: calc((100% - 2.2222vw) / 2); border: 0.5556vw solid #261500; box-sizing: border-box; border-radius: 2.2222vw; padding: 7.5000vw 0; text-align: center; margin-right: 2.2222vw;}
.login .l1_btn_wrap .btns:last-child {margin-right: 0;}
.login .l1_btn_wrap .btns img {width: 18.3333vw;}
.login .l1_btn_wrap .btns img {width: 18.3333vw;}
.login .l1_btn_wrap .btns .txt {font-size: 4.4444vw; font-weight: 600; margin-top: 2.5000vw;}

/*====================식당운영자===================*/

/* 로그인 */
.form .f_wrap {text-align: center; padding-top: 11.1111vw; box-sizing: border-box; margin-bottom: 2.7778vw;}
.form .logo {width: 30.5556vw;}
.f_sub {font-size: 3.8889vw; margin-bottom: 8.3333vw; line-height: 5.5556vw;}
.form .input_area {margin-bottom: 2.7778vw;}
.form .input_area .i_wrap {margin-bottom: 2.7778vw; position: relative;}
.form .input_area .i_wrap:last-child {margin-bottom: 0;}
/* .form .input_area .input {padding: 3.3333vw 13.3333vw 3.3333vw 5.5556vw; box-sizing: border-box; border-radius: 2.2222vw; border: 0.2778vw solid #261500; width: 100%; height: 11.1111vw;}*/
.form .input_area .input {
    padding: 3.3333vw 5.5556vw;
    box-sizing: border-box;
    border-radius: 2.2222vw;
    border: 0.2778vw solid #261500;
    width: 100%;
    height: 11.1111vw;
    color: #000 !important; /* 글자 색상 강제 지정 */
    background-color: #fff !important; /* 배경색 강제 지정 */
    font-size: 4vw;
    transition: border-color 0.2s ease-in-out;
}


.form .input_area .i_wrap .eye_btn {position: absolute; right: 2.7778vw; top: 0.2778vw; width: 10.5556vw;}
.form .input_area .i_wrap .eye_btn img {width: 100%; display: none;}
.form .input_area .i_wrap .eye_btn img.on {display: block;}
.form .ck_area {text-align: left; margin-bottom: 8.3333vw; font-size: 0;}
.form .ck_area .ckbox {appearance: none; border: none; width: 8.3333vw; height: 8.3333vw; background: url("/app/img/ckbox.png") no-repeat center center / 100% 100%;}
.form .ck_area .ckbox:checked {background-image: url("/app/img/ckbox_on.png");}
.form .ck_area .c_lab {font-size: 3.3333vw; font-weight: 500;}
.form .f_btn {width: 100%; background: #FFAA00; border-radius: 2.2222vw; height: 11.1111vw; font-weight: 600; font-size: 3.8889vw; padding: 3.3333vw 0; box-sizing: border-box;}
.form .l_btn {margin-bottom: 8.6111vw;}


/* 식당운영자 회원가입 */
#join_rest {padding-bottom: 36.6667vw;}
.form .input_area .f_block {margin-bottom: 2.7778vw;}
.form .input_area .f_block:last-child {margin-bottom: 4.1667vw;}
.form .input_area {font-size: 0;}
.form .input_area .input.wid_st {width: calc(100% - 27.2222vw);}
.form .input_area .b_btn {width: 25.0000vw; margin-left: 2.2222vw; font-size: 3.8889vw; background: #261500; color: #fff; height: 11.1111vw; padding: 3.3333vw 0; box-sizing: border-box; border-radius: 2.2222vw;}



/* 메인 */
.main .gray_box {background: #F5F5F5; border-radius: 2.3333vw; padding: 2.6111vw 3.5556vw; box-sizing: border-box; font-size: 0; margin-bottom: 3.1667vw;}
.main .gray_box .sm_left {width: 55%; font-size: 3.8889vw; font-weight: 500;}
.main .gray_box .sm_left .fs10 {font-size: 2.7778vw;}
.main .gray_box .sm_right {width: 45%; color: #FFAA00; font-family: 'SUITE', sans-serif; font-size: 5.5556vw; text-align: right; font-weight: 500;}
.main .gray_box .date_wrap {width: calc(100% - 27.2222vw); white-space: nowrap;}
.main .gray_box .date_wrap .d_wrap {width: calc((100% - 5.2778vw) / 2); position: relative;}
.main .gray_box .date_wrap .d_wrap .click {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.main .gray_box .date {width: 100%; border: 0.2778vw solid #261500; padding: 0 0; text-align: center; box-sizing: border-box; border-radius: 2.2222vw; font-family: 'SUITE', sans-serif; position: relative; font-size: 3.8889vw; background: #fff; height: 11.1111vw; position: relative;}
.main .gray_box .gap {font-size: 4.4444vw; margin: 0 1.1111vw;}


.main .t_wrap {margin-bottom: 4.1667vw;}
.main .t_wrap .table {width: 100%;}
.main .t_wrap .table .t_tit {font-size: 0; font-weight: 500;}
.main .t_wrap .table .t_tit::after {content: ""; display: block; width: 100%; height: 0.2778vw; border-radius: 3.3333vw; background: #202020; margin-top: 2.7778vw;}
.main .t_wrap .table .t_tit .th {text-align: center; font-size: 3.8889vw;}
.main .t_wrap .table .t_tit .th1 {width: 25%;}
.main .t_wrap .table .t_tit .th2 {width: 50%;}
.main .t_wrap .table .t_tit .th3 {width: 25%;}
.main .t_wrap .table .t_txt {font-size: 0; font-weight: 300; margin-top: 1.6667vw;}
.main .t_wrap .table .t_txt::after {content: ""; display: block; width: 100%; height: 0.2778vw; background: #D2D2D2; border-radius: 3.3333vw; margin: 2.7778vw 0 1.6667vw;}
.main .t_wrap .table .t_txt .tr {font-size: 0;}
.main .t_wrap .table .t_txt .td { text-align: center; font-size: 3.8889vw; padding: 1.3889vw 0; box-sizing: border-box; display: inline-block; vertical-align: middle;}
.main .t_wrap .table .t_txt .td1 {width: 25%; font-family: 'SUITE', sans-serif;}
.main .t_wrap .table .t_txt .td2 {width: 50%;}
.main .t_wrap .table .t_txt .td3 {width: 25%; font-family: 'SUITE', sans-serif;}
.main .t_wrap .table .t_txt .tr.sales {background: #F5F5F5; border-radius: 2.2222vw; padding: 2.2222vw 4.1667vw; box-sizing: border-box; margin-top: 1.6667vw;}
.main .t_wrap .table .t_txt .tr.sales .s_td1 {width: 25%; font-size: 3.8889vw; font-weight: 600; display: inline-block; vertical-align: middle;}
.main .t_wrap .table .t_txt .tr.sales .s_td2 {width: 75%; text-align: right; font-size: 4.4444vw; font-weight: 600; display: inline-block; vertical-align: middle; font-family: 'SUITE', sans-serif;}


.main .gray_box .g_block {margin-bottom: 2.7778vw;}
.main .gray_box .g_block:last-child {margin-bottom: 0;}
/* .main .gray_box .g_block .s_area {width: calc(100% - 27.2222vw);} */
.main .gray_box .g_block .s_area {width: 100%;}
.main .gray_box .g_block .s_area .input {width: calc(100% - 17.2222vw); font-size: 3.8889vw; height: 11.1111vw; border: 0.2778vw solid #261500; border-radius: 2.2222vw; box-sizing: border-box; padding:0 4.1667vw;}
.main .gray_box .g_block .s_area .b_btn {background: #261500; width: 16.1111vw; margin-left: 1.1111vw; color: #fff; border-radius: 2.2222vw; height: 11.1111vw; border: 0.2778vw solid #261500;}


.main .t_wrap2 {margin-bottom: 4.1667vw;}
.main .t_wrap2 .table2 {font-size: 0;}
.main .t_wrap2 .table2 .t_tit {font-size: 0; padding: 2.5000vw 4.1667vw; box-sizing: border-box;}
.main .t_wrap2 .table2 .t_tit .date {width: 18.0556vw; font-size: 4.4444vw; font-family: 'SUITE', sans-serif; text-align: center; white-space: nowrap;}
.main .t_wrap2 .table2 .t_tit .sales {width: calc(100% - 18.0556vw); padding-left: 2.7778vw; box-sizing: border-box; text-align: right;}
.main .t_wrap2 .table2 .t_tit .sales .s_txt {font-size: 3.8889vw; font-weight: 500;}
.main .t_wrap2 .table2 .t_tit .sales .s_num {font-family: 'SUITE', sans-serif; font-size: 4.4444vw; font-weight: 500; margin-left: 7.2222vw;}
.main .t_wrap2 .table2 .t_txt .bg_gray {background: #F5F5F5; border-radius: 2.2222vw; padding: 0 4.1667vw 1.3889vw; box-sizing: border-box; margin-bottom: 2.7778vw;}
.main .t_wrap2 .table2 .t_txt .bg_gray .th_line .th {padding: 2.7778vw 0; font-size: 3.8889vw; display: inline-block; vertical-align: middle; text-align: center;}
.main .t_wrap2 .table2 .t_txt .bg_gray .th_line .th1 {width: 18.0556vw;}
.main .t_wrap2 .table2 .t_txt .bg_gray .th_line .th2 {width: calc(100% - 43.0556vw);}
.main .t_wrap2 .table2 .t_txt .bg_gray .th_line .th3 {width: 25.0000vw;}
.main .t_wrap2 .table2 .t_txt .bg_gray .tr .td {padding: 1.3889vw 0; box-sizing: border-box; font-size: 3.8889vw; display: inline-block; vertical-align: middle; text-align: center;}
.main .t_wrap2 .table2 .t_txt .bg_gray .td1 {width: 18.0556vw;}
.main .t_wrap2 .table2 .t_txt .bg_gray .td2 {width: calc(100% - 43.0556vw);}
.main .t_wrap2 .table2 .t_txt .bg_gray .td3 {width: 25.0000vw;}
.main .no_list .no_p {font-size: 3.8889vw; padding: 16.6667vw 0; box-sizing: border-box; text-align: center;}
.main .sales_list {display: none;}
.main .sales_list.on {display: block;}
.main .sales_list .no_p {font-size: 3.8889vw; padding: 16.6667vw 0; box-sizing: border-box; text-align: center;}


/* 급식시간 설정 */
.page .t_h2 {font-size: 3.8889vw; font-weight: 600; margin-bottom: 2.7778vw;}
.page .time_tit {font-size: 0;}
.page .time_tit .t_h3 {font-size: 3.8889vw; text-align: center; margin-bottom: 2.7778vw; font-weight: 500;}
.page .time_tit .th1 {width: 19.4444vw;}
.page .time_tit .th2 {width: calc(100% - 46.6667vw); padding: 0 2.2222vw 0 4.1667vw; box-sizing: border-box;}
.page .time_tit .th3 {width: 27.2222vw; padding-right: 4.1667vw; box-sizing: border-box;}
.page .time_block {background: #F5F5F5; border-radius: 3.3333vw; padding: 4.1667vw; box-sizing: border-box; margin-bottom: 2.7778vw;}
.page .time_block .set {font-size: 0;}
.page .time_block .t_lab {display: block; font-size: 3.8889vw; margin-bottom: 2.2222vw; padding-left: 2.2222vw; box-sizing: border-box;}
.page .time_block .ck_wrap {width: 11.1111vw; text-align: center;}
.page .time_block .time_wrap {width: calc(100% - 34.1667vw); padding: 0 2.2222vw 0 4.1667vw; box-sizing: border-box;}
.page .time_block .time_wrap .gap {font-size: 4.4444vw; margin: 0 1.1111vw;}
.page .time_block .input {border: 0.2778vw solid #261500; border-radius: 2.2222vw; height: 11.1111vw; font-size: 3.8889vw; font-family: 'SUITE', sans-serif; text-align: center; box-sizing: border-box;}
.page .time_block .time_wrap .input {width: calc((100% - 5.2778vw) / 2);}
.page .time_block .price_wrap {width: 23.0556vw;}
.page .time_block .price_wrap .input {width: 100%;}
.page .btn_area {font-size: 0;}
.page .btn_area .btns {width: calc((100% - 1.1111vw) / 2); height: 11.1111vw; font-size: 3.8889vw; font-weight: 600; border: 0.2778vw solid #261500; border-radius: 2.2222vw; margin-right: 1.1111vw;}
.page .btn_area .btn2 {margin-right: 0; background: #FFAA00; border-color: #FFAA00;}
#time_set .btn_area {margin-top: 4.1667vw;}

/* 업체 관리 */
.page .gray_box {background: #F5F5F5; border-radius: 3.3333vw; padding: 4.1667vw; box-sizing: border-box; margin-bottom: 4.1667vw;}
.page .gray_box .s_lab {font-size: 3.8889vw; font-weight: 500; margin-bottom: 2.7778vw; display: block;}
.page .gray_box .fs0 {font-size: 0; margin-bottom: 2.7778vw;}
.page .gray_box .i_wrap {width: calc(100% - 25.0000vw); padding-right: 2.2222vw; box-sizing: border-box; display: inline-block;}
.page .gray_box .i_wrap .input {width: 100%; padding: 2.7778vw 4.1667vw; box-sizing: border-box; height: 11.1111vw; border-radius: 2.2222vw; border: 0.2778vw solid #261500; font-size: 3.8889vw; font-weight: 300;}
.page .gray_box .i_wrap .input::placeholder {color: #808080;}
.page .gray_box .b_btn {width: 25.0000vw; height: 11.1111vw; color: #fff; background: #261500; font-size: 3.8889vw; font-weight: 600; border-radius: 2.2222vw;}
.page .gray_box .e_cancel {display: none;}
.page .gray_box .e_cancel.on {display: block;}
.page .c_h2 {margin-bottom: 2.7778vw; font-size: 3.8889vw; font-weight: 600;}
.page .cp_wrap .cp_box {margin-bottom: 2.7778vw; padding: 4.1667vw; background: #F5F5F5; border-radius: 3.3333vw; box-sizing: border-box;}
.page .cp_wrap .cp_box .cp_top {margin-bottom: 2.7778vw; font-size: 0;}
.page .cp_wrap .cp_box .cp_top .c_h3 {font-size: 3.8889vw; width: 70%; font-weight: 400;}
.page .cp_wrap .cp_box .cp_top .num {font-size: 2.7778vw; width: 30%; text-align: right;}
.page .cp_wrap .cp_box .cp_top .num .fs14 {font-size: 3.8889vw; font-family: 'SUITE', sans-serif; margin-right: 1.1111vw; display: inline-block;}
.page .cp_wrap .cp_box .cp_bot {font-size: 0;}
.page .cp_wrap .cp_box .cp_bot .cp_btn {width: calc((100% - 3.3333vw) / 4); height: 11.1111vw; font-size: 3.8889vw; font-weight: 600; border: 0.2778vw solid #261500; border-radius: 2.2222vw; background: #fff; margin-right: 1.1111vw;}
.page .cp_wrap .cp_box .cp_bot .cp_btn:last-child {margin-right: 0;}

/* 인원 관리 페이지 링크 */
.link_pop {position: fixed; width: 100vw; height: 100vh; overflow-x: hidden; top: 0; left: 0; z-index: 10; display: none;}
.link_pop.on {display: block;}
.link_pop .black_bg {position: fixed; width: 100%; height: 100%; top: 0; left: 0; background:rgba(0,0,0,0.7); z-index: 11;}
.link_pop .white_bg {position: absolute; width: 91.6667vw; top: 50%; left: 50%; background:#fff; z-index: 12; transform: translate(-50%, -50%); border-radius: 3.3333vw; box-sizing: border-box; text-align: center;}
.link_pop .white_bg .close_area {text-align: right;}
.link_pop .white_bg .close_area .close_btn {width: 13.3333vw;}
.link_pop .white_bg .close_area .close_btn img {width: 100%;}
.link_pop .white_bg .cont_area {padding: 3.3333vw 0 8.3333vw; box-sizing: border-box;}
.link_pop .white_bg .cont_area .pop_h2 {font-size: 5.0000vw; font-weight: 600; margin-bottom: 2.7778vw;}
.link_pop .white_bg .cont_area .pop_p {font-size: 3.8889vw; font-weight: 300;}
.link_pop .white_bg .cont_area .pop_p .bold {font-weight: 600;}
.link_pop .white_bg .p_btnarea {font-weight: 600; padding: 4.1667vw; box-sizing: border-box; margin-top: 5.5556vw;}
.link_pop .white_bg .p_btnarea .p_btn {background: #FFAA00; border-radius: 2.2222vw; font-size: 3.8889vw; font-weight: 600; padding: 3.3333vw 0; box-sizing: border-box; height: 11.1111vw; width: 100%;}
.link_pop .white_bg .input {width: 100%; height: 11.1111vw; font-size: 3.8889vw; border: 0.2778vw solid #261500; border-radius: 2.2222vw; box-sizing: border-box; text-align: center; margin-bottom: 2.7778vw; padding: 0.5556vw; line-height: 9.4444vw;}
.link_pop .white_bg #link {background: #EBEBEB;}


/* 날짜 선택 */
.cal_pop {position: fixed; width: 100vw; height: 100vh; overflow-x: hidden; top: 0; left: 0; z-index: 10; display: none;}
.cal_pop.on {display: block;}
.cal_pop .black_bg {position: fixed; width: 100%; height: 100%; top: 0; left: 0; background:rgba(0,0,0,0.7); z-index: 11;}
.cal_pop .white_bg {position: absolute; width: 91.6667vw; top: 50%; left: 50%; background:#fff; z-index: 12; transform: translate(-50%, -50%); border-radius: 3.3333vw; box-sizing: border-box; text-align: center; font-size: 0;}
.cal_pop .white_bg .padding {padding: 0 4.1667vw 4.1667vw; box-sizing: border-box;}
.cal_pop .white_bg .c_left {width: 13.3333vw;}
.cal_pop .white_bg .c_cen {width: calc(100% - 26.6667vw); font-size: 5.0000vw; font-weight: 600;}
.cal_pop .white_bg .close_btn {width: 13.3333vw;}
.cal_pop .white_bg .close_btn img {width: 100%;}

.cal_pop .c_date {text-align: center; margin-bottom: 4.1667vw;}
.cal_pop .c_date .btns {width: 8.3333vw; display: inline-block; vertical-align: middle;}
.cal_pop .c_date .btns img {width: 100%;}
.cal_pop .c_date .date {font-size: 3.8889vw; font-weight: 600; padding: 0 4.1667vw; box-sizing: border-box;}

.cal_pop .calendar {border: 0.2778vw solid #261500; box-sizing: border-box; border-radius: 2.2222vw;}
.cal_pop .table {width: 100%;}
.cal_pop .table .day {border-bottom: 0.2778vw solid #261500;}
.cal_pop .table .th {font-size: 2.7778vw; font-weight: 500; height: 11.1111vw;}
.cal_pop .table .td {font-size: 2.7778vw; font-weight: 500; border-radius: 50%; font-family: 'SUITE', sans-serif; cursor: pointer; box-sizing: border-box; height: 11.1111vw; position: relative;}
.cal_pop .table .td.gray {color: #EBEBEB; cursor: inherit;}
.cal_pop .table .td.red {color: #FF0000;}
.cal_pop .table .td::after {content: ""; display: inline-block; width: 5.5556vw; height: 5.5556vw; border-radius: 50%; background: transparent; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1;}
.cal_pop .table .td.today::after {background: #E1E1E1;}
.cal_pop .table .td.on {color: #fff;}
.cal_pop .table .td.on::after {background: #FFAA00;}

.cal_pop .white_bg .p_btnarea {font-weight: 600; padding: 4.1667vw; box-sizing: border-box;}
.cal_pop .white_bg .p_btnarea .p_btn {background: #FFAA00; border-radius: 2.2222vw; font-size: 3.8889vw; font-weight: 600; padding: 3.3333vw 0; box-sizing: border-box; height: 11.1111vw; width: 100%;}

.cal_pop2 {position: fixed; width: 100vw; height: 100vh; overflow-x: hidden; top: 0; left: 0; z-index: 10; display: none;}
.cal_pop2.on {display: block;}
.cal_pop2 .black_bg {position: fixed; width: 100%; height: 100%; top: 0; left: 0; background:rgba(0,0,0,0.7); z-index: 11;}
.cal_pop2 .white_bg {position: absolute; width: 91.6667vw; top: 50%; left: 50%; background:#fff; z-index: 12; transform: translate(-50%, -50%); border-radius: 3.3333vw; box-sizing: border-box; text-align: center; font-size: 0;}
.cal_pop2 .white_bg .padding {padding: 0 4.1667vw 4.1667vw; box-sizing: border-box;}
.cal_pop2 .white_bg .c_left {width: 13.3333vw;}
.cal_pop2 .white_bg .c_cen {width: calc(100% - 26.6667vw); font-size: 5.0000vw; font-weight: 600;}
.cal_pop2 .white_bg .close_btn {width: 13.3333vw;}
.cal_pop2 .white_bg .close_btn img {width: 100%;}

.cal_pop2 .c_date {text-align: center; margin-bottom: 4.1667vw;}
.cal_pop2 .c_date .btns {width: 8.3333vw; display: inline-block; vertical-align: middle;}
.cal_pop2 .c_date .btns img {width: 100%;}
.cal_pop2 .c_date .date {font-size: 3.8889vw; font-weight: 600; padding: 0 4.1667vw; box-sizing: border-box;}

.cal_pop2 .calendar {border: 0.2778vw solid #261500; box-sizing: border-box; border-radius: 2.2222vw;}
.cal_pop2 .table {width: 100%;}
.cal_pop2 .table .day {border-bottom: 0.2778vw solid #261500;}
.cal_pop2 .table .th {font-size: 2.7778vw; font-weight: 500; height: 11.1111vw;}
.cal_pop2 .table .td {font-size: 2.7778vw; font-weight: 500; border-radius: 50%; font-family: 'SUITE', sans-serif; cursor: pointer; box-sizing: border-box; height: 11.1111vw; position: relative;}
.cal_pop2 .table .td.gray {color: #EBEBEB; cursor: inherit;}
.cal_pop2 .table .td.red {color: #FF0000;}
.cal_pop2 .table .td::after {content: ""; display: inline-block; width: 5.5556vw; height: 5.5556vw; border-radius: 50%; background: transparent; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1;}
.cal_pop2 .table .td.today::after {background: #E1E1E1;}
.cal_pop2 .table .td.on {color: #fff;}
.cal_pop2 .table .td.on::after {background: #FFAA00;}

.cal_pop2 .white_bg .p_btnarea {font-weight: 600; padding: 4.1667vw; box-sizing: border-box;}
.cal_pop2 .white_bg .p_btnarea .p_btn {background: #FFAA00; border-radius: 2.2222vw; font-size: 3.8889vw; font-weight: 600; padding: 3.3333vw 0; box-sizing: border-box; height: 11.1111vw; width: 100%;}


/* 정산 관리 */
.page .gray_box .fs0.mb0 {margin-bottom: 0;}
.page .cl_date {text-align: center; margin-bottom: 4.1667vw;}
.page .cl_date .btns {width: 8.3333vw; display: inline-block; vertical-align: middle;}
.page .cl_date .btns img {width: 100%;}
.page .cl_date .date {font-size: 3.8889vw; font-weight: 600; padding: 0 4.1667vw; box-sizing: border-box;}
.page .cl_wrap .cl_box .tit {padding: 2.7778vw 4.1667vw; box-sizing: border-box; font-size: 0;}
.page .cl_wrap .cl_box .tit .ct_left {width: calc(100% - 16.6667vw); font-size: 3.8889vw; font-weight: 600;}
.page .cl_wrap .cl_box .tit .ct_right {width: 16.6667vw;}
.page .cl_wrap .cl_box .tit .ct_right .det_btn {width: 100%; border: 0.2778vw solid #261500; height: 8.3333vw; font-size: 2.7778vw; font-weight: 600;}
.page .cl_wrap .cl_box .gray_box {font-size: 0; margin-bottom: 2.7778vw;}
.page .cl_wrap .cl_box .gray_box .g_tit {margin-bottom: 2.7778vw;}
.page .cl_wrap .cl_box .gray_box .g_tit .th {font-size: 3.8889vw; font-weight: 600; display: inline-block; vertical-align: middle; text-align: center;}
.page .cl_wrap .cl_box .gray_box .g_tit .th1 {width: 20%;}
.page .cl_wrap .cl_box .gray_box .g_tit .th2 {width: 30%;}
.page .cl_wrap .cl_box .gray_box .g_tit .th3 {width: 50%;}

.page .cl_wrap .cl_box .gray_box .g_txt .tr {padding: 1.6667vw 0; box-sizing: border-box;}
.page .cl_wrap .cl_box .gray_box .g_txt .td {font-size: 3.8889vw; font-weight: 300; display: inline-block; vertical-align: middle; text-align: center;}
.page .cl_wrap .cl_box .gray_box .g_txt .td1 {width: 20%;}
.page .cl_wrap .cl_box .gray_box .g_txt .td2 {width: 30%; font-family: 'SUITE', sans-serif;}
.page .cl_wrap .cl_box .gray_box .g_txt .td3 {width: 50%; text-align: right; padding-right: 2.7778vw; box-sizing: border-box; font-family: 'SUITE', sans-serif;}

.page .cl_wrap .cl_box .gray_box .result {padding: 2.5000vw 2.7778vw 2.5000vw 1.9444vw; box-sizing: border-box;}
.page .cl_wrap .cl_box .gray_box .result .r_left {width: 20.8333vw; font-size: 3.8889vw; font-weight: 600; text-align: center;}
.page .cl_wrap .cl_box .gray_box .result .r_right {width: calc(100% - 20.8333vw); font-weight: 600; font-size: 4.4444vw; text-align: right; font-family: 'SUITE', sans-serif;}


/* 정산관리 > 상세 */
.page .gray_box .dt_line {margin-bottom: 4.1667vw; font-size: 0; font-weight: 500;}
.page .gray_box .dt_line:last-child {margin-bottom: 0;}
.page .gray_box .dt_line .dl1 {font-size: 3.8889vw; width: 21%;}
.page .gray_box .dt_line .dl2 {font-size: 3.8889vw; text-align: right; width: 79%;}
.page .gray_box .dt_line .dl3 {font-size: 3.8889vw; width: 20%;}
.page .gray_box .dt_line .dl4 {font-size: 5.5556vw; text-align: right; font-family: 'SUITE', sans-serif; color: #FFAA00; width: 80%; font-weight: bold;}
.page .dt_box .dt_top {padding: 2.7778vw 0; box-sizing: border-box; font-size: 0;}
.page .dt_box .dt_top .dt_left {width: 30%; font-size: 4.4444vw; font-weight: 500; font-family: 'SUITE', sans-serif; text-align: center;}
.page .dt_box .dt_top .dt_right {width: 70%; text-align: right; padding-right: 4.1667vw; box-sizing: border-box;}
.page .dt_box .dt_top .dt_right .dr1 {font-size: 3.8889vw; font-weight: 500;}
.page .dt_box .dt_top .dt_right .dr2 {font-size: 4.4444vw; font-weight: 500; font-family: 'SUITE', sans-serif; margin-left: 5.5556vw;}
.page .dt_box .dt_gray {background: #F5F5F5; border-radius: 3.3333vw; padding: 0 4.1667vw; margin-bottom: 2.7778vw;}
.page .dt_box .dt_gray .first {font-size: 0;}
.page .dt_box .dt_gray .first .th {padding: 2.7778vw 0; box-sizing: border-box; display: inline-block; vertical-align: middle; font-size: 3.8889vw; font-weight: 500; text-align: center;}
.page .dt_box .dt_gray .first .th1 {width: 25%;}
.page .dt_box .dt_gray .first .th2 {width: 25%;}
.page .dt_box .dt_gray .first .th3 {width: 50%;}
.page .dt_box .dt_gray .tr {font-size: 0;}
.page .dt_box .dt_gray .tr .td {padding: 1.6667vw 0; box-sizing: border-box; display: inline-block; vertical-align: middle; font-size: 3.8889vw; text-align: center;}
.page .dt_box .dt_gray .tr .td1 {width: 25%;}
.page .dt_box .dt_gray .tr .td2 {width: 25%; text-decoration: underline; font-family: 'SUITE', sans-serif; cursor: pointer;}
.page .dt_box .dt_gray .tr .td3 {width: 50%; text-align: right; font-family: 'SUITE', sans-serif;}
.page .no_list .no_txt {padding: 16.6667vw 0; font-size: 3.8889vw; font-weight: 500; text-align: center;}

/* 이용 인원 명단 */
.listpop {position: fixed; width: 100vw; height: 100vh; overflow-x: hidden; top: 0; left: 0; z-index: 10; display: none;}
.listpop.on {display: block;}
.listpop .black_bg {position: fixed; width: 100%; height: 100%; top: 0; left: 0; background:rgba(0,0,0,0.7); z-index: 11;}
.listpop .white_bg {position: absolute; width: 91.6667vw; top: 50%; left: 50%; background:#fff; z-index: 12; transform: translate(-50%, -50%); border-radius: 3.3333vw; box-sizing: border-box; text-align: center; font-size: 0;}
.listpop .white_bg .padding {padding: 0 4.1667vw 4.1667vw; box-sizing: border-box;}
.listpop .white_bg .c_left {width: 13.3333vw;}
.listpop .white_bg .c_cen {width: calc(100% - 26.6667vw); font-size: 5.0000vw; font-weight: 600;}
.listpop .white_bg .close_btn {width: 13.3333vw;}
.listpop .white_bg .close_btn img {width: 100%;}

.listpop .gray_box {background: #F5F5F5; border-radius: 2.2222vw; padding: 4.1667vw; box-sizing: border-box; height: 136.6667vw; overflow: hidden;}
.listpop .gray_box .scroll_area::-webkit-scrollbar {display: none;}
.listpop .gray_box .scroll_area {-ms-overflow-style: none; scrollbar-width: none; height: calc(100% - 4.4444vw); overflow: scroll;}

.listpop .gray_box .first {margin-bottom: 2.7778vw;}
.listpop .gray_box .first .th {font-size: 3.8889vw; font-weight: 500; display: inline-block; vertical-align: middle;}
.listpop .gray_box .first .th1 {width: 15%;}
.listpop .gray_box .first .th2 {width: 40%;}
.listpop .gray_box .first .th3 {width: 45%;}
.listpop .gray_box .tr .td {font-size: 3.8889vw; display: inline-block; vertical-align: middle; padding: 1.2500vw 0; box-sizing: border-box;}
.listpop .gray_box .tr .td1 {width: 15%; font-family: 'SUITE', sans-serif;}
.listpop .gray_box .tr .td2 {width: 40%;}
.listpop .gray_box .tr .td3 {width: 45%; font-family: 'SUITE', sans-serif;}

.listpop .white_bg .p_btnarea {font-weight: 600; padding: 4.1667vw; box-sizing: border-box;}
.listpop .white_bg .p_btnarea .p_btn {background: #FFAA00; border-radius: 2.2222vw; font-size: 3.8889vw; font-weight: 600; padding: 3.3333vw 0; box-sizing: border-box; height: 11.1111vw; width: 100%;}



/* 메뉴 알림 */
.page .list_wrap {margin-bottom: 2.7778vw;}
.page .list_wrap .a_tit {padding-bottom: 2.7778vw; box-sizing: border-box; font-size: 0;}
.page .list_wrap .a_tit .th {display: inline-block; vertical-align: middle; font-size: 3.8889vw; font-weight: 500; text-align: center;}
.page .list_wrap .a_tit .th1 {width: 50%;}
.page .list_wrap .a_tit .th2 {width: 30%;}
.page .list_wrap .a_tit .th3 {width: 20%;}
.page .list_wrap .a_wrap {margin-bottom: 2.7778vw;}
.page .list_wrap .a_wrap .a_link {font-size: 0; display: block;}
.page .list_wrap .a_wrap .a_link .td {font-size: 3.3333vw; font-weight: 300; text-align: center; display: inline-block; vertical-align: middle; padding: 3.0556vw 0; box-sizing: border-box;}
.page .list_wrap .a_wrap .a_link .td1 {width: 50%; padding-left: 2.7778vw; box-sizing: border-box; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.page .list_wrap .a_wrap .a_link .td2 {width: 30%;}
.page .list_wrap .a_wrap .a_link .td3 {width: 20%;}
.page .num_wrap {text-align: center; margin-bottom: 4.1667vw;}
.page .num_wrap .n_btn {display: inline-block; vertical-align: middle; width: 8.3333vw;}
.page .num_wrap .n_btn img {width: 100%;}
.page .num_wrap .n_wrap .n_a {font-size: 3.3333vw; font-weight: 300; width: 8.3333vw; height: 8.3333vw; display: inline-block; vertical-align: middle; padding: 2.2222vw 0; box-sizing: border-box;}
.page .num_wrap .n_wrap .n_a.on {color: #FFAA00; font-weight: bold;}


/* 메뉴알림 서브 */
.page .s_title {margin-bottom: 2.7778vw;}
.page .s_title .st_top {margin-bottom: 2.7778vw; font-size: 3.8889vw; font-weight: 600;}
.page .s_title .st_bot {font-size: 0;}
.page .s_title .st_bot .sb_left {width: 40%; font-size: 3.3333vw; font-weight: 300;}
.page .s_title .st_bot .sb_right {width: 60%; text-align: right; font-size: 3.3333vw; font-weight: 300;}
.page .contents {margin-top: 4.1667vw;}
.page .contents .ct_block {margin-bottom: 4.1667vw;}
.page .contents .ct_block .ct_tit {margin-bottom: 2.7778vw; font-size: 3.3333vw; font-weight: 600;}
.page .contents .ct_block .img_area {width: 100%; height: 55.5556vw; border-radius: 2.2222vw; border: 0.2778vw solid #D2D2D2; box-sizing: border-box; overflow: hidden;}
.page .contents .ct_block .img_area .grid img {width: 101%;}
.page .contents .ct_block .gray_area {background: #F5F5F5; border-radius: 2.2222vw; padding: 4.1667vw; box-sizing: border-box;}
.page .contents .ct_block .gray_area .gray_p {font-size: 3.3333vw; font-weight: 300; line-height: 5.0000vw;}

/* 메뉴알림 쓰기 */
.page .wt_wrap .wt_block {font-size: 0; margin-bottom: 4.1667vw;}
.page .wt_wrap .wt_block .wt_left {width: 14.4444vw; font-size: 3.3333vw; font-weight: 600;}
.page .wt_wrap .wt_block .wt_right {width: calc(100% - 14.4444vw);}
.page .wt_wrap .wt_block .wt_right .date {width: 25.5556vw; border-radius: 2.2222vw; border: 0.2778vw solid #261500; padding: 3.3333vw 0; height: 11.1111vw; box-sizing: border-box; text-align: center; font-size: 3.8889vw;}
.page .wt_wrap .wt_block .wt_right .r_name {width: calc(100% - 25.5556vw); font-size: 3.3333vw; font-weight: 300; text-align: right;}
.page .wt_wrap .wt_block .info {color: #FFAA00; margin-top: 2.5000vw; font-size: 2.7778vw; font-weight: 300; padding-left: 14.4444vw; box-sizing: border-box;}
.page .wt_wrap .wt_block .info img {width: 2.2222vw; margin-right: 0.5556vw;}
.page .wt_wrap .wt_block .wt_right .input {border: 0.2778vw solid #261500; border-radius: 2.2222vw; font-size: 3.8889vw; padding: 3.3333vw 4.1667vw; box-sizing: border-box; height: 11.1111vw; width: 100%;}
.page .wt_wrap .wt_block .wt_right .input::placeholder {color: #808080;}
.page .wt_wrap .wt_block .wt_right .f_wrap {margin-right: 1.1111vw; display: inline-block; width: calc((100% - 1.1111vw) / 2); height: 33.3333vw; border-radius: 2.2222vw; overflow: hidden; border: 0.2778vw solid #BEBEBE; box-sizing: border-box; background: #BEBEBE; position: relative;}
.page .wt_wrap .wt_block .wt_right .f_wrap img {width: 100%; height: 100%; object-fit: cover;}
.page .wt_wrap .wt_block .wt_right .f_wrap:nth-child(2n) {margin-right: 0;}
.page .wt_wrap .wt_block .wt_right .f_wrap:nth-child(1),
.page .wt_wrap .wt_block .wt_right .f_wrap:nth-child(2) {margin-bottom: 1.1111vw;}
.page .wt_wrap .wt_block .wt_right .f_wrap .black_wrap {position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.5); width: 100%; height: 100%; display: none;}
.page .wt_wrap .wt_block .wt_right .f_wrap .black_wrap.on {display: block;}
.page .wt_wrap .wt_block .wt_right .f_wrap .black_wrap .a_right {text-align: right;}
.page .wt_wrap .wt_block .wt_right .f_wrap .black_wrap .del_btn {width: 11.1111vw;}
.page .wt_wrap .wt_block .wt_right .f_wrap .black_wrap .w_txt {color: #fff; font-size: 3.8889vw; font-weight: 500; text-align: center; padding-top: 3.3333vw; box-sizing: border-box;}


.page .wt_wrap .wt_block .wt_right .file {display: none;}
.page .wt_wrap .wt_block .wt_right .f_lab {display: inline-block; border-radius: 2.2222vw; overflow: hidden; width: 100%; height: 100%;}
.page .wt_wrap .wt_block .wt_right .textarea {border-radius: 2.2222vw; border: 0.2778vw solid #261500; padding: 3.3333vw 4.1667vw; box-sizing: border-box; font-size: 3.8889vw; width: 100%; height: 50.0000vw;}
.page .wt_wrap .wt_block .wt_right .textarea::placeholder {color: #808080;}
.page .wt_wrap .info_block {margin-bottom: 4.1667vw;}
.page .wt_wrap .info_block .ib_top {font-size: 3.3333vw; font-weight: 600; margin-bottom: 2.7778vw;}
.page .wt_wrap .info_block .ib_bot {background: #F5F5F5; padding: 4.1667vw; box-sizing: border-box; border-radius: 2.2222vw; font-size: 3.3333vw; font-weight: 300; line-height: 5.0000vw;}


/* 공지사항 */
.page .contents .ct_block .text_area {padding: 4.1667vw 0 0; box-sizing: border-box; color: #261500; font-size: 3.3333vw; font-weight: 300; line-height: 5.0000vw;}

/* 약관 */
.page .contents .ct_block .text_area.pd0 {padding: 0;}




/*=====================사용자=====================*/
.user_main .qr_area {width: 72.2222vw; height: 72.2222vw; margin:8.3333vw auto 5.5556vw; position: relative;}
.user_main .qr_area .qr_border {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.user_main .qr_area .qr_border img { position: absolute; width: 90%; height: 90%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.user_main .qr_area .qr_border .qr_square {width: 61.1111vw; height: 61.1111vw; background: #FFF6E4; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.user_main .qr_text {font-size: 3.8889vw; font-weight: 500; margin-bottom: 8.3333vw; text-align: center;}


/* 이용내역 */
.user_uselist .select_c {margin: 0 0 0 2.2222vw;}
.user_uselist .gray_box .u_h2 {font-size: 3.8889vw; font-weight: 500; margin-bottom: 2.7778vw; text-align: center;}
.user_uselist .gray_box .use_table {width: 100%; border-collapse: collapse;}
.user_uselist .gray_box .use_table .g_th {width: 25%; font-size: 2.7778vw; font-weight: 500; color: #fff; background: #261500; height: 5.5556vw; border: 0.2778vw solid #261500;}
.user_uselist .gray_box .use_table .g_td {width: 25%; font-size: 3.8889vw; font-weight: 600; height: 7.2222vw; font-family: 'SUITE', sans-serif; border: 0.2778vw solid #261500; text-align: center;}
.user_uselist .h3_wrap {font-size: 0; margin-bottom: 2.7778vw;}
.user_uselist .h3_wrap .u_h3 {font-size: 3.8889vw; font-weight: 500; width: 50%; text-align: center;}
.user_uselist .one_day {font-size: 0;}
.user_uselist .one_day .pd5 {padding: 1.3889vw 0; box-sizing: border-box;}
.user_uselist .one_day .od_left {width: 50%; font-size: 3.8889vw; font-family: 'SUITE', sans-serif; text-align: center;}
.user_uselist .one_day .od_right {width: 50%;}
.user_uselist .one_day .od_right .td {font-size: 3.8889vw; font-weight: 300; text-align: center; padding: 1.3889vw 0; box-sizing: border-box;}
.user_uselist .btn_area {margin-top: 4.1667vw;}


/* 사용자 햄버거 */
.ham.user .white_bg .gray_box {background: #F5F5F5; border-radius: 2.2222vw; padding: 4.7222vw 4.1667vw; box-sizing: border-box; font-size: 0;}
.ham.user .white_bg .gray_box .gb_left {width: 11.1111vw;}
.ham.user .white_bg .gray_box .gb_left .ckbox {appearance: none; border: none; width: 11.1111vw; height: 11.1111vw; background: url("/app/img/toggle.png") no-repeat center center / 100% 100%;}
.ham.user .white_bg .gray_box .gb_left .ckbox:checked {background-image: url("/app/img/toggle_on.png");}
.ham.user .white_bg .gray_box .gb_right {width: calc(100% - 11.1111vw); padding-left: 4.1667vw; box-sizing: border-box;}
.ham.user .white_bg .gray_box .gb_right .p_lab {display: block; text-align: left;}
.ham.user .white_bg .gray_box .gb_right .p_lab .p_top {font-size: 3.8889vw; font-weight: 600; margin-bottom: 1.6667vw;}
.ham.user .white_bg .gray_box .gb_right .p_lab .p_bot {font-size: 3.3333vw;font-weight: 300;}

.ham.user .white_bg .nav {padding: 0; margin-bottom: 4.1667vw;}




/*qr-reader*/
.qr_area {margin: 4.1667vw; box-sizing: border-box; background: #fff; border-radius: 2.2222vw; overflow: hidden; position: relative; height: 75.4444vw;}
.qr_area .qr_reader {width: 100%; height: 100%;}
.qr_area.mb0 {margin-bottom: 0;}
.qr-area .ban_li {height: 100%;} 
.qr-area .ban_li img {object-fit: cover; width: 100%;}
.qr-area .ban_li img {width: 100%; height: 16.6667vw;}
.qr-area .swiper-pagination {position: absolute; top: 1.1111vw; right: 1.1111vw; background: rgba(0,0,0,0.3); border-radius: 2.7778vw; width: 7.7778vw; height: 3.8889vw; color: #fff; z-index: 4; text-align: center; margin-left: auto; font-size: 2.2222vw; padding: 0.4167vw 0; box-sizing: border-box; font-weight: 300; font-family: 'SUITE', sans-serif;}
 
 
.txt_common {
    width: 100%;
    border: 0.2778vw solid #261500;
    border-radius: 2.2222vw;
    padding: 1.8vw 0;
    box-sizing: border-box;
    font-size: 2.700vw;
    font-weight: 400;
    height: 9.1111vw;
	margin-top: 1.8vw;
    background: #fff;
}


.wsize-agent{ color: #bfbfbf; }
.wsize-element{ color:#5867eb; }
.html5-qrcode-element{ border: solid 1px  #8c8c8c ; padding: 1px 1px; border-radius: 0.8vw; }