.HomeDiv5{ display:none;}

.HomeSectionDiv{ width:100%; display:inline-block; float:left; padding-top:1em;}
.HomeSectionDiv > div{ width:1100px; display:table; margin:auto; position:relative;}
.HomeSectionDiv > div > div{display:table-cell; vertical-align:top;}
.HomeSectionDiv > div > div:nth-child(2){ padding-left:1em;}


.webright > div{ border:3px solid #999999; border-radius:1em; display:inline-block; min-height:608px; max-width:395px;}

.HomeDiv2{ position:relative; display:flex; width:100%; margin:0.5em 0; min-height:80px;}
.HomeDiv2 > h4{ display:inline-block; background-color:#652d88; color:#fff; padding:2.3em 0.7em; float:left; margin:0.7em; border-radius:1em; font-size:14px; flex-basis:80px; text-align:center;}
.HomeDiv2 > ul{ display:inline-block; float:left; flex-grow:1;}
.HomeDiv2 > ul > li{ display:inline-block; width:90%; float:left; border-bottom:1px solid #999999; padding-left:5%;;}
.HomeDiv2 > ul > li > a{  display:inline-block; text-overflow: ellipsis; width:90%; overflow: hidden; white-space: nowrap; color:#000; font-weight:900; font-size:14px; float:left; margin:0.3em 0;}

.HomeBanner{ display:none;}

.HomeDiv4{ width:100%; display:inline-block; float:left;}
.HomeDiv4 > nav{ text-align:center; width:389px;}
.HomeDiv4 > nav > a.channel{ display:none;}
.HomeDiv4 > nav > a.channel{ width:96%; display:inline-block; margin-top:0.8em;}
.HomeDiv4 > nav > a.bestfood{ display:inline-block;}
.HomeDiv4 > nav > a.rollday{ display:none;}
.HomeDiv4 nav img{ max-width:100%;}

.HomeDiv4{ margin-bottom:1em; width:100%; display:inline-block; float:left;}
.HomeDiv4 > h4{ margin:0 3%; padding:0.2em 1%; margin-top:0.5em; width:92%; display:inline-block; border-bottom:1px solid #999999;}
.HomeDiv4 > ul{ margin:0 2%; width:96%; display:inline-block; float:left;}
.HomeDiv4 > ul > li{ padding:0 3%; width:94%; display:inline-block; border-bottom:1px solid #999999; }
.HomeDiv4 > ul > li > a{  font-weight:100; display:inline-block; margin:0.3em 0; color:#000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width:90%;vertical-align:middle;}

.HomeDiv4 > ul > li > span{ position:relative; color:#f00; font-weight:100;}
.HomeDiv4 > ul > li > span:before{ content:" [";}
.HomeDiv4 > ul > li > span:after{ content:"]";}

.HomeDiv4 > ul > li:before{ width:25px; padding-right:8px; display:inline-block; text-align:right; font-weight:900; color:#652d88;}
.HomeCommBest0:nth-child(1):before{ content:"1 "; }
.HomeCommBest0:nth-child(2):before{ content:"2 "; }
.HomeCommBest0:nth-child(3):before{ content:"3 "; }
.HomeCommBest0:nth-child(4):before{ content:"4 "; }
.HomeCommBest0:nth-child(5):before{ content:"5 "; }
.HomeCommBest1:nth-child(1):before{ content:"6 "; }
.HomeCommBest1:nth-child(2):before{ content:"7 "; }
.HomeCommBest1:nth-child(3):before{ content:"8 "; }
.HomeCommBest1:nth-child(4):before{ content:"9 "; }
.HomeCommBest1:nth-child(5):before{ content:"10 "; }


.HomeCalendar > div{ border:8px solid #e6e6e6; display:inline-block; width:683px; float:left; position:relative;}
.HomeCalendar > div:after{ content:""; width:699px; height:8px; background-color:#9b6fa9; display:inline-block; position:absolute; left:-8px; bottom:-8px;}

.HomeCalendar > div > div{ background-color:#9b6fa9; display:inline-block; float:left; width:100%; text-align:center;}
.HomeCalendar > div > div > h3{color:#fff; font-size:24px;}
.HomeCalendar > div > div > h4{color:#fff; font-size:20px;}
.HomeCalendar > div > aside{ background-color:#e6e6e6; float:left; width:100%; min-height:120px;}

.HomeRoll ul.head{ display:table; width:100%; table-layout:fixed; float:left; background-color:#b58eb7;}
.HomeRoll ul.head > li{ display:table-cell; padding:6px; font-weight:900; font-family:'NanumSquareRound'; font-family:'NanumSquareRound'; color:#fff; text-align:center;}

.HomeRoll ul.body{ display:table; width:100%; table-layout:fixed; float:left;}
.HomeRoll ul.body > li{ display:table-cell; padding:6px; height:60px; font-family:'NanumSquareRound'; position:relative; color:#b3b3b3; border:1px solid #f1f1f1;}
.HomeRoll ul.body > li > aside{ display:none; }

.HomeRoll ul.body:nth-child(even){ background-color:#f5f8fd;}

.HomeRoll ul > li > span{ font-family:'NanumSquareRound'; }

.HomeRoll aside{ display:table; width:100%; table-layout:fixed; position:relative;}
.HomeRoll aside > ul{ display:table-cell; padding:1em 0.5em; }
.HomeRoll aside > nav{ display:table-cell; text-align:right; vertical-align:middle; }

.HomeRoll aside > nav > a{ background-color:#b58eb7; color:#fff; padding:0.5em 0; width:140px; border-radius:0.5em; display:inline-block; font-weight:900; position:absolute; left:50%; top:50%; text-align:center; margin-left:-70px; margin-top:-8px;}
.HomeRoll aside > nav > a > img{ max-width:100%;}
.HomeRoll aside > ul > li{ color:#b58eb7; text-align:right; font-size:14px; font-weight:900; }

.HomeRoll ul.body .Holi > span{ color:red;}
.HomeRoll ul.body .weekday0 > span{ color:red;}
.HomeRoll ul.body .weekday6 > span{ color:blue;}
.HomeRoll ul.body .weekdayred > span{ color:red !important;}
.HomeRoll ul.body .todays{ background-color:#e1cdf5; color:#000;}

@font-face {
    font-family: 'NanumSquareRound';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.completed0{ display:inline-block; position:absolute; bottom:0.5em; right:0.2em;}
.completed0 > span{ display:table; border-radius:50%; margin:1px; border:1px solid #652d88; border-radius:5px; background-color:#fff;}
.completed0 > span > span{ font-family:'NanumSquareRound'; color:#652d88;line-height:1.2; display:table-cell; vertical-align:middle; text-align:center; font-size:12px; width:38px;}


.completedl{ display:inline-block; position:absolute; bottom:0.5em; right:0.2em;}
.completedl > span{ display:table; border-radius:50%; margin:1px; border:1px solid #652d88; border-radius:5px; background-color:#fff; }
.completedl > span > span{ font-family:'NanumSquareRound'; color:#652d88;line-height:1.2; display:table-cell; vertical-align:middle; text-align:center; font-size:12px; width:38px;}

.timeview{ position:absolute; bottom:1em; right:1em; display:inline-block;padding:1em; background-color:#384184; border-radius:8px;}
.timeview > ul > li{ font-size:14px; font-family:'NanumSquareRound'; color:#fff;}
.timeview > ul > li > ul > li{ margin-left:20px; list-style:disc; font-size:13px;}
.timeview > a{ text-align:center; color:#fff;}