@charset "utf-8"; 

.wedding-img-wrap {
	max-width:480px;
	text-align: center;
	padding-top:50px;
	margin:0 auto;
}
.wedding-img-wrap img {
	width:90%;
}

.place {
	text-align: center;
	margin: 4rem auto;
}

.flower {
	font-family:'BinggraeSamanco-Bold', sans-serif;
	font-size:3rem;
	color: #c34122;
	text-align: center;
	padding:0 20px;
	margin:4rem auto;
}
.flower img {
	width:120px;
}
.flower p {
	font-family: 'NotoSansKR', 'malgun gothic', 맑은고딕, 'Dotum', 돋움, 'Arial', 'sans-serif';
	font-size:1.6rem;
	color: #585858;
}

.wedding-ment {
	text-align: center;
	padding:0 20px;
}

.phone {
	padding:20px;
}
.phone div {
	display: flex;
	justify-content: center;
	align-items: center;
}
.phone div:first-child {
	margin-bottom:10px;
}
.phone div span.text {
	font-family: 'NotoSansMedium', sans-serif;
	text-align: left;
	margin-right:10px;
	display:flex;
	align-items: center;
}
.phone div span.text .phone-number {
	margin-left:5px;
	margin-right:5px;
}
.phone-number, .sms-number {
	width:30px;
	height:30px;
	border-radius:50%;
	background:#333 url('/share/images/main/phone.svg') no-repeat center;
	background-size: 55%;
	margin-left:10px;
	display:inline-block;
}
.sms-number {
	background:#333 url('/share/images/main/sms2.svg') no-repeat center;
	background-size: 60%;
}
.phone .call-phone {
	font-family: 'NotoSansMedium', sans-serif;
	border-top:1px solid #dfdfdf;
	padding-top:15px;
	margin-top:15px;
	display:block;
}

.photo {
	max-width:640px;
	padding:0 15px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
}
.photo > div {
	cursor:pointer;
}
.photo div {
	width:calc(100% / 3 - (10px * 2 / 3 ));
	margin-right:10px;
	margin-bottom:10px;
}
.photo div:nth-child(3n) {
	margin-right:0;
}
.photo-wrap {
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#000;
}
.photo-origin_header {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height: 50px;
	z-index:999;
}
.photo-origin {
	height:100%;
}
.photo-origin > div {
	width:100%;
	height:100%;
	margin: 0 auto;
}
.photo-wrap .slick-slide {
	height: 100%;
	display: flex !important;
	align-items: center;
	justify-content: center;
}
.photo-wrap .slick-track, .slick-track {
	height:100%;
}
.photo-wrap .slider-close {
	cursor:pointer;
}

.slick-prev, .slick-next {
	width: 70px;
	height: 100px;
	z-index: 100;
}
.slick-prev:before, .slick-next:before {
	width: 32px;
	height: 30px;
	content:"";
	background-color: rgba(0, 0, 0, 0.3);
	background-image:url('/share/images/main/skin.png');
	background-repeat:no-repeat;
	background-position: -219px -44px;
	display: block;
	position: absolute;
}
.slick-prev:before {
	left:0;
	background-position: -187px -44px;
}
.slick-next:before {
	right:0;
}
.photo-origin-header {
	font-size:1.4rem;
	color: rgba(255, 255, 255, 0.75);
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 200;
}

.photo-close {
	color:#fff;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 200;
}



.calendar {
	text-align: center;
	padding:0 10px;
}
.calendar p {
	font-family: 'NotoSansMedium', 'sans-serif';
	font-size:1.8rem;
	margin-bottom: 0;
}
.calendar table {
	margin:0 auto;
}
.calendar table thead tr th{
	font-family: 'NotoSansMedium', 'sans-serif';
	font-size:1.6rem;
	color: #585858;
	font-weight:normal;
	text-align: center;
	padding:10px;
}
.calendar table tbody tr td {
	font-size:1.4rem;
	padding:10px;
}
.calendar table tbody tr td.gray {
	color:#d1d1d1;
}
.calendar table span {
	width:30px;
	height:30px;
	color:#fff;
	border-radius:50%;
	background:#c34122;
	display: flex;
	align-items: center;
	justify-content: center;
}

.map {
	max-width:640px;
	padding:0 15px 30px 15px;
	margin:0 auto;
}
.map > div {
	width: 100% !important;
}

.bank {
	text-align:center;
	padding:0 15px 3rem 15px;
	border-bottom:1px solid #d1d1d1;
}
.bank dl:first-child {
	margin-bottom:20px;
}
.bank dl dt {
	font-family: 'NotoSansMedium', 'sans-serif';
	margin-bottom:10px;
}
.bank dl dd > div:first-child {
	border-bottom:1px solid #dfdfdf;
	padding-bottom:15px;
	margin-bottom:15px;
}
.bank dl dd .bank-number-wrap {
	text-align:left;
	position:relative;
}
.bank dl dd .bank-number-wrap div {
	font-size: 1.4rem;
	border-radius: 5px;
	background: #ddd;
	padding: 5px 10px;
	position: absolute;
	right: 0;
	bottom: 0;
}
.bank dl dd > div:first-child div {
	bottom:15px !important;
}

.bank-direct {
	padding:0 15px 50px 15px;
}
.bank-direct ul {
	max-width:640px;
	margin:0 auto;
	dispaly:block;
}
.bank-direct ul li {
	width:80%;
	font-family: 'NotoSansMedium', 'sans-serif';
	text-align: center;
	line-height: 100%;
	border-radius:50px;
	background:#fdd456;
	padding:20px;
	margin:0 auto;
	display:block;
}


.bank-direct ul li:first-child {
	margin-bottom:30px;
}

.bank-direct ul li a {
	color: #c34122;
}

.bank-direct-wrap, .bank-direct1-view, .bank-direct2-view {
	display:none;
}
.bank-direct1-view, .bank-direct2-view {
	width: 90%;
	background:#fff;
}

.bank-direct-wrap {
	width:100%;
	height:100%;
	position:fixed;
	z-index:999;
	top:0;
	left:0;
	background:rgba(0,0,0,0.7);	
}
.bank-direct-view{
	height:100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bank-direct1-copy, .bank-direct2-copy{
	cursor:pointer;
}

.bank-direct-view > div {
	border: 1px solid #d0d0d0;
	background-color: #fafafa;
	padding:40px;
}
.bank-direct-view > div header {
	font-family: 'NotoSansRegular', sans-serif;
	font-size: 1.8rem;
	text-align: left;
	color: #232323;
	border-bottom: 1px solid #aaa;
	padding: 0 0 10px 10px;
}
.bank-direct-view > div .contents {
	color:#000;
	position: relative;
}
.bank-direct-view > div .contents .bank-copy {
	font-size: 1.4rem;
	border-radius: 5px;
	background:#ddd;
	padding:5px 10px;
	position: absolute;
	right:0;
	bottom:0;
}
.bank-direct-view > div .bank-direct-close {
	width: 100%;
	font-family: 'NotoSansMedium', sans-serif;
	color: #c34122;
	text-align: center;
	border-radius: 5px;
	background:#fdd456;
	padding:5px 0;
}