.gamja_icon {
	height:80px;
	float:right;
	padding-top:60px;
	right:0px;
	margin-right:73px;
	}
	.family {
	padding-top:30px;
	float:right;
	right:300px;
	}
	.map-area {
		position: relative;
		width: 980px;
		margin: 0 auto;
	}

	.map-area .spot-list li.spot1 {
		top: 370px;
		left: 216px;
		background:#24c9e7;
	}
	
	.map-area .spot-list li.spot1ce {
		top: 50px;
		left: 216px;
		background:#24c9e7;
	}
	.map-area .spot-list li.spot2 {
		top: 370px;
		left: 400px;
		background:#2585d5;
	}
	.map-area .spot-list li.spot3 {
	  top: 370px;
		left: 585px;
		background:#21c5c7;
	}
	.map-area .spot-list li {

		position: absolute;
		width:150px;
	height:150px;
	text-align:center;
	border-radius: 100%;
	text-align: -webkit-match-parent;

	}
	.map-area2 {
		position: relative;
		width: 1200px;
		margin: 0 auto;
		padding-top:50px;
	}


	.map-area2 .spot-list2 li {
		position: relative;
		text-align:center;
		float:left;
		text-align: -webkit-match-parent;
		margin-left:30px;
		overflow:hidden;
		margin-bottom:30px;
		
	}


	.map-area3 {
		position: relative;
		width: 1200px;
		margin: 0 auto;
		padding-top:10%;
	}


	.map-area3 .spot-list3 li {
		position: relative;
		text-align:center;
		float:left;
		text-align: -webkit-match-parent;
		overflow:hidden;
		width:275px;
	}


	 .spot-list2 li  .list_info > .shadow{
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: url(/summer/images/bg_mask.png) repeat 0 0;
		display: none;
	}
	 .spot-list2 li a:hover .list_info  > .shadow {
	   
		display: block;
	}
	.spot-list2 .list_info {
	position: absolute;
		left: 1px;
		top: 1px;
		float: left;
		width: 240px;
		height: 240px;

	}
	.shadow > em {
		display: block;
		width: 120px;
		margin: 0 auto;
		padding: 12px 0;
		border: 2px solid #fff;
		font-size: 13px;
		margin-top:40%;
		text-align: center;
		color: #fff;
	}
	ol,ul {
		list-style: none;
		/*float:left;*/
	}
	
	.text {
	  position:relative;
	  width: 50%;
	  margin:0 auto;
	  padding: 70px 10px 20px 10px;
	  text-align:center;
	  font-size:30pt;
	  font-weight:bold;
	  border:1px solid #000;
	}
	.red {
		color:#ec1c2d;
	}
	.pt11 {
	width: 50%;
	  margin:0 auto;
	  padding: 10px;
	  text-align:center;
	font-size:11pt;
	color:#3e9ba9;
	}
	.pt_color {
		color:#04385a;
	}
	.pd15 {
	padding-top:15%;
	}

@font-face {
  font-family: 'NanumSquareR';
  font-style: normal;
  font-weight: 400;
  src: url('/summer/font/NanumSquareR.WOFF'); format('WOFF');
}

.map-area-sub {
		position: relative;
		width: 980px;
		margin: 0 auto;
	}
	.map-area-sub .spot-list li.spot1 {
		top: 332px;
		left: -30px;
		background:#24c9e7;
	}
	.map-area-sub .spot-list li.spot2 {
		top: 332px;
		left: 246px;
		background:#2585d5;
	}
	
	.map-area-sub .spot-list li {

	position: absolute;
	width:276px;
	height:70px;
	text-align:center;
	margin:0 auto;
	text-align: -webkit-match-parent;

	}

	.map-area-sub .spot-list li a {

	text-decoration:none;
	
	}
	.txt-align3{
	margin-top:25px;
	margin-left:30px;
	font-size:12pt;
	font-weight:bold;
	color:#ffffff;
	line-height:140%;
	}

	.txt-align4 {

		margin-top:42%;
		margin-left:39%;
		font-size:12pt;
		font-weight:bold;
		color:#ffffff;
		line-height:140%;

	}
	.absolute {
		position:absolute;
	}

	.map-area-btn {position: relative; width: 980px;margin: 0 auto;}

	.map-area-btn .spot-list li.spot1 {top: 792px;left: 28%;}
	.map-area-btn .spot-list li.spot1_malta {top: 90px;left: 28%;}	
	.map-area-btn .spot-list li.spot1_ec {top: 130px;left: 28%;}
	.map-area-btn .spot-list li.spot1_nz {top: 130px;left: 28%;}		
	.map-area-btn .spot-list li.spot1_aus {top: 155px;left: 28%;}	
	.map-area-btn .spot-list li.spot1_pp {top: 150px;left: 28%;}		
	.map-area-btn .spot-list li.spot1ce {top: 50px;left: 28%;}	
	.map-area-btn .spot-list li {position: absolute;text-align:center;margin:0 auto;text-align: -webkit-match-parent;}

	.map-area-btn .spot-list li a {text-decoration:none;}