/* wrap */
.bbs-wrap { width:100%; }

/* common */
.bbs-wrap a:not(.btn) { color:#555; }

/* list : category */
.bbs-category { margin-bottom: 2rem; }
.bbs-category ul { }
.bbs-category ul::after { display: block; clear: both; content: ''; }
.bbs-category li { float: left; margin-right: .5rem; margin-bottom: .5rem; }
.bbs-category li:last-child { margin-right: 0; }
.bbs-category li a { display: block; line-height: 2.0; padding: 0 1rem; border: 1px solid #aaa; border-radius: 1rem; font-weight: 500; color: #666; }
.bbs-category li a:hover { border: 1px solid #934d13; background: #fdf5e3; color: #000; }
.bbs-category li a.active { border: 1px solid #934d13; background: #fdf5e3; color: #8b570a; }


/* list search */
.bbs-search { margin:0 0 2rem 0; }
.bbs-search .search-inner { display:flex; justify-content:center; }
.bbs-search .input-group { margin:0 5px 0 0; }


/* list */

.table-list {  }
.table-list .tr-head > th { background-color:#f8f8f8; color:#000000; text-align:center; font-weight:400; padding:1rem 0.625rem 1rem; border-top:2px solid #898989;}
.table-list .title_td { background-color:none; }
.table-list .tr-body > th { padding:0.625rem 0.3125rem 0.625rem; }
.table-list .tr-body > td { padding:0.625rem 0.3125rem 0.625rem; border-bottom:1px solid #dddddd; }
.table-list .tr-body > td a {color:#595959;}
.table-list .tr-body > td a:hover {color:#222; text-decoration:none}
.table-list .tr-body:hover > td {  }
.table-list .tr-body-hover > td {  }
.table-list .tr-head > th > input[type='checkbox'] { margin:0; }
.table-list .tr-body > td > input[type='checkbox'] { margin:0; }
.table-list .td--1 { width:120px; }
.table-list .td--3 { width:150px; }
.table-list .td--4 { width:150px; }
.table-list .td--5 { width:100px; }

.table-list .tr-body .badge { font-weight:350; }

.table-list {  }
.table-list .tr-head { display: flex; align-items: center; border-top:1px solid #bbb; border-bottom:1px solid #bbb; }
.table-list .tr-head div { background-color:#eee; color:#222; text-align:center; font-weight:400; padding:1rem 0.625rem 1rem; }
.table-list .title_td { background-color:none; }
.table-list .tr-body { display: flex; align-items: center; border-bottom:1px solid #bbb; }
.table-list .tr-body > div { padding:0.5rem 0.625rem 0.625rem; }
.table-list .tr-body > div { padding:0.7rem 0.625rem 0.7rem; }
.table-list .tr-body > div a { color:#333; white-space:nowrap; text-overflow: ellipsis; overflow: hidden; }
.table-list .tr-body > div a:hover { color:#3460a7; text-decoration:none; font-weight: 400; }
.table-list .tr-body:hover > div {  }
.table-list .tr-body-hover > div {  }
.table-list .tr-head > div > input[type='checkbox'] { margin:0; }
.table-list .tr-body > div > input[type='checkbox'] { margin:0; }
.table-list .td--1 { width:100px; }
.table-list .td--3 { width:150px; }
.table-list .td--4 { width:150px; }
.table-list .td--5 { width:100px; }
.table-list .td--2 { width:calc(100% - 100px - 150px - 150px - 100px); }
.table-list .td--2 { display: flex; align-items: center; }
.table-list .td--2 .ct-title { margin-right: 3rem; }
.table-list .td--2 .ct { flex: 0 10 auto; /* 유동적인 width를 설정 */ margin-right: 1rem; }
.table-list .td--2 .ct { background: #999; font-size: .9em; border-radius: .5rem; padding: .25rem .5rem; }
.table-list .td--2 .ct a { font-weight: 400; color: #fff; }

.table-list .td--2 .tt { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.table-list .td--2 .tt .fa.fa-lock { color: darkred; }
.table-list .td--2 .tt .fa.fa-link { color: dodgerblue; }
.table-list .td--2 .tt .fa.fa-paperclip { color: #555; }
.table-list .td--2 .cmt { flex: 0 10 auto; /* 유동적인 width를 설정 */ margin-right: 0rem; }
.table-list .tr-body.empty { justify-content: center; height: 8rem; }

@media screen and (max-width: 1024px) {
	.table-list .td--1 { width:90px; }
	.table-list .td--2 { width:calc(100% - 90px - 150px - 130px); }
	.table-list .td--3 { width:150px; }
	.table-list .td--4 { width:130px; padding-left:0 !important; padding-right:0 !important; }
	.table-list .td--5 { display:none; }
}
@media screen and (max-width: 767px) {
	.table-list .td--1 { width:70px; padding-left:0 !important; padding-right:0 !important; }
	.table-list .td--2 { width:calc(100% - 70px - 100px); }
	.table-list .td--3 { width:100px; padding-left:0 !important; padding-right:0 !important; }
	.table-list .td--4 { display: none; }
	.table-list .td--5 { display: none; }
}
@media screen and (max-width: 500px) {
	.table-list .td--1 { display: none; }
	.table-list .td--2 { width:calc(100% - 90px); }
	.table-list .td--3 { width:90px; padding-left:0 !important; padding-right:0 !important; }
	.table-list .td--4 { display: none; }
	.table-list .td--5 { display: none; }
}
@media screen and (max-width: 400px) {
	.table-list .td--1 { display: none; }
	.table-list .td--2 { width: 100%; }
	.table-list .td--3 { display: none; }
	.table-list .td--4 { display: none; }
	.table-list .td--5 { display: none; }
}


/* list : gallery */

div#div-gallery-wrap { display:block; clear:both; }
div#div-gallery-wrap:after { display:block; clear:both; content:''; height:10px; }
div#div-gallery-wrap div.div-gallery-item { float:left; border:1px solid #e5e5e5; width:calc((100% - 60px) / 4);  margin:0 20px 40px 0; }
div#div-gallery-wrap div.div-gallery-item:nth-child(4n) { margin-right: 0; }
div#div-gallery-wrap div.div-gallery-item:hover { border:1px solid #3ea9f9; }

div#div-gallery-wrap div.div-item-img { position:relative; width:100%; height:0; padding-bottom:70%; background:center center / cover no-repeat; }
div#div-gallery-wrap div.div-item-img .div-item-img-in { position:absolute; top:0; left:0; width:100%; height:100%; }
div#div-gallery-wrap div.div-item-img .div-item-img-in img { width:100%; height:100% !important; }
div#div-gallery-wrap div.div-item-subject { margin:5px 5px 15px; height:18px; }
div#div-gallery-wrap div.div-item-subject a { display:inline-block; width:calc(100% - 1px); white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color: #444; }
div#div-gallery-wrap div.div-item-delete { margin:5px; height:18px; }
div#div-gallery-wrap .div-item-delete * { font-size:0.8rem; }
div#div-gallery-wrap .div-item-delete input[type='checkbox'] { margin:0; vertical-align:middle; }
div#div-gallery-wrap .div-item-delete label { cursor:pointer; }



/* write, modify, reply */

.table-write { border-collapse:collapse; }
.table-write tr:nth-child(odd) { border-bottom:1px solid #eeeeee; background-color:inherit !important; }
.table-write tr:nth-child(even) { border-bottom:1px solid #eeeeee; background-color:inherit !important; }
.table-write .th-head,
.table-write .td-head { font-weight:400; border-top:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa; padding:4px 0 4px 10px; background:#f0f0f0; }
.table-write .td-body { border-top:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa; padding: .5rem .5rem; }
.table-write input[type='text'] { margin:0 0 0; }
.table-write input[type='file'] { margin:2px 0; font-size:12px; }
.table-write input[type='checkbox'] { margin:0; }
.table-write label { font-weight: 400; }

.table-write { margin:0 0 2rem 0; }
.scrollLyBox {margin:0 0 30px 0; padding:15px 10px 0px 10px; box-sizing:border-box; background:#f8f8f8; border:1px solid #d5d5d5;}
.scrollLyBox .tit {margin:0 0 10px 0; color:#333333; font-family:ngb;}
.scrollLyBox .scrollLy {overflow-x:hidden; overflow-y:auto; width:100%; height:170px; margin:0 0 15px 0; padding:15px; box-sizing:border-box; border:1px solid #cccccc; background:#fff;}
.scrollLyBox .scrollLy pre {background:none; border:0; font-family:Sans-Serif; }
.agreeCheck {text-align:right; margin:0 0 25px 0;}
.scrollLyBox label { cursor:pointer; }
.scrollLyBox b { font-weight:500; }
.scrollLyBox { font-size:13px; }

@media screen and (max-width: 767px) {
	.table-write .td--1 { display:none; }
}
@media screen and (max-width: 500px) {
	.table-write .td-body { padding: .25rem .0rem; }
}




/* file upload form */
span.span-filesize-string { font-size:12px; color:#444499; }
div.div-file-wrap { margin:4px 0 4px 2px; }
div.div-file-wrap > input.file-name { display:inline-block; width:300px; height:24px !important; line-height:24px !important; font-size:0.8rem; vertical-align:middle; }
div.div-file-wrap > label.label-button { display:inline-block; padding:2px 5px; color:#222222; font-size:0.8rem; line-height:18px; vertical-align:middle; background-color:#eeeeee; cursor:pointer; border:1px solid #aaaaaa; margin:0 20px 0 0; }
div.div-file-wrap > label.label-button.hidden { display:none; }
div.div-file-wrap > label.label-button-disabled { display:inline-block; padding:2px 5px; color:#888888; font-size:0.8rem; line-height:18px; vertical-align:middle; background-color:#eeeeee; cursor:default; border:1px solid #aaaaaa; margin:0 20px 0 0; }
div.div-file-wrap > label.label-button-disabled.hidden { display:none; }
div.div-file-wrap > input[type='file'] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
div.div-file-wrap > label.label-delete { font-size:0.8rem; margin:0 20px 0 0; }
div.div-file-wrap > input[type="checkbox"] { position:relative; font-size:12px; vertical-align:middle; }
div.div-file-wrap > span.file-link { font-size:0.8rem; }
div.div-file-wrap > span.file-link > a { font-size:0.8rem; }
div.div-file-wrap a { font-size:0.8rem; }

@media screen and (max-width: 1024px) {
	span.block { display: block; }
}

@media screen and (max-width: 500px) {
	div.div-file-wrap > input.file-name { width:200px; }
}


/* read */
.table-read { border-collapse:collapse; border-bottom:1px solid #999999; }
.table-read .tr-head > th { font-weight:400; height:60px; padding:0 0 0 10px; background-color:#f0f0f0; border-top:2px solid #898989; }
.table-read .tr-body > td { }
.table-read .tr-head .title { margin:10px 0; font-size:1.25rem; color:#333; font-weight:normal }
.table-read .tr-head .info { margin:25px 0 0 0; }

span.read-member-info { display:inline-block; margin:0 5px 0 0; font-size:0.9rem; font-weight:normal; color:#666666; }
span.read-member-info:after { content:' | '; padding:0 0 0 5px; }
span.read-member-info:last-child:after { content:''; }

div.bbs-file-view { width:100%; text-align:center; margin:10px 0; }
div.bbs-file-view img { max-width:100%; }

div.bbs-info-view { line-height:1.2; margin:5px 0; }
div.bbs-info-view:last-child { margin-bottom:20px; }
div.bbs-read-body { margin:20px 0 20px 0; min-height:200px; }


/* alignment */
.left   { text-align:left; }
.center { text-align:center; }
.right  { text-align:right; }

/* empty but pad */
.pad { padding:0 20px; }

/* page & navi-button */
.bbs-page { margin:5px auto;}
.bbs-navi { text-align:right; margin:10px auto 30px;}



/* comment */
.bbs-comment { margin:10px auto; }
.bbs-comment-item { display:block; margin:10px auto; }
.bbs-comment-item>.bbs-comment-item-head { display:block; width:auto; height:32px; padding:0px; margin-bottom:0px; border:1px solid #d3d3d3; background:#eee; background:-moz-linear-gradient(top,white 0,#eaeaea 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,white),color-stop(100%,#eaeaea)); background:-webkit-linear-gradient(top,white 0,#eaeaea 100%); background:-o-linear-gradient(top,white 0,#eaeaea 100%); background:-ms-linear-gradient(top,white 0,#eaeaea 100%); background:linear-gradient(to bottom,white 0,#eaeaea 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='white',endColorstr='#eaeaea',GradientType=0) }
.bbs-comment-item>.bbs-comment-item-head div.part { display:inline-block; vertical-align:middle; margin:0; padding:6px 10px; font-size:0.9rem; }
.bbs-comment-item>.bbs-comment-item-body { display:block; width:auto; padding:0px; margin-bottom:0px; border:1px solid #d3d3d3; border-top:0px; background:#fbfbfb; font-size:0.875rem; }
.bbs-comment-item>.bbs-comment-item-body div { padding: 15px; }

.bbs-comment-write { display:block; margin:10px auto; width:100%; }
.bbs-comment-write-box { display:block; border:1px solid #e0e0e0; background:#f6f6f6; padding:10px;}
/* comment write */
div.bbs-comment-write-name {  }
div.bbs-comment-write-name::after { display:block; clear:both; content:''; }
div.bbs-comment-write-textarea { display: flex; }
div.bbs-comment-write-textarea-1 { display:block; width:calc(100% - 105px); }
div.bbs-comment-write-textarea-2 { display:block; width:110px; margin-left:5px; vertical-align:bottom; }
div.bbs-comment-write-textarea::after { display:block; clear:both; content:''; }
textarea#c_text { width:100%; height:77px; }


.list_comment { color:#444444; }
.write_comment { color:#444444;}
.span_comment { color:tomato; }


/* list : hit */
.hit_level1 { font-weight:400; }
.hit_level2 { font-weight:400; color:#6666ff; }
.hit_level3 { font-weight:400; color:#ff6666; }

img.img_button { cursor:pointer; }

/* font */
.dotum-11px { font-size:11px; font-family:Dotum,Gulim; }


/* SmartEditor2 : image-upload-buton */
#smart_editor2 .se2_text_tool ul.se2_multy { display:none; }