@charset "utf-8";

.btnArea .etc {
	float: left;
}

.btnArea .etcr {
	float: right;
	text-align: right;
}

.board select {
	margin: 0;
}

.board .btnArea {
	margin-top: 10px;
}

.cleardiv {
	clear: both;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
}

table td, table th {
	padding: 0;
}

.boardHeader {
	border: 1px solid #e1e1dd;
	border-bottom: none;
	background: #FFF url("../images/common/bgH3.gif") repeat-x left bottom;
	overflow: hidden;
}

.boardHeader .boardHeaderBorder {
	width: 100%;
}

.boardHeader h1,
.boardHeader h2,
.boardHeader h3,
.boardHeader h4,
.boardHeader h5,
.boardHeader h6 {
	float: left;
	margin: 0;
	padding: 15px 15px 12px 15px;
	background: #FFF url("../images/common/lineH3.gif") no-repeat right bottom;
	border-bottom: 3px solid #2895c0;
	font-size: 1.2em;
}

.boardDescription {
	color: #AEAEAE;
	border: 1px solid #DDD;
	overflow: hidden;
	padding: 10px;
	margin: 5px 0;
	background-color: #FFF;
}

.boardInformation {
	width: 100%;
	clear: both;
	margin: 5px 0 2px 0;
	overflow: hidden;
	color: #666;
	font-size: 14px;
}

.articleNum {
	float: left;
}

.articleNum strong {
	font: bold 11px Tahoma;
	color: #2895c0;
}

.accountNavigation {
	float: right;
	margin: 0;
	padding: 0;
}

.accountNavigation li {
	float: left;
	margin-left: 7px;
	list-style: none;
}

.accountNavigation li a {
	white-space: nowrap;
}

.accountNavigation li a:hover {
	text-decoration: none;
}

.accountNavigation li.listType {
	margin-left: 5px;
}

.accountNavigation li.loginAndLogout a {
	padding-left: 8px;
	background: url("../images/common/line_1x10_e0e0e0.gif") no-repeat left 2px;
}

.secretContent {
	margin: 20px auto;
	width: 240px;
	border: 1px solid #EFEFEF;
	text-align: center;
}

.secretContent .title {
	padding: 10px 0 10px 0;
	background-color: #EFEFEF;
	display: block;
	font-weight: bold;
}

.secretContent .content {
	padding: 10px 0 10px 0;
	background-color: #FFF;
	display: block;
}

.blogNotice {
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #e0e1db;
}

.blogNotice .item {
	background: url("../images/common/notice.gif") no-repeat -2px 3px;
	padding: 3px 0 3px 18px;
}

.blogNotice .item .date {
	font-family: Verdana;
	font-size: .9em;
	color: #AAA;
}

.blogNotice .item a {
	text-decoration: none;
	color: #444;
}

.blogNotice .item a:hover {
	text-decoration: underline;
}

.blogNotice .item .replyAndTrackback {
	color: #AAA;
	font-size: .9em;
}

.viewDocument {
	margin-bottom: 20px;
}

.boardRead {
	margin: 10px 0 10px 0;
	border-bottom: 1px solid #e0e1db;
}

.boardRead .titleAndUser {
	overflow: hidden;
	border-bottom: 1px solid #e0e1db;
}

.boardRead .titleAndUser .title {
	float: left;
	margin: 10px 0 5px 0;
}

.boardRead .titleAndUser .title a {
	font-size: 18px;
	color: #000;
	text-decoration: none;
}

.boardRead .titleAndUser .title a:hover {
	text-decoration: underline;
}

.boardRead .titleAndUser h1,
.boardRead .titleAndUser h2,
.boardRead .titleAndUser h3,
.boardRead .titleAndUser h4,
.boardRead .titleAndUser h5,
.boardRead .titleAndUser h6 {
	margin: 0;
	font-size: 1.5em;
	margin-left: 3px;
}

.boardRead .titleAndUser .userInfo {
	white-space: nowrap;
	margin-top: 11px;
}

.boardRead .titleAndUser .userInfo .author {
	color: #3074a5;
}

.boardRead .titleAndUser .userInfo .author a {
	color: #3074a5;
	text-decoration: none;
}

.boardRead .dateAndCount {
	margin: 12px 0 18px 0;
	padding: 18px;
	background: rgba(255,255,255,0.72);
	border: 1px solid rgba(217,225,236,0.9);
	border-radius: 10px;
	box-shadow: var(--rx-shadow);
	white-space: nowrap;
	color: #444;
	font-size: .9em;
	font-family: "NanumBarunGothic", "NanumGothic", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
	line-height: 17px;
}

.boardRead .dateAndCount .uri {
	width: 50%;
}

.boardRead .dateAndCount .uri input {
	margin: 0 !important;
	padding: 0 !important;
	background: rgba(255,255,255,0.72) !important;
	border: none !important;
	color: #333 !important;
	font-size: 13px !important;
	text-overflow:ellipsis;
	vertical-align: middle;
}

.boardRead .dateAndCount .uri button {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	cursor: pointer;
	color: #2255cc;
	font-size: 13px;
}

.boardRead .dateAndCount .uri a {
	text-decoration: none;
	color: #444;
}

.boardRead .dateAndCount .userInfo {
	margin: 10px 0 0 0;
	color: #444;
}

.boardRead .dateAndCount .docuInfo {
	display: flex;
	justify-content: left;
	align-items: center;
	gap: 10px;
	margin: 10px 0 0 0;
	color: #444;
}

.boardRead .dateAndCount .replyAndTrackback a {
	color: #333;
	white-space: nowrap;
	text-decoration: none;
}

.boardRead .dateAndCount .replyAndTrackback a:hover {
	text-decoration: underline;
}

.boardRead .dateAndCount .category {
	margin-right: 10px;
}

.boardRead .dateAndCount .category a {
	color: #555;
	text-decoration: none;
	font-weight: normal;
}

.boardRead .dateAndCount .category a:hover {
	text-decoration: underline;
}

.boardRead .extraVarsList {
	width: 100%;
	border: 1px solid #e0e1db;
	border-bottom: none;
	margin: 0 0 30px 0;
	table-layout: fixed;
}

.boardRead .extraVarsList th {
	font-weight: normal;
	color: #555;
	text-align: left;
	padding: 4px 0 4px 10px;
	border-bottom: 1px solid #e0e1db;
	border-right: 1px solid #e0e1db;
}

.boardRead .extraVarsList td {
	color: #555;
	border-bottom: 1px solid #e0e1db;
	padding: 4px 0 4px 10px;
}

.boardRead .extraVarsList td a {
	color: #555;
}

.boardRead .readBody {
	color: #555;
	margin-top: 20px;
}

.boardRead .vote {
	margin: 10px 0 20px 0;
	text-align: center;
}

.boardRead .vote ul {
	margin: 0;
	padding: 0;
}

.boardRead .vote li {
	display: inline;
	vertical-align: top;
}

.boardRead .vote a {
	display: inline-block;
	width: 70px;
	height: 70px;
	border: 1px solid #e0e0e0;
	background-color: #f4f4f4;
	border-radius: 2px;
	color: #969696;
	text-decoration: none;
}

.boardRead .vote i {
	font-size: 22px;
	line-height: 45px;
	color: #bcbcbc;
}

.boardRead .vote a:hover {
	border-color: #deca79;
	background-color: #8ca8ec;
	transition: all 0.2s ease-in-out;
	color: #f8f8f8;
}

.boardRead .tag {
	clear: both;
	margin: 10px 0 0 0;
}

.boardRead .tag ul {
	margin: 0;
	padding: 0;
}

.boardRead .tag li {
	display: inline;
	list-style: none;
}

.boardRead .tag li a {
	color: #444;
	font-size: 13px;
}

.boardRead .fileAttached {
	border: 1px solid #EFEFEF;
	background-color: #F4F4F4;
	padding: 5px;
	margin-top: 10px;
	overflow: hidden;
}

.boardRead .fileAttached h5 {
	font-weight: normal;
	color: #999;
	font-size: 1em;
	line-height: 22px;
}

.boardRead .fileAttached ul {
	padding: 0;
	margin: 0;
}

.boardRead .fileAttached li {
	padding-left: 15px;
	display: block;
	float: left;
	white-space: nowrap;
	list-style: none;
	margin: 0 10px 5px 0;
}

.boardRead .fileAttached li a {
	text-decoration: none;
	font-size: 12px;
	white-space: nowrap;
	color: #444;
}

.boardRead .fileAttached li a:visited {
	color: #777;
}

