@charset "utf-8";

@import url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);

@font-face{
	font-family:"Nanum Barun Gothic";
	src:url("../../font/NanumBarunGothic.eot");
	src:local(※), url("../../font/NanumBarunGothic.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}
@font-face{
	font-family:"Nanum Barun Gothic Bold";
	src:url("../../font/NanumBarunGothicBold.eot");
	src:local(※), url("../../font/NanumBarunGothicBold.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}
* {
   margin:0;
   padding:0;
   list-style:none;
   color:#666666;
   font-family: 'Nanum Barun Gothic', sans-serif;
   font-size:15px;
}

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 {display:none}
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; font-family:'arial'; line-height:0;}
ul.ufl > li		{float:left}
ul.ucb li		{clear:both}
.topMenu li:first-child,
.footer ul > li:first-child		{
	background-image:none;
	padding-left:0
}
.afl *			{float:left}
.bno            {border:none}
.btno           {border-top:none !important}
.brno           {border-right:none !important}
.bbno           {border-bottom:none !important}
.blno           {border-left:none !important}
.bgno           {background-image:none}
.poRe           {position:relative}
.poAb           {position:absolute}
.avt *          {vertical-align:top}
.avm *          {vertical-align:middle}
.clear:after, ul:after, .afl:after	{content:""; display:block; clear:both;}
.inlineB        {display: inline-block;}

/* css : 정렬 */
.al			{text-align:left !important}
.ac			{text-align:center !important}
.ar			{text-align:right !important}
.vt			{vertical-align:top}
.vm			{vertical-align:middle}
.vb			{vertical-align:bottom}

.fl        {float:left !important}
.fr        {float:right !important}
.cb        {clear:both !important}
.fn        {float:none; width:100%;}
.elli      {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;-moz-binding: url('ellipsis.xml#ellipsis');-o-text-overflow:ellipsis;}

/* css : text Style */
.n        {font-weight:normal}
.b        {font-weight:bold}
.u        {text-decoration:underline}
.font0    {font-size:0; font-family:'arial'; line-height:0;}
.fs11     {font-size:11px !important}
.fs12     {font-size:12px !important}
.fs13     {font-size:13px !important}
.fs14     {font-size:14px !important}
.fs16     {font-size:16px !important}
.fs18     {font-size:18px !important}
.fs20     {font-size:20px !important}
.ls1      {letter-spacing:-1px;}
.lh15     {line-height:15px}
.lh18     {line-height:18px}
.lh20     {line-height:20px}
.lh22     {line-height:22px !important}
.lh26     {line-height:26px}
.lh28     {line-height:28px}	
.lh30     {line-height:30px}

/* css : text Color */
.fcW      {color:#ffffff !important}
.fcB      {color:#474747 !important}
.fcB2     {color:#363636 !important}
.fcB3     {color:#333333 !important}
.fcB4     {color:#000000 !important}
.fcBl     {color:#1867b2 !important}
.fcG      {color:#b1b1b1 !important}
.fcG2     {color:#999999 !important}
.fcR      {color:#d8212a !important}
.fcBr     {color:#785600 !important}
.fcR2	  {color:#d8212a !important}

/* css : padding */
.p00     {padding:0px !important}
.p10     {padding:10px !important}
.p15     {padding:15px !important}
.p20     {padding:20px !important}
.p30     {padding:30px !important}

.pt00    {padding-top:0px !important}
.pt03    {padding-top:3px !important}
.pt05    {padding-top:5px !important}
.pt08    {padding-top:8px !important}
.pt10    {padding-top:10px !important}
.pt15    {padding-top:15px !important}
.pt20    {padding-top:20px !important}
.pt25    {padding-top:25px !important}
.pt30    {padding-top:30px !important}	
.pt35    {padding-top:35px !important}
.pt40    {padding-top:40px !important}
.pt45    {padding-top:45px !important}
.pt50    {padding-top:50px !important}

.pr00    {padding-right:0px !important}
.pr05    {padding-right:5px !important}
.pr10    {padding-right:10px !important}
.pr15    {padding-right:15px !important}
.pr20    {padding-right:20px !important}
.pr25    {padding-right:25px !important}
.pr30    {padding-right:30px !important}

.pb00    {padding-bottom:0px !important}
.pb05    {padding-bottom:5px !important}
.pb10    {padding-bottom:10px !important}
.pb15    {padding-bottom:15px !important}
.pb20    {padding-bottom:20px !important}
.pb25    {padding-bottom:25px !important}
.pb30    {padding-bottom:30px !important}
.pb40    {padding-bottom:40px !important}

.pl00    {padding-left:0px !important}
.pl05    {padding-left:5px !important}
.pl08    {padding-left:8px !important}
.pl10    {padding-left:10px !important}
.pl15    {padding-left:15px !important}
.pl20    {padding-left:20px !important}
.pl25    {padding-left:25px !important}
.pl30    {padding-left:30px !important}
.pl50    {padding-left:50px !important}
.pl55    {padding-left:55px !important}

/* css : margin */
.m00     {margin:0px}
.m10     {margin:10px}
.m20     {margin:20px}
.m30     {margin:30px}

.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}
.mt45    {margin-top:45px !important}
.mt50    {margin-top:50px !important}
.mt55    {margin-top:55px !important}
.mt60    {margin-top:60px !important}
.mt65    {margin-top:65px !important}

.mr00    {margin-right:0px}
.mr05    {margin-right:5px}
.mr10    {margin-right:10px}
.mr15    {margin-right:15px}
.mr20    {margin-right:20px}
.mr25    {margin-right:25px}
.mr30    {margin-right:30px}
.mr45    {margin-right:45px}

.ml00    {margin-left:0px !important}
.ml07    {margin-left:7px !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}
.ml35	 {margin-left:35px !important}
.ml40    {margin-left:40px !important}

.mb00    {margin-bottom:00px}
.mb05    {margin-bottom:5px}
.mb10    {margin-bottom:10px}
.mb15    {margin-bottom:15px}
.mb20    {margin-bottom:20px}
.mb25    {margin-bottom:25px}
.mb30    {margin-bottom:30px}
.mb35    {margin-bottom:35px}

.mt_01   {margin-top:-1px !important}
.mt_03   {margin-top:-3px !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}
.mt_35   {margin-top:-35px !important}
.mt_40   {margin-top:-40px !important}
.mt_70   {margin-top:-70px !important}
.mt_80   {margin-top:-80px !important}

.ml_05   {margin-left:-5px}
.ml_10   {margin-left:-10px}
.ml_15   {margin-left:-15px}
.ml_20   {margin-left:-20px}
.ml_25   {margin-left:-25px}
.ml_30   {margin-left:-30px}
.ml_50   {margin-left:-50px}


/* layer popup */
.dimm{position:fixed;top:0;left:0;bottom:0;right:0;z-index:95;background:#333;opacity:0.8;filter:alpha(opacity=80)}
.dimm.addLayer{position:fixed;top:0;left:0;bottom:0;right:0;z-index:101;background:#333;opacity:0.5;filter:alpha(opacity=80)}

/* input */
input[type='text'], 
input[type='password'], 
input[type='file'], 
textarea, select{
	display:inline-block; 
	padding:0 5px; 
    height:36px;
	line-height:36px; 
	box-sizing:border-box; 
	border:1px solid #e2e2e2;
	background-color:#fff;
	width:100%;
}
input[type='text'].off, 
input[type='password'].off, 
input[type='file'].off, 
textarea.off, select.off{
	background-color:#ebebeb
}
textarea{
	height:auto;
}
select {
	padding:5px 5px 7px;
	line-height:18px;
	font-size:14px;
}
/* css : size */
input.w05, .w05     {width:5% !important}
input.w10, .w10     {width:10% !important}
input.w15, .w15     {width:15% !important}
input.w18, .w18     {width:18% !important}
input.w20, .w20     {width:20% !important}
input.w25, .w25     {width:25% !important}
input.w30, .w30     {width:30% !important}
input.w35, .w35     {width:35% !important}
input.w40, .w40     {width:40% !important}
input.w48, .w48     {width:48% !important}
input.w50, .w50     {width:50% !important}
input.w54, .w54     {width:54px !important}
input.w56, .w56     {width:56% !important}
input.w60, .w60     {width:60% !important}
input.w70, .w70     {width:70% !important}
input.w80, .w80     {width:80% !important}
input.w90, .w90     {width:90% !important}
input.w100, .w100   {width:100% !important}
label {margin-right:15px;}