@charset "utf-8";

@import url(//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css);

[data-maxlength="1"]														{width: calc(1em * 1 + 1.25em);}
[data-maxlength="2"]														{width: calc(1em * 2 + 1.25em);}
[data-maxlength="3"]														{width: calc(1em * 3 + 1.25em);}
[data-maxlength="4"]														{width: calc(1em * 4 + 1.25em);}
[data-maxlength="5"]														{width: calc(1em * 5 + 1.25em);}
[data-maxlength="6"]														{width: calc(1em * 6 + 1.25em);}
[data-maxlength="7"]														{width: calc(1em * 7 + 1.25em);}
[data-maxlength="8"]														{width: calc(1em * 8 + 1.25em);}
[data-maxlength="9"]														{width: calc(1em * 9 + 1.25em);}
[data-maxlength="10"]														{width: calc(1em * 10 + 1.25em);}
[data-maxlength="11"]														{width: calc(1em * 11 + 1.25em);}
[data-maxlength="12"]														{width: calc(1em * 12 + 1.25em);}
[data-maxlength="13"]														{width: calc(1em * 13 + 1.25em);}
[data-maxlength="14"]														{width: calc(1em * 14 + 1.25em);}
[data-maxlength="15"]														{width: calc(1em * 15 + 1.25em);}
[data-maxlength="16"]														{width: calc(1em * 16 + 1.25em);}
[data-maxlength="17"]														{width: calc(1em * 17 + 1.25em);}
[data-maxlength="18"]														{width: calc(1em * 18 + 1.25em);}
[data-maxlength="19"]														{width: calc(1em * 19 + 1.25em);}
[data-maxlength="20"]														{width: calc(1em * 20 + 1.25em);}



/* [data-maxlength="21"]														{width: calc(1rem/75 * 8);} */
/* [data-maxlength="22"]														{width: calc(1rem/75 * 8);} */
/* [data-maxlength="23"]														{width: calc(1rem/75 * 8);} */
/* [data-maxlength="24"]														{width: calc(1rem/75 * 8);} */
/* [data-maxlength="25"]														{width: calc(1rem/75 * 8);} */
/* [data-maxlength="26"]														{width: calc(1rem/75 * 8);} */
/* [data-maxlength="27"]														{width: calc(1rem/75 * 8);} */
/* [data-maxlength="28"]														{width: calc(1rem/75 * 8);} */
/* [data-maxlength="29"]														{width: calc(1rem/75 * 8);} */
/* [data-maxlength="30"]														{width: calc(1rem/75 * 8);} */


/* table col																	{width: calc(1rem * 6);} */







/**
 * typography
 */
/* paragraph */
.para																		{margin: 1rem 0; font-size: 1rem; line-height: 1.5rem; color: #333333; letter-spacing: -0.031rem;}

/* em */
strong.em																	{display: inline-block; font-weight: normal;}
span.em																		{display: inline-block; font-style: normal;}
em.em																		{display: inline-block; font-style: normal;}
a.em																		{}

.em																			{}
.em.fall-01																	{color: #333333; !important;}
.em.rise-01																	{color: #666666; !important;}
.em.rise-02																	{color: #927e71; !important;}
.em.rise-03																	{color: #725f53; !important;}
.em.rise-04																	{color: #ff0000; !important;}

/* mark */
a.mark																		{text-decoration: none;}
strong.mark																	{font-weight: normal;}
em.mark																		{font-style: normal;}
.mark																		{display: inline-block;}

/* mark theme-a */
.mark.theme-a .text															{letter-spacing: -0.031rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}

/* mark theme-a outline */
.mark.theme-a.x-small .text													{padding: 0 0.5rem; height: 1.5rem; font-size: 0.75rem; font-weight: 400;}
.mark.theme-a.small .text													{padding: 0 1rem; height: 1.5rem; font-size: 0.875rem; font-weight: 400;}
.mark.theme-a.medium .text													{padding: 0.25rem 1rem; height: 2rem; font-size: 0.875rem ; font-weight: 400;}
.mark.theme-a.large .text													{padding: 0.5rem 1.25rem; height: 2.5rem; font-size: 1rem ; font-weight: 400;}
.mark.theme-a.x-large .text													{padding: 0.5rem 1.5rem; height: 3rem; font-size: 1.25rem; font-weight: 400;}

.mark.theme-a.type-a.fall-02 .text											{color: #333333; background-color: #f2f2f2;}
.mark.theme-a.type-a.fall-01 .text											{color: #ffffff; background-color: #777777;}
.mark.theme-a.type-a.rise-01 .text											{color: #333333; background-color: #ffffff;}
.mark.theme-a.type-a.rise-02 .text											{color: #2d231e; background-color: #ffbe48;}
.mark.theme-a.type-a.rise-03 .text											{color: #ffffff; background-color: #2d231e;}

/* note */
em.note.theme-a																{display: block; font-style: normal;}
.note.theme-a																{position: relative; padding-left: 1.2rem; line-height: 1.5rem; font-size: 0.875rem; color: #666666;}
.note.theme-a:after															{content: ''; display: block; position: absolute; top: 0; left: 0; width: 1.5rem; height: 1.5rem; background-image: url(./../img/global-icon.png); background-repeat: no-repeat; background-position: 0 0; background-size: 1.5rem auto;}

/**
 * data-table
 */

.data-table.theme-a table td .note.theme-a,
/* .data-table.theme-a table td .btn											{margin: 0.5rem 0 0.25rem 0;} */

/* data-table theme-a type-a */
.data-table.theme-a.type-a													{position: relative;}
.data-table.theme-a.type-a>table											{width: 100%; border-collapse: separate; border-spacing: 0; border-bottom: 1px solid #999999;}
.data-table.theme-a.type-a>table caption									{overflow: hidden; margin: 0 0 -1px 0; padding: 0; width: 1px; height: 1px; line-height: 1px; font-size: 1px; border: 0; clip: rect(0 0 0 0); clip: rect(0 0 0 0);}
.data-table.theme-a.type-a>table>thead										{display: block; position: absolute; overflow: hidden; margin: 0 0 -1px 0; padding: 0; width: 1px; height: 1px; line-height: 1px; font-size: 1px; border: 0; clip: rect(0 0 0 0); clip: rect(0 0 0 0);}
.data-table.theme-a.type-a table tr:last-child th							{border-bottom: 0;}
.data-table.theme-a.type-a>table th,
.data-table.theme-a.type-a>table td											{padding: 1rem; font-size: 1rem; line-height: 1.5rem; letter-spacing: -0.031rem;}
.data-table.theme-a.type-a>table th											{font-weight: 400; color: #ffffff; background-color: #999999; border-bottom: 1px solid #ffffff;}
.data-table.theme-a.type-a>table td											{color: #333333; border-top: 1px solid #999999;}
.data-table.theme-a.type-a>table td a										{color: inherit;}
.data-table.theme-a.type-a>table td>.button-area							{margin-top: 1.5rem;}

/* data-table theme-a type-b */
.data-table.theme-a.type-b													{position: relative;}
.data-table.theme-a.type-b>table											{width: 100%; border-collapse: separate; border-spacing: 0; font-size: 1rem; line-height: 1.5;}
.data-table.theme-a.type-b>table caption									{overflow: hidden; margin: 0 0 -1px 0; padding: 0; width: 1px; height: 1px; line-height: 1px; font-size: 1px; border: 0; clip: rect(0 0 0 0); clip: rect(0 0 0 0);}
.data-table.theme-a.type-b>table th,
.data-table.theme-a.type-b>table td											{padding: 1em 0.5em;}
.data-table.theme-a.type-b>table th											{font-size: 0.75em; white-space: nowrap; font-weight: normal; color: #ffffff; background-color: #999999;}
.data-table.theme-a.type-b>table th+th										{border-left: 1px solid #ffffff;}
.data-table.theme-a.type-b>table td											{color: #333333; border-right: 1px solid #999999; border-bottom: 1px solid #999999;}
.data-table.theme-a.type-b>table td a										{color: inherit;}
.data-table.theme-a.type-b>table tr td:first-child							{border-left: 1px solid #999999;}
.data-table.theme-a.type-b>table tbody tr td								{text-align: center;}
.data-table.theme-a.type-b>table tbody tr th~td								{text-align: left;}

/* data-table theme-a type-c */
.data-table.theme-a.type-c													{position: relative;}
.data-table.theme-a.type-c>table											{width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #999999; border-right: 0; border-bottom: 0;}
.data-table.theme-a.type-c>table caption									{overflow: hidden; margin: 0 0 -1px 0; padding: 0; width: 1px; height: 1px; line-height: 1px; font-size: 1px; border: 0; clip: rect(0 0 0 0); clip: rect(0 0 0 0);}
.data-table.theme-a.type-c>table th,
.data-table.theme-a.type-c>table td											{padding: 0.5rem 1rem; font-weight: 400; font-size: 1rem; line-height: 1.5rem; color: #333333; letter-spacing: -0.031rem; border-right: 1px solid #999999; border-bottom: 1px solid #999999; vertical-align: top;}
.data-table.theme-a.type-c>table th											{background-color: #e1e1e1;}
.data-table.theme-a.type-c>table td a										{color: inherit;}
.data-table.theme-a.type-c>table tbody tr td								{text-align: center;}
.data-table.theme-a.type-c>table tbody tr th~td								{text-align: left;}

/* data-table theme-a type-d */
.data-table.theme-a.type-d													{position: relative;}
.data-table.theme-a.type-d>table											{width: 100%; border-collapse: separate; border-spacing: 0;}
.data-table.theme-a.type-d>table caption									{overflow: hidden; margin: 0 0 -1px 0; padding: 0; width: 1px; height: 1px; line-height: 1px; font-size: 1px; border: 0; clip: rect(0 0 0 0); clip: rect(0 0 0 0);}
.data-table.theme-a.type-d>table>thead										{display: block; position: absolute; overflow: hidden; margin: 0 0 -1px 0; padding: 0; width: 1px; height: 1px; line-height: 1px; font-size: 1px; border: 0; clip: rect(0 0 0 0); clip: rect(0 0 0 0);}
.data-table.theme-a.type-d>table th,
.data-table.theme-a.type-d>table td											{padding: 0.25rem; font-weight: 400; font-size: 1rem; line-height: 1.5rem; letter-spacing: -0.031rem; border: none;}

/**
 * contents
 */
/* info-board theme-a type-a */
.info-board.theme-a.type-a													{padding: 1rem 2rem; background-color: #f2f2f2;}
.info-board.theme-a.type-a .info-head .info-name							{margin: 0; font-weight: bold; font-size: 1rem; line-height: 1.5rem; color: #725f53;}
.info-board.theme-a.type-a .info-body .para									{margin: 1rem 0 0 0; color: #666666; font-size: .875rem;}

/* info-board theme-a type-b */
.info-board.theme-a.type-b													{padding: 3rem 6rem; background-color: #f2f2f2;}
.info-board.theme-a.type-b .info-head .info-name							{margin: 0; font-weight: bold; font-size: 2rem; line-height: 3rem; color: #725f53;}
.info-board.theme-a.type-b .info-body .para									{margin: 3rem 0 0 0; color: #666666; font-size: .875rem;}
.info-board.theme-a.type-b .button-area										{margin: 2rem 0;}

/* no-data theme-a type-b */
.no-data.theme-a.type-a														{padding: 2rem; border: 1px solid #999999;}
.no-data.theme-a.type-a .para												{margin: 0; text-align: center;}

/**
 * tabs
 */
ul.tab																		{margin: 0; padding: 0; list-style: none;}
.tab a.tab-name																{text-decoration: none;}

/* tab theme-a type-a */
.tab.theme-a.type-a															{}
.tab.theme-a.type-a:after													{content: ''; display: block; clear: both;}
.tab.theme-a.type-a .tab-item												{float: left; width: 6rem; height: 2.5rem;}
.tab.theme-a.type-a .tab-item+.tab-item										{margin-left: 0.0625rem;}
.tab.theme-a.type-a .tab-item.current .tab-name								{border-color: #ffbe48; background-color: #ffbe48;}
.tab.theme-a.type-a .tab-item .tab-name										{display: block; padding: 0.5rem 0; font-family: Malgun Gothic,sans-serif; font-size: 1rem; color: #2d231e; letter-spacing: -0.031rem; text-align: center; border: 1px solid #2d231e;}

/**
 * list
 */
ul.data-list																{margin: 0; padding: 0; list-style: none;}

/* data-list theme-a type-a */
.data-list.theme-a.type-a													{}
.data-list.theme-a.type-a>li												{position: relative; padding-left: 0.5rem; font-family: Malgun Gothic,sans-serif; font-size: 1rem; line-height: 1.5rem; letter-spacing: -0.031rem; color: #333333;}
.data-list.theme-a.type-a>li:before											{content: ''; display: block; position: absolute; top: 50%; left: 0; width: 0.125rem; height: 0.125rem; margin-top: -0.0625rem; ;background-color: #333333; border-radius: 0.125rem;}

/* data-list theme-a type-b */
.data-list.theme-a.type-b													{border-top: 1px solid #999999;}
.data-list.theme-a.type-b>li												{display: table; table-layout: fixed; width: 100%; border-bottom: 1px solid #999999;}
.data-list.theme-a.type-b>li>.data-body										{display: table-cell; padding: 0.5rem 0; font-size: 1rem; line-height: 1.5rem; letter-spacing: -0.031rem; color: #333333;}
.data-list.theme-a.type-b>li>.data-aide										{display: table-cell; width: 6rem; padding-left: 0.5rem; text-align: right;}

/* data-list theme-a type-c */
.data-list.theme-a.type-c													{}
.data-list.theme-a.type-c:after												{content: ''; display: block; clear: both;}
.data-list.theme-a.type-c>li												{float: left;}
.data-list.theme-a.type-c>li+li												{margin-left: 0.5rem;}
.data-list.theme-a.type-c>li .data-info										{display: inline-block; max-width: 100%;}
.data-list.theme-a.type-c>li .data-info img									{width: 100%; vertical-align: top;}

/* data-list theme-a type-d */
.data-list.theme-a.type-d													{}
.data-list.theme-a.type-d>li												{position: relative; padding-left: 0.5rem; font-family: Malgun Gothic,sans-serif; font-size: 1rem; line-height: 1.5rem; letter-spacing: -0.031rem; color: #333333;}
.data-list.theme-a.type-d>li:before											{content: ''; display: block; position: absolute; top: 50%; left: 0; width: 0.25rem; height: 0.0625rem; margin-top: -0.0625rem; ;background-color: #333333;}

/**
 * data-display
 */
/* theme-a type-a */
ul.data-display																												{margin: 0; padding: 0; list-style: none;}
.data-display.theme-a.type-a .data-item																						{background-color: #ffffff; cursor: move;}
.data-display.theme-a.type-a .data-item+.data-item																			{margin-top: 1rem;}
.data-display.theme-a.type-a .data-item.ui-sortable-helper																	{box-shadow: 0.25rem 0.25rem 0 rgba(0,0,0,0.25);}
.data-display.theme-a.type-a .data-item .data-container																		{padding: 1rem; border: 1px solid #999999;}
.data-display.theme-a.type-a .data-item .data-container .data-frame .data-head												{}
.data-display.theme-a.type-a .data-item .data-container .data-frame .data-head:after										{content: ''; display: block; clear: both;}
.data-display.theme-a.type-a .data-item .data-container .data-frame .data-head .data-info									{float: left;}
.data-display.theme-a.type-a .data-item .data-container .data-frame .data-head .data-info .info-item						{float: left; line-height: 1.5rem; font-size: 1rem; margin-right: 1rem;}
.data-display.theme-a.type-a .data-item .data-container .data-frame .data-head .data-info .type .text						{display: inline-block; vertical-align: top; color: #333333}
.data-display.theme-a.type-a .data-item .data-container .data-frame .data-head .form-area									{float: right;}
.data-display.theme-a.type-a .data-item .data-container .data-frame .data-body												{}
.data-display.theme-a.type-a .data-item .data-container .data-frame .data-body .para										{margin: 1rem 0 0 0;}

/**
 * controller
 */
/* theme-a type-a */
.post-control.theme-a.type-a													{display: table; margin: 0 auto;}
.post-control.theme-a.type-a a													{float: left; font-size: 0.75rem; color: #2d231e; text-align: center; text-decoration: none;}
.post-control.theme-a.type-a a+a												{margin-left: 0.5rem;}

.post-control.theme-a.type-a .pagination										{display: table-cell; padding: 0 0.5rem;}
.post-control.theme-a.type-a .pagination:after									{content: ''; display: block; clear: both;}
.post-control.theme-a.type-a .pagination a										{min-width: 1.5rem; height: 1.5rem; padding: 0.25rem; line-height: 1.5rem; font-size: 0.75rem; font-weight: 500; color: #2d231e; background-color: #ffffff;}
.post-control.theme-a.type-a .pagination a.active								{color: #ffffff; background-color: #777777;}

/* .post-control.theme-a.type-a .direction+.pagination								{margin-left: 0.25rem;} */
/* .post-control.theme-a.type-a .pagination+.direction								{margin-left: 0.25rem;} */

.post-control.theme-a.type-a .direction											{display: table-cell;}
.post-control.theme-a.type-a .direction:after									{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.post-control.theme-a.type-a .direction a										{width: 2rem; height: 2rem; line-height: 2rem; font-size: 0.75rem; background-color: #ffffff;}
.post-control.theme-a.type-a .direction a .text									{display: inline-block; position: relative; line-height: 2rem; text-align: center; color: #7f7f7f;}
.post-control.theme-a.type-a .direction a .text:after							{content: ''; display: block; position: absolute; top: 50%; left: 50%; margin: -1rem 0 0 -1rem; width: 1.5rem; height: 1.5rem; padding: 0.25rem; box-shadow: inset 0 0 0 0.0625rem #2d231e; background-image: url(./../img/global-icon.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 2rem auto;}
.post-control.theme-a.type-a .direction a.prev .text:after						{background-position: 0 -12rem;}
.post-control.theme-a.type-a .direction a.next .text:after						{background-position: 0 -10rem;}


/* submit-form */
.submit-form.theme-a.type-a																				{margin: 0; padding: 0; border-width: 0; border-style: none; border-color: transparent;}
.submit-form.theme-a.type-a legend																		{display: block; position: absolute; overflow: hidden; margin: -1px; padding: 0; width: 1px; height: 1px; line-height: 1px; font-size: 1px; border: 0; clip: rect(0 0 0 0); clip: rect(0,0,0,0);}
.submit-form.theme-a.type-a .form-list .form-item .form-head											{}
.submit-form.theme-a.type-a .form-list .form-item .form-head .text										{}
.submit-form.theme-a.type-a .form-list .form-item .form-body .form-area									{}
.submit-form.theme-a.type-a .form-list .form-item .form-body .form-area+.form-area						{margin-top: 1rem;}

/* data-panel */
.data-panel																								{margin: 3rem 0 1rem 0;}
.data-panel:after																						{content: ''; display: block; clear: both;}
.data-panel .data-count																					{float: left; height: 2rem; line-height: 2rem;}
.data-panel .data-sort																					{float: right;}