﻿@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

* {
   margin:0;
   padding:0;
   list-style:none;
   color:#525252;
   font-family:'Nanum Gothic', 'dotum', '돋움';
   font-size:14px;
}
div, p, td, th, li {line-height:18px; vertical-align:middle;}
form {display:inline; margin:0; border:0; padding:0;}
table {border-collapse:collapse; table-layout:fixed; width:100%;}
img {vertical-align:middle;}
img, button {border:0px;}
caption {position:absolute;left:-50000000px;top:-5000000000px}
a {text-decoration:none;}
label, label * {vertical-align:middle}
a, span, select {vertical-align:top}

.hide			{display:none;}
.skip			{position:absolute;top:-3000%;left:-3000%}
ul.noline li	{font-size:0 !important; font-family:'arial' !important; line-height:0 !important;}
ul.ufl li		{float:left}
ul.ucb li		{clear:both}
.afl *			{float:left}
.bno            {border:none !important}
.btno           {border-top:none !important}
.brno           {border-right:none !important}
.bbno           {border-bottom:none !important}
.blno           {border-left:none !important}
.bgno           {background-image:none !important}
.poRe           {position:relative !important}
.poAb           {position:absolute !important}
.avt *          {vertical-align:top !important}
.avm *          {vertical-align:middle !important}
.clear:after	{content:""; display:block; clear:both;}

/* css : 정렬 */
.al			{text-align:left !important}
.ac			{text-align:center !important}
.ar			{text-align:right !important}
.vt			{vertical-align:top !important}
.vm			{vertical-align:middle !important}
.vb			{vertical-align:bottom !important}

