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:200px; background-position:center center; background-size:auto 100%;background-image:url(https://file.k-friends.kr/img/20210412/052937_0.png);background-size:cover}
section > div.main2{ width:100%; display:inline-block}

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; font-size:30px;}


.BbsListClass0 .submain1{ width:94%; margin:auto;}
.BbsListClass0 .submain1 > ul.head{ display:none;}


.BbsListClass0 .submain1 > ul > li{ width:100%; display:inline-block; text-align:center; text-decoration:none; font-weight:900; padding:0.7em 0; vertical-align:middle; text-align:center; table-layout:fixed; font-size:16px; border-radius:0.5em; float:left; background-color:rgba(255,255,255,0.7); margin-bottom:0.5em;}
.BbsListClass0 .submain1 > ul > li > div{ width:90%; text-align:left; display:inline-block; position:relative; padding:0.5em 5%;}
.BbsListClass0 .submain1 > ul > li > div > ins{ width:100%; text-decoration:none; color:#999;}
.BbsListClass0 .submain1 > ul > li > div > h4{ font-size:20px; margin-top:0.5em;}
.BbsListClass0 .submain1 > ul > li > div > h4 > span{ font-size:16px;}
.BbsListClass0 .submain1 > ul > li > div > p{ font-size:16px;}
.BbsListClass0 .submain1 > ul > li > div > p:before{ content:"";}
.BbsListClass0 .submain1 > ul > li > div > time{ position:absolute; right:1em; top:0.5em;}

.BbsListClass0 .submain1 > ul > li.best{  background-color:rgba(0,0,0,0.3);}
.BbsListClass0 .submain1 > ul > li.best > div.listDiv{ background-color:#f1f1ff; margin:0 2%; width:86%; display:inline-block; padding:0.1em 5%; border-radius:0.3em;}
.BbsListClass0 .submain1 > ul > li.best > div.listDiv > h4{ }
.BbsListClass0 .submain1 > ul > li.best > div.listDiv > p{ margin-bottom:0.7em; }
.BbsListClass0 .submain1 > ul > li:hover > div.listDiv > h4{ }
.BbsListClass0 .submain1 > ul > li:hover > div.listDiv > p{ }


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

.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{ width:94%; margin:auto;}
.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:16px; 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: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; 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; width:80px; padding:0.1em 2em; border:1px solid #555; float:left;}
.BbsReadNav0 > span > a{ display:inline-block; text-align:center; padding:0.1em 0.5em; border:1px solid #555; border-radius:0.2em; margin-left:0.3em; float:left; font-size:13px;}
.BbsReadNav0 > span > a#BbsReadBtn3{ background-color:#555; color:#fff;}
.BbsReadNav0 > span > a#BbsReadBtn5{ background-color:#555; color:#fff;}

#EditorFormUl1 > li{ width:96%; display:flex; float:left; margin-bottom:0.5em; margin-left:2%;}
#EditorFormUl1 > li > label{ width:20%; background-color:#999; color:#fff; text-align:center; padding:0.5em 0; border-radius:0.5em; font-size:16px; display: flex;align-items: center; justify-content: center;}
#EditorFormUl1 > li > div{ display:inline-block; background-color:#fff; margin-left:1%; border-radius:0.5em; font-size:16px; padding:0.5em 1%;}
#EditorFormUl1 > li > div > input[type=text]{ font-size:16px;}
#EditorFormUl1 > li:nth-child(2) > label{ display:none;}
#EditorFormUl1 > li:nth-child(1) > div{ width:76%;}

.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;}
.RepDiv img{ max-width:100%;}

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

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

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

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