@charset "utf-8";

/* 검색 */
.board-search {margin:0 0 10px;}
.board-search input[type=text] {width:160px;}
.board-search form {display:inline-block;}
.board-search .btn-pack {height:32px; background:#555; color:#fff; border-color:#555;}
.board-search .total-page {padding-top:10px; color:#5e5e5e; font-size:13px; line-height:18px;}

/* 리스트 */
.board-list {margin:0 -10px; border-top:2px solid #868686;}
.board-list li {border-bottom:1px solid #d8d8d8; font-size:14px; letter-spacing:-.25px;}
.board-list li:first-child {border-top:0;}
.board-list li a {display:block; padding:10px 15px;}
.board-list li strong {display:inline-block; max-width:88%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; font-weight:400; line-height:1.4em; color:#333; word-wrap:break-word; word-break:break-all; vertical-align:middle;}
.board-list li img {vertical-align:middle;}
.board-list li .info {display:inline-block; position:relative; padding:4px 0 0 0; font-size:0.8em; line-height:1.4em; color:#888;}
.board-list li .bar {color:#ccc; margin:0 6px;}
.board-list li .label {color:#ff6600; vertical-align:middle;}
.board-list li.none {padding:40px 0; color:#999; text-align:center;}

/* 글작성 */
.board-write {border-top:1px solid #868686; border-bottom:1px solid #aaa; margin:0 -10px;}
.board-write .group {position:relative; padding:6px 0 6px 75px; font-size:13px; line-height:26px; border-top:1px solid #eee; overflow:hidden;}
.board-write .group.first {border-top:0;}
.board-write .group.content {padding:6px;}
.board-write .group img {vertical-align:middle;}
.board-write .title {position:absolute; left:15px; top:6px; width:65px; font-weight:500; color:#333;}
.board-write .files_table {width:100%; border-collapse:collapse; border-spacing:0px;}
.board-write .files_table td {padding:0 0 5px 0;}
.board-write .files_table input[type=file]{margin-right:10px;}
.board-write table {width:100%; border-collapse:collapse; border-spacing:0px; font-size:12px; letter-spacing:-.5px;}
.board-write th {padding:6px 10px; border-bottom:1px solid #ddd; background:#f4f4f4;}
.board-write td {padding:6px 10px; border-bottom:1px solid #ddd; color:#767676;}
.board-write .txt {padding:4px 0 0 0; font-size:11px; line-height:1.5;}

/* 상세보기 */
.board-view {margin:0 -10px;}
.board-view .head {border-top:1px solid #868686;}
.board-view .head .tit {color:#333; font-size:14px; font-weight:500; line-height:1.3em; padding:10px 15px; background:#f7f7f7; border-bottom:1px solid #eee;}
.board-view .head .info {*zoom:1; padding:10px 15px; color:#767676; font-size:12px; line-height:normal; border-bottom:1px solid #ccc;}
.board-view .head .info:after {content:" "; display:block; clear:both;}
.board-view .head .info .name {float:left;}
.board-view .head .info .date {float:left; border-left:1px solid #dedede; padding-left:10px; margin-left:10px;}
.board-view .head .info .hit {float:right;}
.board-view .head .info .hit strong {margin-right:5px;}
.board-view .head .info strong {color:#333;}
.board-view .head .files {position:relative; text-align:right; font-size:12px; padding:10px 10px 0;}
.board-view .head .files img {vertical-align:middle;}
.board-view .head .files > a {text-decoration:none;}
.board-view .head .files .ico-down {vertical-align:middle; margin-left:4px;}
.board-view .head .files .num {color:#ff4e00;}
.board-view .head .files .fileLayer {display:none; position:absolute; top:32px; right:10px; text-align:left; font-size:12px; line-height:24px; border:1px solid #f0f0f0; background:#f7f7f7; padding:9px 29px 9px 11px; z-index:5;}
.board-view .head .files .fileLayer a {display:block; text-decoration:none;}
.board-view .head .files .fileLayer .divClose {position:absolute; display:inline-block; top:5px; right:5px; line-height:0;}
.board-view .body {padding:20px 15px; font-size:13px; line-height:20px; border-bottom:1px solid #d8d8d8;}
.board-view .body img {width:auto !important; max-width:100%; height:auto !important;}

.event-view .head {padding:0 0 5px; font-size:15px; border-bottom:1px solid #7d7d7d;}
.event-view .body {padding:15px 0;}
.event-view .body img {width:auto; max-width:100% !important; height:auto !important;}

/* 이전글,다음글 */
.prev_next {margin:0 -10px; padding:3px 0; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}
.prev_next dl {width:100%; padding:6px 0 6px 0; overflow:hidden; clear:both;}
.prev_next dt {float:left; color:#333; padding:0 20px 0 15px; margin-right:20px;}
.prev_next dd {margin-left:80px; overflow:hidden;}
.prev_next .prev {border-bottom:1px solid #eee;}
.prev_next .prev dt {background: url('/images/bbs/arrow_up.gif') 100% 50% no-repeat;}
.prev_next .next dt {background: url('/images/bbs/arrow_down.gif') 100% 50% no-repeat;}

/* buttons */
.buttons {*zoom:1; margin:15px 0;}
.buttons:after {content:" ";display:block;clear:both;}
.buttons .cen {text-align:center;}
.buttons .fr {float:right;}
.buttons .fl {float:left;}
.buttons a {text-decoration:none;}
.buttons a,.buttons input {vertical-align:top;}

.btn-pack {display:inline-block;overflow:visible;position:relative;margin:0;padding:0 10px;background:#f7f7f7;color:#666;border:1px solid #ddd;text-align:center;text-decoration:none !important;vertical-align:top;white-space:nowrap;cursor:pointer;outline:0;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.btn-pack.focus {background:#0491d0; border:1px solid #0491d0; color:#fff;}
.btn-pack.dark {background:#555; border:1px solid #555;  color:#fff;}
.btn-pack.medium {height:32px;padding:0 17px;line-height:30px;font-size:13px;}
.btn-pack.large {height:40px;padding:0 20px;text-align:center;line-height:38px;font-size:15px;font-weight:500;}
.btn-pack.xlarge {height:54px;padding:0 40px;line-height:54px;font-size:16px;font-weight:500;}
.btn-pack.small {height:30px;padding:0 10px;line-height:28px;font-size:14px;}
.btn-pack.comment {width:110px; height:62px;padding:0;line-height:60px;font-size:18px;font-weight:400;}
.btn-pack.submit {width:120px;height:45px;border:0;background:#0491d0;color:#fff;font-size:18px;text-align:center;line-height:45px;margin:0 2px;}
.btn-pack.cancel {width:120px;height:45px;border:0;background:#8c8c8c;color:#fff;font-size:18px;text-align:center;line-height:45px;margin:0 2px;}
.btn-list {display:inline-block;zoom:1;*display:inline;vertical-align:middle;text-decoration:none;padding:0 0 0 25px;color:#5b5b5b;font-size:14px;font-weight:700;line-height:18px;background:url("/images/bbs/icon_list.png") 0 50% no-repeat;}
.btn-app {display:inline-block;zoom:1;*display:inline;vertical-align:middle;text-decoration:none;text-align:center;width:78px;height:30px;line-height:30px;font-size:13px;font-weight:700;color:#fff;border-radius:5px;background:#2888c3;overflow:hidden;}
.btn-app.off {background:#6c6c6c;}


/* 페이지목록 */
.paginate {margin:20px 0;text-align:center;line-height:normal;}
.paginate a,  
.paginate strong{display:inline-block;zoom:1;*display:inline;position:relative;width:36px;height:36px;border:1px solid #dbdbdb;margin:0 -3px;padding:0;font-size:13px;line-height:34px;color:#555;background-color:#fff;text-decoration:none;vertical-align:middle;}  
.paginate strong{color:#fff;border:1px solid #0491d0;background:#0491d0;}  
.paginate a.direction{padding:0; background-position:50% 50%; background-repeat:no-repeat;}
.paginate a.direction span {font-size:0;line-height:0;text-indent:-999px;}
.paginate a.direction.first {background-image:url("/images/bbs/btn_first.gif");}
.paginate a.direction.prev {background-image:url("/images/bbs/btn_prev.gif");}
.paginate a.direction.next {background-image:url("/images/bbs/btn_next.gif");}
.paginate a.direction.last {background-image:url("/images/bbs/btn_last.gif");} 

/* 비밀번호 */
.board-password {width:100%; text-align:center; background:url('/images/bbs/notice.png') 50% 18px no-repeat; background-size:50px auto; padding:75px 15px 30px; border:1px solid #ccc; border-radius:10px; box-sizing:border-box;}
.board-password dl dt {color:#333; font-size:14px; font-weight:500; padding-bottom:20px;}
.board-password dl dd label {color:#666; font-size:14px; font-weight:500; margin-right:10px;}

/* 문의 */
.mailform .mailformtable {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #1a4e99;}
.mailform .mailformtable .th {padding:8px; border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1;}
.mailform .mailformtable .td {padding:8px; border-bottom:1px solid #d1d1d1;}
.mailform img {vertical-align:middle;}

.form-agree {position:relative; margin-top:20px; margin-bottom:25px;}
.form-agree .btn {position:absolute; top:0; right:0; font-size:15px;}
.form-agree dt {font-size:14px; font-weight:700; color:#333; line-height:normal;}
.form-agree dd {padding:8px 0 0 0; font-size:12px;}
.form-agree .scroll_box {height:80px; border:1px solid #ddd; font-size:12px; line-height:16px; background:#f5f5f5; color:#666; padding:5px; overflow:auto;}