.fl        {float:left !important}
.fr        {float:right !important}
.cl        {clear:left !important}
.cr        {clear:right !important}
.cb        {clear:both !important; font-size:0 !important; font-family:'arial' !important; line-height:0 !important;}
.fn        {float:none !important; width:100% !important;}
.elli      {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* css : text Style */
.n        {font-weight:normal !important}
.b        {font-weight:bold !important}
.u        {text-decoration:underline !important}
.font0    {font-size:0 !important; font-family:'arial' !important; line-height:0 !important;}
.fs10     {font-size:10px !important}
.fs11     {font-size:11px !important}
.fs12     {font-size:12px !important}
.fs13     {font-size:13px !important}
.fs14     {font-size:14px !important}
.fs15     {font-size:15px !important}
.fs16     {font-size:16px !important}
.fs17     {font-size:17px !important}
.fs18     {font-size:18px !important}
.fs19     {font-size:19px !important}
.fs20     {font-size:20px !important}
.ls0      {letter-spacing:0 !important;}
.ls1      {letter-spacing:-1px !important;}
.ls2      {letter-spacing:-2px !important;}
.lh13     {line-height:13px !important}
.lh15     {line-height:15px !important}
.lh20     {line-height:20px !important}
.lh24     {line-height:24px !important}
.lh25     {line-height:25px !important}
.txt      {line-height:24px;padding:5px 0 0 10px}

/* css : text Color */
.fcW      {color:#ffffff !important}
.fcB      {color:#222222 !important}
.fcG      {color:#999999 !important;}
.fcR      {color:#ff0101 !important;}
.fcBl     {color:#025ead !important;}

/* css : size */
.w100    {width:100% !important}
.h100    {height:100px !important}

/* css : padding */
.p00     {padding:0px !important}
.p10     {padding:10px !important}
.p15     {padding:15px !important}
.p20     {padding:20px !important}
.p30     {padding:30px !important}

.t00     {padding-top:0px !important}
.t03     {padding-top:3px !important}
.t05     {padding-top:5px !important}
.t08     {padding-top:8px !important}
.t10     {padding-top:10px !important}
.t15     {padding-top:15px !important}
.t20     {padding-top:20px !important}
.t25     {padding-top:25px !important}
.t30     {padding-top:30px !important}	
.t35     {padding-top:35px !important}
.t40     {padding-top:40px !important}
.t45     {padding-top:45px !important}
.t50     {padding-top:50px !important}

.r00     {padding-right:0px !important}
.r05     {padding-right:5px !important}
.r10     {padding-right:10px !important}
.r15     {padding-right:15px !important}
.r20     {padding-right:20px !important}
.r25     {padding-right:25px !important}
.r30     {padding-right:30px !important}

.b00     {padding-bottom:0px !important}
.b05     {padding-bottom:5px !important}
.b10     {padding-bottom:10px !important}
.b15     {padding-bottom:15px !important}
.b20     {padding-bottom:20px !important}
.b25     {padding-bottom:25px !important}
.b30     {padding-bottom:30px !important}
.b40     {padding-bottom:40px !important}

.l00     {padding-left:0px !important}
.l05     {padding-left:5px !important}
.l10     {padding-left:10px !important}
.l15     {padding-left:15px !important}
.l20     {padding-left:20px !important}
.l25     {padding-left:25px !important}
.l30     {padding-left:30px !important}
.l55     {padding-left:55px !important}

/* css : margin */
.m00     {margin:0px !important}
.m10     {margin:10px !important}
.m20     {margin:20px !important}
.m30     {margin:30px !important}

.mt00    {margin-top:0px !important}
.mt03    {margin-top:3px !important}
.mt05    {margin-top:5px !important}
.mt07    {margin-top:7px !important}
.mt10    {margin-top:10px !important}
.mt15    {margin-top:15px !important}
.mt20    {margin-top:20px !important}
.mt25    {margin-top:25px !important}
.mt30    {margin-top:30px !important}
.mt35    {margin-top:35px !important}
.mt40    {margin-top:40px !important}
.mt60    {margin-top:60px !important}
.mt75    {margin-top:75px !important}

.mr00    {margin-right:0px !important}
.mr10    {margin-right:10px !important}
.mr15    {margin-right:15px !important}
.mr20    {margin-right:20px !important}
.mr25    {margin-right:25px !important}
.mr30    {margin-right:30px !important}

.ml00    {margin-left:0px !important}
.ml05    {margin-left:5px !important}
.ml10    {margin-left:10px !important}
.ml15    {margin-left:15px !important}
.ml20    {margin-left:20px !important}
.ml25    {margin-left:25px !important}
.ml30    {margin-left:30px !important}

.mb00    {margin-bottom:00px !important}
.mb05    {margin-bottom:5px !important}
.mb10    {margin-bottom:10px !important}
.mb15    {margin-bottom:15px !important}
.mb20    {margin-bottom:20px !important}
.mb25    {margin-bottom:25px !important}
.mb30    {margin-bottom:30px !important}

.mt_05   {margin-top:-5px !important}
.mt_10   {margin-top:-10px !important}
.mt_15   {margin-top:-15px !important}
.mt_20   {margin-top:-20px !important}
.mt_25   {margin-top:-25px !important}
.mt_30   {margin-top:-30px !important}

.ml_05   {margin-left:-5px !important}
.ml_10   {margin-left:-10px !important}
.ml_15   {margin-left:-15px !important}
.ml_20   {margin-left:-20px !important}
.ml_25   {margin-left:-25px !important}
.ml_30   {margin-left:-30px !important}


/* layer popup */
.dimm{position:fixed;top:0;left:0;bottom:0;right:0;z-index:95;background:#777 !important;opacity:0.8;filter:alpha(opacity=80)}
.dimm.addLayer{position:fixed;top:0;left:0;bottom:0;right:0;z-index:101;background:#777 !important;opacity:0.5;filter:alpha(opacity=80)}
/*
input[type='text'], 
input[type='password'], 
input[type='file'], 
textarea, select{
	display:inline-block; 
	padding:0 5px; 
	height:30px;
	line-height:30px; 
	box-sizing:border-box; 
	border:1px solid #878787;
	background-color:#fff
}
*/
select {
	padding:0 0 0 5px;
}

/* background */
.bgW {background-color:#fff !important}
.bgG {background-color:#fbfbfb !important}
.in      {border:#e6e6e6 solid 1px;padding:2px 3px 3px 3px;height:17px;line-height:17px;background-color:#fff;}
*+html .in      {border:#e6e6e6 solid 1px;padding:2px 3px 3px 3px;height:15px;line-height:17px;background-color:#fff;}