section{ width:100%;}
header{ position:absolute; z-index:3; left:0; top:0;}
header > a > span{ color:#fff; }
section > div.main1{ width:100%; height:300px; background-position:center center; background-size:auto 100%;background-image:url(https://file.k-friends.kr/img/20210409/064519_0.png); background-size:cover}
section > div.main2{ width:100%; display:block;  max-width:800px; margin:auto;}
section > div.main2 > div{ margin-top:4em; margin-bottom:4em;}


section > div.main2 > div{ margin-top:3em; margin-bottom:3em;}
section > div.main2 > div > h2{ text-align:center; width:100%; display:inline-block; margin-bottom:1.5em;}



.BbsListClass0 .submain1{ width:94%; margin:auto;}
.BbsListClass0 .submain1 > ul.head{ border-top:1px solid #ddd; background-color:#f1f1f1;}
.BbsListClass0 .submain1 > ul > li > div {display:table; width:100%; table-layout:fixed; border-bottom:1px solid #ddd;}
.BbsListClass0 .submain1 > ul > li > div > ins
,.BbsListClass0 .submain1 > ul > li > div > h4
,.BbsListClass0 .submain1 > ul > li > div > time
,.BbsListClass0 .submain1 > ul > li > div > p
{ display:table-cell; text-align:center; text-decoration:none; font-weight:900; padding:6px;}

.BbsListClass0 .submain1 > ul > li > div > ins{ width:20%;}
.BbsListClass0 .submain1 > ul > li > div > time
,.BbsListClass0 .submain1 > ul > li > div > p
{ width:25%;}
.BbsListClass0 .submain1 > ul > li > div > p{ display:table-cell; text-align:center; padding:6px;}



.BbsListClass0 nav.BbsListNav0{ text-align: center;}
.BbsListClass0 nav.BbsListNav0 > a{  border: 2px solid #ddd; display: inline-block; padding: 1em 0; width: 120px; text-align: center; margin: 0.2em; color: #fff; background-color: #000;}

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

.BbsReadClass0 .submain1{ width:94%; margin:auto;}
.BbsReadClass0 .submain1 > ul > li > h4{ padding-left:8px; padding-top:8px; border-top:1px solid #ddd; background-color:#f1f1f1; font-size:18px; line-height:1.6;}
.BbsReadClass0 .submain1 > ul > li > aside{ padding-right:8px; padding-bottom:8px; font-size:12px; color:#555; border-bottom:1px solid #ddd; background-color:#f1f1f1; text-align:right;}

.BbsReadClass0 .submain1 > ul > li div.ReadContent .readLogin{ text-align:center; padding:4em 0;}
.BbsReadClass0 .submain1 > ul > li div.ReadContent .readLogin input[type=password]{ font-size:16px; height:30px; margin:8px;}
.BbsReadClass0 .submain1 > ul > li > div.ReadContent{ padding:8px; line-height:1.6; min-height:500px; border-bottom:1px solid #ddd;}
.BbsReadClass0 .submain1 > ul > li > div.ReadContent img{ max-width:100%;}
.BbsReadClass0 .submain1 > ul{ border-left:1px solid #ddd; border-right:1px solid #ddd;}

.BbsReadNav0{ width:100%; display:inline-block;}
.BbsReadNav0 > a{ display:inline-block; text-align:center; padding:0.5em 2em; margin:6px; border:1px solid #555; border-radius:0.5em; float:left;}
.BbsReadNav0 > span{ padding:0.3em; border:1px solid #ddd; display:inline-block; margin:6px; float:left;}
.BbsReadNav0 > span > input{ display:inline-block; text-align:center; padding:0.5em 2em; border:1px solid #555; float:left;}
.BbsReadNav0 > span > a{ display:inline-block; text-align:center; padding:0.2em 1em; border:1px solid #555; border-radius:0.2em; margin-left:0.3em; float:left;}
.BbsReadNav0 > span > a#BbsReadBtn3{ background-color:#555; color:#fff;}
.BbsReadNav0 > span > a#BbsReadBtn5{ background-color:#555; color:#fff;}



.BbsReadClass0 .submain1 > ul > li > div.ReadContent{ min-height:500px;}

.RepFormDiv textarea{ width:80%; height:56px; float:left;}
.RepFormDiv a{ width:18%; display:inline-block; padding:1em 0; text-align:center; background-color:#000; color:#fff;}

.RepDiv{ border-top:1px solid #ddd; padding-top:0.5em; margin-top:0.5em;}
.RepDiv > ul > li{ padding:0.5em 5%;; border-bottom:1px solid #ddd; width:90%; position:relative;}
.RepDiv > ul > li > p{ margin-left:140px; position:relative; padding-bottom:3em; }
.RepDiv > ul > li > p:before{ content:"RH_Korea사무국 : "; position:absolute; right:100%; top:0; width:140px;}
.RepDiv > ul > li > time{ position:absolute; right:0.5em; bottom:0.5em;}
.RepDiv > ul > li > a{ position:absolute; right:8em; bottom:0.5em;}
.repcnt{ color:#F00; font-weight:900; }
.repcnt:before{ content:" ["; color:#444; font-weight:100;}
.repcnt:after{ content:"]"; color:#444; font-weight:100;}
.EditorSection1 > ul > li > div > input{ width:90%; padding:6px;}

.EditorSection1 > ul > li > div > input{ width:90%; padding:6px;}

.EditorNav1{ margin:2em; text-align:center; }
.EditorNav1 > a{background-color:#000; color:#fff; display:inline-block; width:100px; text-align:center; padding:14px 0; margin:6px;}