body {
	margin: 20px 0px 0px 0px;	
	color:#ffffff;
	font-family: "Roboto"; 
	font-weight: 300; 
	font-size: 14px; 
	line-height: normal; 
	text-align: center;
	background: #616161;
}

td {
	line-height: normal; 
}

b {
	font-weight:500;
}

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

img { border:0px;padding:0px;margin:0px; }

#c0 {
	
}

#c1 {
	position:absolute;
	left:50%;
	top:5%;
	transform:translate(-50%,0%);
	width: 60%;
	max-width:1220px;
	padding:0px;		
	text-align:left;
	margin-top:0px;
}

#left1 {
	float:left;
	width:49%;
	max-width:600px;
	text-align:center;
	margin:0 1% 0 0;
	position:relative;
	-webkit-box-shadow: 0px 0px 17px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 17px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 17px rgba(0,0,0,0.4);
}

#right1 {
	float:right;
	width:49%;
	max-width:600px;
	margin:0;
	position:relative;
	-webkit-box-shadow: 0px 0px 17px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 17px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 17px rgba(0,0,0,0.4);
}

.kep1 {
	width:100%;
	aspect-ratio: 1.2;
	position:relative;
	z-index:10;
	cursor: pointer;
}

.kep1 .img { width:100%; } 

.kep2 {
	width:100%;
	aspect-ratio: 1.2;
	position:absolute;
	background: rgba(255,255,255,0.8);
	z-index:999999999;
	color:#000;
	text-align:center;
	cursor: pointer;
}

.kep2-in {
	padding:14% 10% 0 10%;
}

.kep2 .orange {
	position:absolute;
	right:0;
	bottom:0;
	z-index:-10;
	width:250px;
}
.kep2 img {
	width:60%;
}
.kep2 .text {	
	z-index:999999;
	padding-top:10px;
	font-weight:400;
}

.orange {
	position:absolute;
	right:0;
	bottom:0;
	z-index:888888;
	width:250px;
}

.gomb {
	background: rgba(255,255,255,0.95);
	padding:26px 0px;
	text-align:Center;
}

.gomb a { 
	color:#111;
	font-size:18px;
	font-weight:500;
	padding:20px 30px;
}

#id1, #id2 { display:none; }

#id3, #id4 { display:none; }

div.sep {				
	height: 1px; display:block; clear:both;	margin:auto;
}


div.sep20 {				
	height: 20px; display:block; clear:both;	margin:auto;
}



@media screen and (max-width: 1024px) {
			
		#c1 {
			width: 80%;
		}		

}


@media screen and (max-width: 900px) {
			
		#c1 {			
			width: 90%;
		}

		.kep2-in {
			padding:10% 10% 0 10%;
		}

}

@media screen and (max-width: 600px) {

		#c1 {
			position:absolute;
			left:5%;
			top:15px;
			transform:translate(0%,0%);
			width: 90%;
			max-width:1220px;
			padding:0px;		
			text-align:left;
			margin-top:0px;
		}

		#left1 {
			float:none;
			width:100%;
			max-width:600px;
			text-align:center;
			margin:0 0 15px 0;
			position:relative;
			-webkit-box-shadow: 0px 0px 17px rgba(0,0,0,0.4);
			-moz-box-shadow: 0px 0px 17px rgba(0,0,0,0.4);
			box-shadow: 0px 0px 17px rgba(0,0,0,0.4);
		}

		#right1 {
			float:none;
			width:100%;
			max-width:600px;
			margin:0;
			position:relative;
			-webkit-box-shadow: 0px 0px 17px rgba(0,0,0,0.4);
			-moz-box-shadow: 0px 0px 17px rgba(0,0,0,0.4);
			box-shadow: 0px 0px 17px rgba(0,0,0,0.4);
		}
		
		.gomb {
			padding:20px 0px;
		}
		.gomb a { 
			font-size:19px;
			padding:15px 15px;
		}

}