@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-ready,
.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 fade {
    from { opacity: 0;}
    to { opacity: 1;}
}
@keyframes fade {
    from { opacity: 0;}
    to { opacity: 1;}
}
@keyframes scrollerAllow {
    0% { margin-top: 0;}
    75% { margin-top: 10px;}
    100% { margin-top: 0;}
}
@-webkit-keyframes scrollerAllow {
    0% { margin-top: 0;}
    75% { margin-top: 10px;}
    100% { margin-top: 0;}
}
@-ms-keyframes scrollerAllow {
    0% { margin-top: 0;}
    75% { margin-top: 10px;}
    100% { margin-top: 0;}
}
@-webkit-keyframes img-rotate {
    0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -90deg); transform: perspective(400px) rotate3d(0, 1, 0, -90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}
    40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 20deg); transform: perspective(400px) rotate3d(0, 1, 0, 20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}
    60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -10deg); transform: perspective(400px) rotate3d(0, 1, 0, -10deg); opacity: 1;}
    80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 5deg); transform: perspective(400px) rotate3d(0, 1, 0, 5deg);}
    100% { -webkit-transform: perspective(400px); transform: perspective(400px);}
}
@keyframes img-rotate {
    0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -90deg); transform: perspective(400px) rotate3d(0, 1, 0, -90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}
    40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 20deg); transform: perspective(400px) rotate3d(0, 1, 0, 20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}
    60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -10deg); transform: perspective(400px) rotate3d(0, 1, 0, -10deg); opacity: 1;}
    80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 5deg); transform: perspective(400px) rotate3d(0, 1, 0, 5deg);}
    100% { -webkit-transform: perspective(400px); transform: perspective(400px);}
}
@-webkit-keyframes textPoint {
    0% { color: #ffde00;}
    75% { color: #fff;}
    100% { color: #ffde00;}
}
@keyframes textPoint {
	0% { color: #ffde00;}
    75% { color: #fff;}
    100% { color: #ffde00;}
}









/* ************************************** *
 * main layout
 * ************************************** */
/* container */
#container { z-index: 1; width: 100%;}
#container img { max-width: 100%;}
/* title : 박람회타이틀 */
.title {text-align: center;}

/* fair02 : 대박은진짜달라 */
.fair02_new {background: url('../img/bg-fair02.jpg') no-repeat top center; text-align: center; background-size: cover;}
.fair02_new .tit-fair02 { padding: 100px 0 90px; text-align: center; }

/* fair02 : 대박은진짜달라 */
.fair02 {background: url('../img/bg-fair02.jpg') no-repeat top center; text-align: center; background-size: cover;}
.fair02 .tit-fair02 { padding: 150px 0 90px;}
.fair02 .con-pc .fair02-roll img { min-width: 1050px;}
.fair02 .con-pc .fair02-roll .slick-slide { opacity: .5;}
.fair02 .con-pc .fair02-roll .slick-slide img { width: 90% !important; min-width: auto;}
.fair02 .con-pc .fair02-roll .slick-slide.slick-current { opacity: 1;}
.fair02 .con-pc .fair02-roll .slick-slide.slick-current img { width: 100% !important;}
.fair02 .con-m .fair02-roll { width: 90%; margin: 0 auto;}
/* fair03 : 대박쿠폰팩
.fair03 { max-width: 1600px; margin: 0 auto; padding: 130px 0;}
.fair03 li { float: left; width: 50%; text-align: center;}
.fair03 li:nth-of-type(1) { padding: 10% 0 0;}
*/
/* fair03 : 방문선물 */
.fair03 { position: relative; background: url('../img/bg-fair03.jpg?ver=210219') no-repeat top center; text-align: center;}
/* fair04 : 코로나지원 */
/* .fair04 { position: relative; background: url('../img/bg-fair04.jpg?ver=201008') no-repeat top center; text-align: center;} */
/* fair04 : 예약선물 */
.fair04 .con-pc { background: url('../img/bg-fair04_0117.jpg?ver=210219') no-repeat top center; text-align: center;}
.fair04 .con-pc > div { width: 1400px; margin: 0 auto; position: relative;}
.fair04-1 { position: absolute; top: 442px; right: 125px;}
.fair04-2 { position: absolute; top: 1193px; left: 87px;}
.bg-fair04-2-m { background: url('../img/bg-fair04-2-m.jpg?ver=210222') no-repeat; background-size: 100%;}
.bg-fair04-3-m { background: url('../img/bg-fair04-3-m.jpg?ver=210222') no-repeat; background-size: 100%;}
/* fair05 : 빙고경품추천 */
.fair05 { position: relative; background: url('../img/bg-fair05.jpg?ver=210219') no-repeat top center; text-align: center;}
/* .fair05 { position: relative; background: url('../img/bg-fair05.jpg') no-repeat top center; text-align: center;}
.fair05 .tit-fair05 { position: absolute; top: 65px; left: 50%; margin-left: -490px;} */
/* 현재 ㅇㅇ명이 신청하셨습니다. */
.p-inquire-ing { background: #222; padding: 30px 0; font-size: 30px; letter-spacing: -0.075em; text-align: center; color: #fff;}
.p-inquire-ing span { -webkit-animation: textPoint ease-in-out 1s infinite; animation: textPoint ease-in-out 1s infinite;}
/* fair06 : 타임세일 */
.fair06 .con-pc { position: relative; background: url('../img/bg-fair06_0217.jpg') no-repeat top center; text-align: center;}
/* fair07 : 스튜디오 */
.fair07 { background: url('../img/bg-fair07_0117.jpg') no-repeat top center; text-align: center;}
/* fair08 : 드레스 */
.fair08 { padding-top: 70px; background: url('../img/bg-fair08.jpg') no-repeat top center;}
.fair08 .fair08-top { position: relative; width: 1280px; padding-left: 120px; margin: 0 auto;}
.fair08 .img-fair08-tit { position: absolute; bottom: 0; right: 0;}
.fair08 .con-m .fair08-roll { width: 90%; margin: 0 auto;}
/* fair09 : 웨딩홀 */
.fair09 { background: #ececec url('../img/bg-fair09.jpg?ver=210219') no-repeat top center; text-align: center;}
.fair09 .fair09-top { position: relative; width: 1400px; height: 700px; padding-top: 200px; margin: 0 auto;}
.fair09 .fair09-top > ul > li:nth-of-type(1) { float: left; padding: 40px 0 0 80px;}
.fair09 .fair09-top > ul > li:nth-of-type(2) { float: right; width: 600px;}
.fair09 .con-m .fair09-roll { width: 90%; margin: 0 auto;}
/* fair10 : 허니문 */
.fair10 { background: url('../img/bg-fair10.jpg') no-repeat bottom center; text-align: center;}
/* fair11 : 혼수 */
.fair11 { background: url('../img/bg-fair11.jpg') no-repeat top center; text-align: center;}
/* fair12 : 가전가구 */
.fair12 { text-align: center;}
/* fair13 : 코로나안전 200408추가 */
.fair13 { background: url('../img/bg-fair13.jpg') no-repeat bottom center; text-align: center;}
/* fair14 : 얼리버드쿠폰 201027추가 */
.fair14 { background: #6f5eeb; text-align: center;}
/* location : 오시는길 */
.location { text-align: center;}
/* .location .con-m { padding-bottom: 60px;} */
/* .location { width:100%; background:url('../img/bg-location.jpg') no-repeat center top; text-align:center;}
.location .map { width:1200px; margin:0 auto;} */
.p-event-box { background: #8d3232; padding: 0; font-size: 45px; letter-spacing: -0.075em; text-align: center; color: #fff;}

.right-box {position: fixed;width:100px;height:100px;top: 80%;right: 3%;cursor:pointer;}
.right-box img {width:100%;z-index:1000;}

/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
    /* container */
    #container { max-width: 640px; margin: 0 auto;}
    /* fair02 : 대박은진짜달라 */
    .fair02 { padding-bottom: 0;}
    /* fair03 : 대박쿠폰팩
    .fair03 { padding: 150px 0;}
    .fair03 li { float: none; width: 90%; margin: 0 auto;}
    .fair03 li:nth-of-type(1) { padding: 0 0 70px;}
    /* 현재 ㅇㅇ명이 신청하셨습니다. */
    .p-inquire-ing { padding: 20px 0; font-size: 20px;}
    /* fair08 : 드레스 */
    .fair08 { padding-top: 0;}
    /* fair09 : 웨딩홀 */
    .fair09 { background: #ececec;}
    /* fair10 : 허니문 */
    .fair10 { background: none;}
	.p-event-box { font-size: 28px;}
}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
    /* fair03 : 대박쿠폰팩
    .fair03 { padding: 70px 0;}
    .fair03 li:nth-of-type(1) { padding: 0 0 40px;}
	*/
	.p-event-box { font-size: 18px;}
	.right-box {display:block !important;}
}






/* form */
.form { width: 100%; margin: 0 auto; padding: 120px 0; text-align: center; background: url('../img/bg-form.jpg') top center fixed; background-size: cover;}
.form-wrap { width: 1000px; padding: 50px 50px 70px; box-sizing: border-box; margin: 0 auto; background: #fff;}
.form-wrap .tit-form { padding-bottom: 40px;}
.form-wrap dl { overflow: hidden; padding: 15px 0; border-bottom: solid 1px #dbdbdb;}
.form-wrap dt { float: left; width: 12%; padding: 10px 1.5%; font-weight: 700; font-size: 15px; color: #222; text-align: left; line-height: 46px; box-sizing: border-box;}
.form-wrap dd { float: left; width: 88%; padding: 10px 0; font-size: 15px; color: #222; line-height: 46px; text-align: left; box-sizing: border-box;}
.form-wrap dd.colum2 { width: 38% !important;}
.form-wrap .input-select { width: 90px; height: 46px; line-height: 46px; padding: 0 20px; border: solid 1px #ddd; box-sizing: border-box; border-radius: 3px; font-size: 15px; background: #f2f2f2 url('../img/bg-arr-select-black.png') no-repeat 97% center; color: #444;}
.form-wrap .input-text { width: 70%; height: 46px; line-height: 46px; padding: 0 2%; border: solid 1px #ddd; box-sizing: border-box; border-radius: 3px; font-size: 15px; background: #f2f2f2; color: #444;}
.form-wrap .wd-call { width: 30% !important;}
.form-wrap .privacy-box { width: 100%; background: #f5f5f5; padding: 15px 4%; box-sizing: border-box; height: 90px; overflow-y: scroll; font-size: 13px; line-height: 1.4em; text-align: left;}
.form-wrap .center { margin-top: 50px;}
/* ////////////////////////////////////////////////// notebook & tablet & mobile */
@media all and (max-width:1400px) {
	.form-wrap { width: 100%; padding: 30px 20px;}
}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
	.form { height: auto; padding: 0; background: none;}
    .form-wrap .tit-form { padding-bottom: 20px;}
	.form-wrap dt { float: none; width: 100%; font-size: 13px; padding: 0 5%; line-height: 38px;}
	.form-wrap dd { float: none; width: 100%; font-size: 13px; padding: 0 5% 5px; border-top: 0; line-height: 38px;}
	.form-wrap dd.colum2 { width: 100% !important;}
	.form-wrap .input-select { width: 80px; height: 38px; line-height: 38px; padding: 0 10px;}
	.form-wrap .input-text { width: 100%; height: 38px; line-height: 38px;}
	.form-wrap .privacy-box { width: 100%; height: 70px;}
	.form-wrap .center { margin-top: 30px;}
}






/* ************************************** *
 * footer layout
 * ************************************** */
/* footer
#footer { clear: both; width: 100%; padding: 50px 0; background: #fff; text-align: center;}
#footer address { font-size: 14px; color: #000; opacity: .8; line-height: 1.6em; letter-spacing: 0;}
#footer address span { padding-right: 30px;}
#footer .copyright { padding-top: 15px;}
#footer .copyright small { font-size: 14px; color: #000; opacity: .6; letter-spacing: 0;}*/
.btn-top { display: none; position: fixed; bottom: 0; right: 0;}
.btn-top button { background: rgba(0,0,0,.5); color: #fff; line-height: 60px; width: 60px; font-size: 17px; text-transform: uppercase; text-align: center; letter-spacing: 0;}
/* footer */
#footer { position:relative; clear:both; width:100%; padding:40px 0 60px; background:#444; text-align:center;}
#footer address { font-size:14px; color:#c6c6c6; line-height:1.4em; letter-spacing:-0.05em; text-align:center; word-break:keep-all;}
#footer address span { padding:0 15px; color:#c6c6c6;}
#footer .copyright { padding-top:10px; text-align:center;}
#footer .copyright small { font-size:14px; color:#c6c6c6;}
#footer .copyright small span { color: #e13b50;}

/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:990px) {
    /* footer
    #footer { padding: 30px 0;}
    #footer address span { padding-right: 10px;}
    #footer address,
    #footer .copyright small { font-size:12px;}
    #footer .copyright { padding-top: 7px;}
    .btn-top button { line-height: 46px; width: 46px; font-size: 15px;}
	/* footer */
	#footer { width:90%; padding:20px 5% 40px;}
	#footer address { font-size:12px;}
	#footer .copyright small { font-size:11px;}
	.right-box {width:80px;height:80px;}
}

.sr-only {
	position: absolute;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0,0,0,0);
	border: 0;
}
figure{
	padding:0;
	margin:0;
	width:100%;		
}
section{
	text-align:center;
}