/*width
------------------------------------*/
.width100 {width:100%;}
.width90 {width:90%;}
.width80 {width:80%;}
.width70 {width:70%;}
.width60 {width:60%;}
.width50 {width:50%;}
.width40 {width:40%;}
.width30 {width:30%;}
.width20 {width:20%;}
.width10 {width:10%;}

/*Heights
------------------------------------*/
.height-100 { min-height: 100px;}
.height-150 { min-height: 150px;}
.height-200 { min-height: 200px;}
.height-250 { min-height: 250px;}
.height-300 { min-height: 300px;}
.height-350 { min-height: 350px;}
.height-400 { min-height: 400px;}
.height-450 { min-height: 450px;}
.height-500 { min-height: 500px !important;}

/*no-Spaces
-----------------------------------*/
.no-spaces { margin:0 !important; padding: 0 !important;}

.no-padding {  padding: 0 !important;}
.no-padding-left {  padding-left: 0 !important;}
.no-padding-right {  padding-right: 0 !important;}
.no-padding-top {  padding-top: 0 !important;}
.no-padding-bottom {  padding-bottom: 0 !important;}

.no-top-space {  margin-top: 0 !important;  padding-top: 0 !important;}
.no-bottom-space {  margin-bottom: 0 !important;  padding-bottom: 0 !important;}
.no-left-space {  margin-left: 0 !important;  padding-left: 0 !important;}
.no-right-space {  margin-right: 0 !important;  padding-right: 0 !important;}
.no-margin {  margin: 0 !important;}

.content-xs {  padding-top: 20px;  padding-bottom: 20px;}
.content {  padding-top: 40px;  padding-bottom: 40px;}
.content-sm {  padding-bottom: 60px;}
.content-md {  padding-bottom: 80px;}
.content-lg {  padding-bottom: 100px;}

.space-lg-hor {  padding-right: 60px;}
.space-xlg-hor {  padding-right: 100px;}

.margin-bottom-5, 
.margin-bottom-10, 
.margin-bottom-15, 
.margin-bottom-20,
.margin-bottom-25, 
.margin-bottom-30, 
.margin-bottom-35, 
.margin-bottom-40, 
.margin-bottom-45, 
.margin-bottom-50, 
.margin-bottom-55, 
.margin-bottom-60,
.margin-bottom-100 { 
   clear:both;
}
.margin-bottom-5  { margin-bottom:5px;}
.margin-bottom-10 { margin-bottom:10px;} 
.margin-bottom-15 { margin-bottom:15px;}
.margin-bottom-20 { margin-bottom:20px;}
.margin-bottom-25 { margin-bottom:25px;}
.margin-bottom-30 { margin-bottom:30px;}
.margin-bottom-35 { margin-bottom:35px;}
.margin-bottom-40 { margin-bottom:40px;}
.margin-bottom-45 { margin-bottom:45px;}
.margin-bottom-50 { margin-bottom:50px;}
.margin-bottom-55 { margin-bottom:55px;}
.margin-bottom-60 { margin-bottom:60px;}
.margin-bottom-100 { margin-bottom:100px;}

/*Other Spaces*/
.margin-top-5 	{ margin-top: 5px;}
.margin-top-10 	{ margin-top: 10px;}
.margin-top-15 	{ margin-top: 15px;}
.margin-top-20 	{ margin-top: 20px;}
.margin-top-30 	{ margin-top: 30px;}
.margin-top-40 	{margin-top:40px;}

.margin-left-5 { margin-left: 5px;}
.margin-left-10 { margin-left: 10px;}
.margin-left-15 { margin-left: 15px;}
.margin-left-20 { margin-left: 20px;}
.margin-left-30 { margin-left: 30px;}
.margin-left-60 {margin-left:60px;}
.margin-left-M50 {margin-left:-50px;}

.margin-right-2 { margin-right: 2px;}
.margin-right-5 { margin-right: 5px;}
.margin-right-10 { margin-right: 10px;}
.margin-right-20 { margin-right: 20px;}
.margin-right-30 { margin-right: 30px;}
.margin-right-40 {margin-right:40px;}
.margin-right-50 {margin-right:50px;}
.margin-right-70 {margin-right:70px;}


@media (max-width: 768px) {
  .sm-margin-bottom-10 {    margin-bottom: 10px;  }
  .sm-margin-bottom-20 {    margin-bottom: 20px;  }
  .sm-margin-bottom-30 {    margin-bottom: 30px;  }
  .sm-margin-bottom-40 {    margin-bottom: 40px;  }
  .sm-margin-bottom-50 {    margin-bottom: 50px;  }
  .sm-margin-bottom-60 {    margin-bottom: 60px;  }
}

