@charset "utf-8";
@import url("../default_/style.css");
.noticeBorderTop {display:none !important;}
/*툴팁*/
.ui-tooltip  {box-shadow:none !important; background:#535353 !important;  border:0px !important; line-height:18px !important; padding:3px 10px !important;}
.ui-tooltip-content { color:#fff; letter-spacing:0px; }
#allergy_info { min-height:185px; box-sizing:border-box; border:1px solid #ddd; border-top:2px solid #3d3d3d; position:relative; padding:0 0 0 198px; background:#fff; }
#allergy_info::before { content:""; display:block; width:198px; height:100%; background:#fffcf2 url(./img/allergy_info_bg.png) center center no-repeat; position:absolute; left:0; top:0; }
#allergy_info .box{ padding:24px 25px 0 31px;  }
#allergy_info .box .title{ font-size:18px; color:#333; font-weight:bold; margin-bottom:13px;}
#allergy_info .box .info{ line-height:23px; font-size:14px; color:#555; padding-bottom:14px; border-bottom:1px solid #ddd;  }
#allergy_info .box .warning{ font-size:12px; color:#555; line-height:23px; letter-spacing:-0.5px; margin-top:17px; }
#xb_fm_list { float:none !important; }

#new_food {position:relative;   }



/*검색부분*/
.new_search { position:relative; text-align:center;  min-height:84px; padding-top:15px; box-sizing:border-box; width:calc(100% - 6px); margin:0 auto 32px; }
.new_search::after { content:""; display:block; clear:both; }
#list_search.left { position:absolute; left:0; top:19px;     padding: 15px 14px;}

.month_titlebox { display:inline-block; position:relative; vertical-align:top; }
.month_titlebox .eng_year { display:inline-block;  font-size:16px; font-weight:500; color:#666; text-transform:uppercase;  margin-bottom:7px; height:24px; box-sizing:border-box; }

.month_titlebox .yearbox { position:relative; text-align:center; min-width:85px; }
.month_titlebox .num_year { font-size:31px; color:#333; font-weight:bold; }


.month_titlebox .right { }
.month_titlebox .right li { position:absolute; top:-5px; }
.month_titlebox .right li.prev { left:-54px; }
.month_titlebox .right li.next { right:-54px; }

.month_titlebox .right li a { display:block; width:39px; height:39px; text-indent:-999999px; border-radius:50%; box-sizing:border-box; border:1px solid #dddddd; }
.month_titlebox .right li.prev a { background:#fff url(./img/mon_arrow1.png) center center no-repeat; }
.month_titlebox .right li.next a { background:#fff url(./img/mon_arrow2.png) center center no-repeat; }

 

/*달력*/ 
#new_food .calendar ul{display:table; width:100%;  table-layout: fixed;  padding-bottom:3px; border-spacing:3px 0;  }
#new_food .calendar ul li{display:table-cell;  width:14.22222%;  border:1px #ddd solid; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#new_food .calendar ul.week li {line-height:48px; text-align:center; background:#fff; font-size:15px; font-weight:500; color:#333; }
#new_food .calendar ul.week li.sun { border-color:#ff585d; background:#ff585d; color:#fff; }
#new_food .calendar ul.week li.sat { border-color:#007eff; background:#007eff; color:#fff; }

#new_food .calendar ul.day li { min-height:142px; overflow:hidden; position:relative;}
#new_food .calendar ul.day li.sun { background:#fff8f8 !important; }
#new_food .calendar ul.day li.sat { background:#f9fcff !important; }
#new_food .calendar ul.day li dl{padding:0 0px 15px; min-height:140px;  overflow:hidden; overflow-y:auto; box-sizing:border-box; position:relative;}
#new_food .calendar ul.day li dl.holiY { padding:0 9px 37px; }

#new_food .calendar ul.day .holiY .gong { color:#ff585d; line-height:23px; color: #ff585d;
    font-size: 14px;
    letter-spacing: -0.5px;
    margin-bottom: 5px; margin-top:8px; }
#new_food .calendar ul.day .holiY .gong a { color:#ff585d; }


/*컨텐츠 감싸기*/
#new_food .calendar ul.day li .food_list_box {position:relative; padding:0px 10px; overflow:hidden; min-height:140px; }
/*#new_food .calendar ul.day li .food_list_box::before { content:""; display:block; width:94%; height:35px; background:rgba(255,255,255,0.8); position:absolute; left:0; top:52px; padding:0 5px; box-sizing:border-box; border-radius:150px; margin:0 3%; }*/
#new_food .calendar ul.day li.today { background:#f8f8f8; color:#222;  }
 
/*날자 요일*/
#new_food .calendar ul.day li .day_num{text-align:left; font-weight:500;   height:34px; line-height:33px; box-sizing:border-box; border-bottom:1px #ddd dashed; font-size:15px; color:#555; }
#new_food .calendar ul.day li .day_num span{font-size:11px; font-weight:normal; display:none;}


/*수정, 삭제*/
#new_food .calendar ul.day li .btn {font-size:11px; position:absolute; top:5px; right:10px; letter-spacing:-1px;}
#new_food .calendar ul.day li .btn2 { top:5px; right:10px; }
#new_food .calendar ul.day li .btn a{display:inline-block; padding:0 13px 0 5px; box-sizing:border-box; height:23px; line-height:23px; font-size:12px; text-align:center; color:#555;  background:#ecf5ff; position:relative;  }
#new_food .calendar ul.day li .btn a::before { content:""; display:block; width:0; height:0; box-sizing:border-box; position:absolute; right:4px; top:9px; border-left:5px solid #ff5959; border-top:3px solid transparent; border-bottom:3px solid transparent; }
#new_food .calendar ul.day li .btn a:nth-child(1) { background:#fffae6; }
#new_food .calendar ul.day li .btn a:nth-child(2) { margin-left:3px; background:#fff; }

#new_food .calendar ul.day li .btn2 a { background:#ecf5ff !important; }
#new_food .calendar ul.day li .btn a span{  display:inline-block; }

/*식단정보 박스*/
#new_food .calendar ul.day li .slider_food_list{ clear:both;  position:relative; margin-top:0px; padding-top:63px; }
#new_food .calendar ul.day li .slider_food_list dt { position:absolute; top:19px; width:33%; height:27px;  padding:3px 0; z-index:98 !important;cursor:pointer;  }
#new_food .calendar ul.day li .slider_food_list dt span{ display:block; width:27px; margin:0 auto; height:27px; text-indent:-9999px; }

#new_food .calendar ul.day li .slider_food_list dt.food_title1 { left:0;  }
#new_food .calendar ul.day li .slider_food_list dt.food_title2 { left:33%; width:34%;}
#new_food .calendar ul.day li .slider_food_list dt.food_title3 { left:67%; }

#new_food .calendar ul.day li .slider_food_list dt.food_title1 span { background:url(img/today_food01.png) right top no-repeat;}
#new_food .calendar ul.day li .slider_food_list dt.food_title2 span { background:url(img/today_food02.png) right top no-repeat;}
#new_food .calendar ul.day li .slider_food_list dt.food_title3 span { background:url(img/today_food03.png) right top no-repeat;}

#new_food .calendar ul.day li .slider_food_list dt.food_title1.on span { background:url(img/today_food01.png) left top no-repeat;}
#new_food .calendar ul.day li .slider_food_list dt.food_title2.on span { background:url(img/today_food02.png) left top no-repeat;}
#new_food .calendar ul.day li .slider_food_list dt.food_title3.on span { background:url(img/today_food03.png) left top no-repeat;}

#new_food .calendar ul.day li .slider_food_list dd { display:none; }
#new_food .calendar ul.day li .slider_food_list dd.first { display:block; }


/*아침, 점심,저녁 구분*/

#new_food .food_pager_check{ position:absolute; left:20%; width:60%; text-align:center; height:27px; top:120px; z-index:98 !important; background:rgba(255,255,255,0.5);border-radius:30px;  padding:2px 0px }

#new_food.colChk0 .food_pager_check{left:10%; width:80%; top:100px;}
#new_food.colChk1 .food_pager_check{left:10%; width:80%; top:120px;}

#new_food .food_pager_check a{display:inline-block; margin:0 2px; width:27px; height:27px; text-align:center;}
#new_food .food_pager_check .today_food_on1{background:url(img/today_food01.png) right top no-repeat;}
#new_food .food_pager_check .today_food_on2{background:url(img/today_food02.png) right top no-repeat;}
#new_food .food_pager_check .today_food_on3{background:url(img/today_food03.png) right top no-repeat;}
#new_food .food_pager_check a.cycle-pager-active{background-position:left top;}


/*슬라이드 식단표 사진.내용*/
#new_food .food_tep {z-index:3 !important; float:left; width:100%;   }
#new_food .food_tep .food_photo {  height:96px; background:#f8f8f8 url(img/photo_ready.png) center center no-repeat; }
#new_food .food_tep .none_layer { cursor:pointer; }
#new_food .food_tep .content_info { margin-top:8px; padding:0px 0; line-height:20px; min-height:90px; overflow:hidden; overflow-y:auto; max-height:270px;  }
#new_food .food_tep .content_info span.content { display:block; line-height:25px; word-break:break-word; /* 여러 줄 자르기 추가 스타일 max-height:500px; overflow:hidden; text-overflow:ellipsis;  white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 20; -webkit-box-orient: vertical;*/ }
#new_food.colChk0 .food_tep .food_photo{height:96px;}/*토일 다있는경우 있는경우*/
#new_food.colChk0 .food_tep .food_photo img{width:100%; height:96px; }/*토일 다있는경우 있는경우*/

#new_food.colChk1 .food_tep .food_photo{height:100px;}/*토나 일이 있는경우*/
#new_food.colChk1 .food_tep .food_photo img{width:100%;height:100px;  }/*토나 일이 있는경우*/

#new_food.colChk2 .food_tep .food_photo{height:120px;}/*월 ~ 금만 있는경우*/
#new_food.colChk2 .food_tep .food_photo img{width:100%; height:120px; }/* 월 ~ 금만 있는경우*/


.n_btn a { display:none !important; }
.n_btn a.view { display:inline-block !important;}

#tmpImgText { max-height:320px; /* 여러 줄 자르기 추가 스타일 */ white-space: normal; line-height: 1.2; height: 6em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow:hidden; padding:0 10px; font-weight:500; color:#333;}
 /*사진출력안함*/
#new_food.foodPhotoNo .food_pager_check {top:40px; width:auto; left:0px;}
#new_food.foodPhotoNo .slider_list .food_photo {display:none;}
#new_food.foodPhotoNo .slider_list {margin-top:0px;}

.food_pager_check_on #new_food.foodPhotoNo .slider_list {margin-top:30px;}

/*식단레이어*/

#newFoodLayer{position:fixed; width:100%; height:100%; top:0px; left:0px;  display:none;}
#nFlayer {   position:absolute;  width:80%;  left:10%; top:0px; z-index:10; box-sizing:border-box; padding:0 50px; }
.newFoodPop {background:#fff;  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);  overflow:hidden; padding-bottom:15px; display:inline-block; width:100%; box-sizing:border-box; padding:0 20px;  }

#newFoodLayer .fl_bg { position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.7); left:0; top:0; }
#newFoodLayer .newFoodPop{  z-index:1;}

.newFoodPop .slick-slide { }
.newFoodPop .slick-slide .food_photo { width:100%; overflow-y:auto; margin-bottom:10px; position:relative; }
.newFoodPop .slick-slide img { width:100%; box-sizing:border-box; }
.newFoodPop .slick-slide .fitem { padding:20px 0; }
.newFoodPop .slick-slide .content_info { max-height:81px; /* 여러 줄 자르기 추가 스타일 */ white-space: normal; line-height:27px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow:hidden; padding:0 10px; font-weight:500; color:#333; }
.newFoodPop .slick-slide .none_layer { background:#f8f8f8 url(img/photo_ready.png) center center no-repeat; }

.sc_guide { position:absolute; left:calc(50% - 45px); bottom:15px; border-radius:50%; box-sizing:border-box; padding:10px 0 0; background:rgba(0,0,0,0.6); height:90px; width:90px;  text-align:center; z-index:3; }
.sc_guide span { position:relative; width: 30px;
  height: 50px;
  border: 2px solid #fff;
  border-radius: 50px;
  box-sizing: border-box; display:block; margin:0 auto 0; }
.sc_guide span::before { position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  box-sizing: border-box; }

.sc_guide p { color:#fff; text-transform:capitalize; }

@-webkit-keyframes sdb {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.layer_btn { }
.layer_btn li { position:absolute; top:50%; }
.layer_btn li.flbtn01 { left:0; }
.layer_btn li.flbtn02 { right:0; }
.layer_btn li a { display:block; width:34px; height:52px; text-indent:-99999px; }
.layer_btn li.flbtn01 a { background:url(img/gal_bt1.png) center top no-repeat; }
.layer_btn li.flbtn02 a { background:url(img/gal_bt2.png) center top no-repeat; }
.layer_btn li.slick-disabled { display:none !important;}

.glayer_close { position:absolute; right:90px; top:40px; z-index:2 }
.glayer_close a { display:block; width:52px; height:52px; text-indent:-999999px; background:url(img/l_close.png) center center no-repeat; }




/*보기*/
.newfood_view_table {border-collapse:collapse; border-right:1px #ddd solid; overflow:hidden; text-align:center;font-size:0px;}
.newfood_view_table li{display:inline-block; width:33.333333333%;  text-align:center;}
.newfood_view_table li .title{display:block; overflow:hidden; line-height:60px; background-color:#f8f8f8;  border:1px #ddd solid; border-right:0px #ddd solid; border-bottom:0px; text-align:center; font-size:20px; font-weight:bold;}
.newfood_view_table li .box{border:1px #ddd solid; border-right:0px; padding:20px; font-size:13px; text-align:left;}
.newfood_view_table li .box img{max-width:100%; border:1px #333 solid;}
.newfood_view_table li .box .cont{border:1px #ddd solid; background:#f8f8f8; padding:10px;}
.newfood_view_table li .title span {display:inline-block; vertical-align:middle; width:42px; height:42px; background-position:left top; background-repeat:no-repeat; margin-right:5px;}

.newfood_view_table li.m1 .title span {background-image:url(img/time_check01.png); }
.newfood_view_table li.m2 .title span {background-image:url(img/time_check02.png); }
.newfood_view_table li.m3 .title span {background-image:url(img/time_check03.png); }


.sunNone {display:none !important;}
.sundayNone {display:none !important;}

.satNone {display:none !important;}
.saturdayNone {display:none !important;}



.sum_list { 
    box-sizing: border-box;
    background: #f7f7f7;
	width: 100%;
    padding-left: 12px;
    min-height: 28px;
    margin-bottom: 5px;
}
.sum_list p {line-height: 24px;
    padding: 10px 0 10px 0; display:none; }
.sum_list p.sum_on { display:block; }
 	
	
.sum_list .f_del { position:relative; padding:0 0 0 26px; z-index:1;  vertical-align:top; display:inline-block; font-size:13px; text-indent:-99999px; width:35px; box-sizing:border-box; margin-right:8px; border-right:1px dashed #aaa; cursor:pointer;}
.sum_list .f_del::before { content:""; display:block; width:21px; height:21px; position:absolute; left:0; top:2px; box-sizing:border-box; border:1px solid #aaa; border-radius:5px; transition:all 0.4s; border-radius:50%; border-color:#fd6180; background:#fd6180; box-shadow:1px 1px 2px rgba(0,0,0,0.3);}
.sum_list .f_del::after { content:""; display:block; width:9px; height:10px;  background:url(./img/cross2.png) left top no-repeat; position:absolute; left:6px; top:8px; transition:all 0.4s;  }

.sum_list .f_del:hover::before { -webkit-animation: animOnTransform 1s 1 forwards;
          animation: animOnTransform 1s 1 forwards;   }
.sum_list .f_del:hover::after { -webkit-animation: animOnTransform 1s 1 forwards;
          animation: animOnTransform 1s 1 forwards; }


/*국가공휴일*/
#new_food .calendar ul.day .holiY::before { content:""; display:block; width:36px; height:25px; background:url(./img/gong1.png) center top no-repeat; position:absolute; right:7px; bottom:8px; }

/*대체공휴일*/
#new_food .calendar ul.day .holiY.gong0::before {  }

/*선거*/
#new_food .calendar ul.day .holiY.gong2::before { content:""; display:block; width:24px; height:24px; background:url(./img/gong2.png) center top no-repeat; position:absolute; right:7px; bottom:8px; }

/*명절*/
#new_food .calendar ul.day .holiY.gong3::before { content:""; display:block; width:25px; height:25px; background:url(./img/gong3.png) center top no-repeat; position:absolute; right:7px; bottom:8px; }

/*석가탄신일*/
#new_food .calendar ul.day .holiY.gong4::before { content:""; display:block; width:23px; height:19px; background:url(./img/gong4.png) center top no-repeat; position:absolute; right:7px; bottom:8px; }

/*크리스마스*/
#new_food .calendar ul.day .holiY.gong5::before { content:""; display:block; width:32px; height:32px; background:url(./img/gong5.png) center top no-repeat; position:absolute; right:7px; bottom:8px; }



/*모바일*/
@media all and (max-width:1024px) {

.mobile_none_not {display:none !important;}


#allergy_info { min-height:15px; box-sizing:border-box; border:1px solid #ddd; border-top:2px solid #3d3d3d; position:relative; padding:0 0 0 0px; background:#fff; }
#allergy_info::before { display:none;}
#allergy_info .box{ padding:14px 25px 14px 24px;  }
#allergy_info .box .title{  }
#allergy_info .box .info{ display:block; }
#allergy_info .box .warning{ font-size:12px; color:#555; line-height:23px; letter-spacing:-0.5px; margin-top:17px; }


/*검색부분*/
#new_food .search{height:45px; }
#new_food .search .year{top:11px;}
#new_food .search .year span.box{background:none; box-shadow:none; }
#new_food .search .year span.box .sMonth{ font-weight:bold;}



#new_food .search .left{display:none;}

/*일~토*/
#new_food .calendar ul.week{display:none;  }


/*1~31*/
#new_food .calendar ul{display:block; width:100%;  table-layout:auto; border-spacing:0; padding:0;  }

#new_food .calendar ul.day li{display:block;  width:100%; height:100%; min-height:82px; margin-bottom:0px; border-top:0 none; border-left:0 none; border-right:0 none; }

#new_food .calendar { border-top:2px solid #535353; }
#new_food .calendar ul.day li dl{padding:40px 10px 10px 10px; height:100% ; overflow:auto; min-height:80px;}



/*컨텐츠 감싸기*/
#new_food .calendar ul.day li .food_list_box { min-height:auto; }


/*날자 요일*/
#new_food .calendar ul.day li .day_num{font-size:18px; }

#new_food .calendar ul.day li .btn { }


/*아침, 점심,저녁 구분*/
#new_food .food_pager_check{left:50px !important; right:0px !important; top:10px !important; width:94px !important;  display:inline-block;  padding:2px 0px; }



/*슬라이드 식단표 사진.내용*/
#new_food .slider_list {z-index:3 !important; float:left; width:100%; position:relative;}
#new_food .slider_list .food_photo {float:left; width:100px; height:80px !important; margin:0px 0 0px; }
#new_food .slider_list .food_photo img {width:100%; height:80px !important; }
#new_food .slider_list .content_info {display:block; margin-left:110px; padding:0px 0px; }


/*사진출력안함*/

#new_food.foodPhotoNo .slider_list .food_photo {display:none;}
.food_pager_check_on #new_food.foodPhotoNo .slider_list {margin-top:0px;}

#new_food.foodPhotoNo .slider_list .content_info {margin:0px; padding:5px;}

#nFlayer {   position:absolute;  width:94%;  left:3%; top:0px; z-index:10; box-sizing:border-box; padding:0 50px; }

.slick-slide .content_info {   }
.newFoodPop { padding:0 10px; }
.newFoodPop .slick-slide .fitem { padding:10px 0; }
.newFoodPop .slick-slide .food_photo {   }
.newFoodPop .slick-slide .none_layer { min-height:230px; }
.sc_guide { display:none !important;  transform:scale(0.5);   }

/*공휴일*/
#new_food .calendar ul.day .holiY::before { bottom:inherit !important; top:42px; width:40px !important; }
#new_food .calendar ul.day li.today .holiY::before { right:55px !important; }

}


