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:#fff;
		max-width:1080px;
    }

	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: 1080px;
		  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: absolute;
				bottom:0px;
				width:100%;
		}
	.sidebar {
				position: fixed;
				bottom:15%;
				width:8.5%;
				max-width:65px;
				left:0px;
				z-index:1000;
		}
		.mappage {
				background-color:#fff;
				}

	.rslidecontainer{
				max-width:1080px;
	}
	.rslidexy {
				position:absolute; 
				top:10.378%; 
				left:5%; 
				width:90%; 
				height:72.879%;
	}

	.imagemap {position:relative;width:100%;}
	img{display:block;width:100%;}
	.link1 {position:absolute; top:0%; left:0%; width:100%; height:33.3%;}
	.link2 {position:absolute; top:33.3%; left:0%; width:100%; height:33.3%;}
	.link3 {position:absolute; top:66.6%; left:0%; width:100%; height:33.4%;}

	.kakaomap {position:absolute; top:17%; left:5%; width:90%; height:25%;}
	.homepage {position:absolute; top:85.7%; left:30%; width:40%; height:3.82%;}

	iframe {position:absolute; top:15%; left:10%; width:80%; height:60%; }

	button {position:fixed; top:0px; left:0px; }