@charset "utf-8";
/* PlannerXE123 White*/
.planner123 h1, .planner123 h2, .planner123 h3, .planner123 h4, .planner123 h5 {margin:0 5px 0;}

/* Planner123 */
html {overflow-y: scroll;} 
.planner123 {width:99%; padding:4px;}
.planner123, .planner123 button, .planner123 table {font-family:Georgia,나눔고딕,NanumGothic,"맑은 고딕", "MalgunGhotic",돋움,Dotum, Arial, Helvetica,sans-serif; line-height:normal; font-size:12px;}
.planner123 {color:#000000; background:none;}
.planner123 .boardHeader {color:#000000;}
.planner123 a {text-decoration:none; color:black;}
.planner123 a:hover,
.planner123 a:active,
.planner123 a:focus {text-decoration:underline;}
.planner123 .strong {font-weight:bold;}
.planner123 .planner_navigation {display:inline; padding-top:4px;}
.planner123 .planner_navigation img {border:none; margin:0; padding:0;}
.planner123 .planner_navigation select {width:auto; margin:0; padding:0;}
.planner123 .category_navigation{clear:both;}
.planner123 .client_time {text-align:center;}
.planner123 .past_day {cursor:no-drop; opacity:0.5; filter:alpha(opacity=50);}
.planner123 .diff_month {opacity:0.5; filter:alpha(opacity=50);}
.planner123 .waiting_opacity {opacity:0.4; filter:alpha(opacity=40);}
.planner123 button.button2
	{text-decoration:none !important;display:inline-block;*display:inline;*zoom:1;padding:0 12px;margin:0;
	font-family:inherit;font-size:12px;line-height:24px;height:24px;color:#333333;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-color:#e6e6e6;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image:linear-gradient(#ffffff, #e6e6e6);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);border:1px solid #bbbbbb;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:4px;
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)}
.planner123 button.button3, .weekPlanNavigation button.button3
	{text-decoration:none !important;display:inline-block;*display:inline;*zoom:1;padding:0 0px;margin:0; width:auto;
	font-family:inherit;font-size:12px;color:#333333;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-color:#e6e6e6;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image:linear-gradient(#ffffff, #e6e6e6);background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);border:1px solid #bbbbbb;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:4px;
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)}
.planner123 button:focus, .planner123 button:hover, .planner123 select:hover, .month_button:hover, .month_button:focus 
	{background-image:-webkit-linear-gradient(top, #e6e6e6, #e6e6e6);background-image:-o-linear-gradient(top, #e6e6e6, #e6e6e6);
	background-image:linear-gradient(#e6e6e6, #e6e6e6);}

.schedule_view {border-bottom: 1px solid #ffffff; cursor:pointer; min-height:14px; padding:1px 2px 0px; margin:0px 0px; 
		border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; word-break:break-all; display:block; 
		vertical-align:middle; text-align:center;}
.schedule_view a {text-decoration:none; color:black;}
.schedule_view a:hover,
.schedule_view a:active,
.schedule_view a:focus {text-decoration:underline;}
.schedule_view img {border:none; vertical-align:middle;}
.schedule_view p {margin:0px;}
.complete {text-decoration:line-through;}

.planner_control {clear:both; width:100%; background:transparent; *zoom:1; height:30px;}
.planner_control:after {clear:both; display:block;}
.planner_this {float:left; color:#008000; font: bold 24px Georgia; margin-top:-4px;}
.planner_this_week {width:150px; float:left; color:#008000; font: bold 18px Georgia;}
.planner_navigation {float:right;}
.month_button,.month_button_on, .planner123 select {display:inline-block; font-size:12px; font-weight:normal; line-height:normal;
	color:#000000; background-color:#e6e6e6; padding:1px 4px 1px 4px; border:1px solid #aaa; border-radius: 3px; cursor:pointer;
	background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image:linear-gradient(#ffffff, #e6e6e6);/* for IE 10*/
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);}
.month_button_on {color:#ffffff; background-color:#000000;
	background-image:-moz-linear-gradient(top, #ffffff, #000000);
	background-image:-webkit-linear-gradient(top, #ffffff, #000000);
	background-image:linear-gradient(#ffffff, #000000);/* for IE 10*/
	background-image:-o-linear-gradient(top, #ffffff, #000000);}

/* Planner123 - (calendar) */
.planner_calendar {clear:both; width:100%; border-collapse:collapse; table-layout:fixed;}
.planner_calendar thead th {padding:0; border-spacing:0; border:1px solid #ccc; height:27px; text-align:center; 
	background: url(../images/calendar/tablehd_bg.png) repeat-x;}
.planner_calendar tbody tr {text-align:left;}
.planner_calendar td {padding:0; border-spacing:0; border:1px solid #ccc; height:90px; vertical-align:top;}
.planner_calendar_inner {margin:0; padding:0; width:100%; min-height:80px; display:block;}
.planner_calendar_inner ul {vertical-align:top; text-align:left; border:none;}
.planner_calendar li {height:auto; padding:0px; list-style-type:none;}
.planner_calendar .holiday {color:#ff0000;}
.planner_calendar .offday {/* background-color: #f5f5f5; */}
.planner_calendar .saturday {color:#0000ff;}
.planner_calendar .weekday {color:#303030;}
.planner_calendar .week_no {font-weight: normal;font-size: 12px;}
.planner_calendar .lunar {color:#b03060; font-weight: normal;font-size: 12px;}
.planner_calendar .ganji {color:#b03060; font-weight: normal;font-size: 12px;}
.planner_calendar .islamic {color:#0000cd; font-weight: normal; font-size: 12px;}
.planner_calendar .seasons24 {color:#0000ff; font-size: 12px;}
.planner_calendar .memorial {color:#008b8b; font-weight: normal; padding-top:1px;}
.planner_calendar .small {font-size:0.9em;}
.planner_calendar .font_big {font-size:20px;}
.planner_calendar tbody .today_bg {background:#CDE6AC; border:medium solid; border-color:#58792E;}
.planner_calendar tbody .today_date_bg {background:#CDE6AC;}
.planner_calendar .droppable-hover  {background:#CDE6AC;}
.planner_calendar .inside {overflow:hidden; vertical-align:top; float:left;}
.planner_calendar .inside_end {overflow:hidden; vertical-align:top; float:left;}
.planner_calendar tr td.hover { background-color: #DDFFFA; }
.planner_calendar .date_div {padding-left:2px; white-space:nowrap;}
.planner_calendar .date_label_16 {width:auto; height:19px; margin:0; text-align:left; font-size:16px;}
.planner_calendar .date_label_20 {width:auto; height:23px; margin:0; text-align:left; font-size:20px;}
.planner_calendar .date_label_24 {width:auto; height:27px; margin:0; text-align:left; font-size:24px;}
.planner_calendar .link_allow {display:block; overflow:hidden;}
.planner_calendar .link_allow:hover { background-color: #52FBF9; opacity:1; filter:alpha(opacity=100); }
.planner_calendar .holiday_topline { display:none; }
.planner_calendar .holiday_bottomline { display:inline; }
.planner_calendar .memday_topline { display:none; }
.planner_calendar .memday_bottomline { display:inline; }
/* .planner_calendar .schedule_bottom {border-bottom:1px solid #ffffff;} */

/* Planner123 - (list) */
.planner_list {clear:both; width:100%; border-collapse:collapse; empty-cells:show; table-layout:fixed;}
.planner_list thead th {padding:0; border-spacing:0; border:1px solid #ccc; height:27px; text-align:center; 
	background: url(../images/calendar/tablehd_bg.png) repeat-x; }
.planner_list tbody tr {text-align:left;}
.planner_list tr:hover {background:#f5f5f5;}
.planner_list td {padding:0; border-spacing:0; border:1px solid #ccc; min-height:30px; vertical-align:top;  line-height:1.2em;}
.planner_list td img {margin:0; padding:0; _vertical-align:top;}
.planner_list .plan {margin:0; padding:5px;}
.planner_list .plan span {margin:0; padding:0;}
.planner_list td ul {margin:0; padding:0; vertical-align:middle; text-align:center;}
.planner_list td li {width:auto; height:auto; padding:0; list-style-type:none;}
.planner_list .date_label {width:auto; height:25px; padding-left:5px; margin-top:2px; list-style-type:none; text-align:left;}
.planner_list .date_label2{width:auto; min-height:20px; padding-left:5px; margin-top:2px; list-style-type:none; text-align:right;}
.planner_list td .bline {border-bottom:0px solid #ccc;}
.planner_list .week_one {background:#ffffee;}
.planner_list .holiday {color:#ff0000;}
.planner_list .offday {background-color: #f5f5f5;}
.planner_list .saturday {color:#0000ff;}
.planner_list .weekday {color:#303030;}
.planner_list .lunar {color:#b03060;}
.planner_list .ganji {color:#b03060;}
.planner_list .islamic {color:#0000cd;}
.planner_list .strong {font-weight:bold;}
.planner_list .seasons24 {color:#0000ff;}
.planner_list .memorial {color:#008b8b; padding:5px; vertical-align:middle;}
.planner_list .small {font-size:0.9em;}
.planner_list .font_big {font-size:18px;}
.planner_list .today_bgcolor {background:none; border:medium solid; border-color:#58792E;}
.planner_list .today_border {border:medium solid; border-color:#58792E;}
.planner_list .clear_line {clear:both;}
.planner_list .schedule_bottom {border-bottom:1px solid #ffffff;}
.planner_list .date_div {padding-left:2px;;}
.planner_list .link_allow {display: block; height:20px;}
.planner_list .link_allow:hover { background-color: #52FBF9; opacity:1; filter:alpha(opacity=100); }
.planner_list .feedbackList .item .itemAside img.profile{ height:50px;}

/* Planner123 - (Week plan) */
.weekPlan {margin-left:4px; float:left; background:#CDE6AC;}
.weekPlan .epigram {width:94%; padding-left:8px; color:brown;}
.weekPlanNavigation {position:relative;  width:95%; height:25px; margin-left:3%; margin-bottom:-15px; z-index:10;}
.weekPlanNavigation button {position:absolute; top:0; font-size:14px; font-family:verdana; padding:0; cursor:pointer;}
.weekPlanNavigation button.prevWeek {left:0; width:25px; font-size:14px;}
.weekPlanNavigation button.prevDay {left:25px; width:20px; font-size:14px;}
.weekPlanNavigation button.nextWeek {right:0; width:25px; font-size:14px;}
.weekPlanNavigation button.nextDay {right:25px; width:20px; font-size:14px;}
.weekPlanNavigation button.Today {right:50px; font-size:14px;}
.weekPlanNavigation .week_title {clear:both; color:brown; font: bold 16px Georgia; padding-left:20%;}

/* Planner123 - (Weekly time table) */
.Timetable_div {width:100%; line-height:1.0; font-size:12px; margin-top:20px;}
.Timetable_div .holiday {color:#ff0000; font-weight:bold; padding-left:5px;}
.Timetable_div .saturday {color:#0000ff; font-weight:bold; padding-left:5px;}
.Timetable_div .weekday {color:#303030; font-weight:bold; padding-left:5px;}
.Timetable_div .underline {padding:0; margin:0; height:16px; border:0; border-bottom:1px; border-color:#808080; border-style:dotted; }
.Timetable_div .right {float:right;}
.Timetable_div .left {float:left;}
.Timetable_div .header_table {border-collapse:collapse; border:1px solid #000000;}
.Timetable_div .header_table_tr {}
.Timetable_div .header_table th {
    background:#c1ffc1; /* for non-css3 browsers */
    background:-webkit-gradient(linear, left top, left bottom, from(#c1ffc1), to(#6191ff)); /* for webkit browsers */
    background:-moz-linear-gradient(top, #c1ffc1, #6191ff); /* for firefox 3.6+ */
	background:-ms-linear-gradient(#c1ffc1, #6191ff); /* for IE9-10 */
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(GradientType='0',startColorstr='#c1ffc1', endColorstr='#6191ff'); /* IE8 */	
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType='0', startColorStr='#c1ffc1', endColorStr='#6191ff'); /* for IE6-7*/
	}
.Timetable_div .header_table th {padding:0; border-spacing:0; height:20px; 
	border:1px solid #808080; text-align: left; font-weight:normal;}
.Timetable_div .label_table {border-collapse:collapse; border:1px solid #000000;}
.Timetable_div .label_td {height:60px; border:1px solid #000000;}
.Timetable_div .label {width:120px; overflow:hidden; height:16px; text-align:left;}
.Timetable_div .contenttable_bg,
.Timetable_div .contenttable_bg td,
.Timetable_div .contenttable_table {border-collapse:collapse; border:1px solid #808080;}
.Timetable_div .content_td {height:60px; border:1px solid #000000;}
.Timetable_div .content {overflow:hidden; height:16px; text-align:left;}
.Timetable_div .of_hidden {overflow:hidden;}
.Timetable_div .today_bg_color {background-color:#fffec5;}
.Timetable_div .today_content_border,
.Timetable_div .today_label_border {padding-top:1px; border:2px solid #FF0000;}
.Timetable_div .now_bg_color {background-color:#fffec5;}
.Timetable_div .tt_date_label {/*height:14px;*/ overflow:hidden; word-break:break-all;}

/* XEicon custom */
.planner123 .xi-1-5x, .boardInformation .xi-1-5x{font-size: 22px; color:#777777;}
.planner123 .xi, .boardInformation .xi
	{color:#777777; background-color:#e6e6e6; padding:1px 3px 1px 3px; border:1px solid #aaa; border-radius: 3px; cursor:pointer;
	background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image:linear-gradient(#ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);}
.planner123 .xi:focus, .planner123 .xi:hover, .boardInformation .xi:focus, .boardInformation .xi:hover 
	{background-image:-webkit-linear-gradient(top, #e6e6e6, #e6e6e6);
	background-image:linear-gradient(#e6e6e6, #e6e6e6);
	background-image:-o-linear-gradient(top, #e6e6e6, #e6e6e6);}

.ui-dialog .ui-dialog-content {position: relative; border: 0; padding: .5em 1em; background-color: #ffffaa; overflow: auto}
.ui-dialog .ui-dialog-content img{max-width:100%;}
.ui-dialog-content h1, .ui-dialog-content h2, .ui-dialog-content h3, .ui-dialog-content h4, .ui-dialog-content h5 {margin:0 5px 0;}

/* 캠사모 사이트 공통 글꼴 및 한글 달력 표시 */
.planner123,
.planner123 button,
.planner123 table {
	font-family:"Open Sans","나눔바른고딕","NanumBarunGothic","맑은 고딕","Malgun Gothic",돋움,Dotum,Verdana,Arial,sans-serif;
}
.planner123 .planner_this,
.planner123 .planner_this span,
.planner123 .wd_title {
	font-family:inherit;
}
.planner123 .planner_this {
	font-size:24px;
	font-weight:700;
}
.planner123 .wd_title {
	font-weight:700;
}

/* 하단 검색창을 주변 컨트롤과 같은 높이로 */
.planner123 ~ .boardSearchForm .inputText,
.planner123 ~ .boardSearchForm select,
.planner123 ~ .boardSearchForm button,
.boardSearchForm .inputText,
.boardSearchForm select,
.boardSearchForm button {
	height:30px;
	box-sizing:border-box;
	vertical-align:middle;
}
.boardSearchForm .inputText {
	line-height:28px;
	padding:0 8px;
}

/* CAMSAMO 일정: 감귤보드와 어울리는 카드형 달력 */
.board {
	width:100%;
	min-width:0;
	color:#171717;
	font-family:"Open Sans","나눔바른고딕","NanumBarunGothic","맑은 고딕","Malgun Gothic",sans-serif;
}
.content-layout .main-content {
	width:100%;
	min-width:0;
}
.planner123 {
	box-sizing:border-box;
	width:100%;
	padding:24px;
	background:#fff;
	border:1px solid #e7e9ee;
	border-radius:18px;
	box-shadow:0 6px 22px rgba(20,24,32,.05);
}
.planner123 .planner_control {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	height:auto;
	min-height:48px;
	margin-bottom:18px;
}
.planner123 .planner_this {
	float:none;
	margin:0;
	color:#171717;
	font-size:30px;
	font-weight:800;
	line-height:1.2;
	letter-spacing:-.04em;
}
.planner123 .planner_navigation {
	display:flex;
	float:none;
	align-items:center;
	justify-content:flex-end;
	flex-wrap:wrap;
	gap:5px;
	padding:0;
}
.planner123 .planner_navigation select,
.planner123 .month_button,
.planner123 .month_button_on {
	box-sizing:border-box;
	min-width:30px;
	height:32px;
	padding:0 9px;
	border:1px solid #e2e5ea;
	border-radius:9px;
	background:#fff;
	background-image:none;
	color:#555b66;
	font-family:inherit;
	font-size:12px;
	line-height:30px;
	text-align:center;
	box-shadow:none;
}
.planner123 .planner_navigation select {
	min-width:72px;
	line-height:normal;
}
.planner123 .month_button:hover,
.planner123 .month_button:focus {
	border-color:#ff7a1a;
	background:#fff6ef;
	background-image:none;
	color:#e85f00;
	text-decoration:none;
}
.planner123 .month_button_on {
	border-color:#ff720d;
	background:#ff720d;
	background-image:none;
	color:#fff;
	font-weight:700;
}
.planner123 .planner_calendar {
	overflow:hidden;
	border:1px solid #e6e8ed;
	border-collapse:separate;
	border-spacing:0;
	border-radius:14px;
	background:#fff;
}
.planner123 .planner_calendar thead th {
	height:42px;
	padding:0;
	border:0;
	border-right:1px solid #eceef2;
	border-bottom:1px solid #e6e8ed;
	background:#f8f9fb;
	background-image:none;
	color:#50555f;
	font-size:13px;
	font-weight:700;
}
.planner123 .planner_calendar thead th:last-child {
	border-right:0;
}
.planner123 .planner_calendar td {
	height:108px;
	border:0;
	border-right:1px solid #eceef2;
	border-bottom:1px solid #eceef2;
	background:#fff;
	transition:background-color .15s ease;
}
.planner123 .planner_calendar tr:last-child td {
	border-bottom:0;
}
.planner123 .planner_calendar td:last-child {
	border-right:0;
}
.planner123 .planner_calendar td:hover,
.planner123 .planner_calendar tr td.hover {
	background:#fffaf6;
}
.planner123 .planner_calendar_inner {
	box-sizing:border-box;
	min-height:104px;
	padding:7px;
}
.planner123 .planner_calendar .date_div {
	padding:0;
}
.planner123 .planner_calendar .date_label_16 {
	height:auto;
	color:#30343b;
	font-family:inherit;
	font-size:15px;
	font-weight:700;
	line-height:1.4;
}
.planner123 .planner_calendar .holiday {
	color:#f04c4c;
}
.planner123 .planner_calendar .saturday {
	color:#2878e6;
}
.planner123 .planner_calendar tbody .today_bg,
.planner123 .planner_calendar tbody .today_date_bg {
	border-color:#ff7a1a;
	background:#fff4e9;
	box-shadow:inset 0 0 0 2px #ff7a1a;
}
.planner123 .schedule_view {
	box-sizing:border-box;
	min-height:24px;
	margin:5px 0 0;
	padding:4px 7px;
	border:0;
	border-radius:7px;
	background:#ff720d !important;
	color:#fff !important;
	font-family:inherit;
	font-size:12px;
	font-weight:700;
	line-height:1.35;
	text-align:left;
	box-shadow:0 3px 8px rgba(255,114,13,.18);
}
.planner123 .schedule_view a,
.planner123 .schedule_view a:hover,
.planner123 .schedule_view a:focus {
	color:#fff !important;
	text-decoration:none;
}
.board > .buttonRight {
	float:none !important;
	margin-top:16px;
	text-align:right;
}
.board > .buttonRight .buttonOfficial,
.board > .buttonRight .buttonOfficial * {
	position:static;
	box-sizing:border-box;
	height:auto;
	border:0;
	background:#ff720d;
	background-image:none;
	color:#fff;
	font-family:inherit;
	font-size:15px;
	font-weight:700;
	line-height:1;
	text-decoration:none !important;
}
.board > .buttonRight .buttonOfficial {
	margin:0;
	padding:13px 18px;
	border-radius:11px;
	box-shadow:0 5px 12px rgba(255,114,13,.2);
}
.board > .buttonRight .buttonOfficial:hover {
	background:#ed6508;
}
.board > .buttonRight .buttonOfficial span {
	left:auto;
	padding:0;
	background:transparent;
}

@media (max-width: 700px) {
	.planner123 {
		padding:14px;
		border-radius:16px;
	}
	.planner123 .planner_control {
		align-items:stretch;
		flex-direction:column;
		gap:12px;
		margin-bottom:14px;
	}
	.planner123 .planner_this {
		font-size:27px;
	}
	.planner123 .planner_navigation {
		box-sizing:border-box;
		width:100%;
		max-width:100%;
		min-width:0;
		justify-content:flex-start;
		flex-wrap:nowrap;
		gap:2px;
		overflow-x:auto;
		overflow-y:hidden;
		padding-bottom:4px;
		-webkit-overflow-scrolling:touch;
		scrollbar-width:none;
	}
	.planner123 .planner_navigation::-webkit-scrollbar {
		display:none;
	}
	.planner123 .planner_navigation > * {
		flex:0 0 auto;
	}
	.planner123 .planner_navigation select,
	.planner123 .month_button,
	.planner123 .month_button_on {
		min-width:18px;
		height:28px;
		padding:0 2px;
		border-radius:7px;
		font-size:10px;
		line-height:26px;
	}
	.planner123 .planner_navigation select {
		min-width:58px;
		line-height:normal;
	}
	.planner123 .planner_calendar thead th {
		height:36px;
		font-size:12px;
	}
	.planner123 .planner_calendar td {
		height:76px;
	}
	.planner123 .planner_calendar_inner {
		min-height:72px;
		padding:5px 3px;
	}
	.planner123 .planner_calendar .date_label_16 {
		font-size:13px;
	}
	.planner123 .schedule_view {
		min-height:20px;
		margin-top:3px;
		padding:3px 4px;
		border-radius:5px;
		font-size:10px;
		line-height:1.25;
		text-align:center;
		word-break:break-all;
	}
	.board > .buttonRight {
		margin-top:12px;
	}
	.board > .buttonRight .buttonOfficial {
		padding:12px 16px;
		border-radius:10px;
		font-size:14px;
	}
}