@media (max-width: 992px) {
  .md-margin-bottom-10 {    margin-bottom: 10px;  }
  .md-margin-bottom-20 {    margin-bottom: 20px;  }
  .md-margin-bottom-30 {    margin-bottom: 30px;  }
  .md-margin-bottom-40 {    margin-bottom: 40px;  }
  .md-margin-bottom-50 {    margin-bottom: 50px;  }
  .md-margin-bottom-60 {    margin-bottom: 60px;  }
}


.padding2 {padding:2px;}
.padding410{padding:4px 10px;}
.padding403{padding:4px 3px;}
.padding-left-10 {padding-left:10px;}
.padding-left-15 {padding-left:15px;}
.padding-right-5 {padding-right:5px;}
.padding-right-10 {padding-right:10px;}
.padding-right-15 {padding-right:15px;}
.padding-right-20 {padding-right:20px;}
.padding-right-40 {padding-right:40px;}
.padding-left-5 {padding-left:5px;}
.padding-left-10 {padding-left:10px;}
.padding-left-20 {padding-left:20px;}
.padding-left-40 {padding-left:40px;}
.padding-top-5 {padding-top:5px;}
.padding-top-10 {padding-top:10px;}
.padding-top-20 {padding-top:20px;}
.padding-top-30 {padding-top:30px;}
.padding-top-40 {padding-top:40px;}
.padding-bottom-5 {padding-bottom:5px;}
.padding-bottom-10 {padding-bottom:10px;}
.padding-bottom-20 {padding-bottom:20px;}



