@charset "utf-8";

/* CSS Document */
caption { display:none }
.menu-calendar li, .menu-calendar ul, .monthpayment ul, .monthpayment li { list-style:none; padding:0; margin:0; }
.menu-calendar td { position:relative; width:14.28571428571429%; /*min-height:110px;*/ padding:0 !important; border:1px solid #dddddd; padding-bottom:100px !important; background:#fff; vertical-align:top;  }
/*.menu-calendar td .oder_counter_nav { display:none }*/
.response_item { vertical-align: middle !important }

.menu-calendar ul.menu_list { margin:10px 3px; min-height: 220px; position: relative }
.menu_photo { display:none }
.menu_photo img { max-width:100%; display:none }

.day_count { color:#242424; background:#fff;; padding:5px; font-weight:bold }
.menu-calendar td.day_sunday { background:#C5C5C5 !important }
.menu-calendar td.day_sunday .day_count { background:#F43437 }
.menu-calendar td.day_sunday .day_count:after { content: ""; width:80%; height:2px; background: #F50F13; position: absolute; bottom:0; left:50%; margin-left:-40%;}
.menu-calendar td.day_saturday .day_count { background:#fff }
.menu-calendar td.day_saturday .day_count:after { content: ""; width:80%; height:2px; background: #1D7DE1; position: absolute; top:25px; left:50%; margin-left:-40%;}

#order_calendar { width:100%; border:1px solid #ddd; border-collapse: collapse }
#order_calendar td { position: relative; overflow: hidden }
.section-salad-menu { position: absolute; bottom:0; }
.salad_inner { position: relative; min-height: 24px; font-size: 13px; color: #39921A }
.salad_inner:before { content: "S"; float:left; margin-right:5px; width: 20px; height:20px; background: #eaeaea; color: #2F7404; font-size: 11px; font-weight: bold;}

/*.salade_price, tr.salad_tr { display: block; position: absolute; left:-9999999px; height:1px; width:1px; overflow: hidden}*/

td.menu_selected div.cell_over { width:100%; height:100%; position: absolute; top:0; left:0; background:url(../img/calendar_menu_selected.png) center -100px no-repeat; background-size: cover }
td.menu_selected div.cell_over .oder_counter_nav { display:block }

td.menu_soldout div.cell_over { width:100%; height:100%; position: absolute; top:0; left:0; background:url(../img/calendar_menu_soldout.png?2) center center no-repeat; z-index:2 }
td.menu_soldout div.cell_over .oder_counter_nav { display:none }

td.day_holydays div.cell_over { width:100%; height:100%; position: absolute; top:0; left:0; background:rgba(0,0,0,0.7); text-align:center; z-index:2 }
td.day_holydays div.cell_over .oder_counter_nav { display:none }
td.day_holydays div.cell_over strong { color:#FDBD00; display:block; padding-top:50px; }

.oder_counter_nav { position:absolute; bottom:0; background:#fff; width:100%; z-index:1 }
.oder_counter_nav td { padding:3px !important }
.oder_counter_nav table { width: 100% }
.oder_counter_nav table td, .oder_counter_nav table th { width:100%; border:none; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd }
.oder_counter_nav table tr td:first-child { font-size:11px; width:40px !important; }
.oder_counter_nav table tr td:last-child { width:auto !important; border-right:0 }
.cost_tr td { background:#ffeaea !important }
.menu_tr td { background:#e4fec5 !important }
.salad_tr td { background:#eefddf !important }
select.mobile_menu_count { visibility:hidden; height:1px; position: absolute }
.cost_field { font-size:14px; font-weight: bold}

.count_btns { margin:0 auto; }
strong.order_count { display: inline-block; padding:5px }
.oder_counter_nav img { width: 20px }
.bigdivice_count .plus_btn_icon:hover { border:2px dotted red; background:#630 }
.bigdivice_count .minus_btn_icon:hover { border:2px dotted blue; background:#39F }

.notmonth { background:#eaeaea !important }
.notmonth .menu_list, .notmonth .oder_counter_nav { display:none; }
.menu_list { min-height:130px; }

.month_nav_wrap { position:relative }
.month_nav { margin:10px auto }
.selected_month { padding:10px 20px; font-size:1.2em; }
.selected_month strong { color:#F97108; font-size:1.8em }
.backword_month, .forword_month { font-size:1.4em; font-weight:bold; vertical-align:middle; line-height:40px}
.backword_month span, .forword_month span { display:inline-block;  line-height:40px }
.arrow_left { background:#fafafa url(../img/arrow_left.png) left center no-repeat;  width:100px; height:40px; margin:0 10px; color:#242424; border:1px solid #ccc; font-weight: 400 }
.arrow_right {background:#fafafa url(../img/arrow_right.png) right center no-repeat; width:100px; height:40px;  margin:0 10px; color:#242424; border:1px solid #ccc; font-weight: 400 }
.arrow_left, .arrow_right { -webkit-border-radius: 100px; border-radius: 5px; text-align:center }
.all_select { position:absolute; top:10px; right:0 }
.all_select a { margin-right:5px; }

.goodspayment { /*padding:20px; background:#eaeaea; overflow:hidden*/ float:left; width:100% }
.goodspayment .container_left { width: 52%; float:left; padding:0 20px 20px; border:1px solid #b5cfae; background: #f7fff4; position:relative }
.goodspayment .container_left:after { content:""; position:absolute; right:-70px; top:90px; color:#eaeaea; background:url(../img/order_arrow.png) left top no-repeat; width:41px; height:100px; background-size:cover }
.goodspayment .container_left h1.order_title { padding-top:20px; padding-bottom:10px; font-size: 3rem }
.pay_title { font-size: 3rem; padding-bottom:10px;}
.pay_title p { font-size: 13px; padding:5px 0}
.goodspayment .container_left h1.order_title:before { content:""; background:url(../img/icon_spoon.png) left top no-repeat; float:left; margin-right:10px; width:23px; height:40px; background-size:cover }
.goodspayment .container_left h1.order_title:after { content:""; clear:both }
.goodspayment .container_left ul.comment li { padding-left:10px; background:url(../img/bullet01.png) left 8px no-repeat}
.goodspayment .container_right { float:right; width: 40%; padding:30px 20px 20px;}
.goodspayment .container_right h1.pay_title:before { content:""; background:url(../img/icon_cacul.png) left top no-repeat; float:left; margin-right:10px; width:30px; height:40px; background-size:cover }
.order_list_wrap { background:#fff; padding:10px; margin-top:10px; border:1px solid #BCBCBC; min-height:240px; }
.order_list_wrap ul { margin:0; padding:0 }
.order_list_wrap li { list-style-type:none; position:relative; padding: 3px 0 ; border-bottom:1px dotted #eaeaea; }
.order_list_wrap li:last-child { border-bottom:none}
.order_list_wrap li button.order_minus { width: 20px; height: 20px; text-indent: -9999px; vertical-align: top; border: 1px solid #d4d4d4; background: #fff url(../img/icon_minus.png) center center no-repeat; }
.order_list_wrap li button.order_plus { width: 20px; height: 20px; text-indent: -9999px; vertical-align: top; border: 1px solid #d4d4d4; background: #fff url(../img/icon_plus.png) center center no-repeat; }
.order_list_wrap li button.order_del { position:absolute; right:0; top:3px; }
.order_list h1 { font-size:1em; display:inline-block; margin:0 ; margin-right:10px; margin-bottom:5px; font-weight:bold;}
.order_pay_count { padding:3px 0 0 }
.order_pay_count input.count { width:30px; height:20px; text-align:center; border: 1px solid #d4d4d4; border-left-width:0; border-right-width:0; font-weight:bold }
li.order_list:nth-child(even) { background: #fafafa}

.price_calculator { border-top:2px solid #ccc }
.price_calculator td { text-align:right; border-bottom:1px solid #ccc; padding: 5px 0 }
.price_calculator th { text-align: left; border-bottom:1px solid #ccc; padding: 5px 0 5px 15px; background:url(../img/bullet01.png) left center no-repeat; border-right:none !important }
.price_calculator td strong { font-size:1.3em;}
.price_calculator td.total_price strong { font-size:1.6em; color:#EF1D21 }
.order_payment_finish { margin-top:20px; width:100%; font-size:2em; }

.order_info { border-right:1px dashed #eee }

/*process*/
.order_process_wrap { background:#fafafa; border:1px solid #eaeaea; padding:20px 20px 10px 20px; overflow:hidden; border-bottom:3px solid #5c8914; }
.order_icon_container { float:left; margin-right:0px; }
.order_icon_container ul, .order_icon_container li { list-style-type:none; margin:0; padding:0 }
.process_step li { float:left; margin-right:20px; }
.process_step li span, .process_step strong { display:block; margin:0 0 10px; text-align:center; position:relative; border-radius:5px; }
.process_step li span.order_icon01 { background:#fafafa url(../img/order_process_01_off.png) center center no-repeat; width:230px; height:120px; border:1px solid #eaeaea; z-index:1 }
.process_step li span.order_icon01.on { background:#fff url(../img/order_process_01.png) center center no-repeat; border:1px solid #ddd; box-shadow:2px 2px 3px rgba(0,0,0,0.1) }
.process_step li span.order_icon02 { background:#ddd url(../img/order_process_02_off.png) center center no-repeat; width:150px; height:120px; border:1px solid #eaeaea }
.process_step li span.order_icon02.on { background:#fff url(../img/order_process_02.png) center center no-repeat; border:1px solid #090; box-shadow:2px 2px 3px rgba(0,0,0,0.1) }
.process_step li span.order_icon01:after { content:">"; background:#fff; color:#333; border:1px solid #ddd; font-weight:bold; line-height:30px; font-size:30px; text-align:center; position:absolute; top:45px; right:-30px; width:40px; height:40px; border-radius:100px; }

.process_step li span.order_icon01:before {content:"step1";position:absolute;top:-10px; left:0; padding:2px 10px; background:#ccc; color:#fff; text-align:center; font-weight:bold; font-size:8px;border-radius:5px;  }
.process_step li span.order_icon01.on:before { background:#5c8914;}
.process_step li span.order_icon02:before {content:"step2";position:absolute;top:-10px; left:0; padding:2px 10px; background:#ccc; color:#fff; text-align:center; font-weight:bold; font-size:8px;border-radius:5px;  }
.process_step li span.order_icon02.on:before {background:#5c8914; }
.order_comment_container { float:left; }

.ordered { width: 100%; padding:20px 30px; background:#FF6700; transition: all .4s; color: #fff; text-align: center; font-size: 1.4em; font-weight: 500; border:1px solid #CB4602; margin:5px 0 }
.ordered:hover { background: #7E3F14; }

/* */
.table-responsive .menu-calendar { border:1px solid #ddd; border-collapse: collapse; }
.table-responsive .menu-calendar thead tr th { border: 1px solid #ddd; }
.table-striped .menu-calendar tbody tr td { border: 1px solid #ddd; }

/* 계산내역플로팅 */
#cacul_wrap.cacul_floating { position: fixed; right:5px; bottom:100px; border:1px solid #ddd; width:300px; z-index: 20; background: #fff; box-shadow: 3px 3px 10px rgba(0,0,0,0.2); padding-top:40px; }

@media (max-width: 1024px) {
	.monthpayment .container_left { width: 500px; }

	.all_select { position:static; margin-bottom:10px; text-align:center }
	.menu-calendar td { min-height:80px; padding-bottom:130px !important }
	.oder_counter_nav td { padding:3px !important }
	.response_item { display:none }
	/*.menu_list li { font-size:0em !important; display:none }
	.menu_list li.menu_photo { display:block !important }*/
	.menu_list { min-height:30px }
	.oder_counter_nav img { width: 15px; }
	/*strong.order_count { display: block; padding:2px }*/
	td.menu_selected div.cell_over { background-size:cover; background-position:center -20px }
	td.menu_soldout div.cell_over { background-position:center center; background-size:auto 100% }
	/*.bigdivice_count { display:none }
	select.mobile_menu_count { visibility:visible; height:inherit; position:relative }*/
	.arrow_left {  width:60px; height:40px; margin:0 10px; color:#242424; background-size:14px }
	.arrow_right { width:60px; height:40px;  margin:0 10px; color:#242424; background-size:14px  }

	.container_left > h1 { font-size:1.6em; }
	.container_right > h1 { font-size:1.6em; }
	.monthpayment .container_left { float:none; width:100%; padding:0px; }
	.monthpayment .container_right { float:none; width:100%; margin-left:0px; }
	.order_list_wrap li button.order_minus { width: 30px; height: 30px; }
	.order_list_wrap li button.order_plus { width: 30px; height: 30px; }
	.order_pay_count input.count { width:30px; height:30px; line-height:30px; text-align:center; border: 1px solid #d4d4d4; border-left-width:0; border-right-width:0; font-weight:bold }
	.forword_month { text-align: right }
	.selected_month { text-align: center }
}

@media (max-width: 768px) {
	.all_select { position:static; margin-bottom:10px; text-align:center }
	.menu-calendar td { min-height:auto; /*padding-bottom:140px !important*/ }
	.table.table-striped.table-bordered.menu-calendar { margin-bottom: 0 !important; }
	.response_item { display:none }
	/*.menu_list li { font-size:0em !important; display:none }
	.menu_list li.menu_photo { display:block !important }*/
	.menu_list { min-height:30px }
	/*.oder_counter_nav { position:relative; bottom:0; background:#fff; width:100%; z-index:1 }*/
	.oder_counter_nav table { margin-bottom: 0px!important; }
	.oder_counter_nav td { padding:3px !important }
	.oder_counter_nav img { width: 15px; }
	/*strong.order_count { display: block; padding:2px }*/
	td.menu_selected div.cell_over { background-size:cover; background-position:center -20px }
	td.menu_soldout div.cell_over { background-position:center center; background-size:auto 100% }
	/*.bigdivice_count { display:none }
	select.mobile_menu_count { visibility:visible; height:inherit; position:relative }*/
	.arrow_left {  width:60px; height:40px; margin:0 10px; color:#242424; background-size:14px }
	.arrow_right { width:60px; height:40px;  margin:0 10px; color:#242424; background-size:14px  }

	.container_left > h1 { font-size:1.6em; }
	.container_right > h1 { font-size:1.6em; }
	.goodspayment .container_left { float:none; width:100%; padding:0px; margin-top:10px; }
	.goodspayment .container_right { float:none; width:100%; margin-left:0px; }
	.order_list_wrap li button.order_minus { width: 30px; height: 30px; }
	.order_list_wrap li button.order_plus { width: 30px; height: 30px; }
	.order_pay_count input.count { width:30px; height:30px; line-height:30px; text-align:center; border: 1px solid #d4d4d4; border-left-width:0; border-right-width:0; font-weight:bold }
	.display_month { padding-bottom:0 !important }
	
	.menu_tr .bigdivice_count strong:before { content:"찬"; color:#fff; background:#F97108; padding:2px; float:left; margin-right:3px; border-radius:50px; font-size:8px; width:16px; height:16px; line-height:16px; }
	.salad_tr .bigdivice_count strong:before { content:"추"; color:#fff; background:#2ea6a2; padding:2px; float:left; margin-right:3px; border-radius:50px; font-size:8px; width:16px; height:16px; line-height:16px; }
	/*.cost_tr .cost_field:after { content:"원"; color:#fff; background:#5874b5; padding:2px; float:right; margin-right:1px; border-radius:50px; font-size:8px; width:16px; height:16px; line-height:16px; }*/
	
	.section-salad-menu { position: relative; bottom:auto; padding-top:10px; }
	.salad_inner { position: relative; min-height: 24px; font-size: 0.75em !important;}
	
	#cacul_wrap.cacul_floating { position: inherit; right:auto; bottom:auto; border:none; width:40%; z-index: 20; background: #fff; box-shadow: none; padding-top:40px; }
	
}

@media (max-width: 639px) {
	.menu_list li { font-size:0.75em !important; }
	/*.menu_list li.menu_photo { display:block !important }*/
	strong.order_count { display: block; padding:2px }
	.order_list h1 { display:block; padding:5px 0 }
	/*.menu-calendar td { padding-bottom:140px !important }*/
	
	/*process*/
	.order_process_wrap { padding:15px 10px; display: none }
	.process_step li:last-child { margin-right:0 }
	.process_step li span.order_icon01 { background-size:80%; width:150px; height:78px; }
	.process_step li span.order_icon01.on { background-size:80%; }
	.process_step li span.order_icon02 { background-size:40%;; width:98px; height:78px; }
	.process_step li span.order_icon02.on { background-size:40%; }
	.process_step li span.order_icon01:after { top:20px; }
	
	.order_info ul, .order_info li { padding:0; margin:0; font-size:9px; }
	.order_info li:nth-child(1), .order_info li:nth-child(2), .order_info li:nth-child(3), .order_info li:nth-child(4) { display:none }
	.goodspayment .container_left:after { content:""; display:none; }
	.goodspayment .container_left h1.order_title:before { content:""; margin-left:10px; width:15px; height:26px; }
	.goodspayment .container_right h1.pay_title:before { content:""; margin-right:10px; width:20px; height:26px; }
	
	
}
@media (max-width: 480px) {
	.salad_inner:before { content: "S"; width:100%; font-size: 0.75em !important; font-weight: normal; line-height: 20px}
	.order_list_wrap li button.order_del { bottom:5px; top:auto; }
}