
#bbs-wrap .b-btns {border:0px solid #666; margin-bottom:3px; padding:7px 14px; border-radius:2px; background-color:#777777; color:#fff; vertical-align:middle; white-space:nowrap; display:inline-block;}
#bbs-wrap .bf-btns1 {border:0px solid #666; margin-bottom:3px; cursor:pointer; padding:10px 20px; border-radius:2px; background-color:#333; color:#fff; line-height:100%; vertical-align:middle; white-space:nowrap; display:inline-block;}
#bbs-wrap .bf-btns2 {border:0px solid #666; margin-bottom:3px; cursor:pointer; padding:10px 20px; border-radius:2px; background-color:#777777; color:#fff; line-height:100%; vertical-align:middle; white-space:nowrap; display:inline-block;}


#bbs-wrap #bbs-list2 {padding:0px; margin:0px; width:100%;}
#bbs-wrap #bbs-list2 li {list-style-type:none; padding:0px; margin:0px; position:relative;}
#bbs-wrap #bbs-list2 li.blist-title {font-weight:bold; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #aaa}
#bbs-wrap #bbs-list2 li.blist-list { padding-top:10px; padding-bottom:10px; border-bottom:1px solid #e1e1e1;}
#bbs-wrap #bbs-list2 li.blist-list span.bbs-subject {text-align:left}


#bbs-wrap #bbs-list2 li span {display:block; border:0px solid #f00; text-align:center;}
#bbs-wrap #bbs-list2 li div.bbs-num {position:absolute; text-align:center; top:10px; left:0px; width:60px;}
#bbs-wrap #bbs-list2 li div.bbs-subject {margin-left:50px; overflow:hidden; text-align:center; width:auto; text-overflow:ellipsis; white-space:nowrap; vertical-align:top;}
#bbs-wrap #bbs-list2 li div.bbs-subject a {border:0px solid #f00; padding:2px; text-align:left; display:block;}
#bbs-wrap #bbs-list2 li div.bbs-subject a span {display:inline}
#bbs-wrap #bbs-list2 li div.bbs-etc {position:absolute; top:10px; right:0px;}
#bbs-wrap #bbs-list2 li div.bbs-etc:after {clear:both; display:block; content:"";}
#bbs-wrap #bbs-list2 li div.bbs-etc span.bbs-file {width:120px; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#bbs-wrap #bbs-list2 li div.bbs-etc span.bbs-name {width:120px; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#bbs-wrap #bbs-list2 li div.bbs-etc span.bbs-date {width:90px; float:left;}
#bbs-wrap #bbs-list2 li div.bbs-etc span.bbs-hit {width:90px; float:left;}
#bbs-wrap #bbs-list2 li div.bbs-etc span.bbs-check {width:40px; float:left;}
#bbs-wrap #bbs-list2 li div.rm-100 {margin-right:100px}
#bbs-wrap #bbs-list2 li div.rm-80 {margin-right:80px}
#bbs-wrap #bbs-list2 li div.rm-55 {margin-right:55px}
#bbs-wrap #bbs-list2 li div.rm-40 {margin-right:40px}

#bbs-wrap #bbs-list2 li div.rm-460 {margin-right:460px}
#bbs-wrap #bbs-list2 li div.rm-420 {margin-right:420px}
#bbs-wrap #bbs-list2 li div.rm-355 {margin-right:355px}
#bbs-wrap #bbs-list2 li div.rm-335 {margin-right:335px}
#bbs-wrap #bbs-list2 li div.rm-320 {margin-right:320px}
#bbs-wrap #bbs-list2 li div.rm-295 {margin-right:295px}
#bbs-wrap #bbs-list2 li div.rm-275 {margin-right:275px}
#bbs-wrap #bbs-list2 li div.rm-280 {margin-right:280px}

#bbs-wrap #bbs-list2 li div.rm-275 {margin-right:275px}
#bbs-wrap #bbs-list2 li div.rm-235 {margin-right:235px}
#bbs-wrap #bbs-list2 li div.rm-220 {margin-right:220px}
#bbs-wrap #bbs-list2 li div.rm-195 {margin-right:195px}
#bbs-wrap #bbs-list2 li div.rm-175 {margin-right:175px}
#bbs-wrap #bbs-list2 li div.rm-180 {margin-right:180px}
#bbs-wrap #bbs-list2 li div.rm-155 {margin-right:155px}
#bbs-wrap #bbs-list2 li div.rm-140 {margin-right:140px}
#bbs-wrap #bbs-list2 li div.rm-135 {margin-right:135px}
#bbs-wrap #bbs-list2 li div.rm-120 {margin-right:125px;}
#bbs-wrap #bbs-list2 li div.rm-95 {margin-right:95px}
#bbs-wrap #bbs-list2 img {vertical-align:middle}


#bbs-wrap .bbs-input {border:1px solid #aaa; padding:3px; border-radius:0px}



