@charset "utf-8"; 

/*  공통스타일   ==================================================================================== */

.txtline				{display:inline-block; box-shadow: inset 0 -10px 0 #ddecff; font-weight:500; padding:0 3px; color:#111;}
.txtline1				{display:inline-block; box-shadow: inset 0 -10px 0 #fbe3cd; font-weight:500; padding:0 3px; color:#111;}
.txtline2				{display:inline-block; box-shadow: inset 0 -10px 0 #d7edd7; font-weight:500; padding:0 3px; color:#111;}
.txtline3				{display:inline-block; box-shadow: inset 0 -10px 0 #ecdff0; font-weight:500; padding:0 3px; color:#111;}
.txtline4				{display:inline-block; box-shadow: inset 0 -10px 0 #a1f9fe; font-weight:500; padding:0 3px; color:#002759;}
 

.gtable tbody td .icon_notice							{display:inline-block;width:30px;height:30px; border-radius:50%;vertical-align:middle;background:url('../img/guava/icon_notice.png') no-repeat center 50% #a3a6b2;background-size:100% auto;margin-right:5px;}

 /*  달력 z-index  ==================================================================================== */
#ui-datepicker-div		{z-index:1000 !important;}




/*  리스트 소팅  ==================================================================================== */
.gsorting				{position:relative;line-height:1.5 !important;}
.gsorting span			{display:inline-block; padding-right:20px; line-height:1; cursor:pointer; position:relative;}
.gsorting::before,
.gsorting::after		{position:absolute; display:block; top:0px; opacity:.3;font-weight: 900; font-family:"Font Awesome 6 Free";}
.gsorting::before		{right:0.6em;content:"\f30c"; }
.gsorting::after		{right:0;content:"\f309"; }
.gsorting_asc::before,
.gsorting_desc::after	{opacity:1;}
 



/*  이미지 미리보기  ==================================================================================== */

#img_preview_fade								{position:absolute;top:0%;left:0%;width:100%;height:100%;background:#000;opacity:.2;z-index:100000 !important;}
#img_preview_layer								{position:absolute;max-width:600px;width:100%;background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);border-radius: 10px;overflow: hidden;z-index:100001 !important;}
#img_preview_imgfade							{position:absolute;top:0%;left:0%;width:100%;height:100%;background:#000;opacity:.2;z-index:100002 !important;}
#img_preview_img								{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100003 !important;}

#img_preview_layer .top							{display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; background: #333;color: #fff;}
#img_preview_layer .top .tit					{font-size: 1.2em;font-weight: 500;}
#img_preview_layer .top .btn_close				{position:relative;float:right;width:20px;height:20px;cursor:pointer;}
#img_preview_layer .top .btn_close:before,
#img_preview_layer .top .btn_close:after		{position:absolute;left:calc(50% - 1px);content:'';height:20px;width:2px;background:#fff;}
#img_preview_layer .top .btn_close:before		{transform:rotate(45deg);}
#img_preview_layer .top .btn_close:after		{transform:rotate(-45deg);}
#img_preview_layer .top .btns					{position:absolute;right:50px;}
#img_preview_layer .top .btns div				{display:inline-block;background:rgba(256,256,256,.05);margin-right: 10px;border-radius: 5px;}
#img_preview_layer .top .btns button			{padding: 5px 15px;	border:1px solid rgb(255,255,255,.13);color: #eeeeee;border-radius: 5px;cursor: pointer;}
#img_preview_layer .top .btns button i			{margin-right:6px;}

#img_preview_layer .preview						{text-align:center;}
#img_preview_layer .preview iframe				{width:100%;height:600px;}

/*  이미지 미리보기  ==================================================================================== */