@charset "UTF-8"; .diet .info-box { display: flex; align-items: center; padding: 36px 60px 41px; margin: 0 0 50px;border: 1px solid #ddd; border-top: 4px solid #006276; } 
.diet .info-box .img-box { flex-shrink: 0; margin: 0 90px 0 0;; border: 1px solid #ddd; border-radius: 10px; overflow: hidden; } 
.diet .info-box .tit { display: block; margin: 0 0 18px; transform: translateX(-44px); font-size: 30px; color: #222; font-family: 'Noto Bold'; } 
.diet .info-box .list li { display: flex; margin-bottom: 10px; } 
.diet .info-box .list li:last-child { margin-bottom: 0; } 
.diet .info-box .list span { position: relative; display: inline-block; min-width: 90px; margin: 0 20px 0 0;; font-size: 20px; color: #246292; font-family: 'Noto Medium'; } 
.diet .info-box .list span::before { content: ''; position: absolute; left: -41px; top: 6px; width: 30px; height: 30px; background-color: #246292; border-radius: 3px; background-position: center; background-repeat: no-repeat; } 
.diet .info-box .list span::after { content: ''; position: absolute; right: 0; top: 14px; width: 1px; height: 10px; background-color: #ccc; } 
.diet .info-box .list .place span::before { background-image: url('../images/ic-diet-place.png'); background-size: 14px; } 
.diet .info-box .list .time span::before { background-image: url('../images/ic-diet-time.png'); background-size: 19px; } 
.diet .info-box .list .tel span::before { background-image: url('../images/ic-diet-tel.png'); background-size: 18px; } 
.diet .info-box .list li em { font-size: 18px; color: #555; font-family: 'Noto Light'; } 
.diet .info-box .list li strong { font-size: 18px; color: #222; font-family: 'Noto Medium'; } 

@media (max-width: 768px){
 .diet .info-box { flex-direction: column; align-items: center; padding: 46px 20px 46px 40px; margin: 0 0 35px} 
.diet .info-box .img-box { flex-shrink: 1;min-width: auto; margin-right: 0; margin: 0 0 24px; } 
.diet .info-box .list li { margin-bottom: 14px; } 
.diet .info-box .info { width: 100%; padding: 0 40px;} 
.diet .info-box .tit { margin: 0 0 20px; font-size: 25px;transform: translateX(-37px); } 
.diet .info-box .list span { min-width: 75px; font-size: 17px; } 
.diet .info-box .list span::before { width: 28px; height: 28px; left: -35px;top: 4px; } 
.diet .info-box .list .place span::before { background-size: 13px; } 
.diet .info-box .list .time span::before { background-size: 16px; } 
.diet .info-box .list .tel span::before { background-size: 15px; } 
.diet .info-box .list span::after {top: 12px;}
.diet .info-box .list li em { font-size: 17px; } 
 }



.diet .date { position: relative; text-align: center; border: 2px solid #d6d6d6; border-bottom: 0; } 
.diet .date strong { display: block; padding: 21px 0; font-family: 'Noto Medium'; font-size: 24px; color: #004d5d; } 
.diet .date label { display: none; } 
.diet .date .control { position: absolute; top: 50%; margin-top: -18px; } 
.diet .date .control input { width: 30px; height: 30px; text-indent: -9999px; } 
.diet .date .control.prev { left: 30px; } 
.diet .date .control.prev input { background: url('../images/btn-date-prev.png') no-repeat center center; cursor: pointer; } 
.diet .date .control.next { right: 30px; } 
.diet .date .control.next input { background: url('../images/btn-date-next.png') no-repeat center center; cursor: pointer; } 
.diet .date .control:after { position: absolute; top: 3px; left: 0; font-family: 'Noto Regular'; font-size: 15px; color: #333; text-indent: 0; } 
.diet .date .control.prev:after { content: '이전'; left: 50px; } 
.diet .date .control.next:after { content: '다음'; left: -50px; } 

.diet .box-table { position:relative; line-height: 1.6; } 
.diet .box-table table { position:relative; border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf; } 
.diet .box-table thead th { padding:10px 10px; background:#004d5d; border-right:1px solid #03343f; border-bottom:1px solid #03343f; font-family: 'Noto Regular'; font-weight: normal; font-size:16px; line-height: 1.3; color:#fff; } 
.diet .box-table thead th.title { font-size: 18px; } 
.diet .box-table thead th:nth-child(7),
.diet .box-table thead th:nth-child(8) { display: none; } 
.diet .box-table tbody th { padding:12px 20px; background:#fbfbfb; border-right:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; font-family: 'Noto DemiLight'; font-weight: normal; font-size:16px; color:#666; } 
.diet .box-table tbody td { padding:22px 19px; background:#fff; border-right:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; font-family: 'Noto Light'; font-size:14px; color:#666; } 
.diet .box-table tbody td:first-child { background: #f1f1f1; font-family: 'Noto Regular'; font-size: 16px; color: #222; } 
.diet .box-table tbody td:nth-child(7),
.diet .box-table tbody td:nth-child(8) { display: none; } 
.diet .box-table .list li { position: relative; padding-left: 13px; } 
.diet .box-table .list li:after { content: ''; position: absolute; left: 0; top: 10px; width: 3px; height: 3px; background: #666666; } 
.diet .box-table .align-l { text-align:left; } 
.diet .box-table .align-c { text-align:center; } 
.diet .box-table .align-r { text-align:right; } 

@media all and (max-width:960px){
 .diet .box-table { overflow-x: hidden; } 
 .diet .box-table table { width:870px; } 
 .diet .box-table:after { content:''; position:absolute; right:0px; top:0px; width:100%; height:100%; background:rgba(60,81,82,0.4) url('../images/img_mobile_text.png') no-repeat center center; } 
 .diet .box-table.on:after { display:none; } 
 .diet .box-table thead th,
 .diet .box-table tbody th,
 .diet .box-table tbody td { padding:10px 8px; font-size:16px; } 
 }

@media all and (max-width:720px){
 .diet .date strong { font-size: 18px; } 
 .diet .date .control { margin-top: -17px; } 
 .diet .date .control.prev { left: 20px; } 
 .diet .date .control.next { right: 20px; } 
 .diet .date .control:after { top: 2px; } 
 }