header{ display:none;}

.BbsHeader1{ position:relative; width:100%; padding:0.5em 0; float:left; background-color:#652d88; text-align:center; display:inline-block;}
.BbsHeader1 > h2{ margin:0; color:#fff;}
.BbsHeader1 > a{ position:absolute; left:1em; top:10px;}
.BbsHeader1 > a > img{ width:35px; border-radius:5px;}



.BbsListClass0 .submain1 ul{ border-top:1px solid #c2c2c2;}
.BbsListClass0 .submain1 ul > li{ position:relative; width:90%; display:inline-block; float:left; padding:22px 5%; padding-bottom:1em; border-bottom:1px solid #c2c2c2;}
.BbsListClass0 .submain1 ul > li:nth-child(1){ display:none;}

.BbsListClass0 .submain1 ul > li > ins{ display:block; color:transparent; position:relative;}
.BbsListClass0 .submain1 ul > li > ins:before{ text-align:center; display:inline-block; border-radius:32px; padding:2px 0; width:60px; font-size:12px; position:absolute; top:-3px;}

.BbsListClass0 .submain1 ul > li.Status0 > ins:before{ content:"답변대기"; color:#F00; border:1px solid #F00; box-shadow:1px 1px 2px #f00;}
.BbsListClass0 .submain1 ul > li.Status1 > ins:before{ content:"확 인 중"; color:#ff0000; border:1px solid #F00; box-shadow:1px 1px 2px #f00;}
.BbsListClass0 .submain1 ul > li.Status2 > ins:before{ content:"답변완료"; color:#808080; border:1px solid #808080; box-shadow:1px 1px 2px #808080;}
.BbsListClass0 .submain1 ul > li > h4{ width:60%; float:left; display:inline-block; min-height:46px;}
.BbsListClass0 .submain1 ul > li > h4 > a{
overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* ellipsis line */
	-webkit-box-orient: vertical;
	height: 46px;
}
.BbsListClass0 .submain1 ul > li > time{ color:#777; width:35%; float:right; text-align:right; vertical-align:text-bottom; font-size:12px; position:absolute; right:0; bottom:0; padding-bottom:16px; padding-right:5%;}
/*
.BbsListClass0 .submain1 ul > li.ddays0 > ins{ background-image:url(/file/img/2021/days0.png);}
.BbsListClass0 .submain1 ul > li.ddays1 > ins{ background-image:url(/file/img/2021/days1.png);}
.BbsListClass0 .submain1 ul > li.ddays2 > ins{ background-image:url(/file/img/2021/days2.png);}
*/
.BbsListClass0 .submain1 ul > li.newlist1:before{ content:""; width:39px; height:66px; background-image:url(/file/img/2021/new.png); background-repeat:no-repeat; display:inline-block; position:absolute; left:0; top:0; }

.submain1 > p{ display:inline-block; width:90%; padding-left:5%; padding-right:5%; min-height:200px; display:inline-block;}

.BbsListClass0 nav.BbsListNav0{ text-align: center; margin-bottom:3em;}
.BbsListClass0 nav.BbsListNav0 > a{  }

nav.pagelist{ text-align: center; padding: 1em 0; width:100%; display:inline-block;}
nav.pagelist > span{ font-weight: 700; font-size: 16px; background: #fff;  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;  }

.helpdeskbody1{ position:relative; width:100%; display:inline-block; background-repeat:no-repeat; background-size:cover; background-position:center;}
.helpdeskbody1 > div{ background-color:rgba(255,255,255,0.8); padding:2em 0; width:100%; display:inline-block; float:left; text-align:center;}

.helpdeskbodyimg{ background-image:url(/file/img/2021/help.png); background-repeat:no-repeat; background-position:center center; height:150px;}

.helpdeskbody2{ position:relative; width:100%; display:inline-block; float:left; padding-bottom:1em;}
.helpdeskbody2 > div{ width:96%; display:inline-block; padding:0 2%;}
.helpdeskbody2 > div > nav{ width:100%; padding-bottom:12px; display:inline-block;}
.helpdeskbody2 > div > nav > a{ background-color:#000; color:#fff; width:100%; display:inline-block; border-radius:16px; font-weight:900; font-size:20px; text-align:center; padding:8px 0;}
.helpdeskbody2 > div > h3{ width:100%; background-color:#e6e6e6; color:#000; display:inline-block; border-radius:16px; font-weight:900; font-size:20px; text-align:center; padding:8px 0;}

.BbsListClass0 nav.BbsListNav0 > a{ background-color:#000; color:#fff; width:96%; display:inline-block; border-radius:16px; font-weight:900; font-size:20px; text-align:center; padding:8px 0; margin-left:2%; margin-right:2%; margin-top:8px;}

.subdiv{ position:relative; width:100%; display:inline-block; float:left;}


.BbsReadClass0 .submain1 ul.readheader > li{ width:100%; display:inline-block; float:left;  }

.BbsReadClass0 .submain1 ul.readheader > li > h4{ position:relative; display:inline-block; width:90%; padding:40px 5%; padding-bottom:0; font-size:20px;}
/*
.BbsReadClass0 .submain1 ul.readheader > li > h4:before{ content:""; display:block; background-repeat:no-repeat; background-size:100% auto; width:40px; height:18px; color:transparent; overflow:hidden; position:absolute; left:8px; top:8px;}

.BbsReadClass0 .submain1 ul.readheader > li.ddays0 > h4:before{ background-image:url(/file/img/2021/days0.png);}
.BbsReadClass0 .submain1 ul.readheader > li.ddays1 > h4:before{ background-image:url(/file/img/2021/days1.png);}
.BbsReadClass0 .submain1 ul.readheader > li.ddays2 > h4:before{ background-image:url(/file/img/2021/days2.png);}
*/
.BbsReadClass0 .submain1 ul.readheader > li > h4:before{ display:block; position:absolute; left:12px; top:12px; text-align:center; display:inline-block; border-radius:32px; padding:2px 0; width:60px; font-size:12px; font-weight:100;}

.BbsReadClass0 .submain1 ul.readheader > li.Status0 > h4:before{ content:"답변대기"; color:#F00; border:1px solid #F00; box-shadow:1px 1px 2px #f00;}
.BbsReadClass0 .submain1 ul.readheader > li.Status1 > h4:before{ content:"확 인 중"; color:#ff0000; border:1px solid #F00; box-shadow:1px 1px 2px #f00;}
.BbsReadClass0 .submain1 ul.readheader > li.Status2 > h4:before{ content:"답변완료"; color:#808080; border:1px solid #808080; box-shadow:1px 1px 2px #808080;}

/*
.BbsReadClass0 .submain1 ul.readheader > li > h4:before{ content:""; display:block; background-repeat:no-repeat; background-size:100% auto; width:40px; height:18px; color:transparent; overflow:hidden; position:absolute; left:8px; top:8px;}

.BbsReadClass0 .submain1 ul.readheader > li.ddays0 > h4:before{ background-image:url(/file/img/2021/days0.png);}
.BbsReadClass0 .submain1 ul.readheader > li.ddays1 > h4:before{ background-image:url(/file/img/2021/days1.png);}
.BbsReadClass0 .submain1 ul.readheader > li.ddays2 > h4:before{ background-image:url(/file/img/2021/days2.png);}
*/

.BbsReadClass0 .submain1 ul.readheader > li > aside{ color:#c8c8c8; margin:0 5%; padding-bottom:20px; width:90%; display:inline-block;}
.BbsReadClass0 .submain1 ul.readheader > li:nth-child(1){ border-bottom:1px solid #c8c8c8;}
.BbsReadClass0 .submain1 ul.readheader > li:nth-child(2){ padding:12px 5%; width:90%; display:inline-block;}
.BbsReadClass0 .submain1 ul.readheader > li div.ReadContent img{ max-width:100%;}
.BbsReadClass0 .submain1 ul.readheader > li div.ReadContent video{ max-width:100%;}
.BbsReadClass0 .submain1 ul.readheader > li div.ReadContent iframe{ max-width:100%;}


.BbsReadClass0 .submain1 > div.RepFormDiv > form > fieldset{ position:relative; display:table; width:90%; display:block; margin:auto;}
.BbsReadClass0 .submain1 > div.RepFormDiv > form > fieldset > textarea{ width:79%; float:left; height:50px; display:inline-block;}
.BbsReadClass0 .submain1 > div.RepFormDiv > form > fieldset > a{ display:inline-block; width:19%; float:right;  text-align:center; vertical-align:middle; background-color:#652d88; color:#fff; cursor:pointer; font-size:20px; padding:10px 0;}

.BbsReadNav0{ width: 100%; display: inline-block; text-align: center; padding: 2em 0;}
.BbsReadNav0 > a{ background-color: #fff; border: 2px solid #ddd; display: inline-block; padding: 1em 0; width: 120px; text-align: center; margin: 0.2em;}
.BbsReadNav0 > a#BbsReadBtn0{ color: #fff; background-color: #652d88;}
.BbsReadNav0 > a#BbsReadBtn0:hover{ background-color:blueviolet;}


.BbsReadClass0 .RepDiv ul > li{ border-bottom:1px solid #c8c8c8; position:relative; width:100%; display:inline-block; padding-bottom:45px; padding-top:45px;}
.BbsReadClass0 .RepDiv ul > li > h4{ position:relative; display:inline-block; width:90%; padding:0 5%; padding-top:8px; font-size:18px;}
.BbsReadClass0 .RepDiv ul > li > p{ position:relative; display:inline-block; width:90%; padding:0 5%; font-size:16px;}
.BbsReadClass0 .RepDiv ul > li > time{ display:inline-block; font-size:12px; color:#c8c8c8; position:absolute; right:1em; top:12px;}
.BbsReadClass0 .RepDiv ul > li > a{ font-size:12px; display:inline-block; padding:4px 1em; border:1px solid #ddd; border-radius:8px; position:absolute; right:1em; bottom:8px;}

.EditorSection1 > ul{ width:90%; margin-left:5%; display:inline-block; margin-top:1em;}
.EditorSection1 > ul > li{ }
.EditorSection1 > ul > li > label{ display:none;}

.EditorSection1 > ul > li > div{}
.EditorSection1 > ul > li > div > input[type=text]{ width:94%; border:0; padding:12px 3%; margin:0;  border:1px solid #808080; font-size:16px; border-radius:0.4em; margin-bottom:8px;}

.EditorSection1 > ul > li > div > select{ width:94%; border:0; padding:12px 3%; margin:0;  border:1px solid #808080; font-size:16px; border-radius:0.4em; margin-bottom:8px;}
.EditorSection1 > ul > li > div > span{ color:#f00; font-size:12px; display:inline-block; margin-bottom:16px;}


.BbsWriteClass0 #EditorFormUl1.memberExist > li:nth-child(2), 
.BbsWriteClass0 #EditorFormUl1.memberExist > li:nth-child(6), 
.BbsWriteClass0 #EditorFormUl1.memberExist > li:nth-child(7){ display:none;}

.EditorNav1{ width:100%; display:inline-block; float:left; padding:22px 0; margin-bottom:3em;}
.EditorNav1 > a{ background-color:#e6e6e6; color:#000; width:90%; display:inline-block; border-radius:16px; font-weight:900; font-size:20px; text-align:center; padding:8px 0; margin-left:5%; margin-right:5%; margin-top:8px;}