@charset "utf-8";

/* 카테고리 */
.board-tab {margin:0 0 15px;}
.board-tab ul {*zoom:1; overflow:hidden;}
.board-tab ul:after {content:" "; display:block; clear:both;}
.board-tab li {float:left; position:relative; width:33.333333%; border:1px solid #d5d5d5; margin-right:-1px;}
.board-tab li a {display:block; padding:6px 0; text-align:center; font-weight:500; color:#666;}
.board-tab li.active {z-index:1; background:#6d6d6d; border:1px solid #6d6d6d;}
.board-tab li.active a {color:#fff;}

/* 검색 */
.board-search {*zoom:1; max-width:1200px; margin:0 auto 10px;}
.board-search .search {text-align:center;}
.board-search .search .select {min-width:70px; background:#fafafa;}
.board-search .search .input {width:calc(100% - 157px);}
.board-search .search .btn-pack {padding:0 17px;height:35px;color:#fff;font-size:14px;line-height:33px;background:#555;border-color:#555;}

.board-total {margin:0 0 5px; padding:0 10px; font-size:12px; text-align:right;}
.board-total strong {color:#d10a11;}

/* 리스트 */
.board-list {border-top:1px solid #ddd; 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 {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.9em; line-height:1.4em; color:#888;}
.board-list li .bar {color:#ccc; margin:0 6px;}
.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:#d15a13; 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;}

.news-list {margin:0 -10px; padding:5px 0; border-top:1px solid #999; border-bottom:1px solid #999;}
.news-list ul li {padding:10px;}
.news-list ul li a {display:block; padding:0 0 0 90px; overflow:hidden;}
.news-list ul li span {display:inline-block; width:100%; padding:4px 0 0 0;}
.news-list .thumb {float:left; width:80px; margin-left:-90px; line-height:0;}
.news-list .thumb img {width:100%; height:auto;}
.news-list .tit {color:#333; font-size:14px; font-weight:500; line-height:1.4em;}
.news-list .txt {font-size:12px; line-height:1.4em;}
.news-list .date {font-size:11px; line-height:1.4em;}

.event-list {margin-top:-20px;}
.event-list ul li {padding:18px; border-bottom:1px solid #7d7d7d;}
.event-list ul li a {display:block;}
.event-list dt {padding-bottom:4px; font-size:16px; font-weight:500;}
.event-list dd {padding-top:5px; font-size:13px; line-height:18px;}
.event-list .thumb {line-height:0; margin-bottom:8px;}
.event-list .thumb img {width:100%;}
.event-list .label {display:inline-block; width:55px; text-align:center; vertical-align:middle; border:1px solid #ddd;
	padding:2px; font-size:12px; font-weight:500; margin-right:6px;
	background:#ffffff;
	background:-webkit-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background:-moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background:-ms-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background:-o-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background:linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
}


.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 #5a5144;}
.faq dl {border-bottom:1px solid #5a5144;}
.faq dt {font-size:14px; font-weight:500; line-height:1.4em; letter-spacing:-.25px; border-top:1px solid #938c86;}
.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; padding:5px 0;}
.board-write .group {position:relative; padding:6px 0 6px 70px; 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:10px; 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-view .head {border-top:2px solid #7d7d7d; height:auto !important}
.board-view .head .tit {color:#333; font-size:14px; line-height:1.3em; font-weight:500; padding:10px 10px; background:#f7f7f7; border-bottom:1px solid #eee;}
.board-view .head .info {*zoom:1; padding:10px 10px; 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 .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 10px; font-size:13px; line-height:20px; border-bottom:1px solid #d8d8d8;}
.board-view .body img {max-width:100% !important; 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;}


/* 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; padding:0 10px;}
.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;}

.btn-pack {display:inline-block;overflow:visible;position:relative;margin:0;padding:0 10px;background:#fff;color:#4d4d4d;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:#ce3031; border:1px solid #ce3031; color:#fff;}
.btn-pack.dark {background:#7e7e7e; border:1px solid #7e7e7e; color:#fff;}
.btn-pack.white {background:#fff; border:2px solid #ce3031; color:#ce3031;line-height:46px;}
.btn-pack.medium {height:35px;padding:0 12px;line-height:33px;font-size:14px;}
.btn-pack.store {width:165px;height:50px; font-size:18px; line-height:46px; text-align:center;}
.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.small {height:30px;padding:0 10px;line-height:28px;font-size:13px;}
.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;background:#00a1e9;border:1px solid #00a1e9;color:#fff;font-size:15px;line-height:38px;font-weight:400;}
.btn-pack.cancel {width:110px;height:40px;background:#fff;border:1px solid #a6a7a7;color:#4d4d4d;font-size:15px;line-height:38px;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:#ce3031; border-color:#ce3031;}


/* 페이지목록 */
.paginate {margin:20px 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{position:relative;color:#fff;border:1px solid #555; background-color:#555;}
.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;}


/* 비밀번호 */
.board-password {width:95%; text-align:center; margin:0 auto; background:url('/images/bbs/notice.png') 50% 18px no-repeat; background-size:50px auto; padding:75px 8px 30px; border:3px solid #eee; border-radius:12px;}
.board-password dl dt {color:#333; font-size:13px; font-weight:500; padding-bottom:20px;}
.board-password dl dd label {color:#666; font-size:13px; font-weight:500; margin-right:5px;}


/* 코멘트 */
.comment-area {max-width:1200px; margin:20px auto 0; padding:15px; 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;}

/*  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%;
}