@charset "utf-8";

/* 폰트 */
@font-face {
font-family:ngwoff;
src:url('../fonts/NotoSansKR/NanumGothic.woff')
}
@font_face {
font-family:ngeot;
src:url('../fonts/NotoSansKR/NanumGothic.eot');
}
@font-face {
font-family:NanumGothic;
src:url('../fonts/NotoSansKR/NanumGothic.ttf');
}


img				{border:none; margin:0; padding:0; vertical-align:top;}
li				{list-style-type:none;}
hr,legend		{display:none;}
fieldset		{margin:0; padding:0; border:0;}

/* ie6 png */
.png24			{tmp:expression(setPng24(this));}

/* 폼 */
form			{margin:0;}
input			{vertical-align:middle;}
input.basic		{height:14px; border:1px solid #dddddd; color:#555555; padding:0px 2px;}
input.file		{height:18px; color:#555555; margin-bottom:3px;}

textarea		{vertical-align:middle; border:1px solid #C4C4C4; color:#555555; background-color:#ffffff; overflow:auto; padding:3px}
select			{height:19px; vertical-align:middle; font-size:11px; color:#555555; overflow:hidden;}
select.big		{height:25px; vertical-align:middle; font-size:13px; color:#555555; overflow:hidden;}

button			{border:0; padding:0; background:transparent; cursor:pointer; *overflow:visible;}

/* 링크 */
A:link			{color:#333; text-decoration:none;}
A:visited		{color:#333; text-decoration:none;}
A:active		{color:#333; text-decoration:none;}
A:hover			{color:#333; text-decoration:none;}
/*A:hover		{color:#363636; text-decoration:underline;}*/


/* width */
.wps_100{width:100%;}
.wps_50	{width:50%;}

.w_50	{width:50px;}
.w_100	{width:100px;}


/* padding */
.pad_t5		{padding-top:5px;}
.pad_t10	{padding-top:10px;}
.pad_t15	{padding-top:15px;}
.pad_t20	{padding-top:20px;}
.pad_t25	{padding-top:25px;}
.pad_t30	{padding-top:30px;}
.pad_t40	{padding-top:40px;}

.pad_r5		{padding-right:5px;}
.pad_r9		{padding-right:9px;}
.pad_r10	{padding-right:10px;}
.pad_r15	{padding-right:15px;}
.pad_r20	{padding-right:20px;}
.pad_r30	{padding-right:30px;}
.pad_r35	{padding-right:35px;}
.pad_r40	{padding-right:40px;}

.pad_b5		{padding-bottom:5px;}
.pad_b10	{padding-bottom:10px;}
.pad_b20	{padding-bottom:20px;}
.pad_b30	{padding-bottom:30px;}
.pad_b40	{padding-bottom:40px;}

.pad_l5		{padding-left:5px;}
.pad_l10	{padding-left:10px;}
.pad_l15	{padding-left:15px;}
.pad_l20	{padding-left:20px;}
.pad_l30	{padding-left:30px;}
.pad_l35	{padding-left:35px;}
.pad_l40	{padding-left:40px;}
.pad_l50	{padding-left:50px;}
.pad_l64	{padding-left:64px;}
.pad_l80	{padding-left:80px;}
.pad_l100	{padding-left:100px;}/* 20200420 추가 */
.pad_l120	{padding-left:120px;}
.pad_l125	{padding-left:125px;}
.pad_l130	{padding-left:130px;}
.pad_l207	{padding-left:207px;}
.pad_l388	{padding-left:388px;}
.pad_l490	{padding-left:490px;}

.pad_a10	{padding:10px;}
.pad_a0		{padding:0px;}
.pad_20     {padding:20px;}


/* margin */
.mar_t3	{margin-top:3px;}
.mar_t5	{margin-top:5px;}
.mar_t10	{margin-top:10px;}
.mar_t15	{margin-top:15px;}
.mar_t20	{margin-top:20px;}
.mar_t25	{margin-top:25px;}
.mar_t30	{margin-top:30px;}
.mar_t40	{margin-top:40px;}
.mar_t50	{margin-top:50px;}
.mar_t100	{margin-top:100px;}
.mar_t-5 {margin-top:-5px;}   
.mar_t-10 {margin-top:-10px;}   
.mar_t-15 {margin-top:-15px;} 
.mar_t-20 {margin-top:-20px;} 

.mar_r5	{margin-right:5px;}
.mar_r10	{margin-right:10px;}
.mar_r15	{margin-right:15px;}
.mar_r20	{margin-right:20px;}
.mar_r30	{margin-right:30px;}

.mar_b5		{margin-bottom:5px;}
.mar_b10	{margin-bottom:10px;}
.mar_b15	{margin-bottom:15px;}
.mar_b20	{margin-bottom:20px;}
.mar_b25	{margin-bottom:25px;}
.mar_b30	{margin-bottom:30px;}
.mar_b40	{margin-bottom:40px;}
.mar_b50	{margin-bottom:50px;}
.mar_b100	{margin-bottom:100px;}

.mar_l5		{margin-left:5px;}
.mar_l10	{margin-left:10px;}
.mar_l15	{margin-left:15px;}
.mar_l20	{margin-left:20px;}
.mar_l25	{margin-left:25px;}
.mar_l30	{margin-left:30px;}
.mar_l100	{margin-left:100px;}

.mar_a10	{margin:10px;}
.mar_a0		{margin:0px;}


/* 텍스트 크기 및 색상 */
.bold		{font-weight:bold;}
.normal	{font-weight:normal;}
.f_11		{font-size:11px;}
.f_12		{font-size:12px;}
.f_13		{font-size:13px;}
.f_15		{font-size:15px;}
.f_17		{font-size:17px;}
.f_18		{font-size:18px;}
.f_20		{font-size:20px;}
.f_24		{font-size:24px;}
.f_28		{font-size:28px;}
.f_30		{font-size:30px;}

.f_red		{color:#e43131;}
.f_white	{color:#ffffff;}
.f_gray	{color:#7a7a7a;}
.f_pink	{color:#d72977;}
.f_orange{color:#e76a4e;}
.f_lblue	{color:#1b85f1;}
.f_blue	{color:#00517e;}
.f_green	{color:#509a01;}
.f_brown	{color:#a0522d;}
.f_violet	{color:#765bc8;}
.f_purple	{color:#c236c7;}

.bg_green {background:#faffed;}
/* 정렬 */
.vmiddle	{vertical-align:middle;}
.vtop		{vertical-align:top;}
.vbottom	{vertical-align:bottom;}
.aleft		{text-align:left;}
.acenter	{text-align:center;}
.aright		{text-align:right;}
.floatleft	{float:left;}
.floatright	{float:right;}
.clear		{clear:both;}
.dpinline	{display:inline}
.none		{display:none}
.hidden		{visibility:hidden; height:0; width:0; font-size:0; position:absolute; left:-5000px;}

.underline	{text-decoration:underline;}


/* 기타 */
.border		{border:1px solid #cccccc;}


/* 테이블(기본) */
table,th,tr,td	{border-collapse:collapse;}
td				{font-weight:normal;}


/* 테이블 */
/* type1 */
.TB_type1					{clear:both; margin-bottom:10px; width:100%; border-top:2px solid #685747;}
.TB_type1 thead th		{padding:8px; text-align:center; background:#f3f3f3; border-left:1px solid #c6baaf; border-bottom:1px solid #c6baaf;}
.TB_type1 tbody th,		
.TB_type1 tbody td		{padding:8px; height:3em; text-align:center; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.TB_type1 tbody th.bg,	
.TB_type1 tbody td.bg	{background:#f3f3f3;}
.TB_type1 tbody th.line,
.TB_type1 tbody td.line {padding:5px 0 4px; text-align:center; border-left:1px solid #7c8fc6; border-bottom:1px solid #7c8fc6;}
.TB_type1 tbody td.noline {padding:5px 0 4px; text-align:center; border-bottom:1px solid #fff;}
.TB_type1 thead th.fir, 
.TB_type1 tbody th.fir,
.TB_type1 tbody td.fir	{border-left:0;}
.TB_type1 tbody td.aleft{text-align:left; padding:8px 11px;}

.TB_type1_1					{clear:both; margin-bottom:10px; width:100%; border-top:2px solid #685747;}
.TB_type1_1 th		{padding:8px; text-align:center; background:#eee; border-left:1px solid #c6baaf; border-bottom:1px solid #c6baaf;}
.TB_type1_1 tbody th,		
.TB_type1_1 tbody td		{padding:8px; height:3em; text-align:center; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.TB_type1_1 tbody th.bg,	
.TB_type1_1 tbody td.bg	{background:#f3f3f3;}
.TB_type1_1 tbody th.line,
.TB_type1_1 tbody td.line {padding:5px 0 4px; text-align:center; border-left:1px solid #7c8fc6; border-bottom:1px solid #7c8fc6;}
.TB_type1_1 tbody td.noline {padding:5px 0 4px; text-align:center; border-bottom:1px solid #fff;}
.TB_type1_1 thead th.fir, 
.TB_type1_1 tbody th.fir,
.TB_type1_1 tbody td.fir	{border-left:0;}
.TB_type1_1 tbody td.aleft{text-align:left; padding:8px 11px;}

/* type2 */
.TB_type2					{clear:both; margin-bottom:10px; width:100%; border-top:2px solid #685747;}
.TB_type2 thead th		{padding:25px 10px; text-align:center; background:#f3f3f3; border-left:1px solid #c6baaf; border-bottom:1px solid #c6baaf;}
.TB_type2 tbody th,		
.TB_type2 tbody td		{padding:25px 10px; line-height:1.5em; text-align:center; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.TB_type2 tbody th.bg,	
.TB_type2 tbody td.bg	{background:#f3f3f3;}
.TB_type2 tbody th.line,
.TB_type2 tbody td.line {padding:5px 0 4px; text-align:center; border-left:1px solid #c6baaf; border-bottom:1px solid #c6baaf;}
.TB_type2 tbody td.noline {padding:5px 0 4px; text-align:center; border-bottom:1px solid #fff;}
.TB_type2 thead th.fir, 
.TB_type2 tbody th.fir,
.TB_type2 tbody td.fir	{border-left:0;}
.TB_type2 tbody td.aleft{text-align:left; padding-left:20px;}

caption.list			{height:18px; text-align:right; padding-right:4px; line-height:12px;}
caption.title			{height:20px; text-align:center; font-weight:bold;}
caption.none		{display:none;}
caption.hidden		{visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0;}