@charset "utf-8";

/* bbs-write */

.bbs-write {padding:0 0 0 0;}
.bbs-write .section:nth-child(1) {margin-top:30px;}
.bbs-write .section:nth-child(n+2) {margin-top:50px;}
.bbs-write .title {padding-bottom:15px; border-bottom:1px solid #555555;}
.bbs-write .title p {margin:-5px 0 -4px 0;}
.bbs-write .title p {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:1.4; font-size:20px; color:#000000;}

.bbs-write .list-f {position:relative; border-top:1px solid #e8e8e8; background-color:#fff;}
.bbs-write .list-f:last-child,
.bbs-write .list-f.last {border-bottom:1px solid #e8e8e8;}

.bbs-write .list-f > ul > li:nth-child(1) {
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-direction: row;
    -moz-box-direction: row;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-align-items:center;
    -ms-flex-align:center;
}
.bbs-write .list-f > ul > li:nth-child(1) {position:absolute; left:0; top:0; width:180px; height:100%;}
.bbs-write .list-f > ul > li:nth-child(1) p {position:relative; margin:-3px 0 -2px 20px; text-align:left;}
.bbs-write .list-f > ul > li:nth-child(1) p {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:1.4; font-size:15px; color:#000000;}
.bbs-write .list-f > ul > li:nth-child(1) p.req {display:inline-block;}
.bbs-write .list-f > ul > li:nth-child(1) p.req:after {content:'✔';}
.bbs-write .list-f > ul > li:nth-child(1) p.req:after {display:block; position:absolute; right:-15px; top:0px;}
.bbs-write .list-f > ul > li:nth-child(1) p.req:after {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:1.4; font-size:15px; color:var(--bbs-color1);}
.bbs-write .list-f > ul > li:nth-child(2) {position:relative; margin-left:180px; padding:15px 0 15px 0; vertical-align:middle;}
.bbs-write .list-f > ul > li:nth-child(2).ty-25 {padding-top:25px; padding-bottom:25px;}
.bbs-write .list-f > ul > li:nth-child(2).ty-20 {padding-top:20px; padding-bottom:20px;}

.bbs-write .lists.ty-middle .list-f > ul > li:nth-child(2),
.bbs-write .list-f.ty-middle > ul > li:nth-child(2) {display:flex; flex-direction:row; align-items:center; min-height:40px;}

.bbs-write .bbs-form .checkbox label:hover p {text-decoration:underline;}

/* ie10+ */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {

.bbs-write .lists.ty-middle .list-f > ul > li:nth-child(2),
.bbs-write .list-f.ty-middle > ul > li:nth-child(2) {height:40px;}

}

.bbs-write .editor {margin-top:30px; background-color:#fff;}
.bbs-write .editor textarea {height:500px;}

.bbs-write .help {display:inline-block; vertical-align:middle;}
.bbs-write .help {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:1.4; font-size:15px; color:#999999;}

.bbs-write .wrap-hashtag {background-color:#fafafa; border:1px solid #b5b5b5 !important; border-top:0; padding:20px;}
.bbs-write .wrap-hashtag .input {background-color:#fff;}
.bbs-write .wrap-hashtag .input.focus {background-color:#ffffc4;}
.bbs-write .wrap-hashtag:before {display:block; content:''; position:absolute; left:-1px; bottom:-2px; width:calc(100% + 2px); height:0; border-bottom:1px solid #e8e8e8;}
.bbs-write .wrap-hashtag p {margin:-3px 0 -2px 0;}
.bbs-write .wrap-hashtag p {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:19px; font-size:15px; color:#000004;}

.bbs-write .wrap-video .textarea {margin-right:112px;}
.bbs-write .wrap-video .btn {display:block; position:absolute; right:0; top:15px; width:102px; height:102px; background-color:#666; border-radius:3px; text-align:center; cursor:pointer;}
.bbs-write .wrap-video .btn {text-decoration:none; font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:102px; font-size:15px; color:#ffffff;}
.bbs-write .wrap-video .btn:hover {background-color:#000000;}

.bbs-write .wrap-file .items {display:block;}

.bbs-write .files {display:block;}

.bbs-write .filebtn {z-index:1; position:relative; display:inline-block; vertical-align:middle; border-radius:3px; background-color:#666; text-align:center;}
.bbs-write .filebtn input {z-index:1; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:transparent; opacity:0; cursor:pointer;}
.bbs-write .filebtn span {display:inline-block; vertical-align:middle; overflow:hidden; position:relative; top:-1px; padding:0 20px 0 20px; height:40px; cursor:pointer;}
.bbs-write .filebtn span {text-decoration:none; font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:40px; font-size:13px; color:#ffffff;}
.bbs-write .filebtn:hover {background-color:#000000;}

.bbs-write .filetx {margin-left:10px; display:inline-block; vertical-align:middle;}
.bbs-write .filetx {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:40px; font-size:12px; color:#666666;}

.bbs-write .fileinfo {margin-top:8px; position:relative; display:none; background-color:#fafafa; padding:15px;}
.bbs-write .fileinfo .block {display:flex; align-items:center; width:100%; min-height:16px; word-break:break-all;}
.bbs-write .fileinfo .filethumb {display:flex; align-items:center; justify-content:center; text-align:center; margin-right:10px; width:60px; height:60px; background-color:#e1e1e1;}
.bbs-write .fileinfo .filethumb img {display:inline-block; vertical-align:middle; max-width:60px; max-height:60px; border:0;}
.bbs-write .fileinfo .download {margin-top:-3px; margin-right:40px; display:inline-block;}
.bbs-write .fileinfo .filename {display:inline;}
.bbs-write .fileinfo .filename {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:18px; font-size:15px; color:#000000;}
.bbs-write .fileinfo .filesize {display:inline; margin-left:5px;}
.bbs-write .fileinfo .filesize {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:18px; font-size:12px; color:#ff0808;}

.bbs-write .submit {display:block; padding:70px 0 150px 0; text-align:center;}
.bbs-write .submit li {display:inline-block;}
.bbs-write .submit li:nth-child(1) a {text-decoration:none; position:relative; display:inline-block; width:200px; height:59px; background-color:#ccc; text-align:center; border-radius:4px; cursor:pointer;}
.bbs-write .submit li:nth-child(1) a {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:59px; font-size:18px; color:#ffffff;}
.bbs-write .submit li:nth-child(1) a:hover {background-color:#999;}
.bbs-write .submit li:nth-child(2) {margin-left:10px;}
.bbs-write .submit li:nth-child(2) span {position:relative; display:inline-block; width:200px; height:59px; background-color:#555; text-align:center; border-radius:4px; cursor:pointer;}
.bbs-write .submit li:nth-child(2) span {font-family: var(--family-medium);font-weight: var(--weight-medium); line-height:59px; font-size:18px; color:#ffffff;}
.bbs-write .submit li:nth-child(2) span:hover {background-color:#000;}

.bbs-write .submit .btn {position:relative; display:inline-block; width:200px; height:59px; background-color:var(--bbs-color1); text-align:center; border-radius:4px; cursor:pointer;}
.bbs-write .submit .btn {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:59px; font-size:18px; color:#ffffff;}
.bbs-write .submit .btn:hover {background-color:var(--bbs-color2);}

.bbs-write .thumbguide {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    font-family: var(--family-regular);font-weight: var(--weight-regular);
    line-height: 40px;
    font-size: 12px;
    color: #666666;
}