.boardRead .btnArea {
	border-top: 1px solid #ddd;
	padding: 10px 0 0 0;
}

.trackbackBox {
	padding: .6em .6em;
	color: #666;
	border: 1px solid #e0e1db;
	margin-top: .5em;
}

.trackbackBox .trackbackUrl {
	color: #1F3DAE;
	font-size: .9em;
	margin: 0;
}

.trackbackBox .trackbackItem {
	background-color: #F3F3F3;
	padding: .6em .8em .6em .6em;
	line-height: 1.25em;
	border-top: 1px dotted #EEE;
	list-style: none;
}

.trackbackBox p {
	display: inline;
	margin-bottom: 1em;
}

.trackbackBox a {
	color: #666;
	text-decoration: none;
}

.trackbackBox div {
	clear: both;
}

.trackbackBox address {
	display: block;
	padding: 0 .3em 0 0;
}

.trackbackBox address a {
	font-size: .9em;
	color: #3074a5;
	margin-right: .3em;
	float: left;
}

.trackbackBox address .date {
	font: .8em Tahoma;
	color: #CCC;
	float: right;
}

.replyBox {
	margin-top: .5em;
	padding: 0 10px 10px;
	color: #666;
	border: 1px solid #e0e1db;
}

.replyBox .replyItem {
	padding: .6em .8em .6em .6em;
	background-color: #FFF;
	line-height: 1.25em;
	clear: both;
	list-style: none;
	border-bottom: 1px dotted #DDD;
}

.replyBox .newreplyItem {
	padding: .6em .8em .6em .6em;
	background-color: #FFF;
	line-height: 1.25em;
	clear: both;
	border-top: 1px dotted #DDD;
}

.replyBox .newreplyItem:first-child {
	border-top: none;
}

.replyBox p {
	display: inline;
}

.replyBox .author {
	float: left;
	margin: .5em 0 0 0;
	padding: 0;
	color: #3074A5;
	font-size: 13px;
}

.replyBox .author a {
	color: #3074A5;
	text-decoration: none;
}

.replyBox .viewNickname {
	float: left;
	display: block;
	margin: 0 5px 0 0;
	padding: 2px 3px 1px;
	background: #2255CC;
	border-radius: 3px;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}

