body {

        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
		margin-bottom:0;
		padding:0 auto;
		margin:0 auto;
		/* background-image:url('https://inviteme.kr/bmf/images/bg.jpg'); */
		background-repeat:no-repeat;
		background-size:cover;
		background-color:#000;
		overflow:hidden;
		max-width:800px;

    }
	form {
		margin-top:6px;
        font-size: 15px;
	}
	fieldset {
		font-size: 12px;
		width:88%;
		margin: auto;
		text-align:left;
		}
	.swiper-container {
        width: 100%;
        margin: 0;
    }
    .swiper-slide {
		/* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;

    }
	
		.rslides {
		  position: relative;
		  list-style: none;
		  overflow: hidden;
		  width: 100%;
		  padding: 0;
		  margin: 0;
		  }

		.rslides li {
		  -webkit-backface-visibility: hidden;
		  position: absolute;
		  display: none;
		  width: 100%;
		  left: 0;
		  top: 0;
		  }

		.rslides li:first-child {
		  position: relative;
		  display: block;
		  float: left;
		  }

		.rslides img {
		  display: block;
		  height: auto;
		  float: left;
		  width: 100%;
		  border: 0;
		  }

	.left {
		text-align:left;	
		}

	ul{
				width:100%;
				list-style:none;
				padding:0;
				margin:0;
		}


		.block {
		  max-width: 800px;
		  width: 100%;
		  height: 100%;
		  float: left;
		  z-index: 10;
		  background-color: white;
		  overflow: hidden;
		}
		@media screen and (max-width: 599px) {
		  .block {
			max-width: 100%;
		  }
		}
		.block > div {
		  display: block;
		  position: relative;
		}
		.block > div:nth-child(1):before {
		  position: absolute;
		  left: 0;
		  top: 0;
		  background-color: #466970;
		  padding: 7.5px;
		  margin: 0;
		  color: white;
		}
		.block > div:nth-child(2):before {
		  position: absolute;
		  left: 0;
		  top: 0;
		  margin: 0;
		}
		}
		.block > div input + label {
		  cursor: pointer;
		  display: block;
		  -webkit-transition: background-color 0.25s ease-in-out 0.5s, color 0.25s ease-in-out 0.5s;
		  transition: background-color 0.25s ease-in-out 0.5s, color 0.25s ease-in-out 0.5s;
		}
		.block > div input ~ div {
		  visibility: hidden;
		  max-height: 0;
		  padding: 0;
		  opacity: 0;
		  -webkit-transition: all 0.5s ease-in-out 0.2s, opacity 0.25s ease-in-out 0.25s, padding 0s ease-in-out 0s;
		  transition: all 0.5s ease-in-out 0.2s, opacity 0.25s ease-in-out 0.25s, padding 0s ease-in-out 0s;
		}
		.block > div input ~ div p {
		  padding: 0 15px;
		}
		.block > div input:checked + label {
		  -webkit-transition: background-color 0s ease-in-out 0s;
		  transition: background-color 0s ease-in-out 0s;
		}
		.block > div input:checked ~ div {
		  display: block;
		  opacity: 1;
		  visibility: visible;
		  max-height: 100%;
		  -webkit-transition: all 0.5s ease-in-out 0.2s, opacity 0.25s ease-in-out 0.5s, padding 0s ease-in-out 0s;
		  transition: all 0.5s ease-in-out 0.2s, opacity 0.25s ease-in-out 0.5s, padding 0s ease-in-out 0s;
		}

		.details {
		  width: calc(100% - 400px - 15px);
		  float: right;
		  margin: 15px 15px 0 0;
		  padding: 15px;
		  background-color: #3399ff;
		}
		@media screen and (max-width: 599px) {
		  .details {
			float: left;
			width: calc(100% - 30px);
			margin: 15px;
		  }
		}
		.details * {
		  display: inline-block;
		  margin: 7.5px 0;
		  line-height: 20px;
		  color: white;
		}
		.details h1 {
		  font-size: 36px;
		  font-weight: bold;
		  line-height: 40px;
		  margin: 0;
		  clear: both;
		}
		.details a {
		  clear: both;
		  font-family: "FontAwesome", Sans-Serif;
		  font-size: 14px;
		  text-decoration: none;
		}
		.details a.follow {
		  float: left;
		  font-weight: bold;
		  background-color: #333333;
		  margin: 15px 0 0;
		  padding: 7.5px 15px;
		  cursor: pointer;
		}
		.details a.follow:before {
		  margin: 0 7.5px 0 0;
		}
		.details a.follow strong {
		  color: #99ccff;
		}
		.details a.follow:hover {
		  background-color: #66b3ff;
		}
		.details a.follow:hover strong {
		  color: #4d4d4d;
		}


	.bot {
				position: fixed;bottom:0px;display:none;width:100%;image-rendering: -webkit-optimize-contrast; transform: translateZ(0); backface-visibility: hidden;
				max-width:800px;z-index:1000;
		}


	.imagemap {position:relative;width:100%;}

	img{display:block;width:100%;}
	video{display:block;width:100%;border:0;}

	.pic_link01 {position:absolute; top: 8.4%; left: 3.7%; width: 30.7%; height: 14.5%;}
	.pic_link02 {position:absolute; top: 8.4%; left:34.7%; width:30.7%; height:14.5%;}
	.pic_link03 {position:absolute; top: 8.4%; left:65.7%; width:30.7%; height:14.5%;}

	.pic_link04 {position:absolute; top: 23%; left:3.7%; width:30.7%; height:14.5%;}
	.pic_link05 {position:absolute; top: 23%; left:34.7%; width: 23%; height: 32.3%;}
	.pic_link06 {position:absolute; top: 23%; left:65.7%; width:30.7%; height:14.5%;}

	.pic_link07 {position:absolute; top: 37.7%; left:3.7%; width:30.7%; height:14.5%;}
	.pic_link08 {position:absolute; top: 37.7%; left:34.7%; width:30.7%; height:14.5%;}
	.pic_link09 {position:absolute; top: 37.7%; left:65.7%; width:30.7%; height:14.5%;}

	.pic_link10 {position:absolute; top: 52.3%; left:3.7%; width: 30.7%; height: 14.5%;}
	.pic_link11 {position:absolute; top: 52.3%; left:34.7%; width:30.7%; height:14.5%;}
	.pic_link12 {position:absolute; top: 52.3%; left:65.7%; width:30.7%; height:14.5%;}

	.pic_link13 {position:absolute; top: 67%; left:3.7%; width:30.7%; height:14.5%;}
	.pic_link14 {position:absolute; top: 67%; left:34.7%; width: 23%; height: 32.3%;}
	.pic_link15 {position:absolute; top: 67%; left:65.7%; width:30.7%; height:14.5%;}

	.pic_link16 {position:absolute; top: 81.7%; left:3.7%; width:30.7%; height:14.5%;}
	.pic_link17 {position:absolute; top: 81.7%; left:34.7%; width:30.7%; height:14.5%;}
	.pic_link18 {position:absolute; top: 81.7%; left:65.7%; width:30.7%; height:14.5%;}


	.tour01 {position: absolute; top: 6%; left: 4%; width: 92%; height: 6%;}
	.tour02 {position: absolute; top: 14%; left: 4%; width: 92%; height: 6%;}
	.tour03 {position: absolute; top: 22%; left: 4%; width: 92%; height: 6%;}
	.tour04 {position: absolute; top: 30%; left: 4%; width: 92%; height: 6%;}
	.tour05 {position: absolute; top: 38%; left: 4%; width: 92%; height: 6%;}
	.tour06 {position: absolute; top: 46%; left: 4%; width: 92%; height: 6%;}
	.tour07 {position: absolute; top: 54%; left: 4%; width: 92%; height: 6%;}
	.tour08 {position: absolute; top: 62%; left: 4%; width: 92%; height: 6%;}
	.tour09 {position: absolute; top: 70%; left: 4%; width: 92%; height: 6%;}

	.link01 {position: absolute; top: 20%; left: 7%; width: 20%; height: 60%;}
	.link02 {position: absolute; top: 20%; left: 30%; width: 20%; height: 60%;}
	.link03 {position: absolute; top: 20%; left: 50%; width: 20%; height: 60%;}
	.link04 {position: absolute; top: 20%; left: 72%; width: 20%; height: 60%;}