/******************************************************************************************************************************************
*	Site Name	: CELTRA
*	Site URL	: https://natur.kr
*	Description	: http://celtra.celmon.com
*	Company		: CELMON CO., LTD.
*	Author		: FUNNY
*	Date		: 2018/07 ~
*	Caution		: CORE 스크립트에는 URL 추적 코드가 압축되어 있으며, 파일 호출 시 해당 URL이 Google Analytics에 Referral 됩니다.
				  Referral에 기록된 IP와 URL은 철저하게 감시하여 저작권 침해시,
				  "대한변리사회" (응용미술저작물) 침해로 처벌 될 수 있으니 유의하시기 바랍니다.
*******************************************************************************************************************************************/
/******************************************************************************************************************************************
*	FONT SET	: NanumBarunGothicUltraLight, NanumBarunGothicLight, NanumBarunGothic, NanumSquareB
				  celmonKr_black,celmonKr_bold,celmonKr_demilight,celmonKr_light,celmonKr_medium,celmonKr_regular,celmonKr_thin
				  Roboto, celmonHG_00,celmonHG_20,celmonHG_40,celmonHG_60,celmonHG_80,celmonHG_99
*	max-width	: 980px
*******************************************************************************************************************************************/
@charset "utf-8";

html, body				{padding:0; margin:0; width:100%; height:100%;}
html					{-webkit-text-size-adjust:antialiased; -webkit-text-size-adjust:none; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:subpixel-antialiased; -webkit-font-smoothing:antialiased;}
/**						{-webkit-text-size-adjust:none;} 모바일 웹, 아이폰 사파리에서 화면회전시 폰트 확대방지 */
body					{margin:0; font-family:NanumSquareR, celmonKr_medium,Apple-Gothic,Tahoma, dotum, gulim, sans-serif; color:#333; letter-spacing:-0.05em;}
*,:after,:before		{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
table, th, td			{border-collapse:collapse; padding:0px; border-spacing:0px;}
blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, select, td, textarea, th, ul {margin:0; padding:0;}
legend					{overflow:hidden; visibility:hidden; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0}
article, aside, footer, header, hgroup, main, nav, section {margin:0; padding:0; display:block;}
dl, li, menu, ol, ul	{list-style:none;}
a						{text-decoration:none; border:none; color:#333;}
em						{font-style:normal;}
fieldset				{margin:0; padding:0; border:none;}
legend					{display:none;}
button					{font-family:inherit; vertical-align:top; cursor:pointer; white-space:nowrap; text-decoration:none; background:transparent; border:none;}
input, textarea			{font-family:inherit; border:none; border-radius:0; -webkit-appearance:none;}
input					{outline-style:none;}
img						{border:none;}
.cboth					{clear:both; width:0; height:0; font-size:0; line-height:0;}

body ::-moz-selection		{background-color:#fcdc02; color:#000;}
body ::-webkit-selection	{background-color:#fcdc02; color:#000;}
body ::-ms-selection		{background-color:#fcdc02; color:#000;}
body ::selection			{background-color:#fcdc02; color:#000;}

.img-circle{border-radius:50%}
input[type="text"]:disabled {background: #ccc;}

/* Table Align */
.tLeft					{text-align:left !important;}
.tCenter				{text-align:center !important;}
.tRight					{text-align:right !important;}
.vTop					{vertical-align:top;}
.vMiddle				{vertical-align:middle;}
.vBottom				{vertical-align:bottom;}

.FR						{float:right;}
.FL						{float:left;}
.DPB					{display:block !important;}

.hide					{display:none;}
.hand					{cursor:pointer;}
.clipboard				{cursor:pointer;}
.gapBar01				{display:inline-block; margin:5px 9px 0 9px; width:1px !important; height:14px; border-left:1px solid #CCC;}
.nodata					{padding:25px 0 25px 0 !important; line-height:1.4em !important; text-align:center; border-bottom:1px solid #EDEDED;}


/* [Important] Transform objects unconditionally when responsive : 2020.04.13 - FUNNY */
@media screen and (max-width:600px) {
.Rper100				{display:inline-block !important; width:100% !important; margin:1px 0px !important;}
}

@media screen and (max-width:980px) {
.RM980					{display:none !important}
}

/* 세로 공백 */
.h03 {display:block; height:3px; font-size:0px; border:0;}
.h05 {display:block; height:5px; font-size:0px; border:0;}
.h09 {display:block; height:9px; font-size:0px; border:0;}
.h10 {display:block; height:10px; font-size:0px; border:0;}
.h15 {display:block; height:12px; font-size:0px; border:0;}
.h20 {display:block; height:20px; font-size:0px; border:0;}
.h30 {display:block; height:30px; font-size:0px; border:0;}
.h50 {display:block; height:50px; font-size:0px; border:0;}


/*************************************************************************************************************************
*	BASIC [E] - 2018.04.10 : FUNNY
**************************************************************************************************************************/
/* LAYOUT */
#WRAP							{position:relative; height:100%; min-height:100%; z-index:99;}
#CONTAINER						{position:relative; min-height:100%; padding:0; background-color:#edf0f5}
#HEADER							{border:none; min-height:50px; margin:0; background:#232832;}


/***************************************************************************************************************************************
*	HEADER : 2018.06.29 - FUNNY
***************************************************************************************************************************************/
#HEADER H1						{float:left; margin:0px; background:url(../img/common/logo.png) 10px 5px no-repeat;}
#HEADER H1 a					{display:inline-block; margin:10px 0 0 10px; width:120px; height:30px; text-indent:-1000em;}

/* 최상위 메뉴 */
.CMN_global_menu									{float:right; text-align:right; margin:0; padding:0; min-width:150px;}
.CMN_global_menu li									{display:inline-block; line-height:48px;}
.CMN_global_menu li:after							{content:''; border-right:1px solid #48505d; margin:0 15px;}
.CMN_global_menu li:last-child::after				{border-right:0px; margin-right:0px;}
.CMN_global_menu li:nth-last-of-type(-n + 2)::after	{border-right:0px; margin-right:0px;}


.CMN_global_menu a									{color:#C3C7CC; font-size:11px; letter-spacing:-1px; text-decoration:none;}
.CMN_global_menu a:hover, a:active, a:focus			{color:#f2b600; text-decoration:underline; transition: all 0.7s;}

.CMN_global_menu li .todaychk			{display:inline-block; height:30px; vertical-align:middle; border:1px solid #fcdc02; padding:4px;}
.CMN_global_menu li .todaychk .tchk_tit	{float:left; text-align:left; width:26px; font-size:11px; line-height:22px; color:#fcdc02;}
.CMN_global_menu li .todaychk .tchk_boxwrap	{float:left; width:24px;}
.CMN_global_menu li .todaychk .tchk_boxwrap a	{float:left; margin:0 2px 2px 0; display:inline-block; text-align:center; width:9px; height:9px; color:#000; font:9px/9px Roboto; font-weight:600;}


.CMN_global_menu .mgnb		{display:none;}

#HEADER .left_box	#LEFT	{position:absolute; top:0; bottom:0; right:0px; width:200px; margin:50px 0 0 -200px; background:#383e49; z-index:1010; transition:all 0.15s ease-in-out;}

@media screen and (max-width:980px) {
.CMN_global_menu .mgnb		{display:inline !important; position:relative; right:5px; top:0px; padding:0px;}
.CMN_global_menu .mgnb a	{width:40px; height:50px; float:right; text-indent:-999em;}
.CMN_global_menu .btn_slide	{display:inline-block; background:transparent url('/img/common/header_slide.png') center center no-repeat; background-size:18px; font-size:0px; text-indent:-9999em;}
#HEADER						{position:fixed; top:0; width:100%;border:none; min-height:50px; margin:0 auto; background:#232832; z-index:100}
}


#inBox				{display:block; max-width:1200px; margin:40px auto 20px auto; padding:20px 40px; border:1px solid #dcdcdc; background:#FFF;}


/***************************************************************************************************************************************
*	LEFT : 2018.06.29 - FUNNY
***************************************************************************************************************************************/
#LEFT							{position:absolute; top:0; bottom:0; left:200px; width:200px; margin:0px 0 0 -200px; background:#383e49; z-index:1010; transition:all 0.15s ease-in-out; }
#LEFT.lmb						{left:0px;}

#LEFT ul						{overflow:hidden; width:100%; list-style-type:none; padding:0; margin:0;}
#LEFT ul li						{border:1px solid #2f343e; position:relative;background:#383e49;}
#LEFT ul li:not(:last-child)	{border-bottom:none;}
#LEFT ul li.active a.dph1		{background:#4c515d; color:#FFF;}
#LEFT ul li a					{position:relative; display:block; white-space:nowrap; text-decoration:none; color:#9aa3a8; height:50px; width:100%; transition:all 0.15s ease-in-out;}
#LEFT ul li a:hover				{background:#4c515d; color:#fff;}
#LEFT ul li a *					{height:100%; display:inline-block;}
#LEFT ul li a i					{text-align:center; width:50px; z-index:999999;}
#LEFT ul li a i.fa				{line-height:50px; border-right:1px solid #2f343e;}
#LEFT ul li a span				{font:16px celmonHG_20; color:#FFFFF; font-weight:600; padding-left:25px; line-height:50px; transition: opacity 0.1s ease-in-out;}

/* Show & Hide - 2018.06.25 : FUUNY*/
#LEFT li div.caption			{margin:0; color:#333333; font-weight:600; background-image:url('../img/common/leftMenu_arrow_down.png'); background-position:180px center; background-repeat:no-repeat;}
#LEFT li.active div.caption		{background-image:url('../img/common/leftMenu_arrow_up.png');}
#LEFT ul li ul.dph2 li			{height:40px; line-height:40px; transition:all 0.15s}
#LEFT ul li ul.dph2 li:hover	{background: #4c515d; height:40px;}
#LEFT ul li ul.dph2 li a		{font-size:13px; line-height:40px; margin-left:50px; background:none;}
#LEFT ul li ul.dph2 li a:hover	{color:#fff; margin-left:40px; background:none;}
#LEFT ul li ul.dph2 li.selected a	{color:#fcdc02;}


/* Profile */
#LEFT .profile					{padding:15px 5px 20px; text-align:center; background:#383e49; color:#fff}
#LEFT .profile .name			{display:block; margin-top:7px; font:13px NanumSquareR; color:#FFF}
#LEFT .profile .logout			{position:absolute; top:5px; right:5px; padding:1px 4px; border:1px solid #CCC; border-radius:2px; font:10px NanumSquareR; color:#CCC; letter-spacing:0em;}
#LEFT .profile .logout:hover	{border:1px solid #fcdc02; color:#fcdc02;}

@media only screen and (max-width:980px) {
#LEFT							{display:none}
#LEFT.rmb						{position:fixed; left:auto; top:0; bottom:0; right:0px !important; margin:50px 0 0 0px; background:#383e49; z-index:100; transition:all 0.15s ease-in-out; overflow-y:auto; }
.dim.on							{display:block; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:99;} /* gnb 활성화되었을 때, 검정 배경 */

#LEFT.rmb::-webkit-scrollbar			{width:8px; height:8px; border:3px solid #000;}
#LEFT.rmb::-webkit-scrollbar-track		{background:#F2F2F2; -webkit-border-radius:10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,1)}
#LEFT.rmb::-webkit-scrollbar-thumb		{background:rgba(48,48,48,1); -webkit-border-radius:8px; border-radius:8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,1);}
}


/***************************************************************************************************************************************
*	CONTENTS : 2018.06.29 - FUNNY
***************************************************************************************************************************************/
#CONTENTS						{position:relative; width:100%; padding:70px 35px 35px 50px; transition:all .4s;}
#CONTENTS.lmb					{padding:50px 35px 35px 35px;}

#CONTENTS.main					{position:relative; width:100%; padding:0px 35px 35px 235px; transition:all .4s;}


/* LEFT Menu Slide Control  : 2018.06.29 - FUNNY */
#CONTENTS a[for="menu_state"] i				{cursor:pointer; position:absolute; top:12px; margin-left:-30px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); background:#fff; font-size:12px; display:flex;
											justify-content:center; align-items:center;
											height:25px; width:25px; border-radius:50%; border:1px solid #ddd; transition:width 0.15s ease-in-out; z-index:9999;}
#CONTENTS a[for="menu_state"] i::before		{margin-top:2px; margin-left:-2px; content:"\f053";}
#CONTENTS a[for="menu_state"] i:hover		{box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}


#CONTENTS.lmb a.slideArrow i				{cursor:pointer; position:absolute; top:12px;  margin-left:-30px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); background:#fff; font-size:12px; display:flex;
											justify-content:center; align-items:center;
											height:25px; width:25px; border-radius:50%; border:1px solid #ddd; transition:width 0.15s ease-in-out; z-index:9999;}
#CONTENTS.lmb a.slideArrow i::before		{margin-top:2px; margin-left:1px; content:"\f054";}
#CONTENTS.lmb a.slideArrow i:hover			{box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}

#CONTENTS H1								{position:absolute; top:26px; left:68px; font:26px celmonHG_60; color:#414141; font-weight:600; letter-spacing:4px;}
#CONTENTS H2								{position:absolute; top:22px; right:35px; font:18px celmonHG_20; color:#414141; font-weight:600;}
.incontents									{min-width:200px; display:block; width:100%; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); background:#fff; padding:40px 25px 40px 25px; transition: all 0.15s ease-in-out;}
.incontents:hover							{box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
.slide_finger								{display:none;}

@media only screen and (max-width:980px) {
#CONTENTS									{padding:10px 0px 0px 0px;}
#CONTENTS H2								{position:absolute; width:100%; height:45px; top:50px; font:15px/45px NanumSquareB; letter-spacing:-1px; color:#FFF; padding-left:10px; background:#4c515d;}
#CONTENTS H2:before							{content:''; clear:both; }
#CONTENTS section 							{display:inline-block; overflow-x:auto; padding:0px; width:100%;}
#CONTENTS section::-webkit-scrollbar		{width:8px; height:8px; border:3px solid #000;}
#CONTENTS section::-webkit-scrollbar-track	{background:#F2F2F2;}
#CONTENTS section::-webkit-scrollbar-thumb	{background:rgba(173,182,193,1); -webkit-border-radius:8px; border-radius:8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,1);}


.incontents									{box-shadow:none; padding:10px 5px;}
.incontents:hover							{box-shadow:none;}
.slide_finger								{display:inline-block; height:20px; font:11px/20px NanumSquareR; color:#FFF; background:#5e6b74; margin:3px auto; padding:0 10px}
}


/***************************************************************************************************************************************
*	FOOTER : 2020.04.03 - FUNNY
***************************************************************************************************************************************/
#FOOTER									{position:relative; width:100%; margin:20px auto 0 auto; padding:0px; transition:all .4s}
#FOOTER.lmb								{padding:0px;}

#FOOTER .section						{width:100%; height:35px; background:#FFF; border:1px solid #dedede;}

#FOOTER .section .footer_menu ul li		{float:left;}
#FOOTER .section .footer_menu ul li a	{display:inline-block; width:150px; text-align:left; line-height:35px; height:35px; font:11px/37px NanumSquareR; color:#999; text-indent:14px; border-right:1px solid #dedede; background:url(/img/common/arrow01.png) no-repeat; background-position:130px 12px; letter-spacing:-0.08em;}
#FOOTER .section .pathfolder			{float:right; font-size:13px; line-height:35px; letter-spacing:0; color:#AAA; margin-right:30px;}
#FOOTER address							{width:100%; padding:20px 0; margin:0 auto; clear:both; font:11px/18px NanumSquareR; color:#8c8e8f; text-align:center; letter-spacing:0em;}
#FOOTER .copyright						{width:100%; background:#EAEAEA; height:40px; clear:both; margin:0 auto; color:#8c8e8f; text-align:center; font:10px/40px Roboto; font-weight:500; text-transform:uppercase; letter-spacing:0em;}


/* H */
H6				{width:100%; font:16px/30px celmonHG_40; font-weight:600; color:#475156;}

/******************************************************************************************************************************************
*	List TAB : 2018.07.04 - FUNNY
*******************************************************************************************************************************************/
.listtabWRAP			{display:inline-block; width:100%; height:50px; overflow-x:auto; overflow-y:hidden; padding:0px;}
.tab_menu				{width:1000px; display:inline-block; margin:5px 0 4px 0;}
.tab_menu li			{float:left; background:#FFF; border:1px solid #d4d4d4; margin:0 3px 2px 0;}
.tab_menu li a			{font:11px/30px NanumSquareR; letter-spacing:0em; padding:0px 15px 0 15px; color:#999; text-decoration:none}
.tab_menu li a:hover	{color:#000}
.tab_menu li.selected	{background:#f7d808; border:1px solid #cab001;}
.tab_menu li.selected a	{color:#000; font:11px/30px NanumSquareB;}
.tab_menu li.nobrd		{float:left; background:#FFF; border:none !important; margin:0 3px 2px 0;}

.listtabWRAP::-webkit-scrollbar			{width:6px; height:6px; border:2px solid #DDD;}
.listtabWRAP::-webkit-scrollbar-track	{background:#FFF; }
.listtabWRAP::-webkit-scrollbar-thumb	{background:rgba(222,222,222,1); -webkit-border-radius:4px; border-radius:4px;}

/******************************************************************************************************************************************
*	List Paging - 2017.02.03 : FUNNY
*******************************************************************************************************************************************/
.listPaging						{clear:both; width:100%; margin:15px auto;}
.listPaging ul					{width:auto; text-align:center; margin:0}
.listPaging li					{display:inline-block; padding:2px 0;}
.listPaging a,
.listPaging strong				{display:inline-block; margin-right:4px; min-width:30px; max-width:30px; height:26px; line-height:26px; letter-spacing:-1px; cursor:pointer; border-radius:2px;}
.listPaging a:link,
.listPaging a:active,
.listPaging a:visited			{border:1px solid #E1E1E1; background:#FFFFFF; font:11px/26px Roboto; color:#666; text-align:center; text-decoration:none;}
.listPaging a:hover				{border:1px solid #999999; background:#EFEFEF; color:#000;}
.listPaging strong				{border:1px solid #cab001; background:#f7d808; font:11px/26px Roboto; font-weight:600; color:#755613;}
.listPaging a.pageBtn			{font-size:11px;}


/*******************************************************************************************************************************************
*	Responsive Table List : 2020.04.09 - FUNNNY
*******************************************************************************************************************************************/
/* LIST */
.RTL							{width:100%; padding:0px; border-spacing:0px; white-space:nowrap; table-layout:fixed;}
.RTL caption					{display:none;}

.RTL thead th					{height:34px; background:linear-gradient(to bottom,#FFFFFF 50%,#F4F4F4 50%); border:1px solid #d8d8d8; margin-bottom:3px;}
.RTL thead th					{color:#858585; font:11px NanumSquareR; text-align:center;}
.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.chked				{background:#fcdc02; transition:all 0.3s}
.RTL tbody tr.preclk			{background:#02d0fc; transition:all 0.3s}
.RTL tbody tr.theend			{background:#bcc0c8; 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					{color:#333; font:11px/18px NanumSquareR; letter-spacing:0em; text-align:center;}
.RTL tbody td strong			{color:#444; font:11px NanumSquareR; letter-spacing:0em; text-align:center;}
.RTL tbody td.nodata			{padding:16px 0 16px 0;color:#858585; font:12px/1.4em NanumSquareR; letter-spacing:1em;}
.RTL tbody td.NS				{white-space:normal !important; word-wrap:break-word; word-break:keep-all;} /* Appointed white-space:normal in TD */
.RTL tbody tr.red td				{color:#d61717; border:2px solid #d61717; transition:all 0.3s}
.RTL tbody tr.red td a			{color:#d61717;}
.RTL tbody td.mins				{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}



/* Responsive Table List Mode 1 */
.RTL1										{width:100%;}
.RTL1 caption								{display:none;}
.RTL1 > thead > * > *						{padding:5px 5px; text-align:center; border:none;}
.RTL1 > thead th							{height:34px; text-align:center; white-space:nowrap; background:linear-gradient(to bottom,#FFFFFF 50%,#F4F4F4 50%) !important; border:1px solid #d8d8d8; margin-bottom:3px; padding:0 5px; vertical-align:middle; font:12px NanumSquareR; color:#858585;}
.RTL1 > tbody > * > *						{border:1px solid #DDD; border-left-color:none; border-right-color:none; border-top-width:0; border-left-width:0; margin:0; padding:8px 5px; vertical-align:middle; font-size:12px; line-height:16px; }
.RTL1 > tbody > * > *:first-child			{border-left-width:0px;}
.RTL1 > tbody > *:first-child > *			{border-top-width:0px}
.RTL1 > tbody th							{text-align:left}
.RTL1 > thead > tr > th,
.RTL1 > thead > tr > td						{text-align:center;}

.RTL1 > tbody > tr.chked					{background:#fcdc02 !important; transition:all 0.3s}
.RTL1 > tbody > tr.preclk					{background:#02d0fc !important; transition:all 0.3s}
.RTL1 > tbody > tr.theend					{background:#bcc0c8 !important; transition:all 0.3s}

.RTL1 > tbody > tr > th,
.RTL1 > tbody > tr > td						{text-align:center; border-right-width:0px;}
.RTL1 > tfoot > tr > th,
.RTL1 > tfoot > tr > td						{text-align:center; background:#ffef81; padding:12px 5px; border-top:2px solid #b7c1cf; border-bottom:1px solid #b7c1cf}
.RTL1 > tbody > tr:nth-child(odd)			{background:#FFFFFF;}
.RTL1 > tbody > tr:nth-child(even)			{background:#F2F2F2;}
.RTL1 > tbody > tr:hover > td, 
.RTL1 > tbody > tr:hover th					{background-color:#FDFAD7;}
.RTL1 > tbody td img						{vertical-align:middle; display:inline-block;}


/* Responsive Table Write & View Mode */	
.RTWV										{width:100%;}
.RTWV caption								{display:none;}
.RTWV > tbody > * > *						{border-top:1px solid #DEDEDE; border-bottom:1px solid #DEDEDE; margin:0; padding:12px 5px; vertical-align:middle; font:12px NanumSquareR; background:#FFF; line-height:16px;}
.RTWV > tbody th							{text-align:center; background:#F1F1F3 !important;}
.RTWV > tbody > tr > th						{text-align:center;}
.RTWV > tbody > tr > td						{text-align:left; }
.RTWV > tbody > tr > td:hover 				{background:#FDFAD7;}
.RTWV > tbody > tr > td.nonhover:hover		{background:none !important}


/* Responsive Table List Mode 2 */
.RTL2										{width:100%;}
.RTL2 caption								{display:none;}
.RTL2 > thead > * > *						{padding:5px 5px; text-align:center; border:none;}
.RTL2 > thead th							{text-align:center; background:#aeb6c1 !important; vertical-align:middle; font:12px NanumSquareR; color:#FFF; line-height:16px;}
.RTL2 > tbody > * > *						{border:1px solid #DDD; border-left-color:none; border-right-color:none; border-top-width:0; border-left-width:0; margin:0; padding:5px; vertical-align:middle; font-size:12px; line-height:16px; }
.RTL2 > tbody > * > *:first-child			{border-left-width:1px}
.RTL2 > tbody > *:first-child > *			{border-top-width:0px}
.RTL2 > tbody th							{text-align:left}
.RTL2 > thead > tr > th,
.RTL2 > thead > tr > td						{text-align:center;}
.RTL2 > tbody > tr > th,
.RTL2 > tbody > tr > td						{text-align:center;}
.RTL2 > tfoot > tr > th,
.RTL2 > tfoot > tr > td						{text-align:center;}
.RTL2 > tbody > tr:nth-child(odd)			{background:#FFFFFF;}
.RTL2 > tbody > tr:nth-child(even)			{background:#F2F2F2;}
.RTL2 > tbody > tr:hover > td, 
.RTL2 > tbody > tr:hover th					{background-color:#f7ffed;}
.RTL2 > tbody td img						{vertical-align:middle; display:inline-block;}



/* WRITE 삭제 예정*/
.RTW							{width:100%; border-collapse:collapse; padding:0px; border-spacing:0px; border-top:1px solid #DEDEDE; background:#FFF;}
.RTW caption					{display:none;}
/*.RTW label.error				{position:absolute; width:200px; font:12px/32px NanumSquareR; color:#e52904;}*/
.RTW tbody th					{min-height:41px; padding:12px 7px; font:12px/16px NanumSquareR; letter-spacing:0em; text-align:center; background:#F1F1F3; border-bottom:1px solid #DEDEDE;}
.RTW tbody td					{min-height:41px; padding:12px 7px; font:11px/16px NanumSquareR; letter-spacing:0em; border-bottom:1px solid #DEDEDE;}
.RTW tbody td.addimg img		{max-width:30%;}

/* VIEW 삭제 예정*/
.RTV							{width:100%; border-collapse:collapse; padding:0px; border-spacing:0px;  background:#FFF; border-top:1px solid #DEDEDE;}
.RTV caption					{display:none;}
.RTV label.error				{position:absolute; width:200px; font:12px/32px NanumSquareR; color:#e52904;}
.RTV tbody th					{min-height:41px; padding:12px 7px; font:12px/16px NanumSquareR; letter-spacing:0em; text-align:center; background:#F1F1F3; border-bottom:1px solid #DEDEDE; }
.RTV tbody td					{min-height:41px; padding:12px 7px; font:12px/16px NanumSquareR; letter-spacing:0em; border-bottom:1px solid #DEDEDE;}


/* List Table in RTW & RTV 삭제 예정 */
.inRTL							{clear:both; width:100%; border-collapse:collapse; padding:0px; border-spacing:0px; border:0px;}
.inRTL caption					{display:none;}
.inRTL thead th					{min-height:25px; padding:5px 3px; font:11px/15px NanumSquareR; letter-spacing:-0.02em; text-align:center; background:#aeb6c1; border:1px solid #aeb6c1; color:#FFF;}
.inRTL tbody td					{min-height:25px; padding:5px 3px; font:11px/15px NanumSquareR; letter-spacing:-0.02em; text-align:center; background:#fff; border:1px solid #DDD;}
.inRTL tbody td em				{display:none;}

.inRTL tbody td.site > a div	{vertical-align:middle; }
.inRTL tbody td.num				{font-family:Tahoma; font-size:10px; font-weight:normal; text-align:right; COLOR: #666; letter-spacing:0em;}
.inRTL tbody td.num span.thissellp		{font-weight:bold; text-align:right; font-size:12px; COLOR:#0253c2; letter-spacing:-0.04em;}
.inRTL tbody td.num span.profitnloss	{font-family:Tahoma; font-size:10px; font-weight:normal; text-align:right; color:#fa5402; letter-spacing:0em;}


/* List Table in RTL */
.dbRTL							{clear:both; width:100%; border-collapse:collapse; padding:0px; border-spacing:0px; border:0px;}
.dbRTL caption					{display:none;}
.dbRTL thead th					{height:25px; padding:0px 3px; font:11px NanumSquareR; letter-spacing:-0.02em; text-align:center; background:#aeb6c1; border:1px solid #aeb6c1; color:#FFF;}
.dbRTL tbody td					{height:30px; padding:5px 10px; font:11px NanumSquareR; letter-spacing:-0.02em; text-align:center; background:#fff; border:1px solid #DDD;}
.dbRTL tbody td em				{display:none;}

/******************************************************************************************************************************************
*	페이지 도움말 Control
*******************************************************************************************************************************************/
.help_guide						{display:inline-block; width:100%;_width:100%; margin:0 0 10px 0; border:1px solid #ffe110; background:#ffef81; border-radius:2px; text-align:left;}
.help_guide span.ment			{display:inline-block; color:#b05a06; font:11px/16px NanumSquareR; padding:10px; letter-spacing:-0.5px;}
.help_guide_list li				{padding-left:14px; background:url("/img/icon/icon_helpdot.png") no-repeat 0 -2px; line-height:16px; margin-bottom:8px;}

.help_guide2					{display:inline-block; width:100%;_width:100%; margin:10px auto; background:#2e353d; border-radius:4px; text-align:left; color:#FFF; font:14px/18px NanumSquareR; padding:10px 15px; letter-spacing:-0.03em;}
.help_guide2 li					{padding-left:14px; line-height:25px}

.file_path						{display:inline-block; width:100%; margin:10px auto; background:#fdfbed; border:1px solid #fddd2c; border-radius:4px; text-align:left; color:#fe9705; font:12px/18px NanumSquareR; padding:10px 15px; letter-spacing:0px;}


/******************************************************************************************************************************************
*	List Top Calendar Box : 2020.04.09 - FUNNY
*******************************************************************************************************************************************/
.calBox					{display:inline-block; margin:0px auto; width:175px; height:32px; background:#aeb6c1; padding:0 5px; font:24px Roboto; font-weight:500; text-align:center; color:#FFF; letter-spacing:0em;}
.calBox	.arrow_pre		{display:inline-block; margin-left:10px;  width:16px; height:32px; background:url("/img/icon/icon_calarrow_pre.png") no-repeat 0 9px; text-indent:-9999em;}
.calBox	.arrow_next		{display:inline-block; margin-right:10px; width:16px; height:32px; background:url("/img/icon/icon_calarrow_next.png") no-repeat 0 9px; text-indent:-9999em;}


/* LIST TOP Monthly Sort 삭제 예정 */
.topRTL					{width:100%; float:right; height:50px; border-spacing:0px; border-bottom:1px solid #aeb6c1;}
.topRTL th				{width:200px; background:#aeb6c1; font:24px Roboto; font-weight:500; text-align:center; color:#FFF; letter-spacing:0em; border-radius:25px 25px 25px 0px;}
.topRTL td				{text-align:right; margin-top:10px; text-align:right; padding:10px 5px 10px 12px; font:12px NanumBarunGothic; text-align:center; color:#666; letter-spacing:0px;}
.topRTL th.Rposition	{background:#aeb6c1; font:24px Roboto; font-weight:500; text-align:center; color:#FFF; letter-spacing:0em; border-radius:25px 25px 0px 25px;} /* 우측으로 달 컨트롤 붙이기 */
.topRTL th.Cposition	{background:#aeb6c1; font:24px Roboto; font-weight:500; text-align:center; color:#FFF; letter-spacing:0em; border-radius:25px 25px 0px 0px;} /* 가운데로 단독 사용 */

/*******************************************************************************************************************************************
* JQUERY 강제 CSS 맞춤
*******************************************************************************************************************************************/
/* Input과 달력 아이콘 : 2018.07.05 - FUNNY */
.ui-datepicker-trigger		{vertical-align:-13px; margin-left:2px;}
.ui-datepicker				{z-index: 999 !important};

/* tui-grid.min.css : 2020.02.26 - FUNNY */
.grid						{background:#EFEFEF !important; color:#777; font-weight:bold;}
.grid_no					{color:#333; font-weight:normal;}
.grid_sky					{color:#008aff !important; font-weight:bold;}
.grid_red					{color:#ff6600 !important; font:16px Roboto; font-weight:500;}


/*******************************************************************************************************************************************
*	Data Control Area : 2020.04.03 - FUNNY
*******************************************************************************************************************************************/
/* STEP 1. Page Information Control */
.S1DCA								{display:inline-block; width:100%; margin:0px auto 5px auto; padding:5px 0px; border-bottom:1px solid #EDEDED;}
.S1DCA li							{display:inline-block; font-size:12px; vertical-align:middle; padding:2px 0; margin:0 0 0 6px;}
.S1DCA span.gap						{display:inline-block; padding:0 2px;}

/* STEP 2. Calendar, Select, Simple Search */
.S2DCA								{width:100%; margin:0px auto 5px auto; padding:0px; border-spacing:0px; border-collapse:collapse; vertical-align:middle;}
.S2DCA caption						{display:none;}
.S2DCA > tbody > tr > td			{padding:0 5px 0 0; line-height:0px}
.S2DCA > tbody > tr > td:last-child	{padding:0px;}
.S2DCA li							{display:inline-block; font-size:12px; vertical-align:middle; padding:2px 0; margin:0 8px;}




/*******************************************************************************************************************************************
*	Search Area : 2020.04.03 - FUNNY
*******************************************************************************************************************************************/
.search_area							{display:inline-block; width:100%; background:#FFF; margin:0px auto;}
.search_area .first_searchBox			{position:relative;  width:100%; height:32px; box-sizing:border-box; overflow:hidden;}

.search_area .before_search .indesign	{width:100%; padding:0 40px 0 10px; height:32px; font-size:13px}
.search_area .before_search .btn_search {position:absolute; right:0; top:0; width:40px; height:32px; background:transparent url('/img/icon/ic_search.png') center center no-repeat; background-size:18px;}
.search_area .before_search				{display:none; margin-right:100px; position:relative;}

.search_area .btn_detail				{position:absolute; right:0; top:0; line-height:32px; height:100%; padding:9px 0 0 11px; color:#FFF; z-index:3; font:12px NanumSquareR; box-sizing:border-box; background:#0494e4; width:100px;}
.search_area .btn_detail .arrow			{position:absolute; right:0; top:0; width:30px; height:100%; border-radius:0 5px 5px 0;}
.search_area .btn_detail .arrow:before	{content:''; width:2px; height:8px; position:absolute; left:50%; top:50%; background:#FFF; transform: rotate(45deg); -webkit-transform: rotate(45deg); margin:-4px 0 0 2px}
.search_area .btn_detail .arrow:after	{content:''; width:2px; height:8px; position:absolute; left:50%; top:50%; background:#FFF; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin:-4px 0 0 -3px}
.search_area .btn_open					{display:none}
.search_area .btn_open .arrow			{transform:rotate(0deg); -webkit-transform: rotate(0deg);}
.search_area .btn_close					{display:block;}
.search_area .btn_close .arrow			{transform:rotate(180deg); -webkit-transform: rotate(180deg);}

.search_area.if_closed .detail_searchBox{display:none}
.search_area.if_closed .excelBox{display:none}
.search_area.if_closed .btn_close		{display:none}
.search_area.if_closed .btn_open		{display:block}
.search_area.if_closed .before_search	{display:block}

/* Detail Search Box */
.detail_searchBox						{display:none; width:100%; background:#FFF; margin:0 auto;}
.detail_searchBox ul					{border-top:1px solid #0494e4; border-bottom:1px solid #0494e4; margin-top:0px; margin-bottom:10px; padding:15px 0px;}
.detail_searchBox li					{display:block; width:100%; border-bottom:1px solid #dedede;}
.detail_searchBox .sline				{display:table; width:100%; table-layout:fixed;}
.detail_searchBox .sline .optitle		{display:table-cell; vertical-align:middle; width:110px; height:42px; padding:5px 10px; text-align:left; font:11px NanumSquareR; background:#f3f3f3; }
.detail_searchBox .sline .value			{display:table-cell; vertical-align:middle; width:100%; padding:5px 10px; text-align:left; font:11px NanumSquareR; background:#FFF;}


/* Excel Box */
.excelBox					{display:inline-block; position: relative;width:100%; background:#FFF; margin:0 auto; border:#00ae34 solid 1px; padding:15px;
							-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.excelBox:after				{content: ''; position:absolute; border-style:solid; border-width:14px 10px 0; border-color:#00ae34 transparent; display:block; width:0; z-index:1; bottom:-14px; right:30px;}


.excelBox ul				{margin-top:0px; margin-bottom:0px; padding:0px 0px;}
.excelBox li				{display:block; width:100%; border-bottom:1px solid #EAEAEA;}
.excelBox li:last-child		{border-bottom:none;}
.excelBox .sline			{display:table; width:100%; table-layout:fixed;}
.excelBox .sline .optitle	{display:table-cell; vertical-align:middle; width:110px; height:42px; padding:10px 10px; text-align:center; font:11px NanumSquareR; background:#f3f3f3; letter-spacing:0em;}
.excelBox .sline .value		{display:table-cell; vertical-align:middle; width:100%; padding:10px 10px; text-align:left; font:11px NanumSquareR; background:#FFF;}

@media screen and (max-width:600px) {
	.excelBox .sline .value	{display:table-cell; margin:0 auto; text-align:center; vertical-align:middle; width:100%;}
}



/* calendar*/
.calendar_wrap {min-width: 750px; width:100%; }
.calendar{/*margin-top:50px;*/}
.calendar .title_btn .btn_right {display:none;}
.calendar .mark{background:none; text-align:right;}
.calendar .ul_list li strong:after {display:inline-block; content:":"; margin:0 5px;}
.calendar .box {text-align:center;margin-bottom:10px; padding:15px;}
.calendar .box .control{margin-bottom:20px;}
.calendar .box .control button{width:16px; height:27px; vertical-align:middle;cursor: pointer;}
.calendar .box .control button.prev{background:url(/img/common/calendar_control_prev.png) no-repeat; background-position:left 7px;}
.calendar .box .control button.prev:hover, .calendar .box .control button.prev:focus {background:url(/img/common/calendar_control_prev_on.png) no-repeat; background-position:left 6px;}
.calendar .box .control button.next{background:url(/img/common/calendar_control_next.png) no-repeat; background-position:right 6px;}
.calendar .box .control button.next:hover, .calendar .box .control button.next:focus {background:url(../img/common/calendar_control_next_on.png) no-repeat; background-position:right 6px;}
.calendar .box .control strong				{display:inline-block; margin:0 5px; vertical-align:middle; }
.calendar .box .control strong .point		{font-size:34px; color:#5db626;}
.calendar .box .month_txt {font-size:30px;margin-bottom: 5px;font-weight: bold;}

.calendar .box .month_btn li {display: inline-block; float: none; width: auto;margin: 0;}
.calendar .box .month_btn li a {display:inline-block; width:43px; height:43px; line-height:43px; border-radius:50%; background:#dcdcdc; text-align:center; color:#444; font-size: 15px; margin:0 9px;}
.calendar .box .month_btn li a {display:inline-block; width:43px; height:43px; line-height:43px; border-radius:50%; font-size: 15px; margin:0 3px;}

.calendar .box .month_btn					{overflow:hidden;}
.calendar .box .month_btn li a:hover		{background:#323a45; color:#fff;}
.calendar .box .month_btn li.active a		{background:#5db626; color:#fff;}


.calendar .title_btn .btn_right {display:block;}
.calendar .box .month_txt {font-size: 42px;}
.calendar .box .month_btn li a {margin: 0 2px;}
.calendar .table-responsive { /*border-right:1px solid #ddd;*/}
.calendar .table {width: 100%; border:0; border-top: 1px solid #b3b3b3; border-bottom: 0; text-align: left;} 
.calendar .table .sun { color: #e81e25; }
.calendar .table thead{display:table-row-group; text-align: center;}
.calendar .table thead th					{padding:15px 3px; color:#333; background:#f7f7f7; line-height:14px; font-weight:normal;}
.calendar .table tbody tr{display:table-row;}
.calendar .table tbody td{display:table-cell; width: auto; vertical-align: top; position: relative;}
.calendar .table thead th, .calendar .table tbody td{width:14%;}
.calendar .table th, .calendar .table td{border:1px solid #e5e5e5;}
.calendar .table tbody td{height:150px; padding: 15px;}
.calendar .table tbody td.empty { background: #f9f9f9; position: inherit;}
.calendar .table tbody td.today		{color:#FFF; background:#75be30; position:inherit; border:1px solid #6ab425;}
.calendar .table tbody td.holitoday		{color:#FFF; background:#efb42a; position:inherit; border:1px solid #d29a16;}
.calendar .table tbody td.vacation		{color:#FFF; background:#ef2a2a; position:inherit; border:1px solid #d21616;}
.calendar .table tbody td .day strong {font-size:16px;}
.calendar .table tbody td .day .specialday { font-size:14px;}
.calendar .table .holiday .day .specialday { display: inline-block; margin-left: 3px; color: #e81e25; }
.calendar .table tbody td .memo {padding-bottom: 10px;margin-top: 10px;}
.calendar .table tbody td .memo li {text-align:left; padding-left: 7px; background: url(/img/common/dot_purple.jpg) no-repeat; background-position: left 7px; line-height: 1.3; letter-spacing: -0.3px; font-size: 12px; }
.calendar .table tbody td .memo .chkok		{display:inline-block; width:50px; height:50px; text-align:center; background:#FFF; border-radius:50%; border:2px solid #6ab425; color:#6ab425; font-size:12px; line-height:50px;}
.calendar .table tbody td .memo .chkno		{display:inline-block; text-align:center; background:#f51f09; border-radius:3px; color:#FFF; font-size:12px; padding:2px 5px;}

.calendar .table tbody td .allNotice {font-size:11px;overflow: hidden;position: absolute;bottom: 15px; left: 13px;}
.calendar .table tbody td .allNotice span {display:inline-block;letter-spacing: -0.3px; background:none; padding-left:0; color:#595959;}
.calendar .table tbody td .allNotice span:nth-child(even) {background: url(/img/common/calendar_bar.jpg) no-repeat; background-position: 3px 2px; padding-left:8px;}
.calendar .table tbody td .allNotice span strong {display:inline-block; margin-right:4px; color: #222;}
.calendar .table tbody td .work {margin-top:0;}
.calendar .table tbody td .work span {font-size:12px; display: block;}
.calendar .table tbody td .work img {float:left; margin-right:10px;position: relative; top: 0;}
.calendar .table .sun {color:#e81e25;}
.calendar .table .holiday .day {font-weight:bold; color:#e81e25;}
.calendar .table .holiday .day strong {font-size:16px; color:#e81e25;}
.calendar .table .holiday .day .specialday {display:inline-block; font-size:13px; margin-left:3px; color:#e81e25;}
.calendar .table .sta{color:#0c52a1;}
.calendar .table .sta .day strong {color:#0c52a1;}




/* calendar end */


@media screen and (max-width: 750px) {
.calendar_wrap { width: 100%; min-width: 100%; }
.calendar .table-responsive{border-right:0}
.calendar .table{margin:0; border-bottom:1px solid #d2d2d2; min-width: 100%;}
.calendar .table thead{display:none;}
.calendar .table tbody tr{width:100%;}
.calendar .table tbody td{position:relative; display:block; width:100%; height: 100%; border-top:1px solid #e5e5e5; color:#4d4c4c; font-size:13px;}
.calendar .table tbody td > strong{}
.calendar .table tbody td > a{display:block; width:100%; height:100%; color:#4d4c4c;}
.calendar .table tbody td a:focus, .calendar .table tbody td a:hover{text-decoration:underline;}
.calendar .table tbody td .day span { display: contents; }
.calendar .table tbody td.empty {  display: none;}
.calendar .table tbody td.today { background: #5db626;}
.calendar .table tbody td.day strong {color:#000; font-size:16px;}
.calendar .table tbody td .day span {font-size: 13px; font-weight: bold; color: #000;letter-spacing: -0.6px;}
.calendar .table tbody td .work {margin-top: 10px;}
.calendar .table tbody td .work img {position:absolute; right:0;top: 15px;}
.calendar .table tbody td .work span {font-size:12px; /*display:inline-block;*/ color:#000;}
.calendar .table tbody td .work .data {font-weight:bold;}
.calendar .table tbody td .work .phase {margin-left: 3px;}
.calendar .table tbody td .memo {color:#32004b; font-size:11px; margin: 3px 0 5px;}
.calendar .table tbody td .memo li {padding-left:8px; background: url(/img/common/dot_purple.jpg) no-repeat; background-position: left 5px; line-height: 1.3; letter-spacing: -0.3px;}
.calendar .table tbody td .allNotice {font-size:11px; color:#a7a7a7;overflow: hidden;bottom: 0px; left: 0px; position: relative;}
.calendar .table tbody td .allNotice span {display:inline-block;letter-spacing: -0.3px; background: url(/img/common/calendar_bar.jpg) no-repeat; background-position: 3px 2px; padding-left:8px;}
.calendar .table tbody td .allNotice span:first-child {background:none; padding-left:0;}
.calendar .table tbody td .allNotice span strong {display:inline-block; margin-right:4px;}

.calendar .box .month_btn li {display:block;float: left;width: 32.8%;margin-right: 0.5%;margin-bottom: 0.5%;}
.calendar .box .month_btn li a {display:block; width:100%; height:35px; line-height:35px; border-radius:0; background:#ededed; text-align:center; color:#666; font-size: 13px; margin:0px;}
}

.dim-layer {  display: none;  position: fixed;  _position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 99999;}
/*.dim-layer .dimBg {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: #000;  opacity: .5;  filter: alpha(opacity=50);}*/
.dim-layer .pop-layers {  display: block;}
.pop-layers .pop-container {  padding: 10px 10px;}
.pop-layers .btn-r {  width: 100%;  margin: 10px 0 20px;  padding-top: 10px;  text-align: center;}
.pop-layers {  display: none;  position: absolute;  top: 20%;  left: 50%;  width: calc(100% - 50px);  max-width: 600px;  height: auto;  background-color: #fff;  border: 5px solid #F58220;  z-index:100;}


.fixTable {overflow:auto; overflow-x:hidden;}
.fixHeader {position:sticky; top:0;}

.inTbt tr td {height:38px !important;}
.inTbt tr:first-child td {border-top:0;}
.inTbt tr:last-child td {border-bottom:0;}
.inTbt tr td:first-child {border-left:0;}
.inTbt tr td:last-child {border-right:0;}




/* as_table */
.as_table .title {text-align:left;}
.as_table {width:100%; margin:0px auto; font-size:12px; box-sizing: border-box;}
.as_table thead {border-top: 1px solid #a9a9a9;}
.as_table thead th {background:#f8f8f8;padding:10px 10px; text-align:center; font-weight:500;border-right:1px solid #d8d8d8;}
.as_table thead th:last-child {border-right:none;}
.as_table tbody {border-top: 1px solid #a9a9a9;}
.as_table tbody th {background:#f8f8f8; text-align:center;}
.as_table tbody th, .as_table tbody td {padding:7px 7px; color:#333; font-weight:400; border-right:1px solid #d8d8d8; border-bottom: 1px solid #a9a9a9;}
.as_table tbody th:last-child, .as_table tbody td:last-child {border-right:none;}
.as_table tbody th.br {border-right:1px solid #d8d8d8;}
.as_table tbody td.ct {text-align:center;}




/* FDL Table */
.FDL					{width:100%; padding:0px; border-spacing:0px; white-space:normal; table-layout:fixed;}
.FDL td				{padding:2px 7px; height:34px; font-size:13px; cursor:pointer; border:1px solid #AAA; border-collapse:collapse; overflow:hidden; white-space:nowrap; text-overflow:clip;}
.FDL .lsttd			{background:#f2f2f2;}
.FDL tr:hover			{background:#a9cbf4; transition:all 0.3s;}
.FDL tr.chk			{background:#a9cbf4;}




.borderOn {border-right: 1px solid #222!important;}