169 lines
12 KiB
CSS
169 lines
12 KiB
CSS
@charset "utf-8";
|
|
|
|
dl,dt,dd{margin:0;padding:0}
|
|
fieldset legend {position:absolute;overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;text-indent:-999em;}
|
|
|
|
/* 검색 */
|
|
.board-search {*zoom:1; max-width:1200px; margin:0 auto 10px;}
|
|
.board-search:after {content:" "; display:block; clear:both;}
|
|
.board-search .total-page {float:left; margin-top:13px; font-size:14px; line-height:22px; letter-spacing:0; color: #6b6b6b;}
|
|
.board-search .search {float:right;}
|
|
.board-search .search .select {min-width:120px; background:#fafafa;}
|
|
.board-search .search .input {width:200px;}
|
|
.board-search .search .btn-pack {padding:0 24px;height:35px;color:#fff;font-size:15px;font-weight:300;line-height:33px;background:#555;border-color:#555;}
|
|
|
|
/* 리스트 */
|
|
.board-list {max-width:1200px; margin:0 auto;}
|
|
.board-list table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #898989;}
|
|
.board-list table thead th {height:45px; border-bottom:1px solid #ddd; color:#454545; font-size:15px; font-weight:500; background:#f5f5f5;}
|
|
.board-list table tbody td {padding:12px 0; border-bottom:1px solid #ddd; text-align:center; font-size:15px; font-weight:300; line-height:22px; color:#747474;}
|
|
.board-list table tbody td.subject {text-align:left; padding-left:15px;}
|
|
.board-list table tbody td img {vertical-align:middle;}
|
|
.board-list table tbody td a {text-decoration:none; color:inherit;}
|
|
.board-list table tbody tr:hover td {background-color:#fafafa;}
|
|
.board-list .label {display:inline-block;zoom:1;*display:inline;color:#fff;background:#ff6000;font-weight:500;padding:0 6px;font-size:11px;line-height:20px;border-radius:2px;}
|
|
.board-list .comment {color:#ff6000;font-family:Tahoma;font-size:11px;}
|
|
|
|
.calendar {max-width:1200px; margin:0 auto;}
|
|
.calendar .head {position:relative; height:60px; text-align:center;}
|
|
.calendar .head span {font-size:35px; letter-spacing:-1px; color:#333; line-height:normal; margin:0 auto;}
|
|
.calendar .head .btn {position:absolute; top:18px; display:inline-block; height:22px; font-size:16px; line-height:22px; color:#343434; text-decoration:none;}
|
|
.calendar .head .btn:hover {color:#888;}
|
|
.calendar .head .btn-prev {left:0; background:url('../images/bbs/cal_bt_prev.png') 0 0 no-repeat; padding-left:30px;}
|
|
.calendar .head .btn-next {right:0; background:url('../images/bbs/cal_bt_next.png') 100% 0 no-repeat; padding-right:30px;}
|
|
.calendar .body {width:100%; margin:0 auto;}
|
|
.calendar .body table {width:100%; border-collapse:collapse; border-spacing:0px;}
|
|
.calendar .body table thead th {height:40px; font-size:14px; font-weight:500; color:#333; border:1px solid #d8d8d8;
|
|
background:#f8f8f9;
|
|
background:-webkit-linear-gradient(top, #ffffff 0%, #f8f8f9 100%);
|
|
background:-moz-linear-gradient(top, #ffffff 0%, #f8f8f9 100%);
|
|
background:-ms-linear-gradient(top, #ffffff 0%, #f8f8f9 100%);
|
|
background:-o-linear-gradient(top, #ffffff 0%, #f8f8f9 100%);
|
|
background:linear-gradient(top, #ffffff 0%, #f8f8f9 100%);
|
|
}
|
|
.calendar .body table thead th.sun {color:#f20000;}
|
|
.calendar .body table thead th.week {color:#777;}
|
|
.calendar .body table thead th.sat {color:#0073cb;}
|
|
.calendar .body table tbody td {padding:8px; height:80px; vertical-align:top; border:1px solid #d8d8d8;}
|
|
.calendar .body table tbody td:hover {background:#fafafa;}
|
|
.calendar .body table tbody td .day {height:18px; font-size:14px; font-weight:500; line-height:normal; padding-bottom:4px;}
|
|
.calendar .body table tbody td.sun .day {color:#f20000;}
|
|
.calendar .body table tbody td.week .day {color:#999;}
|
|
.calendar .body table tbody td.sat .day {color:#0073cb;}
|
|
.calendar .body table tbody td ul li {color:#999; padding:4px 0; font-size:14px; line-height:22px;}
|
|
|
|
/* 글작성 */
|
|
.board-write {max-width:1200px; border-top:2px solid #898989; margin:0 auto;}
|
|
.board-write .group {position:relative; padding:9px 0 9px 110px; font-size:14px; line-height:35px; border-bottom:1px solid #eee; overflow:hidden;}
|
|
.board-write .group:last-child {border-color:#ddd;}
|
|
.board-write .group.content {padding-left:0;}
|
|
.board-write .group img {vertical-align:middle;}
|
|
.board-write .title {position:absolute; left:8px; top:9px; width:95px; font-size:14px; font-weight:400; 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;}
|
|
.cheditor-tb-wrapper {height:auto !important;}
|
|
|
|
/* 이전글,다음글 */
|
|
.prev_next {max-width:1200px; margin:0 auto; font-size:14px; line-height:22px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
|
|
.prev_next dl {width:100%; overflow:hidden; clear:both;}
|
|
.prev_next dt {float:left; width:90px; color:#333; text-align:center; padding:10px 20px 10px 10px;}
|
|
.prev_next dd {margin-left:120px; padding:8px 0;}
|
|
.prev_next .prev {border-bottom:1px solid #eee;}
|
|
.prev_next .prev dt {background:url('../images/bbs/arrow_up.gif') 75% 50% no-repeat;}
|
|
.prev_next .next dt {background:url('../images/bbs/arrow_down.gif') 75% 50% no-repeat;}
|
|
|
|
/* 버튼 */
|
|
.buttons {*zoom:1; max-width:1200px; margin:20px auto;}
|
|
.buttons:after {content:" "; display:block; clear:both;}
|
|
.buttons .cen {text-align:center;}
|
|
.buttons .cen .btn-pack {margin:0 2px;}
|
|
.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:#fff;color:#4d4d4d;border:1px solid #a6a7a7;text-align:center;text-decoration:none !important;vertical-align:top;white-space:nowrap;cursor:pointer;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
|
|
.btn-pack.focus {background:#107ada; border:1px solid #107ada; color:#fff;}
|
|
.btn-pack.dark {background:#555; border:1px solid #555; color:#fff;}
|
|
.btn-pack.small {height:30px;padding:0 10px;line-height:28px;font-size:13px;}
|
|
.btn-pack.medium {height:35px;padding:0 12px;line-height:33px;font-size:14px;}
|
|
.btn-pack.large {height:40px;padding:0 26px;line-height:38px;font-size:15px;}
|
|
.btn-pack.xlarge {height:45px;padding:0 30px;line-height:43px;font-size:16px;font-weight:400;}
|
|
.btn-pack.round {border-radius:25px;}
|
|
.btn-pack.comment {width:110px; height:62px;padding:0;line-height:60px;font-size:18px;font-weight:400;}
|
|
.btn-pack.submit {width:110px;height:40px;border:0;background:#107ada;border:1px solid #107ada;color:#fff;font-size:15px;font-weight:400;}
|
|
.btn-pack.cancel {width:110px;height:40px;border:0;background:#fff;border:1px solid #a6a7a7;color:#4d4d4d;font-size:15px;font-weight:400;}
|
|
.btn-map {display:inline-block; padding:0 15px; text-align:center; vertical-align:middle; color:#7b7b7b; font-size:14px; line-height:29px; text-decoration:none !important; border:1px solid #bbb; border-radius:4px;}
|
|
.btn-map:hover {color:#fff; background:#555; border-color:#555;}
|
|
|
|
/* 페이지목록 */
|
|
.paginate {margin:40px 0;text-align:center;line-height:normal;}
|
|
.paginate a,
|
|
.paginate strong{display:inline-block;zoom:1;*display:inline;position:relative;padding:0;margin:0 1px;width:34px;height:34px;background-color:#fafafa;border:1px solid #ccc;font-size:14px;font-weight:400;line-height:32px;color:#555;text-decoration:none;text-align:center;vertical-align:middle;}
|
|
.paginate strong{color:#fff;border-color:#107ada;background-color:#107ada;}
|
|
.paginate a.direction{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.png");}
|
|
.paginate a.direction.prev {background-image:url("../images/bbs/btn_prev.png");}
|
|
.paginate a.direction.next {background-image:url("../images/bbs/btn_next.png");}
|
|
.paginate a.direction.last {background-image:url("../images/bbs/btn_last.png");}
|
|
.paginate a.direction.disabled {display:none;}
|
|
|
|
/* 코멘트 */
|
|
.comment-area {max-width:1200px; margin:20px auto 0; padding:20px; background:#f7f7f7; box-sizing:border-box;}
|
|
.comment-list li {position:relative; padding:10px; border-bottom:1px dotted #ccc;}
|
|
.comment-list li .info .name {font-size:14px; font-weight:400; color:#333;}
|
|
.comment-list li .info .date {font-size:13px; font-family:Tahoma; color:#767676; margin:0 4px;}
|
|
.comment-list li .txt {color:#555; font-size:14px; line-height:22px; padding:4px 0 0 0;}
|
|
.comment-list li .controll {position:absolute; top:10px; right:10px; font-size:13px; color:#dddddd;}
|
|
.comment-list li .controll a {color:#767676; margin:0 4px;}
|
|
.comment-write .write {position:relative; height:70px; padding:0 120px 0 0;}
|
|
.comment-write .write textarea {width:100%; height:60px; background:#fff; border:1px solid #ccc; overflow-y:auto;}
|
|
.comment-write .btn {position:absolute; top:0; right:0;}
|
|
|
|
/* 비밀번호 */
|
|
.board-password {max-width:460px; text-align:center; margin:0 auto; background:url('../images/bbs/notice.png') 50% 25px no-repeat; padding:95px 15px 35px; border:5px solid #eee; border-radius:10px;}
|
|
.board-password dl dt {color:#333; font-size:15px; font-weight:500; padding-bottom:20px;}
|
|
.board-password dl dd label {color:#555; font-size:14px; font-weight:300; margin-right:10px;}
|
|
|
|
/* 문의 */
|
|
.mailform table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #868686;}
|
|
.mailform table tbody th {padding:9px 30px; height:35px; font-size:15px; font-weight:400; line-height:22px; text-align:left; color:#454545; border-bottom:1px solid #ddd;}
|
|
.mailform table tbody td {padding:9px 20px; color:#5c5c5c; font-size:15px; line-height:22px; border-bottom:1px solid #ddd;}
|
|
.mailform img {vertical-align:middle;}
|
|
.mailform .select {width:160px;}
|
|
.form-agree {position:relative; margin-top:33px;}
|
|
.form-agree .btn {position:absolute; top:0; right:0; font-size:14px; color:#222;}
|
|
.form-agree dt {font-size:15px; font-weight:400; color:#333; line-height:normal;}
|
|
.form-agree dd {padding:8px 0 0 0;}
|
|
.form-agree .scroll-box {position:relative; height:100px; border:1px solid #d8d8d8; font-size:13px; line-height:18px; background:#f7f7f7; color:#666; padding:10px; overflow:auto;}
|
|
|
|
/* 상세보기 */
|
|
.board-view {max-width:1200px; margin:0 auto;}
|
|
.board-view .head {border-top:2px solid #898989;}
|
|
.board-view .head .tit {color:#333; font-size:16px; font-weight:400; line-height:1.3em; padding:13px 15px; background:#f7f7f7; border-bottom:1px solid #ddd;}
|
|
.board-view .head .info {*zoom:1; padding:12px 15px; color:#767676; font-size:14px; line-height:normal; border-bottom:1px solid #ddd;}
|
|
.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; font-weight:400;}
|
|
.board-view .head .files {position:relative; text-align:right; padding:10px 0 0; font-size:13px;}
|
|
.board-view .head .files > a {text-decoration:none;}
|
|
.board-view .head .files img {vertical-align:middle;}
|
|
.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:0; 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; border-bottom:1px solid #ddd;}
|
|
.board-view .body img {width:auto !important; height:auto !important; max-width:100%;}
|
|
|
|
.video-wrap {max-width:600px; margin:0 auto;}
|
|
.video-container {position:relative; height:0; padding-bottom:56.21%; overflow:hidden;}
|
|
.video-container iframe,
|
|
.video-container video {position:absolute; top:0; left:0; width:100%; height:100%;}
|
|
|