@charset "utf-8";
/* Board 공통*/
.boardtitle h1 {text-transform:capitalize;}
.board select {margin: 0; }
.board .iText {position: relative; padding: 0 10px; height: 33px; border: 1px solid #2b313b; background: transparent; line-height:33px;}
.board .iCheck {width: 13px; height: 13px; margin: 0; vertical-align: middle; }
.board .iCheck+label {vertical-align: middle; }
.board textarea {margin: 0; padding: 3px 4px; border: 1px solid #a6a6a6; border-right-color: #d8d8d8; border-bottom-color: #d8d8d8; }
.board label {display: inline-block; margin: 0; }
/* secret form */
.board .secretForm .iText {height:25px; width:150px;}
.board .secretForm .btn {border-radius: 0 2px 2px 0; }
.board .secretForm p {margin-bottom:5px;}
/* Category Tab*/
.cTab {display:table;  border-collapse:collapse; text-align:center; margin:0 auto; width:80%; table-layout:fixed;}
.cTab li {display:table-cell; border:1px solid #ebebeb; padding:12px 0; line-height:30px; background:#FFF;}
.cTab li span {display:inline-block; width:30px; height:30px; background:#2155a4; color:#FFF; border:0; border-radius:30px; margin-left:10px;}
.cTab li.on {background:#35373a; }
.cTab li.on a {color:#FFF;}
/* Board Footer */
.bsearch_area {padding:30px 0; text-align:center; margin:20px 0; border:1px solid #dedfe1; }
.board_search {width:90%; margin:0 auto;}
.board_search select {height: 35px; width:30%; margin:0;  }
.board_search .iText {width: 55%; position: relative; height: 35px; border: 1px solid #2b313b; background:#FFF; line-height:33px; margin:-4px; box-sizing:border-box;}
.board_search .search_btn { width:15%; height:35px; background:#2b313b; color:#FFF; cursor: pointer; margin:-4px;}
/* Button */
.board_btnArea {padding:10px 0; text-align:right; }
.board_btn {display: inline-block; text-align: center; vertical-align: top; cursor: pointer; border:none; border-radius:0; background:#2155a4; color:#FFF;
padding:6px 20px;}
/* Pagination */
.pagination {margin: 0; padding: 20px 0; text-align: center; clear:both; }
.pagination a, .pagination strong {position: relative; display: inline-block; line-height:32px; overflow:hidden; width:30px; height:30px; color:#2b313b; border:1px solid #dedfe1; }
.pagination strong {color:#2155a4; border:1px solid #2155a4; }
.direction i {position:absolute; top:9px; left:-20px;}
.direction {text-indent:30px;}

/* Board List */
/* list.html */
.board_list {display:table; width:100%; border-collapse:collapse; box-sizing:border-box; border-bottom:1px solid #dedfe1; }
.board_list ul {display:table-row;}
.board_list li{display:table-cell; text-align:center;  line-height:21px; vertical-align:middle; padding:10px; font-size:11px;}
.board_list .trline li.title {font-size:12px;color:#35373a; text-align:left; font-family: '나눔고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', '돋움', Dotum ; font-weight:normal;}
.board_list .trline li {border-top:1px solid #dedfe1; color:#7d7d7d;}
.board_list .thline li {font-size:12px; border-top:1px solid #35373a; border-bottom:1px solid #35373a;}

/* Board Write */
/* write_form.html */
.board_write {}
.write_header {padding: 9px 10px 10px 0px; }
.write_header * {vertical-align: middle; }
.write_header select {height: 29px; width: 140px; padding: 0; }
.write_header .iText {width: 360px; margin: 0 10px 0 0; background: #fff; }
.write_editor .xd {margin-top: -3px; }
.write_footer {overflow: hidden; margin: 1em 0; }
.write_footer:after {content: ""; display: block; clear: both; }
.write_footer .btnArea {float: right; margin: 0; }
.write_option {margin: 0 0 1em 0; }
.write_option label {margin: 0 10px 0 0; }
/* Extra Form */
.exForm {background: #fff; padding: 10px 0; }
.exForm table {border: 0; width: 100%; }
.exForm caption {text-align: right; font-size: 11px; padding: 0 0 2px 0; }
.exForm th,
.exForm td {border: 0; vertical-align: top; border-top: 1px solid #ddd; }
.exForm th {color: #333; text-align: left; padding: 10px 5px 15px 5px; white-space: nowrap; }
.exForm th label {cursor: default; }
.exForm td {color: #666; padding: 8px 10px; }
.exForm em {font-style: normal; color: #f60; }
.exForm .text,
.exForm .homepage,
.exForm .email_address,
.exForm .tel,
.exForm .address,
.exForm .date {padding: 3px 4px; margin: 0 4px 0 0; height: 14px; line-height: 14px; vertical-align: top; border: 1px solid #A6A6A6; border-right-color: #D8D8D8; border-bottom-color: #D8D8D8; }
.exForm .text,
.exForm .email_address,
.exForm .homepage,
.exForm .address {width: 300px; }
.exForm .tel {width: 40px; }
.exForm .date {width: 120px; }
.exForm textarea {width: 90%; padding: 3px 4px; margin: 0 4px 0 0; vertical-align: top; border: 1px solid #A6A6A6; border-right-color: #D8D8D8; border-bottom-color: #D8D8D8; }
.exForm p {margin: 5px 0 0 0; font-size: 11px; }
.exForm ul {margin: 0; padding: 0; list-style: none; }
.exForm li {display: inline; }
.exForm li input {width: 13px; height: 13px; margin: 0 4px 0 0; vertical-align: middle; }
.exForm li label {margin: 0 15px 0 0; }
.exOut {background: #fff; padding: 10px 0; }
.exOut table {border: 0; width: 100%; }
.exOut th,
.exOut td {border: 0; vertical-align: top; border-bottom: 1px solid #ddd; padding: 8px 15px; }
.exOut th {color: #333; text-align: left; white-space: nowrap; }
.exOut td {color: #666; width: 100%; }
/* Board Read */

/* _read.html */
.board_read {zoom: 1; border-top: 2px solid #2b313b; margin-top:30px; }
.read_header {position: relative;}
.read_header .meta {padding: 10px 10px 13px 0; border-bottom: 1px solid #ddd; zoom: 1; white-space: nowrap; color : #666; text-align:right; }
.read_header .meta span {position:relative; display:inline-block; margin-left:30px;}
.read_header .meta span:first-child {margin-left:0;}
.read_header .meta span i {position:absolute; top:7px; left:-20px; font-size:14px;}
.read_header h1 {width: 90%; margin: 0; font-size: 21px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #555; }
.read_header h1 a {text-decoration: none; color: #444; }
.read_header h1 .category {font-weight: normal; border-right: 1px solid #DDD; padding: 0 13px 0 0; margin: 0 8px 0 0; }

.read_body {padding: 30px; background:#FFF;  }
.read_body .xe_content {color: #333; }
.read_footer {overflow: hidden; }
.read_footer .fileList {margin: 15px 0; display: inline; float: left; }
.read_footer .toggleFile {font-size:14px;border:0;  background: none; cursor: pointer; overflow: visible; color: #4b4b4b; position:relative; padding-left:20px; }
.read_footer .toggleFile i {font-size:16px; position:absolute; top:4px; left:0;}
.read_footer .files {display: none; list-style: none; margin: 15px 0; padding: 0; line-height: 16px; }
.read_footer .files li {background: url(icoSet.gif) no-repeat 0 -28px; padding: 0 0 0 15px; }
.read_footer .files a {color: #4b4b4b; position: relative; text-decoration: none; }
.read_footer .files a .fileSize {visibility: hidden; position: absolute; padding: 1px 4px; left: 100%; top: -4px; border: 1px solid #ddd; font: 11px Tahoma, Geneva, sans-serif; background: #fff; white-space: nowrap; }
.read_footer .files a:hover .fileSize,
.read_footer .files a:active .fileSize,
.read_footer .files a:focus .fileSize {visibility: visible; }
.tns {display:none; !important }

.read_footer .tags {display: inline-block; height: 16px; font-size: 11px; color: #666; vertical-align: top; padding: 0 15px 0 32px; line-height: 16px; background: none; }
.read_footer .tags a {text-decoration: none; color: #666; }
.read_footer .tags .xi-tags {font-size: 14px; margin-right:3px; }
.read_footer .action {display: inline-block; line-height: 16px; font-size: 11px; margin: 0 15px 0 0; color: #555; }
.read_footer .sns{ margin-top:51px;text-align:center; }
.read_footer .sns li{display:inline;vertical-align:top}
.read_footer .sns a{display:inline-block;width:32px;height:32px;border:1px solid #e0e0e0;background-color:#f4f4f4; border-radius:2px;}
.read_footer .sns i{font-size:22px;line-height:32px;color:#bcbcbc}
.read_footer .sns a:hover{border-color:#DECA79;background-color:#f9dc5f;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out}
.read_footer .sns a:hover {color:#747474;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out}

.read_footer .sign {clear: both; border: 1px solid #ddd; margin: 0 0 -1px 0; padding: 10px 15px; overflow: hidden; zoom: 1; }
.read_footer .sign .pf {float: left; margin: 0 15px 0 0; width: 80px; height: 80px; }
.read_footer .sign .tx {overflow: hidden; line-height: 1.3; font-size: 11px; border-left: 1px dotted #ddd; padding: 0 0 0 15px; color: #333; }
.read_footer .sign .tx * {margin: 0; }
.read_footer .btnArea {clear: both; text-align: right; padding: 10px 0; }
/* Feedback (Trackback+Comment) */
/* _trackback.html | _comment.html */
.feedback {position: relative; color: #4b4b4b; margin: 0 0 20px 0; }
.feedback .fbHeader {position: relative; height: 32px; padding: 10px 0 0 5px; line-height: 30px; border-top:1px solid #DDD; }
#comment .fbHeader .wComment {position: absolute; top: 10px; right: 15px; padding: 0 0 0 18px; text-decoration: none; color: #666; line-height: 1; }
.feedback .fbHeader h2 {margin: 0; font-size: 14px; display: inline; }
.feedback .fbHeader h2 em {font-style: normal; color: #CDA25A; }
.feedback .fbHeader .trackbackURL {position: absolute; top: 8px; right: 10px; margin: 0; line-height: 1; color: #666; font: 11px Tahoma, Geneva, sans-serif; }
.feedback .fbHeader .trackbackURL a {text-decoration: none; color: #666; }
.feedback .fbList {margin: 0; padding: 0; }
.feedback .fbItem {padding: 20px 0 19px 0; border-bottom: 1px solid #E9E9E9; margin: 0 0 -1px 0; zoom: 1; list-style: none; }
.feedback .fbItem:last-child {border-bottom:none; }
.feedback .fbItem:after {content: ""; display: block; clear: both; }
.feedback .indent {background: url(icoIndent.gif) no-repeat; }
.feedback .fbMeta {float: left; width: 184px; padding: 0 0 0 6px; }
.feedback .fbMeta .profile {float: left; width: 38px; height: 38px; margin: 0 10px 5px 0; background: url(profile.gif) no-repeat; background-size:100%; border-radius: 100%; }
.feedback .fbMeta .author {margin: 0; font-size: 12px; }
.feedback .author a {text-decoration: none; color: #666; }
.feedback .author a img {margin: 0 6px 0 0 !important; vertical-align: top !important; }
.feedback .time {margin: 0; font: 11px Tahoma, Geneva, sans-serif; color: #8e8e8e; }
.feedback .xe_content {margin: 0 0 0 200px; color: #666; line-height: 1.5; }
.feedback .xe_content *:first-child {margin-top: 0; }
#trackback .xe_content {color: #888; }
#trackback .xe_content strong {color: #666; display: block; font-weight: normal; }
.feedback .fileList {margin: 0 0 0 190px; padding: 8px 0 0 0; display: inline; float: left; clear: both; }
.feedback .toggleFile {border: 0; background: none; cursor: pointer; overflow: visible; padding: 0; color: #767676; }
.feedback .files {display: none; list-style: none; margin: 15px 0; padding: 0; line-height: 16px; }
.feedback .files li {background: url(icoSet.gif) no-repeat 0 -28px; padding: 0 0 0 15px; }
.feedback .files a {color: #767676; position: relative; text-decoration: none; }
.feedback .files a .fileSize {visibility: hidden; position: absolute; padding: 1px 4px; left: 100%; top: -4px; border: 1px solid #ddd; font: 11px Tahoma, Geneva, sans-serif; background: #fff; white-space: nowrap; }
.feedback .files a:hover .fileSize,
.feedback .files a:active .fileSize,
.feedback .files a:focus .fileSize {visibility: visible; }
.feedback .action {margin: 0; padding: 10px 10px 0 0; white-space: nowrap; float: right; }
.feedback .action .vote {margin: 0 10px 0 0; color: #767676; }
.feedback .action a {padding: 0 0 0 4px; color: #767676; text-decoration: none; }
.feedback .action a:hover {color:#CDA25A; }
.feedback .action a.this {background: none; padding: 0; margin: 0 0 0 10px; text-decoration: underline; }
.feedback .pagination {padding: 10px 0; }
.feedback .indent1 {padding-left: 20px; background-position: 6px 15px; }
.feedback .indent2 {padding-left: 40px; background-position: 26px 15px; }
.feedback .indent3 {padding-left: 60px; background-position: 46px 15px; }
.feedback .indent4 {padding-left: 80px; background-position: 66px 15px; }
.feedback .indent5 {padding-left: 100px; background-position: 86px 15px; }
.feedback .indent6 {padding-left: 120px; background-position: 106px 15px; }
.feedback .indent7 {padding-left: 140px; background-position: 126px 15px; }
.feedback .indent8 {padding-left: 160px; background-position: 146px 15px; }
.feedback .indent9 {padding-left: 180px; background-position: 166px 15px; }
.feedback .indent10 {padding-left: 200px; background-position: 186px 15px; }
.feedback .indent11 {padding-left: 220px; background-position: 206px 15px; }
.feedback .indent12 {padding-left: 240px; background-position: 226px 15px; }
.feedback .indent12 .action {display: none}
.fbFooter {margin: -10px 0 10px 0; }

/* Write Author */
/* _read.html | write_form.html | comment_form.html */
.write_author {float: left; margin: 0 4px 0 0; }
.write_author .item {position: relative; display: inline-block; zoom: 1; }
.write_author .iLabel {top: 6px; left: 12px; color: #666; }
.write_author label {margin: 0 10px 0 0; }
/* Write Comment */
/* _read.html | comment_form.html */
.write_comment {position: relative; margin: 10px 0 75px; zoom: 1; }
.write_comment:after {content: ""; display: block; clear: both; }
.write_comment textarea {width: 645px; height: 37px; margin: 0 0 5px 0; }
.write_comment .write_author {padding: 0 0 10px 0; }
.write_comment .iText.userName,
.write_comment .iText.userPw {width:100px;}
.write_comment .iText.homePage {width:150px;}
/* Context Data | Context Message */
/* comment_form.html | delete_form.html | delete_comment_form.html | input_password_form.html | message.html */
.context_data {background: #f8f8f8; border-top: 2px solid #666; padding: 15px 20px; color: #666; }
.context_data h3.author {margin: 0 0 10px 0; color: #333; }
.context_data h3.title {margin: 0 0 10px 0; color: #333; }
.context_data p.author {margin: 0; }
.context_data p.author strong {font-weight: normal; }
.context_data .xe_content {color: #666; }
.context_message {text-align: center; border-top: 2px solid #666; }
.context_message h1 {font-size: 16px; margin: 20px 0; }
.context_message .btnArea {margin: 20px 0; }
/* Tag List */
.tagList {margin: 0; padding: 25px; border: 1px solid #cdcdcd; line-height: 1.2; text-align: justify; }
.tagList a {color: #fff; text-decoration: none; white-space: nowrap; margin: 0 2px; }
.tagList a.rank1 {font-size: 24px; background: #000; }
.tagList a.rank2 {font-size: 18px; background: #333; }
.tagList a.rank3 {font-size: 14px; background: #666; }
.tagList a.rank4 {font-size: 12px; background: #999; }
.tagList a.rank5 {font-size: 12px; color: #666; text-decoration: underline; }
.tagFooter {text-align: center; padding: 20px 0; }



@media all and (max-width: 880px){
.board_list li.author {display:none; }
}

@media all and (max-width: 630px){
.board_list li.readNum {display:none; }
/* Board Footer */
.bsearch_area {margin:0; border:none; }
.board_search {width:100%;}
.board_search select {background:#FFF; border:1px solid #2b313b; box-sizing:border-box;}
.read_header .meta {text-align:left; }
.read_header .meta span {position:relative; display:block; margin-left:20px;}
.read_header .meta span:first-child {margin-left:20px;}
.read_header .meta span i {top:6px;}
.read_body {padding: 15px;}
.tns {display:none; }
}