#TopMenuHelpDesk{ 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;}
.helpdeskbody1{ text-align:center;}
.helpdeskbodyimg{ background-image:url(https://file.k-friends.kr/img/20210302/055410_0.png); background-repeat:no-repeat; width:868px; height:187px; display:inline-block; margin-top:1.5em;}
.helpdeskbody2{ display:none;}

.BbsListClass0 .submain1 > ul{ border-top:1px solid #ccc; display:table; width:100%;}
.BbsListClass0 .submain1 > ul > li{ width:100%; display:table-row; border-bottom:1px solid #ccc; position:relative; font-size:16px;}
.BbsListClass0 .submain1 > ul > li:hover{ background-color:rgba(30,119,189,0.1);}
.BbsListClass0 .submain1 > ul > li > div{ text-align:center; border-bottom:1px solid #ccc; padding:0.5em 0; background-color:#fff;}
.BbsListClass0 .submain1 > ul > li:nth-child(1){ background-color:#cccccc; text-align:center; font-size:16px;}
.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:180px;}
.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:table-cell; text-align:center; text-decoration:none;border-bottom:1px solid #ccc; padding:6px;}
.BbsListClass0 .submain1 > ul > li > strong{ display:table-cell; text-align:center; border-bottom:1px solid #ccc; padding:6px;font-weight:100;}
.BbsListClass0 .submain1 > ul > li > h4{ display:table-cell; border-bottom:1px solid #ccc; padding:6px; font-weight:100;}
.BbsListClass0 .submain1 > ul > li > h4 > span{ position:relative; color:#f00; font-weight:100; font-size:13px;}
.BbsListClass0 .submain1 > ul > li > h4 > span:before{ content:" [";}
.BbsListClass0 .submain1 > ul > li > h4 > span:after{ content:"]";}
.BbsListClass0 .submain1 > ul > li > time{ display:table-cell; text-align:center;border-bottom:1px solid #ccc; padding:6px;}
.BbsListClass0 .submain1 > ul > li > aside{ display:table-cell; text-align:center;border-bottom:1px solid #ccc; padding:6px;}
.BbsListClass0 .submain1 > ul > li > b{ display:table-cell; font-weight:100; text-align:center;border-bottom:1px solid #ccc; padding:6px;}

.BbsListClass0 nav.BbsListNav0{ text-align: center; margin-bottom:3em;}
.BbsListClass0 nav.BbsListNav0 > a{ display:inline-block; text-align:center; padding:0.5em 0; width:160px; border:2px solid #ddd; margin:0.5em; font-weight:900;}
.BbsListClass0 nav.BbsListNav0 > a:nth-child(2){ color:#fff;}
.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 ul > li.Status0{ color:green; }
.BbsListClass0 ul > li.Status0 > ins{ color:green; }
.BbsListClass0 ul > li.Status0 > h4{ color:green; }
.BbsListClass0 ul > li.Status0 > h4 > a{ color:green; }
.BbsListClass0 ul > li.Status0 > strong{ color:green; }
.BbsListClass0 ul > li.Status0 > time{ color:green; }
.BbsListClass0 ul > li.Status0 > aside{ color:green; }

.BbsListClass0 ul > li.Status1{ color:cornflowerblue; }
.BbsListClass0 ul > li.Status1 > ins{ color:cornflowerblue; }
.BbsListClass0 ul > li.Status1 > h4{ color:cornflowerblue; }
.BbsListClass0 ul > li.Status1 > h4 > a{ color:cornflowerblue; }
.BbsListClass0 ul > li.Status1 > strong{ color:cornflowerblue; }
.BbsListClass0 ul > li.Status1 > time{ color:cornflowerblue; }
.BbsListClass0 ul > li.Status1 > aside{ color:cornflowerblue; }

.BbsListClass0 ul > li.Status2{ color:#555555; }
.BbsListClass0 ul > li.Status2 > ins{ color:#555555; }
.BbsListClass0 ul > li.Status2 > h4{ color:#555555; }
.BbsListClass0 ul > li.Status2 > h4 > a{ color:#555555; }
.BbsListClass0 ul > li.Status2 > strong{ color:#555555; }
.BbsListClass0 ul > li.Status2 > time{ color:#555555; }
.BbsListClass0 ul > li.Status2 > aside{ color:#555555; }

.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 > ul{ position:relative;}
.BbsReadClass0 .submain1 > ul > li:after{ position:absolute; right:0; top:0.5em; color:#fff; padding:0.5em 2em; border-radius:1em; display:inline-block; font-size:16px; font-weight:900;}
.BbsReadClass0 .submain1 > ul > li.Status0:after{ content: "접수중"; background-color:beige;}
.BbsReadClass0 .submain1 > ul > li.Status1:after{ content: "확인중"; background-color:cornflowerblue;}
.BbsReadClass0 .submain1 > ul > li.Status2:after{ content: "완료"; background-color:#555;}

.RepFormDiv > form > fieldset{ display:inline-block; width:100%;}
.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;}

.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 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;}