.TopMenuEventBtn{ font-weight:900;}
.BbsListClass0 .BbsHeader2{width:870px; display:block; margin:auto;}
.BbsListClass0 .subdiv{width:870px; display:block; margin:auto;}

.BbsReadClass0 .BbsHeader2{ width:870px; display:block; margin:auto;}
.BbsReadClass0 .subdiv{width:870px; display:block; margin:auto;}

.BbsWriteClass0 .BbsHeader2{width:870px; display:block; margin:auto;}
.BbsWriteClass0 .subdiv{width:870px; display:block; margin:auto;}
.BbsHeader2 > img{ margin-top:7px;}

.BbsWriteClass0  .EditorHeader1{ display:none;}
.BbsEditClass0  .EditorHeader1{ display:none;}
.BbsReadClass0  .EditorHeader1{ display:none;}

.eventbody1{ text-align:center;}
.eventbodyimg{ background-image:url(https://file.k-friends.kr/img/20210305/011916_0.png); background-repeat:no-repeat; width:868px; height:187px; display:inline-block; margin-top:1.5em;}
.eventbody2{ display:none;}



.BbsListClass0 .submain1 > ul{ display:inline-block; width:100%; background-color:#f2f2f2;}
.BbsListClass0 .submain1 > ul > li:nth-child(1){ display:none;}

.BbsListClass0 .submain1 > ul > li{ width:100%; display:inline-block; position:relative; font-size:16px;background-color:#fff;}
.BbsListClass0 .submain1 > ul > li:hover{ background-color:rgba(225,250,233,1);}
.BbsListClass0 .submain1 > ul > li > div{ text-align:center; padding:0.5em 0;}
.BbsListClass0 .submain1 > ul > li:nth-child(1) > strong{  font-weight:900; width:15%;}
.BbsListClass0 .submain1 > ul > li:nth-child(1) > h4{  font-weight:900;}
.BbsListClass0 .submain1 > ul > li:nth-child(1) > ins{  font-weight:900; width:10%;}
.BbsListClass0 .submain1 > ul > li:nth-child(1) > time{ font-weight:900; width:240px;}
.BbsListClass0 .submain1 > ul > li:nth-child(1) > b{ font-weight:900; width:16%;}
.BbsListClass0 .submain1 > ul > li:nth-child(1) > aside{ font-weight:900; width:10%;}
.BbsListClass0 .submain1 > ul > li > aside.listgood{ display:none;}

.BbsListClass0 .submain1 > ul > li > ins{ display:none;}
.BbsListClass0 .submain1 > ul > li > strong{ display:none;}
.BbsListClass0 .submain1 > ul > li > h4{ position:relative;}
.BbsListClass0 .submain1 > ul > li > h4 > a{ display:flex; width:100%;}
.BbsListClass0 .submain1 > ul > li > h4 > a > span.banner{ width:600px; height:150px; display:inline-block; float:left; flex-shrink: 0;}
.BbsListClass0 .submain1 > ul > li > h4 > a > span.titlename{  font-weight:900; position:relative; flex-grow: 1; margin:0.5em;}

.BbsListClass0 .submain1 > ul > li > h4 > a > span.stat{ vertical-align:middle; float:right; align-items: center;  justify-content: center; display:flex; margin-right:0.2em;}
.BbsListClass0 .submain1 > ul > li > h4 > a > span.stat > span:after{color:#000; display:inline-block; width:80px; padding:22px 0; text-align:center; vertical-align:middle; border-radius:50%; font-size:20px; vertical-align:middle;}
.BbsListClass0 .submain1 > ul > li.ddays0 > h4 > a > span.stat > span:after{ content:"준비중"; background-color:#39b54a;}
.BbsListClass0 .submain1 > ul > li.ddays1 > h4 > a > span.stat > span:after{ content:"진행중"; background-color:#ffd515;;}
.BbsListClass0 .submain1 > ul > li.ddays2 > h4 > a > span.stat > span:after{ content:"종료"; background-color:#f4f4f4; }


.BbsListClass0 .submain1 > ul > li > time{ position:absolute; left:600px; bottom:0; display:inline-block; margin-left:0.5em; margin-bottom:0.5em; font-size:12px; width:80px;}
.BbsListClass0 .submain1 > ul > li > aside{ display:none;}
.BbsListClass0 .submain1 > ul > li > b{ display:none;}

.BbsListClass0 nav.BbsListNav0{ text-align: center; margin-bottom:3em;}
.BbsListClass0 nav.BbsListNav0 > a{ position:fixed; right:1em; bottom:1em; width:46px;}
.BbsListClass0 nav.BbsListNav0 > a img{ max-width:100%;}

nav.pagelist{ text-align: center; padding: 1em 0; width:100%; display:inline-block;}
nav.pagelist > span{ font-weight: 700; font-size: 16px; background: #f1f1f1;  display: inline-block; padding: 0.3em 0.5em; border: 1px solid #ddd; }
nav.pagelist > a{ font-size:16px; background: #fff;  display: inline-block; padding: 0.3em 0.5em; border: 1px solid #ddd;  }

.BbsListClass0 .BbsHeader1{ position:relative; width:100%; display:none; float:left;}
.BbsListClass0 .BbsHeader1 > h2{ display:block; border-bottom:1px solid #ddd; padding:1em 20px; font-size:17px;}
.BbsListClass0 .BbsHeader1 > a{ position:absolute; right:1em; bottom:50%; margin-bottom:-16px;}
.BbsListClass0 .BbsHeader1 > a:after{ content:"글쓰기"; font-size:12px; font-weight:900; position:absolute; left:50%; bottom:-13px; width:60px; text-align:center; margin-left:-32px;}
.BbsListClass0 .BbsHeader1 > a > img{ width:35px;}

.BbsReadClass0 .BbsHeader1{ display:none;}


.BbsReadClass0 .submain1 > .readheader > li{ width:94%; padding:0.7em 3%; float:left; border-bottom:1px solid #ddd; font-size:12px;}
.BbsReadClass0 .submain1 > .readheader > li > h4{ display:block; padding-bottom:0; font-size:20px;}
.BbsReadClass0 .submain1 > .readheader > li > h4 > a{ pointer-events:none; cursor: default;}
.BbsReadClass0 .submain1 > .readheader > li > h4 > span{ color:#f00; font-size:14px; font-weight:100;}
.BbsReadClass0 .submain1 > .readheader > li > h4 > span:before{ content:" ["; }
.BbsReadClass0 .submain1 > .readheader > li > h4 > span:after{ content:"]"; }
.BbsReadClass0 .submain1 > .readheader > li > .ReadContent{ font-size:15px;}
.BbsReadClass0 .submain1 > .readheader > li > .ReadContent iframe{ max-width:100%;}
.BbsReadClass0 .submain1 > .readheader > li > .ReadContent img{ max-width:100%;}
.BbsReadClass0 .submain1 > .readheader > li > time{ display:inline-block; float:left; left:40px; bottom:0.5em;}
.BbsReadClass0 .submain1 > .readheader > li > aside{ display:inline-block; float:left; font-weight:100;}

.BbsReadClass0 .submain1 > .readheader > li > aside.listgood:before{ content:"추천 "; margin-left:2em;}
.BbsReadClass0 .submain1 > .readheader > li > aside.listhit:before{ content:"조회수 "; margin-left:2em;}
.BbsReadClass0 .submain1 > .readheader > li > b{ display:inline-block; width:100%; font-weight:100; margin-top:6px;}
.BbsReadClass0 .submain1 > .readheader > li > b > span{ margin-right:1em;}
.BbsReadClass0 .submain1 > .readheader > li > b > a{ border:1px solid #ddd; background-color:#fff; border-radius:3px; display:inline-block; padding:3px 8px;}

.BbsReadNav0{ padding:0.5em 3%; text-align:right; width:94%; display:inline-block;}
.BbsReadNav0 > a{ display:inline-block; padding:0.2em 1em; border:1px solid #ddd; border-radius:3px; font-size:12px;; float:right; margin:3px;}
.BbsReadNav0 > a:nth-child(1){ float:left;}
.RepLI > .RRepleFormDiv{ display:none; width:100%;}
.RepLI.RepNew > .RRepleFormDiv{ display:inline-block;}

/*

.RepFormDiv fieldset{ border:0; position:relative; }
.RepFormDiv fieldset > div{ display:inline-block; width:100%; border:1px solid #ab8741; overflow:hidden;}
.RepFormDiv fieldset > div > div{ display:inline-block; width:100%; vertical-align:middle; background-color:#e6e6e6;}
.RepFormDiv fieldset > div > div > textarea{ float:left; width:100%; height:120px; border-bottom:1px solid #ab8741; float:left;}
.RepFormDiv fieldset > div > div > a{ display:inline-block; width:60px; float:right; background-color:#333333; text-align:center; padding:6px 0; font-weight:900; color:#fff; border-radius:0; font-size:14px;}
*/

.RepFormDiv > form > fieldset{ display:inline-block; width:100%; border:0;}
.RepFormDiv > form > fieldset > #RepleTextarea{ width:70%; display:inline-block; height:74px; float:left; }
.RepFormDiv > form > fieldset > a{ width:24%; display:inline-block;; background-color:#1e77bd; color:#fff; padding:20px 0; text-align:center; float:left; margin-left:0.5em; font-size:24px; font-weight:900;}
.RepDiv .repDelBtn{ font-size:12px; display:inline-block; padding:0.5em 1em; border:1px solid #ddd; border-radius:0.3em;}



.RepFormDiv fieldset > p{ font-size:13px; color:#630; width:96%; padding:0.5em 2%; line-height:1.6;}


.RepDiv > h4{ padding:0 3%; margin-top:2em; color:#652d88}
.RepDiv > ul{ border:1px solid #ab8741; margin-top:1.5em; display:inline-block; width:100%;}
.RepDiv > ul > li{ border-bottom:1px solid #ab8741; padding:0.5em 3%; width:94%; display:inline-block; float:left;}
.RepDiv > ul > li time{ color:#808080; font-size:12px; margin-right:1em;}
.RepDiv > ul > li > div > ul{ background-color:#f2f2f2;}
.RepDiv > ul > li > div > ul > li{ }



.RepDiv ul > li > b{ width:92%; display:inline-block; position:relative;}
.RepDiv ul ul > li > b{ margin-left:4%;}
.RepDiv ul ul > li ul{ border-top:1px solid #ccc}
.RepDiv ul ul > li > b:before{ content:""; position:absolute; width:12px; height:12px; display:inline-block; background-image:url(https://file.k-friends.kr/img/20210225/015454_0.png); background-repeat:no-repeat; background-size:cover; left:-18px; top:4px;}
.RepDiv ul ul > li > p{ margin-left:4%;}
.RepDiv ul ul > li time{margin-left:4%; }

.RepDiv ul > li > p > span{ color:#652d88; display:inline-block; position:relative; font-size:12px; font-weight:900; margin-right:1em;}
.RepDiv ul > li > p > span:before{ content:"To. ";  }

/*
https://file.k-friends.kr/img/20210217/120302_0.png
*/
.RepDiv > ul ul > li{ padding:0.5em 0; position:relative;}


.RepDiv > ul li > nav{ padding:0.5em 0;}
.RepDiv > ul li > nav > a{ display:inline-block; padding:0.2em 1em; border:1px solid #ddd; border-radius:3px; font-size:11px; background-color:#fff;;}

.dropText{ color:#ccc;}


.RepDiv fieldset{ background-color:#f1f1f1; border:0;}
.RepDiv fieldset > h4{ margin:0.3em 0; font-size:14px;}
.RepDiv fieldset > div{ display:table; width:100%;}
.RepDiv fieldset > div > div{ display:table-cell; vertical-align:middle;}
.RepDiv fieldset > div > div > textarea{ float:left; width:96%; height:66px; border:1px solid #ddd;}
.RepDiv fieldset > div > div:nth-child(2){ width:60px;}
.RepDiv fieldset > div > div > a{ display:inline-block; width:60px; float:right; background-color:#652d88; color:#fff; border:1px solid #ddd; text-align:center; padding:22px 0; font-weight:900; border-radius:10px;}




.BbsWriteClass0 .BbsHeader1{ width:100%; display:none; float:left; text-align:center;}
.BbsWriteClass0 .BbsHeader1 select{ width:94%; font-size:16px; padding:0.5em 3%;  display:inline-block; margin:0; margin-top:1em; border:1px solid #ddd; border-radius:0.4em;}
.BbsWriteClass0 .EditorSection1{ display:inline-block; width:94%; padding:0 3%; float:left;}
.BbsWriteClass0 .EditorSection1 > ul > li{ width:100%; display:inline-block; padding:0.5em 0;}
.BbsWriteClass0 .EditorSection1 > ul > li > label{ display:none;}
.BbsWriteClass0 .EditorSection1 > ul > li > div > select{ width:94%; font-size:16px; padding:0.5em 3%;  display:inline-block; border:1px solid #ddd; border-radius:0.4em; }
.BbsWriteClass0 .EditorSection1 > ul > li > div > input{ width:94%; font-size:14px; padding:0.5em 3%;  display:inline-block;  border:1px solid #ddd; border-radius:0.4em;}
.BbsWriteClass0 .EditorSection1 > ul > li:nth-child(1){ width:20%; display:inline-block; float:left;}
.BbsWriteClass0 .EditorSection1 > ul > li:nth-child(2){ width:80%; display:inline-block;}

.BbsWriteClass0 .EditorNav1{ width:94%; padding:0.5em 3%; float:left; }
.BbsWriteClass0 .EditorNav1 > a{ background-color:#e6e6e6; width:100%; display:inline-block; text-align:center; padding:0.5em 0; border-radius:1em; font-weight:900;}




body.KBody.Event.Roll{ background-color:#ed1e79; background-image:url(/file/img/2021.png); background-position:center center;  }

body.KBody.Event.Roll > header{ color:#fff; text-align:center;}
body.KBody.Event.Roll > header > hr{ width:200px;}
body.KBody.Event.Roll > header > h1{ color:#fff; text-align:center; line-height:1.6; font-size:36px; font-family:'NanumSquareRound';}
body.KBody.Event.Roll > header > h2{ color:#fff; text-align:center; line-height:1.6; font-size:42px; font-family:'NanumSquareRound';}
body.KBody.Event.Roll > header > div{ width:100%; display:inline-block; text-align:center;}
body.KBody.Event.Roll > header > div > h4{ background-color:#fff;  color:#384184; display:inline-block; text-align:center; line-height:1.6; margin-top:1em; font-size:18px; font-family:'NanumSquareRound'; padding:1em; border-radius:1em;}
body.KBody.Event.Roll > header > div > p{ background-color:#fff;  color:#384184; display:inline-block; text-align:center; line-height:1.6; margin-top:1em; font-size:18px; font-weight:900; font-family:'NanumSquareRound'; padding:1em; border-radius:1em; margin-top:70px; position:relative; min-width:280px;}
body.KBody.Event.Roll > header > div > p:before{ content:"+"; font-size:60px; color:#fff; position:absolute; left:50%; margin-left:-20px; top:-80px;}

body.KBody.Event.Roll > header > aside{ background-color:#ff5555; display:inline-block; text-align:center; line-height:1.6; margin-top:70px; padding:1em; border-radius:1em; margin-top:70px; position:relative; min-width:280px;}
body.KBody.Event.Roll > header > aside:before{ content:"="; font-size:60px; color:#fff; position:absolute; left:50%; margin-left:-20px; top:-80px;}
body.KBody.Event.Roll > header > aside > h4{ color:#fff; font-size:24px; margin-top:16px; margin-bottom:1em;}
body.KBody.Event.Roll > header > aside > h4 > span{ position:relative;}
body.KBody.Event.Roll > header > aside > h4 > span:before{ content:"ㆍㆍㆍ"; position:absolute; bottom:16px; left:0; width:100%; text-align:center; font-weight:900;}
body.KBody.Event.Roll > header > aside > ul{ display:table; table-layout:fixed;}
body.KBody.Event.Roll > header > aside > ul > li{ display:table-cell; background-color:#fff; border-radius:50%; vertical-align:middle; border:8px solid #ff5555;; width:100px; height:100px;}
body.KBody.Event.Roll > header > aside > ul > li > span{ text-align:center; color:#ff5555; font-size:15px; font-weight:900; display:inline-block;}

body.KBody.Event.Roll > section{ margin-top:1em;}


body.KBody.Event.Roll section{ width:96%; display:inline-block; margin-left:2%;}
body.KBody.Event.Roll section > div{ background-color:#fff; padding:1em; position:relative;}
body.KBody.Event.Roll section > div > h4{display:inline-block; text-align:center; width:100%; margin:1em 0; font-size:30px;font-weight:900;}

body.KBody.Event.Roll section > div > div{ border:1px solid #ddd;}
body.KBody.Event.Roll section ul.head{ display:table; width:100%; table-layout:fixed; float:left;}
body.KBody.Event.Roll section ul.head > li{ display:table-cell; border:1px solid #ddd; padding:6px; font-weight:900; font-family:'NanumSquareRound'; font-family:'NanumSquareRound';}
body.KBody.Event.Roll section ul.body{ display:table; width:100%; table-layout:fixed; float:left;}
body.KBody.Event.Roll section ul.body > li{ display:table-cell; border:1px solid #ddd; padding:6px; height:60px; font-family:'NanumSquareRound'; position:relative;}
body.KBody.Event.Roll section ul.body > li > aside{ display:none; }
body.KBody.Event.Roll section ul > li > span{ font-family:'NanumSquareRound';}
body.KBody.Event.Roll section nav{ width:100%; display:inline-block; margin-top:1em; text-align:center; padding-bottom:2em;}
body.KBody.Event.Roll section nav > a{}
body.KBody.Event.Roll section nav > a > img{ max-width:100%;}
.Holi > span{ color:red;}
.weekday0 > span{ color:red;}
.weekday6 > span{ color:blue;}
.weekdayred > span{ color:red !important;}
.todays{ background-color:#f5dfec;}

#RollBtn img{ display:none; }
#RollBtn{ position:relative; display:inline-block; width:250px; padding:0.5em 0; background-color:#ff99cc; position:relative; font-size:30px; font-weight:bold; color:#fff;}
#RollBtn:before{ width:50px; position:absolute; right:100%; background-color:#ff99cc; border-radius:50%; height:100%; content:""; top:0; margin-right:-25px; }
#RollBtn:after{ width:50px; position:absolute; left:100%; background-color:#ff99cc; border-radius:50%; height:100%; content:""; top:0; margin-left:-25px; }


.completed0{ border:2px solid #373d79; border-radius:50%; width:50px; height:50px; display:inline-block; position:absolute; bottom:0.5em; right:0.5em;}
.completed0 > span{ width:46px; height:46px; display:table; border:1px solid #373d79; border-radius:50%; margin:1px; }
.completed0 > span > span{ font-family:'NanumSquareRound'; color:#373d79;line-height:1.2; display:table-cell; font-size:16px;vertical-align:middle; text-align:center;}

.completedl{ border:2px solid #5073b3; border-radius:50%; width:50px; height:50px; display:inline-block; position:absolute; bottom:0.5em; right:0.5em;}
.completedl > span{ cwidth:46px; height:46px; display:table; border:1px solid #5073b3; border-radius:50%; margin:1px; }
.completedl:after{ content:"★★"; letter-spacing:20px; display:inline-block; position:absolute; bottom:14px; width:50px; left:3px; color:#3f71b8; font-size:12px;}
.completedl > span > span{ font-family:'NanumSquareRound'; color:#373d79;line-height:1.1; display:table-cell; vertical-align:middle; text-align:center; font-size:12px; width:60px;}
.timeview{ position:absolute; bottom:1em; right:1em; display:inline-block;padding:1em; background-color:#ff99cc; border-radius:8px;}
.timeview > ul > li{ font-size:14px; font-family:'NanumSquareRound'; color:#000;}
.timeview > ul > li > ul > li{ margin-left:20px; list-style:disc; font-size:13px;}
.timeview > a{ text-align:center; color:#fff;}

.KBody.Event.Coupon section{ width:940px; display:block; margin:auto;}
.couponhead{ display:none;}
.couponbody1{ position:relative; width:100%; display:inline-block; background-image:url(https://www.k-friends.kr/file/img/sc5.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}
.couponbody1 > div{ background-color:rgba(101,45,136,0.8); padding:3em 0; width:100%; display:inline-block; float:left;}

.couponbody1 > div > aside{ width:70%; margin-left:10%; color:#fff; display:inline-block; background-color:rgba(255,255,255,0.3); border-radius:1em; float:left; margin-top:0.5em; padding:1.5em; padding-left:5%; padding-right:5%;}
.couponbody1 > div > aside > p{ color:#fff; line-height:1.8; font-size:14px; position:relative;}

.couponbody1 > div > aside > p > span{ }
.couponbody1 > div > aside > p > span > b{ color:#fdd31c;}

.couponbody1 > div > ul{ width:80%; margin-left:10%; color:#fff; display:inline-block; background-color:rgba(255,255,255,0.3); padding:10px 0; border-radius:1em 1em 0 0; float:left;}
.couponbody1 > div > ul > li{ display:table; text-align:center; width:49%; float:left;}
.couponbody1 > div > ul > li:nth-child(2){ border-left:1px solid #fff;}

.couponbody1 > div > p{ width:80%; margin-left:10%; color:#fff; display:inline-block; background-color:rgba(255,255,255,0.3); padding:10px 0; border-radius:0 0 1em 1em; text-align:center; border-top:1px solid #fff;}


.couponbody2 > form > h3{ text-align:center; margin:1em 0; font-size:27px;}
.couponbody2 > form > div{ display:table; width:90%; margin-left:5%; margin-right:5%; margin-bottom:3em;}
.couponbody2 > form > div > ul{ display:table-cell; vertical-align:middle; width:80%;}
.couponbody2 > form > div > ul > li{ display:inline-block; width:100%;}
.couponbody2 > form > div > ul > li > label{ display:none;}
.couponbody2 > form > div > ul > li > div{ display:inline-block; width:100%; text-align:center;}
.couponbody2 > form > div > ul > li > div > input[type=text]{ width:90%; display:inline-block; height:30px; font-size:16px; text-align:center; margin-bottom:1px;}
.couponbody2 > form > div > nav{ display:table-cell; vertical-align:middle; width:20%;}
.couponbody2 > form > div > nav > a{ background-color:#652d88; text-align:center; color:#fff; font-size:20px; font-weight:900; width:100%; padding:22px 0; display:inline-block; border-radius:8px;}