@charset "utf-8";

html{
	margin: 0 auto;
	height: 100%;
}
html>/**/body { overflow-y:scroll; }

body{
	padding: 0; margin: 0;
	font-family: "malgun gothic",Dotum,sans-serif;
	font-size: 12px;
	line-height: 1.2;
	text-align: left;
	color: #545454;
	height: 100%;
}
html,body
{
    height:100%;
}

form{margin: 0;}

input{margin: 0;padding: 0;outline:none;}


img{border: none;}

p{margin: 0; padding: 0; }

a				{color: #555555; text-decoration: none;}
a:link			{ }
a:visited		{ }
a:hover			{ }
a:active		{ }

div, ul, li, dl, dd, dt, p, table, th, td{padding: 0; margin: 0; font-size: 12px; word-break: break-all;}

ul, ul li{margin:0; padding:0; list-style: none;}

ol, ol li{margin:0; padding:0; list-style: none;}

dl, dl dt, dl dd{margin:0; padding:0; list-style: none;}

table{table-layout: fixed; border-collapse: collapse; word-break: break-all; border-spacing:0;  }

h1, h2, h3, h4, h5{margin:0; padding:0;}

h1{font-size:22px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}
h5{font-size:12px;}

hr{height: 0px; border-top: 1px solid #DEDEDE; border-left: 0px; border-bottom: 0px; border-right: 0px;}






/* Basic */
.hand			{cursor: hand; cursor: pointer;}
.default		{cursor: default !important;}
.text			{cursor: text;}
.none			{display: none !important;}
.block			{display: block !important;}
.hide			{visibility: hidden !important;}
.show			{visibility: visible !important;}
.scroll			{
	scrollbar-face-color:#FFFFFF;
	scrollbar-base-color:#FFFFFF;
	scrollbar-arrow-color:#7f7f7f;
	scrollbar-track-color:#F9F9F9;
	scrollbar-shadow-color: #FAFAFA;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#BEBEBE;
	scrollbar-darkshadow-color:#D1D1D1;
}


/* Layout */
.floatl			{float: left;}
.floatr			{float: right;}
.clearl			{clear: left;}
.clearr			{clear: right;}
.clearb			{clear: both;}
.pos_rel		{position: relative; z-index: 998;}
.pos_abs		{position: absolute; z-index: 999;}
.valignt		{vertical-align: top;}
.valignm		{vertical-align: middle;}
.valignb		{vertical-align: bottom;}
.pl0			{padding-left:0px !important;}
.pl1			{padding-left:1px !important;}
.pl2			{padding-left:2px !important;}
.pl3			{padding-left:3px !important;}
.pl4			{padding-left:4px !important;}
.pl5			{padding-left:5px !important;}
.pl6			{padding-left:6px !important;}
.pl7			{padding-left:7px !important;}
.pl8			{padding-left:8px !important;}
.pl9			{padding-left:9px !important;}
.pl10			{padding-left:10px !important;}
.pl11			{padding-left:11px !important;}
.pl12			{padding-left:12px !important;}
.pl13			{padding-left:13px !important;}
.pl14			{padding-left:14px !important;}
.pl15			{padding-left:15px !important;}
.pr0			{padding-right:0px !important;}
.pr1			{padding-right:1px !important;}
.pr2			{padding-right:2px !important;}
.pr3			{padding-right:3px !important;}
.pr4			{padding-right:4px !important;}
.pr5			{padding-right:5px !important;}
.pr6			{padding-right:6px !important;}
.pr7			{padding-right:7px !important;}
.pr8			{padding-right:8px !important;}
.pr9			{padding-right:9px !important;}
.pr10			{padding-right:10px !important;}
.pr11			{padding-right:11px !important;}
.pr12			{padding-right:12px !important;}
.pr13			{padding-right:13px !important;}
.pr14			{padding-right:14px !important;}
.pr15			{padding-right:15px !important;}

/* background */
.bggray         {background-color:#F0F0F0 !important;}
.bggray2        {background-color:#e7e7e7 !important;}
.bgred          {background-color:#FFECEC !important;}
.bgblue         {background-color:#d3dff8 !important;}
.bggreen        {background-color:#DBF0D9 !important;}
.bgcyan         {background-color:#EDFBEC !important;}
.bglemon        {background-color:#FEFBE4 !important;}

/* Font */ 
.mgothic		{font-family: malgun gothic, tahoma, sans-serif;}
.gulim			{font-family: Gulim, gulim, tahoma, sans-serif;}
.dotum			{font-family: Dotum, dotum, tahoma, sans-serif;}
.arial			{font-family: arial, arial, tahoma, sans-serif;}
.courier		{font-family: Courier, arial, tahoma, sans-serif;}
.tahoma		    {font-family: tahoma, sans-serif;}
.sans-serif	    {font-family: sans-serif;}
.batang			{font-family: Batang, batang, tahoma, sans-serif;}
.f1				{font-size:1px !important;line-height:1px !important;}
.f2				{font-size:2px !important;line-height:2px !important;}
.f3				{font-size:3px !important;line-height:3px !important;}
.f4				{font-size:4px !important;line-height:4px !important;}
.f5				{font-size:5px !important;line-height:5px !important;}
.f6				{font-size:6px !important;line-height:6px !important;}
.f7				{font-size:7px !important;line-height:7px !important;}
.f8				{font-size:8px !important;line-height:8px !important;}
.f9				{font-size:9px !important;line-height:9px !important;}
.f10			{font-size:10px !important;line-height:10px !important;}
.f11			{font-size:11px !important;line-height:11px !important;}
.f12			{font-size:12px !important;line-height:12px !important;}
.f13			{font-size:13px !important;line-height:13px !important;}
.f14			{font-size:14px !important;line-height:14px !important;}
.f15			{font-size:15px !important;line-height:15px !important;}
.f16			{font-size:16px !important;line-height:16px !important;}
.f17			{font-size:17px !important;line-height:17px !important;}
.f18			{font-size:18px !important;line-height:18px !important;}
.f19			{font-size:19px !important;line-height:19px !important;}
.f20			{font-size:20px !important;line-height:20px !important;}
.f21			{font-size:21px !important;line-height:21px !important;}
.f22			{font-size:22px !important;line-height:22px !important;}
.f23			{font-size:23px !important;line-height:23px !important;}
.f24			{font-size:24px !important;line-height:24px !important;}
.f25			{font-size:25px !important;line-height:25px !important;}
.f26			{font-size:26px !important;line-height:26px !important;}
.f27			{font-size:27px !important;line-height:27px !important;}
.f28			{font-size:28px !important;line-height:28px !important;}
.f29			{font-size:29px !important;line-height:29px !important;}
.f30			{font-size:30px !important;line-height:30px !important;}
.f31			{font-size:31px !important;line-height:31px !important;}
.f32			{font-size:32px !important;line-height:32px !important;}
.f33			{font-size:33px !important;line-height:33px !important;}
.f34			{font-size:34px !important;line-height:34px !important;}
.f35			{font-size:35px !important;line-height:35px !important;}
.n				{font-weight: normal !important;}
.b				{font-weight: bold; letter-spacing: -1px;}
.u				{text-decoration: underline;}
.s				{text-decoration: line-through;}
.i				{font-style: italic;}
.ls				{letter-spacing: -1px;}
.ls0			{letter-spacing: 0px;}
.ls1			{letter-spacing: 1px;}
.a_l			{text-align:left;}
.a_c			{text-align:center;}
.a_r			{text-align:right;}
.black			{color:#000 !important;}
.red1			{color:#FF7A59 !important;}
.red2			{color:#F9623C !important;}
.red3			{color:#DD0000 !important;}
.blue1			{color:#4095FF !important;}
.blue2			{color:#617BCD !important;}
.blue3			{color:#0836A3 !important;}
.green1			{color:#218D44 !important;}
.green2			{color:#4D7A16 !important;}
.purple1		{color:#A570D0 !important;}
.purple2		{color:Purple !important;}
.gray1			{color:#CACACA !important;}
.gray2			{color:#999999 !important;}
.gray3			{color:#545454 !important;}
.white1			{color:#FFFFFF !important;}
.white2			{color:#F9F9F9 !important;}
.orange1		{color:#E76100 !important;}
.yellow1		{color:Yellow !important;}
.lh1			{line-height:1px !important;}
.lh2			{line-height:2px !important;}
.lh3			{line-height:3px !important;}
.lh4			{line-height:4px !important;}
.lh5			{line-height:5px !important;}
.lh6			{line-height:6px !important;}
.lh7			{line-height:7px !important;}
.lh8			{line-height:8px !important;}
.lh9			{line-height:9px !important;}
.lh10			{line-height:10px !important;}
.lh11			{line-height:11px !important;}
.lh12			{line-height:12px !important;}
.lh13			{line-height:13px !important;}
.lh14			{line-height:14px !important;}
.lh15			{line-height:15px !important;}
.lh16			{line-height:16px !important;}
.lh17			{line-height:17px !important;}
.lh18			{line-height:18px !important;}
.lh19			{line-height:19px !important;}
.lh20			{line-height:20px !important;}
.lh21			{line-height:21px !important;}
.lh22			{line-height:22px !important;}
.lh23			{line-height:23px !important;}
.lh24			{line-height:24px !important;}
.lh25			{line-height:25px !important;}
.lh26			{line-height:26px !important;}
.lh27			{line-height:27px !important;}
.lh28			{line-height:28px !important;}
.lh29			{line-height:29px !important;}
.lh30			{line-height:30px !important;}

/* Mode */
.eng_only		{ime-mode:disabled;}
.kor			{ime-mode:active;}
.ucase			{text-transform:uppercase;}
.lcase			{text-transform:lowercase;}


/***** Gap *****/
div.gap{
	font-size:0px;
	line-height:0px;
	height:10px;
}

div.gap5{
	font-size:0px;
	line-height:0px;
	height:5px;
}
/* badge */
.badge {
	display:inline-block;	
	width:auto;
	height:20px; 	
	padding:0 4px 0 4px;
	border:1px solid #e1e5e9;
	border-radius: 3px;
	background-color:#e1e5e9;
	font-family: Dotum, dotum, tahoma, sans-serif;
	font-size:12px;
	font-weight:normal;	
	line-height:20px;
	letter-spacing:-1px;
	text-align:center;
}
.badge.badge-xxs { height:16px; padding:0 5px 0 2px; font-size:10px; line-height:16px; }
.badge.badge-xs { height:18px; padding:0 5px 0 4px; font-size:11px; line-height:18px; }
.badge.badge-s { height:20px; padding:0 5px 0 4px; line-height:20px; }
.badge.badge-m { height:26px; padding:0 6px 0 5px; line-height:26px; }
.badge.badge-l { height:30px; padding:0 8px 0 7px; font-size:13px; line-height:30px; }
.badge.badge-xl { height:40px; padding:0 11px 0 10px; font-size:14px; line-height:40px; }

span.badge.badge-gray2 { background:#b6c1ca; border-color: #b6c1ca; }
span.badge.badge-black { background:#9fa7af; border-color: #9fa7af; }
span.badge.badge-blue { background:#ebf2fa; border-color: #ebf2fa; }
span.badge.badge-blue2 { background:#b7eef7; border-color: #b7eef7; }
span.badge.badge-blue3 { background:#d4e7fc; border-color: #d4e7fc; color:#406997; }
span.badge.badge-red { background:#ffc0c6; border-color: #ffc0c6; }
span.badge.badge-green { background:#d0eed7; border-color: #d0eed7; color:#3b6946; }
span.badge.badge-yellow { background:#ffdc74; border-color: #ffdc74; }
span.badge.badge-orange { background:#ffc574; border-color: #ffc574; }
span.badge.badge-orange2 { background:#ffb88d; border-color: #ffb88d; }
span.badge.badge-purple { background-color:#edcbee; border-color: #edcbee; color:#5f505f; }
span.badge.badge-violet { background-color:#dacff7; border-color: #dacff7; color:#5b4670; }