@charset "utf-8";

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

/* 기본 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
form,fieldset,legend,input,textarea,p,blockquote,th,td
{margin:0px; padding:0px; color:#222; font-family:'notokr','나눔 고딕','Nanum Gothic','맑은 고딕','Malgun Gothic','나눔바른고딕','NanumBarunGothic','dotum'; font-size:16px; letter-spacing:0px;}


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:16px; border:1px solid #dddddd; color:#555555; padding: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:#363636; text-decoration:none;}
A:visited		{color:#363636; text-decoration:none;}
A:active		{color:#363636; text-decoration:none;}
A:hover			{color:#363636; text-decoration:none;}
/*A:hover		{color:#363636; text-decoration:underline;}*/


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

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


/* padding */
.pt5		{padding-top:5px;}
.pt10	{padding-top:10px;}
.pt15	{padding-top:15px;}
.ad_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_a10	{padding:10px;}
.pad_a0		{padding:0px;}


/* 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_t65	{margin-top:65px;}
.mar_t70	{margin-top:70px;}
.mar_t100	{margin-top:100px;}
.mar_t165	{margin-top:165px;}

.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_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_a10	{margin:10px;}
.mar_a0		{margin:0px;}


/* margin */
.mt1  {margin-top:1px !important;}
.mt2  {margin-top:2px !important;}
.mt5  {margin-top:5px !important;}
.mt10  {margin-top:10px !important;}
.mt12  {margin-top:12px !important;}
.mt15  {margin-top:15px !important;}
.mt20  {margin-top:20px !important;}
.mt22  {margin-top:22px !important;}
.mt23  {margin-top:23px !important;}
.mt25  {margin-top:25px !important;}
.mt30  {margin-top:30px !important;}
.mt40  {margin-top:40px !important;}
.mt45  {margin-top:45px !important;}
.mt50  {margin-top:50px !important;}
.mt100  {margin-top:100px !important;}

.mt-20  {margin-top:-20px !important;}
.mt-40  {margin-top:-40px !important;}

.mb1  {margin-bottom:1px !important;}
.mb2  {margin-bottom:2px !important;}
.mb5  {margin-bottom:5px !important;}
.mb7  {margin-bottom:7px !important;}
.mb8  {margin-bottom:8px !important;}
.mb10  {margin-bottom:10px !important;}
.mb12  {margin-bottom:12px !important;}
.mb50 {margin-bottom:50px !important;}
.mb100 {margin-bottom:100px !important;}

.ml1  {margin-left:1px !important;}
.ml2  {margin-left:2px !important;}
.ml5  {margin-left:5px !important;}
.ml10  {margin-left:10px !important;}
.ml20  {margin-left:20px !important;}
.ml25  {margin-left:25px !important;}
.ml30  {margin-left:30px !important;}
.ml40  {margin-left:40px !important;}
.ml270  {margin-left:270px !important;}
.mr1  {margin-right:1px !important;}
.mr2  {margin-right:2px !important;}
.mr5  {margin-right:5px !important;}
.mr10  {margin-right:10px !important;}
.mr15  {margin-right:15px !important;}
.mr16  {margin-right:16px !important;}
.mr20  {margin-right:20px !important;}
.ml-10  {margin-left:-10px !important;}
.ml-20  {margin-left:-20px !important;}

.pt5  {padding-top:5px !important;}
.pt10  {padding-top:10px !important;}
.pt12  {padding-top:12px !important;}
.pt25  {padding-top:25px !important;}
.pt20  {padding-top:20px !important;}
.pt30  {padding-top:30px !important;}
.pt40  {padding-top:40px !important;}
.pt50  {padding-top:50px !important;}
.pt60  {padding-top:60px !important;}
.pt65  {padding-top:65px !important;}
.pt70  {padding-top:70px !important;}
.pt75  {padding-top:75px !important;}
.pt80  {padding-top:80px !important;}
.pt90  {padding-top:90px !important;}
.pt100  {padding-top:100px !important;}

.pb10  {padding-bottom:10px !important;}
.pb20  {padding-bottom:20px !important;}
.pb25  {padding-bottom:25px !important;}
.pb30  {padding-bottom:30px !important;}
.ptb40  {padding:40px 0 !important;}

.pl5  {padding-left:5px !important;}
.pl10  {padding-left:10px !important;}
.pl20  {padding-left:20px !important;}
.pl30  {padding-left:30px !important;}
.plr10 {padding:0 10px !important;}
.plr20 {padding:0 20px !important;}

/* 텍스트 크기 및 색상 */
.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_18		{font-size:18px;}
.f_20		{font-size:20px;}
.f_22		{font-size:22px;}
.f_24		{font-size:24px;}
.f_28		{font-size:28px;}

.f_red		{color:#e43131;}
.f_white	{color:#ffffff;}
.f_gray	{color:#7a7a7a;}
.f_pink	{color:#d72977;}
.f_orange{color:#e76a4e;}
.f_lblue	{color:#278fcf;}
.f_blue	{color:#278fcf;}
.f_green	{color:#043776;}
.f_brown	{color:#a0522d;}
.f_violet	{color:#765bc8;}
.f_purple	{color:#c236c7;}
.f_dgreen	{color:#1d7743;}


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


.h65{height:65px; }

/* 테이블(기본) */
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; height:3em;  text-align:center; background:#f9f9f9; border-left:0px solid #c6baaf; border-bottom:1px solid #c6baaf;}
.TB_type1 tbody th,		
.TB_type1 tbody td		{padding:8px; height:3em;   text-align:center; border-left:0px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.TB_type1 tbody th.bg,	
.TB_type1 tbody td.bg	{background:#f9f9f9;}
.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;}

/* type2 */
.TB_type2					{clear:both; margin-bottom:10px; width:100%; border-top:2px solid #53c71b;}
.TB_type2 thead th		{padding:8px;  height:2.5em; text-align:center; background:#f1fdeb; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.TB_type2 thead th.h		{padding:4px;  height:10px; text-align:center; background:#f1fdeb; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.TB_type2 tbody td		{padding:8px;height:2.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:#f9f9f9;}
.TB_type2 tbody th.line,
.TB_type2 tbody td.line {padding:5px 0 4px; text-align:center; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.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;}