/*Text Colors
------------------------------------*/
.color-sea 			{color: #1abc9c;}
.color-red 			{color: #e74c3c;}
.color-aqua			{color: #27d7e7;}
.color-blue 		{color: #3498db;}
.color-grey1		{color: #d1d1d1;}
.color-grey2 		{color: #c8c8c8;}
.color-grey3 		{color: #95a5a6;}
.color-light-grey 	{color: #585f69;}
.color-dark 		{color: #555555;}
.color-darker 		{color: #333333;}
.color-green 		{color: #0385d2;}
.color-brown 		{color: #9c8061;}
.color-orange 		{color: #de5b00;}
.color-yellow 		{color: #f1c40f;}
.color-green 		{color: #2ecc71;}
.color-light-green 	{color: #79d5b3;}
.color-purple 		{color: #9b6bcc;}
.color-inherit 		{color: inherit;}
.color-dark-blue 	{color: #4765a0;}
.color-sky 			{color: #0385d2;}
.color-white 		{color: #ffffff;}
.color-black 		{color: #000000;}

/*Background Colors
------------------------------------*/
.bg-color-dark,
.bg-color-darker,
.bg-color-sea,
.bg-color-red,
.bg-color-aqua,
.bg-color-blue,
.bg-color-grey,
.bg-color-light,
.bg-color-green,
.bg-color-brown,
.bg-color-orange,
.bg-color-green1,
.bg-color-purple,
.bg-color-dark-blue,
.bg-color-light-grey,
.bg-color-light-green {
  color: #fff;
}
.bg-color-dark { background-color: #555 !important;}
.bg-color-darker { background-color: #222 !important;}
.bg-color-white { background-color: #fff !important;}
.bg-color-sea { background-color: #1abc9c !important;}
.bg-color-red { background-color: #e74c3c !important;}
.bg-color-aqua { background-color: #27d7e7 !important;}
.bg-color-blue { background-color: #3498db !important;}
.bg-color-grey { background-color: #95a5a6 !important;}
.bg-color-light { background-color: #f7f7f7 !important;}
.bg-color-green { background-color: #00d26d !important;}
.bg-color-brown { background-color: #9c8061 !important;}
.bg-color-orange { background-color: #e67e22 !important;}
.bg-color-green1 { background-color: #2ecc71 !important;}
.bg-color-purple { background-color: #9b6bcc !important;}
.bg-color-dark-blue { background-color: #4765a0 !important;}
.bg-color-light-grey1 { background-color: #dfdfdf !important;}
.bg-color-light-grey2 { background-color: #585f69 !important;}
.bg-color-light-green { background-color: #79d5b3 !important;}

/*Background Light*/
.bg-light {padding:10px 15px;margin-bottom:10px; background: #fcfcfc; border: solid 1px #e5e5e5;}
.bg-light:hover { border: solid 1px #bbb;}


/*Temperory Classes
------------------------------------*/
.square {background-color:#FC0;padding:2px 4px;text-align:center; font-weight:600; margin-bottom:1px; margin-right:0px;}

/*border Classes*/
td.no-border 	{border:none;}
.no-border 		{border:none;}
.border-1 		{border:solid 1px #e2e2e2;padding:10px;}
.border-2 		{border:solid 2px #e2e2e2;padding:10px;}
.border-t 		{border-top:solid 1px #e2e2e2;}
.border-b 		{border-bottom:solid 1px #e2e2e2;}
.border-b-black {border-bottom:solid 1px #000;}
.border-l 		{border-left:solid 1px #ccc;}
.border-r 		{border-right:solid 1px #ccc;}
.border-r-black {border-right:solid 1px #595a5f;}
.border-l-black {border-left:solid 1px #595a5f;}

/*font-size Classes*/
.fs20 	{	font-size:2.0em;}
.fs18 	{	font-size:1.8em;}
.fs16 	{	font-size:1.6em;}
.fs14 	{	font-size:1.4em;}
.fs12 	{	font-size:1.2em;}
.fs11 	{	font-size:0.9em;}
.fs11_1 {font-size:0.9em;line-height:1.2;}
.fs10	 {	font-size:0.8em;line-height:1.2em;}

.ffdotum{ font-family:dotum,"Helvetica Neue", Helvetica, Arial, sans-serif;}
.c {text-align:center;}
.l {text-align:left;}
.r {text-align:right;}


/*letter-spacing Classes*/
.letterS1 {letter-spacing:-1px;}
.letterS2 {letter-spacing:-2px;}

/*Display*/
.dp-none { display: none;}
.dp-block { display: block;}
.dp-table { display: table;}
.dp-inline-block { display: inline-block;}
.dp-table-cell {   display: table-cell;  vertical-align: middle;  }
.fl {float:left;}
.fr {float:right;}
.clear-both { clear: both;}


/*Rounded and Circle Classes
------------------------------------*/
.no-rounded { border-radius: 0 !important;}
.rounded { border-radius: 4px !important;}
.rounded-x { border-radius: 50% !important;}
.rounded-2x { border-radius: 10px !important;}
.rounded-3x { border-radius: 15px !important;}
.rounded-4x { border-radius: 20px !important;}
.rounded-sm { border-radius: 2px !important;}
.rounded-md { border-radius: 3px !important;}
.rounded-top { border-radius: 4px 4px 0 0 !important;}
.rounded-left { border-radius: 4px 0 0 4px !important;}
.rounded-right { border-radius: 0 4px 4px 0 !important;}
.rounded-bottom { border-radius: 0 0 4px 4px !important;}

/*Others
------------------------------------*/
.overflow-h { overflow: hidden;}
.overflow-a { overflow: auto;}
.overflow-hidden { overflow: hidden;}

.b {font-weight:bold;}

img.img-center,.img-center img {margin-left: auto; margin-right: auto;}


/* Webkit */
input::-webkit-input-placeholder {color: #333; }

/* Firefox 4-18 */
input:-moz-placeholder {color: #333; }

/* Firefox 19+ */
input::-moz-placeholder {color: #333; }

/* IE10+ */
input:-ms-input-placeholder {color: #333; }

#apDiv1 {
	position: absolute;
	left: 40%;
	top: 35%;
	width: 20%;
	height: 20%;
	z-index: 1;
}
#apDiv2 {
	position: absolute;
	left: 35%;
	top: 55%;
	width: 30%;
	height: 5%;
	z-index: 2;
}
.footer  { 
	clear:both; 
	width:100%; 
	text-align:center;
	padding:7px 0 ;
	background:#666; 
	color:#fff; 
	font-weight:bold; 
	bottom:0px;
}
.border-r{
	font-size: 14px;
}
#faultDiv{
	display: block;
	width: 80%;
	margin: 0 auto;
}	
#fmDiv{
	float: left;
	height: 300px;
}
#fmImg{
	top: 50%;
	position: absolute;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 200px;
}
.wvImg{
	position:relative;
	width: 100%;
}

@media(min-width:1200px){
		.mobileYn{
			margin-top: 10px;
		}
	}
	@media(max-width:800px){
		.mobileYn{
			margin-top: 15px;
		}
	}
	@media(max-width:800px){
		#faultDiv{
			width: 100%;
		}
	}
	@media(max-width:800px){
		#fmDiv{
			height: 135px;
		}
	}
	@media(max-width:800px){
		#fmImg{
			width: 110px;
		}
}