/******************************************************************************************************************************************
*	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, NanumBarunGothicBold
				  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
*******************************************************************************************************************************************/
@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					{height:100%; font-family:/*'celmonKr',*/ 'NotoSansKr', 'NanumSquareR', 'Roboto', 'Apple Gothic', sans-serif; color:#545454; font-size:13px; font-weight:400; letter-spacing:-0.75px; line-height:1.5; font-style:normal;
						-webkit-text-size-adjust:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-text-size-adjust:none; -webkit-overflow-scrolling:touch; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-tap-highlight-color:transparent;
						/*font-variant-ligatures:normal; font-variant-caps:normal; font-variant-numeric:normal; font-variant-east-asian:normal;
						font-synthesis:none; text-rendering:optimizeLegibility; -moz-font-feature-settings: 'liga', 'kern';*/}

*,:after,:before		{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
table 					{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%}

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

.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					{text-align:center !important; padding:16px 0 16px 0 !important; color:#858585; font:12px/1.4em NanumBarunGothic !important; letter-spacing:0em !important;}

/* A class */
a	{selector-dummy: expression(this.hideFocus=true);
	text-decoration: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
a {blr: expression(this.onFocus=this.blur());}
a.DYcolor:hover		{color:#f2b600 !important;}


/* Font Color */
.IDcolor			{color:#f2b600 !important;}
.ATcolor			{color:#ca4410 !important;} /* Accent ID Color */
.Tcaution			{color:#d43d39 !important;}
.Torange			{color:#f58604 !important;}
.Tblack				{color:#111111 !important;}
.Twhite				{color:#FFFFFF !important;}
.Tblue				{color:#0973f6 !important;}
.Tskyblue			{color:#33C7D8 !important;}
.Tdeepsky			{color:#34a2f7 !important;}
.Tgreen				{color:#4dc74d !important;}
.Tlightgray			{color:#888888 !important;}
.Tgray				{color:#645761 !important;}
.Tdeepgray			{color:#444444;}
.Tflu_green			{color:#4dc74d;}
.Tflu_lightgreen	{color:#acfc00;}


/* Font Size */
.C12				{font:12px celmonKr_medium; letter-spacing:-0.07em;}
.C12B				{font:12px celmonKr_bold; letter-spacing:-0.1em;}
.C13				{font:13px celmonKr_medium; letter-spacing:-0.08em;}
.C13B				{font:13px celmonKr_bold; letter-spacing:-0.1em;}
.C14				{font:14px celmonKr_medium; letter-spacing:-0.08em;}
.C14B				{font:14px celmonKr_bold; letter-spacing:-0.1em;}
.C15				{font:15px celmonKr_medium; letter-spacing:-0.08em;}
.C15B				{font:15px celmonKr_bold; letter-spacing:-0.08em;}

.N10				{font:10px NanumBarunGothic; letter-spacing:0em;}
.N11				{font:11px NanumBarunGothic; letter-spacing:0em;}
.N12				{font:12px NanumBarunGothic; letter-spacing:0em;}
.N11B				{font:11px NanumBarunGothicBold; letter-spacing:0em;}
.N12B				{font:12px NanumBarunGothicBold; letter-spacing:0em;}
.N13				{font:13px NanumBarunGothic; letter-spacing:0em;}
.N14				{font:14px NanumBarunGothic; letter-spacing:0em;}
.N14B				{font:14px NanumBarunGothicBold; letter-spacing:0em;}
.N16B				{font:16px NanumBarunGothicBold; letter-spacing:0em;}

.R9					{font:9px Roboto; letter-spacing:0em;}
.R10				{font:10px Roboto; letter-spacing:0em;}
.R10B				{font:10px Roboto; font-weight:600; letter-spacing:0em;}
.R11				{font:11px Roboto; letter-spacing:0em;}
.R11B				{font:11px Roboto; font-weight:600; letter-spacing:0em;}
.R12				{font:12px Roboto; letter-spacing:0em;}
.R12B				{font:12px Roboto; font-weight:700; letter-spacing:0em;}
.R12BB				{font:12px Roboto; font-weight:700; letter-spacing:0em;}
.R13				{font:13px Roboto; letter-spacing:0em;}
.R13B				{font:13px Roboto; font-weight:500; letter-spacing:0em;}
.R14				{font:14px Roboto; letter-spacing:0em;}
.R14B				{font:14px Roboto; font-weight:500; letter-spacing:0em;}
.R16B				{font:16px Roboto; font-weight:500; letter-spacing:0em;}
.R20B				{font:20px Roboto; font-weight:700; letter-spacing:0em;}
.R24B				{font:24px Roboto; font-weight:700; letter-spacing:0em;}

.H14				{font:14px celmonHG_40; letter-spacing:-0.05em;}
.H22				{font:22px celmonHG_40; letter-spacing:-0.05em;}

.B24				{color:#222; text-decoration:none; font:24px Batang, Dotum !important; letter-spacing:-0.10em; padding:0; margin:0}

.won, .won a		{color:#AAA; text-decoration:none; font:11px NanumBarunGothic; letter-spacing:-0.10em; padding:0 0 0 0.08em; margin:0}

/* Font Decoration */
.b {font-weight:bold !important;}
.n {font-weight:normal !important;}
.u {text-decoration:underline !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%}
#CONTAINER						{position:relative; min-height:100%; padding:0; background-color:#edf0f5}
#HEADER							{border:none; background-color:#232832;}
#HEADER .inheader				{min-height:50px; margin:0;}


/***************************************************************************************************************************************
*	HEADER : 2018.06.29 - FUNNY
***************************************************************************************************************************************/
#HEADER H1						{display:inline-block; width:290px; height:40px; line-height:40px; margin:0px; background:url(../img/common/logo.png) 20px 5px no-repeat; }
#HEADER H1 a					{display:inline-block; margin:10px 0 0 20px; width:80px; height:30px; line-height:30px; text-indent:-1000em;}
#HEADER H1 em					{display:inline; font:10px/50px celmonHG_80; color:#80838b; margin:0px 0 0 10px; vertical-align:7px;}

/* ÃÖ»óÀ§ ¸Þ´º */
.CMN_global_menu				{Z-INDEX:104; position:relative; float:right; top:15px;}
@media only screen and (max-width:790px) {
.CMN_global_menu				{display:none}
}
.CMN_global_menu *				{margin:0; padding:0;}
.CMN_global_menu ul				{float:left;}
.CMN_global_menu li				{display:inline; float:left; padding:0 8px 0 8px; height:11px; border-left:1px solid #48505d;}
.CMN_global_menu li:first-child	{border-left:0;}
.CMN_global_menu li:last-child	{margin-right:10px;}

.CMN_global_menu li				{color:#BFC4D7; margin:0; float:left; font:11px/14px NanumBarunGothic; letter-spacing:0em; text-decoration:none;}

.CMN_global_menu img			{border:0;}
.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 div.layer					{position:absolute; left:0; z-index:3000; _text-align:left; display:none;}
.CMN_global_menu li.selectLayer					{position:relative; margin-right:10px}
.CMN_global_menu li.selectLayer a				{padding-right:12px;}
.CMN_global_menu li.selectLayer span			{padding-right:12px;}
.CMN_global_menu li.selectLayer a.arrow			{position:absolute; right:0; top:0; padding:0; width:13px; height:13px; background:url(../img/common/common_top.png) no-repeat -567px 0px; text-indent:-1000em}
.CMN_global_menu li.selectLayer a.arrow.active	{background-position:-587px 0px}
.CMN_global_menu li.selectLayer div.layer		{text-align:center; padding:15px 0 5px 0; width:120px; background:#292f3b; border-right:1px solid #343a45; border-bottom:1px solid #343a45; border-left:1px solid #343a45; border-radius:0 0 5px 5px;}
.CMN_global_menu li.selectLayer div.layer a		{margin:0; padding:0 8px; background:none; line-height:28px; *zoom:1; float:left; width:100%; color:#999; letter-spacing:0em;}
.CMN_global_menu li.selectLayer div.layer a:hover{text-decoration:underline; color:#FFF;}


/***************************************************************************************************************************************
*	LEFT : 2018.06.29 - FUNNY
***************************************************************************************************************************************/
#LEFT							{position:absolute; top:0; bottom:0; left:200px; width:200px; margin:50px 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:13px/40px NanumBarunGothic; 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:20px 25px 28px; text-align:center; background:#383e49; color:#fff}
#LEFT .profile .link			{display:inline-block}
#LEFT .profile .name			{display:block; margin-top:7px; font:20px celmonHG_20; font-weight:700; color:#FFF; text-shadow:1px 1px 2px rgba(0,0,0,0.9)}


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

/* 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; 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; 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 H2								{position:absolute; top:16px; font:18px celmonHG_20; color:#414141; font-weight:600; padding-left:5px;}
.incontents									{min-width:300px; 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: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);}

/***************************************************************************************************************************************
*	FOOTER : 2018.06.29 - FUNNY
***************************************************************************************************************************************/
#FOOTER									{width:100%; margin-top:60px; background:#F3F3F3; transition:all .4s}
#FOOTER .section						{width:100%; height:35px; background:#FFF; border-top:1px solid #dedede; border-bottom:1px solid #dedede; margin:0;}
#FOOTER .section .inner					{width:100%; height:35px; margin:0 auto; text-align:center; border-left:1px solid #dedede; border-right:1px solid #dedede;}
#FOOTER .section .footer_menu			{float:left;}
#FOOTER .section .footer_menu ul li		{float:left;}
#FOOTER .section .footer_menu ul li a	{display:block; width:150px; text-align:left; line-height:35px; height:35px; font:11px/37px NanumBarunGothic; 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:11px/30px Tahoma; letter-spacing:0.12em; color:#AAA; margin-right:30px;}
#FOOTER address							{width:100%; padding:20px 0; margin:0 auto; clear:both; font:11px/18px NanumBarunGothic; 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:11px/40px Roboto; font-weight:500; text-indent:14px;}


/*************************************************************************************************************************
*	EDCON : 2018.04.03 - FUNNY
**************************************************************************************************************************/
.at_top {
	background: rgba(255, 255, 255, 0.9) url(/img/common/edcon_top.png) no-repeat scroll 10px 6px / 20px 30px;
	cursor:pointer;
	bottom:105px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16);
	color: transparent;
	text-indent:-9999em;
	height:40px;
	overflow: hidden;
	position: fixed;
	right:-70px;
	text-align:center;
	width:40px;
	z-index:9;
	opacity:.7;
	-webkit-transition:right .3s ease-out;
	-moz-transition:right .3s ease-out;
	-o-transition:right .3s ease-out;
	-ms-transition:right .3s ease-out;
	transition:right .3s ease-out;
	-webkit-transition:.3s ease-out;
	-moz-transition:.3s ease-out;
	-o-transition:.3s ease-out;
	-ms-transition:.3s ease-out;
	transition:.3s ease-out
}

.at_top.on		{right:10px;}
.at_top:hover	{opacity:1; -webkit-transition:.3s ease-out; -moz-transition:.3s ease-out; -o-transition:.3s ease-out; -ms-transition:.3s ease-out; transition:.3s ease-out}


.at_down {
	background: rgba(255, 255, 255, 0.9) url(/img/common/edcon_down.png) no-repeat scroll 10px 6px / 20px 30px;
	cursor:pointer;
	bottom:60px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16);
	color: transparent;
	text-indent:-9999em;
	height:40px;
	overflow: hidden;
	position: fixed;
	right:-70px;
	text-align:center;
	width:40px;
	z-index:9;
	opacity:.7;
	-webkit-transition:right .3s ease-out;
	-moz-transition:right .3s ease-out;
	-o-transition:right .3s ease-out;
	-ms-transition:right .3s ease-out;
	transition:right .3s ease-out;
	-webkit-transition:.3s ease-out;
	-moz-transition:.3s ease-out;
	-o-transition:.3s ease-out;
	-ms-transition:.3s ease-out;
	transition:.3s ease-out
}

.at_down.on		{right:10px;}
.at_down:hover	{opacity:1; -webkit-transition:.3s ease-out; -moz-transition:.3s ease-out; -o-transition:.3s ease-out; -ms-transition:.3s ease-out; transition:.3s ease-out}

/* H */
H6				{width:100%; font:16px/30px celmonHG_40; font-weight:600; color:#475156;}
H6 .subobj		{margin-left:20px; font:12px/30px NanumBarunGothic;  color:#d43d39;}
/******************************************************************************************************************************************
*	List TAB : 2018.07.04 - FUNNY
*******************************************************************************************************************************************/
.tab_menu				{width:100%; display:inline-block; border-bottom:1px solid #d4d4d4; margin-top:5px;}
.tab_menu li			{height:35px; _display:inline; display:inline-block;float:left; margin:-1px; background:linear-gradient(to bottom,#e5e4e4,#fbfbfb); border:1px solid #d4d4d4; border-radius:4px 4px 0 0;}
.tab_menu li span		{display:block;}
.tab_menu li a			{display:block; _float:left; font:11px/35px NanumBarunGothic; 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:linear-gradient(to bottom,#EEEEEE,#FFFFFF); border:1px solid #d4d4d4; border-radius:4px 4px 0 0px; border-bottom:1px solid #FFF;}
.tab_menu li.selected a	{color:#000; font:11px/35px NanumBarunGothicBold;}


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


/*******************************************************************************************************************************************
* Responsive Table List : 2018.07.04 - FUNNNY
*******************************************************************************************************************************************/
/* LIST */
.RTL							{position:relative; clear:both; width:100%;_width:100%; border-collapse:collapse; padding:0px; border-spacing:0px;}
.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 NanumBarunGothic; letter-spacing:-0.05em; text-align:center;}
.RTL tbody tr:nth-child(odd)	{background:#FFFFFF;}
.RTL tbody tr:nth-child(even)	{background:#F2F2F2;}
.RTL tbody tr:hover				{background:#FDFAD7; 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.clickclr			{background:#ffef81; border:2px solid #ffe110; border-radius:3px;}
.RTL tbody td					{border-bottom:1px solid #DEDEDE; padding:12px 7px; }
.RTL tbody td					{color:#757575; font:11px/18px NanumBarunGothic; letter-spacing:0em; text-align:center;}
.RTL tbody td strong			{color:#444; font:11px NanumBarunGothicBold; letter-spacing:0em; text-align:center;}

.RTL tbody td.nodata			{text-align:center; padding:16px 0 16px 0;color:#858585; font:12px/1.4em NanumBarunGothic; letter-spacing:1em;}

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


/* 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 NanumBarunGothic; color:#e52904;}

.RTW tbody th					{color:#757575; font:12px/18px NanumBarunGothic; letter-spacing:0em; text-align:center; background:#F1F1F3; border-bottom:1px solid #DEDEDE;}
.RTW tbody td					{padding:10px 7px; border-bottom:1px solid #DEDEDE; font:11px/18px NanumBarunGothic; color:#757575;}

/* 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 NanumBarunGothic; color:#e52904;}

.RTV tbody th					{color:#757575; font:12px/18px NanumBarunGothic; letter-spacing:0em; text-align:center; background:#F1F1F3; border-bottom:1px solid #DEDEDE;}
.RTV tbody td					{padding:12px 7px; font:12px/18px NanumBarunGothic; letter-spacing:0em; height:42px; border-bottom:1px solid #DEDEDE;}

/* List Table in RTW */
.inRTL							{width:100%; border:0px;  border-collapse:collapse; padding:0px; border-spacing:0px;}
.inRTL caption					{display:none;}
.inRTL thead th					{height:25px; background:#aeb6c1; border:1px solid #aeb6c1; font:11px NanumBarunGothic; text-align:center; color:#FFF; letter-spacing:-0.02em;}
.inRTL tbody tr:hover			{background:#FDFAD7; transition:all 0.3s; border:0px;}
.inRTL tbody td					{text-align:center; height:30px; padding:5px 3px; border:1px solid #DDD; font:11px NanumBarunGothic; color:#666; letter-spacing:-0.02em; background:#fff;}
.inRTL tbody td a				{color:#666; letter-spacing:-0.05em;}
.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;}


/******************************************************************************************************************************************
*	ÆäÀÌÁö µµ¿ò¸» Control
*******************************************************************************************************************************************/
.help_guide						{display:inline-block; width:100%;_width:100%; margin:0 0 10px 0; border:2px solid #ffe110; background:#ffef81; border-radius:4px; text-align:left;}
.help_guide span.ment			{display:inline-block; color:#b05a06; font:11px/18px NanumBarunGothic; padding:7px 5px 7px 5px; letter-spacing:-0.02em;}
.help_guide_list li				{padding-left:14px;background:url("/img/icon/icon_helpdot.png") no-repeat 0 0px; line-height:25px}

/* 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: 9 !important};