@media screen and (max-width: 640px) {
*{margin:0;padding:0}
body,
#wrap,
#subContainer,
.tabContents,
.yh_tabLists,
#subContainer .tabContents #wrap > #container,
#container{width:100%;min-width:100%;background:none}
body{background:url(../images/bg_pat_m.png) 0 0 repeat}
.yh_tabLists{height:auto;margin: 20px auto 0}
.yh_tabLists ul {overflow:hidden;padding-bottom:10px}
.yh_tabLists ul > li{float:none;display:inline-block;width:48%;border: 1px solid #d6d6d6;}
.tabContents{margin:0 auto}
div#container{padding:0 !important}
.area{position:relative;display:block;float:none;width:auto;height:auto;margin:10px;padding:10px;background:#fff;box-shadow:2px 2px 2px 0 rgba(153, 153, 153, 0.5)}
section.food_choice{width:100%;height:auto}
.account_top{height:auto;padding:0 20px 8px}
table.calendar_top{margin-top:10px;}
table.calendar_top td{text-align:left !important}
span.bottom{display:none}
.area.breakfast h3{padding:15px 0;background:#ccf0ec}
.area.lunch h3{padding:15px 0;background:#f0eacc}
.area.dinner h3{padding:15px 0;background:#f7d7d0}

.check_box{position:absolute;top:-15px;right:25px;width:auto;height:auto;padding:14px}
.check_box p{display:none}
.apply_info dt{float:none;width:auto}
.apply_info dl{position:relative;text-align:center}
.my_sum{position:relative;background:rgba(255,255,255,0.5);padding:0 10px;height:100%;margin-bottom:20px}
section.food_apply{width:auto}
.food_apply_box{width:auto}
.total_amount{width:auto;margin:20px 0;padding-bottom:15px}
.account_bottom{padding:25px 0}
.account_top p,
.account_bottom p{text-align:center;padding:10px 0 0;line-height:23px;color:#444;font-weight:600}
.total_amount p{font-size:18px;line-height:28px}
.total_amount span{font-size:30px}
.food_apply_box li{float:none;display:block;width:230px;margin:0 auto}
.food_apply_box dl{margin-bottom: 5px}
dd.code_box{width:115px}
.food_apply_box dt{width: 100px;margin-right: 4px;font-size:13px;line-height:25px;background:url(../images/dot_grey.png) 0 10px no-repeat}
.input_box input{width:115px}
.my_sum a.btn_apply{position:absolute;left:0;right:0;bottom: 20px;margin: 0 10px 10px;height: auto;padding: 20px 0;font-size: 18px;width: auto;border-radius: 5px}
.my_sum a.btn_apply:hover,
.my_sum a.btn_apply:active,
.my_sum a.btn_apply:focus{background:#fff;color:#52afe4;border:1px solid #52afe4}
table.calendar-ui,
.h_date{width:100% !important}
.not {position: absolute;background: url(../images/bg_readonly_m.png) 0 0 no-repeat;width: 300px;height: 400px;margin-left: -10px;z-index:10}
}