@charset "utf-8";

/****************************************************************************************************
*	Board Common
*****************************************************************************************************/
/* Basic Board Style Wrap */
.BBS						{width:100%; line-height:180%;}
.BBS form					{display:flex; align-items:center; width:100%;}

.BBS-header					{display:flex; justify-content:space-between; align-items:center; margin-bottom:1rem; padding:0; position:relative; z-index:1;}

.BBS-header .split			{width:100%; height:auto; position:relative; display:flex; display:-ms-flexbox; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:center; align-items:center; -ms-flex-pack:justify; justify-content:space-between; z-index:1;}
.BBS-header .split li		{display:flex; display:-ms-flexbox;-ms-flex-direction:column; flex-direction:column; padding-left:0; margin-bottom:0; list-style:none; align-items:center; flex-direction:row;-ms-flex-direction:row;}
.BBS-header .split li:empty	{display:none;}

@media screen and (max-width:517px) {
	.BBS form				{display:flex; flex-direction:column; width:100%;}
	.BBS-header .split li	{width:100%;}
}

.BBS-body						{}
.BBS-footer						{display:flex; justify-content:center; align-items:center; width:100%;}
.BBS-footer	.btnWRAP			{display:flex; width:100%; flex-direction:row; justify-content:center; align-items:auto;}
/*.BBS-footer	.btnWRAP > p:empty	{display:none;}*/
.BBS-footer .btnWRAP > p:has(*) {visibility:visible; width:auto; height:auto; margin:initial; padding:initial;}


