body{ background-image:url(https://file.rh-marathon.com/img/20210813/055702_0.png); background-size:100% auto; background-attachment: fixed; }
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:cover; background-image:url(https://file.rh-marathon.com/img/20210826/040921_0.png); background-size:cover}
section > div.main2{ width:96%; margin:auto; margin-top:4em; margin-bottom:4em; margin-left:2%;}

section > div.main2 > div{ margin-top:4em; margin-bottom:4em;}
section > div.main2 > div > h2{ display:inline-block; width:100%; text-align:center; font-size:34px; font-weight:900; position:relative; margin-bottom:2em; }

.BbsListClass0 .submain1{ width:100%;}
.BbsListClass0 .submain1 > ul.head{ }
.BbsListClass0 .submain1 > ul.head > li{ margin-bottom:0.7em;}
.BbsListClass0 .submain1 > ul.head > li > div { display:flex; width:100%; table-layout:fixed; border-collapse:inherit;}
.BbsListClass0 .submain1 > ul.head > li > div > ins
,.BbsListClass0 .submain1 > ul.head > li > div > h4
,.BbsListClass0 .submain1 > ul.head > li > div > time
,.BbsListClass0 .submain1 > ul.head > li > div > p{color:#fff;background-color:rgba(66,66,66,0.7); border-radius:0.5em;}

.BbsListClass0 .submain1 > ul > li.best{ }
.BbsListClass0 .submain1 > ul > li > div { display:flex; width:100%; table-layout:fixed; border-collapse:inherit;}
.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:inline-block; text-align:center; text-decoration:none; font-weight:900; padding:0.7em 8px; vertical-align:middle; text-align:center; table-layout:fixed; font-size:16px; border-radius:0.5em; float:left;}

.BbsListClass0 .submain1 > ul > li.best > div.listDiv > h4{ width:78%; padding:0.5em 1%; display:inline-block; background-color:#f1f1ff;}
.BbsListClass0 .submain1 > ul > li.best > div.listDiv > p{ width:18%; padding:0.5em 1%; display:inline-block; background-color:#f1f1ff;}
.BbsListClass0 .submain1 > ul > li.best:hover > div.listDiv > h4{ background-color:#FfFfCf;}
.BbsListClass0 .submain1 > ul > li.best:hover > div.listDiv > p{ background-color:#FfFfCf;}


.BbsListClass0 .submain1 > ul.head > li:hover > div > ins
,.BbsListClass0 .submain1 > ul.head > li:hover > div > h4
,.BbsListClass0 .submain1 > ul.head > li:hover > div > time
,.BbsListClass0 .submain1 > ul.head > li:hover > div > p
{ background-color:rgba(66,66,66,0.7);}

.BbsListClass0 .submain1 > ul > li:hover > div > ins
,.BbsListClass0 .submain1 > ul > li:hover > div > h4
,.BbsListClass0 .submain1 > ul > li:hover > div > time
,.BbsListClass0 .submain1 > ul > li:hover > div > p
{ background-color:rgba(255,255,0,0.4)}



.BbsListClass0 .submain1 > ul > li{ margin-bottom:0.3em;}
.BbsListClass0 .submain1 > ul > li > div > ins{ width:20%; margin-right:0.3em; background-color:rgba(255,255,255,0.7);}
.BbsListClass0 .submain1 > ul > li > div > time
,.BbsListClass0 .submain1 > ul > li > div > p
{ width:20%;background-color:rgba(255,255,255,0.7); margin-right:0.3em;}
.BbsListClass0 .submain1 > ul > li > div > h4{ width:40%;background-color:rgba(255,255,255,0.7); margin-right:0.3em;}

.BbsListClass0 .submain1 > ul > li > div > p{ display:inline-block; text-align:center;background-color:rgba(255,255,255,0.7); margin-right:0.3em;}


.BbsListClass0 nav.BbsListNav0{ text-align: center; margin-top:5em; margin-bottom:10em;}
.BbsListClass0 nav.BbsListNav0 > a{ background-color: #000cb4; box-shadow: 1px 1px 2px 1px #000cb4; color: #fff; padding: 0.5em 3em; font-size: 20px; display: inline-block; border-radius: 3em;}

.BbsListClass0 nav.pagelist{ text-align: center; padding: 1em 0;}
.BbsListClass0 nav.pagelist > span{ font-weight: 700; font-size: 16px; background: #f1f1f1;  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 > ul{ }
.BbsReadClass0 .submain1 > ul > li:nth-child(1){ color:#fff;background-color:rgba(66,66,66,0.7);}
.BbsReadClass0 .submain1 > ul > li:nth-child(2){ background-color:rgba(255,255,255,0.7); margin-top:0.3em; margin-bottom:0.3em;}
.BbsReadClass0 .submain1 > ul > li > h4{ padding-left:1em; padding-top:0.5em; font-size:34px; line-height:1.6; color:#fff;}
.BbsReadClass0 .submain1 > ul > li > aside{ padding-right:8px; padding-bottom:8px; font-size:20px; color:#555; text-align:right; color:#fff;}

.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:20px; 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; padding:3em 0;}
.BbsReadNav0 > a{ background-color: #000cb4; box-shadow: 1px 1px 2px 1px #000cb4; color: #fff; padding: 0.5em 2em; font-size: 16px; display: inline-block; border-radius: 3em; margin-right:1em;}
.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;}

.RepFormDiv{ background-color:rgba(255,255,255,0.7)}
.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; font-size:16px;}
.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;}

.RepDiv img{ max-width:100%;}

.repcnt{ color:#F00; font-weight:900; }
.repcnt:before{ content:" ["; color:#444; font-weight:100;}
.repcnt:after{ content:"]"; color:#444; font-weight:100;}
.EditorHeader1{ display:none;}
.EditorSection1 > ul > li > div > input{ width:90%; padding:6px;}

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

.EditorNav1{ text-align:center; width:100%; display:inline-block; padding:3em 0; }
.EditorNav1 > a{background-color: #000cb4; box-shadow: 1px 1px 2px 1px #000cb4; color: #fff; padding: 0.5em 2em; font-size: 16px; display: inline-block; border-radius: 3em; margin-right:1em;}

#EditorFormUl1 > li{ display:flex; width:100%; float:left; margin-bottom:0.5em;}
#EditorFormUl1 > li > label{ width:20%; background-color:#999; color:#fff; text-align:center; padding:0.5em 0; border-radius:0.5em; font-size:16px; }
#EditorFormUl1 > li > div{ width:76%; padding:0.5em 1%; display:inline-block; background-color:#fff; margin-left:1%; border-radius:0.5em; font-size:16px;}
#EditorFormUl1 input{ padding:0.5em; font-size:14px;}
#EditorFormUl1 select{ padding:0.5em; font-size:14px;}

#CouseSelectDiv > span{ display:none;}
#CouseSelectDiv.CouseRunningSelect > span.RunningSpan{ display:inline-block;}
#CouseSelectDiv.CouseCycleSelect > span.CycleSpan{ display:inline-block;}
#CouseSelectDiv.CouseHikingSelect > span.HikingSpan{ display:inline-block;}
#CouseSelectDiv.CouseSwimmingSelect > span.SwimmingSpan{ display:inline-block;}