@charset "utf-8";
/* ************************************** *
 * common layout
 * ************************************** */
::selection { background: #bcbcbc;}
.clear:after { content: ""; display: block; clear: both;}/* float해제 */
.con-m { display: none;}/* mobile컨텐츠 숨김 */
.br-pc { display: block;}/* pc에서 br태그 효과 적용 */
.img-max { max-width: 100%;}
.img-ct-max { display: block; max-width: 100%; margin: 0 auto;}
.bg-body { display: none; z-index: 200; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
	.con-pc { display: none !important;}/* pc컨텐츠 숨김 */
	.con-m { display: block !important;}/* mobile컨텐츠 보임 */
	.br-pc { display: inline-block;}/* pc에서 br태그 효과 해제 */
    .br-m { display: block;}/* mobile에서 br태그 효과 적용 */
}
@-webkit-keyframes scrollerAllow {
	0% { margin-bottom: 0;}
	75% { margin-bottom: 10px;}
	100% { margin-bottom: 0;}
}
@keyframes scrollerAllow {
	0% { margin-bottom: 0;}
	75% { margin-bottom: 10px;}
	100% { margin-bottom: 0;}
}







/* ************************************** *
 * main layout
 * ************************************** */
/* container */
#container { z-index: 1; width: 100%; overflow: hidden; min-width: 1400px; max-width: 1920px; margin: 0 auto; text-align: center;}
#container .con-m img { max-width: 100%;}
/* fair01 : 박람회타이틀 */
.fair01 .con-pc { height: 1000px; background: url('../img/bg-fair01.jpg') no-repeat center top; text-align: center;}
.fair01 .con-pc .img-box { overflow: hidden; position: relative; height: 828px;}
.fair01 .con-pc .img-box img { position: absolute; left: 50%; top: 0; transform: translate(-50%,0);}
/* fair02 : 코로나가 바꾼 웨딩트렌드! */
.fair02 .con-pc { background: #faf6e8;}
/* fair03 : 조감도&시즌 프로모션 */
.fair03-1 { background: url('../img/bg-fair03-1.jpg') no-repeat center top; background-size: cover; text-align: center;}
.fair03-2 { padding-bottom: 80px; background: #f7e3df url('../img/bg-fair03-2.jpg?ver=211202') no-repeat; background-position: center top; background-size: cover; text-align: center;}
.fair03-2 ul { width: 1400px; margin: 0 auto; justify-content: center;}
.fair03-2 li { float: left; width: 50%;}
/* fair04 : 야외웨딩의 패러다임 */
.fair04 .con-pc { background: #e38ea0;}
/* fair05 : 나이트 웨딩 */
.fair05 .con-pc { background: #fce1c2 url('../img/bg-fair05===.jpg?ver=211203') no-repeat center top; text-align: center;}
/* fair06 : 주차공간 */
.fair06 { padding-bottom: 80px; background: #f9bcc6; text-align: center;}
.video-item { object-fit: cover !important;}
/* fair07 : 우천시 걱정은 NO! */
.fair07 .con-pc { background: #ded6c0;}
/* review : 리뷰 */
.review { height: 1100px; background: #4a4b4d url('../img/bg-review.jpg') no-repeat center top;}
.review > div { position: relative; width: 1400px; height: 100%; margin: 0 auto;}
.review .rolling-review { position: absolute; right: 0; top: 50%; width: 440px; height: 812px; box-sizing: border-box; padding-top: 18px; background: url('../img/bg-phone.png') no-repeat; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%);}
.review p { position: absolute; left: 40%; bottom: 150px;}
.review-new { background: #20201e; text-align: center;}
/* fair09 : Flower Styling */
.fair09 { background: #f7bec6;}
.fair09 > div { float: left; width: 50%;}
.fair09 .img-box { padding-top: 5%;}
/* fair10 : Wedding Directing */
.fair10 { background: #f0b5c9;}
.fair10 > div { float: left; width: 50%;}
.fair10 .txt-box { float: right;}
.fair10 .img-box { padding-top: 5%;}
/* location : 오시는길 */
.location .con-pc { background: #f8f0dd;}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:1400px) {
	#container { min-width: 100%; max-width: 100%;}
	/* fair03 : 조감도&시즌 프로모션 */
	.fair03-2 ul { width: 90%;}
	/* review : 리뷰 */
	.review > div { min-width: 100%; max-width: 100%;}
}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
    /* container */
    #container { min-width: 100%; max-width: 640px; margin: 0 auto; overflow: hidden;}
	/* fair03 : 조감도&시즌 프로모션 */
	.fair03-1,
	.fair03-2 { max-width: 640px; margin: 0 auto;}
	.fair03-2 { padding-bottom: 50px; background-size: 130%; background-position: left top;}
	.fair03-2 li { width: 100%;}
	/* review : 리뷰 */
	.review { max-width: 640px; margin: 0 auto; height: auto; padding-bottom: 70px; background-size: 130%; background-position: right top;}
	.review > div { position: static; width: 100%;}
	.review .rolling-review { position: static; margin: 0 auto; transform: translate(0,0); -webkit-transform: translate(0,0); -ms-transform: translate(0,0);}
	.review p { position: static; padding: 70px 0 50px;}
	.review-new { max-width: 640px; margin: 0 auto;}
	/* fair06 : 주차공간 */
	.fair06 { max-width: 640px; margin: 0 auto;}
	.fair06 iframe { width: 90% !important; height: 300px !important; margin: 0 auto;}
	/* fair09 : Flower Styling */
	.fair09 { max-width: 640px; margin: 0 auto;}
	.fair09 > div { float: none; width: 100%;}
	.fair09 .img-box { padding: 50px 0 100px;}
	/* fair10 : Wedding Directing */
	.fair10 { max-width: 640px; margin: 0 auto;}
	.fair10 > div { float: none; width: 100%;}
	.fair10 .txt-box { float: none;}
	.fair10 .img-box { padding: 50px 0 100px;}
}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
	/* review : 리뷰 */
	.review { padding-bottom: 50px;}
	.review .rolling-review { width: 300px; height: 554px; padding: 12px 17px 0; background-size: 100%;}
	.review p { padding: 50px 0 25px;}
	.review p img { width: 120px;}
}






/* form */
.form { position: relative; width: 100%; height: 950px; background: url('../img/bg-form.jpg?ver=211203') no-repeat; background-position: top center;}
.form-wrap { position: absolute; left: 12%; top: 50%; transform: translate(0,-50%); width: 700px; padding: 60px 5%; box-sizing: border-box; background: rgba(255,255,255,.7); border-radius: 15px;}
.form-wrap h2 { font-family: 'EB Garamond', serif !important; font-size: 63px; color: #ec5e6f; line-height: 1em; letter-spacing: 0; text-transform: uppercase;}
.form-wrap h2 span { font-size: 40px; color: #704151;}
.form-wrap p { position: absolute; right: -2%; bottom: 5%; -webkit-animation: scrollerAllow ease-in-out 1.5s infinite; -ms-animation: scrollerAllow ease-in-out 1.5s infinite; animation: scrollerAllow ease-in-out 1.5s infinite;}
.form-wrap dl { overflow: hidden; padding: 30px 0 15px;}
.form-wrap dd { width: 100%; padding: 3px 0; font-size: 15px; color: #222; line-height: 52px; text-align: left;}
.form-wrap .input-text { width: 100%; height: 52px; line-height: 52px; padding: 0 2%; border: 0; box-sizing: border-box; font-size: 15px; background: #fff; color: #444; text-align: center;}
.form-wrap .privacy-box { width: 100%; background: #fff; padding: 10px 4%; box-sizing: border-box; height: 80px; overflow-y: scroll; font-size: 13px; line-height: 1.4em; text-align: left;}
.form-wrap .center { margin-top: 30px;}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
	.form { max-width: 640px; margin: 0 auto; height: 1200px; background: #f5ebec url('../img/bg-form-m.jpg?ver=211203') no-repeat; background-position: bottom center; background-size: cover;}
	.form-wrap { position: static; transform: translate(0,0); width: 100%; padding: 50px 10%; background: none;}
	.form-wrap p { right: 0; bottom: 8%;}
	.form-wrap p img { width: 120px;}
}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:640px) {
	.form { height: 850px;}
	.form-wrap { padding: 30px 10%;}
	.form-wrap h2 { font-size: 40px;}
	.form-wrap h2 span { font-size: 22px;}
	.form-wrap p img { width: 90px;}
	.form-wrap dd { font-size: 13px; line-height: 43px;}
	.form-wrap .input-text { height: 43px; line-height: 43px; font-size: 13px;}
	.form-wrap .privacy-box { height: 60px;}
	.form-wrap .center { margin-top: 20px;}
}







/* ************************************** *
 * footer layout
 * ************************************** */
/* footer */
#footer { padding-bottom: 60px; background: #f8f0dd; text-align: center;}
#footer address { font-size: 14px; color: #6b523c; line-height: 1.5em;}
#footer address span { padding: 0 15px;}
#footer .copyright { padding-top: 10px;}
#footer .copyright small { font-size: 14px; color: #6b523c;}
#footer .sns-list { display: table; margin: 0 auto 40px;}
#footer .sns-list li { float: left; padding: 0 5px;}
#footer .sns-list li img { width: 60px;}
#footer .btn-top { display: none; position: fixed; bottom: 0; right: 0;}
#footer .btn-top button { background: rgba(0,0,0,.4); color: #fff; line-height: 60px; width: 60px; font-size: 15px; text-transform: uppercase; text-align: center; letter-spacing: 0;}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:990px) {
	#footer { max-width: 640px; margin: 0 auto; padding-bottom: 40px;}
	#footer address,
	#footer .copyright small { font-size: 12px;}
	#footer address span { padding: 0 9px;}
	#footer .sns-list { margin: 0 auto 25px;}
	#footer .sns-list li img { width: 40px;}
	#footer .btn-top button { line-height: 43px; width: 43px; font-size: 13px;}
}