/* 글쓰기 */
#bbs-wrap #bbs-write {border-top:2px solid #333; width:100%}
#bbs-wrap #bbs-write th, #bbs-wrap #bbs-write td {border-bottom:solid 1px #DCE2E2; text-align:left;}
#bbs-wrap #bbs-write th {width:75px; padding-left:10px; border-bottom:solid 1px #DCE2E2; text-align:left; padding-top:7px; padding-bottom:7px; background-repeat:no-repeat; background-position:right}
#bbs-wrap #bbs-write td {padding-left:8px;}
#bbs-wrap #bbs-write td.bwform {border-bottom:solid 1px #DCE2E2; text-align:left; padding-top:7px; padding-bottom:7px;}
#bbs-wrap #bbs-write td.bwform .capchaul {padding:0px; margin:0px;}
#bbs-wrap #bbs-write td.bwform .capchaul li {padding:0px; margin:0px; list-style-type:none; float:left;}
#bbs-wrap #bbs-write td.bwform .capchaul li a {margin-left:2px; margin-right:3px; border:1px solid #ccc; height:19px; padding-top:2px; display:block; width:26px; text-align:center;}
#bbs-wrap #bbs-write textarea {width:98%; height:210px}
#bbs-wrap #bbs-write td.edit-td {padding: 5px 5px}
#bbs-wrap .write-btn {margin-top:15px; text-align:center; border:0px solid #FF0; vertical-align:top;}



/** 글 읽기 **/
#bbs-wrap .bbs-read {width:100%; border-bottom:1px solid #9a98a5}
#bbs-wrap .bbs-read .bbs-read-head {border-bottom:1px solid #ccc; padding:0px 5px; margin:0px; list-style-type:none; padding-bottom:10px}
#bbs-wrap .bbs-read .bbs-read-head li { padding:0px; margin:0px; list-style-type:none; position:relative;}
#bbs-wrap .bbs-read .bbs-read-head li.read-title {font-size:15px; font-weight:bold; padding-top:12px; padding-bottom:15px}
#bbs-wrap .bbs-read .bbs-read-head li span.read-hit {position:absolute; right:5px; top:0px}
#bbs-wrap .bbs-read .bbs-read-member {border:1px solid #ccc; border-top:0px none; padding:5px; background-color:#f9f9f9}
#bbs-wrap .bbs-read .bbs-read-member p {color:#555; font-weight:bold; padding:0px 5px;}
#bbs-wrap .bbs-read .bbs-read-member ul {margin-top:2px;}
#bbs-wrap .bbs-read .bbs-read-member ul:after {clear:both; display:block; content:"";}
#bbs-wrap .bbs-read .bbs-read-member ul li {float:left; padding:3px 5px;}
#bbs-wrap .bbs-read .bbs-read-body {border:0px solid #f00; padding:25px 5px; position:relative; min-height:150px;}
#bbs-wrap .bbs-read .bbs-read-body * {word-break:break-all}
#bbs-wrap .bbs-read .bbs-read-body .read-ip {position:absolute; top:5px; right:10px;}
#bbs-wrap .bbs-read .bbs-read-body p {margin-top:1px; margin-bottom:2px;}
#bbs-wrap .bbs-read .bbs-read-body img {max-width:100%}
#bbs-wrap .bbs-read .read-file {border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; background-color:#fff; padding:7px 13px;}


#bbs-wrap .bbs-title {font-weight:bold; padding:35px 0px 2px 10px;}
#bbs-wrap #bbs-commant-box {}
#bbs-wrap #bbs-commant-box .bbs-commant {padding:10px 10px; border:1px solid #bbb; background-color:#fdfdfd}
#bbs-wrap #bbs-commant-box .bbs-commant .commant-name {}
#bbs-wrap #bbs-commant-box .bbs-commant .commant-name img {vertical-align:middle;}
#bbs-wrap #bbs-commant-box .bbs-commant .commant-text {padding-top:5px; position:relative;}
#bbs-wrap #bbs-commant-box .bbs-commant .commant-text div {width:auto; padding-right:70px;}
#bbs-wrap #bbs-commant-box .bbs-commant .commant-text textarea {width:100%; height:60px; border-radius:0px}
#bbs-wrap #bbs-commant-box .bbs-commant .commant-text .confirm-btn {position:absolute; height:66px; padding:0px; border:1px solid #666; border-left:0px none; width:61px; top:5px; right:0px;}
#bbs-wrap #bbs-commant-box .bbs-commant .commant-text .confirm-btn input {display:block; width:100%; height:100%; background-color:#fcfcfc; border:0px none; font-weight:bold;}
#bbs-wrap #bbs-commant-box .bbs-commant-list {border-left:1px solid #ddd; border-right:1px solid #ddd; padding:0px; margin:0px; list-style-type:none;}
#bbs-wrap #bbs-commant-box .bbs-commant-list li {padding:10px; margin:0px; list-style-type:none; border-bottom:1px solid #ddd;}
#bbs-wrap #bbs-commant-box .bbs-commant-list li .commant-list-name {font-weight:bold;}
#bbs-wrap #bbs-commant-box .bbs-commant-list li .commant-list-content {border:0px solid #f00; padding:10px 0px;}
#bbs-wrap #bbs-commant-box .bbs-commant-list li .commant-list-etc {text-align:right}



