DIV#dvBBS {  }
DIV#dvBBS > SECTION.sctCover {  }
DIV#dvBBS > SECTION.sctCover > HEADER { padding-right: 2em }
DIV#dvBBS > SECTION.sctCover > HEADER > A.aCover { box-shadow: 0 0 1em rgba(0, 0, 0, .15); cursor: zoom-in; display: block; position: relative; width: 100% }
DIV#dvBBS > SECTION.sctCover > HEADER > A.aCover > IMG { display: block; height: auto; width: 100% }
DIV#dvBBS > SECTION.sctCover > DIV { padding: 2em 0 0 }
DIV#dvBBS > SECTION.sctCover > DIV > HEADER { font-size: 1.5em; font-weight: 800 }
DIV#dvBBS > SECTION.sctCover > DIV > HEADER > SPAN { border: 2px solid; color: #d52729; border-radius: .5em; display: inline-block; font-size: .66em; font-weight: 700; line-height: 1em; margin-left: .5em; padding: .25em 1em; vertical-align: middle }
DIV#dvBBS > SECTION.sctCover > DIV > DIV.dvSchedule { font-weight: 700; margin-top: 1em }
DIV#dvBBS > SECTION.sctCover > DIV > P { text-indent: 2em }
DIV#dvBBS > SECTION.sctCover > DIV > .ui.textbox { border-top: 1px solid #ddd; column-count: 2; column-gap: 3em; line-height: 2em; margin-top: 1.5em; overflow: hidden; padding-top: 1.5em; text-align: justify; text-overflow: ellipsis }
DIV#dvBBS > SECTION.sctCover > DIV > .ui.textbox > BUTTON { background: none; cursor: pointer; font-weight: 700; margin-left: 1em; text-decoration: underline }
DIV#dvBBS > SECTION.sctCover > DIV > DIV.dvControls { margin-top: 2em }
DIV#dvBBS > SECTION.sctCover > DIV > DIV.dvControls > .ui.button { margin-right: .5em }

DIV#dvBBS > SECTION.sctPhoto .ui.imagebutton > DIV { padding-top: 56.25% }

DIV#dvBBS > SECTION.sctVR DIV.dvVRContent { margin-bottom: 2em; padding-top: 56.25%; position: relative; }
DIV#dvBBS > SECTION.sctVR DIV.dvVRContent:last-child { margin-bottom: 0 }
DIV#dvBBS > SECTION.sctVR DIV.dvVRContent > IFRAME { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100% }
DIV#dvBBS > SECTION.sctYoutube .ui.col { padding-top: 20em; position: relative }
DIV#dvBBS > SECTION.sctYoutube IFRAME { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

DIV#dvBBS > FOOTER { border-top: 1px solid #eee; margin-top: 5em; padding-top: 2em }
DIV#dvBBS > FOOTER A.aPrevButton { border-right: 1px solid #eee }
DIV#dvBBS > FOOTER A.aPrevButton:last-child { border: 0 }


/* write */
#bbswrite {margin:auto;padding:0 0 30px 0;}
#bbswrite td {padding:2px 0 2px 0;}
#bbswrite .editbox {padding:15px 0 15px 0;}
#bbswrite .td1 {width:60px;font-weight:bold;color:#444444;vertical-align:top;padding:10px 0 0 0;letter-spacing:-1px;}
#bbswrite .td2 {}
#bbswrite .td2 .guide {font-size:11px;font-family:dotum;color:#999;padding:10px 0 10px 0;}
#bbswrite .td2 .guide img {position:relative;top:3px;}
#bbswrite .td2 .check {color:#666;}
#bbswrite .td2 .check input {position:relative;top:2px;}
#bbswrite .td2 .input {height:18px;}
#bbswrite .td2 .subject {width:400px;}
#bbswrite .td2 select {margin:1px;width:404px;padding:2px 2px 2px 0;}
#bbswrite .td2 select .cattt {background:#efefef;}
#bbswrite .td2 img {}
#bbswrite .td2 .after {padding:10px 0 0 0;color:#999;font-size:11px;font-family:dotum;letter-spacing:-1px;}
#bbswrite .iconbox {border-left:#e0e0e0 solid 1px;border-top:#e0e0e0 solid 1px;border-right:#e0e0e0 solid 1px;background:#f9f9f9;padding:6px 0 8px 7px;}
#bbswrite .iconbox a {padding:0 3px 0 3px;font-size:11px;font-family:dotum;color:#333;}
#bbswrite .iconbox a:hover {color:#7899C7;}
#bbswrite .iconbox a img {position:relative;top:2px;left:-2px;margin-right:3px;}
#bbswrite .iconbox .split {padding:0 2px 0 2px;margin-bottom:-1px;}
#bbswrite .bottombox {text-align:center;padding:20px 0 20px 0;margin:15px 0 0 0;border-top:#efefef solid 1px;}
#bbswrite .bottombox .btngray {font-weight:bold;width:60px;height:25px;}
#bbswrite .bottombox .btnblue {font-weight:bold;width:80px;height:25px;}
#bbswrite A.aControl { background-color: #888; color: #fff; cursor: pointer; display: inline-block; font-weight: 700; margin-right: .5em; padding: .25em .5em; text-decoration: none }
#bbswrite UL#ulExtraField { margin-top: 1em }
#bbswrite UL#ulExtraField > LI { padding: .5em 0 }
/* @write */