.writebtn {display: flex;justify-content: end;gap: 10px;margin: 0 25px;}
.writebtn a {color: #fff;border-radius: 5px;font-size: 15px;padding: 8px 10px;}
.writebtn .select {border: 0;background: #141414;margin-right: auto;color: #fff;}
.writebtn .btno {background: #222;border: 1px solid #777;}
.writebtn .btnt {background: #333;}
.freeboardtop {background: #333;font-size: 15px;display: flex;align-items: center;justify-content: left;padding: 0 25px;gap: 10px;height: 40px;margin-top: 10px;color: #fff;}
.freeboardtop span {font-size: 13px;background: #e5972d;border-radius: 5px;color: #fff;padding: 5px 7px;}

/* Message */
.msgnum {background: #333;color: #fff;font-size: 13px;padding: 10px 0;text-align: center;}
.msgchkbtn {background: #141414;border-bottom: 1px solid #333;display: flex;align-items: center;justify-content: space-between;padding: 7px 25px;font-size: 14px;}
.msgchkbtn input {margin-right: 10px;}
.msgchkbtn a {padding: 2px 7px;color: #fff;border-radius: 5px;}
.msgchkbtn a.ok {background: #e5972d;}
.msgchkbtn a.selec {background: #777;}
.msgcount {display: flex;justify-content: space-between;margin: 10px;font-size: 14px;letter-spacing: -1px;font-weight: bold;color: #7c7c7c;}
.msgicons {display: flex;align-items: center;justify-content: left;gap: 5px;margin-bottom: 5px;}
.msgicons em {display: block;}
.msgicons em.msgicon {width: 17px !important;height: 17px !important;}
.msgicons img {height: 10px;}
.msgwrap {font-size: 14px;}
.msgwrap ul.notice {background: url(../assets_mobile/img/speaker_blue.png) #e5edfb no-repeat;background-size: 20px 17px;background-position: 10px 18px;padding-left: 40px;}
.msgwrap ul.event {background: url(../assets_mobile/img/speaker_orange.png) #fff5d7 no-repeat;background-size: 20px 17px;background-position: 10px 18px;padding-left: 40px;}
.msgwrap ul.notice .subject {color: #0056a6;}
.msgwrap ul.event .subject {color: #a65600;}
.msgwrap ul {display: flex;align-items: center;gap:10px;border-bottom: 1px solid #333;position: relative;height: 67px;margin: 0 25px;}
.msgwrap ul li {width: 100%;position: relative;}
.msgwrap ul li.msgcon { /*flex-basis: 70%;*/ }
.msgwrap ul .check {width: 20px;}
.msgwrap ul .msgicon {width: 37px;height: 30px;}
.msgwrap ul .msgdate {width: 86px;font-size: 13px;color: #8e8e8e;}
.msgwrap ul .trashicon{width: 22px;height: 24px;position: absolute;right: 15px;}
.msgwrap ul.on .msgicon{background: url(../assets_mobile/img/close_message.svg) no-repeat;}
.msgwrap ul.off .msgicon{background: url(../assets_mobile/img/open_message.svg) no-repeat;}
.msgwrap ul.on .trashicon{background: url(../assets_mobile/img/trash_on.png) no-repeat;background-size: 22px 24px;}
.msgwrap ul.off .trashicon{background: url(../assets_mobile/img/trash_off.png) no-repeat;background-size: 22px 24px;}
.msgwrap ul li .arrow {position: absolute;right: 0;top: 20px;}

.msgwrap .subject {display: flex;align-items:center;font-size: 14px;padding-right: 40px;color: #fff;}
.msgwrap .subjecttxt {word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.msgwrap .subjecttxt1 {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.msgwrap .date {display: block;color: #8e8e8e;font-size: 12px;margin-top: 7px;position: relative;}
.msgwrap .name {display: block;margin-top: 7px;}
.msgwrap .name img {height: 15px;}
.level {position: absolute;width: 31px;text-align: center;left: 0;top: 4px;color: #000;font-weight: bold;font-size: 10px;}
.level1 {background: url(../assets_mobile/img/level1.png) left center no-repeat;background-size: 18px;padding: 0 0 0 23px;position: relative;}
.level2 {background: url(../assets_mobile/img/level2.png) left center no-repeat;background-size: 18px;padding: 0 0 0 23px;position: relative;}
.level3 {background: url(../assets_mobile/img/level3.png) left center no-repeat;background-size: 18px;padding: 0 0 0 23px;position: relative;}
.level4 {background: url(../assets_mobile/img/level4.png) left center no-repeat;background-size: 18px;padding: 0 0 0 23px;position: relative;}
.level5 {background: url(../assets_mobile/img/level5.png) left center no-repeat;background-size: 18px;padding: 0 0 0 23px;position: relative;}
.level6 {background: url(../assets_mobile/img/level6.png) left center no-repeat;background-size: 18px;padding: 0 0 0 23px;position: relative;}
.level7 {background: url(../assets_mobile/img/level7.png) left center no-repeat;background-size: 18px;padding: 0 0 0 23px;position: relative;}
.msgwrap .comment {position: absolute;right: 0;bottom: -10px;border-radius: 5px;width: 34px;height: 54px;background: #555;font-size: 11px;display: flex;align-items: center;justify-content: center;flex-direction: column;color: #fff;}
.msgwrap .comment span {margin-top: 5px;color: #fff;}
.servicename {margin-bottom: 5px;font-size: 11px;display: inline-block;}
.on .msgcon .subject {color: #fff;}

.qnalistwrap {border-top: 1px solid #333;margin-top: 10px;}
.qnalistwrap>ul {height: auto;padding: 10px 0;display: block;}
.qnalistread {margin-top: 5px;}
.qnalistread.complet {border-top: 1px solid #8e8e8e;}
.qnalistread.progress {border-top: 1px solid #8e8e8e;}
.qnalistread .writing {margin: 5px 0 10px;word-wrap: break-word;font-size: 13px;line-height: 1.2em;color: #fff;white-space: pre-line;}
.qnalistread .reply {padding: 0 0 0 22px;background: url(../assets_mobile/img/icon_reply.svg) no-repeat;}
.qnalistread .reply p{background: #141414;border: 1px solid #666;word-break: break-all;color: #fff;font-size: 12px;padding: 10px 10px 20px;}

.newicon {color: #fff;background: #ff1237;padding: 1px 3px;font-size: 11px;margin-left: 5px;}
.noticeicon {color: #fff;background: #00a1e9;border-radius: 20px;padding: 2px 6px;font-size: 12px;margin-right: 5px;}
.eventicon {color: #fff;background: #ffab39;border-radius: 20px;padding: 2px 6px;font-size: 12px;margin-right: 5px;}
.compleicon {color: #fff;background: #e1423c;border-radius: 20px;padding: 3px 6px;font-size: 10px;margin-bottom: 5px;display: inline-block;}
.waiticon {color: #fff;background: #319e8a;border-radius: 20px;padding: 3px 6px;font-size: 10px;margin-bottom: 5px;display: inline-block;}
.accounticon {color: #fff;background: #41b06c;border-radius: 20px;padding: 2px 6px;font-size: 12px;margin-right: 5px;}
.qnaicon {color: #fff;background: #67318f;border-radius: 20px;padding: 2px 6px;font-size: 10px;margin-bottom: 5px;display: inline-block;}

.betlistaddbtn {background: #41b06c;color: #fff;border-radius: 6px;padding: 10px 15px;display: inline-block;}

.msgreadwrap {font-size: 14px;}
.msgreadhead {color: #fff;border-bottom: 1px solid #333;display: flex;justify-content: space-between;align-items: center;padding: 12px 25px;}
.msgreadhead>div:first-child {width: calc(100% - 30px);}
.msgreadname {font-size: 15px;word-break: break-word;}
.msgreadtime {margin-top: 10px;font-size: 11px;position: relative;color: #8e8e8e;}
.msgreadtime .logo img {height: 12px;vertical-align: middle;margin-right: 10px;}
.msgreadtime .time {color: #7b7b7b;border-left: 1px solid #333;padding-left: 5px;margin-left: 5px;}
.boardcomment {border-top: 5px solid #333;padding: 10px 25px;display: block;font-size: 13px;border-bottom: 1px solid #333;margin-top: 20px;color: #fff;}
.msgreadconwrap {padding: 10px 25px 100px;color: #fff;}
.msgreadconname {padding: 10px;border: 1px solid #ddd;border-radius: 6px;margin-bottom: 10px;color: #585858;word-break: break-all;}
.msgreadcon {white-space: pre-wrap;word-break: break-all;line-height: 1.5em;}
.removedel {font-size: 11px;color: #8e8e8e;}
.removedel a {display: block;}
.removedel a:first-child {margin-bottom: 10px;}
.addfile {padding: 10px 25px;font-size: 11px;border-bottom: 1px solid #e6e6e6;}
.addfile a:first-child {margin-top: 0;}
.addfile a {color: #8e8e8e;text-decoration: underline;display: block;margin-top: 5px;}
.addfile a img {margin-right: 5px;}
.servicewritehead {border-top: 1px solid #333;border-bottom: 1px solid #333;padding: 10px 25px;}
.servicewritehead input {color: #fff;}
.servicewritehead select {border: 0;background: #141414;color: #fff;width: 120px;height: 35px;}
.servicewriteinput input {width: calc(100% - 50px);height: 30px;margin: 0;padding: 10px 25px;border: 0;border-bottom: 1px solid #333;background: #141414;color: #fff;}
.servicewriteinput input::placeholder {font-size: 15px;color: #8e8e8e;}
.servicewriteinput textarea {resize: none;width: calc(100% - 50px);height: 200px;padding: 10px 25px;border: 0;border-bottom: 1px solid #333;background: #141414;color: #fff;}
.servicewriteinput textarea::placeholder {font-size: 12px;color: #bebebe;}

.qnawrap {margin: 10px;font-size: 14px;line-height: 1.2em;}
.que {position: relative;padding: 10px;cursor: pointer;border: 1px solid #e86c67;border-radius: 12px;box-shadow: 1px 0px 5px 1px #ddd;margin-bottom: 10px;display: flex;align-items: center;justify-content: space-between;gap:10px;background: #fff8f8;}
.quename span {display: block;margin-top: 5px;}
.que .arrow {background: url(../assets_mobile/img/bottom.png) no-repeat;width: 10px;height: 10px;width: 20px;height: 10px;background-size: 12px;}
.que.on .arrow {background: url(../assets_mobile/img/top.png) no-repeat;background-size: 12px;}
.anw {overflow: hidden;background: #f9fffe;padding: 20px 10px 10px;border: 1px solid #319e8a;margin-top: -20px;margin-bottom: 10px;border-radius: 0 0 12px 12px;}
.qnacon {white-space: pre-line;}

.ruleboard {border-radius: 6px;border: 1px solid #ddd;margin: 10px;box-shadow: 1px 0px 5px 1px #ddd;font-size: 13px;}
.ruleboard ul {display: flex;align-items: center;}
.ruleboard ul li {padding: 10px 0;text-align: center;line-height: 1.2em;}
.ruleboard ul li:nth-child(1) {flex-basis: 25%;}
.ruleboard ul li:nth-child(2) {flex-basis: 20%;}
.ruleboard ul li:nth-child(3) {flex-basis: 55%;text-align: left;}
.ruleboard ul.head {background: #fafafa;font-weight: bold;color: #454545;}
.ruleboard ul.head li, .ruleboard2 ul.head li {text-align: center !important;}
.ruleboard ul.con {border-top: 1px solid #ddd;color: #585858;}
.ruleboard2 ul li:nth-child(1) {flex-basis: 35%;}
.ruleboard2 ul li:nth-child(2) {flex-basis: 65%;text-align: left;}

.boardcommentwrap {border-top: 5px solid #333;}
.commentinput {padding: 10px 25px 0;font-size: 14px;color: #fff;}
.commenthead {font-size: 12px;color: #fff;}
.commenthead .boardcomment {top: 5px;}
.commenttime {color: #8e8e8e;font-size: 12px;margin-top: 5px;display: block;}
.commenttxt {display: flex;margin-top: 10px;align-items: center;gap: 10px;}
.commenttxt span {border: 0;font-size: 13px;width: 100%;word-break: break-all;}
.commenttxt textarea {border: 1px solid #333;background: #141414;color: #fff;padding: 10px;height: 34px;border-radius: 5px;resize: none;width: calc(100% - 70px);font-size: 12px;}
.commenttxt a {background: #141414;border: 1px solid #666;color: #fff;border-radius: 5px;width: 40px;height: 54px;line-height: 54px;text-align: center;font-size: 12px;}
.commentbtn {margin: 10px 0;}
.commentbtn a:first-child {margin-right: 5px;}
.commentbtn a {border: 1px solid #b7b7b7;border-radius: 6px;font-size: 12px;color: #d52e2e;padding: 3px 7px;display: inline-block;font-weight: bold;}
.commenttop {padding-bottom: 10px;border-bottom: 1px solid #333;}
.commentbottom {}
.commentre {background: url(../assets_mobile/img/re.png) no-repeat;padding: 10px 0 0 30px;background-size: 15px;background-position: 5px 15px;}
.commenthead .level {/*top: 8px;*/}
