@charset "utf-8"; @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); @font-face { font-family: 'CJ_ONLYONE_Bold'; src: url('/resources/css/fonts/CJ_ONLYONE_Bold.ttf') format('truetype'); } /* default */ html, body { font-family:'Noto Sans KR', sans-serif; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; -moz-osx-font-smoothing:gratranslate3d(0,0,0)yscale; line-height:1} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,iframe,th,td{margin:0;padding:0;} article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;margin:0;padding:0;} h1,h2,h3,h4,h5,h6,dt{font-weight:normal;} img,fieldset,iframe,button{border:0 none;} img{ max-width:100%;} button{cursor:pointer;background:none} button:focus{outline:0;} li{list-style:none;} button{border:0 none} table{ border-spacing:0; } a{text-decoration:none;outline-offset:-1px;cursor: pointer} input{ appearance: none; -webkit-appearance: none; -webkit-border-radius: 0; padding:0; box-sizing:border-box; font-family:'Noto Sans KR', sans-serif;} input::placeholder{ color:#ccc;} input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;} select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family:'Noto Sans KR', sans-serif;} select::placeholder{ color:#ccc;} textarea{ font-family:'Noto Sans KR', sans-serif;} textarea::placeholder{ color:#ccc;} .margin0{ margin: 0 !important} body{ background-color: #f5f5f5;} .bg_modal60 {position:fixed; left:0; top:0; width:100%; height:100%; min-height:100vh; background:url('../../images/cj/common/bg_modal60.png') repeat 0 0; z-index:4;} nav{ position: fixed; top: 0; left: 0; width: 190px; height: 100%; background-color: #fff; border-right:1px solid #eee; box-sizing: border-box; z-index: 10} nav .logo{ display: flex; width:100%; height: 148px; align-items: center; justify-content: center;} nav .logo img{ width:80px;max-height: 80%;} nav ul{ max-height: calc(100% - 300px); overflow: auto;} nav ul li{ margin-bottom: 10px;} nav ul li > a{display: block;width: 100%;text-align: left;padding: 10px 0 10px 20px;box-sizing: border-box;} nav ul li > a.on + .subMenu{ display: block !important;position: relative;} nav ul li > a img{ display: inline-block; vertical-align: middle; margin-right: 10px;} nav ul li > a span{ display: inline-block; vertical-align: middle; font-size:14px; color: #666;} nav ul li .subMenu{ display: none;} nav ul li .subMenu.on{ display: block;} nav ul li .subMenu a{ position: relative; display: block; width:100%; font-size:14px; color: #666; text-align: left; padding:10px 0 10px 55px; box-sizing: border-box} nav ul li .subMenu a.subMenu2{ font-size:12px; padding: 10px 0 10px 55px;} nav ul li .subMenu a.subMenu2:before{ display: none !important} nav ul li .subMenu a:before{ content: ""; position: absolute; top: 15px; left: 40px; width:6px; height: 6px; border-radius: 50%; background-color: #666;} nav ul li .subMenu a:hover, nav ul li .subMenu a.active{ color:#007BC2; background-color: #EDF6FF;}` nav ul li .subMenu a:hover:before, nav ul li .subMenu a.active:before{ background-color: #007BC2;} nav ul li .subMenu a.hoverNone:hover{ color:#666; background-color:transparent;} nav ul li .subMenu a.hoverNone:hover:before{background-color:#666;} nav .user_info{ position: absolute; left: 0; bottom: 30px; width:100%; padding: 0 10px 0 20px; box-sizing: border-box} nav .user_info .infoBox{ position: relative; margin-bottom: 20px;} nav .user_info .infoBox .name{ display: inline-block; vertical-align: middle; font-size:10px; color: #999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 60px;} nav .user_info .infoBox .name:hover{ max-width: unset;} nav .user_info .infoBox .name b{ font-size:12px; color: #1e1e1e;} nav .user_info .infoBox .logBtn{ display: inline-block; vertical-align: middle; width:50px; line-height: 20px; font-size:10px; color: #666; text-align: center; border: 1px solid #d8d8d8; border-radius: 10px; margin-left: 10px;cursor:pointer;} nav .user_info .infoBox .setting{ position: absolute; top: 50%; transform: translateY(-50%); right: 0;;} nav .user_info .infoBox .setting img{ width:24px;} nav .user_info .infoBox p{ font-size:10px; color: #999; margin-bottom: 10px; padding-left: 5px; letter-spacing: -0.03em;} nav ul::-webkit-scrollbar {width: 4px; height: 10px; border: 3px solid #fff; } nav ul::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background:#efefef} nav ul::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)} nav ul::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)} main{ position:relative; width:100%; padding-left: 190px; box-sizing: border-box; min-width: 1200px; box-sizing: border-box; overflow: auto;} main .container{ min-height: 100vh; padding-bottom: 50px; box-sizing: border-box} main .container .topArea{ position: relative; display: flex; min-height: 80px; align-items: center; z-index: 1} main .container .topArea .route{ position: relative; font-size:14px; color: #000; padding-left: 40px; z-index: 2} main .container .topArea.bg_color{ background-color: #007BC2} main .container .topArea.bg_color:before{ content: ""; position: absolute; bottom: -73px; left: 0; width:100%; height: 73px; background-color: #007BC2;} main .container .topArea.bg_color2:before{ content: ""; position: absolute; top: 0; left: 0; width:100%; height: 80px; background-color: #EDF6FF; z-index: 1} main .container .topArea.bg_color .route{ color: #fff; } main .container .midArea{ position: relative; z-index: 2} main .container .midArea .dashboard{ padding: 0 20px; box-sizing: border-box} main .container .midArea .dashboard .summary{ padding: 0 20px;} main .container .midArea .dashboard .summary li{ display: inline-block; vertical-align: middle; margin-right: 40px;} main .container .midArea .dashboard .summary li img{ display: inline-block; vertical-align: middle; width:42px;} main .container .midArea .dashboard .summary li .textBox{ display: inline-block; vertical-align: middle; margin-left: 10px;} main .container .midArea .dashboard .summary li .textBox .text{ font-size:12px; color: #666;} main .container .midArea .dashboard .summary li .textBox .number{ font-size:16px; font-weight: bold; margin-top: 7px;} main .container .midArea .dashboard .contents{ margin-top: 50px;} main .container .midArea .dashboard .contents .contents_row{ margin-bottom: 30px; font-size: 0;} main .container .midArea .dashboard .contents .contents_row .itemBox{ display: inline-block; vertical-align: top; background-color: #fff; padding: 30px 24px; box-sizing: border-box; border: 1px solid #eee; box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.05), 0px 2px 1px 0px rgba(0, 0, 0, 0.05); border-radius: 20px; box-sizing: border-box; margin-left: 26px;} main .container .midArea .dashboard .contents .contents_row .itemBox:first-child{ margin-left: 0} main .container .midArea .dashboard .contents .contents_row01 .itemBox{ width:calc(50% - 13px); height: 360px;} main .container .midArea .dashboard .contents .contents_row02 .itemBox{ height: 300px;} main .container .midArea .dashboard .contents .contents_row03 .itemBox{ width:calc(33.33% - 18px); height: 205px;} main .container .midArea .dashboard .contents .contents_row .itemBox .item_title{ position: relative; font-size:18px; font-weight: bold; color: #000; margin-bottom: 20px;} main .container .midArea .dashboard .contents .contents_row .itemBox .item_title span{ font-size:10px; font-weight: normal; color: #999;} main .container .midArea .dashboard .contents .contents_row .itemBox .item_title .legend{ position: absolute; top: 50%; transform: translateY(-50%); right: 0; } main .container .midArea .dashboard .contents .contents_row .itemBox .item_title .legend p{ position: relative; display: inline-block; vertical-align: middle; font-size:12px; font-weight: normal; color: #999; padding-left: 30px; margin-left: 10px;} main .container .midArea .dashboard .contents .contents_row .itemBox .item_title .legend p:before{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width:20px; height: 10px; border-radius: 5px;} main .container .midArea .dashboard .contents .contents_row .itemBox .item_title .legend p.legend01{} main .container .midArea .dashboard .contents .contents_row .itemBox .item_title .legend p.legend02{} main .container .midArea .dashboard .contents .contents_row .itemBox .item_title .legend p.legend01:before{ background-color: #73B3E3} main .container .midArea .dashboard .contents .contents_row .itemBox .item_title .legend p.legend02:before{ background-color: #A783F0} main .container .midArea .dashboard .contents .contents_row .itemBox .chart{} main .container .midArea .dashboard .contents .contents_row .itemBox .chart img{ width:100%;} main .container .midArea .dashboard .contents .contents_row .itemBox .dounut{ display: flex; align-items: center; justify-content: center; width:157px; height: 157px; margin: 20px auto; border: 14px solid #A8D264; text-align: center; border-radius: 50%; box-sizing: border-box;} main .container .midArea .dashboard .contents .contents_row .itemBox .dounut .dounut_text{} main .container .midArea .dashboard .contents .contents_row .itemBox .dounut .dounut_text .text01{ font-size:16px; color: #000;} main .container .midArea .dashboard .contents .contents_row .itemBox .dounut .dounut_text .text02{ font-size:14px; color: #71A41F; margin-top: 10px;} main .container .midArea .dashboard .contents .contents_row .itemBox .dounut .dounut_text .text02 b{ font-size:30px;} main .container .midArea .dashboard .contents .contents_row .itemBox .inquiry_text{ position: relative; margin-top: 40px;} main .container .midArea .dashboard .contents .contents_row .itemBox .inquiry_text .text01{ font-size:16px; color: #000;} main .container .midArea .dashboard .contents .contents_row .itemBox .inquiry_text .text02{ position: absolute; top: 50%; transform: translateY(-50%); right:0;} main .container .midArea .dashboard .contents .contents_row .itemBox .inquiry_text .text02 span{ display: inline-block; vertical-align: middle; font-size:12px; color: #747474;} main .container .midArea .dashboard .contents .contents_row .itemBox .inquiry_text .text02 b{ display: inline-block; vertical-align: middle; font-size:20px; color: #71A41F; margin-left: 10px;} main .container .midArea .dashboard .contents .contents_row .itemBox ul{} main .container .midArea .dashboard .contents .contents_row .itemBox ul li{} main .container .midArea .dashboard .contents .contents_row .itemBox .ul_style_01 li{ text-align: center; padding: 5px 0;} main .container .midArea .dashboard .contents .contents_row .itemBox .ul_style_01 li:first-child{ border-bottom: 1px solid #007BC2;} main .container .midArea .dashboard .contents .contents_row .itemBox .ul_style_01 li .subTitle{ font-size:16px; color: #000; margin-bottom: 10px;} main .container .midArea .dashboard .contents .contents_row .itemBox .ul_style_01 li .textBox{} main .container .midArea .dashboard .contents .contents_row .itemBox .ul_style_01 li .textBox .text{ display: inline-block; vertical-align: middle;} main .container .midArea .dashboard .contents .contents_row .itemBox .ul_style_01 li .textBox .text:first-child{ margin-right: 20px;} main .container .midArea .dashboard .contents .contents_row .itemBox .ul_style_01 li .textBox .text span{ display: inline-block; vertical-align: middle; font-size:12px; color: #747474; margin-right: 5px;} main .container .midArea .dashboard .contents .contents_row .itemBox .ul_style_01 li .textBox .text p{ display: inline-block; vertical-align: middle; min-width:62px; font-size:20px; font-weight: bold; color: #007BC2} main .container .midArea .dashboard .contents .contents_row .itemBox .ul_style_02 li{ display: inline-block; vertical-align: top; width:33.33%; text-align: center;} main .container .midArea .dashboard .contents .contents_row .itemBox .ul_style_02 li figure{} main .container .midArea .dashboard .contents .contents_row .itemBox .ul_style_02 li figure img{ width:40px;} main .container .midArea .dashboard .contents .contents_row .itemBox .ul_style_02 li figure figcaption{ display: block; font-size:12px; color: #747474; margin-top: 5px;} main .container .midArea .dashboard .contents .contents_row .itemBox .ul_style_02 li .number{ font-size:20px; font-weight: bold; color: #007BC2; margin-top: 20px;} main .container .midArea .dashboard .contents .contents_row .itemBox .ul_style_03 li{ margin-bottom: 7px;} main .container .midArea .dashboard .contents .contents_row .itemBox .ul_style_03 li:after{ content: ""; display: block; clear: both} main .container .midArea .dashboard .contents .contents_row .itemBox .ul_style_03 li span{ display: inline-block; font-size:14px; color: #747474;} main .container .midArea .dashboard .contents .contents_row .itemBox .ul_style_03 li .img_star_span { float: right; height: 16px;} main .container .midArea .dashboard .contents .contents_row .itemBox .ul_style_03 li .img_star_span img { width: 18px;} main .container .midArea .dashboard .contents .contents_row .itemBox .ul_style_04 li{ margin-bottom: 7px;} main .container .midArea .dashboard .contents .contents_row .itemBox .ul_style_04 li:after{ content: ""; display: block; clear: both} main .container .midArea .dashboard .contents .contents_row .itemBox .ul_style_04 li span{ display: inline-block; font-size:14px; color: #747474;} main .container .midArea .dashboard .contents .contents_row .itemBox .ul_style_04 li .img_star_span { float: right; height: 16px;} main .container .midArea .dashboard .contents .contents_row .itemBox .ul_style_04 li .img_star_span img { width: 18px;} main .container .midArea .dashboard .contents .contents_row .itemBox .answer_text{ border-top: 1px solid #007BC2; padding-top: 10px; text-align: center;} main .container .midArea .dashboard .contents .contents_row .itemBox .answer_text p{ display: inline-block; vertical-align: middle; font-size:16px; color: #000; margin-right: 10px} main .container .midArea .dashboard .contents .contents_row .itemBox .answer_text b{ display: inline-block; vertical-align: middle; font-size:30px; color: #007BC2} main .container .midArea .dashboard .contents .contents_row .itemBox .answer_text span{ display: inline-block; vertical-align: bottom; font-size:14px; font-weight: bold; color: #007BC2} main .container .midArea .table_board{ padding: 0 20px; box-sizing: border-box} main .container .midArea .table_board .searchBox{ width:100%; padding: 10px 32px; background-color: #fff; box-sizing: border-box; border: 1px solid #eee; border-radius: 35px; box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.05), 0px 2px 1px 0px rgba(0, 0, 0, 0.05); font-size: 0} main .container .midArea .table_board .searchBox .selectBox{ display: inline-block; vertical-align: middle; width: 110px; height: 42px; border: 1px solid #eee; box-sizing: border-box; border-radius: 22px;} main .container .midArea .table_board .searchBox .selectBox select{ display: block; width: 100%; height: 100%; padding: 0 20px; box-sizing: border-box; border: none; background-color: transparent; outline: none; font-size:14px; color: #ccc; background-image: url("/resources/images/common/new/ico_chevronDown.svg"); background-position: center right 20px; background-repeat: no-repeat; background-size: 16px;} main .container .midArea .table_board .searchBox .inputBox{ display: inline-block; vertical-align: middle; width: calc(100% - 186px); height: 42px; border: 1px solid #eee; box-sizing: border-box; border-radius: 22px; margin: 0 8px;} main .container .midArea .table_board .searchBox .inputBox input{ display: block; width: 100%; height: 100%; padding: 0 20px; box-sizing: border-box; border: none; background-color: transparent; outline: none; font-size:14px; color: #333; } main .container .midArea .table_board .searchBox .btn{ display: inline-block; vertical-align: middle; width: 60px; line-height: 42px; font-size:14px; color: #fff; text-align: center; background-color: #007BC2; box-sizing: border-box; border-radius: 22px;} main .container .midArea .table_board .searchBox.no_cate .inputBox{ width: calc(100% - 76px);} main .container .midArea .boardBox{ width:100%; padding: 24px; background-color: #fff; box-sizing: border-box; border: 1px solid #eee; border-radius: 20px; box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.05), 0px 2px 1px 0px rgba(0, 0, 0, 0.05); margin-top: 24px;} main .container .midArea .boardBox .board_title{ position: relative; font-size:18px; font-weight: bold; color: #000; margin-bottom: 20px;} main .container .midArea .boardBox .board_title b{ color:#007BC2} main .container .midArea .boardBox .sorting{ position: relative; text-align: right; margin-bottom: 10px; font-size:0;} main .container .midArea .boardBox .sorting .table_summary{ position: absolute; bottom: 0; left: 0; font-size:12px; color: #747474;} main .container .midArea .boardBox .sorting .tabBox{ position: absolute; bottom:0; left: 0; text-align: left;} main .container .midArea .boardBox .sorting .tabBox a{ display: inline-block; vertical-align: middle; font-size:14px; color: #999; box-sizing: border-box; padding-bottom: 5px; margin-right: 20px;} main .container .midArea .boardBox .sorting .tabBox a.on{ font-weight: 500; color: #000; border-bottom: 1px solid #000;} main .container .midArea .boardBox .sorting .table_top_btn{ position: absolute; top:0; left: 0;} main .container .midArea .boardBox .sorting .table_top_btn a{ display:inline-block; vertical-align: middle; padding: 0 10px; line-height: 26px; font-size:12px; color: #747474; text-align: center; border: 1px solid #ccc; border-radius: 4px; margin-right: 5px;} main .container .midArea .boardBox .sorting span{ display: inline-block; vertical-align: middle; font-size:12px; color: #999;} main .container .midArea .boardBox .sorting input{ display: none;} main .container .midArea .boardBox .sorting a.excelDownload, main .container .midArea .boardBox .sorting input + label{ display: inline-block; vertical-align: middle; line-height: 24px; font-size:12px; color: #747474; border: 1px solid #ccc; border-radius: 4px; padding: 0 8px; margin-left: 8px;} main .container .midArea .boardBox .sorting input:checked + label{ color: #fff; background-color: #007BC2; border-color: #007BC2;} main .container .midArea .boardBox .tableBox{ position: relative; margin-bottom: 50px;} main .container .midArea .boardBox .tableBox table{ width:100%;} main .container .midArea .boardBox .tableBox table th{ font-size:12px; font-weight: 500; color: #fff; background-color: #007BC2; text-align: center; padding: 16px 8px;} main .container .midArea .boardBox .tableBox table th:first-child{ border-radius: 10px 0px 0px 0px;} main .container .midArea .boardBox .tableBox table th:last-child{ border-radius: 0px 10px 0px 0px;} main .container .midArea .boardBox .tableBox table th span{ display: inline-block; vertical-align: middle; font-size:12px; font-weight: 500; color: #fff;} main .container .midArea .boardBox .tableBox table th a{ display: inline-block; vertical-align: middle; margin-left: 5px;} main .container .midArea .boardBox .tableBox table th a img{ width:5px;} main .container .midArea .boardBox .tableBox table td{ height: 52px; font-size:14px; color: #666; text-align: center; padding: 0 8px; border-bottom: 1px solid #eee;} main .container .midArea .boardBox .tableBox table td:first-child{ border-left: 1px solid #eee;} main .container .midArea .boardBox .tableBox table td:last-child{ border-right: 1px solid #eee;} main .container .midArea .boardBox .tableBox table tr:hover td{ background-color: #f5f5f5} main .container .midArea .boardBox .tableBox table td .detailBtn{ font-size:14px; font-weight: bold; color: #00F;} main .container .midArea .boardBox .tableBox table td .delBtn{} main .container .midArea .boardBox .tableBox table td .delBtn img{ width:16px;} main .container .midArea .boardBox .tableBox table td .modiBtn{ display:inline-flex; width:35px; height: 20px; font-size:11px; color: #333; border:1px solid #333; border-radius: 4px; align-items: center; justify-content: center;} main .container .midArea .boardBox .tableBox table td .tdBtn1 {display: inline-block;vertical-align: middle;padding: 0 10px;line-height: 26px;font-size: 12px;color: white;text-align: center;border: 1px solid #ccc;border-radius: 4px;margin-right: 5px;background-color: #007BC2;} main .container .midArea .boardBox .tableBox table td .tdBtn2{display: inline-block;vertical-align: middle;padding: 0 10px;line-height: 26px;font-size: 12px;color: #747474;text-align: center;border: 1px solid #ccc;border-radius: 4px;margin-right: 5px;} main .container .midArea .boardBox .tableBox table tr:last-child td:first-child{ border-radius: 0px 0px 0px 10px;} main .container .midArea .boardBox .tableBox table tr:last-child td:last-child{ border-radius: 0px 0px 10px 0px;} main .container .midArea .boardBox .tableBox table tr.complete td{ color: #ccc; text-decoration-line: line-through;} main .container .midArea .boardBox .tableBox.f_size_s table th{ padding: 16px 2px;} main .container .midArea .boardBox .tableBox.f_size_s table td{ font-size:12px; padding: 0 2px;} main .container .midArea .boardBox .table_bottom_btn{ position: absolute; bottom: -40px; left: 0;} main .container .midArea .boardBox .table_bottom_btn a{ display:inline-block; vertical-align: middle; width:90px; line-height: 30px; font-size:12px; color: #fff; text-align: center; background-color: #007BC2; border-radius: 4px; margin-right: 5px;} main .container .midArea .boardBox .search_sorting{ padding: 20px 0; background-color: #f5f5f5; border: 1px solid #eee; box-sizing: border-box; margin-bottom: 60px; border-radius: 20px;} main .container .midArea .boardBox .search_sorting table{ width:540px; border-collapse: collapse; margin:0 auto;} main .container .midArea .boardBox .search_sorting table th{ vertical-align: middle; font-size:14px; font-weight: 500; color: #747474; text-align: center; width:80px; padding: 10px 0;} main .container .midArea .boardBox .search_sorting table td{ vertical-align: middle; font-size:14px; color: #747474; min-width: 190px; padding: 10px 0;} main .container .midArea .boardBox .search_sorting table td .dateBox{ position: relative; display: inline-block; vertical-align: middle; width:100px; height: 35px; border: 1px solid #eee; box-sizing: border-box; background-color: #fff;} main .container .midArea .boardBox .search_sorting table td .dateBox input{ display: block; width:100%; height: 100%; font-size:12px; color: #000; text-align: left; padding: 0 10px; box-sizing: border-box; border: none; background-color: transparent; outline: none;} main .container .midArea .boardBox .search_sorting table td .dateBox img{ position: absolute; top: 50%; transform: translateY(-50%); right: 5px; width:12px; z-index: 1} main .container .midArea .boardBox .search_sorting table td .radioBox{ display: inline-block; vertical-align: middle; margin-left: 2px; font-size: 0;} main .container .midArea .boardBox .search_sorting table td .radioBox input{ display: none;} main .container .midArea .boardBox .search_sorting table td .radioBox input + label{ display: inline-block; vertical-align:middle; width:60px; line-height: 35px; border: 1px solid #ddd; box-sizing: border-box; font-size:12px; color: #747474; text-align: center; margin-left: -1px;background-color: #FFFFFF} main .container .midArea .boardBox .search_sorting table td .radioBox input:checked + label{ background-color: #747474; color: #fff;} main .container .midArea .boardBox .search_sorting table td .checkBox{} main .container .midArea .boardBox .search_sorting table td .checkBox input{ display: inline-block; vertical-align: middle; width:14px; height: 14px; appearance: checkbox; -webkit-appearance: checkbox;} main .container .midArea .boardBox .search_sorting table td .checkBox input + label{ display: inline-block; vertical-align: middle; font-size:12px; color: #747474; margin-right: 20px; padding-left: 5px;} main .container .midArea .boardBox .search_sorting table td .inputBox{ display: block; width:100%; height: 35px; border: 1px solid #eee; box-sizing: border-box; background-color: #fff;} main .container .midArea .boardBox .search_sorting table td .inputBox input{ display: block; width:100%; height: 100%; font-size:12px; color: #000; text-align: left; padding: 0 10px; box-sizing: border-box; border: none; background-color: transparent; outline: none;} main .container .midArea .boardBox .search_sorting .searchBtn{ display: block; width:80px; line-height: 35px; font-size:14px; color: #fff; text-align: center; margin: 0 2px; background-color: #007BC2; box-sizing: border-box; margin: 30px auto 0;} .tablePage{ text-align: center; margin-top: 20px; font-size:0;} .tablePage a{ display: inline-flex; vertical-align: middle; width:40px; height: 40px; align-items: center; justify-content: center;cursor:pointer;} .tablePage a img{ width: 12px;} .tablePage a.num{ font-size:14px; color: #333;} .tablePage a.on{ border-radius: 10px; background-color: #EDF6FF;} main .container .midArea .manage_device{ padding: 20px 20px 0; box-sizing: border-box} main .container .midArea .manage_device .summary{ font-size: 0; margin-bottom: 40px;} main .container .midArea .manage_device .summary li{ display: inline-block; vertical-align: top; width:calc(33.33% - 11px); height: 192px; border-radius: 20px; background: #FFF; box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.05), 0px 2px 1px 0px rgba(0, 0, 0, 0.05); border: 1px solid #eee; padding: 25px 70px 25px 25px; box-sizing: border-box} main .container .midArea .manage_device .summary li:nth-child(2){ margin: 0 16px;} main .container .midArea .manage_device .summary li .summary_title{ position: relative; font-size:16px; font-weight: bold; color: #007BC2; padding-bottom: 10px; border-bottom: 2px solid #007BC2;} main .container .midArea .manage_device .summary li .summary_title .downBtn{ position: absolute; bottom: 2px; right: 0; width:28px; height: 28px; border-radius: 50%; background-color: #007BC2; display: flex; align-items: center; justify-content: center;} main .container .midArea .manage_device .summary li .summary_title .downBtn img{ width:16px;} main .container .midArea .manage_device .summary li .summary_contents{ height: 110px; padding-top: 10px; box-sizing: border-box; overflow: auto;} main .container .midArea .manage_device .summary li .summary_contents .text01{ font-size: 12px; color: #EE3636;} main .container .midArea .manage_device .summary li .summary_contents .text02{ font-size: 12px; color: #999; text-decoration-line: line-through; margin-top: 10px;} main .container .midArea .manage_device .summary li .summary_contents .text03{ font-size: 12px; font-weight: bold; color: #000; margin-top: 8px;} main .container .midArea .manage_device .summary li .summary_contents .text03 span{ font-size: 20px;} main .container .midArea .manage_device .summary li .summary_contents .text04{ font-size: 12px; color: #666; margin-top: 20px;} main .container .midArea .manage_device .summary li .summary_contents .contract_info{ position: relative; margin-top: 25px;} main .container .midArea .manage_device .summary li .summary_contents .contract_info span{ display: inline-block; font-size: 12px; color: #666;} main .container .midArea .manage_device .summary li .summary_contents .contract_info p{ position: absolute; bottom: 0; right: 0; font-size: 12px; font-weight: bold; color: #000;} main .container .midArea .manage_device .summary li .summary_contents .contract_info p b{ font-size: 20px;} main .container .midArea .manage_device .summary li .summary_contents .contract_manager{ font-size: 0; margin-top: 10px;} main .container .midArea .manage_device .summary li .summary_contents .contract_manager figure{ display: inline-flex; vertical-align: middle; width:40px; height: 40px; background-color: #fff; border: 1px solid #007BC2; border-radius: 50%; box-sizing: border-box; align-items: center; justify-content: center;} main .container .midArea .manage_device .summary li .summary_contents .contract_manager figure img{ max-height: 90%; max-width: 90%;} main .container .midArea .manage_device .summary li .summary_contents .contract_manager span{ display: inline-block; vertical-align: middle; font-size: 12px; color: #666; margin-left: 8px;} main .container .midArea .manage_device .summary li .summary_contents .contract_manager p{ display: inline-block; vertical-align: middle; font-size: 12px; color: #000; margin-left: 10px;} main .container .midArea .manage_device .select_contents{ padding: 40px;} main .container .midArea .manage_device .device_select{ text-align: center; margin-top: 40px; margin-bottom: 80px;} main .container .midArea .manage_device .device_select li{ display: inline-block; vertical-align: top; margin: 0 10px; } main .container .midArea .manage_device .device_select li .checkBox{} main .container .midArea .manage_device .device_select li .checkBox input{ display: none;} main .container .midArea .manage_device .device_select li .checkBox input + label{ display: flex; align-items: center; justify-content: center; width:200px; height: 150px; border-radius: 20px; background: #FFF; box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.05), 0px 2px 1px 0px rgba(0, 0, 0, 0.05); border: 1px solid #eee; box-sizing: border-box; font-size:14px; font-weight: 500; color: #747474; text-align: center; line-height: 1.6; margin: 0 auto; cursor: pointer} main .container .midArea .manage_device .device_select li .checkBox input:checked + label{ background-color: #007BC2; color: #fff;} main .container .midArea .manage_device .device_select li .selectBox{ width: 100px; height: 30px; box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.05), 0px 2px 1px 0px rgba(0, 0, 0, 0.05); border: 1px solid #eee; background-color: #fff; box-sizing: border-box; border-radius: 20px; margin: 10px auto 0;} main .container .midArea .manage_device .device_select li .selectBox select{ display: block; width: 100%; height: 100%; padding: 0 10px; box-sizing: border-box; border: none; background-color: transparent; outline: none; font-size:14px; color: #747474; background-image: url("/resources/images/common/new/ico_chevronDown.svg"); background-position: center right 10px; background-repeat: no-repeat; background-size: 14px;} main .container .midArea .manage_device .select_list{ max-width: 660px; margin: 0 auto; text-align: center;} main .container .midArea .manage_device .select_list ul{ margin-top: 20px;} main .container .midArea .manage_device .select_list ul li{ position: relative; display: inline-block; vertical-align: middle; line-height: 25px; margin-right: 5px; margin-bottom: 5px; border-radius: 15px; background: #FFF; box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.05), 0px 2px 1px 0px rgba(0, 0, 0, 0.05); border: 1px solid #eee; box-sizing: border-box; font-size:12px; color: #747474; padding: 0 25px 0 10px; box-sizing: border-box;} main .container .midArea .manage_device .select_list ul li .delBtn{ position: absolute; top: 50%; transform: translateY(-50%); right: 10px; line-height: 1} main .container .midArea .manage_device .select_list ul li .delBtn img{ display: block; width:8px;} main .container .midArea .manage_device .device_select_table{ display: none; max-width: 400px; margin: -40px auto 40px;} main .container .midArea .manage_device .device_select_table table{ width:100%; border-collapse: collapse;} main .container .midArea .manage_device .device_select_table table th{ font-size: 12px; color: #fff; text-align: center; padding: 7px 0; background-color: #007BC2; border: 1px solid #fff;} main .container .midArea .manage_device .device_select_table table td{ font-size: 12px; color: #747474; text-align: center; padding: 7px 0; background-color: #fff; border: 1px solid #eee;} main .container .midArea .manage_device .device_select_table table td input[type=checkbox]{ width:14px; height: 14px; appearance: checkbox; -webkit-appearance: checkbox;} main .container .midArea .manage_device .btnBox{ text-align: center; margin-top: 40px;} main .container .midArea .manage_device .btnBox button{display: inline-block; vertical-align: middle; min-width:80px; line-height: 35px; font-size:14px; color: #000; border: 1px solid #999; padding: 0 15px; margin: 0 2px; background-color: transparent; box-sizing: border-box} main .container .midArea .manage_device .btnBox .btn01{ color: #fff; background-color: #007BC2; border-color: #007BC2} main .container .midArea .manage_device .btnBox button:disabled{ color: #fff; background-color: #ccc; border-color: #ccc;} main .container .midArea .manage_menu{} main .container .midArea .manage_menu .title{ font-size:18px; font-weight: 500; color: #000;} main .container .midArea .manage_menu .padding{ padding-top:40px; padding-left: 40px;} main .container .midArea .manage_menu .color_w{ color: #fff;} main .container .midArea .manage_menu .titleBox{ position: relative; padding-left: 44px; padding-top: 50px; background-color: #007BC2;} main .container .midArea .manage_menu .titleBox .tabBox{ margin-top: 20px;} main .container .midArea .manage_menu .titleBox .tabBox a{ display: inline-block; vertical-align: middle; line-height: 35px; font-size: 14px; color: #fff; padding: 0 15px; border-bottom: 4px solid #007BC2;} main .container .midArea .manage_menu .titleBox .tabBox a.on{ font-weight: bold; border-color: #fff !important;} main .container .midArea .manage_menu .titleBox .regBtn{ position: absolute; right: 40px; bottom: 5px; line-height: 24px; padding: 0 8px; font-size:12px; color: #747474; border-radius: 4px; background-color: #fff; z-index: 1} main .container .midArea .manage_menu .menu_list{ font-size:0; padding: 40px 30px 40px 40px; background: #fff; margin-bottom: 40px;} main .container .midArea .manage_menu .menu_list > li{ position: relative; display: inline-block; vertical-align: top; width:calc(25% - 15px); margin-right: 20px; margin-bottom: 10px; border-radius: 10px; border: 1px solid #EEE; background: #FFF; padding: 16px 20px 16px 8px; box-sizing: border-box;} main .container .midArea .manage_menu .menu_list > li:nth-of-type(4n){ margin-right: 0} main .container .midArea .manage_menu .menu_list > li .xBtn{ position: absolute; top: -7px; right: -7px; z-index: 1} main .container .midArea .manage_menu .menu_list > li .menu_title{ position: relative; font-size:16px; font-weight: bold; color: #007BC2; padding-bottom: 10px; border-bottom: 2px solid #007BC2;} main .container .midArea .manage_menu .menu_list > li .menu_title a{ color: #007BC2;} main .container .midArea .manage_menu .menu_list > li .menu_title .time{ display: inline-block; font-weight: 300; } main .container .midArea .manage_menu .menu_list > li .menu_title .moveBtn{position: absolute;top: 0;right: 0;width: 16px;height: 17px;background-image: url(/resources/images/common/new//caret-down-square-fill.svg);background-position: center;background-repeat: no-repeat;background-size: contain;} main .container .midArea .manage_menu .menu_list > li .menu_title .moveBtn.up{ background-image: url(/resources/images/common/new/caret-up-square.svg)} main .container .midArea .manage_menu .menu_list > li .menu_contents{ padding: 0 8px 0 4px;} main .container .midArea .manage_menu .menu_list > li .menu_contents li{ position: relative; font-size:10px; color: #666; margin-top: 10px; padding-left: 20px; cursor: move;} main .container .midArea .manage_menu .menu_list > li .menu_contents li:before{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 16px; height: 14px; background-image: url(/resources/images/common/new/grip-horizontal.svg); background-position: center; background-repeat: no-repeat; background-size: contain;} main .container .midArea .manage_menu .menu_list > li .menu_contents li p{ position: absolute; top: 50%; transform: translateY(-50%); right: 0; font-size:10px; color: #666;} main .container .midArea .manage_menu .menu_list > li .menu_contents li p span{ margin-left: 8px;} main .container .midArea .manage_menu .menu_list > li .menu_contents li p span.soldout{ color: #CF3535} main .container .midArea .manage_menu .menu_list.inactive{ background-color: #f5f5f5;} main .container .midArea .manage_menu .menu_list.inactive > li .menu_title{ color: #999; border-bottom-color: #999;} main .container .midArea .manage_menu .menu_list.inactive > li .menu_title .time, main .container .midArea .manage_menu .menu_list.inactive > li .menu_contents li p, main .container .midArea .manage_menu .menu_list.inactive > li .menu_contents li p span{ color: #999;} main .container .midArea .manage_menu .menuBox{ position: relative; margin-top: 40px;} main .container .midArea .manage_menu .menuBox .menu_category{ position: relative; width:85%; margin: 0 auto; box-sizing: border-box} main .container .midArea .manage_menu .menuBox .menu_category .swiper-wrapper{ text-align: center;} main .container .midArea .manage_menu .menuBox .menu_category .swiper-slide{ display: inline-block; width:130px; line-height: 35px; font-size:14px; color: #747474; text-align: center; border: 1px solid #ddd; background-color: #f5f5f5; border-radius: 20px; box-sizing: border-box;} main .container .midArea .manage_menu .menuBox .menu_category .active{ color: #fff; background-color: #007BC2; border-color: #007BC2;} main .container .midArea .manage_menu .menuBox .menu_category .button{ margin-top: 0; transform: translateY(-50%); width:20px; height: 20px; background-position: center; background-repeat: no-repeat; background-size: contain; z-index: 2} main .container .midArea .manage_menu .menuBox .menu_category .swiper-button-prev{ left: -40px; background-image: url("/resources/images/common/new/chevron-left.svg");} main .container .midArea .manage_menu .menuBox .menu_category .swiper-button-next{ right: -40px; background-image: url("/resources/images/common/new/chevron-right.svg");} main .container .midArea .manage_menu .menuBox ul{ margin-top: 40px; font-size: 0;} main .container .midArea .manage_menu .menuBox ul li{ position: relative; display: inline-block; vertical-align: top; width:calc(33.33% - 14px); padding: 10px; box-sizing: border-box; border: 1px solid #eee; margin-right: 21px; margin-bottom: 20px; cursor: pointer} main .container .midArea .manage_menu .menuBox ul li:nth-of-type(3n){ margin-right: 0;} main .container .midArea .manage_menu .menuBox ul li figure{ position: relative; display: inline-block; vertical-align: top; width: 100px; height: 100px; overflow: hidden; border: 1px solid #eee; box-sizing: border-box;} main .container .midArea .manage_menu .menuBox ul li figure img{ width: 100%; height: 100%; object-fit:cover; object-position:center;} main .container .midArea .manage_menu .menuBox ul li figure figcaption{ position: absolute; bottom: 0; left: 0; width: 100%; font-size: 10px; color: #333; text-align: center; padding: 5px 0; background-color: #ddd; z-index: 1;} main .container .midArea .manage_menu .menuBox ul li figure figcaption.active{ color: #fff; background-color: #007BC2} main .container .midArea .manage_menu .menuBox ul li .textBox{ position: relative; display: inline-block; vertical-align: top; width:calc(100% - 100px); padding-left:10px; box-sizing: border-box; text-align: left; padding-top: 5px;} main .container .midArea .manage_menu .menuBox ul li .textBox .cate{ display: inline-block; font-size:11px; font-weight: 500; color: #747474; border-radius: 10px; background-color: #eee; padding: 3px 5px;} main .container .midArea .manage_menu .menuBox ul li .textBox .name{ height: 40px; font-size:14px; color: #333; line-height: 1.4; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;} main .container .midArea .manage_menu .menuBox ul li .textBox .price{ font-size:14px; font-weight: 500; color: #333; margin-top: 10px;} main .container .midArea .manage_menu .menuBox ul li .textBox .disPrice1{ position: relative; font-size:12px; font-weight: 500; color: #CF3535; margin-top: 10px; padding-left: 10px;} main .container .midArea .manage_menu .menuBox ul li .textBox .disPrice1:before{ content: "└"; position: absolute; top: 0; left: -5px; font-size:12px; font-weight: 500; color: #CF3535;} main .container .midArea .manage_menu .menuBox ul li .textBox .disPrice2{ position: relative; font-size:12px; font-weight: 500; color: #007BC2; margin-top: 10px; padding-left: 10px;} main .container .midArea .manage_menu .menuBox ul li .textBox .disPrice2:before{ content: "└"; position: absolute; top: 0; left: -5px; font-size:12px; font-weight: 500; color: #007BC2;} main .container .midArea .manage_menu .menuBox ul li .textBox .disNo{ font-size:12px; font-weight: 500; color: #E98600; margin-top: 5px;} main .container .midArea .manage_menu .menuBox ul li .textBox .kcal{ position: absolute; bottom: 0; right: 0; font-size:12px; color: #747474;} main .container .midArea .manage_menu .menuBox ul li .textBox .zzim{ position: absolute; top: 7px; right: 0;} main .container .midArea .manage_menu .menuBox ul li .textBox .zzim img{ display: inline-block; vertical-align: middle; width: 12px; margin-right: 2px;} main .container .midArea .manage_menu .menuBox ul li .textBox .zzim span{ display: inline-block; vertical-align: middle; font-size:12px; color: #CF3535;} main .container .midArea .manage_menu .menuBox ul li .delBtn{ position: absolute; top: -7px; right: -7px; z-index: 1} main .container .midArea .manage_menu .menuBox ul li .delBtn img{ display: block; width:16px;} main .container .midArea .manage_menu .menuBox ul.group_discount li .textBox .name{ height: auto; line-height: 1.2; margin-top: 5px; -webkit-line-clamp:1;} main .container .midArea .manage_menu .menuBox ul.group_discount li .textBox .price{ margin-top: 5px;} main .container .midArea .manage_menu .menuBox ul.group_discount li .textBox .disPrice1, main .container .midArea .manage_menu .menuBox ul.group_discount li .textBox .disPrice2{ margin-top: 5px;} main .container .midArea .manage_menu .btnBox{ text-align: center; margin-top: 20px;} main .container .midArea .manage_menu .btnBox a{display: inline-block; vertical-align: middle; min-width:80px; line-height: 35px; font-size:14px; color: #000; border: 1px solid #999; padding: 0 15px; margin: 0 2px; background-color: transparent; box-sizing: border-box} main .container .midArea .manage_menu .btnBox .btn01{ color: #fff; background-color: #007BC2; border-color: #007BC2} main .container .midArea .manage_menu .menu_calendar{ padding: 0 20px; font-size:0} main .container .midArea .manage_menu .calendar{ position: relative; display: inline-block; vertical-align: top; width:380px; height: 335px; padding: 10px 0 24px; background-color: #fff; box-sizing: border-box; border: 1px solid #eee; border-radius: 20px; box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.05), 0px 2px 1px 0px rgba(0, 0, 0, 0.05); margin-right: 20px; font-size: initial;} main .container .midArea .manage_menu .calendar .detailBtn{ position: absolute; top: 20px; right: 20px; line-height: 22px; font-size:12px; color: #747474; padding: 0 8px; border: 1px solid #ccc; border-radius: 4px; z-index: 2} main .container .midArea .manage_menu .menu_table{ position: relative; display: inline-block; vertical-align: top; width:calc(100% - 400px); padding: 24px; background-color: #fff; box-sizing: border-box; border: 1px solid #eee; border-radius: 20px; box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.05), 0px 2px 1px 0px rgba(0, 0, 0, 0.05)} main .container .midArea .manage_menu .menu_table .menu_table_title{ font-size:18px; font-weight: 500; color: #000;} main .container .midArea .manage_menu .menu_table .regBtn{ position:absolute; top: 24px; right: 24px; line-height: 22px; font-size:12px; color: #747474; padding: 0 8px; border: 1px solid #ccc; border-radius: 4px;} main .container .midArea .manage_menu .menu_table .tableBox{ margin-top: 20px;} main .container .midArea .manage_menu .menu_table .tableBox .tableBox_title{ position: relative; font-size: 16px; font-weight: bold; color: #fff; background-color: #007BC2; padding: 20px 20px 8px; border-radius: 10px 10px 0 0;} main .container .midArea .manage_menu .menu_table .tableBox .tableBox_title span{ font-size:12px; font-weight: normal; margin-left: 10px;} main .container .midArea .manage_menu .menu_table .tableBox .tableBox_title .title_btnBox{ position: absolute; top: 50%; transform: translateY(-50%); right: 20px;} main .container .midArea .manage_menu .menu_table .tableBox .tableBox_title .title_btnBox a{ margin-left: 20px;} main .container .midArea .manage_menu .menu_table .tableBox .tableBox_contents{ padding: 16px; border: 1px solid #eee; border-top: none; border-radius: 0 0 10px 10px;} main .container .midArea .manage_menu .menu_table .tableBox .tableBox_contents li{ margin-bottom: 16px; padding: 16px; border: 1px solid #eee;} main .container .midArea .manage_menu .menu_table .tableBox .tableBox_contents li:last-child{ margin-bottom:0;} main .container .midArea .manage_menu .menu_table .tableBox .tableBox_contents li .menu_title{ position: relative; font-size:16px; font-weight: bold; color: #007BC2;} main .container .midArea .manage_menu .menu_table .tableBox .tableBox_contents li .menu_title span{ position: absolute; bottom: 0; right: 0; font-size:14px; font-weight: normal;} main .container .midArea .manage_menu .menu_table .tableBox .tableBox_contents li .menu_info{ margin-top: 10px; font-size:0;} main .container .midArea .manage_menu .menu_table .tableBox .tableBox_contents li .menu_info figure{ display: inline-block; vertical-align: top; width:205px; height: 130px; overflow:hidden;} main .container .midArea .manage_menu .menu_table .tableBox .tableBox_contents li .menu_info figure img{ width:100%; height:100%; display:block; object-fit:cover; object-position:center; cursor: zoom-in;} main .container .midArea .manage_menu .menu_table .tableBox .tableBox_contents li .menu_info .textBox{ display: inline-block; vertical-align: top; width: calc(100% - 205px); padding-left: 15px; padding-top: 4px; box-sizing: border-box} main .container .midArea .manage_menu .menu_table .tableBox .tableBox_contents li .menu_info .textBox p{ position: relative; font-size:12px; color: #666; margin-bottom: 5px;} main .container .midArea .manage_menu .menu_table .tableBox .tableBox_contents li .menu_info .textBox p span{ position: absolute; top: 0; right: 0; font-size:12px; color: #666;} main .container .midArea .manage_reserve{ padding: 0 20px; box-sizing: border-box} main .container .midArea .manage_reserve .reserve_table{} main .container .midArea .manage_reserve .reserve_table table{ width:100%; border-collapse: collapse;} main .container .midArea .manage_reserve .reserve_table table th{ vertical-align: middle; font-size:12px; font-weight: 500; color: #000; text-align: center; width:90px; padding: 10px; background-color: #f5f5f5; border: 1px solid #ddd; line-height: 1.2;} main .container .midArea .manage_reserve .reserve_table table td{ position: relative; vertical-align: middle; font-size:14px; color: #747474; text-align: left; padding: 10px; border: 1px solid #ddd;} main .container .midArea .manage_reserve .reserve_table table td .inputBox{ display: block; width:100%; height: 35px; border: 1px solid #eee; box-sizing: border-box; } main .container .midArea .manage_reserve .reserve_table table td .inputBox.wd60{ width:60px;} main .container .midArea .manage_reserve .reserve_table table td .inputBox.wd60 input{ text-align:center} main .container .midArea .manage_reserve .reserve_table table td .inputBox input{ display: block; width:100%; height: 100%; font-size:14px; color: #000; text-align: left; padding: 0 10px; box-sizing: border-box; border: none; background-color: transparent; outline: none;} main .container .midArea .manage_reserve .reserve_table table td .inputBox input:disabled{ background-color: #f5f5f5;} main .container .midArea .manage_reserve .reserve_table table td .radioBox{ } main .container .midArea .manage_reserve .reserve_table table td .radioBox input[type=radio]{ display: inline-block; vertical-align: middle; width:14px; height: 14px; appearance: radio; -webkit-appearance: radio;} main .container .midArea .manage_reserve .reserve_table table td .radioBox input[type=radio] + label{ display: inline-block; vertical-align: middle; font-size:14px; color: #747474; margin-right: 30px; padding-left: 5px;} main .container .midArea .manage_reserve .reserve_table table td .dateBox{ position: relative; display: inline-block; vertical-align:middle; width:120px; margin-right: 30px;} main .container .midArea .manage_reserve .reserve_table table td .dateBox img{ position: absolute; top: 50%; transform: translateY(-50%); right: 5px; width: 14px;} main .container .midArea .manage_reserve .reserve_table table td .selectBox{ display: inline-block; vertical-align: middle; width: 40px; height: 35px; border: 1px solid #eee; box-sizing: border-box; } main .container .midArea .manage_reserve .reserve_table table td .selectBox select{ display: block; width: 100%; height: 100%; box-sizing: border-box; border: none; background-color: transparent; outline: none; font-size:14px; color: #000; background-image: url("/resources/images/common/new/ico_chevronDown_b.svg"); background-position: center right 5px; background-repeat: no-repeat; background-size: 10px; padding: 0 7px;} main .container .midArea .manage_reserve .reserve_table table td span{ display: inline-block; vertical-align: middle; font-size:14px; color: #747474; margin-right: 10px;} main .container .midArea .manage_reserve .reserve_table table td .btn{ display: inline-flex; vertical-align: middle; align-items: center; justify-content: center; width:50px; height: 30px; font-size: 12px; color: #fff; text-align: center; background-color: #007BC2; border-radius: 20px; margin-right: 20px;} main .container .midArea .manage_reserve .reserve_table table td .selected_items{ display: inline-block; vertical-align: middle;} main .container .midArea .manage_reserve .reserve_table table td .selected_items li{ display: inline-block; vertical-align: middle; font-size: 14px; color: #007BC2; text-decoration: underline; margin-right: 20px;} main .container .midArea .manage_reserve .reserve_table table td .select_row{ margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #ccc;} main .container .midArea .manage_reserve .reserve_table table td .select_row:last-child{ margin-bottom: 0; padding-bottom: 0; border: none;} main .container .midArea .manage_reserve .reserve_table table td .select_row .radioBox{ display: inline-block; vertical-align: top; margin-right: 20px; margin-top: 8px;} main .container .midArea .manage_reserve .reserve_table table td .select_row .inputBox{ display: inline-block; vertical-align: middle; } main .container .midArea .manage_reserve .reserve_table table td .select_row ul{ display: inline-block; vertical-align: top;} main .container .midArea .manage_reserve .reserve_table table td .select_row ul li{ margin-bottom: 10px;} main .container .midArea .manage_reserve .reserve_table table td .select_row ul li:last-child{ margin-bottom: 0;} main .container .midArea .manage_reserve .reserve_table table td .select_row ul li .name{ display: inline-block; vertical-align: middle; width:110px; font-size: 14px; color: #007BC2; text-decoration: underline; line-height: 1.2; margin-right: 20px;} main .container .midArea .manage_reserve .reserve_table table td .checkBox{ display: inline-block; vertical-align: middle;} main .container .midArea .manage_reserve .reserve_table table td .checkBox input[type=checkbox]{ display: inline-block; vertical-align: middle; width:14px; height: 14px; appearance: checkbox; -webkit-appearance: checkbox;} main .container .midArea .manage_reserve .reserve_table table td .checkBox input[type=checkbox] + label{ display: inline-block; vertical-align: middle; font-size:14px; color: #747474; margin-right: 20px; padding-left: 5px;} main .container .midArea .manage_reserve .btnBox{ text-align: center; margin-top: 20px;} main .container .midArea .manage_reserve .btnBox a{display: inline-block; vertical-align: middle; min-width:80px; line-height: 35px; font-size:14px; color: #000; border: 1px solid #999; padding: 0 15px; margin: 0 2px; background-color: transparent; box-sizing: border-box} main .container .midArea .manage_reserve .btnBox .btn01{ color: #fff; background-color: #007BC2; border-color: #007BC2} main .container .midArea .setting .user_name{ position: relative; padding: 20px; box-sizing: border-box; font-size:16px; font-weight: 500; color: #000; background-color: #f5f5f5; border: 1px solid #eee; margin-bottom: 40px;} main .container .midArea .setting .user_name .rightBox{ position: absolute; top: 50%; transform: translateY(-50%); right: 20px;} main .container .midArea .setting .user_name .rightBox .badge{ display: inline-block; vertical-align: middle;} main .container .midArea .setting .user_name .rightBox .badge p{ display: inline-block; vertical-align: middle; line-height: 30px; padding: 0 10px; font-size:12px; font-weight: 400; color: #747474; background-color: #ccc; } main .container .midArea .setting .user_name .rightBox .date{ display: inline-block; vertical-align: middle; font-size:12px; font-weight: 400; color: #747474; margin-left: 10px;} main .container .midArea .setting .board_subTitle{ font-size: 16px; font-weight: 500; color: #000; margin-bottom: 10px;} main .container .midArea .setting .halfBox{ font-size:0} main .container .midArea .setting .halfBox .half{ display: inline-block; vertical-align: top; width:calc(50% - 10px);} main .container .midArea .setting .halfBox .half:first-child{ margin-right:20px;} main .container .midArea .setting .reserve_table table th{ height: 40px; width:70px; padding: 0 10px;} main .container .midArea .setting .reserve_table table td{ height: 40px; font-size:12px; padding: 0 10px; line-height: 1.2;} main .container .midArea .setting .reserve_table table td .btn{ position:absolute; top: 50%; transform: translateY(-50%); right: 10px; width:auto; height: 25px; padding: 0 10px; font-size:11px; margin: 0;} main .container .midArea .setting .photoBox{ margin-top: 40px; font-size: 0;} main .container .midArea .setting .photoBox .main_photo{ display: inline-block; vertical-align: middle; width:200px;} main .container .midArea .setting .photoBox .sub_photo{ display: inline-block; vertical-align: middle; width:calc(100% - 200px); padding-left: 40px; box-sizing:border-box;} main .container .midArea .setting .photoBox .imgBox{} main .container .midArea .setting .photoBox .imgBox .img_ok{ position: relative; width: 100%; height: 150px; overflow: hidden; border: 1px solid #eee; box-sizing: border-box;} main .container .midArea .setting .photoBox .imgBox .img_ok > img{ display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;} main .container .midArea .setting .photoBox .imgBox .img_ok .del{ position: absolute; top: 5px; right: 5px;} main .container .midArea .setting .photoBox .imgBox .img_ok .del img{ display: block; width: 16px;} main .container .midArea .setting .photoBox .imgBox .img_yet{ position: relative; width: 100%; height: 150px; overflow: hidden; border: 1px solid #eee; box-sizing: border-box; background-color: #f5f5f5;} main .container .midArea .setting .photoBox .imgBox .img_yet input{ display: none;} main .container .midArea .setting .photoBox .imgBox .img_yet input + label{ position: absolute; top: 0; left: 0; width:100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 40px; color: #747474; cursor: pointer} main .container .midArea .setting .photoBox .imgBox .img_list{} main .container .midArea .setting .photoBox .imgBox .img_list .swiper-container{} main .container .midArea .setting .photoBox .imgBox .img_list .swiper-slide{ position: relative; width: 200px; height: 150px; overflow: hidden; border: 1px solid #eee; box-sizing: border-box;} main .container .midArea .setting .photoBox .imgBox .img_list .swiper-slide > img{ display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;} main .container .midArea .setting .photoBox .imgBox .img_list .swiper-slide .del{ position: absolute; top: 5px; right: 5px;} main .container .midArea .setting .photoBox .imgBox .img_list .swiper-slide .del img{ display: block; width: 16px;} main .container .midArea .setting .relationship_company{ margin-top: 40px;} main .container .midArea .setting .relationship_company ul{} main .container .midArea .setting .relationship_company ul li{ display: inline-block; vertical-align: middle; width: calc(33.33% - 14px); height: 130px; margin-right: 21px; margin-bottom: 20px; padding: 20px; border: 1px solid #ddd; box-sizing: border-box; border-radius: 10px; } main .container .midArea .setting .relationship_company ul li:nth-of-type(3n){ margin-right: 0} main .container .midArea .setting .relationship_company ul li .name{ font-size:14px; font-weight: 500; color: #000;} main .container .midArea .setting .relationship_company ul li .text{ margin-top: 10px;} main .container .midArea .setting .relationship_company ul li .text p{ position: relative; display: block; font-size: 13px; color: #747474; line-height: 1.6; padding-left: 10px; letter-spacing: -0.05em} main .container .midArea .setting .relationship_company ul li .text p:before{ content: "-"; position: absolute; top: 0; left: 0; width: 14px; color: #747474;} #datepicker *{font-family:'Noto Sans KR', sans-serif;} #datepicker .ui-widget.ui-widget-content{ width:100%; border: none; box-sizing: border-box} #datepicker .ui-datepicker .ui-datepicker-header{ background-color: transparent; border: none; margin-bottom: 10px;} #datepicker .ui-datepicker .ui-datepicker-title{ font-size:24px; font-weight:500;} #datepicker .ui-datepicker table thead{ border-top:1px solid #eee; border-bottom:1px solid #eee;} #datepicker .ui-datepicker table th{ font-size:12px; font-weight: bold; width: calc(100% / 7);} #datepicker .ui-datepicker table td{ font-size:12px; height: 40px;} #datepicker .ui-datepicker .ui-datepicker-prev{ left: 100px; top: 11px; background-image: url("/resources/images/common/new/arrow-left-square.svg"); background-position: center; background-repeat: no-repeat; background-size: 16px;} #datepicker .ui-datepicker .ui-datepicker-next{ right: 100px; top: 11px; background-image: url("/resources/images/common/new/arrow-right-square.svg"); background-position: center; background-repeat: no-repeat; background-size: 16px;} #datepicker .ui-datepicker .ui-datepicker-prev span, #datepicker .ui-datepicker .ui-datepicker-next span{ display: none} #datepicker .ui-state-default, #datepicker .ui-widget-content .ui-state-default, #datepicker .ui-widget-header .ui-state-default, #datepicker .ui-button, #datepicker .ui-button.ui-state-disabled:hover, #datepicker .ui-button.ui-state-disabled:active{ background-color: transparent; border: none; text-align: center;} #datepicker .ui-widget-content .ui-state-default{ position: relative; width:32px; line-height: 22px; color: #000; font-weight: 300; margin: 0 auto; z-index: 1} #datepicker .ui-widget-content .ui-state-highlight{ font-weight: bold;} #datepicker .ui-widget-content .ui-state-highlight:before{ content: ""; position: absolute; width:100%; height: 100%; top: 4px; left: 0; background-color: #f5f5f5; border-radius: 50%; z-index: -1} #datepicker .ui-widget-content .ui-state-active{ color: #fff; font-weight: normal;} #datepicker .ui-widget-content .ui-state-active:before{ content: ""; position: absolute; width:100%; height: 100%; top: 4px; left: 0; background-color: #007BC2; border-radius: 50%; z-index: -1} #datepicker .ui-datepicker .ui-datepicker-prev:hover, #datepicker .ui-datepicker .ui-datepicker-prev:focus, #datepicker .ui-datepicker .ui-datepicker-next:hover, #datepicker .ui-datepicker .ui-datepicker-next:focus { border:none; background-color:transparent;} #datepicker .ui-datepicker-calendar td a[data-custom]::after{ display: block; font-size: 10px; font-weight: 100; line-height: 1;} #calendar_popup{ display: none; position: fixed; top: 0; left: 0; width:100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 10;} #calendar_popup .popup_main{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width:1020px; height: 800px; padding: 70px 40px 0; box-sizing: border-box; background-color: #fff; border-radius: 20px; z-index: 1} #calendar_popup .popup_main .closeBtn{ position: absolute; top: 25px; right: 25px;} #calendar_popup .popup_main .closeBtn img{ width:20px;} #calendar_popup .popup_main .month{ position: relative; width:100px; font-size: 24px; font-weight: 500; color: #000; margin: 0 auto;} #calendar_popup .popup_main .month a{ position: absolute; top: 50%; transform: translateY(-50%);} #calendar_popup .popup_main .month a img{ display: block; width:16px;} #calendar_popup .popup_main .month a.leftBtn{ left: -30px;} #calendar_popup .popup_main .month a.rightBtn{ right: -23px;} #calendar_popup .popup_main .toggleBox{ position: absolute; top: 70px; right: 40px; height: 30px; background-color: #999; border-radius: 20px;} #calendar_popup .popup_main .toggleBox:before{ content: ""; position:absolute; top: 0; left: 0; width:50%; height: 100%; border-radius: 20px; background-color: #007BC2; transition: 0.3s; z-index: 1} #calendar_popup .popup_main .toggleBox.right_on:before{ left: 50%;} #calendar_popup .popup_main .toggleBox a{ position: relative; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; width:55px; height: 32px; font-size:12px; text-align: center; color: #fff; z-index: 2} #calendar_popup .popup_main .date{ display: flex; justify-content: space-between; margin-top: 30px; text-align: center; padding-bottom: 10px;} #calendar_popup .popup_main .date .leftBtn{ display:inline-flex; align-items: center; vertical-align: middle;} #calendar_popup .popup_main .date .leftBtn img{} #calendar_popup .popup_main .date .rightBtn{ display:inline-flex; align-items: center; vertical-align: middle;} #calendar_popup .popup_main .date .rightBtn img{} #calendar_popup .popup_main .date .day{ display:inline-block; vertical-align: middle; width:32px; font-size: 10px; color: #999; line-height: 1.6; padding-bottom: 3px;} #calendar_popup .popup_main .date .day.on{ color: #fff; background-color: #007BC2; border-radius: 4px;} #calendar_popup .popup_main .date .day b{ display: block; font-size:12px;} #calendar_popup .popup_main .scrollBox{ height: 628px; overflow: auto; padding-bottom: 30px; box-sizing: border-box} #calendar_popup .popup_main .tableBox{ margin-top: 10px;} #calendar_popup .popup_main .tableBox .tableBox_title{ font-size: 16px; font-weight: bold; color: #fff; background-color: #007BC2; padding: 20px 20px 8px; border-radius: 10px 10px 0 0;} #calendar_popup .popup_main .tableBox .tableBox_title span{ font-size:12px; font-weight: normal; margin-left: 10px;} #calendar_popup .popup_main .tableBox .tableBox_contents{ padding: 16px; border: 1px solid #eee; border-top: none; border-radius: 0 0 10px 10px; font-size: 0;} #calendar_popup .popup_main .tableBox .tableBox_contents li{ display: inline-block; vertical-align: top; width: calc(33.33% - 11px); margin-left: 16px; padding: 16px; border: 1px solid #eee; box-sizing: border-box} #calendar_popup .popup_main .tableBox .tableBox_contents li:first-child{ margin-left:0;} #calendar_popup .popup_main .tableBox .tableBox_contents li .menu_title{ position: relative; font-size:16px; font-weight: bold; color: #007BC2;} #calendar_popup .popup_main .tableBox .tableBox_contents li .menu_title span{ position: absolute; bottom: 0; right: 0; font-size:14px; font-weight: normal;} #calendar_popup .popup_main .tableBox .tableBox_contents li .menu_info{ margin-top: 10px;} #calendar_popup .popup_main .tableBox .tableBox_contents li .menu_info figure{ display: block; width:205px; height: 130px; overflow:hidden; margin: 0 auto;} #calendar_popup .popup_main .tableBox .tableBox_contents li .menu_info figure img{ width:100%; height:100%; display:block; object-fit:cover; object-position:center} #calendar_popup .popup_main .tableBox .tableBox_contents li .menu_info .textBox{ display: block; margin-top: 20px;} #calendar_popup .popup_main .tableBox .tableBox_contents li .menu_info .textBox p{ position: relative; font-size:12px; color: #666; margin-bottom: 5px;} #calendar_popup .popup_main .tableBox .tableBox_contents li .menu_info .textBox p span{ position: absolute; top: 0; right: 0; font-size:12px; color: #666;} #calendar_popup .popup_main .toggle02_contents{ position: relative; } #calendar_popup .popup_main .legend{ position: absolute; top: -40px; left: 0; } #calendar_popup .popup_main .legend p{ position: relative; display:inline-block; vertical-align: middle; font-size:12px; color: #000; text-align: left; margin-bottom: 5px; padding-left: 20px; margin-right: 20px;} #calendar_popup .popup_main .legend p:before{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 15px; height: 6px; border-radius: 3px;} #calendar_popup .popup_main .legend p:nth-child(1):before{ background-color: #007BC2} #calendar_popup .popup_main .legend p:nth-child(2):before{ background-color: #E98600} #calendar_popup .popup_main .legend p:nth-child(3):before{ background-color: #CF3535} #calendar_popup .popup_main .sun{ color:red !important} #calendar_popup .popup_main .sat{ color:blue !important} #calendar_popup .popup_main ul.day_title, #calendar_popup .popup_main ul.day_main{ width:100%; box-sizing:border-box; overflow:hidden; margin-top:30px;} #calendar_popup .popup_main ul.day_title:after, #calendar_popup .popup_main ul.day_main:after{ content:""; display:block; clear:both;} #calendar_popup .popup_main ul.day_title li, #calendar_popup .popup_main ul.day_main li{ float:left; width:14.28%; margin-left:-1px; margin-top:-1px; padding:5px; box-sizing:border-box;} #calendar_popup .popup_main ul.day_title{ border-bottom:1px solid #a1a1a1; background-color: #fff;} #calendar_popup .popup_main ul.day_title li{ font-size:14px; color:#000; text-align:center; background-color: #fff;} #calendar_popup .popup_main ul.day_main{ height:630px; overflow: auto; padding:5px; margin-top:0} #calendar_popup .popup_main ul.day_main li{ height:150px} #calendar_popup .popup_main ul.day_main li .day_number{ height: 16px; font-size:14px; color:#747474; text-align:right; padding:5px 0;} #calendar_popup .popup_main ul.day_main li .textBox{} #calendar_popup .popup_main ul.day_main li .textBox > div{ position: relative; width:100%; font-size:11px; color:#fff; padding:2px 5px; box-sizing:border-box; border-radius:4px; margin-bottom:2px; text-align:right;} #calendar_popup .popup_main ul.day_main li .textBox > div:hover .food_detail{ display: block !important} #calendar_popup .popup_main ul.day_main li .textBox > div.f_color01{ background-color:#007BC2 !important} /* 조식 */ #calendar_popup .popup_main ul.day_main li .textBox > div.f_color02{ background-color:#E98600 !important} /* 중식 */ #calendar_popup .popup_main ul.day_main li .textBox > div.f_color03{ background-color:#CF3535 !important} /* 석식 */ #calendar_popup .popup_main ul.day_main li .textBox > div .food_detail{ display: none; position: absolute; top: 0; left: 125px; width: 300px; box-sizing: border-box; text-align: left; box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.05), 0px 2px 1px 0px rgba(0, 0, 0, 0.05); z-index: 10;} #calendar_popup .popup_main ul.day_main li .textBox > div .food_detail .food_detail_title{ position: relative; font-size: 12px; font-weight: bold; color: #fff; background-color: #007BC2; padding: 10px; border-radius: 8px 8px 0 0;} #calendar_popup .popup_main ul.day_main li .textBox > div .food_detail .food_detail_title span{ font-size:11px; font-weight: normal; margin-left: 5px;} #calendar_popup .popup_main ul.day_main li .textBox > div .food_detail .food_detail_contents{ padding: 10px; border: 1px solid #ddd; border-top: none; border-radius: 0 0 8px 8px; background-color: #fff;} #calendar_popup .popup_main ul.day_main li .textBox > div .food_detail .food_detail_contents .menu_title{ position: relative; font-size:12px; font-weight: bold; color: #007BC2;} #calendar_popup .popup_main ul.day_main li .textBox > div .food_detail .food_detail_contents .menu_title span{ position: absolute; bottom: 0; right: 0; font-size:12px; font-weight: normal;} #calendar_popup .popup_main ul.day_main li .textBox > div .food_detail .food_detail_contents .menu_info{ margin-top: 10px; font-size:0;} #calendar_popup .popup_main ul.day_main li .textBox > div .food_detail .food_detail_contents .menu_info figure{ display: inline-block; vertical-align: top; width:120px; height: 100px; overflow:hidden;} #calendar_popup .popup_main ul.day_main li .textBox > div .food_detail .food_detail_contents .menu_info figure img{ width:100%; height:100%; display:block; object-fit:cover; object-position:center; cursor: zoom-in;} #calendar_popup .popup_main ul.day_main li .textBox > div .food_detail .food_detail_contents .menu_info .textBox{ display: inline-block; vertical-align: top; width: calc(100% - 120px); padding-left: 15px; padding-top: 4px; box-sizing: border-box} #calendar_popup .popup_main ul.day_main li .textBox > div .food_detail .food_detail_contents .menu_info .textBox p{ position: relative; font-size:11px; color: #666; margin-bottom: 5px;} #calendar_popup .popup_main ul.day_main li .textBox > div .food_detail .food_detail_contents .menu_info .textBox p span{ position: absolute; top: 0; right: 0; font-size:11px; color: #666;} #reserve_calendar_popup{ position: fixed; top: 0; left: 0; width:100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 10;} #reserve_calendar_popup .popup_main{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width:1020px; box-sizing: border-box; background-color: #fff; border-radius: 20px; z-index: 1} #reserve_calendar_popup .popup_main .closeBtn{ position: absolute; top: 8px; right: 10px; z-index: 1} #reserve_calendar_popup .popup_main .closeBtn img{ width:14px;} #reserve_calendar_popup .popup_main .title{ font-size:14px; font-weight: 500; color: #fff; padding: 10px; text-align: left; background-color: #007BC2; border-radius: 10px 10px 0 0; margin-top: -1px; margin-bottom: 40px;} #reserve_calendar_popup .popup_main .month{ position: relative; width:100px; font-size: 24px; font-weight: 500; color: #000; margin: 0 auto;} #reserve_calendar_popup .popup_main .month a{ position: absolute; top: 50%; transform: translateY(-50%);} #reserve_calendar_popup .popup_main .month a img{ display: block; width:16px;} #reserve_calendar_popup .popup_main .month a.leftBtn{ left: -30px;} #reserve_calendar_popup .popup_main .month a.rightBtn{ right: -23px;} #reserve_calendar_popup .popup_main .calendar_contents{ position: relative; padding: 20px} #reserve_calendar_popup .popup_main .legend{ position: absolute; top: 10px; left: 20px; } #reserve_calendar_popup .popup_main .legend p{ position: relative; display:inline-block; vertical-align: middle; font-size:12px; color: #000; text-align: left; margin-bottom: 5px; padding-left: 20px; margin-right: 20px;} #reserve_calendar_popup .popup_main .legend p:before{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 15px; height: 15px; } #reserve_calendar_popup .popup_main .legend p:nth-child(1):before{ background-color: #eee} #reserve_calendar_popup .popup_main .legend p:nth-child(2):before{ background-color: #FFF9D1} #reserve_calendar_popup .popup_main .top_notice{ position: absolute; top: 10px; right: 20px; font-size: 12px; color: #CF3535; } #reserve_calendar_popup .popup_main .sun{ color:red !important} #reserve_calendar_popup .popup_main .sat{ color:blue !important} #reserve_calendar_popup .popup_main ul.day_title, #reserve_calendar_popup .popup_main ul.day_main{ width:100%; box-sizing:border-box; overflow:hidden; margin-top:30px;} #reserve_calendar_popup .popup_main ul.day_title:after, #reserve_calendar_popup .popup_main ul.day_main:after{ content:""; display:block; clear:both;} #reserve_calendar_popup .popup_main ul.day_title li, #reserve_calendar_popup .popup_main ul.day_main li{ float:left; width:calc(100% / 7); box-sizing:border-box; background-color: #eee;} #reserve_calendar_popup .popup_main ul.day_title{ border-bottom:1px solid #a1a1a1; background-color: #fff; } #reserve_calendar_popup .popup_main ul.day_title li{ font-size:14px; color:#000; text-align:center; background-color: #fff; padding:5px;} #reserve_calendar_popup .popup_main ul.day_main{ margin-top:0} #reserve_calendar_popup .popup_main ul.day_main li{ height:100px; padding: 0 10px; box-sizing: border-box} #reserve_calendar_popup .popup_main ul.day_main li.order_bg{ background-color: #FFF9D1} #reserve_calendar_popup .popup_main ul.day_main li.today{ background-color: #C5D8FF} #reserve_calendar_popup .popup_main ul.day_main li .day_number{ display: block; height: 16px; font-size:14px; color:#747474; text-align:right; padding:5px 0;} #reserve_calendar_popup .popup_main ul.day_main li .day_number:hover{ text-decoration:underline;} #reserve_calendar_popup .popup_main ul.day_main li .textBox{} #reserve_calendar_popup .popup_main ul.day_main li .textBox a{ display: block; width:100%; font-size:11px; color:#747474; padding:2px 0; box-sizing:border-box; margin-bottom:2px; text-align:left;} #reserve_calendar_popup .popup_main ul.day_main li .textBox a:hover{ text-decoration:underline;} #reserve_calendar_popup .popup_main ul.day_main li .textBox a b{ color: #CF3535; } #login{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-70%); width:500px; text-align: center;} #login figure{} #login figure img{ display: inline-block; vertical-align:middle; width:100px;} #login figure figcaption{ display: inline-block; vertical-align:middle; font-size:20px; font-weight: 500; color: #000; margin-left: 20px;} #login .formBox{ border-radius: 20px; background: #FFF; box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.05), 0px 2px 1px 0px rgba(0, 0, 0, 0.05); border: 1px solid #eee; padding: 30px 40px; box-sizing: border-box} #login .formBox .title{ font-size:22px; font-weight: 500; color: #000; margin-bottom: 40px;} #login .formBox .tabBox{ margin-bottom: 15px; text-align: left; margin-left: 80px;} #login .formBox .tabBox a{ display: inline-block; vertical-align: middle; font-size:14px; color: #999; box-sizing: border-box; padding-bottom: 5px; margin-right: 10px;} #login .formBox .tabBox a.on{ font-weight: 500; color: #000; border-bottom: 1px solid #000;} #login .formBox ul{ position: relative; padding-right: 90px; box-sizing: border-box} #login .formBox ul li{ margin-bottom: 5px; font-size:0;} #login .formBox ul li p{ display: inline-block; vertical-align: middle; width:70px; font-size:14px; font-weight: 500; color: #000; text-align: center;} #login .formBox ul li .inputBox{ position: relative; display: inline-block; vertical-align: middle; width:calc(100% - 80px); height: 35px; border: 1px solid #eee; box-sizing: border-box;} #login .formBox ul li .inputBox input{ display: block; width:100%; height: 100%; font-size:14px; color: #000; text-align: left; padding: 0 10px; box-sizing: border-box; border: none; background-color: transparent; outline: none;} #login .formBox ul .warning{ font-size: 12px; color: #CF3535; text-align: left; margin-top: 10px; margin-left: 80px;} #login .formBox ul .btn{ position: absolute; top: 0; right: 0; width: 85px; height: 75px; display: flex; align-items: center; justify-content: center; background-color: #007BC2; font-size:14px; color: #fff;} #login .formBox .option{ position: relative; width:100%; margin-top: 20px; text-align: right;} #login .formBox .option .id_save{ position: absolute; top: 0; left: 0;} #login .formBox .option .id_save input{ display: inline-block; vertical-align: middle; width:14px; height: 14px; appearance: checkbox; -webkit-appearance: checkbox;} #login .formBox .option .id_save label{ display: inline-block; vertical-align: middle; font-size: 12px; color: #999; margin-left: 5px;} #login .formBox .option .link{ } #login .formBox .option .link a{ position: relative; display: inline-block; vertical-align: middle; font-size:12px; font-weight: 500; color: #747474; padding-left: 10px; margin-left: 10px;} #login .formBox .option .link a:before{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width:1px; height: 10px; background-color: #999;} #login .formBox .option .link a:first-child:before{ display: none;} #login .notice{ margin-top: 15px; padding-left: 10px; font-size:12px; color: #747474; text-align: left;} .popup_layer{ display: none; position: fixed; top: 0; left: 0; width:100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 10;} .popup_layer .popup_main{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width:350px; box-sizing: border-box; background-color: #fff; border-radius: 10px; z-index: 1} .popup_layer .popup_main.wd400{ width:400px} .popup_layer .popup_main.wd600{ width:600px} .popup_layer .popup_main.wd800{ width:800px} .popup_layer .popup_main.wd1000{ width:1000px} .popup_layer .popup_main.wd1200{ width:1200px} .popup_layer .popup_main.wd1500{ width:1500px} .popup_layer .popup_main .closeBtn{ position: absolute; top: 8px; right: 10px; z-index: 1} .popup_layer .popup_main .closeBtn img{ width:14px;} .popup_layer .popup_main .title{ font-size:14px; font-weight: 500; color: #fff; padding: 10px; text-align: left; background-color: #007BC2; border-radius: 10px 10px 0 0; margin-top: -1px;} .popup_layer .popup_main .contents{ padding: 20px; box-sizing: border-box; max-height: 90vh; overflow: auto;} .popup_layer .popup_main .contents .subTitle{ font-size:12px; font-weight: 500; color: #747474; text-align: center; margin-bottom: 20px; line-height: 1.4;} .popup_layer .popup_main .contents .subTitle .f_color{ color: #007BC2;} .popup_layer .popup_main .contents .subTitle .selectBox{ width: 180px; height: 35px; border: 1px solid #000; box-sizing: border-box; border-radius: 20px; margin: 0 auto;} .popup_layer .popup_main .contents .subTitle .selectBox select{ display: block; width: 100%; height: 100%; padding: 0 20px; box-sizing: border-box; border: none; background-color: transparent; outline: none; font-size:14px; color: #000; background-image: url("/resources/images/common/new/ico_chevronDown_b.svg"); background-position: center right 10px; background-repeat: no-repeat; background-size: 16px;} .popup_layer .popup_main .contents .searchBox{ text-align: right; margin-bottom: 5px} .popup_layer .popup_main .contents .searchBox .inputBox{ position: relative; display: inline-block; vertical-align: middle; width:150px; height: 30px; border: 1px solid #eee; box-sizing: border-box; } .popup_layer .popup_main .contents .searchBox .inputBox input{ display: block; width:100%; height: 100%; font-size:12px; color: #000; text-align: left; padding: 0 10px; box-sizing: border-box; border: none; background-color: transparent; outline: none;} .popup_layer .popup_main .contents .searchBox .btn{ display: inline-flex; vertical-align: middle; width:50px; height: 30px; align-items: center; justify-content: center; background-color: #007BC2; font-size:12px; color: #fff; text-align: center; border-radius: 4px;} .popup_layer .popup_main .contents .formBox{ font-size:0;} .popup_layer .popup_main .contents .formBox p{ display: inline-block; vertical-align: middle; width:60px; font-size:12px; font-weight: 500; color: #000; text-align: left;} .popup_layer .popup_main .contents .formBox .inputBox{ position: relative; display: inline-block; vertical-align: middle; width:calc(100% - 70px); height: 35px; border: 1px solid #eee; box-sizing: border-box; padding-right: 70px;} .popup_layer .popup_main .contents .formBox .inputBox input{ display: block; width:100%; height: 100%; font-size:12px; color: #000; text-align: left; padding: 0 10px; box-sizing: border-box; border: none; background-color: transparent; outline: none;} .popup_layer .popup_main .contents .formBox .inputBox .time{ position: absolute; top: 50%; transform: translateY(-50%); right: 50px; font-size:11px; color: #CF3535;} .popup_layer .popup_main .contents .formBox .inputBox .btn{ position: absolute; top: 50%; transform: translateY(-50%); right: 5px; width:40px; line-height: 25px; font-size:11px; color: #000; text-align: center; background-color: #ddd; border-radius: 4px; box-sizing: border-box; border: 1px solid #ccc;} .popup_layer .popup_main .contents .formBox .warning{ display: block; font-size: 11px; color: #CF3535; margin-top: 10px; margin-left: 60px;} .popup_layer .popup_main .contents .btnBox{ margin-top: 20px; text-align: center;} .popup_layer .popup_main .contents .btnBox a, .popup_layer .popup_main .contents .btnBox button{ display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; min-width:70px; height: 32px; line-height: 1.2; font-size:12px; color: #000; border: 1px solid #999; padding: 0 15px; margin: 0 2px; background-color: transparent; box-sizing: border-box} .popup_layer .popup_main .contents .btnBox .btn01{ color: #fff; background-color: #007BC2; border-color: #007BC2} .popup_layer .popup_main .contents .btnBox button:disabled{ color: #fff; background-color: #ccc; border-color: #ccc;cursor: unset;} .popup_layer .popup_main .contents .tableBox{} .popup_layer .popup_main .contents .tableBox table{ width:100%; border-collapse: collapse;} .popup_layer .popup_main .contents .tableBox table th{ font-size: 12px; color: #000; text-align: center; padding: 7px 0; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;} .popup_layer .popup_main .contents .tableBox table th a{ margin-left: 5px} .popup_layer .popup_main .contents .tableBox table .bg_color th{ background-color: #007BC2; color: #fff;} .popup_layer .popup_main .contents .tableBox table td{ font-size: 12px; color: #747474; text-align: center; padding: 7px 0; border-bottom: 1px solid #eee;} .popup_layer .popup_main .contents .tableBox table td input[type=checkbox]{ width:14px; height: 14px; appearance: checkbox; -webkit-appearance: checkbox;} .popup_layer .popup_main .contents .tableBox table th input[type=checkbox]{ width:14px; height: 14px; appearance: checkbox; -webkit-appearance: checkbox;} .popup_layer .popup_main .contents .tableBox table td input[type=radio]{ width:14px; height: 14px; appearance: checkbox; -webkit-appearance: checkbox;} .popup_layer .popup_main .contents .tableBox table tr.disabled td{ background-color:#f5f5f5;} .popup_layer .popup_main .contents .tableBox.line_table table th, .popup_layer .popup_main .contents .tableBox.line_table table td{ border: 1px solid #eee !important;} .popup_layer .popup_main .contents .tablePage a{ width:30px; height: 30px; } .popup_layer .popup_main .contents .tablePage a img{ width: 10px;} .popup_layer .popup_main .contents .tablePage a.num{ font-size:12px;} .popup_layer .popup_main .contents .tablePage a.on{ border-radius: 6px; } .popup_layer .popup_main .contents .dateBox{ margin-top: 40px;} .popup_layer .popup_main .contents .dateBox .inputBox{ position: relative; display: inline-block; vertical-align: middle; width: calc(50% - 5px); height: 30px; border: 1px solid #eee; box-sizing: border-box;} .popup_layer .popup_main .contents .dateBox .inputBox label{ position: absolute; top: -17px; left: 0; font-size:12px; font-weight: 500; color: #000;} .popup_layer .popup_main .contents .dateBox .inputBox input{ display: block; width: 100%; height: 100%; padding: 0 10px; box-sizing: border-box; border: none; background-color: transparent; outline: none; font-size:12px; color: #333; text-align: left;} .popup_layer .popup_main .contents .dateBox .inputBox img{ position: absolute; top: 50%; transform: translateY(-50%); right: 5px; width:12px; z-index: 1} .popup_layer .popup_main .contents .warning{ display: block; font-size: 11px; color: #CF3535; margin-top: 10px; text-align: center; line-height: 1.4;} .popup_layer .popup_main .contents .discount_select{} .popup_layer .popup_main .contents .discount_select li{ margin-top: 10px;} .popup_layer .popup_main .contents .discount_select li input[type=radio]{ display: inline-block; vertical-align: middle; width:14px; height: 14px; margin: 0 5px 0 0; appearance: checkbox; -webkit-appearance: checkbox;} .popup_layer .popup_main .contents .discount_select li input[type=radio] + label{ display: inline-block; vertical-align: middle; width:60px; font-size:12px; font-weight: 500; color: #000;} .popup_layer .popup_main .contents .discount_select li .inputBox{ position: relative; display: inline-block; vertical-align: middle; width: 200px; height: 30px; border: 1px solid #eee; box-sizing: border-box;} .popup_layer .popup_main .contents .discount_select li .inputBox input{ display: block; width: 100%; height: 100%; padding: 0 10px; box-sizing: border-box; border: none; background-color: transparent; outline: none; font-size:12px; color: #333; text-align: center;} .popup_layer .popup_main .contents .discount_select li .inputBox span{ position: absolute; top: 50%; transform: translateY(-50%); right: -20px; font-size:12px; color: #333;} .popup_layer .popup_main .contents .discount_select li.total{ padding-left: 20px;} .popup_layer .popup_main .contents .discount_select li.total p{ display: inline-block; vertical-align: middle; font-size:12px; font-weight: 500; color: #000;} .popup_layer .popup_main .contents .discount_select li.total .price{ position: relative; display: inline-block; vertical-align: middle; width: 200px; display: inline-block; vertical-align: middle; font-size:14px; font-weight: 500; color: #007BC2; text-align: center;} .popup_layer .popup_main .contents .discount_select li.total .price span{ position: absolute; top: 50%; transform: translateY(-50%); right: -20px; font-size:12px; font-weight: normal; color: #333;} .popup_layer .popup_main .contents .checkBox{ padding: 10px 0; margin-top: 15px; border-top: 1px dashed #aaa;} .popup_layer .popup_main .contents .checkBox input{ display: inline-block; vertical-align: middle; width:14px; height: 14px; appearance: checkbox; -webkit-appearance: checkbox;} .popup_layer .popup_main .contents .checkBox input + label{ display: inline-block; vertical-align: middle; font-size:12px; color: #000;} .popup_layer .popup_main .contents .hidden{ display: none;} .ui-widget.ui-widget-content{ z-index: 11 !important} .popup_layer .popup_main .contents .halfBox{ position: relative; font-size: 0; margin-top: 20px;} .popup_layer .popup_main .contents .halfBox .half{ display: inline-block; vertical-align: top; width:45%;} .popup_layer .popup_main .contents .halfBox .half:first-child{ margin-right:10%;} .popup_layer .popup_main .contents .halfBox .half .cateBox{ display: block; width:180px; height: 30px; border: 1px solid #747474; box-sizing: border-box; border-radius: 20px; margin: 0 auto;} .popup_layer .popup_main .contents .halfBox .half .cateBox select{ display: block; width: 100%; height: 100%; box-sizing: border-box; border: none; background-color: transparent; outline: none; font-size:12px; color: #747474; text-align: center; background-image: url("/resources/images/common/new/ico_chevronDown_b.svg"); background-position: center right 10px; background-repeat: no-repeat; background-size: 14px; font-weight: 500;} .popup_layer .popup_main .contents .halfBox .half .time_setting{ width:200px; margin: 0 auto;} .popup_layer .popup_main .contents .halfBox .half .time_setting .time{ margin: 10px 0; font-size:0;} .popup_layer .popup_main .contents .halfBox .half .time_setting .time p{ display: inline-block; vertical-align: middle; width:90px; font-size:12px; font-weight: 500; color: #747474; text-align: left;} .popup_layer .popup_main .contents .halfBox .half .time_setting .time .time_select{ display: inline-block; vertical-align: middle; width:50px; height: 25px; border: 1px solid #747474; box-sizing: border-box; margin-left: 5px;} .popup_layer .popup_main .contents .halfBox .half .time_setting .time .time_select select{ display: block; width: 100%; height: 100%; padding: 0 10px; box-sizing: border-box; border: none; background-color: transparent; outline: none; font-size:12px; color: #747474; background-image: url("/resources/images/common/new/ico_chevronDown_b.svg"); background-position: center right 5px; background-repeat: no-repeat; background-size: 12px;} .popup_layer .popup_main .contents .halfBox .half .time .menu_time_select select{ display: block; width: 100%; height: 100%; padding: 0 10px; box-sizing: border-box; border: none; background-color: transparent; outline: none; font-size:12px; color: #747474; background-image: url("/resources/images/common/new/ico_chevronDown_b.svg"); background-position: center right 5px; background-repeat: no-repeat; background-size: 12px;} .popup_layer .popup_main .contents .menu_list .menu_contents .menu_time_select select{padding: 1px;border: 1px solid #eee;background-color: transparent;outline: none;font-size: 12px;color: #747474;} .popup_layer .popup_main .contents .halfBox .half .menu_list{ margin-top: 10px;} .popup_layer .popup_main .contents .halfBox .half .menu_list .list_head{ display: table; width:100%; border-collapse: collapse;} .popup_layer .popup_main .contents .halfBox .half .menu_list .list_head li{ display: table-cell; vertical-align: middle; border: 1px solid #fff; background-color: #007BC2; font-size:12px; color: #fff; text-align: center; padding: 7px 0;} .popup_layer .popup_main .contents .halfBox .half .menu_list .list_head li.item01{} .popup_layer .popup_main .contents .halfBox .half .menu_list .list_head li.item02{ width:80px} .popup_layer .popup_main .contents .halfBox .half .menu_list .list_head li.item03{ width:50px} .popup_layer .popup_main .contents .halfBox .half .menu_list .list_head li.item04{ width:40px} .popup_layer .popup_main .contents .halfBox .half .menu_list .list_head.time_menu li.item01, .popup_layer .popup_main .contents .halfBox .half .menu_list .list_body.time_menu div.item01{ width:20%} .popup_layer .popup_main .contents .halfBox .half .menu_list .list_head.time_menu li.item02, .popup_layer .popup_main .contents .halfBox .half .menu_list .list_body.time_menu div.item02{ width:20%} .popup_layer .popup_main .contents .halfBox .half .menu_list .list_head.time_menu li.item03, .popup_layer .popup_main .contents .halfBox .half .menu_list .list_body.time_menu div.item03{ width:10%} .popup_layer .popup_main .contents .halfBox .half .menu_list .list_head.time_menu li.item04, .popup_layer .popup_main .contents .halfBox .half .menu_list .list_body.time_menu div.item04{ width:20%} .popup_layer .popup_main .contents .halfBox .half .menu_list .list_head.time_menu li.item05, .popup_layer .popup_main .contents .halfBox .half .menu_list .list_body.time_menu div.item05{ width:20%} .popup_layer .popup_main .contents .halfBox .half .menu_list .list_head.time_menu li.item06, .popup_layer .popup_main .contents .halfBox .half .menu_list .list_body.time_menu div.item06{ width:10%} .popup_layer .popup_main .contents .halfBox .half .menu_list .list_body{} .popup_layer .popup_main .contents .halfBox .half .menu_list .list_body li{ display: table; width:100%; border-collapse: collapse; margin-top: -1px;} .popup_layer .popup_main .contents .halfBox .half .menu_list .list_body li > div{ display: table-cell; vertical-align: middle; border: 1px solid #eee; text-align: center; padding: 0 5px; height: 32px; box-sizing: border-box;} .popup_layer .popup_main .contents .halfBox .half .menu_list .list_body li .name{ position: relative; font-size:12px; color: #747474; text-align: left; padding-left: 25px; cursor: move;} .popup_layer .popup_main .contents .halfBox .half .menu_list .list_body li .name:before{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 5px; width: 16px; height: 14px; background-image: url(/resources/images/common/new/grip-horizontal.svg); background-position: center; background-repeat: no-repeat; background-size: contain;} .popup_layer .popup_main .contents .halfBox .half .menu_list .list_body li .price{ position: relative; padding-right: 18px; width:80px} .popup_layer .popup_main .contents .halfBox .half .menu_list .list_body li .price input{ display:block; width:100%; height: 22px; font-size: 12px; color: #747474; text-align: right; padding: 0 2px; border: 1px solid #eee; background-color: #fff; outline: none; } .popup_layer .popup_main .contents .halfBox .half .menu_list .list_body li .price span{ position: absolute; bottom: 11px; right: 5px; font-size: 12px; color: #747474;} .popup_layer .popup_main .contents .halfBox .half .menu_list .list_body li .state{ width:50px} .popup_layer .popup_main .contents .halfBox .half .menu_list .list_body li .state a{ display: inline-block; width:40px; line-height: 22px; font-size:11px; color: #fff; text-align: center; background-color: #007BC2; border-radius: 20px;} .popup_layer .popup_main .contents .halfBox .half .menu_list .list_body li .state a.soldout{ background-color: #CF3535 !important;} .popup_layer .popup_main .contents .halfBox .half .menu_list .list_body li .delete{ width:40px} .popup_layer .popup_main .contents .halfBox .half .menu_list .list_body li .delete .delBtn{ display: inline-block;} .popup_layer .popup_main .contents .halfBox .half .menu_list .list_body li .delete .delBtn img{ display: block; width:14px;} .popup_layer .popup_main .contents .halfBox .half .searchBox{ width:100%; margin: 45px auto 10px; font-size: 0;} .popup_layer .popup_main .contents .halfBox .half .searchBox .inputBox{ display: inline-block; vertical-align: middle; width:calc(100% - 60px); height: 25px; border: 1px solid #747474; box-sizing: border-box;} .popup_layer .popup_main .contents .halfBox .half .searchBox .inputBox input{ display: block; width:100%; height: 100%; font-size:12px; color: #747474; text-align: center; border: none; background-color: transparent; outline: none; padding: 0;} .popup_layer .popup_main .contents .halfBox .half .searchBox .searchBtn{ display: inline-block; vertical-align: middle; width:55px; line-height: 25px; font-size:12px; color: #fff; text-align: center; background-color: #007BC2; border-radius: 20px; margin-left: 5px;} .popup_layer .popup_main .contents .halfBox .half .food_table{} .popup_layer .popup_main .contents .halfBox .half .food_table table{ width:100%; border-collapse: collapse;} .popup_layer .popup_main .contents .halfBox .half .food_table table th{ border: 1px solid #fff; background-color: #007BC2; font-size:12px; color: #fff; text-align: center; padding: 7px 0;} .popup_layer .popup_main .contents .halfBox .half .food_table table th a{ margin-left: 5px;} .popup_layer .popup_main .contents .halfBox .half .food_table table td{ border: 1px solid #eee; text-align: center; height: 32px; box-sizing: border-box; font-size:12px; color: #747474; text-align: center} .popup_layer .popup_main .contents .halfBox .half .food_table table td input[type=checkbox]{ width:12px; height: 12px; appearance: checkbox; -webkit-appearance: checkbox;} .popup_layer .popup_main .contents .halfBox .addBtn{ position: absolute; top: 224px; left: 50%; transform: translateX(-42%); width:50px; line-height: 20px; font-size: 11px; color: #fff; text-align: center;} .popup_layer .popup_main .contents .halfBox .addBtn:before{ content:""; position: absolute; top: -6px; left: -11px; width: 0; height: 0; border-right: 16px solid #007BC2; border-bottom: 16px solid transparent; border-top: 16px solid transparent; z-index: -1} .popup_layer .popup_main .contents .halfBox .addBtn:after{ content:""; position: absolute; top: 0; left: 3px; width: 100%; height: 100%; background-color: #007BC2; z-index: -1} .popup_layer .popup_main .contents .top_checkBox{ padding: 0; margin-top: 0; border-top:none;} .popup_layer .popup_main .contents .top_checkBox input + label{ font-weight: 500; color: #CF3535} .popup_layer .popup_main .contents .bottom_checkBox { padding: 0; margin-top: 15px; border-top:none; text-align: center;} .popup_layer .popup_main .contents .bottom_checkBox input + label{ font-weight: 500;} .popup_layer .popup_main .contents .warning{ font-size:12px; font-weight: 500; color: #CF3535; text-align: center; line-height: 1.4; margin-top: 10px;} .popup_layer .popup_main .contents .file_img{ position: relative; width:100%; height: 150px; overflow: hidden; background-color: #f5f5f5;} .popup_layer .popup_main .contents .file_img > img{ width: 100%; height: 100%; object-fit: cover; object-position: center;} .popup_layer .popup_main .contents .file_img > img.img_empty{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 80px; height: 82px;} .popup_layer .popup_main .contents .file_img .img_del{ position: absolute; top: 5px; right: 5px; z-index: 1} .popup_layer .popup_main .contents .file_img .img_del img{ display: block;} .popup_layer .popup_main .contents .file_text{ font-size:12px; color: #747474; line-height: 1.4; text-align: left; padding: 0 5px; margin-top: 10px} .popup_layer .popup_main .contents .uploadBtn{ text-align: center; margin-top: 10px;} .popup_layer .popup_main .contents .uploadBtn input{ display: none;} .popup_layer .popup_main .contents .uploadBtn input + label{ display: inline-block; width: 100px; line-height: 25px; font-size: 11px; color: #fff; text-align: center; background-color: #747474; border-radius: 20px; cursor: pointer} .popup_layer .popup_main .contents .formBox{ margin-top: 20px;} .popup_layer .popup_main .contents .formBox .selectBox{ width: 100%; height: 30px; border: 1px solid #747474; box-sizing: border-box; margin-bottom: 5px;} .popup_layer .popup_main .contents .formBox .selectBox select{ display: block; width: 100%; height: 100%; box-sizing: border-box; border: none; background-color: transparent; outline: none; font-size:12px; color: #747474; text-align: center; background-image: url("/resources/images/common/new/ico_chevronDown_b.svg"); background-position: center right 10px; background-repeat: no-repeat; background-size: 14px;} .popup_layer .popup_main .contents .formBox .inputBox{ position: relative; width: 100%; height: 30px; border: 1px solid #747474; box-sizing: border-box; padding: 0;} .popup_layer .popup_main .contents .formBox .inputBox input{ display: block; width: 100%; height: 100%; box-sizing: border-box; border: none; background-color: transparent; outline: none; font-size:12px; color: #747474; text-align: center;} .popup_layer .popup_main .contents .formBox .halfBox{ font-size:0; margin-top: 5px;} .popup_layer .popup_main .contents .formBox .halfBox .inputBox{ width:calc(50% - 35px); box-sizing: border-box;} .popup_layer .popup_main .contents .formBox .halfBox .inputBox:first-child{ margin-right: 40px;} .popup_layer .popup_main .contents .formBox .halfBox .inputBox span{ position: absolute; top: 50%; transform: translateY(-50%); right: -25px; font-size: 11px; color: #747474;} .popup_layer .popup_main .contents .formBox .halfBox .inputBox select{ position: absolute; top: 50%; transform: translateY(-50%); right: -35px; display: block; width:30px; height: 100%; font-size: 11px; color: #747474; box-sizing: border-box; border: none; background-color: transparent; outline: none; border: none; background-image: url("/resources/images/common/new/ico_chevronDown_b.svg"); background-position: center right 2px; background-repeat: no-repeat; background-size: 10px; padding: 0 3px;} .popup_layer .popup_main .contents .food_group_add_table{} .popup_layer .popup_main .contents .food_group_add_table table{ width:100%; border-collapse: collapse; border-top: 1px solid #ddd;} .popup_layer .popup_main .contents .food_group_add_table table th{ vertical-align: middle; font-size:12px; font-weight: 500; color: #747474; text-align: center; background-color: #f5f5f5; border-bottom: 1px solid #ddd; width:90px;} .popup_layer .popup_main .contents .food_group_add_table table td{ position: relative; vertical-align: middle; padding: 5px; width: 190px; border-bottom: 1px solid #ddd;} .popup_layer .popup_main .contents .food_group_add_table table td input[type=text] + img{ position:absolute; top: 50%; transform: translateY(-50%); right: 10px; width:12px;} .popup_layer .popup_main .contents .food_group_add_table table td input[type=text]{ display: block; width:100%; height: 30px; font-size: 12px; color: #747474; text-align: center; border: 1px solid #eee; background-color: transparent; outline: none; padding: 0 10px; box-sizing: border-box;} .popup_layer .popup_main .contents .food_group_add_table table td select{ display: block; width:100%; height: 30px; font-size: 12px; color: #747474; text-align: center; border: 1px solid #eee; background-color: transparent; outline: none; box-sizing: border-box; background-image: url("/resources/images/common/new/ico_chevronDown_b.svg"); background-position: center right 10px; background-repeat: no-repeat; background-size: 12px;} .popup_layer .popup_main .contents .food_group_add_table table td input[type=checkbox]{ display: inline-block; vertical-align: middle; width:12px; height: 12px; appearance: checkbox; -webkit-appearance: checkbox;} .popup_layer .popup_main .contents .food_group_add_table table td input[type=checkbox] + label{ display: inline-block; vertical-align: middle; font-size:12px; color: #747474; padding-right: 10px;} .popup_layer .popup_main .contents .food_group_add_table table td .addBox{} .popup_layer .popup_main .contents .food_group_add_table table td .addBox .menu_name{ display: inline-block; vertical-align: middle; width:268px} .popup_layer .popup_main .contents .food_group_add_table table td .addBox .menu_kcal{ display: inline-block; vertical-align: middle; width:140px} .popup_layer .popup_main .contents .food_group_add_table table td .addBox .btn{ display: inline-flex; justify-content: center; align-items: center; vertical-align: middle; width:50px; height:30px; font-size:12px; color: #fff; text-align: center; background-color: #007BC2; border-radius: 20px;} .popup_layer .popup_main .contents .food_group_add_table table td .menu_list{ position: relative; padding: 10px; border: 1px solid #eee; margin-top: 5px;} .popup_layer .popup_main .contents .food_group_add_table table td .menu_list .empty{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 12px; color: #747474;} .popup_layer .popup_main .contents .food_group_add_table table td .menu_list li{ position: relative; font-size: 12px; font-weight: 500; color: #007BC2; margin-bottom: 10px;} .popup_layer .popup_main .contents .food_group_add_table table td .menu_list li:last-child{ margin-bottom:0} .popup_layer .popup_main .contents .food_group_add_table table td .menu_list li span{ position: absolute; top: 50%; transform: translateY(-50%); right: 30px; font-weight: normal;} .popup_layer .popup_main .contents .food_group_add_table table td .menu_list li .delBtn{ position: absolute; top: 50%; transform: translateY(-50%); right: 0;} .popup_layer .popup_main .contents .food_group_add_table table td .menu_list li .delBtn img{ display: block; width:16px;} .popup_layer .popup_main .contents .food_group_add_table table td figure{ position: relative; display: inline-block; vertical-align: top; width:220px; height: 130px; overflow: hidden;} .popup_layer .popup_main .contents .food_group_add_table table td figure > img{ display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;} .popup_layer .popup_main .contents .food_group_add_table table td figure .delBtn{ position: absolute; top: 5px; right: 5px; z-index: 1} .popup_layer .popup_main .contents .food_group_add_table table td figure .delBtn img{ display: block; width:16px;} .popup_layer .popup_main .contents .food_group_add_table table td .uploadBox{ display: inline-block; vertical-align: top; width:calc(100% - 224px); padding-left: 10px; box-sizing: border-box; text-align: center; padding-top: 5px;} .popup_layer .popup_main .contents .food_group_add_table table td .uploadBox input[type=file]{ display: none;} .popup_layer .popup_main .contents .food_group_add_table table td .uploadBox input[type=file] + label{ display: inline-flex; justify-content: center; align-items: center; vertical-align: middle; width:100%; height:30px; font-size:12px; color: #747474; text-align: center; border: 1px solid #747474; border-radius: 20px; cursor: pointer} .popup_layer .popup_main .contents .food_group_add_table table td .uploadBox .text{ font-size: 11px; color: #747474; line-height: 1.4; margin-top: 20px;} .popup_layer .popup_main .contents .group_authority_add_table table td .addBox .user_name{ display: inline-block; vertical-align: middle; width:calc(100% - 55px);} .popup_layer .popup_main .contents .group_authority_add_table table td .subTable{ width:860px} .popup_layer .popup_main .contents .group_authority_add_table table td .subTable th{ width: auto; height: 30px; border: 1px dashed #eee;} .popup_layer .popup_main .contents .group_authority_add_table table td .subTable td{ width: auto; font-size:12px; border: 1px dashed #eee; text-align: center;} .popup_layer .popup_main .contents .calendar{} .popup_layer .popup_main .contents .calendar .month{ position: relative; width:100px; font-size: 24px; font-weight: 500; color: #000; margin: 0 auto;} .popup_layer .popup_main .contents .calendar .month a{ position: absolute; top: 50%; transform: translateY(-50%);} .popup_layer .popup_main .contents .calendar .month a img{ display: block; width:16px;} .popup_layer .popup_main .contents .calendar .month a.leftBtn{ left: -30px;} .popup_layer .popup_main .contents .calendar .month a.rightBtn{ right: -23px;} .popup_layer .popup_main .contents .calendar .calendar_contents{ position: relative; } .popup_layer .popup_main .contents .calendar .legend{ position: absolute; top: -20px; left: 0; } .popup_layer .popup_main .contents .calendar .legend p{ position: relative; display:inline-block; vertical-align: middle; font-size:11px; color: #000; text-align: left; margin-bottom: 5px; padding-left: 20px; margin-right: 20px;} .popup_layer .popup_main .contents .calendar .legend p:before{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 13px; height: 13px; } .popup_layer .popup_main .contents .calendar .legend p:nth-child(1):before{ background-color: white;border: 1px solid black;} .popup_layer .popup_main .contents .calendar .legend p:nth-child(2):before{ background-color: #d9d9d9} .popup_layer .popup_main .contents .calendar .sun{ color:red !important} .popup_layer .popup_main .contents .calendar .sat{ color:blue !important} .popup_layer .popup_main .contents .calendar ul.day_title, .popup_layer .popup_main .contents .calendar ul.day_main{ width:100%; box-sizing:border-box; overflow:hidden; margin-top:30px;} .popup_layer .popup_main .contents .calendar ul.day_title:after, .popup_layer .popup_main .contents .calendar ul.day_main:after{ content:""; display:block; clear:both;} .popup_layer .popup_main .contents .calendar ul.day_title li, .popup_layer .popup_main .contents .calendar ul.day_main li{ float:left; width:calc(100% / 7); box-sizing:border-box; background-color: white;} .popup_layer .popup_main .contents .calendar ul.day_title{ border-bottom:1px solid #a1a1a1; background-color: #fff; } .popup_layer .popup_main .contents .calendar ul.day_title li{ font-size:12px; color:#000; text-align:center; background-color: #fff; padding:5px;} .popup_layer .popup_main .contents .calendar ul.day_main{ margin-top:0} .popup_layer .popup_main .contents .calendar ul.day_main li{ height:100px; box-sizing: border-box; cursor: pointer} .popup_layer .popup_main .contents .calendar ul.day_main li.order_bg{ background-color: #d9d9d9} .popup_layer .popup_main .contents .calendar ul.day_main li.active{ background-color: #bca7e9;} .popup_layer .popup_main .contents .calendar ul.day_main li .day_number{ display: block; font-size:12px; color:#747474; text-align:left; padding:5px 0;} .popup_layer .popup_main .contents .calendar ul.day_main li .textBox{height: 100%} .popup_layer .popup_main .contents .calendar ul.day_main li .textBox p{ display: block; width:100%; font-size:10px; color:#747474; padding:1px 0; box-sizing:border-box; margin-bottom:2px; text-align:left; line-height: 1.2;} .popup_layer .popup_main .contents .calendar ul.day_main li .textBox p b{ display: block; text-align:center} .popup_layer .popup_main .contents .calendar .notice{ font-size: 12px; color:#747474; margin-top: 5px; line-height: 1.2;} .popup_layer .popup_main .contents .reserve_menu{} .popup_layer .popup_main .contents .reserve_menu .selectBox{ display: block; width: 300px; height: 35px; border: 1px solid #ddd; box-sizing: border-box; border-radius: 22px; margin: 0 auto;} .popup_layer .popup_main .contents .reserve_menu .selectBox select{ display: block; width: 100%; height: 100%; padding: 0 20px; box-sizing: border-box; border: none; background-color: transparent; outline: none; font-size:14px; color: #747474; background-image: url("/resources/images/common/new/ico_chevronDown_b.svg"); background-position: center right 20px; background-repeat: no-repeat; background-size: 16px;} .popup_layer .popup_main .contents .reserve_menu_list{ font-size: 0; margin-top: 30px;} .popup_layer .popup_main .contents .reserve_menu_list li{ display: inline-block; vertical-align: top; width:50%; margin-bottom: 5px;} .popup_layer .popup_main .contents .reserve_menu_list li input[type=checkbox]{ display: none} .popup_layer .popup_main .contents .reserve_menu_list li input[type=checkbox] + label{ display: inline-block; vertical-align: top; width: 80px; height: 80px; overflow: hidden; border: 1px solid #eee; box-sizing: border-box; cursor: pointer} .popup_layer .popup_main .contents .reserve_menu_list li input[type=checkbox] + label img{ width: 100%; height: 100%; object-fit:cover; object-position:center;} .popup_layer .popup_main .contents .reserve_menu_list li input[type=checkbox]:checked + label{ border: 4px solid #E98600} .popup_layer .popup_main .contents .reserve_menu_list li .menu_text{ position: relative; display: inline-block; vertical-align: top; width:calc(100% - 80px); padding:5px 10px 0 10px; box-sizing: border-box; text-align: left;} .popup_layer .popup_main .contents .reserve_menu_list li .menu_text .cate{ display: inline-block; font-size:10px; font-weight: 500; color: #747474; border-radius: 10px; background-color: #eee; padding: 3px 5px;} .popup_layer .popup_main .contents .reserve_menu_list li .menu_text .name{ height: 34px; font-size:12px; color: #333; line-height: 1.4; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;} .popup_layer .popup_main .contents .reserve_menu_list li .menu_text .price{ font-size:12px; font-weight: 500; color: #333; margin-top: 5px;} .popup_layer .popup_main .contents .reserve_menu_list li .menu_text .kcal{ position: absolute; bottom: 0; right: 10px; font-size:11px; color: #007BC2;} .popup_layer .popup_main .contents .addressBox{} .popup_layer .popup_main .contents .addressBox .inputBox{ display: block; width:100%; height: 35px; border: 1px solid #eee; box-sizing: border-box; background-color: #fff; margin-bottom: 5px;} .popup_layer .popup_main .contents .addressBox .inputBox input{ display: block; width:100%; height: 100%; font-size:12px; color: #000; text-align: left; padding: 0 10px; box-sizing: border-box; border: none; background-color: transparent; outline: none;} .img_view_popup{ display: none; position: fixed; top: 0; left: 0; width:100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 100;} .img_view_popup figure{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 600px; max-height: 600px;} .img_view_popup figure .img{ display: block; max-width: 100%; max-height: 100%;} .img_view_popup figure .closeBtn{ position: absolute; top: -25px; right: 0;} .img_view_popup figure .closeBtn img{ width:20px;} #prmt_list_tbl div.event_wrapper ul li:hover {color: #007BC2;} @media (max-width:1240px) { } /* 테마-Red */ .theme_red nav ul li .subMenu a:hover, .theme_red nav ul li .subMenu a.active{ color:#D95B5B; background-color: #FCD5D5;} .theme_red main .container .midArea .boardBox .sorting input:checked + label, .theme_red .popup_layer .popup_main .contents .btnBox .btn01, .theme_red main .container .midArea .manage_menu .menuBox .menu_category .active, .theme_red main .container .midArea .manage_menu .btnBox .btn01, .theme_red main .container .midArea .manage_reserve .btnBox .btn01{ background-color: #D95B5B; border-color: #D95B5B;} .theme_red main .container .midArea .boardBox .tablePage a.on, .theme_red main .container .topArea.bg_color2:before{background-color: #FCD5D5;} .theme_red main .container .midArea .manage_device .summary li .summary_title, .theme_red main .container .midArea .manage_menu .menu_list > li .menu_title{ color:#D95B5B; border-color: #D95B5B;} .theme_red main .container .midArea .manage_device .summary li .summary_contents .contract_manager figure, .theme_red .spg_box #spgList li.selected , .theme_red main .container .midArea .boardBox .tableBox.spg_str table td .btn.orange, .theme_red main .container.dcs_menu .midArea .titleBox .tabBox a, .theme_red main .container .midArea .manage_menu .titleBox .tabBox a{border-color: #D95B5B;} .theme_red main .container .midArea .manage_menu .menu_list > li .menu_title a, .theme_red main .container .midArea .manage_menu .menu_list > li .menu_title .time, .theme_red main .container .midArea .manage_menu .menu_table .tableBox .tableBox_contents li .menu_title, .theme_red #calendar_popup .popup_main .tableBox .tableBox_contents li .menu_title, .theme_red .popup_layer .popup_main .contents .subTitle .f_color, .theme_red .popup_layer .popup_main .contents .discount_select li.total .price, .theme_red main .container .midArea .boardBox .board_title b, .theme_red .popup_layer .popup_main .contents .food_group_add_table table td .menu_list li, .theme_red main .container .midArea .manage_reserve .reserve_table table td .selected_items li, .theme_red main .container .midArea .manage_reserve .reserve_table table td .select_row ul li .name{ color:#D95B5B;} .theme_red nav ul li .subMenu a:hover:before, .theme_red nav ul li .subMenu a.active:before, .theme_red main .container .midArea .table_board .searchBox .btn, .theme_red main .container .midArea .boardBox .tableBox table th, .theme_red main .container .topArea.bg_color, .theme_red main .container .topArea.bg_color:before, .theme_red main .container .midArea .manage_device .summary li .summary_title .downBtn, .theme_red main .container .midArea .manage_menu .titleBox, .theme_red #datepicker .ui-widget-content .ui-state-active:before, .theme_red main .container .midArea .manage_menu .menu_table .tableBox .tableBox_title, .theme_red #calendar_popup .popup_main .date .day.on, .theme_red #calendar_popup .popup_main .tableBox .tableBox_title, .theme_red #login .formBox ul .btn, .theme_red .popup_layer .popup_main .title, /*.theme_red .popup_layer .popup_main .contents .subTitle .f_color,*/ .theme_red .popup_layer .popup_main .contents .tableBox table .bg_color th, .theme_red main .container .midArea .boardBox .table_bottom_btn a, .theme_red main .container .midArea .manage_device .device_select li .checkBox input:checked + label, .theme_red main .container .midArea .boardBox .search_sorting .searchBtn, .theme_red main .container .midArea .manage_menu .menuBox ul li figure figcaption.active, .theme_red #calendar_popup .popup_main .toggleBox:before, .theme_red .popup_layer .popup_main .contents .food_group_add_table table td .addBox .btn, .theme_red #reserve_calendar_popup .popup_main .title, .theme_red .popup_layer .popup_main .contents .halfBox .half .menu_list .list_head li, .theme_red .popup_layer .popup_main .contents .halfBox .half .food_table table th, .theme_red .popup_layer .popup_main .contents .halfBox .half .menu_list .list_body li .state a, .theme_red .popup_layer .popup_main .contents .halfBox .half .searchBox .searchBtn, .theme_red .popup_layer .popup_main .contents .halfBox .half .topp_table table th, .theme_red .popup_layer .popup_main .contents .searchBox .btn, .theme_red .popup_layer .popup_main .menu_contents .str_cate_popup_btn.modify, .theme_red #temp .mainTableBox table th, .theme_red main .container.dcs_menu .midArea .titleBox, .theme_red main .container .midArea .manage_reserve .reserve_table table td .btn{ background-color: #D95B5B;} .theme_red main .container .midArea .manage_menu .menu_list > li .menu_title .moveBtn{ background-image: url(/resources/images/common/new/caret-down-square-fill-red.svg);} .theme_red main .container .midArea .manage_menu .menu_list > li .menu_title .moveBtn.up{ background-image: url(/resources/images/common/new/caret-up-square-red.svg)} .theme_red .popup_layer .popup_main .contents .halfBox .addBtn:before{ border-right: 16px solid #d95b5b;} .theme_red .popup_layer .popup_main .contents .halfBox .addBtn:after{ background-color: #d95b5b;} .theme_red main .container .midArea .boardBox .tableBox table td .tdBtn1{ background-color: #D95B5B; border-color: #D95B5B;} .theme_red main .container .midArea .manage_device .device_select_table table th{ background-color: #D95B5B;} .theme_red #prmt_list_tbl div.event_wrapper ul li:hover {color: #D95B5B;} /* 테마-Yellow */ .theme_yellow nav ul li .subMenu a:hover, .theme_yellow nav ul li .subMenu a.active{ color:#FBCB6F; background-color: #FFF4E0;} .theme_yellow main .container .midArea .boardBox .sorting input:checked + label, .theme_yellow .popup_layer .popup_main .contents .btnBox .btn01, .theme_yellow main .container .midArea .manage_menu .menuBox .menu_category .active, .theme_yellow main .container .midArea .manage_menu .btnBox .btn01, .theme_yellow main .container .midArea .manage_reserve .btnBox .btn01{ background-color: #FBCB6F; border-color: #FBCB6F;} .theme_yellow main .container .midArea .boardBox .tablePage a.on, .theme_yellow main .container .topArea.bg_color2:before{background-color: #FFF4E0;} .theme_yellow main .container .midArea .manage_device .summary li .summary_title, .theme_yellow main .container .midArea .manage_menu .menu_list > li .menu_title{ color:#FBCB6F; border-color: #FBCB6F;} .theme_yellow main .container .midArea .manage_device .summary li .summary_contents .contract_manager figure, .theme_yellow main .container.dcs_menu .midArea .titleBox .tabBox a, .theme_yellow .spg_box #spgList li.selected , .theme_yellow main .container .midArea .boardBox .tableBox.spg_str table td .btn.orange, .theme_yellow main .container .midArea .manage_menu .titleBox .tabBox a{border-color: #FBCB6F;} .theme_yellow main .container .midArea .manage_menu .menu_list > li .menu_title a, .theme_yellow main .container .midArea .manage_menu .menu_list > li .menu_title .time, .theme_yellow main .container .midArea .manage_menu .menu_table .tableBox .tableBox_contents li .menu_title, .theme_yellow #calendar_popup .popup_main .tableBox .tableBox_contents li .menu_title, .theme_yellow .popup_layer .popup_main .contents .subTitle .f_color, .theme_yellow .popup_layer .popup_main .contents .discount_select li.total .price, .theme_yellow main .container .midArea .boardBox .board_title b, .theme_yellow .popup_layer .popup_main .contents .food_group_add_table table td .menu_list li, .theme_yellow main .container .midArea .manage_reserve .reserve_table table td .selected_items li, .theme_yellow main .container .midArea .manage_reserve .reserve_table table td .select_row ul li .name{ color:#FBCB6F;} .theme_yellow nav ul li .subMenu a:hover:before, .theme_yellow nav ul li .subMenu a.active:before, .theme_yellow main .container .midArea .table_board .searchBox .btn, .theme_yellow main .container .midArea .boardBox .tableBox table th, .theme_yellow main .container .topArea.bg_color, .theme_yellow main .container .topArea.bg_color:before, .theme_yellow main .container .midArea .manage_device .summary li .summary_title .downBtn, .theme_yellow main .container .midArea .manage_menu .titleBox, .theme_yellow #datepicker .ui-widget-content .ui-state-active:before, .theme_yellow main .container .midArea .manage_menu .menu_table .tableBox .tableBox_title, .theme_yellow #calendar_popup .popup_main .date .day.on, .theme_yellow #calendar_popup .popup_main .tableBox .tableBox_title, .theme_yellow #login .formBox ul .btn, .theme_yellow .popup_layer .popup_main .title, /*.theme_yellow .popup_layer .popup_main .contents .subTitle .f_color,*/ .theme_yellow .popup_layer .popup_main .contents .tableBox table .bg_color th, .theme_yellow main .container .midArea .boardBox .table_bottom_btn a, .theme_yellow main .container .midArea .manage_device .device_select li .checkBox input:checked + label, .theme_yellow main .container .midArea .boardBox .search_sorting .searchBtn, .theme_yellow main .container .midArea .manage_menu .menuBox ul li figure figcaption.active, .theme_yellow #calendar_popup .popup_main .toggleBox:before, .theme_yellow .popup_layer .popup_main .contents .food_group_add_table table td .addBox .btn, .theme_yellow #reserve_calendar_popup .popup_main .title, .theme_yellow .popup_layer .popup_main .contents .halfBox .half .menu_list .list_head li, .theme_yellow .popup_layer .popup_main .contents .halfBox .half .food_table table th, .theme_yellow .popup_layer .popup_main .contents .halfBox .half .menu_list .list_body li .state a, .theme_yellow .popup_layer .popup_main .contents .halfBox .half .searchBox .searchBtn, .theme_yellow .popup_layer .popup_main .contents .halfBox .half .topp_table table th, .theme_yellow .popup_layer .popup_main .contents .searchBox .btn, .theme_yellow .popup_layer .popup_main .menu_contents .str_cate_popup_btn.modify, .theme_yellow .container.dcs_menu .midArea .titleBox, .theme_yellow #temp .mainTableBox table th, .theme_yellow main .container.dcs_menu .midArea .titleBox, .theme_yellow main .container .midArea .manage_reserve .reserve_table table td .btn{ background-color: #FBCB6F;} .theme_yellow main .container .midArea .manage_menu .menu_list > li .menu_title .moveBtn{ background-image: url(/resources/images/common/new/caret-down-square-fill-yellow.svg);} .theme_yellow main .container .midArea .manage_menu .menu_list > li .menu_title .moveBtn.up{ background-image: url(/resources/images/common/new/caret-up-square-yellow.svg)} .theme_yellow .popup_layer .popup_main .contents .halfBox .addBtn:before{ border-right: 16px solid #FBCB6F;} .theme_yellow .popup_layer .popup_main .contents .halfBox .addBtn:after{ background-color: #FBCB6F;} .theme_yellow main .container .midArea .boardBox .tableBox table td .tdBtn1{ background-color: #FBCB6F; border-color: #FBCB6F;} .theme_yellow main .container .midArea .manage_device .device_select_table table th{ background-color: #FBCB6F;} .theme_yellow #prmt_list_tbl div.event_wrapper ul li:hover {color: #FBCB6F;} /*20230828 이호준 추가*/ main .container .midArea .boardBox .tableBox.spg_str table input[type=checkbox]{ width:14px; height: 14px; appearance: checkbox; -webkit-appearance: checkbox;} main .container .midArea .boardBox .tableBox.spg_str table td .btn.gray{background-color: #ccc} main .container .midArea .boardBox .tableBox.spg_str table td .btn{ display: inline-flex; vertical-align: middle; width:50px; height: 30px; align-items: center; justify-content: center; background-color: #007BC2; font-size:13px; color: #fff; text-align: center; border-radius: 4px;font-weight: 600} main .container .midArea .boardBox .tableBox.spg_str table th{line-height: 1.4;} main .container .midArea .boardBox .tableBox.spg_str table td{line-height: 1.2;} .spg_str .btn_i {position: relative;} .spg_str .btn_i .i_Box {position: absolute;width: 220px;min-height: 14px;padding: 8px;font-size: 11px;color: #696969;font-weight: normal;line-height: 130%;text-align: center;background: #fff;border: 1px solid #ff7400;top: 3px;left: -100px;} .spg_box .btn_spg_pause02 {display: inline-block;width: 16px;height: 16px;background: url(../../images/cj/common/btn_pause02.png) no-repeat 0 center;vertical-align: middle;} .spg_box .btn_spg_edit {display: inline-block;width: 16px;height: 16px;background: url(../../images/cj/common/btn_edit02.png) no-repeat 0 center;vertical-align: middle;} .spg_box .box ul li .spg_btn_center {display: inline-block;width: 1px;height: 16px;border-right: 1px solid #d7d7d7;margin: 0 5px; vertical-align: middle} .spg_box .btn_spg_play {display: inline-block;width: 16px;height: 16px;background: url(../../images/cj/common/btn_play.png) no-repeat 0 center;vertical-align: middle;} .subMenu .main_resrv_badge { margin: 0;border-radius: 56px;background-color: #ea4040;position: absolute;top: 7px;right: 33px;padding: 1px 6px 0 6px;display: none;} .subMenu .main_resrv_badge.block { display: block} .subMenu .main_resrv_badge span {font-family: NotoSansKR;font-size: 12px;font-weight: 700;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;color: #fff;} .subMenu .sub_resrv_badge {flex-grow: 0;font-family: NotoSansKR;font-size: 11px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 0.75;letter-spacing: normal;color: #ea4040;margin-left: 5px;display: none;} .subMenu .sub_resrv_badge.block {display: unset;} .posSaleReq .main_resrv_badge { margin: 0;border-radius: 56px;background-color: #ea4040;right: -90px;padding: 1px 6px 0 6px;display: none;position: relative;margin-top: -15px;width: 8px;} .posSaleReq .main_resrv_badge.block { display: block} .posSaleReq .main_resrv_badge span {font-family: NotoSansKR;font-size: 12px;font-weight: 700;font-stretch: normal;font-style: normal;line-height: 1.2;letter-spacing: normal;color: #fff;} .posSaleReq .sub_resrv_badge {flex-grow: 0;font-family: NotoSansKR;font-size: 11px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 0.75;letter-spacing: normal;color: #ea4040;margin-left: 5px;display: none;} .posSaleReq .sub_resrv_badge.block {display: unset;} #reg_inq_str.popup_layer .popup_main .contents input[type=text] {display: block;width: 93%;height: 30px;font-size: 12px;color: #747474;text-align: center;border: 1px solid #eee;background-color: transparent;outline: none;padding: 0 10px;box-sizing: border-box;margin: 0 auto;} #reg_inq_str.popup_layer .popup_main .contents .btnBox a.red {background-color: #D95B5B; border-color: #D95B5B;color: #fff;} .search_sorting .selectBox {text-align: center;} .search_sorting .selectBox select {display: block;width: 93%;height: 30px;font-size: 12px;color: #747474;text-align: center;border: 1px solid #d0d0d0;background-color: #FFFFFF;outline: none;box-sizing: border-box;background-image: url(/resources/images/common/new/ico_chevronDown_b.svg);background-position: center right 10px;background-repeat: no-repeat;background-size: 12px;margin: 0 auto;} #reg_inq_str.popup_layer .popup_main .selectBox {text-align: center;} #reg_inq_str.popup_layer .popup_main .selectBox select {display: block;width: 93%;height: 30px;font-size: 12px;color: #747474;text-align: center;border: 1px solid #eee;background-color: transparent;outline: none;box-sizing: border-box;background-image: url(/resources/images/common/new/ico_chevronDown_b.svg);background-position: center right 10px;background-repeat: no-repeat;background-size: 12px;margin: 0 auto;} #reg_inq_str.popup_layer .popup_main textarea {resize: unset; height: 150px; width: 91%;padding: 5px; margin: 10px 0; border: 1px solid #eee;} #inq_str_detail.popup_layer .popup_main textarea {resize: unset; height: 160px; width: 91%;padding: 5px; margin: 10px 0; border: 1px solid #eee;} #reg_inq_str.popup_layer .popup_main .txt_ment {text-align: center;font-weight: 700;font-size: 18px;color: #ff7400;letter-spacing: -.25px;line-height: 18px;padding-top: 5px;padding-bottom: 25px;} #reg_inq_str.popup_layer .popup_main .txt {text-align: center;font-size: 12px;color: #999;letter-spacing: -.25px;padding: 10px 0 10px;} #reg_inq_str.popup_layer .popup_main .inputBox input {margin: 0 auto;display: block;width: 95%;height: 100%;font-size: 14px;color: #000;text-align: left;padding: 0 10px;box-sizing: border-box;border: 1px solid #eee;background-color: transparent;outline: none;} #reg_inq_str.popup_layer .popup_main .contents table td {width: 460px;} #reg_inq_str.popup_layer .popup_main .contents table td .img_list{padding: 10px 0px;display: flex;column-gap: 10px;flex-wrap: nowrap;justify-content: center;} #reg_inq_str.popup_layer .popup_main .contents table td figure{position: relative;display: inline-block;vertical-align: top;width: 130px;height: 130px;overflow: hidden;border: 1px solid #eee;} #reg_inq_str.popup_layer .popup_main .contents table td figure > img{ display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;} #reg_inq_str.popup_layer .popup_main .contents table td figure .delBtn{ position: absolute; top: 5px; right: 5px; z-index: 1} #reg_inq_str.popup_layer .popup_main .contents table td figure .delBtn img{ display: block; width:16px;} #reg_inq_str.popup_layer .popup_main .contents table td .uploadBox{ display: inline-block; vertical-align: top; width:calc(100% - 224px); padding-left: 10px; box-sizing: border-box; text-align: center; padding-top: 5px;} #reg_inq_str.popup_layer .popup_main .contents table td .uploadBox input[type=file]{ display: none;} #reg_inq_str.popup_layer .popup_main .contents table td .uploadBox input[type=file] + label{ display: inline-flex; justify-content: center; align-items: center; vertical-align: middle; width:100%; height:30px; font-size:12px; color: #747474; text-align: center; border: 1px solid #747474; border-radius: 20px; cursor: pointer} #reg_inq_str.popup_layer .popup_main .contents table td .uploadBox .text{ font-size: 11px; color: #747474; line-height: 1.4; margin-top: 20px;} main .container.dcs_menu .midArea .titleBox{ position: relative;padding-left: 44px;padding-top: 50px;background-color: #007BC2;} main .container.dcs_menu .midArea .color_w {color: #fff;font-size: 18px;font-weight: 500;} main .container.dcs_menu .midArea .titleBox .tabBox{margin-top: 20px;} main .container.dcs_menu .midArea .titleBox .tabBox a.on {font-weight: bold;border-color: #fff !important;} main .container.dcs_menu .midArea .titleBox .tabBox a {display: inline-block;vertical-align: middle;line-height: 35px;font-size: 14px;color: #fff;padding: 0 15px;border-bottom: 4px solid #007BC2;} main .container.dcs_menu .midArea .table_board{padding: 0;} main .container.dcs_menu .midArea .boardBox{ border: none;border-radius: unset;box-shadow: none;padding: 24px 60px;margin-top: 0;} main .container .midArea .operator_auth .op .op_subTable th{ width: auto; height: 30px; border: 1px dashed #b6b6b6;color: #747474;} main .container .midArea .operator_auth .op .op_subTable td{color: #000000; width: auto; font-size:12px; border: 1px dashed #b6b6b6; text-align: center;} main .container .midArea .operator_auth .op .op_subTable td input[type=checkbox]{display: inline-block;vertical-align: middle;width: 12px;height: 12px;appearance: checkbox;-webkit-appearance: checkbox;;} main .container .midArea .operator_auth .selectBox{ width: 300px;height: 35px;border: 1px solid #737373;box-sizing: border-box;border-radius: 20px;margin: 0 0 10px 60px;display: inline-block;} main .container .midArea .operator_auth .selectBox select{ display: block; width: 100%; height: 100%; padding: 0 20px; box-sizing: border-box; border: none; background-color: transparent; outline: none; font-size:14px; color: #000; background-image: url("/resources/images/common/new/ico_chevronDown_b.svg"); background-position: center right 10px; background-repeat: no-repeat; background-size: 16px;} main .container .midArea .operator_auth button.submit_chg{ display: inline-block;vertical-align: middle;line-height: 24px;font-size: 12px;color: #747474;border: 1px solid #ccc;border-radius: 4px;padding: 0 8px;margin-left: 8px;float: right;margin-right: 10px;margin-top: 4px;} #str_mng_layer.popup_layer .popup_main .contents .food_group_add_table{height: 500px;overflow: auto;} #str_mng_layer.popup_layer .popup_main .contents .food_group_add_table table{ border-collapse: separate; border-spacing: 0;border-top: none;} #str_mng_layer.popup_layer .popup_main .contents .food_group_add_table tbody:not(.strMngTbody){ position: sticky;top: -1px;z-index: 2;background: #fff;} #str_mng_layer.popup_layer .popup_main .contents .food_group_add_table table th{font-size: 13px;padding: 6px 0;} #str_mng_layer.popup_layer .popup_main .contents .food_group_add_table table tr{text-align: center;font-size: 15px} #str_mng_layer.popup_layer .popup_main .contents .food_group_add_table table td button.blue {color: #fff;background-color: #007BC2;border-color: #007BC2;} #str_mng_layer.popup_layer .popup_main .contents .food_group_add_table table td button.red {background-color: #D95B5B; border-color: #D95B5B;color: #fff;} #str_mng_layer.popup_layer .popup_main .contents .food_group_add_table table td button { display: inline-block;vertical-align: middle;line-height: 24px;font-size: 12px;color: #747474;border: 1px solid #ccc;border-radius: 4px;padding: 0 8px;margin-left: 8px;} #str_mng_layer.popup_layer .popup_main .contents .food_group_add_table table td input[type=text] {display: inline-block;width: 40%;} main .container .midArea .setting .reserve_table table td.td_cert .btn.red {background-color: #D95B5B; border-color: #D95B5B;} main .container .midArea .setting .reserve_table table td.td_cert .btn{margin-left: 10px;position: unset;transform: unset;} #set_mng_cert.popup_layer .popup_main .contents .food_group_add_table table td .radioBox input + label {width: 100px} #set_mng_cert.popup_layer .popup_main .contents .food_group_add_table table td input[type=text] {width: 350px;} #set_mng_cert.popup_layer .popup_main .contents .food_group_add_table table a.btn_disabled { pointer-events: none;cursor: default;background-color: #E2E2E2;} #set_mng_cert.popup_layer .popup_main .contents .food_group_add_table table a { display: inline-block;vertical-align: middle;line-height: 24px;font-size: 12px;color: #747474;border: 1px solid #ccc;border-radius: 4px;padding: 0 8px;margin-left: 8px;} #set_mng_cert.popup_layer .popup_main .contents .food_group_add_table table td {display: flex;width: 100%;align-items: center; } .popup_layer .popup_main .contents .food_group_add_table table td input[type=password]{ display: inline-block; width:40%; height: 30px; font-size: 12px; color: #747474; text-align: center; border: 1px solid #eee; background-color: transparent; outline: none; padding: 0 10px; box-sizing: border-box;} main .container .midArea .privacy_mng_div .btnBox{float: right;margin-top: unset;} .popup_layer .popup_main .contents .btnBox button.blue {color: #fff;background-color: #007BC2;border-color: #007BC2;} main .setting .btnBox button.blue {color: #fff;background-color: #007BC2;border-color: #007BC2;} main .setting .btnBox button {display: inline-block;vertical-align: middle;line-height: 24px;font-size: 12px;color: #747474;border: 1px solid #ccc;border-radius: 4px;padding: 0 8px;margin-left: 5px;} .popup_layer .popup_main .btnBox .btn01.red{ background-color: #D95B5B; border-color: #D95B5B;} #group_add_avVl.popup_layer .popup_main .contents table td input[data-type=price] {display: inline-block;width: 96%} #group_add_avVl.popup_layer .popup_main .contents table td span {font-size: 14px;} .popup_layer .popup_main .contents .div-del-dc {text-align: center;} .popup_layer .popup_main .contents .div-del-dc .btn-del-dc{font-size: 13px;font-weight: 600;color: #fff;text-align: center;line-height: 1.2;margin-top: 15px;background-color: #CF3535;padding: 6px;} .popup_layer .popup_main .contents .hidden.block{display: block;} .popup_layer .popup_main .contents .discount_select li .inputBox input:disabled {background-color: #e4e4e4} .popup_layer .popup_main .contents .food_group_add_table table td select.strNo:disabled {background: #e0e0e0;} .popup_layer .popup_main .contents .food_group_add_table table td input[type=text]:disabled{background: #e0e0e0;} .popup_layer .popup_main table #spanUsrCnt { display: inline-block;width: 40%;background: #e0e0e0;padding: 6px;vertical-align: middle;font-size: 12px;color: #747474;text-align: center;} .popup_layer .popup_main .contents .btnBox button:disabled{ color: #fff; background-color: #ccc; border-color: #ccc;cursor: unset;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {border: none;background: #e9e9e9;} .ui-datepicker select.ui-datepicker-year{text-align: right;} .ui-datepicker select.ui-datepicker-month{text-align: left;padding-left: 5px;} .popup_layer .popup_main .contents .food_group_add_table table td.td_col_3 input[type=text],.popup_layer .popup_main .contents .food_group_add_table table td select.strNo {width: 39.8%;display: inline-block;} .popup_layer .popup_main .contents .food_group_add_table table td .day_div{display: inline-block;width: 47.2%;position: relative;} .popup_layer .popup_main .contents .food_group_add_table table td .day_div input[type=text]{ width: 70%;display: inline-block;margin-left: 7px;} .popup_layer .popup_main .contents .food_group_add_table table td .day_div .day_span{display: inline-block;font-size: 13px;} .popup_layer .popup_main .contents .food_group_add_table table td .day_div input[type=text] + img {position: absolute;top: 50%;transform: translateY(-50%);right: 18%;width: 12px;} .popup_layer .popup_main .contents table td .radioBox{ display: inline-block; vertical-align: middle; margin-left: 2px; font-size: 0;} .popup_layer .popup_main .contents table td .radioBox input{ display: none;} .popup_layer .popup_main .contents table td .radioBox input + label{ display: inline-block; vertical-align:middle; width:60px; line-height: 35px; border: 1px solid #ddd; box-sizing: border-box; font-size:12px; color: #747474; text-align: center; margin-left: -1px;} .popup_layer .popup_main .contents table td .radioBox input:checked + label{ background-color: #747474; color: #fff;cursor:pointer;} .popup_layer .popup_main .contents .food_group_add_table td p.notice {font-size: 12px;color: #CF3535;display: inline-block;} .popup_layer .popup_main .contents .food_group_add_table{} .popup_layer .popup_main .contents .food_group_add_table table{ width:100%; border-collapse: collapse; border-top: 1px solid #ddd;} .popup_layer .popup_main .contents .food_group_add_table table th{ vertical-align: middle; font-size:12px; font-weight: 500; color: #747474; text-align: center; background-color: #f5f5f5; border-bottom: 1px solid #ddd; width:90px;} .popup_layer .popup_main .contents .food_group_add_table table td{ position: relative; vertical-align: middle; padding: 5px; width: 190px; border-bottom: 1px solid #ddd;} .popup_layer .popup_main .contents .food_group_add_table table td input[type=text] + img{ position:absolute; top: 50%; transform: translateY(-50%); right: 10px; width:12px;} .popup_layer .popup_main .contents .food_group_add_table table td input[type=text]{ display: block; width:100%; height: 30px; font-size: 12px; color: #747474; text-align: center; border: 1px solid #eee; background-color: transparent; outline: none; padding: 0 10px; box-sizing: border-box;} .popup_layer .popup_main .contents .food_group_add_table table td select{ display: block; width:100%; height: 30px; font-size: 12px; color: #747474; text-align: center; border: 1px solid #eee; background-color: transparent; outline: none; box-sizing: border-box; background-image: url("/resources/images/common/new/ico_chevronDown_b.svg"); background-position: center right 10px; background-repeat: no-repeat; background-size: 12px;} .popup_layer .popup_main .contents .food_group_add_table table td input[type=checkbox]{ display: inline-block; vertical-align: middle; width:12px; height: 12px; appearance: checkbox; -webkit-appearance: checkbox;} .popup_layer .popup_main .contents .food_group_add_table table td input[type=checkbox] + label{ display: inline-block; vertical-align: middle; font-size:12px; color: #747474; padding-right: 10px;} .popup_layer .popup_main .contents .food_group_add_table table td .addBox{} .popup_layer .popup_main .contents .food_group_add_table table td .addBox .menu_name{ display: inline-block; vertical-align: middle; width:268px} .popup_layer .popup_main .contents .food_group_add_table table td .addBox .menu_kcal{ display: inline-block; vertical-align: middle; width:140px} .popup_layer .popup_main .contents .food_group_add_table table td .addBox .btn{ display: inline-flex; justify-content: center; align-items: center; vertical-align: middle; width:50px; height:30px; font-size:12px; color: #fff; text-align: center; background-color: #007BC2; border-radius: 20px;} .popup_layer .popup_main .contents .food_group_add_table table td .menu_list{ position: relative; padding: 10px; border: 1px solid #eee; margin-top: 5px;min-height: 80px;max-height: 140px;overflow: auto;} .popup_layer .popup_main .contents .food_group_add_table table td .empty{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, 100%); font-size: 12px; color: #747474;} .popup_layer .popup_main .contents .food_group_add_table table td .single_menu_noti{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, 100%); font-size: 12px; color: #747474;} .popup_layer .popup_main .contents .food_group_add_table table td .menu_list .empty{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 12px; color: #747474;} .popup_layer .popup_main .contents .food_group_add_table table td .menu_list li{ position: relative; font-size: 12px; font-weight: 500; color: #007BC2; margin-bottom: 10px;} .popup_layer .popup_main .contents .food_group_add_table table td .menu_list li:last-child{ margin-bottom:0} .popup_layer .popup_main .contents .food_group_add_table table td .menu_list li span{ position: absolute; top: 50%; transform: translateY(-50%); right: 30px; font-weight: normal;} .popup_layer .popup_main .contents .food_group_add_table table td .menu_list li .delBtn{ position: absolute; top: 50%; transform: translateY(-50%); right: 0;} .popup_layer .popup_main .contents .food_group_add_table table td .menu_list li .delBtn img{ display: block; width:16px;} .popup_layer .popup_main .contents .food_group_add_table table td figure{ position: relative; display: inline-block; vertical-align: top; width:220px; height: 130px; overflow: hidden;} .popup_layer .popup_main .contents .food_group_add_table table td figure > img{ display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;} .popup_layer .popup_main .contents .food_group_add_table table td figure .delBtn{ position: absolute; top: 5px; right: 5px; z-index: 1} .popup_layer .popup_main .contents .food_group_add_table table td figure .delBtn img{ display: block; width:16px;} .popup_layer .popup_main .contents .food_group_add_table table td .uploadBox{ display: inline-block; vertical-align: top; width:calc(100% - 224px); padding-left: 10px; box-sizing: border-box; text-align: center; padding-top: 5px;} .popup_layer .popup_main .contents .food_group_add_table table td .uploadBox input[type=file]{ display: none;} .popup_layer .popup_main .contents .food_group_add_table table td .uploadBox input[type=file] + label{ display: inline-flex; justify-content: center; align-items: center; vertical-align: middle; width:100%; height:30px; font-size:12px; color: #747474; text-align: center; border: 1px solid #747474; border-radius: 20px; cursor: pointer} .popup_layer .popup_main .contents .food_group_add_table table td .uploadBox .text{ font-size: 11px; color: #747474; line-height: 1.4; margin-top: 20px;} #calendar_popup .popup_main .scrollBox .no_item_div{ text-align: center;transform: translateY(50%);} #calendar_popup .popup_main .scrollBox .no_item_div .no_item_span{ font-size: 20px;line-height: 3;color: #666;} main .container .midArea .manage_menu .menu_table .tableBox .tableBox_title .title_btnBox{ position: absolute; top: 50%; transform: translateY(-50%); right: 20px;} main .container .midArea .manage_menu .menu_table .tableBox .tableBox_title .title_btnBox a{ margin-left: 20px;} #calendar_popup .popup_main .tableBox .tableBox_contents li .menu_title{ position: relative; font-size:16px; font-weight: bold; color: #007BC2;} #calendar_popup .popup_main .tableBox .tableBox_contents li{ display: inline-block; vertical-align: top; width: calc(33.33% - 11px); margin-left: 16px; padding: 16px; border: 1px solid #eee; box-sizing: border-box;height: 258px;overflow: auto;} #calendar_popup .popup_main .tableBox .tableBox_contents li:first-child,#calendar_popup .popup_main .tableBox .tableBox_contents li:nth-child(4n){ margin-left:0;} #calendar_popup .popup_main .tableBox .tableBox_contents li:nth-child(n+4){ margin-top:10px;} .img_view_popup{ display: none; position: fixed; top: 0; left: 0; width:100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 100;} #calendar_popup .popup_main .toggleBox{ position: absolute; top: 70px; right: 40px; height: 30px; background-color: #999; border-radius: 20px;} #calendar_popup .popup_main .toggleBox:before{ content: ""; position:absolute; top: 0; left: 0; width:50%; height: 100%; border-radius: 20px; background-color: #007BC2; transition: 0.3s; z-index: 1} #calendar_popup .popup_main .toggleBox.right_on:before{ left: 50%;} #calendar_popup .popup_main .toggleBox a{ position: relative; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; width:55px; height: 32px; font-size:12px; text-align: center; color: #fff; z-index: 2} #calendar_popup .popup_main .date{ display: flex; justify-content: space-between; margin-top: 30px; text-align: center; padding-bottom: 10px;border-bottom: 1px solid #999;} main .container .midArea .manage_menu .menu_table .tableBox .tableBox_contents li .menu_title{ position: relative; font-size:16px; font-weight: bold; color: #007BC2;height: 32px;} main .container .midArea .manage_menu .menu_table .tableBox .tableBox_contents li .menu_info{ margin-top: 10px; font-size:0;position: relative;} main .container .midArea .manage_menu .menu_table .tableBox .tableBox_contents li .menu_info figure{ display: inline-block; vertical-align: top; width:205px; height: 130px; overflow:hidden;border: 1px solid #ccc;} main .container .midArea .manage_menu .menu_table .tableBox .tableBox_contents li .menu_info .textBox{ display: inline-block; vertical-align: top; width: calc(100% - 207px); padding-left: 15px; padding-top: 4px; box-sizing: border-box} main .container .midArea .manage_menu .menu_table .no_item_div, .container.dcs_menu .no_item_div{margin: 50px 0;text-align: center;display: none;color: #666;} main .container .midArea .manage_menu .menu_table .no_item_div div:nth-child(2), .container.dcs_menu .no_item_div div:nth-child(2){font-size: 20px;margin: 45px 0} main .container .midArea .manage_menu .menu_table .tableBox .menu_totCal {display: flex;justify-content: flex-end;align-items: center;align-self: stretch;} main .container .midArea .manage_menu .menu_table .tableBox .menu_totCal span {color: #007BC2;text-align: right;font-family: Inter;font-size: 14px;font-style: normal;font-weight: 400;line-height: 18px; /* 128.571% */} main .container .midArea .manage_menu .menu_table .tableBox .menu_title div {float: right;} main .container .midArea .manage_menu .menu_table .tableBox .menu_title div a:nth-child(1) img {margin-right: 12px;} #datepicker .ui-datepicker .ui-datepicker-prev{ left: 100px; top: 11px; background-image: url("/resources/images/common/arrow-left-square.svg"); background-position: center; background-repeat: no-repeat; background-size: 16px;cursor: pointer;} #datepicker .ui-datepicker .ui-datepicker-next{ right: 100px; top: 11px; background-image: url("/resources/images/common/arrow-right-square.svg"); background-position: center; background-repeat: no-repeat; background-size: 16px;cursor: pointer;} #datepicker .ui-widget-content .ui-state-default{ position: relative; width:32px; height: 32px;line-height: 22px; color: #000; font-weight: 300 !important; margin: 0 auto; z-index: 1} #datepicker .ui-datepicker-calendar td a[data-custom]::after{content: attr(data-custom)} main .container .midArea .manage_menu .calendar{ position: relative; display: inline-block; vertical-align: top; width:380px; /*height: 335px*/; padding: 10px 0 24px; background-color: #fff; box-sizing: border-box; border: 1px solid #eee; border-radius: 20px; box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.05), 0px 2px 1px 0px rgba(0, 0, 0, 0.05); margin-right: 20px; font-size: initial;} #calendar_popup .popup_main .legend{ position: absolute; left: -38px; top: -110px;width: 370px;display: flex;flex-direction: row;align-items: flex-end;height: 90px;padding: 5px 20px;flex-wrap: wrap;overflow: auto;} #calendar_popup .popup_main .legend p{ position: relative; display:inline-block; vertical-align: middle; font-size:12px; color: #000; text-align: left; margin-bottom: 5px; padding-left: 20px; margin-right: 20px;} #calendar_popup .popup_main .legend p:before{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 15px; height: 6px; border-radius: 3px;} #calendar_popup .popup_main .legend p:nth-child(10n - 9):before{ background-color: #0149ff} #calendar_popup .popup_main .legend p:nth-child(10n - 8):before{ background-color: #228B22} #calendar_popup .popup_main .legend p:nth-child(10n - 7):before{ background-color: #FF9E9B} #calendar_popup .popup_main .legend p:nth-child(10n - 6):before{ background-color: #FFDC3C} #calendar_popup .popup_main .legend p:nth-child(10n - 5):before{ background-color: #FF8200} #calendar_popup .popup_main .legend p:nth-child(10n - 4):before{ background-color: #8B4513} #calendar_popup .popup_main .legend p:nth-child(10n - 3):before{ background-color: #FF0000} #calendar_popup .popup_main .legend p:nth-child(10n - 2):before{ background-color: #DA70D6} #calendar_popup .popup_main .legend p:nth-child(10n - 1):before{ background-color: #828282} #calendar_popup .popup_main .legend p:nth-child(10n):before{ background-color: #000000} #calendar_popup .popup_main .sun{ color:red !important} #calendar_popup .popup_main .sat{ color:blue !important} #calendar_popup .popup_main ul.day_title, #calendar_popup .popup_main ul.day_main{ width:100%; box-sizing:border-box; overflow:hidden; margin-top:30px;} #calendar_popup .popup_main ul.day_title:after, #calendar_popup .popup_main ul.day_main:after{ content:""; display:block; clear:both;} #calendar_popup .popup_main ul.day_title li, #calendar_popup .popup_main ul.day_main li{ float:left; width:14.28%; margin-left:-1px; margin-top:-1px; padding:5px; box-sizing:border-box;} #calendar_popup .popup_main ul.day_title{ border-bottom:1px solid #a1a1a1; background-color: #fff;} #calendar_popup .popup_main ul.day_title li{ font-size:14px; color:#000; text-align:center; background-color: #fff;} #calendar_popup .popup_main ul.day_main{ height:630px; overflow: auto; padding:5px; margin-top:0} #calendar_popup .popup_main ul.day_main li{ height:150px;border: 1px dashed #eee;} #calendar_popup .popup_main ul.day_main li .day_number{ height: 16px; font-size:14px; color:#747474; text-align:right; padding:5px 0;} #calendar_popup .popup_main ul.day_main li .textBox{} #calendar_popup .popup_main ul.day_main li .textBox > div{ position: relative; width:100%; font-size:11px; color:#fff; padding:2px 5px; box-sizing:border-box; border-radius:4px; margin-bottom:2px; text-align:right;} #calendar_popup .popup_main ul.day_main li .textBox > div:hover .food_detail{ display: block !important} #calendar_popup .popup_main ul.day_main li .textBox > div.f_color01{ background-color:#007BC2 !important} /* 조식 */ #calendar_popup .popup_main ul.day_main li .textBox > div.f_color02{ background-color:#E98600 !important} /* 중식 */ #calendar_popup .popup_main ul.day_main li .textBox > div.f_color03{ background-color:#CF3535 !important} /* 석식 */ #calendar_popup .popup_main ul.day_main li .textBox > div .food_detail{ display: none; position: absolute; top: 0; left: 125px; width: 300px; box-sizing: border-box; text-align: left; box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.05), 0px 2px 1px 0px rgba(0, 0, 0, 0.05); z-index: 10;} #calendar_popup .popup_main ul.day_main li:nth-child(7n - 1) .textBox > div .food_detail,#calendar_popup .popup_main ul.day_main li:nth-child(7n) .textBox > div .food_detail, #calendar_popup .popup_main ul.day_main li:nth-child(7n - 2) .textBox > div .food_detail{ left: -302px;} #calendar_popup .popup_main ul.day_main li:nth-child(n + 20) .textBox > div .food_detail{ top: -166px;} #calendar_popup .popup_main ul.day_main li .textBox > div .food_detail .food_detail_title{ position: relative; font-size: 12px; font-weight: bold; color: #fff; background-color: #007BC2; padding: 10px; border-radius: 8px 8px 0 0;} #calendar_popup .popup_main ul.day_main li .textBox > div .food_detail .food_detail_title span{ font-size:11px; font-weight: normal; margin-left: 5px;} #calendar_popup .popup_main ul.day_main li .textBox > div .food_detail .food_detail_contents{ padding: 10px; border: 1px solid #ddd; border-top: none; border-radius: 0 0 8px 8px; background-color: #fff;} #calendar_popup .popup_main ul.day_main li .textBox > div .food_detail .food_detail_contents .menu_title{ position: relative; font-size:12px; font-weight: bold; color: #007BC2;} #calendar_popup .popup_main ul.day_main li .textBox > div .food_detail .food_detail_contents .menu_title span{ position: absolute; bottom: 0; right: 0; font-size:12px; font-weight: normal;} #calendar_popup .popup_main ul.day_main li .textBox > div .food_detail .food_detail_contents .menu_info{ margin-top: 10px; font-size:0;} #calendar_popup .popup_main ul.day_main li .textBox > div .food_detail .food_detail_contents .menu_info figure{ display: inline-block; vertical-align: top; width:120px; height: 100px; overflow:hidden;} #calendar_popup .popup_main ul.day_main li .textBox > div .food_detail .food_detail_contents .menu_info figure img{ width:100%; height:100%; display:block; object-fit:cover; object-position:center; cursor: zoom-in;} #calendar_popup .popup_main ul.day_main li .textBox > div .food_detail .food_detail_contents .menu_info .textBox{ display: inline-block; vertical-align: top; width: calc(100% - 120px); padding-left: 15px; padding-top: 4px; box-sizing: border-box} #calendar_popup .popup_main ul.day_main li .textBox > div .food_detail .food_detail_contents .menu_info .textBox p{ position: relative; font-size:11px; color: #666; margin-bottom: 5px;} #calendar_popup .popup_main ul.day_main li .textBox > div .food_detail .food_detail_contents .menu_info .textBox p span{ position: absolute; top: 0; right: 0; font-size:11px; color: #666;} .evl_textarea {width: 95%; height: 70px; resize:none; border-radius: 2px; border: none; padding: 9px;} .select_box_qSerial select {border: 1px solid #ccc; width: 230px;height: 32px;color: #818181;padding: 0 6px;} .strSelect.selectBox{ width: 180px;height: 35px;border: 1px solid #000;box-sizing: border-box;border-radius: 20px;margin-left: 20px;} .strSelect.selectBox select {display: block;width: 100%;height: 100%;padding: 0 20px;box-sizing: border-box;border: none;background-color: transparent;outline: none;font-size: 14px;color: black;font-weight: bold;background-position: center right 20px;background-repeat: no-repeat;background-size: 16px;border: 1px solid black;border-radius: 45px;} /*본점 점포 문의사항*/ .popup_suggest .contents .subTitle.suggest_table table {border-collapse: collapse; width: 310px;} .popup_suggest .contents .suggest_table_td {text-align: left;font-size: 12px;border-bottom: 1px dashed #aaa;padding: 5px;} .popup_suggest .figure {width: 90px; height: 90px;} .popup_suggest .tbl_evl .txtarea_answer_cont{width: 95%;height: 100px;resize: none;padding: 9px;border: 1px solid #ccc;} /*단말기 추가 및 변경 현황 테이블*/ .tableBox td .i_pin {cursor:pointer;} .tableBox td .i_Box{position: absolute;min-width: 150px;min-height: 14px;padding: 8px;font-size: 11px;color: #696969;font-weight: normal;line-height: 130%;text-align: center;background: #fff;border: 1px solid #ccc;} .tableBox td .i_Box .i_pin{position:absolute;bottom:-6px;left:90px} .tableBox td .i_icon{position: relative;top: 2px;} /** 임시 임승민 /* *!*/ /*img.crpDelete {width: 7px;height: 7px;margin-left: 7px;filter: invert(1);border: 1px solid;border-color: aliceblue;border-radius: 102px;padding: 2px;vertical-align: bottom;}*/ img.menuDelete {width: 4px;height: 4px;margin-left: 7px;filter: invert(1);border: 1px solid;border-color: aliceblue;border-radius: 102px;padding: 2px;vertical-align: bottom;} #resrvMng .txt_tip {color: red;font-size: 12px;margin: 12px;} #resrvMng .btn_resrv {line-height: 22px;font-size: 12px;color: #747474;padding: 0 8px;border: 1px solid #ccc;border-radius: 4px;z-index: 2;margin-right: 5px;} #resrvMng .btn_resrv_time {line-height: 22px;font-size: 12px;color: #747474;padding: 0 8px;border: 1px solid #ccc;border-radius: 4px;z-index: 2;margin-right: 5px;} #resrvMng .time_select select {padding-left: 10px;width: 60px;font-size: 12px;color: #747474;background-image: url("/resources/images/common/new/ico_chevronDown_b.svg");background-position: center right 5px;background-repeat: no-repeat;background-size: 12px;} #resrvMng .tr_first th, .tr_first td {border-top: 0px !important;} #resrvMng .time {display: inline-flex;margin-right: 5px;line-height: 17px;} #resrvMng .time .time_select {margin-right: 5px;} #resrvMng .time .time_select select {margin-right: 5px;margin-left: 5px;} #table_type > tr:nth-child(4) > td > ul > li.li_grp {display: block;margin-top: 10px;margin-bottom: 10px;} #table_type > tr:nth-child(4) > td > ul > li.li_grp span.grpNm {font-size: 16px;font-weight: bold;} main .container .midArea .manage_reserve .reserve_table table td .selected_items { display: inline-block; vertical-align: middle; } main .container .midArea .manage_reserve .reserve_table table td .selected_items li { text-decoration: none; position: relative; display: inline-block; vertical-align: middle; font-size: 12px; line-height: 24px; color: #747474; padding: 0 30px 0 10px; border-radius: 20px; border: 1px solid #ddd; margin-right: 10px; } main .container .midArea .manage_reserve .reserve_table table td .selected_items li .menu_del{ position: absolute; top: 50%; transform: translateY(-50%); right: 5px; display: block; line-height: 1 } .btn-disabled { color: #fff !important; background-color: #ccc !important; border-color: #ccc !important; } main .container .midArea .dashboard .contents .contents_row .itemBox.item_chart{position: relative ;} main .container .midArea .dashboard .contents .contents_row .itemBox .sorting{ position: absolute; top:15px; right: 20px;text-align: right; margin-bottom: 10px; font-size:0;} main .container .midArea .dashboard .contents .contents_row .itemBox .sorting.left{position: absolute;top: 134px;right: 55%;text-align: right;margin-bottom: 10px;font-size: 0;} main .container .midArea .dashboard .contents .contents_row .itemBox .sorting input + label{ display: inline-block; vertical-align: middle; line-height: 24px; font-size:12px; color: #747474; border: 1px solid #ccc; border-radius: 4px; padding: 0 8px; margin-right: 2px;cursor:pointer;cursor:hand; margin-top: 5px;} main .container .midArea .dashboard .contents .contents_row .itemBox .sorting input:checked + label{ color: #fff; background-color: #007BC2; border-color: #007BC2;} main .container .midArea .dashboard .contents .contents_row .itemBox .sorting button{ color: #fff; background-color: #007BC2; border-color: #007BC2;} main .container .midArea .dashboard .contents .contents_row .itemBox .event_list > li { font-size: 14px; color: #666 } main .container .midArea .dashboard .contents .contents_row .itemBox .event_list > li + li { margin-top:20px; } main .container .midArea .dashboard .contents .contents_row .itemBox .event_list > li .event_title { font-weight: bold;} /* 2. 메뉴 평가 10 */ main .container .midArea .dashboard .contents .contents_row .itemBox .eval_wrapper, main .container .midArea .dashboard .contents .contents_row .itemBox .event_wrapper { margin-top: 16px; } main .container .midArea .dashboard .contents .contents_row .itemBox .eval_list { display: flex; flex-wrap: wrap; } main .container .midArea .dashboard .contents .contents_row .itemBox .eval_list > li { display: flex; justify-content: space-around; align-items: flex-end; width: 50%; margin-top: 8px} main .container .midArea .dashboard .contents .contents_row .itemBox .eval_list .fst_col { width: 258px; } main .container .midArea .dashboard .contents .contents_row .itemBox .eval_list .scd_col { display: flex; } main .container .midArea .dashboard .contents .contents_row .itemBox .eval_list .meta_info { font-size: 12px; color: #747474; } main .container .midArea .dashboard .contents .contents_row .itemBox .eval_list .menu_name { font-size: 14px; color: #000 ; margin-top: 5px} main .container .midArea .dashboard .contents .contents_row .itemBox .eval_list .menu_name > span { font-size: 12px; } main .container .midArea .dashboard .contents .contents_row .itemBox .eval_list .img_wrapper { width: 25px; } /* 1. 복합 단말기 발주 요청 현황 */ main .container .midArea .dashboard .contents .contents_row .itemBox .circle_wrapper { display: flex; justify-content: center; align-items: center; margin-top: 20px; } main .container .midArea .dashboard .contents .contents_row .itemBox .circle_list { display: inline-flex; gap: 52px; } main .container .midArea .dashboard .contents .contents_row .itemBox .circle_list .circle_title { font-size: 12px; font-weight: 600; color: #000; text-align: center; } main .container .midArea .dashboard .contents .contents_row .itemBox .circle_list .circle { display: inline-flex; justify-content: center; align-items: flex-end; width: 60px; height: 60px; padding-bottom: 16px; margin-top: 13px; box-sizing: border-box; border-radius: 50%; background-color: #d9d9d9; color: #fff; font-family: 'CJ_ONLYONE_Bold'; } main .container .midArea .dashboard .contents .contents_row .itemBox .circle_list .circle.red { background-color: #ea4040; } main .container .midArea .dashboard .contents .contents_row .itemBox .circle_list .circle.blue { background-color: #007bc2; } main .container .midArea .dashboard .contents .contents_row .itemBox .circle_list .cnt { font-size: 24px; } main .container .midArea .dashboard .contents .contents_row .itemBox .circle_list .units { font-size: 15px; margin-left: 1px; } main > div.container > div.midArea > div > ul:nth-child(2) > li > div:nth-child(2) > span{width: 229px;height: 23px;flex-grow: 0;font-family: NanumGothic;font-size: 20px;letter-spacing: -1px;text-align: center;color: #ccc;} /*#prmt_list_tbl div.event_wrapper ul li:hover{color:red;}*/