.replyBox .viewWriter {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 0 6px;
	padding: 3px 8px 4px;
	background: var(--rx-primary, #1f4b99);
	border: 1px solid rgba(31, 75, 153, 0.16);
	border-radius: 999px;
	color: #fff !important;
	font-size: 11px;
	font-weight: 800;
	line-height: 1.2;
	text-align: center;
	vertical-align: middle;
}

.replyBox .voted {
	float: left;
	color: #AAA;
	margin: 0 .3em 0 1em;
}

.replyBox .date {
	float: left;
	margin: .5em .5em 0 0;
	padding: 0 5px;
	color: #666;
	font-size: 13px;
}

.replyBox .replyOption {
	margin: .5em 0;
	height: 20px;
	white-space: nowrap;
	text-align: right;
}

.replyBox .replyOption a {
	color: #636363;
	text-decoration: none;
	font-size: 13px;
}

.replyBox .replyOption a:hover {
	color: #333;
}

.replyBox .replyOption img {
	vertical-align: middle;
}

.replyBox .replyContent {
	clear: left;
	margin: 0;
	padding: 0;
}

.replyBox .replyContent p {
	display: block;
}

.replyBox .reply {
	background-color: #F4F4F4;
	border-bottom: 1px dotted #DDD;
}

.replyBox .replyIndent {
	background: url("../images/common/iconReplyArrow.gif") no-repeat .0em .3em;
	padding-left: 1.3em;
	overflow: hidden;
}

.replyBox .fileAttached {
	border: 1px solid #EFEFEF;
	background-color: #F4F4F4;
	padding: 5px;
	margin-top: 10px;
	overflow: hidden;
}

.replyBox .fileAttached ul {
	border: 0;
	margin: 0;
	padding: 0;
}

.replyBox .fileAttached h5 {
	font-weight: normal;
	color: #999;
	float: left;
	font-size: 1em;
}

.replyBox .fileAttached li {
	padding-left: 15px;
	display: block;
	float: left;
	white-space: nowrap;
	list-style: none;
	margin: 0px 10px 5px 0;
}

.replyBox .fileAttached li a {
	text-decoration: none;
	font-size: .9em;
	white-space: nowrap;
	color: #444;
}

.replyBox .fileAttached li a:visited {
	color: #777;
}

.boardSubMenu {
	margin: 0 0 .5em 0;
	padding: 1em 0 .5em .5em;
	border-bottom: 1px solid #e0e1db;
}

.boardSubMenu a {
	text-decoration: none;
	color: #666;
	vertical-align: bottom;
	background: url("../images/common/line_1x10_e0e0e0.gif") no-repeat right 5px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	position: relative;
	top: 5px;
}

.boardSubMenu img.sort {
	vertical-align: middle;
}

.boardList {
	margin: 1.4em 0;
	width: 100%;
	background: #fff;
	border-top: none;
	border-right: 1px solid #e0e1db;
	border-bottom: 1px solid #e0e1db;
	border-left: 1px solid #e0e1db;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 0.96rem;
}

.boardList thead tr th div {
	white-space: nowrap;
	margin: 0 5px;
}

.boardList thead tr th.title,
.boardList thead tr th.category,
.boardList thead tr th.topic {
	width: 100%;
}

.boardList tbody td {
	white-space: nowrap;
}

.boardList tbody td.title {
	white-space: normal;
}

.boardList tbody td.webzineTitle {
	white-space: normal;
}

.boardList tbody td.wrap {
	white-space: normal;
}

.boardListNoTopBorder {
	border: none;
}

.boardList th {
	padding: 12px 14px;
	height: 25px;
	background: #f4f7fb;
	border: 1px solid var(--rx-line);
	vertical-align: middle;
	white-space: nowrap;
	color: #3E3F3E;
	font-weight: 600;
	font-size: 16px;
}

.boardList th.no_line {
	background-position: -3px bottom;
}

.boardList th a {
	color: #3E3F3E;
	text-decoration: none;
}

.boardList th.num {
	border-left: 1px solid #FFF;
}

.boardList th.checkbox {
	text-align: center;
}

.boardList th.title {
	text-align: center;
	padding-left: 1em;
}

.boardList th.topic {
	text-align: left;
	padding-left: 1em;
}

.boardList th.category {
	text-align: left;
	padding-left: 1em;
}

.boardList th.category select {
	vertical-align: middle;
	width: 200px;
	height: 20px;
	border: 1px solid #2255CC;
}

.boardList th.reading,
th.recommend,
th.date {
	white-space: nowrap;
}

.boardList th .sort {
	padding: 0 .2em;
	vertical-align: middle;
}

.boardList tr.notice {
	background: #F8F8F8;
}

.boardList tr.notice .num {
	font-weight: bold;
}

.boardList tr.bg1 {
	background: #FFF;
}

.boardList tr.bg2 {
	background: #FBFBFB;
}

.boardList td {
	padding: 12px 14px;
	border: 1px solid var(--rx-line);
	vertical-align: middle;
}

.boardList td.num {
	font: 1em Tahoma;
	color: #666;
	padding: .5em 1em;
	text-align: center;
}

.boardList td.checkbox {
	font: .9em Tahoma;
	color: #666;
	text-align: center;
}

.boardList tr.notice td.num {
	padding: .5em;
	white-space: nowrap;
}

.boardList tr.notice td.notice {
	font-size: 1em;
	color: #666;
	font-weight: bold;
	text-align: center;
}

.boardList td.thumb img {
	border: 1px solid #E0E1DB;
	padding: 3px;
	margin: none;
}

.boardList td.title {
	padding-left: 1em;
	font-family: "NanumBarunGothic", "NanumGothic", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}

.boardList td.title strong.category {
	margin-right: .5em;
	padding-right: .5em;
	background: url("../images/common/line_1x10_e0e0e0.gif") no-repeat right 3px;
	color: #444;
	font-weight: normal;
	font-size: .8em;
}

.boardList td.title.bold {
	font-size: 1.2em;
	font-weight: bold;
}

.boardList td.title.bold a {
	position: relative;
	top: .3em;
}

.boardList td.title *{
	vertical-align: middle;
}

.boardList td.title,
.boardList td.title a {
	color: #000;
	font-size: 16px;
	text-decoration: none;
}

.boardList td.title a:hover {
	color: #2255cc;
	text-decoration: underline;
}

.boardList td.title a:visited {
	color: #444;
}

.boardList td.topic {
	padding-left: 1em;
	color: #777;
}

.boardList td.topic strong a {
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	color: #222;
}

.boardList td.topic strong a:visited {
	color: #444;
}

.boardList td.topic .category {
	background: url("../images/common/line_1x10_e0e0e0.gif") no-repeat left 3px;
	padding-left: .5em;
	margin-left: .5em;
	color: #AAA;
}

.boardList td.topic div.author {
	margin-top: .5em;
	color: #BBB;
}

.boardList td.topic div.author strong {
	font-weight: normal;
	color: #555;
}

.boardList td.commentCount {
	font: bold .8em Tahoma;
	color: #777;
	text-align: center;
}

.boardList td.latestPost {
	color: #777;
}

.boardList td.latestPost div.author {
	margin-top: .5em;
	color: #BBB;
}

.boardList td.latestPost div.author strong {
	font-weight: normal;
	color: #777;
}

.boardList td.latestPost div.date {
	font-size: .8em;
	margin-top: .5em;
}

.boardList td.latestPost div.date strong {
	font-family: "NanumBarunGothic", "NanumGothic", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
	font-weight: normal;
	color: #555;
}

.boardListNoTopBorder td {
	border-top: none;
	border-bottom: 1px solid #eff0ed;
	padding: .5em;
}

.boardList td.webzineTitle {
	padding-left: 1em;
	color: #444;
	height: 1.2em;
	width: 100%;
}

.boardList td.webzineTitle strong.category {
	font-size: 1em;
	background: url("../images/common/line_1x10_e0e0e0.gif") no-repeat right 3px;
	padding-right: .5em;
	margin-right: .5em;
}

.boardList td.webzineTitle.bold {
	font-size: 1.2em;
	font-weight: bold;
}

.boardList td.webzineTitle *{
	vertical-align: middle;
}

.boardList td.webzineTitle,
.boardList td.webzineTitle a {
	color: #000;
	text-decoration: none;
}

.boardList td.webzineTitle a:visited {
	color: #444;
}

.boardList td.summary {
	border-top: none;
	vertical-align: top;
	color: #555;
	line-height: 1.25em;
	padding-left: 1em;
	white-space: normal;
}

.boardList td.summary a {
	color: #555;
	text-decoration: none;
	line-height: inherit;
}

.boardList td.summary a:visited {
	color: #555;
}

.boardList td.replyAndTrackback img.trackback {
	margin-bottom: -.1em;
}

.boardList td.replyAndTrackback strong {
	font: bold 1em Tahoma;
}

.boardList td.replyAndTrackback {
	font: .8em Tahoma;
	color: #2895c0;
}

.btnBox .replyAndTrackback a strong {
	color: #2895c0;
}

.boardList td.author {
	color: #333;
	padding-left: 1em;
	white-space: normal;
}

.boardList td.author a {
	color: #333;
}

.boardList td.reading {
	text-align: center;
	font: .8em Tahoma;
	color: #555;
}

.boardList td.recommend {
	text-align: center;
	font: bold .8em Tahoma;
	color: #2895c0;
}

.boardList td.date {
	font: 1em Tahoma;
	color: #555;
	text-align: center;
	white-space: normal;
}

.thumbnailBox {
	margin-top: 1em;
	clear: both;
	overflow: hidden;
	border-bottom: 1px solid #E0E1DB;
}

.thumbnailBox div.cell {
	display: block;
	float: left;
	overflow: hidden;
	margin-bottom: 1em;
	margin-right: 1em;
}

.thumbnailBox div.cell img.thumb {
	padding: 2px;
	border: 1px solid #E0E1DB;
	display: block;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
}

.thumbnailBox div.title {
	color: #3B96C0;
	margin-bottom: .2em;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
}

.thumbnailBox div.title a {
	color: #3B96C0;
	text-decoration: none;
}

.thumbnailBox div.nameAndDate {
	font-size: .9em;
	color: #666;
	margin-bottom: .2em;
	text-align: center;
}

.thumbnailBox div.nameAndDate a {
	color: #666;
}

.thumbnailBox div.nameAndDate .author {
	margin-left: auto;
	margin-right: right;
}

.thumbnailBox div.nameAndDate .author div {
	display: inline;
	vertical-align: middle;
}

.thumbnailBox div.nameAndDate .date {
	font: .8em Tahoma;
	color: #666;
}

.thumbnailBox div.readAndRecommend {
	font-size: .9em;
	color: #555;
	text-align: center;
}

.thumbnailBox div.readAndRecommend .num {
	font: .8em Tahoma;
}

.thumbnailBox div.readAndRecommend .vr {
	color: #DDD;
}

.thumbnailBox div.readAndRecommend strong.num {
	font: bold .8em Tahoma;
	color: #FF6600;
}

.boardBottom {
	margin-top: 10px;
}

.boardBottom2 {
	margin-top: 20px;
}

.boardSearchgst {
	float: left;
	margin-top: 10px;
	width: 49%;
	font-family: "NanumBarunGothic", "NanumGothic", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
	color: #666;
	font-size: 14px;
}

.boardSearch {
	background: var(--rx-surface);
	border: 1px solid rgba(217,225,236,0.9);
	border-radius: 26px;
	padding: 18px;
}

.boardSearch form {
	font-family: "NanumBarunGothic", "NanumGothic", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}

.boardSearch .inputandbuttons {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	margin-top:10px;
}

.boardSearch input, select {
	width: 100%;
	padding: 14px 15px;
	border: 1px solid var(--rx-line);
	border-radius: 14px;
	background: #fff;
	color: var(--rx-text);
	transition: border-color .18s ease, box-shadow .18s ease;
}

.boardSearch input[type=text].iText {
	margin: 0;
	padding: 4px 6px;
	width: 125px;
	height: 16px;
	line-height: 16px;
	border: 1px solid #BBB;
	font-size: .85em;
}

.boardSearch .searchHelp {
	margin: 8px 0 0;
	color: #667085;
	font-size: 13px;
	line-height: 1.5;
}

.boardSearch .searchHelp strong {
	color: #7a3b00;
	font-weight: 600;
}

.boardEditor {
	margin-bottom: 10px;
}

.commentEditor {
	margin-top: 10px;
}

.boardWrite {
	padding-bottom: 10px;
}

.boardWrite label {
	display: inline-block;
	font-size: 14px;
}

.boardWrite input[type=text].iText {
	font-size: 14px;
}

.boardWrite select {
	margin: 0;
	width: auto;
	height: auto;
	padding: 0;
}

.boardWrite fieldset {
	border: none;
}

.boardWrite .userNameAndPw {
	margin: 10px 10px 0 10px;
}

.boardWrite .userNameAndPw .userName {
	width: 60px;
	margin-right: 10px;
}

.boardWrite .userNameAndPw .userPw {
	width: 60px;
	margin-right: 10px;
}

.boardWrite .userNameAndPw .emailAddress {
	width: 60px;
	margin-right: 10px;
}

.boardWrite .userNameAndPw .homePage {
	width: 60px;
	margin-right: 10px;
}

.boardWrite .title {
	margin-top: 0;
}

.boardWrite .title .category {
	margin: 0 9px 0 10px;
	padding-left: 5px;
	border: 1px solid #c4c4c4;
	height: 32px;
	color: #333;
}

.boardWrite .title label.title {
	margin: 0 10px;
}

.boardWrite .title input.title {
	padding: 4px 5px;
	width: 81%;
	background: #FFF;
	border: 1px solid #c4c4c4;
	border-radius: 2px;
	vertical-align: middle;
	line-height: 22px;
	appearance: none;
}

.boardWrite .option {
	margin: 10px 0;
	padding: 0;
}

.boardWrite .option *{
	vertical-align: middle;
}

.boardWrite .option input {
	width: 13px;
	height: 13px;
}

.boardWrite .option label {
	margin: 0 8px 0 0;
}

.boardWrite .color_wrp {
	position: relative;
	float: left;
	margin-right: 9px;
	background: #FFF;
	border-radius: 3px;

}

.boardWrite .color_wrp *{
	vertical-align: top;
}

.boardWrite .color_wrp label {
	top: 3px;
}

.boardWrite .itx_color {
	padding: 0 5px;
	width: 70px !important;
	height: 24px !important;
	background: #FFF;
	border-top: 1px solid #c4c4c4;
	border-right: none;
	border-bottom: 1px solid #c4c4c4;
	border-left: 1px solid #c4c4c4;
	border-radius: 1px;
	box-sizing: border-box;
	transition: border .4s, background .4s;
	vertical-align: middle;
	font-size: 14px;
	appearance: none;
}

.boardWrite .itx_color:hover, .boardWrite .itx_color:focus {
	background-color: #FFF;
	border-color: #c4c4c4;
}

.boardWrite .tag {
	margin: 0;
}

.boardWrite .tag input.iText {
	padding: 6px 5px 3px 10px;
	width: 97%;
	background: #FFF;
	border: 1px solid #c4c4c4;
	border-radius: 2px;
	appearance: none;
	line-height: 22px;
}

.boardWrite .tag .help {
	vertical-align: middle;
}

.boardWrite .tag .info {
	font-size: .9em;
	color: #999;
}

.boardWrite .extraVarsList {
	width: 100%;
	border-top: 1px solid #e0e1db;
	border-bottom: none;
	margin: 10px 0 10px 0;
	table-layout: fixed;
}

.boardWrite .extraVarsList th {
	font-weight: normal;
	color: #555;
	text-align: left;
	padding: 4px 0 4px 10px;
	border-bottom: 1px solid #e0e1db;
	border-right: 1px solid #e0e1db;
}

.boardWrite .extraVarsList td {
	color: #555;
	border-bottom: 1px solid #e0e1db;
	padding: 4px 0 4px 10px;
}

.boardWrite .extraVarsList td a {
	color: #555;
}

.boardWrite .extraVarsList p {
	margin: 5px 0 0 0;
	padding: 0;
}

.boardWrite .extraVarsList ul {
	margin: 0;
	padding: 0;
}

.pagination {
	margin-top: 10px;
	padding: 0;
	text-align: center;
}

.pagination img {
	border: 0;
}

.pagination a,
.pagination strong {
	position: relative;
	display: inline-block;
	text-decoration: none;
	line-height: normal;
	color: #333;
	font-family: "NanumBarunGothic", "NanumGothic", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
	vertical-align: middle;
}

.pagination a:hover,
.pagination a:active,
.pagination a:focus {
	background-color: #f4f4f4 !important;
}

/* #2895c0 */
.pagination strong {
	color: #ff6600 !important;
}

.pagination a.prev,
.pagination a.prevEnd,
.pagination a.next,
.pagination a.nextEnd {
	font-weight: normal !important;
	border: none !important;
	margin: 0 !important;
	white-space: nowrap;
}

.pagination.a1 a,
.pagination.a1 strong {
	margin: 0 -4px;
	padding: 1px 10px 1px 8px;
	font-weight: bold;
	font-size: 14px;
}

.pagination.a1 a.prev {
	padding-left: 10px;
	background: #fff url("../images/common/arrowPrevA1.gif") no-repeat left center;
}

.pagination.a1 a.prevEnd {
	padding-left: 15px;
}

.pagination.a1 a.next {
	padding-right: 10px;
	background: #fff url("../images/common/arrowNextA1.gif") no-repeat right center;
}

.pagination.a1 a.nextEnd {
	padding-right: 15px;
}

.bubble {
	position: relative;
	font-weight: bold;
}

.qrcode {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin: 40px 0 0 0;
	padding: 0;
}

.qrcode_p1 {
	margin: 0;
	padding: 0;
	line-height: normal;
}

.qrcode_p2 {
	margin: 0;
	padding: 0;
	line-height: normal;
	text-align: center;
	font-size: 12px;
}

.qrcode_p2 span {
	color: #555;
}

.comment_popup_menu,
.document_popup_menu {
	text-align: right;
	background: url("../images/common/document_menu.gif") no-repeat right top !important;
	padding: 0 15px 0 0;
	height: 18px;
	clear: both;
}

.comment_popup_menu a,
.document_popup_menu a {
	cursor: pointer;
	display: inline;
	color: #555 !important;
	text-decoration: none;
}

.tagsBox {
	border: 1px solid #EEE;
	margin: 0 0 20px 0;
	padding: 10px;
	overflow: hidden;
}

.tagsBox h5 {
	margin: 0 0 10px 0;
	padding: 2px;
}

.tags {
	width: 100%;
}

.tags div {
	float: left;
	padding: 2px;
	margin-right: 10px;
	overflow: hidden;
	white-space: nowrap;
	height: 15px;
}

.tags div a {
	text-decoration: none;
	color: #555;
}

.tags div a:hover {
	background-color: #888;
	color: #FFF;
}

.tags .tagTypeA a {
	color: #fe3614;
	font-weight: bold;
	font-size: 12pt;
	background-color: #EFEFEF;
	margin: 0;
}

.tags .tagTypeB a {
	color: #fe3614;
	font-size: 11pt;
	margin: 0;
}

.tags .tagTypeC a {
	font-weight: bold;
	font-size: 11pt;
	margin: 0;
	background-color: #EFEFEF;
}

.tags .tagTypeD a {
	font-weight: bold;
	margin: 0;
	background-color: #EFEFEF;
}

.tags .tagTypeE a {
	font-weight: normal;
	margin: 0;
}

.memberSignature {
	border: 1px solid #e0e1db;
	padding: 10px;
	margin-top: 20px;
	clear: both;
	overflow: hidden;
}

.memberSignature .profile {
	float: left;
	margin-right: 20px;
}

.commentProfileImage {
	margin: 0 10px 10px 0;
	float: left;
}

.replyBox .xe_content {
	display: inline;
}

.display_date {
	cursor: pointer;
	width: 80px;
	border: 1px solid;
	border-color: #a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6;
	height: 1em;
	padding: 3px;
	margin-right: 10px;
}

.extraVarsList tr td.text input {
	border: 1px solid;
	border-color: #a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6;
	padding: 3px;
	margin-right: 10px;
	width: 90%;
}

.extraVarsList tr td.email_address input {
	border: 1px solid;
	border-color: #a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6;
	padding: 3px;
	margin-right: 10px;
	width: 300px;
}

.extraVarsList tr td.homepage input {
	border: 1px solid;
	border-color: #a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6;
	padding: 3px;
	margin-right: 10px;
	width: 300px;
}

.extraVarsList tr td.tel input {
	border: 1px solid;
	border-color: #a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6;
	padding: 3px;
	margin-right: 10px;
	width: 40px;
	margin-right: 10px;
}

.extraVarsList tr td.textarea textarea {
	border: 1px solid;
	border-color: #a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6;
	padding: 3px;
	margin-right: 10px;
	width: 90%;
	height: 80px;
	font-size: 12px;
}

.extraVarsList tr td ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.extraVarsList tr td ul li {
	display: inline-block;
	margin-right: 10px;
}

.extraVarsList tr td ul li input {
	margin-right: 5px;
	vertical-align: middle;
}

.extraVarsList tr td .date {
	border: 1px solid;
	border-color: #a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6;
	padding: 3px;
	margin-right: 10px;
	width: 100px;
}

.extraVarsList tr td .address {
	border: 1px solid;
	border-color: #a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6;
	padding: 3px;
	margin-right: 10px;
	width: 300px;
}

.layer_voted_member {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #eee;
	border: 2px solid #999;
}

.layer_voted_member li {
	position: relative;
	top: -1px;
	padding: 2px 10px;
	border-top: 1px dotted #999;
	font-size: 12px;
}

.board .btn {
	text-decoration: none !important;
	display: inline-block;
	padding: 0 12px;
	margin: 0;
	font-family: inherit;
	font-size: 14px;
	line-height: 24px;
	height: 24px;
	color: #333;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: top;
	cursor: pointer;
	overflow: visible;
	background-color: #f5f5f5;
	background-image: linear-gradient(top, #FFF, #e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #BBB;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-bottom-color: #a2a2a2;
	border-radius: 2px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.board .btn:hover,
.board .btn:active,
.board .btn[disabled] {
	color: #333;
	background-color: #e6e6e6;
}

.board .btndark {
	display: inline-block;
	margin: 0;
	padding: 0 12px;
	height: 26px;
	border-color: #666;
	background: #777;
	background: linear-gradient(to bottom, #7e7c78, #5c5b58);
	overflow: visible;
	box-shadow: 0 0 1px #fff inset;
	border-radius: 2px;
	vertical-align: top;
	cursor: pointer;
	color: #fff;
	text-align: center;
	font-family: inherit;
	font-size: 14px;
	line-height: 24px;
	text-decoration: none !important;
}

/* Board list: card layout replacing the old table list */
.boardCardCategorySelect {
	margin: 0 0 12px 0;
}

.boardCardForm {
	margin: 0;
}

.boardCardTools {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin: 1.2em 0 0.6em;
}

.boardCardSelectAll {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 8px 12px;
	border: 1px solid var(--rx-line, #d9e1ec);
	border-radius: 999px;
	background: var(--rx-surface, #fff);
	color: var(--rx-muted, #5b6472);
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
}

.boardCardList {
	display: grid;
	gap: 12px;
	margin: 1.4em 0;
	padding: 0;
	list-style: none;
}

.boardCardItem {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	min-width: 0;
	padding: 16px 18px;
	background: var(--rx-surface, #fff);
	border: 1px solid var(--rx-line, #d9e1ec);
	border-radius: 20px;
	box-shadow: 0 10px 28px rgba(18, 38, 63, 0.06);
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.boardCardItem:hover,
.boardCardItem:focus-within {
	border-color: rgba(31, 75, 153, 0.35);
	box-shadow: 0 14px 34px rgba(18, 38, 63, 0.10);
	transform: translateY(-1px);
}

.boardCardItem--notice {
	background: #f8fbff;
	border-color: rgba(31, 75, 153, 0.22);
}

.boardCardCheck {
	flex: 0 0 auto;
	padding-top: 5px;
}

.boardCardThumb {
	flex: 0 0 96px;
	display: block;
	width: 96px;
	height: 72px;
	border: 1px solid rgba(217,225,236,0.95);
	border-radius: 14px;
	background: #eef3fb;
	overflow: hidden;
	text-decoration: none;
}

.boardCardThumb:hover {
	text-decoration: none;
}

.boardCardThumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.boardCardMain {
	min-width: 0;
	flex: 1 1 auto;
}

.boardCardTop {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-bottom: 6px;
	color: var(--rx-muted, #5b6472);
	font-size: 13px;
}

.boardCardBadge {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 3px 9px;
	border-radius: 999px;
	background: var(--rx-primary, #1f4b99);
	color: #fff;
	font-size: 12px;
	font-weight: 800;
}

.boardCardTitle {
	margin: 0;
	color: var(--rx-text, #1f2937);
	font-family: "NanumBarunGothic", "NanumGothic", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
	font-size: 1rem;
	font-weight: 800;
	line-height: 1.55;
	word-break: keep-all;
	overflow-wrap: anywhere;
}

.boardCardTitle a {
	color: inherit;
	text-decoration: none;
}

.boardCardTitle a:hover {
	color: var(--rx-primary, #1f4b99);
	text-decoration: underline;
}

.boardCardCategory {
	display: inline-flex;
	align-items: center;
	margin-right: 6px;
	padding-right: 8px;
	border-right: 1px solid rgba(217,225,236,0.95);
	font-size: 0.86em;
	font-weight: 800;
}

.boardCardPin {
	color: #f36;
}

.boardCardStatus {
	display: inline-flex;
	align-items: center;
	margin-right: 5px;
	padding: 2px 7px;
	border-radius: 999px;
	background: var(--rx-primary, #1f4b99);
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	vertical-align: middle;
}

.boardCardComment {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	margin-left: 6px;
	color: #2895c0;
	font-size: 12px;
	vertical-align: middle;
}

.boardCardMeta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 13px;
	margin-top: 9px;
	color: var(--rx-muted, #5b6472);
	font-size: 13px;
	line-height: 1.5;
}

.boardCardMeta span,
.boardCardMeta a {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.boardCardMeta a {
	color: inherit;
	text-decoration: none;
}

.boardCardMeta a:hover {
	color: var(--rx-primary, #1f4b99);
	text-decoration: underline;
}

.boardCardEmpty {
	margin: 1.4em 0;
	padding: 48px 20px;
	background: var(--rx-surface, #fff);
	border: 1px solid var(--rx-line, #d9e1ec);
	border-radius: 20px;
	color: var(--rx-muted, #5b6472);
	text-align: center;
	list-style: none;
	box-shadow: 0 10px 28px rgba(18, 38, 63, 0.06);
}

@media (max-width: 640px) {
	.boardCardTools {
		justify-content: flex-start;
	}

	.boardCardList {
		gap: 10px;
		margin: 1em 0;
	}

	.boardCardItem {
		gap: 11px;
		padding: 14px;
		border-radius: 17px;
	}

	.boardCardThumb {
		flex-basis: 78px;
		width: 78px;
		height: 62px;
		border-radius: 12px;
	}

	.boardCardTitle {
		font-size: 0.96rem;
		line-height: 1.55;
	}

	.boardCardMeta {
		font-size: 12px;
	}
}

@media (max-width: 420px) {
	.boardCardItem {
		gap: 10px;
		padding: 12px;
	}

	.boardCardThumb {
		flex-basis: 64px;
		width: 64px;
		height: 54px;
	}

	.boardCardCheck {
		padding-top: 2px;
	}
}

/* Board card list tweak: keep notice badge and title on one line */
.boardCardTitle {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 8px;
}

.boardCardTitle a {
	flex: 1 1 220px;
	min-width: 0;
}

.boardCardPin {
	display: inline-flex;
	align-items: center;
}

.boardCardComment {
	flex: 0 0 auto;
	margin-left: 2px;
	white-space: nowrap;
}

@media (max-width: 640px) {
	.boardCardTitle a {
		flex-basis: 160px;
	}
}


/* Board card meta tweak: comments moved from title line to meta line */
.boardCardMeta .boardCardComment {
	margin-left: 0;
	color: #2895c0;
}

.boardCardTitle .boardCardComment {
	display: none;
}

/* Board pagination: modern pill/circle style */
.board .pagination,
.pagination.a1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 8px;
	margin: 26px 0 24px;
	padding: 0;
	text-align: center;
}

.board .pagination a,
.board .pagination strong,
.pagination.a1 a,
.pagination.a1 strong,
.pagination.a1 .bubble {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	height: 38px;
	margin: 0 !important;
	padding: 0 12px !important;
	border: 1px solid var(--rx-line, #d9e1ec) !important;
	border-radius: 999px;
	background: #fff !important;
	background-image: none !important;
	color: var(--rx-primary, #1f4b99) !important;
	font-family: "NanumBarunGothic", "NanumGothic", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
	font-size: 15px;
	font-weight: 800;
	line-height: 1;
	text-decoration: none;
	box-shadow: 0 6px 18px rgba(18, 38, 63, 0.05);
	vertical-align: middle;
	transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.board .pagination strong,
.pagination.a1 strong {
	background: var(--rx-primary, #1f4b99) !important;
	border-color: var(--rx-primary, #1f4b99) !important;
	color: #fff !important;
	box-shadow: 0 10px 24px rgba(31, 75, 153, 0.24);
}

.board .pagination a:hover,
.board .pagination a:focus,
.pagination.a1 a:hover,
.pagination.a1 a:focus {
	background: var(--rx-surface-soft, #eef3fb) !important;
	border-color: rgba(31, 75, 153, 0.35) !important;
	color: var(--rx-primary-strong, #163a70) !important;
	text-decoration: none;
	transform: translateY(-1px);
}

.board .pagination .bubble,
.pagination.a1 .bubble {
	min-width: auto;
	width: auto;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none;
	color: var(--rx-muted, #5b6472) !important;
	pointer-events: auto;
}

.board .pagination a.bubble,
.pagination.a1 a.bubble {
	padding: 0 4px !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none;
	color: var(--rx-muted, #5b6472) !important;
}

.board .pagination a.prevEnd,
.board .pagination a.nextEnd,
.board .pagination a.prev,
.board .pagination a.next,
.pagination.a1 a.prevEnd,
.pagination.a1 a.nextEnd,
.pagination.a1 a.prev,
.pagination.a1 a.next {
	width: auto;
	min-width: auto;
	padding: 0 8px !important;
	border-color: transparent !important;
	background: transparent !important;
	box-shadow: none;
	color: var(--rx-primary, #1f4b99) !important;
	font-weight: 800 !important;
	white-space: nowrap;
}

.board .pagination a.prevEnd:hover,
.board .pagination a.nextEnd:hover,
.board .pagination a.prev:hover,
.board .pagination a.next:hover,
.pagination.a1 a.prevEnd:hover,
.pagination.a1 a.nextEnd:hover,
.pagination.a1 a.prev:hover,
.pagination.a1 a.next:hover {
	background: transparent !important;
	color: var(--rx-primary-strong, #163a70) !important;
	transform: none;
	text-decoration: underline;
}

.board .pagination a.prevEnd i,
.board .pagination a.nextEnd i,
.pagination.a1 a.prevEnd i,
.pagination.a1 a.nextEnd i {
	border: 0 !important;
	color: inherit !important;
	font-size: 13px !important;
}

.theme-dark .board .pagination a,
.theme-dark .board .pagination strong,
.theme-dark .pagination.a1 a,
.theme-dark .pagination.a1 strong,
.theme-dark .pagination.a1 .bubble {
	background: #1f2937 !important;
	border-color: #374151 !important;
	color: #cbd5e1 !important;
	box-shadow: none;
}

.theme-dark .board .pagination strong,
.theme-dark .pagination.a1 strong {
	background: #2563eb !important;
	border-color: #2563eb !important;
	color: #fff !important;
}

.theme-dark .board .pagination a:hover,
.theme-dark .board .pagination a:focus,
.theme-dark .pagination.a1 a:hover,
.theme-dark .pagination.a1 a:focus {
	background: #243044 !important;
	border-color: #60a5fa !important;
	color: #fff !important;
}

.theme-dark .board .pagination .bubble,
.theme-dark .pagination.a1 .bubble,
.theme-dark .board .pagination a.bubble,
.theme-dark .pagination.a1 a.bubble,
.theme-dark .board .pagination a.prevEnd,
.theme-dark .board .pagination a.nextEnd,
.theme-dark .board .pagination a.prev,
.theme-dark .board .pagination a.next,
.theme-dark .pagination.a1 a.prevEnd,
.theme-dark .pagination.a1 a.nextEnd,
.theme-dark .pagination.a1 a.prev,
.theme-dark .pagination.a1 a.next {
	background: transparent !important;
	border-color: transparent !important;
	color: #93c5fd !important;
}

@media (max-width: 520px) {
	.board .pagination,
	.pagination.a1 {
		gap: 6px;
		margin: 22px 0 20px;
	}

	.board .pagination a,
	.board .pagination strong,
	.pagination.a1 a,
	.pagination.a1 strong,
	.pagination.a1 .bubble {
		min-width: 34px;
		height: 34px;
		padding: 0 10px !important;
		font-size: 14px;
	}

	.board .pagination a.prevEnd,
	.board .pagination a.nextEnd,
	.board .pagination a.prev,
	.board .pagination a.next,
	.pagination.a1 a.prevEnd,
	.pagination.a1 a.nextEnd,
	.pagination.a1 a.prev,
	.pagination.a1 a.next {
		padding: 0 4px !important;
		font-size: 13px;
	}
}

/* Board write form: new RX layout design */
.boardWriteForm {
	margin: 0;
}

.boardWriteCard {
	margin: 18px 0 20px;
	padding: 26px;
	background: var(--rx-surface, #fff);
	border: 1px solid rgba(217,225,236,0.95);
	border-radius: 28px;
	box-shadow: var(--rx-shadow, 0 16px 40px rgba(18, 38, 63, 0.08));
	color: var(--rx-text, #1f2937);
}

.boardWriteHead {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 24px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--rx-line, #d9e1ec);
}

.boardWriteEyebrow {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 7px 11px;
	border-radius: 999px;
	background: var(--rx-surface-soft, #eef3fb);
	color: var(--rx-primary-strong, #163a70);
	font-size: 13px;
	font-weight: 900;
}

.boardWriteHead h1 {
	margin: 10px 0 0;
	color: var(--rx-text, #1f2937);
	font-size: clamp(1.55rem, 3vw, 2.2rem);
	font-weight: 900;
	line-height: 1.22;
	letter-spacing: -0.04em;
}

.boardWriteHead p {
	margin: 0;
	color: var(--rx-muted, #5b6472);
	font-size: 14px;
}

.boardWriteSection {
	margin-top: 20px;
	padding: 20px;
	background: #fbfdff;
	border: 1px solid rgba(217,225,236,0.9);
	border-radius: 22px;
}

.boardWriteSection:first-of-type {
	margin-top: 0;
}

.boardWriteSectionTitle {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 16px;
	color: var(--rx-primary-strong, #163a70);
	font-size: 1rem;
	font-weight: 900;
	line-height: 1.4;
}

.boardWriteSectionTitle em,
.boardWriteLabel em {
	color: #dc2626;
	font-style: normal;
}

.boardWriteRow {
	display: grid;
	grid-template-columns: minmax(110px, 170px) minmax(0, 1fr);
	gap: 16px;
	align-items: center;
	padding: 13px 0;
	border-top: 1px solid rgba(217,225,236,0.75);
}

.boardWriteRow:first-of-type {
	padding-top: 0;
	border-top: 0;
}

.boardWriteLabel {
	margin: 0;
	color: var(--rx-muted, #5b6472);
	font-size: 14px;
	font-weight: 900;
	text-align: left;
}

.boardWriteField {
	min-width: 0;
}

.boardWriteTitleField {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(180px, 260px);
	gap: 10px;
	align-items: center;
}

/* Board write title: full width when category is not used */
.boardWriteTitleField--single {
	grid-template-columns: minmax(0, 1fr);
}

.boardWriteInput,
.boardWriteSelect,
.boardWrite .title input.title,
.boardWrite .title .category,
.boardWrite .tag input.iText,
.boardWrite .itx_color,
.boardWrite select {
	width: 100% !important;
	height: auto !important;
	min-height: 46px;
	margin: 0 !important;
	padding: 12px 14px !important;
	border: 1px solid var(--rx-line, #d9e1ec) !important;
	border-radius: 14px !important;
	background: #fff !important;
	color: var(--rx-text, #1f2937) !important;
	font: inherit !important;
	line-height: 1.4 !important;
	box-shadow: none !important;
	appearance: auto;
	transition: border-color .18s ease, box-shadow .18s ease;
}

.boardWriteInput:focus,
.boardWriteSelect:focus,
.boardWrite .title input.title:focus,
.boardWrite .title .category:focus,
.boardWrite .tag input.iText:focus,
.boardWrite .itx_color:focus,
.boardWrite select:focus {
	outline: none !important;
	border-color: var(--rx-primary, #1f4b99) !important;
	box-shadow: 0 0 0 4px rgba(31, 75, 153, 0.10) !important;
}

.boardWriteSelect--compact {
	width: auto !important;
	min-width: 150px;
}

.boardWriteOptions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 14px;
}

.boardWriteOptions--stack {
	align-items: flex-start;
	flex-direction: column;
}

.boardWriteOptionItem {
	display: inline-flex !important;
	align-items: center;
	gap: 7px;
	margin: 0 !important;
	padding: 9px 12px;
	border: 1px solid var(--rx-line, #d9e1ec);
	border-radius: 999px;
	background: #fff;
	color: var(--rx-text, #1f2937);
	font-size: 14px !important;
	font-weight: 800;
	line-height: 1.3;
}

.boardWriteOptionItem input[type="checkbox"] {
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
}

.boardWriteOptionItem small,
.boardWriteHelp {
	color: var(--rx-muted, #5b6472);
	font-size: 12px;
	font-weight: 600;
}

.boardWriteHelp {
	margin: 7px 0 0;
	line-height: 1.5;
}

.boardWriteOptionItem.color_wrp {
	float: none !important;
	border-radius: 999px;
}

.boardWriteOptionItem.color_wrp label {
	position: static;
	top: auto;
}

.boardWriteOptionItem.color_wrp .itx_color {
	width: 130px !important;
	min-height: 36px;
	padding: 7px 10px !important;
	border-radius: 999px !important;
}

.boardWriteEditor {
	background: #fff;
	border: 1px solid var(--rx-line, #d9e1ec);
	border-radius: 18px;
	overflow: hidden;
}

.boardWriteEditor > input[type="hidden"] {
	display: none;
}

.boardWriteActions {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	margin: 18px 0 0;
	padding: 18px 0 0;
	border-top: 1px solid var(--rx-line, #d9e1ec);
}

.boardWriteActions .etc,
.boardWriteActionsLeft,
.boardWriteActionsRight {
	float: none !important;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.boardWriteActionsRight {
	justify-content: flex-end;
	margin-left: auto;
}

.boardWriteLoading {
	margin: 0 0 0 8px;
	width: 18px;
	height: 18px;
	vertical-align: middle;
}

.rx-submit-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

.rx-submit-button__loading {
	flex: 0 0 auto;
}

.rx-button--loading,
.rx-button--loading:hover,
.rx-button--loading:focus {
	cursor: wait;
	opacity: 0.82;
}

@media (max-width: 760px) {
	.boardWriteCard {
		padding: 18px;
		border-radius: 22px;
	}

	.boardWriteHead {
		align-items: flex-start;
		flex-direction: column;
	}

	.boardWriteSection {
		padding: 16px;
		border-radius: 18px;
	}

	.boardWriteRow,
	.boardWriteTitleField {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.boardWriteActions {
		align-items: stretch;
		flex-direction: column-reverse;
	}

	.boardWriteActionsLeft,
	.boardWriteActionsRight,
	.boardWriteActions .etc,
	.boardWriteActions .rx-button,
	.boardWriteActions span {
		width: 100%;
	}

	.boardWriteActions .rx-button {
		justify-content: center;
	}

	.boardWriteOptions {
		align-items: stretch;
		flex-direction: column;
	}

	.boardWriteOptionItem,
	.boardWriteOptionItem.color_wrp,
	.boardWriteSelect--compact {
		width: 100% !important;
	}
}

/* Modern comment design: card style for the new responsive board layout */
#comment {
	margin: 30px 0 12px;
	color: var(--rx-text, #1f2937);
	font-family: "NanumBarunGothic", "NanumGothic", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
	font-size: 15px;
	font-weight: 800;
}

#comment span {
	color: inherit !important;
}

.replyBox {
	margin: 0 0 26px;
	padding: 0;
	border: none;
	color: var(--rx-text, #1f2937);
	font-family: "NanumBarunGothic", "NanumGothic", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}

.replyBox .replyItem,
.replyBox .newreplyItem {
	position: relative;
	clear: both;
	margin: 0 0 14px;
	padding: 18px 20px;
	background: var(--rx-surface, #fff);
	border: 1px solid var(--rx-line, #d9e1ec);
	border-radius: 18px;
	box-shadow: 0 10px 28px rgba(18, 38, 63, 0.06);
	line-height: 1.75;
	list-style: none;
}

.replyBox .newreplyItem:first-child {
	border-top: 1px solid var(--rx-line, #d9e1ec);
}

.replyBox .replyMeta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 7px 12px;
	margin: 0 0 10px;
}

.replyBox .author,
.replyBox .date {
	float: none;
	display: inline-flex;
	align-items: center;
	gap: 3px;
	margin: 0;
	padding: 0;
	color: var(--rx-muted, #5b6472);
	font-size: 13px;
	line-height: 1.5;
	vertical-align: middle;
}

.replyBox .author {
	color: var(--rx-primary, #1f4b99);
	font-weight: 800;
}

.replyBox .author a,
.replyBox .author span {
	color: inherit;
	text-decoration: none;
}

.replyBox .author a:hover {
	text-decoration: underline;
}

.replyBox .viewWriter {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 0 6px;
	padding: 3px 8px 4px;
	background: var(--rx-primary, #1f4b99);
	border: 1px solid rgba(31, 75, 153, 0.16);
	border-radius: 999px;
	color: #ffffff !important;
	font-size: 11px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: -0.02em;
	vertical-align: middle;
	box-shadow: 0 3px 10px rgba(31, 75, 153, 0.16);
}

.replyBox .replyContent {
	clear: both;
	margin: 0;
	padding: 0;
	color: var(--rx-text, #1f2937);
	font-size: 16px;
	line-height: 1.8;
	word-break: keep-all;
	overflow-wrap: anywhere;
}

.replyBox .replyContent p {
	display: block;
	margin: 0 0 0.6em;
}

.replyBox .replyContent a {
	color: var(--rx-primary, #1f4b99);
	text-decoration: none;
}

.replyBox .replyContent a:hover {
	text-decoration: underline;
}

.replyBox .viewNickname {
	float: none;
	display: inline-flex;
	align-items: center;
	margin: 0 6px 0 0;
	padding: 3px 8px;
	background: var(--rx-primary, #1f4b99);
	border-radius: 999px;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.5;
}

.replyBox .replyOption {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin: 14px 0 0;
	height: auto;
	white-space: normal;
	text-align: right;
}

.replyBox .replyOption a {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	padding: 5px 8px;
	border-radius: 999px;
	color: var(--rx-muted, #5b6472);
	text-decoration: none;
	font-size: 13px;
	line-height: 1.4;
}

.replyBox .replyOption a:hover {
	background: var(--rx-surface-soft, #eef3fb);
	color: var(--rx-primary, #1f4b99);
	text-decoration: none;
}

.replyBox .fileAttached {
	margin-top: 12px;
	padding: 10px 12px;
	border: 1px solid var(--rx-line, #d9e1ec);
	background: var(--rx-surface-soft, #eef3fb);
	border-radius: 14px;
	overflow: hidden;
}

.replyBox .fileAttached ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}

.replyBox .fileAttached li {
	float: none;
	display: block;
	margin: 0 0 5px;
	padding: 0;
	white-space: normal;
	list-style: none;
}

.replyBox .fileAttached li:last-child {
	margin-bottom: 0;
}

.replyBox .fileAttached li a {
	color: var(--rx-text, #1f2937);
	text-decoration: none;
	font-size: 13px;
	white-space: normal;
}

.replyBox .fileAttached li a:hover {
	color: var(--rx-primary, #1f4b99);
	text-decoration: underline;
}

.commentEditor {
	margin-top: 20px;
	padding: 18px;
	background: var(--rx-surface, #fff);
	border: 1px solid var(--rx-line, #d9e1ec);
	border-radius: 18px;
	box-shadow: 0 10px 28px rgba(18, 38, 63, 0.06);
}

.commentEditor .editor > span {
	display: inline-block;
	margin-bottom: 10px;
	color: var(--rx-text, #1f2937) !important;
	font-size: 15px;
	font-weight: 800;
}

.commentLoginNotice {
	margin: 16px 0 0;
	padding: 16px 18px;
	background: var(--rx-surface, #fff);
	border: 1px solid var(--rx-line, #d9e1ec);
	border-radius: 18px;
	box-shadow: 0 10px 28px rgba(18, 38, 63, 0.06);
	color: var(--rx-muted, #5b6472);
	font-size: 14px;
	line-height: 1.7;
	text-align: right;
}

.commentLoginNotice span {
	color: inherit !important;
}

.commentLoginNotice a {
	color: var(--rx-primary, #1f4b99);
	font-weight: 800;
	text-decoration: none;
}

.commentLoginNotice a:hover {
	text-decoration: underline;
}

@media (max-width: 640px) {
	#comment {
		margin-top: 24px;
		font-size: 14px;
	}

	.replyBox .replyItem,
	.replyBox .newreplyItem {
		margin-bottom: 12px;
		padding: 15px 14px;
		border-radius: 16px;
	}

	.replyBox .replyMeta {
		gap: 6px 9px;
		margin-bottom: 9px;
	}

	.replyBox .replyContent {
		font-size: 15px;
		line-height: 1.75;
	}

	.replyBox .author,
	.replyBox .date {
		font-size: 12px;
	}

	.replyBox .replyOption {
		justify-content: flex-end;
		gap: 5px;
		margin-top: 12px;
	}

	.replyBox .replyOption a {
		padding: 5px 6px;
		font-size: 12px;
	}

	.commentEditor,
	.commentLoginNotice {
		padding: 14px;
		border-radius: 16px;
	}

	.commentLoginNotice {
		text-align: left;
	}
}


/* Modern document view design: title, meta, content utilities, tags, files, QR, and action bar */
.boardRead {
	margin: 12px 0 24px;
	padding: 0;
	border-bottom: none;
	color: var(--rx-text, #1f2937);
	font-family: "NanumBarunGothic", "NanumGothic", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}

.boardRead .readHeader {
	margin: 0 0 18px;
}

.boardRead .titleAndUser {
	overflow: visible;
	margin: 0 0 12px;
	padding: 0;
	border-bottom: none;
}

.boardRead .titleAndUser .title {
	float: none;
	margin: 0;
}

.boardRead .titleAndUser h1,
.boardRead .titleAndUser h2,
.boardRead .titleAndUser h3,
.boardRead .titleAndUser h4,
.boardRead .titleAndUser h5,
.boardRead .titleAndUser h6 {
	margin: 0;
	color: var(--rx-text, #1f2937);
	font-size: clamp(1.38rem, 2.2vw, 2rem);
	font-weight: 900;
	line-height: 1.42;
	letter-spacing: -0.02em;
	word-break: keep-all;
	overflow-wrap: anywhere;
}

.boardRead .dateAndCount {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 12px;
	margin: 14px 0 22px;
	padding: 18px;
	background: var(--rx-surface, #fff);
	border: 1px solid var(--rx-line, #d9e1ec);
	border-radius: 20px;
	box-shadow: 0 10px 28px rgba(18, 38, 63, 0.06);
	white-space: normal;
	color: var(--rx-muted, #5b6472);
	font-size: 14px;
	line-height: 1.55;
}

.boardRead .dateAndCount .uri {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	min-width: 0;
	padding: 9px 11px;
	background: var(--rx-surface-soft, #eef3fb);
	border: 1px solid rgba(217,225,236,0.9);
	border-radius: 14px;
}

.boardRead .dateAndCount .uri input {
	flex: 1 1 auto;
	min-width: 0;
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	color: var(--rx-muted, #5b6472) !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
	text-overflow: ellipsis;
	vertical-align: middle;
}

.boardRead .dateAndCount .uri button {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin: 0;
	padding: 5px 9px;
	border: 1px solid rgba(31, 75, 153, 0.18);
	border-radius: 999px;
	background: #fff;
	cursor: pointer;
	color: var(--rx-primary, #1f4b99);
	font: inherit;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.35;
	white-space: nowrap;
	transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

.boardRead .dateAndCount .uri button:hover,
.boardRead .dateAndCount .uri button:focus {
	background: var(--rx-primary, #1f4b99);
	border-color: var(--rx-primary, #1f4b99);
	color: #fff;
	outline: none;
}

.boardRead .dateAndCount .userInfo,
.boardRead .dateAndCount .docuInfo {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 14px;
	margin: 0;
	color: var(--rx-muted, #5b6472);
}

.boardRead .dateAndCount .author,
.boardRead .dateAndCount .date,
.boardRead .dateAndCount .readedCount,
.boardRead .dateAndCount .replyCount {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: var(--rx-muted, #5b6472);
	font-size: 13px;
	line-height: 1.5;
}

.boardRead .dateAndCount .author,
.boardRead .dateAndCount .author a,
.boardRead .dateAndCount .author span {
	color: var(--rx-primary, #1f4b99);
	font-weight: 800;
	text-decoration: none;
}

.boardRead .dateAndCount .author a:hover,
.boardRead .dateAndCount .author a:focus {
	text-decoration: underline;
}

.documentMemberLink {
	cursor: pointer;
}

.documentIpButton {
	display: inline-flex;
	align-items: center;
	margin-left: 4px;
	color: var(--rx-muted, #5b6472);
	font-size: 12px;
	text-decoration: none;
	vertical-align: middle;
}

.documentIpButton i {
	color: var(--rx-primary, #1f4b99);
}

.documentIpButton:hover,
.documentIpButton:focus {
	color: var(--rx-primary, #1f4b99);
	text-decoration: none;
}

.boardRead .readBody {
	margin: 0;
	padding: 22px 0;
	color: var(--rx-text, #1f2937);
	font-size: 16px;
	line-height: 1.88;
	word-break: keep-all;
	overflow-wrap: anywhere;
}

.boardRead .readBody p {
	margin-top: 0;
	margin-bottom: 1em;
}

.boardRead .readBody p:last-child {
	margin-bottom: 0;
}

.boardRead .readBody a {
	color: var(--rx-primary, #1f4b99);
	text-decoration: none;
}

.boardRead .readBody a:hover {
	text-decoration: underline;
}

.boardRead .readBody img,
.boardRead .readBody video,
.boardRead .readBody iframe {
	max-width: 100%;
}

.documentQrBox {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 10px;
	width: fit-content;
	max-width: 100%;
	margin: 16px 0 0 auto;
	padding: 10px 12px;
	background: var(--rx-surface, #fff);
	border: 1px solid var(--rx-line, #d9e1ec);
	border-radius: 18px;
	box-shadow: 0 10px 26px rgba(18, 38, 63, 0.06);
}

.documentQrImage {
	flex: 0 0 auto;
	display: block;
	padding: 5px;
	background: #fff;
	border: 1px solid rgba(217, 225, 236, 0.95);
	border-radius: 13px;
	line-height: 0;
	transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.documentQrImage:hover,
.documentQrImage:focus {
	border-color: rgba(31, 75, 153, 0.32);
	box-shadow: 0 8px 18px rgba(18, 38, 63, 0.08);
	transform: translateY(-1px);
}

.documentQrImage img {
	display: block;
	width: 54px;
	height: 54px;
	margin: 0;
	padding: 0;
}

.documentQrText {
	margin: 0;
	padding: 0;
	color: var(--rx-muted, #5b6472);
	font-size: 11.5px;
	font-weight: 700;
	line-height: 1.55;
	text-align: right;
}

.documentQrText span {
	color: var(--rx-muted, #5b6472);
	font-weight: 500;
}

.boardRead .tag {
	clear: both;
	margin: 22px 0 0;
}

.boardRead .tag ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 7px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.boardRead .tag li {
	display: inline-flex;
	align-items: center;
	list-style: none;
	color: var(--rx-muted, #5b6472);
	font-size: 13px;
}

.boardRead .tag li span {
	display: none;
}

.boardRead .tag li a {
	display: inline-flex;
	align-items: center;
	padding: 5px 9px;
	border: 1px solid var(--rx-line, #d9e1ec);
	border-radius: 999px;
	background: var(--rx-surface, #fff);
	color: var(--rx-primary, #1f4b99);
	font-size: 13px;
	font-weight: 800;
	line-height: 1.35;
	text-decoration: none;
	transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

.boardRead .tag li a:hover,
.boardRead .tag li a:focus {
	background: var(--rx-primary, #1f4b99);
	border-color: var(--rx-primary, #1f4b99);
	color: #fff;
	text-decoration: none;
}

.boardRead .fileAttached {
	margin-top: 18px;
	padding: 14px 16px;
	background: var(--rx-surface-soft, #eef3fb);
	border: 1px solid var(--rx-line, #d9e1ec);
	border-radius: 16px;
	overflow: hidden;
}

.boardRead .fileAttached ul {
	display: grid;
	gap: 7px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.boardRead .fileAttached li {
	float: none;
	display: block;
	margin: 0;
	padding: 0;
	white-space: normal;
	list-style: none;
}

.boardRead .fileAttached li a {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: var(--rx-text, #1f2937);
	font-size: 13px;
	line-height: 1.5;
	white-space: normal;
	text-decoration: none;
}

.boardRead .fileAttached li a:hover {
	color: var(--rx-primary, #1f4b99);
	text-decoration: underline;
}

.documentActionBar {
	clear: both;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	margin: 18px 0 26px;
	padding: 18px 0 0;
	border-top: 1px solid var(--rx-line, #d9e1ec);
}

.documentActionBar .etc,
.documentActionBar .etcr,
.documentActionLeft,
.documentActionRight {
	float: none !important;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 9px;
}

.documentActionRight {
	justify-content: flex-end;
	margin-left: auto;
}

@media (max-width: 760px) {
	.boardRead {
		margin-top: 8px;
	}

	.boardRead .titleAndUser h1,
	.boardRead .titleAndUser h2,
	.boardRead .titleAndUser h3,
	.boardRead .titleAndUser h4,
	.boardRead .titleAndUser h5,
	.boardRead .titleAndUser h6 {
		font-size: 1.42rem;
		line-height: 1.48;
	}

	.boardRead .dateAndCount {
		gap: 11px;
		padding: 15px 14px;
		border-radius: 17px;
	}

	.boardRead .dateAndCount .uri {
		align-items: stretch;
		flex-direction: column;
		gap: 8px;
	}

	.boardRead .dateAndCount .uri button {
		justify-content: center;
		width: 100%;
		padding: 8px 10px;
	}

	.boardRead .readBody {
		padding: 18px 0;
		font-size: 15px;
		line-height: 1.85;
	}

	.boardRead .readBody p {
		margin-bottom: 1.1em;
	}

	.documentQrBox {
		justify-content: flex-start;
		width: auto;
		margin: 16px 0 0;
	}

	.documentQrText {
		text-align: left;
	}

	.documentActionBar {
		align-items: stretch;
		flex-direction: column-reverse;
	}

	.documentActionBar .etc,
	.documentActionBar .etcr,
	.documentActionLeft,
	.documentActionRight,
	.documentActionBar .rx-button {
		width: 100%;
	}

	.documentActionRight {
		justify-content: stretch;
		margin-left: 0;
	}

	.documentActionBar .rx-button {
		justify-content: center;
	}
}

/* Comment writer badge visibility tweak */
.replyBox .viewWriter {
	background: var(--rx-primary, #1f4b99);
	border-color: rgba(31, 75, 153, 0.16);
	color: #fff !important;
}

.theme-dark .replyBox .viewWriter {
	background: #2563eb !important;
	border-color: rgba(96, 165, 250, 0.34) !important;
	color: #ffffff !important;
	box-shadow: 0 5px 14px rgba(37, 99, 235, 0.22) !important;
}