@charset "utf-8";

/* 카테고리 */
.board-tab {margin:0 -10px 20px;}
.board-tab ul {*zoom:1; overflow:hidden;}
.board-tab ul:after {content:" "; display:block; clear:both;}
.board-tab li {float:left; width:50%;}
.board-tab li a {display:block; padding:8px 0; text-align:center; font-weight:bold; background:#dec8a3; color:#f7efe0;}
.board-tab li.active a {background:#453326; color:#fff;}

/* 검색 */
.board-search {*zoom:1; margin:0 -15px 10px; padding:0 15px;}
.board-search:after {content:" ";display:block;clear:both;}
.board-search input[type=text] {width:120px;}
.board-search form {display:inline-block;}

/* 리스트 */
.board-list {margin:0 -15px; border-top:1px solid #7d7d7d; border-bottom:1px solid #ddd;}
.board-list li {border-top:1px solid #ddd; font-size:14px; letter-spacing:-.25px;}
.board-list li:first-child {border-top:0;}
.board-list li a {display:block; padding:10px 10px;}
.board-list li strong {display:inline-block; max-width:90%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:1em; font-weight:normal; line-height:1.4em; color:#333; word-wrap:break-word; word-break:break-all; vertical-align:top;}
.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}
.board-list .answer {border-top:1px solid #999; background:#f4f4f4; padding:10px; font-size:12px;}
.board-list .answer .q {color:#666; padding:0 0 8px 18px; text-indent:-18px;}
.board-list .answer .q span {font-weight:500; font-size:16px; margin-right:6px;}
.board-list .answer .a {color:#ef3e56; padding:0 0 0 18px; text-indent:-18px;}
.board-list .answer .a span {font-weight:500; font-size:16px; margin-right:6px;}
.board-list .none {padding:50px; text-align:center;}

.gallery-list {margin:0 -15px; padding:15px 15px 0; border-top:1px solid #666; border-bottom:1px solid #ddd;}
.gallery-list ul {margin:0 -8px;}
.gallery-list ul:after {content:" "; display:block; clear:both;}
.gallery-list ul li {float:left; width:50%; padding:0 8px 20px; text-align:center; font-family:"Dotum"; font-size:12px; line-height:16px;}
.gallery-list ul li:nth-child(2n+1) {clear:left;}
.gallery-list ul li a {display:block;}
.gallery-list .thumb {display:table-cell; text-align:center; vertical-align:middle; line-height:0; padding:0; border:1px solid #ddd;}
.gallery-list .thumb img {width:100%; vertical-align:top;}
.gallery-list .tit {margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

/* .gallery-list ul {margin:0 -7px;}
.gallery-list ul:after {content:" "; display:block; clear:both;}
.gallery-list ul li {float:left; width:50%; padding:0 7px; margin-bottom:20px;}
.gallery-list ul li:nth-child(2n+1) {clear:left;}
.gallery-list ul li a {display:block;}
.gallery-list .thumb {display:table-cell; text-align:center; vertical-align:middle; line-height:0; padding:0; border:1px solid #c3c3c3;}
.gallery-list .thumb img {width:auto; height:auto;}
.gallery-list .tit {display:block; color:#383838; padding:10px 0 0;} */

.faq-head {margin:0 0 10px; color:#514246; font-size:12px;}
.faq-head strong {font-size:14px;}
.faq {margin:0 -10px; border-top:2px solid #666;}
.faq dl {border-bottom:1px solid #ddd;}
.faq dt {font-size:13px; font-weight:700; line-height:1.4em; letter-spacing:-.25px; border-top:1px solid #ddd;}
.faq dt a {display:block; padding:7px 10px 7px 42px; color:#333; background:url('../images/bbs/faq_q.png') 10px 6px no-repeat; background-size:22px 22px;}
.faq dd {display:none; border-top:1px solid #5a5144; background:#fff; padding:10px 14px; font-size:12px; line-height:1.4em;}

/* 글작성 */
.board-write {border-top:2px solid #7d7d7d; border-bottom:1px solid #aaa; margin:0 -15px;}
.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 .btn-pack font {color:#fff !important;}

.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 -15px;}
.board-view .head {border-top:2px solid #7d7d7d;}
.board-view .head .tit {color:#333; font-size:14px; 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 > 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 {max-width:100% !important; 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 -15px; padding:3px 0; border-top:1px solid #999; font-size:12px; border-bottom:1px solid #999;}
.prev-next dl {width:100%; padding:6px 0 6px 0; overflow:hidden; clear:both;}
.prev-next dt {float:left; color:#333; padding:0 15px;}
.prev-next dt .fa {margin-left:4px; color:#999; font-size:10px;}
.prev-next .prev {border-bottom:1px solid #ccc;}

/* icons */
.qna-wait {display:inline-block; width:47px; height:16px; margin:-3px 6px 0 0; border:1px solid #ddd; color:#777; background:#fff; text-align:center; letter-spacing:-1px; font-size:11px; line-height:14px; vertical-align:middle;}
.qna-complete {display:inline-block; width:47px; height:16px; margin:-3px 6px 0 0; border:1px solid #666; color:#fff; background:#999; text-align:center; letter-spacing:-1px; font-size:11px; line-height:14px; vertical-align:middle;}
.icon-lock {display:inline-block; width:10px; height:10px; margin:-1px 0 0 4px;  font-size:0; line-height:0; text-indent:-999px; vertical-align:middle;
	background-image:url(../images/bbs/icon_lock.png); 
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:8px auto;
}
.icon-grade {display:block; height:14px; font-size:0; line-height:0; text-indent:-999px; background-image:url(../images/bbs/star.png); background-repeat:no-repeat; background-size:70px 70px; overflow:hidden;}
.icon-grade.star20 {background-position:0 0;}
.icon-grade.star40 {background-position:0 -14px;}
.icon-grade.star60 {background-position:0 -28px;}
.icon-grade.star80 {background-position:0 -42px;}
.icon-grade.star100 {background-position:0 -56px;}

/* buttons */
.buttons {*zoom:1; margin:20px 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; border:0;}

.btn-pack {display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:1px solid #858585;line-height:normal;text-align:center;text-decoration:none !important;background:#a5a5a5;color:#fff !important;border-radius:3px;vertical-align:top;white-space:nowrap}
.btn-pack.small {height:20px; padding:3px 8px; font-size:11px; line-height:14px;}
.btn-pack.medium {height:28px; padding:3px 12px; font-size:13px; line-height:20px;}
.btn-pack.large {height:38px; padding:7px 18px; font-size:14px; font-weight:500; line-height:22px;}
.btn-pack.focus {background:#c90003;border:1px solid #c90003;}
.btn-pack.block {display:block;width:100%;text-align:center;}


/* 페이지목록 */
.paginate {margin:20px 0;text-align:center;line-height:normal;}
.paginate a,  
.paginate strong{display:inline-block;zoom:1;*display:inline;position:relative;width:27px;height:27px;border:1px solid #ddd;margin:0;padding:0;font-size:13px;font-weight:700;line-height:25px;letter-spacing:-1px;color:#5a5144;background-color:#fff;text-decoration:none;vertical-align:middle;border-radius:3px;}  
.paginate a:hover,  
.paginate a:active,  
.paginate a:focus{background-color:#f8f8f8;}  
.paginate strong{color:#fd4d02;border:1px solid #fd4d02;}  
.paginate a.direction{padding:0; background-image:url('/m/images/bbs/paginate.gif'); background-repeat:no-repeat; background-size:100px 25px;}
.paginate a.direction span {font-size:0;line-height:0;text-indent:-999px;}
.paginate a.direction.first {background-position:0 50%;}
.paginate a.direction.prev {background-position:-25px 50%;}
.paginate a.direction.next {background-position:-50px 50%;}
.paginate a.direction.last {background-position:-75px 50%;}
.paginate a.direction.disabled {cursor:not-allowed;opacity:.4;filter:alpha(opacity=40);}
.paginate a.direction.disabled:hover,
.paginate a.direction.disabled:active,  
.paginate a.direction.disabled:focus{background-color:#fff;} 

/* 비밀번호 */
.board-password {width:100%; text-align:center; margin:0 auto; background-size:50px auto; padding:30px 10px; border:1px solid #ccc; border-radius:10px;}
.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;}

/*  youtube responsive */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}