@charset "utf-8";

/****************************************************************************************************
*	Board Common
*****************************************************************************************************/
.icon-notice					{position:relative; display:inline-block; margin:0px auto 0px auto; bottom:0px; font-size:0px; height:20px; background-color:var(--amber100); border-radius:2px; animation:ani_shakeleft 3s ease infinite;}
.icon-notice:after				{font-family:GongGothic; font-weight:400; content:'중요'; position:relative; padding:0px 4px; color:#FFF; font-size:var(--FS12); line-height:20px; letter-spacing:-0.5px;}
.icon-reply.fa-solid.fa-reply	{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.comments						{font-size:inherit; color:var(--IDTcolor); font-weight:inherit;} /* List Comments Count */
.notice_chk						{min-width:100px; margin-left:10px; font-weight:var(--FW600); letter-spacing:var(--LS10);} /* 공지로 등록 시 */
.icon-new						{position:relative; display:inline-block; margin:0px auto 0px 10px; bottom:0px; font-size:0px; height:14px; background-color:var(--IDTcolor); border-radius:4px 0 4px 0;}
.icon-new:after					{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;}

.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}


/****************************************************************************************************
*	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;}


/****************************************************************************************************
*	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:0.85rem 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.05);}
.table-striped tbody tr:nth-of-type(even):hover	{background-color:rgba(0, 0, 0, 0.07);}

/* 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 Table : 2023.04.27 */
@media screen and (max-width:980px) {
	.RT									{width:100%; border:0;}
	.RT>thead							{display:none}

	.RT>tbody>*							{border:1px solid #DDD; border-bottom-width:1px}
	.RT>tbody>*>*						{display:block; position:relative; min-height:30px; border:0; vertical-align:middle; border-bottom:1px solid #DEDEDE;}
	/*.RT>tbody:last-child>*			{border-bottom-width:0px}*/
	.RT>tbody>tr						{display:block; position:relative; border-bottom-width:0px; margin-bottom:15px;}
	.RT>tbody>tr:hover					{background-color:transparent;}
	.RT>tbody>tr.list-header			{margin-bottom:10px;}
	.RT>tbody>tr.list-header:last-child {border-bottom:none;}
	.RT>tbody>tr>th						{display:none;}
	.RT>tbody>tr[style*="table-row"]	{display:block !important}
	.RT>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:30px;}
	.RT>tbody>tr>td:before				{display:flex; align-items:center; justify-content:space-around; content:attr(data-header); font-size:var(--FS13); font-weight:700 !important; color:#888; letter-spacing:-1px; position:absolute; top:0; left:0; bottom:0; text-align:center; margin-right:0px; min-width:100px; background:#F8F8F8 !important; border-right:1px solid #EEE; padding:3px 0px; overflow:hidden; line-height:30px;}

	.RT>tfoot>tr						{display:block; position:relative; border-bottom:1px solid #d7dce3 !important;}
	.RT>tfoot>tr.list-header			{margin-top:10px;}
	.RT>tfoot>tr.list-header:last-child {border-bottom:none;}
	.RT>tfoot>tr>th						{display:none;}
	.RT>tfoot>tr[style*="table-row"]	{display:block !important}
	.RT>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;}
	.RT>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;}
}


@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; }
}

/****************************************************************************************************
*	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 Board
*****************************************************************************************************/
/* List */
.RBL							{display:inline-block; width:100%;}
.totalNum						{padding-bottom:15px; font-size:14px;}

.RBL_wrap						{display:table; width:100%; table-layout:fixed;}
.RBL_head						{display:table-header-group; }
.RBL_head span					{display:table-cell; text-align:center; background:#f4f4f4; color:#343434; font-weight:500; font-size:14px; letter-spacing:-0.5px; padding:20px 0; border-top:1px solid #333; border-bottom:1px solid #ddd;}
.RBL_body						{display:table-row; width:100%;}
.RBL_body:hover					{background:#f4f4f4;}
.RBL_body .column				{display:table-cell; vertical-align:middle; padding:15px 0; color:#000; font-size:14px; text-align:center; border-bottom:1px solid #EEE;}

.RBL_body .title_wrap			{text-align:left;}
.RBL_body .title_wrap a			{display:block; position:relative; padding:0 60px 0 0; color:#000;}
.RBL_body .title_wrap a:hover	{color:#000; text-decoration:underline}

.RBL_body .viewBTN				{font-size:13px; font-weight:500; color:#FFF; padding:3px 7px; border-radius:26px; text-decoration:none}

.subject_wrap					{display:inline-block; position:relative; max-width:100%;}
.subject_wrap .subject_txt		{display:inline-block; padding-right:5px; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; font-size:14px; font-weight:400; line-height:18px; vertical-align:middle;}
.subject_wrap .subject_icon		{position:absolute; left:100%; top:calc(50% - 10px); width:60px; height:18px; text-align:left; display:inline-block;}
.subject_wrap .subject_icon i	{display:inline-block; color:#999; vertical-align:middle;}


@media all and (max-width:997px){
	.RBL_wrap					{border-top:1px solid #666;}
	.RBL_wrap,.RBL_body,
	.RBL_body .column			{display:block;}
	.RBL_head					{display:none;}
	.RBL_body					{position:relative; width:100%; border-bottom:1px solid #ddd; overflow:hidden;}
	.RBL_body .column			{clear:both; border-bottom:0; text-align:left; padding:8px 0; font-size:13px;}
	.RBL_body					{padding:15px 10px}
	.RBL_body .column:not(.title_wrap):not(.nodata):before{color:#555555; display:inline-block; font-size:13px; font-weight:500; min-width:70px; margin-right:10px; content:attr(data-label);}
	.RBL_body .column[data-label="no"]:before{padding-right:0; display:none;}

	.subject_wrap .subject_txt{font-size:14px; font-weight:500; max-height:50px; word-wrap:break-word; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:pre-wrap; }
}

/*******************************************************************************************************************************************
*	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;}
}

/*******************************************************************************************************************************************
*	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;
}