@charset "UTF-8";

/* 기본공통테이블 - 일반형 게시판 */
.standard-table {table-layout:fixed;width:100%;padding:0;border-spacing:0;text-align:center;}
.standard-table tr th {padding:10px 0;border-top:2px solid #93979c;border-bottom:1px solid #93979c;font-size:13px;color:#555;}
.standard-table.small tr th {font-size:13px;}
.standard-table.small tr td {font-size:12px;}
.standard-table tr td {overflow:hidden;padding:10px 0;border-bottom:1px solid #ddd;font-size:13px;color:#8b8b8b;text-overflow:ellipsis;white-space:nowrap;}
.standard-table tr td a {color:#333;}
.standard-table tr td span.noanswer {display:inline-block;padding:2px 5px;border:1px solid #ddd;font-size:11px;color:#666;}
.standard-table tr td span.answer {display:inline-block;padding:2px 5px;border:1px solid #888;background-color:#aaa;font-size:11px;color:#fff;}


/* 이벤트 게시판 */
.event-bbs {}
.event-bbs ul {border-top:2px solid #333;}
.event-bbs ul li {overflow:hidden;padding:10px 0;border-bottom:1px solid #ddd;}
.event-title {float:left;font-size:16px;font-weight:600;color:#333;}
.event-title a {color:#333;}
.event-date {float:right;font-size:14px;color:#666;letter-spacing:0;}
.event-img {clear:both;padding-top:5px;}

/* 웹진 게시판 */
.webzine-bbs {}
.webzine-bbs ul {padding-top:20px;border-top:1px solid #ddd;}
.webzine-bbs ul li {clear:both;overflow:hidden;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ddd;}
.webzine-img {float:left;width:24.3%;height:130px;border:1px solid #ddd;text-align:center;line-height:130px;overflow:hidden;}
.webzine-img img {max-height:100%;width:170px;height:90px;}
.webzine-info {float:left;width:70%;margin-left:3%;}
.webzine-title {margin-bottom:10px;font-size:16px;font-weight:600;color:#333;}
.webzine-title a {color:#222;}
.webzine-desc {font-size:14px;color:#666;line-height:21px;}
.webzine-desc a {color:#666;}
.webzine-vote {font-size:12px;font-weight:600;color:#333;line-height:21px;}



/*  폼 공통 */
.ipt {display:inline-block;font-size:14px;vertical-align:middle;color:#666;}
td.tal {text-align:left;} td.tac {text-align:left;} td.tar {text-align:left;}
select {padding:5px 3px;border:1px solid #ddd;vertical-align:top;font-family:'맑은 고딕','malgun gothic';font-size:12px;outline:none;}
input {font-family:'맑은 고딕','malgun gothic'; } 
input.disable {background-color:#ccc;}
input[type=text] {padding:5px;border:1px solid #ddd;vertical-align:top;outline:none;}
input[type=password] {padding:5px;border:1px solid #ddd;vertical-align:top;outline:none;}
input[type=radio] {display:inline-block;position:relative;top:-1px;vertical-align:middle;}
input[type=checkbox] {display:inline-block;position:relative;top:-1px;vertical-align:middle;}
textarea {border:1px solid #ddd;font-family:'맑은 고딕','malgun gothic';}
button {font-family:'맑은 고딕','malgun gothic';cursor:pointer;}

/* 테이블 상단영역 */
.table-top {overflow:hidden;margin-bottom:20px;}
.table-top button {height:28px;padding:0 10px;border:0;background-color:#555;font-size:12px;color:#fff;}
.table-top input[type=button] {height:28px;padding:0 10px;border:0;background-color:#555;font-size:12px;color:#fff;}
.table-total {float:left;font-size:13px;color:#333;line-height:28px;}
.table-search {float:right;}
.table-top.bd {padding:16px 10px;border:1px solid #ddd;}
.table-unit {margin-bottom:5px;font-size:11px;color:#8b8b8b;text-align:right;letter-spacing:0;}

/*  게시물 상세페이지 - 모든게시판 공통 */
.standard-view-title {margin-bottom:10px;font-size:22px;font-weight:bold;color:#333;word-break:break-all;}
.standard-view-meta {font-size:14px;color:#444;}
.standard-view-like {height:20px;margin:10px 0;padding:10px 4px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#eee;line-height:20px;}
.standard-view-content {font-size:16px;color:#666;line-height:25px;letter-spacing:-1px;word-break:break-all;}
.standard-view-share {width:300px;height:60px;margin:0 auto;margin-top:30px;margin-bottom:30px;border:1px solid #ddd;line-height:60px;text-align:center;}
.standard-view-attch {height:34px;padding:0 10px;background-color:#f1f1f1;font-size:12px;line-height:34px;}
.standard-view-attch a {color:#333;}

/* 페이지 네비 */
.page-navi {margin-top:15px;text-align:center;}
.page-navi a {display:inline-block;width:24px;height:24px;border:1px solid #ddd;font-size:13px;color:#333;text-align:center;line-height:24px;}
.page-navi a.on {border:1px solid #333;background-color:#333;color:#fff;}
.page-navi a img {vertical-align:top;}

/* 테이블 버튼들 */
.table-btns {margin-top:10px;text-align:right;line-height:26px;}
.table-btns span {display:inline-block;}
.table-btns span.table-btn-write {border:0;padding:0;background:url(https://www.wevity.com/images/bg_pen.png) no-repeat 10px 7px;}
.table-btns span a {display:block;font-size:11px;color:#555;}

/* form */
.form-area {padding:7px 0;}
.form-area label {display:inline-block;width:120px;font-size:13px;color:#222;font-weight:bold;}
.form-area .need {color:#5a2972;}
.form-area input[type=button] {display:block;height:28px;padding:0 10px;border:0;background-color:#555;font-size:14px;color:#fff;font-weight:bold;}
.form-area input.btn-filedel {background:#fff;border:1px solid #666;color:#666;}
.form-area textarea {width:600px;height:150px;padding:5px;resize:none;}

.faq-area {border-top:1px solid #333;border-bottom:1px solid #333;}
.faq-area li {border-top:1px solid #ccc;}
.faq-area li:first-child {border-top:0;}
.faq-area li > a {display:block;padding:10px 10px 10px 65px;background:url(../../images/btn_q.png) no-repeat 30px;background-color:#eee;font-size:14px;font-weight:600;color:#111;}
.faq-area .answer {display:none;padding:10px 10px 10px 65px;border-top:1px solid #ccc;background:url(../../images/btn_a.png) no-repeat 30px;background-color:#fff;font-size:14px;color:#666;line-height:22px;}

/* write area */
.qna-write-area {font-size:12px;color:#666;}
.qna-write-area label {display:inline-block;width:135px;font-size:13px;font-weight:600;color:#333;vertical-align:middle;}
.qna-write-area .textarea-area {padding-top:12px;}
.qna-write-area .textarea-area label {vertical-align:top;}
.qna-write-area > div {padding:6px 0;}
.qna-write-area  select {width:100px;}
.qna-write-area textarea {width:100%;height:300px;padding:5px;font-family:'맑은 고딕','malgun gothic';outline:none;resize:none;}
.qna-write-area .submit-area {text-align:right;} 
.qna-write-area .submit-area {margin-top:10px;text-align:center;}
.qna-write-area .submit-area a {display:inline-block;width:120px;height:30px;line-height:30px;border:0;background:#848484;font-size:14px;font-weight:bold;color:#fff;text-align:center;}
.faq-notice {margin-bottom:15px;padding:20px !important;background-color:#f1f1f1;font-size:15px;font-weight:600;color:#333;text-align:center;}

.submit-comn {display:inline-block;width:120px;height:30px;line-height:30px;border:0;background:#006ebb;font-size:14px;font-weight:bold;color:#fff;text-align:center;}
.reset-comn { display:inline-block;width:120px;height:30px;line-height:30px;border:0;background:#848484;font-size:14px;font-weight:bold;color:#fff;text-align:center;} 

/* mobile-write */
.mobile-write {display:none;}
.mobile-write p {margin-bottom:10px;}
.mobile-write p span {display:block;margin-bottom:5px;font-size:16px;color:#333;}
.mobile-write p span.open {display:inline-block;margin-right:10px;}
.mobile-write p input[type=text] {width:98%;padding:5px 1%; ;outline:none;border:1px solid #ccc;border-radius:5px;line-height:22px;font-size:16px;}
.mobile-write p input[type=text]:focus {border:1px solid #005ea2;}
.mobile-write p textarea {width:98%;height:220px;padding:5px 1%;resize:none;}
.mobile-write p textarea:focus {border:1px solid #005ea2;}



/* button */
.file-add {display:inline-block;width:78px;height:26px;border:1px solid #666;background:#666;font-family:'맑은 고딕','malgun gothic';font-size:13px;font-weight:600;color:#fff;}
.file-del {display:inline-block;width:78px;height:26px;border:1px solid #666;background:#fff;font-family:'맑은 고딕','malgun gothic';font-size:13px;font-weight:600;color:#666;}

.go-right {margin-top:20px;text-align:center;}

.btnCommS { border:1px solid #bbb; background:#fff; font-size:14px; padding:2px 7px 3px 7px; color:#333; border-radius:1px; } 



/* sns comment */
.sns-total {margin-bottom:10px;font-size:14px;}
.sns-total b {font-weight:600;color:#1598dc;}
.sns-reply-top {position:relative;}
.sns-reply-content {padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #aaa;}
.sns-reply-content.no {margin-bottom:0;border-bottom:0;}
.sns-reply-btns {display:inline-block;margin-left:15px;}
.sns-reply-area {margin-bottom:30px;padding:0px 20px 20px 20px;background-color:#f9f9f9;}
.sns-reply-img {display:inline-block;vertical-align:top}
.sns-reply-img img {width:70px;height:70px;padding:3px;border:1px solid #ddd;}
.sns-reply-text {display:inline-block;min-width:680px;vertical-align:top}
.sns-reply-text textarea {width:663px;height:66px;padding:5px;resize:none;outline:none;}
.sns-reply-submit {display:inline-block;vertical-align:top; }
.sns-reply-submit button {width:76px;height:76px;border:1px solid #ddd;background-color:#1598dc;font-size:16px;font-weight:600;color:#fff;line-height:70px;}
.sns-reply-submit input[type=button] {width:76px;height:77px;border:1px solid #ddd;background-color:#1598dc;font-size:16px;font-weight:600;color:#fff;line-height:70px;}
.sns-reply-submit input[type=button].small {display:block; width:76px;height:38px;border:1px solid #ddd;background-color:#1598dc;font-size:16px;font-weight:600;color:#fff;line-height:30px;}

.sns-replys {margin:10px 0;padding-bottom:10px;border-bottom:1px solid #e1e1e1;}
.sns-reply-author {padding-left:5px;font-size:16px;font-weight:600;color:#333;}
.sns-reply-author span {font-size:12px;font-weight:normal;color:#333;letter-spacing:0;}
.sns-reply-author a {font-size:12px; font-weight:normal; color:#999; }
.sns-reply-desc {width:607px;padding-left:5px;margin-top:3px;font-size:13px;color:#666;}
.sns-replys .sns-reply-submit button {width:76px;height:30px;background-color:#848484;font-size:14px;line-height:30px;}
.sns-replys .sns-reply-submit input[type=button] {width:76px;height:30px;margin-top:20px;background-color:#848484;font-size:14px;line-height:30px;}
.sns-replys.depth2 .sns-reply-desc {width:620px;}
.sns-replys.depth2 .sns-reply-img {margin-left:32px;}
.sns-replys.depth2 .sns-reply-img:before {content:'↳';color:#666;}