a img {border: 0px currentColor; border-image: none;}html {margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;}body {margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; background-color:#fff;}div {margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;}a {margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;}img {margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; width: 100%;}a img {margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; width: 100%;}dl {margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;}dt {	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;}dd {margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;}ol {margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;}ul {margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;}li {	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; list-style: none;} img{vertical-align:top;}a:link {text-decoration: none;-webkit-tap-highlight-color : transparent; outline:none;} body {font-size: 12px;} .btn{cursor: pointer;}

.poppop {position:absolute;width:40.8%;top:34.6%;left:29.5%;z-index:9999;}
.poppop img{width:100%;height: auto;}    
.poppopbg {position:fixed; top:0; width:100%; height:100%; max-width:640px; background-color:rgba(0,0,0,0.5);z-index:9998;}


.container {background-color: #ffffff; width:100%; max-width:640px; height:auto; overflow: hidden; margin: 0 auto; }


/* 소셜 링크 + 푸터*/
.share {
	height:auto;width:100%; max-width:640px;
	border-bottom:0px #b8b8b7  solid;
	background-color:transparent;}

.share > ul {
	text-align:center;
	padding: 20px 0 30px 0;
	clear: both;
}
.share > ul li {
	clear: both;
	width:17%;
	height:auto;
	line-height: 0;
	padding:0px;
	margin: 0 7px;
	display:inline-block;
}

.share2 {
	height:auto;width:100%;
	border-bottom:0px #b8b8b7  solid;
	background-color:#ffffff;
	padding:30px 0 20px 0;
}
.share2 > ul {
	text-align:center;
	padding: 0 0 25px 0;
	clear: both;
}

.share2 > ul li {
	clear: both;
	width:15%;
	height:auto;
	line-height: 0;
	padding:0px;
	margin: 0 10px;
	display:inline-block;
}


.topbar { position:fixed; top:0; width:100%; max-width:640px; height:50px; background:rgba(255,255,255,1); border-bottom:1px solid #eeeeee; z-index:5;}
.topbar ul li:first-child {position:absolute; top:15px; left:15px;}
.topbar ul li.top-logo {text-align:center; margin:0 auto; max-height: 50px;}
.topbar ul li:last-child {position:absolute; top:15px; right:15px;}
.topmenu { display:none; position: fixed; top:50px; width:100%; max-width:640px; height:100%; background: rgba(1,1,1,0.7); z-index:9999; overflow-y: auto;}


.topmenu > ul {
float: left;
text-align:center;
padding: 5% 0 6% 0;
margin-bottom:10%;
clear: both;}

.topmenu > ul li {
clear: both;
width:27%;
height:auto;
line-height: 0;
padding:0px;
margin: 1% 1%;
display:inline-block;
}
.openmenu {cursor:pointer}
.closemenu {cursor:pointer}

.topmenu2 { display:none; position: fixed; top:50px; width:100%; max-width:640px; height:auto; border-bottom:1px solid #959595; background:rgba(255,255,255,.95);z-index:100;}
.topmenu2 > ul {
text-align:center;
padding: 5% 0;
clear: both;
}
.topmenu2 > ul li {
clear: both;
width:15%;
height:auto;
line-height: 0;
	padding:40px 0 10px 0;
margin: 0% 2%;
display:inline-block;
}

.openmenu2 {cursor:pointer}
.closemenu2 {cursor:pointer}

	
.swiper-container {overflow:hidden;}
.opax {opacity:0;}

.swiper-button-prev, .swiper-button-next {
    position: fixed !important;
    top: 50%;
    margin-top: -25px !important;
	weidth: 18px !important;
    height: 32px !important;
    opacity: .5;
    z-index: 20 !important;
}

.swiper-button-next {
    background: url('http://denod1397.cdn3.cafe24.com/spix/0524hk1/right.png') no-repeat !important;
}
.swiper-button-prev {
    background: url('http://denod1397.cdn3.cafe24.com/spix/0524hk1/left.png') no-repeat !important;
}
.swiper-pagination-fraction {
    position: fixed !important;
    left: 50% !important;
	bottom: 2.5% !important;
    margin-left: -35px;
    width: 70px !important;
    background-color: #202020;
    padding: 3px 0;
    border-radius:20px;
    font-size: 15px;
    color: #fff;
    opacity: .7;
}
.swiper-pagination-current {
    font-weight: bold;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#1d5e98;}


.rsvpbg {margin-top:-2px; background:#f3e7eb;}
.rsvp {width:65%; text-align:center; margin:0px auto; padding:15px 0 0px 0;}
.form-control{ opacity:1; margin:0 auto;
	display:block;width:90%; padding: 4% 5%; font-size:14px;line-height:1.428571429;
	color:#000000;vertical-align:middle;background-color:#ffffff;background-image:none;border:1px solid #91263b;border-radius:0px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	}
.form-control:focus{
	border-color:#000000;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(239,59,36,0.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(239,59,36,0.6)}
.form-control::-webkit-input-placeholder{color:#000000;}
.form-control[disabled],.form-control[readonly],fieldset[disabled]
.form-control{cursor:not-allowed;background-color:#ffffff;}
textarea.form-control{height:100px; overflow-x:hidden;overflow-y:auto;}
.form-group{margin-bottom:15px}
.form-control::-ms-expand {
  display: none;
}
input,select,textarea { font-size:100%; font-family:"돋움", Dotum;  vertical-align:middle; }

.select {
  position: relative;
  display: inline-block;
  margin-bottom: 0px;
  width:100%; font-size:14px;line-height:1.428571429;
  color:#000000;vertical-align:middle;background-color:#ffffff;border:1px solid #91263b;border-radius:0px;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.select select {
  display: inline-block;
  width: 100%;
  padding: 5% 5%;
  cursor: pointer;
  outline: 0;
  border: 0;
  border-radius: 0;
  background: #ffffff;
  color:#000000;
  font-size:100%; font-family:"돋움", Dotum;vertical-align:middle;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.select select::-ms-expand {
  display: none;
}
.select select:hover,
.select select:focus {
  border-color:#000000;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(239,59,36,0.6);
  box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(239,59,36,0.6)}
.select select:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.select__arrow {
  position: absolute;
  top: 16px;
  right: 15px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #91263b transparent transparent transparent;
}
.select select:hover ~ .select__arrow,
.select select:focus ~ .select__arrow {
  border-top-color: #000;
}
.select select:disabled ~ .select__arrow {
  border-top-color: #ccc;
}
option:first {
    color: #999;
}