/* AdminLTE 의 card, card-body이 아닌 BBS의 블로그형 뷰페이지 구성 타입 (card -> [card-blog])- 2025.01.14 */
.card-blog						{position:relative; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; min-width:0; word-wrap:break-word; background-color:#fff; border-bottom:1px solid #DDDDDD; background-clip:border-box; border-radius:0.25rem; transition:all .2s; margin-bottom:1.2rem;}

.card-blog-header				{padding:1.9rem 1.5rem; border-bottom:1px solid #EDEDED;}
.card-blog-header .category		{font-size:var(--FS16); color:var(--IDTcolor-light); font-weight:600; margin-bottom:0.5rem}
.card-blog-header p.title		{font-size:var(--FS26); font-weight:var(--FW700); line-height:1.5; color:rgba(0, 0, 0, 0.9);}

.card-blog-header .infoarea							{display:flex; align-items:center; justify-content:space-between; margin-top:20px;}
.card-blog-header .infoarea .datehit				{display:flex; align-items:center;}
.card-blog-header .infoarea .datehit li				{display:flex; align-items:center; gap:4px; font-size:var(--FS13); font-weight:var(--FW600F); color:var(--mygray004);}
.card-blog-header .infoarea .datehit .divider		{width:1px; height:12px; margin:0 12px; background-color:#e7e8ea;}
.card-blog-header .infoarea .infoarea .shareAction	{display:flex; justify-content:flex-end; gap:8px;}

.card-blog-body					{padding:1.9rem 1.5rem; line-height:1.8; color:var(--mygray);}
.card-blog-footer				{padding:1.9rem 1.5rem; border-top:1px solid #EDEDED; line-height:1.8; color:var(--mygray);}	

@media screen and (max-width:517px) {
	.card-blog-header				{padding:1.9rem 0.5rem;}
	.card-blog-body					{padding:1.9rem 0.5rem;}
	.card-blog-footer				{padding:1.9rem 0.5rem;}
}	

/* 레이어 팝업일때 : 25.06.11 */
.modalBox_Content .card-blog-header				{padding:1.9rem 0rem;}	
.modalBox_Content .card-blog-body				{padding:1.9rem 0rem;}
.modalBox_Content .card-blog-footer				{padding:1.9rem 0rem;}

/* Icon */
.icon-notice:after				{position:relative; content:'\f028'; font-family:"Font Awesome 6 Free"; font-weight:900 !important; padding:0px 4px; color:var(--IDTcolor); font-size:var(--FS14); }
.icon-reply.fa-solid.fa-reply	{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.comments						{font-size:var(--FS14); color:var(--PTcolor); font-weight:inherit; margin-left:5px; min-width:60px;} /* List Comments Count */
.notice_chk						{display:flex; align-items:center; min-width:100px; margin-left:10px; font-size:var(--FS14); font-weight:var(--FW600); letter-spacing:var(--LS10);} /* 공지로 등록 시 */
.icon-new						{position:relative; display:inline-block; margin:0px 0px 0px 10px; bottom:0px; font-size:0px; height:14px; background-color:var(--PTcolor); border-radius:4px 0 4px 0;}
.icon-new:after					{display:flex; align-items:center; justify-content:center; font-family:var(--FFC); font-weight:600; content:'NEW'; position:relative;  padding:0px 4px; color:#FFF; font-size:var(--FS09F); line-height:14px; letter-spacing:0px;}
.icon-new-front					{position:relative; display:inline-block; margin:0px 10px 0px auto; bottom:0px; font-size:0px; height:14px; background-color:var(--PTcolor); border-radius:4px 0 4px 0;}
.icon-new-front:after			{font-family:var(--FFC); font-weight:600; content:'NEW'; padding:0px 4px; color:#FFF; font-size:var(--FS09F); line-height:14px; letter-spacing:0px;}
.SEditor						{width:100%; /*height:auto !important*/}


/* Board List 기존 이미지 절대경로 방식에서 CSS호출 형식으로 변경 (Attached File Icon) : 24.03.20 */
.AFI					{min-width:22px; min-height:22px; margin:0 0.05rem; text-align:center; vertical-align:middle; border:1px solid #ddd; border-radius:0.2rem}
.AFI.files				{position:relative; display:inline-block; width:20px; height:20px; background-image:url(/dist/img/icon_common_file.png); background-repeat:no-repeat; background-size:auto auto;}

.AFI.files.png			{background-position:0px 0px;}
.AFI.files.jpg			{background-position:-20px 0px;}
.AFI.files.gif			{background-position:-40px 0px;}
.AFI.files.bmp			{background-position:-60px 0px;}
.AFI.files.unknownimg	{background-position:-80px 0px;}
.AFI.files.zip			{background-position:-100px 0px;}
.AFI.files.code			{background-position:-120px 0px;}
.AFI.files.xls			{background-position:-140px 0px;}
.AFI.files.ppt			{background-position:-160px 0px;}
.AFI.files.doc			{background-position:-180px 0px;}
.AFI.files.pdf			{background-position:-200px 0px;}
.AFI.files.ai			{background-position:-220px 0px;}
.AFI.files.psd			{background-position:-240px 0px;}
.AFI.files.hwp			{background-position:-260px 0px;}
.AFI.files.txt			{background-position:-280px 0px;}
.AFI.files.youtube		{background-position:-300px 0px;}
.AFI.files.media		{background-position:-320px 0px;}
.AFI.files.fax			{background-position:-340px 0px;}
.AFI.files.unknownfile	{background-position:-360px 0px;}

/* Board View Page Attachment Area - AdminLTE : 24.03.20 */
.mailbox-attachments					{display:grid; grid-template-columns:repeat(2, 1fr); column-gap:10px;}
.mailbox-attachments li					{display:flex; border:1px solid #eee; margin-bottom:10px;}

.mailbox-attachment-info				{display:flex; flex-direction:column; justify-content:space-between; width:100%; background-color:#F3F3F3; padding:10px;}
.mailbox-attachment-name				{font-size:var(--FS12); font-weight:var(--FW700);} /* with meta_common */
.mailbox-attachment-size				{display:flex; align-items:center; color:#999; font-size:var(--FS11);}

.mailbox-attachment-icon				{min-width:60px; max-width:60px; max-height:60px; padding:20px 10px;} /* with meta_common */
.mailbox-attachment-icon.has-img		{padding:0;}
.mailbox-attachment-icon.has-img > img	{width:60px;}

@media (max-width:980px) {
	.mailbox-attachments				{grid-template-columns:repeat(1, 1fr);}
}

/* Board View Comment: 24.03.22 */
.cmt_lst							{display:flex; flex-direction:column; width:100%;}
.cmt_lst li							{display:flex; flex-direction:column; padding:20px 0; border-bottom:1px solid #EDEDED; line-height:1.6; position:relative;}
.cmt_lst li.cmt_writeBox			{margin:20px 0; padding:15px 10px; border:2px solid rgba(0, 0, 0, 0.1); border-radius:6px; box-sizing:border-box; background:#FFF;}

.cmt_lst li	.cmt_writer				{display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;}
.cmt_lst li	.cmt_editmode			{display:flex;}
.cmt_lst li .cmt_contents			{}
.cmt_lst li .cmt_contents textarea	{width:100%; min-height:80px !important; height:auto; border:none !important; background-color:transparent !important; border-radius:0 !important;}
.cmt_lst li .cmt_submit				{display:flex; justify-content:space-between; align-items:center;}

.cmt_wrt							{display:flex; flex-direction:column; width:100%; list-style:none;}
.cmt_wrt li.cmt_writeBox			{margin:20px 0; padding:15px 10px; border:2px solid rgba(0, 0, 0, 0.1); border-radius:6px; box-sizing:border-box; background:#FFF;}
.cmt_wrt li	.cmt_writer				{display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;}
.cmt_wrt li	.cmt_editmode			{display:flex;}
.cmt_wrt li .cmt_contents			{}
.cmt_wrt li .cmt_contents textarea	{width:100%; min-height:80px !important; height:auto; border:none !important; background-color:transparent !important; border-radius:0 !important;}
.cmt_wrt li .cmt_submit				{display:flex; justify-content:space-between; align-items:center; margin-top:5px}


/* 문의게시판 답변 내용 구분 : 25.06.11 */
.answerLine				{position:relative; display:flex; justify-content:space-between; align-items:center; margin:0px auto 30px; padding:10px 20px; width:100%; border-radius:4px; font-size:var(--FS15); font-weight:var(--FW500F); letter-spacing:var(--LS10); text-align:center; color:#FFF; background:var(--mygray400);}
.answerLine::after		{position:absolute; content:''; bottom:-8px; left:50px; transform:translateX(-50%); width:0; height:0; border-style:solid; border-width:8px 8px 0 8px; border-color:var(--mygray400) transparent transparent transparent;}
.answerLine	.asDate		{font-size:var(--FS13); letter-spacing:var(--LS00); }


/****************************************************************************************************
*	Object Settings according to the Board with AdminLTE & CELMON CSS : 2023.04.25
*****************************************************************************************************/
.text-justify	{text-align:justify !important;}
.text-wrap		{white-space:normal !important;}
.text-nowrap	{white-space:nowrap !important;}
.text-truncate	{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* User Page에서는 사용하지 않으며, GCMS 형태의 리스트에서는 사용 함. */
.table .btn.small					{margin-top:0px; margin-bottom:0px;}
.card .multiBTN						{margin-top:0px; margin-bottom:0px;}
.row-inline input[type="checkbox"] + label		{margin:0px 10px 0 3px;}


/* [BSI] Board Search Input : 2025.01.13 */
.BSI				{display:flex; justify-content:flex-end; align-items:center; position:relative; width:100%; max-width:400px; min-width:100px;}
.BSI input			{width:100%; height:var(--iptbtnHeight); padding:0px 55px 0px 12px; font-size:var(--FS16); font-weight:var(--FW700); color:#111; caret-color:var(--IDTcolor) !important; border-width:1px; border-color:#F2F2F2; border-style:solid; background:#F4F4F4; letter-spacing:0em; border-radius:3px; vertical-align:middle;}
.BSI input:hover	{border-width:1px; border-color:#DDD; border-style:solid; background-color:#F4F4F4;}
.BSI input:focus	{border-width:1px; border-color:var(--IDTcolor) var(--IDTcolor) var(--IDTcolor) var(--IDTcolor); border-style:solid; background:#FFF; -webkit-transition:border-color ease-in-out .45s; -o-transition:border-color ease-in-out .45s; transition:border-color ease-in-out .45s;}

.BSI .sch_btn  		{position:absolute; top:50%; right:15px; padding:0px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.BSI .sch_btn i		{display:inline-block; width:26px; height:26px; color:#222; fill:#222; stroke-width:0.5; cursor:pointer;}
.BSI .icon.close i	{display:inline-block; width:26px; height:26px; color:#444; fill:#444; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; cursor:pointer;}

.BSI a.icon				{position:absolute; top:50%; right:45px; padding:0px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.BSI .icon.close		{opacity:0; -webkit-transition:.3s; transition:.3s;}
#searchAction			{width:100%}
#searchAction.active .icon.close	{opacity:1;}

@media screen and (max-width:980px) {
	.BSI				{display:block; width:100%; max-width:100% !important;}
}

/****************************************************************************************************
*	Image Banner List : 2025.05.29
*****************************************************************************************************/
.IBL						{display:grid; grid-template-columns:repeat(5, 1fr); gap:50px 30px;}
.IBL li						{display:flex; justify-content:center; align-items:center; width:100%; overflow:hidden; border:1px solid transparent; border-radius:8px; transition:transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;}
.IBL li a					{display:block; width:100%; height:100%;}
.IBL li img					{margin:0 auto; display:block; margin:15px auto; width:100%; height:auto; max-width:180px; max-height:50px; text-align:center; filter:brightness(0.5) contrast(0.2); transition:filter 0.5s ease;}
.IBL li:hover img			{filter:none;}
.IBL li:hover				{border-color:#EEE; background-color:#FFF; transform:translateY(-6px); box-shadow:0 10px 15px rgba(0,0,0,0.09), 0 6px 6px rgba(0,0,0,0.06); -webkit-box-shadow:0 10px 15px rgba(0,0,0,0.09), 0 6px 6px rgba(0,0,0,0.06); -moz-box-shadow:0 10px 15px rgba(0,0,0,0.09), 0 6px 6px rgba(0,0,0,0.06);}

@media all and (max-width:997px) {
	.IBL					{grid-template-columns:repeat(3, 1fr); gap:22px;}
}

@media all and (max-width:517px) {
	.IBL					{grid-template-columns:repeat(2, 1fr); gap:15px;}
	.IBL li img				{width:80%; height:auto; }
}


/****************************************************************************************************
*	TXT Banner List : 2025.01.16
*****************************************************************************************************/
.TxBL 						{display:grid; grid-template-columns:repeat(3, 1fr); gap:30px;}
.TxBL.grid-4				{grid-template-columns:repeat(4, 1fr);}
.TxBL li					{display:flex; justify-content:center; align-items:center; width:100%; background-color:#FFF; border:1px solid #DDD; border-radius:4px; overflow:hidden}
.TxBL li a					{display:flex; justify-content:space-between; align-items:center; width:100%; height:100%; padding:20px 30px; font-size:var(--FS18); font-weight:var(--FW700); line-height:1.3 }
.TxBL li a	i				{transition: 0.3s;}
.TxBL li a:hover			{background-color:var(--IDTcolor); color:#FFF; transition:.3s;}
.TxBL li a:hover i			{color:#FFF; transition: 0.3s; transform:translateY(-50%);}

@media all and (max-width:997px) {
	.TxBL					{grid-template-columns:repeat(2, 1fr); gap:20px;}
	.TxBL.grid-4			{grid-template-columns:repeat(2, 1fr);}
}

@media all and (max-width:517px) {
	.TxBL					{grid-template-columns:repeat(1, 1fr); gap:5px;}
	.TxBL.grid-4			{grid-template-columns:repeat(1, 1fr);}
}


/****************************************************************************************************
*	TXT - Summary, Tag List : 2025.05.29
*****************************************************************************************************/
.TxstBL						{display:grid; grid-template-columns:repeat(3, 1fr); gap:30px;}
.TxstBL.grid-4				{grid-template-columns:repeat(4, 1fr);}

.TxstBL li					{display:block; padding:0; background-color:#FFF; border:1px solid #DDD; border-radius:4px; overflow:hidden; transition:background-color 0.3s, color 0.3s;}
.TxstBL li a,
.TxstBL li .nolink			{display:flex; flex-direction:column; justify-content:space-between; align-items:center; width:100%; height:100%; padding:30px 30px; box-sizing:border-box; text-decoration:none; color:inherit;}
.TxstBL li a				{cursor:pointer;}
.TxstBL li .nolink			{cursor:default;}

.TxstBL li:hover			{background-color:var(--IDTcolor);}
.TxstBL li:hover .header,
.TxstBL li:hover .content,
.TxstBL li:hover .footer,
.TxstBL li:hover .hash_tag em,
.TxstBL li:hover i			{color:#FFF !important;}
.TxstBL li:hover i			{transform:translateY(-50%); transition:0.3s;}

.TxstBL li a i,
.TxstBL li .nolink i		{transition:0.3s;}

.TxstBL li .header			{display:flex; justify-content:space-between; align-items:center; width:100%; font-size:var(--FS18); font-weight:var(--FW700);}
.TxstBL li .main			{display:flex; align-items:flex-start; width:100%; height:100%; margin:25px 0px;}
.TxstBL li .main .content	{width:100%; max-height:84px; font-size:var(--FS14); color:var(--mygray); line-height:1.5; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}

.TxstBL li .footer			{display:flex; align-items:center; width:100%; color:inherit;}

.TxstBL li .footer .hash_tag	{width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-height:54px; padding-top:20px; border-top:1px solid #EBEBEB;}
.TxstBL li .footer .hash_tag em	{white-space:nowrap; margin-right:5px; padding:8px 10px; border:1px solid #EBEBEB; border-radius:50px; color:#888; font-size:var(--FS13); display:inline-block;}

@media all and (max-width:997px) {
	.TxstBL					{grid-template-columns:repeat(2, 1fr); gap:20px;}
	.TxstBL.grid-4			{grid-template-columns:repeat(2, 1fr);}
}

@media all and (max-width:500px) {
	.TxstBL					{grid-template-columns:repeat(1, 1fr); gap:10px;}
	.TxstBL.grid-4			{grid-template-columns:repeat(1, 1fr);}

	.TxstBL li a,
	.TxstBL li .nolink		{padding:24px 24px;}
	.TxstBL li .main		{margin:18px 0px;}
	.TxstBL li .footer .hash_tag	{max-height:49px; padding-top:15px;}

}


/****************************************************************************************************
*	Board List Basic with AdminLTE : 2023.04.21
*****************************************************************************************************/
/* Base Table */
.table								{width:100%; margin-bottom:1rem; color:#212529; background-color:transparent; text-align:center;}
.table th,
.table td							{padding:1rem 0.65rem;}
.table td							{border-bottom:1px solid #dee2e6;}
.table tr:first-child td			{border-top:none}	
.table tr.notuse					{position:relative;}
.table tr.notuse:after				{position:absolute; content: ''; width:100%; height:1px; background-color:red; top:calc(50% - 1px); left:0; -ms-transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%); transform:translate(0%, -50%);}

.table thead th						{vertical-align:middle; background-color:rgba(0, 0, 0, 0.05); border-top:1px solid rgba(0, 0, 0, 0.3); padding:15px 0; font-size:var(--FS14); letter-spacing:var(--LS05); font-weight:var(--FW700); color:rgba(0, 0, 0, 0.7);}
.table tbody + tbody				{border-top:2px solid #dee2e6;}
.table tbody td						{color:rgba(0, 0, 0, 0.5); font-weight:600;}

.table tbody tr:last-of-type		{border-bottom:1px solid #dee2e6;}
.table-hover tbody tr:hover			{color:#212529; background-color:rgba(0, 0, 0, 0.02);}
.table-shadowhover tbody tr:hover	{background-color:rgba(0, 0, 0, 0.02); box-shadow: 1px 1px 18px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 1px 18px rgba(0,0,0,0.2);}

.table-sm td,
.table-sm th						{padding:0.3rem;}

.table.ptb-0 tbody td,
.table.ptb-0 tbody th				{padding:0rem 0.65rem;} /* prodList */

.table.ptb-2 tbody td,
.table.ptb-2 tbody th				{padding:0.2rem 0.65rem;} /* prodList */


/* Table Type (Table Striped) */
.table-striped tbody tr:nth-of-type(even)		{background-color:rgba(0, 0, 0, 0.03);}
.table-striped tbody tr:nth-of-type(even):hover	{background-color:rgba(0, 0, 0, 0.05);}


.table-striped_2tr tbody tr:nth-child(4n+3),
.table-striped_2tr tbody tr:nth-child(4n+4) {background-color:rgba(0, 0, 0, 0.04);} /* tr 2개 묶음 (2025.09.17)*/




@media screen and (max-width:997px) {
	.table-striped tbody tr:nth-of-type(even)		{background-color:rgba(0, 0, 0, 0);}
	.table-striped tbody tr:nth-of-type(even):hover	{background-color:rgba(0, 0, 0, 0);}
}

/* Table Type (Table Bordered) */
.table-bordered						{border:1px solid #dee2e6;}
.table-bordered td,
.table-bordered th					{border:1px solid #dee2e6;}
.table-bordered thead td,
.table-bordered thead th			{border-bottom-width:1px;}

/* Table Type (Table Borderless) */
.table-borderless tbody + tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th			{border:0;}

/* Table Type (Table Primary) */
.table-primary,
.table-primary > td,
.table-primary > th					{background-color:#b8daff;}
.table-primary tbody + tbody,
.table-primary td,
.table-primary th,
.table-primary thead th				{border-color:#7abaff;}
.table-hover .table-primary:hover	{background-color:#9fcdff;}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {background-color:#9fcdff;}

/* Table Type (Table Secondary) */
.table-secondary,
.table-secondary > td,
.table-secondary > th				{background-color:#d6d8db;}
.table-secondary tbody + tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th			{border-color:#b3b7bb;}
.table-hover .table-secondary:hover {background-color:#c8cbcf;}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {background-color:#c8cbcf;}

/* Table Type (Table Success) */
.table-success,
.table-success > td,
.table-success > th					{background-color:#c3e6cb;}
.table-success tbody + tbody,
.table-success td,
.table-success th,
.table-success thead th				{border-color:#8fd19e;}
.table-hover .table-success:hover	{background-color:#b1dfbb;}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {background-color:#b1dfbb;}

/* Table Type (Table Info) */
.table-info,
.table-info > td,
.table-info > th					{background-color:#bee5eb;}
.table-info tbody + tbody,
.table-info td,
.table-info th,
.table-info thead th {border-color:#86cfda;}
.table-hover .table-info:hover {background-color:#abdde5;}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {background-color:#abdde5;}

/* Table Type (Table Warning) */
.table-warning,
.table-warning > td,
.table-warning > th {background-color:#ffeeba;}
.table-warning tbody + tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {border-color:#ffdf7e;}
.table-hover .table-warning:hover {background-color:#ffe8a1;}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {background-color:#ffe8a1;}

/* Table Type (Table Danger) */
.table-danger,
.table-danger > td,
.table-danger > th {background-color:#f5c6cb;}
.table-danger tbody + tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {border-color:#ed969e;}
.table-hover .table-danger:hover {background-color:#f1b0b7;}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {background-color:#f1b0b7;}

/* Table Type (Table Light) */
.table-light,
.table-light > td,
.table-light > th {background-color:#fdfdfe;}
.table-light tbody + tbody,
.table-light td,
.table-light th,
.table-light thead th {border-color:#fbfcfc;}
.table-hover .table-light:hover {background-color:#ececf6;}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {background-color:#ececf6;}

/* Table Type (Table Dark) */
.table-dark,
.table-dark > td,
.table-dark > th {background-color:#c6c8ca;}
.table-dark tbody + tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {border-color:#95999c;}
.table-hover .table-dark:hover {background-color:#b9bbbe;}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {background-color:#b9bbbe;}

/* Table Type (Table Active) */
.table-active,
.table-active > td,
.table-active > th {background-color:rgba(0, 0, 0, 0.075);}
.table-hover .table-active:hover {background-color:rgba(0, 0, 0, 0.075);}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {background-color:rgba(0, 0, 0, 0.075);}
.table .thead-dark th {color:#fff; background-color:#212529; border-color:#383f45;}
.table .thead-light th {color:#495057; background-color:#e9ecef; border-color:#dee2e6;}

/* Table Type (Table Dark) */
.table-dark {color:#fff; background-color:#212529;}
.table-dark td,
.table-dark th,
.table-dark thead th {border-color:#383f45;}
.table-dark.table-bordered {border:0;}
.table-dark.table-striped tbody tr:nth-of-type(odd) {background-color:rgba(255, 255, 255, 0.05);}
.table-dark.table-hover tbody tr:hover {color:#fff; background-color:rgba(255, 255, 255, 0.075);}

/* Table Row Scroll */
.table-responsive							{display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
.table-responsive > .table-bordered			{border:1px solid #dee2e6;}

/* 내용 펼침형 게시판인 경우 (with AdminLTE) : 24.07.11 */
.table tbody tr[data-widget='expandable-table'][aria-expanded='true'] td.expandableAccent {color:var(--IDTcolor); font-weight:700;}
.expandable-body td		{padding:0.75rem !important;}


/****************************************************************************************************
*	Responsive Board List (독립사용 가능) : 2025.05.30 
*****************************************************************************************************/
.RBL								{width:100%; margin-bottom:1rem; background-color:transparent; text-align:center;}
.RBL tr.notuse						{position:relative;}
.RBL tr.notuse:after				{position:absolute; content: ''; width:100%; height:1px; background-color:red; top:calc(50% - 1px); left:0; -ms-transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%); transform:translate(0%, -50%);}

.RBL th,
.RBL td								{height:64px; padding:0rem 0.7rem;}
.RBL td								{border:0px;}

.RBL thead th						{vertical-align:middle; background-color:rgba(0, 0, 0, 0.05); border-top:1px solid rgba(0, 0, 0, 0.3); padding:15px 0; font-size:var(--FS14); letter-spacing:var(--LS05); font-weight:var(--FW700); color:rgba(0, 0, 0, 0.7);}
.RBL tbody + tbody					{border-top:2px solid #dee2e6;}
.RBL tbody tr						{border-bottom:1px solid #E5E5E5; transition:background-color .3s;}
.RBL tbody tr td					{color:rgba(0, 0, 0, 0.5); font-weight:600;}

.RBL tbody tr td.num				{font-size:var(--FS12);}
.RBL tbody tr td.category			{font-size:var(--FS14);}
.RBL tbody tr td.subject			{display:inline-flex; align-items:center; width:100%;}
.RBL tbody tr td.subject a			{font-size:var(--FS15F); font-weight:var(--FW600F); color:var(--mygray300); display:-webkit-box; overflow:hidden; text-overflow:ellipsis ;word-break:break-word; -webkit-line-clamp:1; -webkit-box-orient:vertical; transition:color .3s;}
.RBL tbody tr td.subject a:hover	{color:#000;}
.RBL tbody tr td.subject .reply		{color:var(--mygray);}
.RBL tbody tr td.writer,
.RBL tbody tr td.date,
.RBL tbody tr td.hit				{font-size:var(--FS13);}

.RBL tbody tr td.state				{display:flex; align-items:center; justify-content:center;}

@media screen and (max-width:997px) {
	.RBL								{width:100%; border-top:2px solid var(--mygray);}
	.RBL thead							{display:none}
		 
	.RBL tbody tr						{display:flex; flex-wrap:wrap; align-items:center; gap:2px 0; height:auto; padding:14px 0px 10px; border-bottom:1px solid #DEDEDE;}
	.RBL tbody tr:hover					{background-color:transparent;}
		 
		 
	.RBL tbody tr.no-content td[colspan]	{width:100% !important; max-width:100% !important; display:block; padding:0px !important; border-bottom:0px !important;}
	.RBL tbody tr.list-header			{margin-bottom:10px;}
	.RBL tbody tr.list-header:last-child{border-bottom:none;}
	.RBL tbody tr th					{display:none;}
	.RBL tbody tr[style*="table-row"]	{display:block !important}

	.RBL tbody tr td					{width:auto; height:auto; padding:0; text-align:left;}

	.RBL tbody tr td.category			{margin-left:5px;;}

	.RBL tbody tr td.category span		{padding:5px 0px; color:var(--mygray002);}
	.RBL tbody tr td.category span:empty{display:none;}
	.RBL tbody tr td.writer,
	.RBL tbody tr td.date,
	.RBL tbody tr td.hit				{margin-right:18px;}
		 	   	  
	.RBL tbody tr td.writer::before		{content:"\f007"; font-family:"Font Awesome 6 Free"; font-weight:400 !important; margin-right:5px;}
	.RBL tbody tr td.date::before		{content:"\f133"; font-family:"Font Awesome 6 Free"; font-weight:400 !important; margin-right:5px;}
	.RBL tbody tr td.hit::before		{content:"\f06e"; font-family:"Font Awesome 6 Free"; font-weight:400 !important; margin-right:5px;}
		 	   
		 	   
	.RBL tfoot tr						{display:block; position:relative; border-bottom:1px solid #d7dce3 !important;}
	.RBL tfoot tr.list-header			{margin-top:10px;}
	.RBL tfoot tr.list-header:last-child {border-bottom:none;}
	.RBL tfoot tr th					{display:none;}
	.RBL tfoot tr[style*="table-row"]	{display:block !important}
	.RBL tfoot tr td					{display:block; position:relative; word-wrap:break-word !important; word-break:break-all !important; clear:both; overflow:hidden; background:#ffef81 !important; border-top:1px solid #d7dce3 !important; border-bottom:none !important; text-align:left; padding:3px 5px 3px 110px !important; margin:0px; text-align:left !important; min-height:36px; line-height:30px;}
	.RBL tfoot tr td:before				{content:attr(data-header); display:block; position:absolute; top:0; left:0; bottom:0; text-align:center; margin-right:0px; width:100px; background:#a2aab1 !important; border-right:1px solid #EEE; color:#FFF; padding:3px 0px; overflow:hidden; line-height:30px;}

	.RBL tbody tr td.state				{order:999; margin-left:auto; margin-right:0;}
}

@media screen and (max-width:517px) {
	.RBL tbody tr td.subject a			{font-size:var(--FS14F); font-weight:var(--FW600F);}
}

@media (max-width:575.98px) {
	.table-responsive-sm					{display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
    .table-responsive-sm > .table-bordered	{border:0;}
}
@media (max-width:767.98px) {
	.table-responsive-md					{display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
    .table-responsive-md > .table-bordered	{border:0;}
}
@media (max-width:991.98px) {
	.table-responsive-lg					{display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
    .table-responsive-lg > .table-bordered	{border:0;}
}
@media (max-width:1199.98px) {
	.table-responsive-xl					{display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
    .table-responsive-xl > .table-bordered	{border:0; }
}


/****************************************************************************************************
*	진행형 게시판 상태 아이콘 : 2025.06.10
*****************************************************************************************************/
.ico_progress							{display:flex; align-items:center; justify-content:center; width:fit-content; font-size:var(--FS13); color:#FFF; border-radius:100rem; padding:0rem 0.7rem;}
.ico_progress[data-label="답변대기"]	{background-color:var(--mygray003); color:var(--white);}
.ico_progress[data-label="답변완료"]	{background-color:var(--PTcolor); color:var(--black);}

.ico_progress[data-label="접수"]	{background-color:var(--mygray003); color:var(--white);}
.ico_progress[data-label="확인"]	{background-color:var(--PTcolor); color:var(--white);}
.ico_progress[data-label="진행"]	{background-color:var(--green); color:var(--white);}
.ico_progress[data-label="완료"]	{background-color:var(--blue); color:var(--white);}
.ico_progress[data-label="보류"]	{background-color:var(--red); color:var(--white);}

/****************************************************************************************************
*	Board View Basic with AdminLTE : 2023.04.25
*****************************************************************************************************/
.row-inline								{display:flex; align-items:stretch; margin:0px; border-bottom:1px solid #EBEBEB; line-height:1.5; color:var(--basetxtcolor); font-weight:var(--basetxtweight); min-height:44px;}
.row-inline:first-of-type				{border-top:1px solid #EBEBEB;}
.row-inline	> div[class*='col-']		{display:flex; margin:0px;}
.row-inline.only_content				{border:0px;}

.inline-title							{display:flex; align-items:center; justify-content:center; text-align:center; min-width:130px; padding:0.85rem; margin-bottom:0px; color:#888 !important; background-color:#F1F1F3; letter-spacing:-1px; font-weight:700 !important;}
.inline-content							{display:flex; align-items:center; padding:0.85rem; word-break:break-all; width:100%;}

@media all and (max-width:980px){
	.row-inline										{display:flex; flex-direction:column;}
	.row-inline	> div[class*='col-']				{border-bottom:1px solid #EBEBEB;}
	.row-inline	> div[class*='col-']:last-of-type	{border-bottom:0px;}

	/*.inline-content									{display:block}*/
}




/*******************************************************************************************************************************************
*	Responsive Basic Table List : 2025.01.20 - FUNNNY
*******************************************************************************************************************************************/
.RBTL						{width:100%; max-width:100%; margin:0 auto; text-align:center; border-top:2px solid var(--IDTcolor); border-collapse:collapse; padding:0px; border-spacing:0px; box-sizing:border-box; transition: all 0.3s ease-in-out;}
.RBTL caption				{display:none;}
.RBTL thead	th				{color:#111; background-color:#F4F4F4; border:1px solid #D8D8D8; margin-bottom:3px; padding:16px 10px; font-weight:600; text-align:center; border-top:1px solid #222; transition:padding 0.3s ease-in-out;}
.RBTL thead	td				{background-color:#F4F4F4; border:1px solid #D8D8D8; margin-bottom:3px; padding:15px 8px; font-weight:500; text-align:center; transition:padding 0.3s ease-in-out, font-size 0.3s ease-in-out;}
.RBTL thead	th:first-child	{border-left:none;}
.RBTL thead	th:last-child	{border-right:none;}
.RBTL thead	td:last-child	{border-right:none;}

.RBTL tbody th				{text-align:center; width: 100%; background-color:#F7F7F7; border:1px solid #D8D8D8; }
.RBTL tbody th:first-child	{border-left:none;}
.RBTL tbody td				{position:relative; text-align:center; background:#FFF; font-size:var(--FS15); font-weight:500; border:1px solid #D8D8D8; padding:15px 15px;}
.RBTL tbody td:first-child	{border-left:none;}
.RBTL tbody	td:last-child	{border-right:none;}

.RBTL tbody td .CIIBOX		{position:initial; top:50%;  margin-top: -10px; font-size:initial;}
.RBTL tbody td i			{vertical-align:-3px; text-align:center}

.RBTL tbody	td ul			{margin:0; padding:0; padding-left:15px}
.RBTL tbody	td li			{list-style:disc; word-wrap:break-word; word-break:break-all; overflow-wrap:break-word;}

.RBTL tfoot td				{border-top:2px solid #000;}


@media screen and (max-width: 768px) {
	.RBTL						{display:block; border-top:none;}
	.RBTL colgroup				{display:none;}
	.RBTL thead					{display:none;}
	.RBTL tbody					{display:block;width:100%; box-sizing:border-box;}

	.RBTL tbody tr				{display:block; margin-bottom:15px; width:100%; box-sizing:border-box; transition:margin-bottom 0.3s ease-in-out;}

	.RBTL tbody td				{display:block; width:100%; box-sizing:border-box; text-align:left; border-bottom:none; padding:12px 10px; transition:all 0.3s ease-in-out;}
	.RBTL tbody td:before		{content:attr(data-title); font-weight:bold; display:inline-block; text-align:center; padding:5px; width:min-content; margin-right:15px; min-width:100px; border-radius:4px; background-color:#F4F4F4;}
	.RBTL tbody td:first-child	{border-left:1px solid #D8D8D8; border-top:2px solid rgba(0, 0, 0, 0.4); border-radius:4px 4px 0 0;}
	.RBTL tbody	td:last-child	{border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; border-radius:0 0 4px 4px;}

	/* ul-list 스타일 (TD 내 UL LIst 존재 시)*/
	.RBTL tbody td.ul-list		{display:flex; align-items:center; justify-content:space-between; text-align:left; padding:10px;}
	.RBTL tbody td.ul-list ul	{flex:1; margin:0; padding:0; list-style:disc; padding-left:15px;}
	.RBTL tbody td.ul-list ul li{line-height:1.6;}
}


/*******************************************************************************************************************************************
*	Gallery Style Board List : 2025.05.26 - FUNNNY
*******************************************************************************************************************************************/
.GSBL							{position:relative; display:inline-block; width:100%; margin:0 auto 40px auto;}
.GSBL ul						{display:grid; box-sizing:border-box; transition: all 0.3s ease;}

.GSBL ul.no-content				{grid-template-columns:repeat(1, 1fr) !important;}
.GSBL ul.div4					{grid-template-columns:repeat(4, 1fr); gap:40px;}
.GSBL ul.div3 					{grid-template-columns:repeat(3, 1fr);}
.GSBL ul.div2 					{grid-template-columns:repeat(2, 1fr);}

.GSBL li						{overflow:hidden; position:relative; padding:0px; -webkit-box-sizing: border-box; box-sizing:border-box; padding:0; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; transition: all 0.35s ease-out;}
.GSBL li .thmb					{position:relative; height:0; padding-bottom:100%; overflow:hidden; -webkit-perspective:1200px; perspective:1200px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; z-index:1}
.GSBL li .thmb img				{position:absolute; top:50%; left:50%; min-width:100%; height:100%; transform:translate3d(-50%,-50%,0); -webkit-transform:translate3d(-50%,-50%,0); transition:transform .1s, opacity 0.85s, -webkit-transform 0.85s; transition:transform 0.85s, opacity 0.85s;}
.GSBL li:hover .thmb img		{transform:translate3d(-50%, -50%, 0) scale(1.2); -webkit-transform: translate3d(-50%, -50%, 0) scale(1.2); transition: opacity 0.35s, transform 0.35s; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;}

.GSBL li .thmb .category		{position:absolute; top:10px; left:10px; padding:6px; transform:translateY(0); transition:transform 0.5s ease, opacity 0.5s ease; opacity:1; background-color:rgba(0,0,0,0.9); border-radius:4px; font-size:var(--FS12); line-height:1; color:#FFF; font-weight:var(--FW600F); z-index:2}
.GSBL li .thmb:hover .category	{transform:translateY(-40px); -webkit-transform:translateY(-40px); opacity:0;}

.GSBL li .thmb .datehit			{position:absolute; bottom:0px; display:flex; align-items:center; justify-content:space-between; transform:translateY(0); transition:transform 0.5s ease, opacity 0.5s ease; opacity:1; width:100%; padding:10px; font-size:var(--FS12); letter-spacing:var(--LS00); color:#FFF; z-index:2}
.GSBL li .thmb .datehit .date	{font-weight:var(--FW500);}
.GSBL li .thmb .datehit .hit	{font-weight:var(--FW500);}
.GSBL li .thmb .datehit i		{margin-right:5px;}
.GSBL li .thmb:hover .datehit	{transform:translateY(40px); -webkit-transform:translateY(40px); opacity:0;}

.GSBL li .thmb .darklay			{position:absolute; display:block; background:rgba(0, 0, 0, .5); width:100%; height:100%; top:0px; left:0px; z-index:1; transition:background 0.5s ease;}
.GSBL li:hover .thmb .darklay	{background:rgba(0, 0, 0, 0); transition:background 0.5s ease;}


.GSBL .detailArea				{display:flex; flex-direction:column; justify-content:flex-start; background-color:#FFFFFF; border:1px solid #ECECEC; border-top:none;  width:100%; max-height:200px; padding:30px;}
.GSBL .detailArea .subject		{width:100%; font-size:var(--FS16); max-height:22px; overflow:hidden; margin-bottom:5px;font-weight:600; line-height:1.25; color:#2D2D2D; letter-spacing:-0.5px;
								word-wrap:break-word; word-break: break-all; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:pre-line;}
.GSBL .detailArea .contents		{width:100%; max-height:44px; padding:10px 0; overflow:hidden; line-height:1.3; font-size:var(--FS13); color:#999; word-wrap:break-word; word-break: break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:pre-wrap;}
.GSBL .detailArea .contents	p,
.GSBL .detailArea .contents	span {all:unset !important;}

@media screen and (max-width:997px) {
	.GSBL ul.div4 				{grid-template-columns:repeat(3, 1fr); gap:30px;}
}

@media screen and (max-width:767px) {
	.GSBL ul.div4 				{grid-template-columns:repeat(2, 1fr); gap:30px;}
	.GSBL .detailArea			{padding:15px; height:100px;}
	.GSBL .detailArea .subject	{font-weight:500; }
	.GSBL .detailArea .contents	{max-height:42px;}
}

@media screen and (max-width:517px) {
	.GSBL ul.div4 				{grid-template-columns:repeat(2, 1fr); gap:10px 10px;}
	.GSBL .detailArea .contents	{max-height:38px;}
}

@media screen and (max-width:357px) {
	.GSBL ul.div4 				{grid-template-columns:repeat(1, 1fr); gap:20px 0;}
}

/*******************************************************************************************************************************************
*	FAQ Board List : 2025.05.30
*******************************************************************************************************************************************/
/* Board Type UL List */
.FBL 								{width:100%; margin:15px 0px; list-style:none;}
.FBL > li							{padding:20px 10px; text-align:left; border-style:solid; border-width:1px; border-color:#F5F5F5 #FFF #EEE #FFF;}
.FBL > li:first-child				{margin-top:0;}
.FBL > li > a						{width:100%; display:flex; flex-direction:row; align-items:center; justify-content:space-between; padding:0px; font-size:var(--FS-medium); font-weight:500;}
.FBL > li > a p.tit					{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-right:30px;}
.FBL > li > a p.tit .update			{display:block; font-weight:500; font-size:var(--FS-m-small); margin-bottom:4px; color:var(--gray001);}
.FBL > li > a .arrow				{transition:all 0.2s; width:10px; height:10px; border:2px solid #999; border-top:none; border-right:none; font-size:0px;}
.FBL > li > a .arrow.downview		{-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.FBL > li > a .arrow.linkview		{-webkit-transform:rotate(225deg); transform:rotate(225deg);} /* Notice */
.FBL > li > a:hover .arrow			{transition:all 0.2s; border:2px solid var(--IDTcolor); border-top:none; border-right:none;}
.FBL > li.on > a p.tit				{color:var(--IDTcolor); font-weight:600;}
.FBL > li.on > a .arrow.downview	{-webkit-transform:rotate(135deg); transform:rotate(135deg); border-color:var(--PTcolor);}
.FBL > li > .view					{display:none; width:100%; margin-top:20px; padding:24px 20px; background-color:#F2F2F2; border-radius:5px; font-size:0.875rem; color:#555; line-height: 1.73;}
.FBL > li > .view img				{max-width:100%;}


/*******************************************************************************************************************************************
*	개인정보 수집 및 이용 동의 : 2025.06.10
*******************************************************************************************************************************************/
.privacyChk					{margin:40px auto 20px; font-size:var(--FS14); font-weight:var(--FW400);}
.privacyChk	h4				{font-size:var(--FS18); margin:20px auto 0px; padding:0.6rem 0 0.6rem 0;}
.privacyChk ul				{margin-bottom:15px;}
.privacyChk li				{display:block; position:relative; padding-left:15px; text-align:left;}
.privacyChk li:before		{content:''; position:absolute; top:10px; left:0px; width:6px; height:6px; background-color:#111; border-radius:2px;}
.privacyChk li strong		{font-weight:var(--FW700); color:#111;}
.privacyChk li ol li			{display:block; position:relative; padding-left:10px; text-align:left;}
.privacyChk li ol li:before	{content:''; position:absolute; top:12px; left:0px; width:5px; height:3px; background-color:#888; border-radius:2px;}

.agreeBox					{display:flex; align-items:center; padding:15px; background:#f7f7f7; border:1px solid #ddd;}
.agreeBox_all				{display:flex; align-items:center; padding:30px 5px;}
.agreeBox_all label			{color:#333 !important; font-size:var(--FS18); margin-left:5px}

.privacyChk article			{overflow-y:auto; height:230px; box-sizing:border-box; padding:25px; border:1px solid #ddd; border-bottom-width:0px; line-height:180%}

@media screen and (max-width:517px) {
	.privacyChk				{margin:40px 15px 20px;}
}
/*******************************************************************************************************************************************
*	Responsive Table List : 2020.04.09 - FUNNNY
*******************************************************************************************************************************************/

/* LIST */
.RTL {
	width: 100%;
	padding: 0px;
	border-spacing: 0px;
	/*white-space:nowrap;*/
}

.RTL caption {
	display: none;
}

.RTL thead th {
	height: 36px;
	background: #F1F1F1 !important;
	border: 1px solid #d8d8d8;
	margin-bottom: 3px;
	padding: 0 5px;
}

.RTL thead th {
	text-align: center;
	font-weight: 400;
}

.RTL tbody tr:nth-child(odd) {
	background: #FFFFFF;
}

.RTL tbody tr:nth-child(even) {
	background: #F2F2F2;
}

.RTL tbody tr:hover {
	background: #fffff5;
	transition: all 0.3s
}

.RTL tbody>tr.clickclr {
	background: #ffef81;
	border: 2px solid #ffe110;
	border-radius: 3px;
}

.RTL tbody td {
	border-bottom: 1px solid #DEDEDE;
	padding: 10px 8px;
	word-wrap: break-word;
	word-break: keep-all;
}

.RTL tbody td {
	line-height: 18px;
	text-align: center;
}

.RTL tbody td strong {
	color: #444;
	text-align: center;
}

.RTL tbody td.NS {
	white-space: normal !important;
	word-wrap: break-word;
	word-break: keep-all;
}

/* Appointed white-space:normal in TD */

@media screen and (max-width:980px) {
	.RTL {
		white-space: nowrap;
	}
}

/* Responsive Table List Mode 0 (Two Divisions in the HEAD or TR) */
.RTL0 {
	width: 100%;
}

.RTL0 caption {
	display: none;
}

.RTL0>thead>*>* {
	padding: 5px 5px;
	text-align: center;
	border: none;
}

.RTL0>thead th {
	height: 36px;
	text-align: center;
	white-space: nowrap;
	background: #F1F1F1 !important;
	border: 1px solid #d8d8d8;
	margin-bottom: 3px;
	padding: 0 5px;
	vertical-align: middle;
	font-weight: 400;
	letter-spacing: -1px;
	color: #858585;
}

.RTL0>tbody>*>* {
	border: 1px solid #E6E6E6;
	border-left-color: none;
	border-right-color: none;
	/*border-top-width:0; border-left-width:0;*/
	margin: 0;
	padding: 8px 5px;
	vertical-align: middle;
	line-height: 16px;
}

.RTL0>tbody>*>*:first-child {
	border-left-width: 0px;
}

.RTL0>tbody>*:first-child>* {
	border-top-width: 0px
}

.RTL0>tbody th {
	text-align: left
}

.RTL0>thead>tr>th,
.RTL0>thead>tr>td {
	text-align: center;
}

.RTL0>tbody>tr>th,
.RTL0>tbody>tr>td {
	text-align: center;
	border-right-width: 0px;
}

.RTL0>tbody:nth-child(odd) {
	background: #FFFFFF;
}

.RTL0>tbody:nth-child(even) {
	background: #F7F7F7;
}

.RTL0>tbody td img {
	vertical-align: middle;
	display: inline-block;
}

.RTL0>tfoot>tr>th,
.RTL0>tfoot>tr>td {
	text-align: center;
	background: #ffef81;
	padding: 12px 5px;
	border-top: 2px solid #b7c1cf;
	border-bottom: 1px solid #b7c1cf
}

@media screen and (max-width:980px) {
	.RTL0 {
		width: 100%;
	}

	.RTL0>tbody {
		border: 0px solid #FFF;
		border-bottom-width: 20px;
	}

	.RTL0>tbody>* {
		border: 1px solid #DEDEDE;
		border-top-width: 0px;
	}

	.RTL0>tbody>*>* {
		display: block;
		position: relative;
		min-height: 30px;
		border: 0;
		vertical-align: middle;
		border-bottom: 1px solid #DEDEDE;
	}

	.RTL0>tbody>*:first-child {
		border-top: 1px solid #DEDEDE;
	}

	.RTL0>tbody>tr {
		display: block;
		position: relative;
		border-bottom: none;
	}

	.RTL0>tbody>tr>th {
		display: none;
	}

	.RTL0>tbody>tr[style*="table-row"] {
		display: block !important;
	}

	.RTL0>tbody>tr>td {
		display: block;
		position: relative;
		word-wrap: break-word !important;
		word-break: break-all !important;
		clear: both;
		overflow: hidden;
		border-width: 1px !important;
		text-align: left;
		padding: 3px 5px 3px 110px !important;
		margin: 0px;
		text-align: left !important;
		min-height: 36px;
		line-height: 36px;
	}

	.RTL0>tbody>tr>td:before {
		content: attr(data-header);
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		text-align: center;
		margin-right: 0px;
		width: 100px;
		background: #F8F8F8 !important;
		border-right: 1px solid #EEE;
		padding: 3px 0px;
		overflow: hidden;
		line-height: 30px;
	}

	.RTL0>thead {
		display: none
	}
}


/* Responsive Table List Mode 1 (One Divisions in the HEAD or TR) */
/*.RT {
	width: 100%;
	margin-bottom: 20px;
}

.RT caption {
	display: none;
}

.RT>thead>*>* {
	padding: 5px 5px;
	text-align: center;
	border: none;
}

.RT>thead th {
	height: 36px;
	text-align: center;
	white-space: nowrap;
	background: #F1F1F1 !important;
	border: 1px solid #d8d8d8;
	margin-bottom: 3px;
	padding: 0 5px;
	vertical-align: middle;
	font-weight: 400;
	letter-spacing: -1px;
	color: #858585;
}

.RT>tbody>*>* {
	border: 1px solid #E6E6E6;
	border-left-color: none;
	border-right-color: none;
	margin: 0;
	padding: 8px 5px;
	vertical-align: middle;
	line-height: 16px;
}

.RT>tbody>*>*:first-child {
	border-left-width: 0px;
}

.RT>tbody>*:first-child>* {
	border-top-width: 0px
}

.RT>tbody th {
	text-align: left
}

.RT>thead>tr>th,
.RT>thead>tr>td {
	text-align: center;
}

.RT>tbody>tr>th,
.RT>tbody>tr>td {
	text-align: center;
	border-right-width: 0px;
}

.RT>tfoot>tr>th,
.RT>tfoot>tr>td {
	text-align: center;
	background: #E6E6E6;
	padding: 12px 5px;
	border-top: 2px solid #b7c1cf;
	border-bottom: 1px solid #b7c1cf
}

.RT>tbody>tr:nth-child(odd) {
	background: #FFFFFF;
}

.RT>tbody>tr:nth-child(even) {
	background: #F2F2F2;
}

.RT>tbody td img {
	vertical-align: middle;
	display: inline-block;
}*/



/* Responsive Table List Mode 1 - Color Type2 */
.RT.type2>thead th {
	height: 30px;
	background: #aeb6c1 !important;
	border: none;
	font-size: 12px;
	line-height: 30px !important;
	color: #FFF;
}

.RT.type2>tbody>*>* {
	border: 1px solid #DDD;
	border-left-color: none;
	border-right-color: none;
	border-top-width: 0;
	border-left-width: 0;
	padding: 5px;
}

.RT.type2>tbody>*>*:first-child {
	border-left-width: 0px
}

.RT.type2>tbody>*:first-child>* {
	border-top-width: 0px
}

.RT.type2>tbody>*>*:last-child {
	border-right-width: 0px
}

.RT.type2>tbody>tr>th,
.RT.type2>tbody>tr>td {
	text-align: center;
	border-right-width: 1px;
}

.RT.type2>tbody>tr:hover>td,
.RT.type2>tbody>tr:hover th {
	background-color: none;
}

.RT.type2>tfoot>tr {
	border-bottom: none !important;
}

.RT.type2>tfoot>tr>th,
.RT.type2>tfoot>tr>td {
	text-align: center;
	margin: 10px auto;
	background: none !important;
	padding: 0;
	border-top: none !important;
	border-bottom: none !important;
}

@media screen and (max-width:980px) {
	.RT.type2>tbody>*>* {
		display: block;
		position: relative;
		min-height: 30px;
		border: 0;
		vertical-align: middle;
		border-bottom: 1px solid #DEDEDE;
	}

	.RT.type2>tbody>tr>td {
		min-height: 36px;
		font: 12px/30px NanumSquareR !important;
	}

	.RT.type2>tbody>tr>td:before {
		background: #aeb6c1 !important;
		color: #FFF;
	}

	.RT.type2>tfoot>tr>td {
		background: none !important;
		padding: 0px !important;
		margin: 0px;
		text-align: left !important;
		min-height: 36px;
		line-height: 30px;
	}

	.RT.type2>tfoot>tr>td:before {
		display: none;
	}

}

/* Responsive Table Write & View Mode */
.RTWV {
	width: 100%;
	margin-bottom: 20px;
}

.RTWV caption {
	display: none;
}

.RTWV>tbody>*>* {
	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	margin: 0;
	padding: 12px 10px;
	vertical-align: middle;
	background: #FFF;
}

.RTWV>tbody th {
	text-align: center;
	background: #F8F8F8 !important;
}

.RTWV>tbody>tr>th {
	text-align: center;
	font-weight: 400;
	min-height: 61px
}

.RTWV>tbody>tr>td {
	text-align: left;
	min-height: 61px;
}

@media screen and (max-width:980px) {
	.RTWV colgroup {
		display: none;
	}

	.RTWV>tbody>*>* {
		display: block;
		min-height: 30px;
		border: 0;
		margin: 0;
		padding: 5px;
		vertical-align: middle;
		border-bottom: 1px solid #DEDEDE;
	}

	.RTWV>tbody>tr>th {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		padding: 0 100px 0 0px;
		text-align: left;
		line-height: 30px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.RTWV>tbody>tr:first-child {
		border-top: 1px solid #DEDEDE;
	}

	.RTWV>tbody>tr {
		padding-top: 0;
		margin: 0px;
	}

	.RTWV>tbody>tr>th {
		display: none;
	}

	.RTWV>tbody>tr[style*="table-row"] {
		display: block !important;
	}

	.RTWV>tbody>tr>td {
		display: block;
		position: relative;
		clear: both;
		text-align: left;
		padding: 10px 5px 10px 120px !important;
		margin: 0px;
		min-height: 56px;
		line-height: 36px;
	}

	.RTWV>tbody>tr>td:before {
		content: attr(data-header);
		font-weight: 400;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		text-align: center;
		margin-right: 0px;
		width: 110px;
		background: #F8F8F8;
		padding: 5px 10px;
		overflow: hidden;
		line-height: 46px;
	}

	.RTWV>tbody>tr>td:before {
		white-space: normal !important;
		word-wrap: break-word;
		word-break: keep-all;
	}

	.RTWV>tbody>tr>td:after {
		content: attr(data-essential);
		position: absolute;
		top: 3px;
		left: 3px;
		bottom: 0;
		color: #fa3a0e;
		font-size: 12px;
		font-weight: 700;
		font-style: normal;
	}
}

.RTWV .fidx {
	display: inline-block;
	height: 36px;
	line-height: 32px;
	min-width: 30px;
	max-width: 50px;
	border: 1px solid #DDD;
	background: #F2F2F2;
	text-align: center;
	font: 11px/36px Roboto;
}

.RTWV .li_files {
	margin-bottom: 3px;
}

.RTWV .uploaded_name {
	margin: 3px 0 8px 0;
	display: block;
	font-size: 12px;
	letter-spacing: 0px;
	color: #888;
}

.RTWV .uploaded_name a {
	margin-right: 5px;
}