@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: #ffebfa; 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;}
}

#dbexpoLanding,
#dbexpoLanding * {
  box-sizing: border-box;
}

#dbexpoLanding {
  font-family: 'SUIT' !important, -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
  color: #222;
  background: #fff;
  line-height: 1.7;
  word-break: keep-all;
}

#dbexpoLanding .dbexpo-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

#dbexpoLanding .dbexpo-hero {
  background: linear-gradient(135deg, #fff7fa 0%, #fff 100%);
  padding: 88px 20px 64px;
  text-align: center;
  border-bottom: 1px solid #f1e5eb;
}

#dbexpoLanding .dbexpo-label {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 999px;
  background: #fbe8f0;
  color: #b14574;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 18px;
}

#dbexpoLanding .dbexpo-title {
  margin: 0 0 18px;
  font-size: 42px;
  line-height: 1.3;
  font-weight: 800;
  color: #111;
  letter-spacing: -0.02em;
}

#dbexpoLanding .dbexpo-desc {
  max-width: 880px;
  margin: 0 auto 30px;
  font-size: 18px;
  color: #555;
}

#dbexpoLanding .dbexpo-btns {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}

#dbexpoLanding .dbexpo-btn {
  display: inline-block;
  padding: 16px 28px;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 700;
  transition: 0.2s ease;
  text-decoration: none;
}

#dbexpoLanding .dbexpo-btn-primary {
  background: #d94b87;
  color: #fff;
}

#dbexpoLanding .dbexpo-btn-primary:hover {
  background: #c53d78;
}

#dbexpoLanding .dbexpo-btn-secondary {
  background: #fff;
  color: #d94b87;
  border: 1px solid #f1bfd3;
}

#dbexpoLanding .dbexpo-btn-secondary:hover {
  background: #fff7fa;
}

#dbexpoLanding .dbexpo-section {
  padding: 76px 0;
}

#dbexpoLanding .dbexpo-section-highlight {
  background: #fff8fb;
}

#dbexpoLanding .dbexpo-section-title {
  text-align: center;
  margin-bottom: 18px;
}

#dbexpoLanding .dbexpo-section-title h2 {
  margin: 0 0 12px;
  font-size: 34px;
  line-height: 1.35;
  font-weight: 800;
  color: #111;
  letter-spacing: -0.02em;
}

#dbexpoLanding .dbexpo-section-title p {
  max-width: 860px;
  margin: 0 auto;
  color: #666;
  font-size: 17px;
}

#dbexpoLanding .dbexpo-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin-top: 36px;
}

#dbexpoLanding .dbexpo-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: 36px;
}

#dbexpoLanding .dbexpo-card {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 20px;
  padding: 28px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
  height: 100%;
}

#dbexpoLanding .dbexpo-card h3 {
  margin: 0 0 14px;
  font-size: 24px;
  line-height: 1.4;
  font-weight: 800;
  color: #111;
}

#dbexpoLanding .dbexpo-card p {
  margin: 0 0 14px;
  color: #555;
  font-size: 16px;
}

#dbexpoLanding .dbexpo-card ul {
  margin: 0;
  padding-left: 18px;
  color: #555;
}

#dbexpoLanding .dbexpo-card li {
  margin-bottom: 8px;
}

#dbexpoLanding .dbexpo-keywords {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
  justify-content: center;
}

#dbexpoLanding .dbexpo-keywords span {
  display: inline-block;
  padding: 10px 14px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid #f0d6e1;
  color: #9c446c;
  font-size: 14px;
  font-weight: 700;
}

#dbexpoLanding .dbexpo-partner-list {
  display: grid;
  gap: 24px;
  margin-top: 36px;
}

#dbexpoLanding .dbexpo-partner-item {
 display: flex;
  gap: 20px;
  align-items: flex-start;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 20px;
  padding: 30px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
}


#dbexpoLanding .dbexpo-partner-item h3 {
  margin: 0;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 700;
  color: #111;
  flex: 0 0 20%;
  text-align:left;
}


#dbexpoLanding .dbexpo-names {
  color: #444;
  font-size: 16px;
  line-height: 1.9;
  text-align: left;
  flex: 1;
}

#dbexpoLanding .dbexpo-table-wrap {
  margin-top: 36px;
  overflow-x: auto;
  border-radius: 18px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
}

#dbexpoLanding .dbexpo-table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
  background: #fff;
}

#dbexpoLanding .dbexpo-table th,
#dbexpoLanding .dbexpo-table td {
  padding: 18px 16px;
  border-bottom: 1px solid #f1f1f1;
  text-align: left;
  font-size: 15px;
  vertical-align: top;
}

#dbexpoLanding .dbexpo-table th {
  width: 22%;
  background: #fff7fa;
  color: #8c3b61;
  font-weight: 800;
}

#dbexpoLanding .dbexpo-faq {
  max-width: 900px;
  margin: 36px auto 0;
}

#dbexpoLanding .dbexpo-faq-item {
  border: 1px solid #eee;
  border-radius: 16px;
  padding: 22px;
  margin-bottom: 16px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.03);
}

#dbexpoLanding .dbexpo-faq-item h3 {
  margin: 0 0 10px;
  font-size: 20px;
  font-weight: 700;
  color: #111;
  text-align:left;
}

#dbexpoLanding .dbexpo-faq-item p {
  margin: 0;
  color: #555;
  text-align:left;
}

#dbexpoLanding .dbexpo-cta {
  padding: 80px 20px;
  background: linear-gradient(135deg, #d94b87 0%, #b83e71 100%);
  color: #fff;
  text-align: center;
}

#dbexpoLanding .dbexpo-cta h2 {
  margin: 0 0 14px;
  font-size: 36px;
  line-height: 1.35;
  font-weight: 800;
  letter-spacing: -0.02em;
}

#dbexpoLanding .dbexpo-cta p {
  max-width: 760px;
  margin: 0 auto 26px;
  font-size: 17px;
  color: rgba(255, 255, 255, 0.92);
}

#dbexpoLanding .dbexpo-cta .dbexpo-btn-primary {
  background: #fff;
  color: #c13f76;
}

#dbexpoLanding .dbexpo-cta .dbexpo-btn-primary:hover {
  background: #fdf2f7;
}

#dbexpoLanding .dbexpo-footer-note {
  padding: 28px 20px 50px;
  text-align: center;
  color: #777;
  font-size: 14px;
}

@media (max-width: 991px) {
  #dbexpoLanding .dbexpo-title {
	font-size: 34px;
  }

  #dbexpoLanding .dbexpo-section-title h2 {
	font-size: 28px;
  }

  #dbexpoLanding .dbexpo-partner-item h3 {
	font-size: 24px;
  }

  #dbexpoLanding .dbexpo-grid-2,
  #dbexpoLanding .dbexpo-grid-3 {
	grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  #dbexpoLanding .dbexpo-hero {
	padding: 60px 16px 44px;
  }

  #dbexpoLanding .dbexpo-wrap {
	padding: 0 16px;
  }

  #dbexpoLanding .dbexpo-title {
	font-size: 28px;
  }

  #dbexpoLanding .dbexpo-desc {
	font-size: 16px;
  }

  #dbexpoLanding .dbexpo-section {
	padding: 56px 0;
  }

  #dbexpoLanding .dbexpo-section-title h2 {
	font-size: 24px;
  }

  #dbexpoLanding .dbexpo-partner-item h3,
  #dbexpoLanding .dbexpo-cta h2 {
	font-size: 26px;
  }

  #dbexpoLanding .dbexpo-card,
  #dbexpoLanding .dbexpo-partner-item {
	padding: 22px;
  }
}