﻿* {font-family:'맑은 고딕','고딕';}
	.td        {font:normal 12pt 맑은 고딕; line-height:140%;}
	.std       {font:normal 12pt 맑은 고딕; line-height:140%;}	
	.bold      {font:bold   11pt 맑은 고딕; line-height:140%;}
	.td8       {font:normal 8pt 맑은 고딕; line-height:120%;}
	.td9       {font:normal 9pt 맑은 고딕; line-height:120%;}
	.td0       {font:normal 10pt 맑은 고딕; line-height:140%;}
	.td1       {font:normal 11pt 맑은 고딕; line-height:140%;}
	.td2       {font:normal 12pt 맑은 고딕; line-height:90%;}
	.td3       {font:normal 13pt 맑은 고딕; line-height:140%;}
	.td4       {font:normal 14pt 맑은 고딕; line-height:140%;}
	.td5       {font:normal 15pt 맑은 고딕; line-height:140%;}
	.td18      {font:bold    9pt 맑은 고딕; line-height:140%;}
	.td19      {font:bold   10pt 맑은 고딕; line-height:140%;}
	.td10      {font:bold   11pt 맑은 고딕; line-height:140%;}
	.td11      {font:bold   12pt 맑은 고딕; line-height:140%;}
	.td12      {font:bold   13pt 맑은 고딕; line-height:140%;}
	.td13      {font:bold   14pt 맑은 고딕; line-height:140%;}
	.td14      {font:bold   15pt 맑은 고딕; line-height:140%;}
	.td15      {font:bold   16pt 맑은 고딕; line-height:140%;}
	.td20      {font:bold   11pt 맑은 고딕; line-height:140%;}
	.td21      {font:bold   12pt 맑은 고딕; line-height:140%;}
	.td22      {font:bold   13pt 맑은 고딕; line-height:140%;}
	.td23      {font:bold   14pt 맑은 고딕; line-height:140%;}
	.td24      {font:bold   15pt 맑은 고딕; line-height:140%;}
	.td25      {font:bold   16pt 맑은 고딕; line-height:140%;}
	A:link     {font:normal 11pt 맑은 고딕; line-height:140%; color:#000066; text-decoration:none;     }
	A:visited  {font:normal 11pt 맑은 고딕; line-height:140%; color:#330033; text-decoration:none;     }
	A:alive    {font:normal 11pt 맑은 고딕; line-height:140%; color:#330033; text-decoration:none;     }
	A:hover    {font:normal 11pt 맑은 고딕; line-height:140%; color:#E35B5B; text-decoration:underline;}
	.on        {font:normal 11pt 맑은 고딕; background-color:#c0c0c0; BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 1px solid;  }
	.off       {font:normal 11pt 맑은 고딕; background-color:#FFFFCE; BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 1px solid;  }
	.exp_text  {font:normal 13pt 맑은 고딕; background-color:#eeeeee; BORDER-RIGHT: 0px dashed; BORDER-TOP: 0px dashed; BORDER-LEFT: 0px dashed; BORDER-BOTTOM: 1px solid #000000;}
	.exp_text1 {font:normal 13pt 맑은 고딕; background-color:#eeeeee; BORDER-RIGHT: 0px dashed; BORDER-TOP: 0px dashed; BORDER-LEFT: 0px dashed; BORDER-BOTTOM: 1px solid #c0c0c0;}
	.progress  {font:normal 13pt 맑은 고딕; width: 1px;	height: 14px;	color: white;	 overflow: hidden;	background-color: navy; padding-left: 5px}
	.box_radius {
			//background-color: #FFFFFF;
			padding: 6px;
			border: 1px solid #666666;
			border-radius: 9px 9px 9px 9px;
			-moz-border-radius: 9px 9px 9px 9px;
			-webkit-border-radius: 9px 9px 9px 9px;
			-o-border-radius: 9px 9px 9px 9px;
			<a name=""></a>
}
	.box_shadow {
			-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
			-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
			box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}

.btn { 
	display:block;
	width:90px;
	height:30px;
	line-height:10px;
	border:2px #999999 solid;;
	margin:10px auto;
	background-color: #BBBBBB;
	text-align:center;
	cursor: pointer;
	color:#333333;
	font-size: 16px;
	border-radius: 5px;
	transition:all 0.9s, color 0.3;
} 
.btn:hover{
	color:#fff;
}
.hover1:hover{
	box-shadow:200px 0 0 0 rgba(0,0,0,0.5) inset;
} 
.hover2:hover{
	box-shadow:-200px 0 0 0 rgba(0,0,0,0.5) inset;
} 
.hover3:hover{
	box-shadow: 0 80px 0 0 rgba(0,0,0,0.25) inset, 0 -80px 0 0 rgba(0,0,0,0.25) inset;
} 
.hover4:hover{
	box-shadow: 200px 0 0 0 rgba(0,0,0,0.25) inset, -200px 0 0 0 rgba(0,0,0,0.25) inset;
}
.sim-button{
	line-height: 50px;
	height: 50px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 125px;
	width: 60%;
	cursor: pointer;
}
.button1 {
	color: rgba(255,255,255,1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
	border: 1px solid rgba(255,255,255,0.5);
}
.button1 a{
	color: rgba(51,51,51,1);
	text-decoration: none;
	display: block;
}
.button1:hover {
	background-color: rgba(255,255,255,0.2);
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;	
}
.button2 {
	color: rgba(255,255,255,1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
	border: 1px solid rgba(255,255,255,0.5);
	overflow: hidden;
}
.button2 a{
	color: rgba(51,51,51,1);
	text-decoration: none;
	display: block;
}
.button2 span {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.button2:hover{
	background-color: rgba(255,255,255,0.2);
}
.button2:hover > span{
	opacity: 0;
	-webkit-transform: translate(0px,-40px);
	transform: translate(0px,-40px);
}
.button2::after{
	content: attr(data-text);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transform: translate(0, 30%);
	transform: translate(0, 30%);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;	
}
.button2:hover::after{
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.button3 {
	color: rgba(255,255,255,1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
	border: 1px solid rgba(255,255,255,0.5);
	overflow: hidden;
}
.button3 a{
	color: rgba(51,51,51,1);
	text-decoration: none;
	display: block;
}
.button3 span {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.button3:hover{
	background-color: rgba(255,255,255,0.2);
}
.button3:hover > span{
	opacity: 0;
	-webkit-transform: translate(0px,40px);
	transform: translate(0px,40px);
}
.button3::after{
	content: attr(data-text);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transform: translate(-30%, 0);
	transform: translate(-30%, 0);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;	
}
.button3:hover::after{
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.button4 {
	color: rgba(255,255,255,1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
	border: 1px solid rgba(255,255,255,0.5);
	overflow: hidden;
}
.button4 a{
	color: rgba(51,51,51,1);
	text-decoration: none;
	display: block;
}
.button4 > span {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.button4:hover{
	background-color: rgba(255,255,255,0.2);
}
.button4:hover > span{
	opacity: 0;
	-webkit-transform: translate(0px,40px);
	transform: translate(0px,40px);
}
.button4::after{
	content: attr(data-text);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transform: translate(-30%, -50%) rotate(-30deg);
	transform: translate(-30%, -50%) rotate(-30deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;	
	
}
.button4:hover::after{
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}


input:focus::-webkit-input-placeholder, 
textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ 
	color:transparent; 
}

input:focus:-moz-placeholder, 
textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:transparent; 
}

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ 
	color:transparent; 
} 

input:focus:-ms-input-placeholder, 
textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ 
	color:transparent; 
}