#bbs-read-btn {padding-top:20px; border-top:1px solid #CCCCCC; width:auto}
#bbs-read-btn #left-btn {display:inline-block; height:auto; width:50%; border:0px none}
#bbs-read-btn #right-btn {display:inline-block; height:auto; width:49%; border:0px none; text-align:right}



/** 갤러리 **/
#bbs-wrap div#bbs_gallery {border-top:1px solid #DBDADA; border-bottom:1px solid #DBDADA; padding-top:8px}
#bbs-wrap div#bbs_gallery p{margin:0px; padding:0px; text-align:center; height:50px; margin:15px 0;}
#bbs-wrap div#bbs_gallery hr {position:absolute; clear:both; top:-5000px; left:-6000px}

#bbs-wrap div#bbs_gallery ul {margin:0px; overflow:hidden; height:auto; padding:0px; margin-bottom:20px;}
#bbs-wrap div#bbs_gallery ul li{list-style-type:none; text-align:center; float:left; width:33%;}
#bbs-wrap div#bbs_gallery ul li img {border:0px solid #CCCCCC; margin:auto;}

#bbs-wrap div#bbs_gallery ul li dl dt {display:none}
#bbs-wrap div#bbs_gallery ul li dl dd.gallery-subject {padding:3px}
#bbs-wrap div#bbs_gallery ul li dl dd.thumb-img {text-align:center; border:0px solid #f00}
#bbs-wrap div#bbs_gallery ul li dl dd.thumb-img div {margin:auto; position:relative}
#bbs-wrap div#bbs_gallery ul li dl dd.thumb-img a {display:block;}
#bbs-wrap div#bbs_gallery ul li dl dd.thumb-img a img {vertical-align:top}



/** 갤러리 확대보기 **/
.loading-section {width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:10000; display:none;}
.loading-section .loading-back {width:100%; height:100%; position:absolute; top:0px; left:0px; background-color:#fff;}
.loading-section .loading-bar {height:100%; width:100%; position:absolute; top:0px; left:0px; background:url(/api/public/sites/eisocokr/assets/363ce32a37185101d986695c1b92d0aae83088fca7b15fd965136c82a9d682d8.gif) no-repeat 50% 50%;}


.gallery-detail {width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:1000; border-bottom:0px solid #f00; display:none; box-sizing:border-box; -moz-box-sizing:border-box;}
.gallery-detail * {padding:0px; margin:0px; box-sizing:border-box; -moz-box-sizing:border-box;}
.gallery-detail .detail-back {width:100%; height:100%; position:absolute; top:0px; left:0px; background-color:#000;}
.gallery-detail .detail-box {height:auto; width:auto; position:absolute; top:0px; left:100px; border:0px solid #00f;}
.gallery-detail .detail-box .detail-area {padding:0px 55px; height:100%; border:0px solid #00f; height:100%; overflow:hidden;}
.gallery-detail .detail-box .detail-area .detail-content {padding:25px; border:1px solid #000; background-color:#fff; width:auto; margin:0 auto; position:relative; min-width:500px; height:100%; overflow:auto;}
.gallery-detail .detail-box .detail-area .detail-content .big-close {font-weight:bold; cursor:pointer; position:absolute; border:0px solid #00f; padding:13px 6px;overflow:hidden; background-color:#ddd; border-radius:3px; line-height:0%; top:15px; right:15px; color:#000; font-size:30px;}
.gallery-detail .detail-box .detail-area .detail-content .big-subject {color:#333; padding-bottom:15px; font-weight:bold; font-size:14px;}
.gallery-detail .detail-box .detail-area .detail-content .big-content {padding-bottom:10px; height:auto;}
.gallery-detail .detail-box .detail-area .detail-content .big-content p {padding:2px 0px}
.gallery-detail .detail-box .detail-area .detail-content .big-content img {max-width:1000px}
.gallery-detail .detail-box .detail-area .prev-next-btn {position:absolute; left:0px; top:45%; height:0px; width:100%; list-style-type:none}
.gallery-detail .detail-box .detail-area .prev-next-btn .prev-btn {position:absolute; left:0px; top:0px; cursor:pointer; list-style-type:none}
.gallery-detail .detail-box .detail-area .prev-next-btn .next-btn {position:absolute; right:0px; top:0px; cursor:pointer; list-style-type:none}

/**/
#tab1{position:relative; margin-bottom:20px; overflow:hidden;}
#tab1 .on{position:relative; height:20px; color:#222; border:1px solid #111;}
#tab1 .on a{color:#222;}
#tab1 li{float:left; height:25px; padding:14px 30px 9px 30px; text-align:center; margin-right:10px; border:1px solid #d6d6d6; font-weight:bold; margin-bottom:10px;}
#tab1 li a{display:block;width:100%; height:30px;}
/**/