* {
  box-sizing: border-box;
}

/**************************************************************** FONT ****************************************************************************/
@font-face {
	font-family: 'NotoSansKR-Light';
	font-style: normal;
	font-weight: 300;
	src: url(../../css/site/fonts/static/NotoSansKR-Light.ttf);
}

@font-face {
	font-family: 'NotoSansKR-Regular';
	font-style: normal;
	font-weight: 400;
	src: url(../../css/site/fonts/static/NotoSansKR-Regular.ttf);
}

@font-face {
	font-family: 'NotoSansKR-Medium';
	font-style: normal;
  font-weight: 500;
	src: url(../../css/site/fonts/static/NotoSansKR-Medium.ttf);
}

@font-face {
	font-family: 'NotoSansKR-Bold';
	font-style: normal;
  font-weight: 700;
	src: url(../../css/site/fonts/static/NotoSansKR-Bold.ttf);
}

@font-face {
	font-family: 'NotoSansKR-Black';
	font-style: normal;
  font-weight: 900;
	src: url(../../css/site/fonts/static/NotoSansKR-Black.ttf);
}





/**************************************************************** Animation ****************************************************************************/
@keyframes offset { 100% { stroke-dashoffset: 0;}}
@keyframes infoBox { 100% {opacity:1;} }
@keyframes dot10 {100% {transform:translate(-50%,-50%) rotate(10deg);}}
@keyframes dot20 {100% {transform:translate(-50%,-50%) rotate(20deg);}}
@keyframes dot30 {100% {transform:translate(-50%,-50%) rotate(30deg);}}
@keyframes dot40 {100% {transform:translate(-50%,-50%) rotate(40deg);}}
@keyframes dot50 {100% {transform:translate(-50%,-50%) rotate(50deg);}}
@keyframes dot60 {100% {transform:translate(-50%,-50%) rotate(60deg);}}
@keyframes dot70 {100% {transform:translate(-50%,-50%) rotate(70deg);}}
@keyframes dot80 {100% {transform:translate(-50%,-50%) rotate(80deg);}}
@keyframes dot90 {100% {transform:translate(-50%,-50%) rotate(90deg);}}
@keyframes dot100 {100% {transform:translate(-50%,-50%) rotate(100deg);}}
@keyframes dot110 {100% {transform:translate(-50%,-50%) rotate(110deg);}}
@keyframes dot120 {100% {transform:translate(-50%,-50%) rotate(120deg);}}
@keyframes dot130 {100% {transform:translate(-50%,-50%) rotate(130deg);}}
@keyframes dot140 {100% {transform:translate(-50%,-50%) rotate(140deg);}}
@keyframes dot150 {100% {transform:translate(-50%,-50%) rotate(150deg);}}
@keyframes dot160 {100% {transform:translate(-50%,-50%) rotate(160deg);}}
@keyframes dot170 {100% {transform:translate(-50%,-50%) rotate(170deg);}}
@keyframes dot180 {100% {transform:translate(-50%,-50%) rotate(180deg);}}
@keyframes dot190 {100% {transform:translate(-50%,-50%) rotate(190deg);}}
@keyframes dot200 {100% {transform:translate(-50%,-50%) rotate(200deg);}}
@keyframes dot210 {100% {transform:translate(-50%,-50%) rotate(210deg);}}
@keyframes dot220 {100% {transform:translate(-50%,-50%) rotate(220deg);}}
@keyframes dot230 {100% {transform:translate(-50%,-50%) rotate(230deg);}}
@keyframes dot240 {100% {transform:translate(-50%,-50%) rotate(240deg);}}
@keyframes dot250 {100% {transform:translate(-50%,-50%) rotate(250deg);}}
@keyframes dot260 {100% {transform:translate(-50%,-50%) rotate(260deg);}}
@keyframes dot270 {100% {transform:translate(-50%,-50%) rotate(270deg);}}
@keyframes dot280 {100% {transform:translate(-50%,-50%) rotate(280deg);}}
@keyframes dot290 {100% {transform:translate(-50%,-50%) rotate(290deg);}}
@keyframes dot300 {100% {transform:translate(-50%,-50%) rotate(300deg);}}
@keyframes dot310 {100% {transform:translate(-50%,-50%) rotate(310deg);}}
@keyframes dot320 {100% {transform:translate(-50%,-50%) rotate(320deg);}}
@keyframes dot330 {100% {transform:translate(-50%,-50%) rotate(330deg);}}
@keyframes dot340 {100% {transform:translate(-50%,-50%) rotate(340deg);}}
@keyframes dot350 {100% {transform:translate(-50%,-50%) rotate(350deg);}}
@keyframes dot360 {100% {transform:translate(-50%,-50%) rotate(360deg);}}


.graphArea.animate.deg10 svg .circle-foreground1 {stroke-dasharray: 0 720;stroke-dashoffset: 0;}
.graphArea.animate.deg10 svg .circle-foreground2 {stroke-dasharray: 0 720;stroke-dashoffset: 0;}
.graphArea.animate.deg10 .dot{animation: dot10 1.5s linear forwards;}
.graphArea.animate.deg10 .dot .infoBox{transform:rotate(-10deg) translate(1px, 48px);margin-top:-20px;animation: infoBox 0.5s linear forwards;animation-delay:1.5s;}

.graphArea.animate.deg20 svg .circle-foreground1 {stroke-dasharray: 20 720;stroke-dashoffset: 20;}
.graphArea.animate.deg20 svg .circle-foreground2 {stroke-dasharray: 20 720;stroke-dashoffset: 20;}
.graphArea.animate.deg20 .dot{animation: dot20 1.5s linear forwards;}
.graphArea.animate.deg20 .dot .infoBox{transform:rotate(-20deg) translate(5px, 30px);animation: infoBox 0.5s linear forwards;animation-delay:1.5s;}

.graphArea.animate.deg30 svg .circle-foreground1 {stroke-dasharray: 40 720;stroke-dashoffset: 40;}
.graphArea.animate.deg30 svg .circle-foreground2 {stroke-dasharray: 40 720;stroke-dashoffset: 40;}
.graphArea.animate.deg30 .dot{animation: dot30 1.5s linear forwards;}
.graphArea.animate.deg30 .dot .infoBox{transform:rotate(-30deg) translate(6px, 31px);animation: infoBox 0.5s linear forwards;animation-delay:1.5s;}

.graphArea.animate.deg40 svg .circle-foreground1 {stroke-dasharray: 60 720;stroke-dashoffset: 60;}
.graphArea.animate.deg40 svg .circle-foreground2 {stroke-dasharray: 60 720;stroke-dashoffset: 60;}
.graphArea.animate.deg40 .dot{animation: dot40 1.5s linear forwards;}
.graphArea.animate.deg40 .dot .infoBox{transform:rotate(-40deg) translate(7px, 33px);animation: infoBox 0.5s linear forwards;animation-delay:1.5s;}

.graphArea.animate.deg50 svg .circle-foreground1 {stroke-dasharray: 80 720;stroke-dashoffset: 80;}
.graphArea.animate.deg50 svg .circle-foreground2 {stroke-dasharray: 80 720;stroke-dashoffset: 80;}
.graphArea.animate.deg50 .dot{animation: dot50 1.5s linear forwards;}
.graphArea.animate.deg50 .dot .infoBox{transform:rotate(-50deg) translate(6px, 34px);animation: infoBox 0.5s linear forwards;animation-delay:1.5s;}

.graphArea.animate.deg60 svg .circle-foreground1 {stroke-dasharray: 100 720;stroke-dashoffset: 100;}
.graphArea.animate.deg60 svg .circle-foreground2 {stroke-dasharray: 100 720;stroke-dashoffset: 100;}
.graphArea.animate.deg60 .dot{animation: dot60 1.5s linear forwards;}
.graphArea.animate.deg60 .dot .infoBox{transform:rotate(-60deg) translate(7px, 33px);animation: infoBox 0.5s linear forwards;animation-delay:1.5s;}

.graphArea.animate.deg70 svg .circle-foreground1 {stroke-dasharray: 120 720;stroke-dashoffset: 120;}
.graphArea.animate.deg70 svg .circle-foreground2 {stroke-dasharray: 120 720;stroke-dashoffset: 120;}
.graphArea.animate.deg70 .dot{animation: dot70 1.5s linear forwards;}
.graphArea.animate.deg70 .dot .infoBox{transform:rotate(-70deg) translate(6px, 35px);animation: infoBox 0.5s linear forwards;animation-delay:1.5s;}

.graphArea.animate.deg80 svg .circle-foreground1 {stroke-dasharray: 140 720;stroke-dashoffset: 140;}
.graphArea.animate.deg80 svg .circle-foreground2 {stroke-dasharray: 140 720;stroke-dashoffset: 140;}
.graphArea.animate.deg80 .dot{animation: dot80 1.5s linear forwards;}
.graphArea.animate.deg80 .dot .infoBox{transform:rotate(-80deg) translate(5px, 35px);animation: infoBox 0.5s linear forwards;animation-delay:1.5s;}

.graphArea.animate.deg90 svg .circle-foreground1 {stroke-dasharray: 160 720;stroke-dashoffset: 160;}
.graphArea.animate.deg90 svg .circle-foreground2 {stroke-dasharray: 160 720;stroke-dashoffset: 160;}
.graphArea.animate.deg90 .dot{animation: dot90 1.5s linear forwards;}
.graphArea.animate.deg90 .dot .infoBox{transform:rotate(-90deg) translate(5px, 36px);animation: infoBox 0.5s linear forwards;animation-delay:1.5s;}

.graphArea.animate.deg100 svg .circle-foreground1 {stroke-dasharray: 180 720;stroke-dashoffset: 180;}
.graphArea.animate.deg100 svg .circle-foreground2 {stroke-dasharray: 180 720;stroke-dashoffset: 180;}
.graphArea.animate.deg100 .dot{animation: dot100 1.5s linear forwards;}
.graphArea.animate.deg100 .dot .infoBox{transform:rotate(-100deg) translate(3px, 37px);animation: infoBox 0.5s linear forwards;animation-delay:1.5s;}

.graphArea.animate.deg110 svg .circle-foreground1 {stroke-dasharray: 200 720;stroke-dashoffset: 200;}
.graphArea.animate.deg110 svg .circle-foreground2 {stroke-dasharray: 200 720;stroke-dashoffset: 200;}
.graphArea.animate.deg110 .dot{animation: dot110 1.5s linear forwards;}
.graphArea.animate.deg110 .dot .infoBox{transform:rotate(-110deg) translate(3px, 38px);animation: infoBox 0.5s linear forwards;animation-delay:1.5s;}

.graphArea.animate.deg120 svg .circle-foreground1 {stroke-dasharray: 220 720;stroke-dashoffset: 220;}
.graphArea.animate.deg120 svg .circle-foreground2 {stroke-dasharray: 220 720;stroke-dashoffset: 220;}
.graphArea.animate.deg120 .dot{animation: dot120 1.5s linear forwards;}
.graphArea.animate.deg120 .dot .infoBox{transform:rotate(-120deg) translate(2px, 38px);animation: infoBox 0.5s linear forwards;animation-delay:1.5s;}

.graphArea.animate.deg130 svg .circle-foreground1 {stroke-dasharray: 240 720;stroke-dashoffset: 240;}
.graphArea.animate.deg130 svg .circle-foreground2 {stroke-dasharray: 240 720;stroke-dashoffset: 240;}
.graphArea.animate.deg130 .dot{animation: dot130 1.5s linear forwards;}
.graphArea.animate.deg130 .dot .infoBox{transform:rotate(-130deg) translate(0, 38px);animation: infoBox 0.5s linear forwards;animation-delay:1.5s;}

.graphArea.animate.deg140 svg .circle-foreground1 {stroke-dasharray: 260 720;stroke-dashoffset: 260;}
.graphArea.animate.deg140 svg .circle-foreground2 {stroke-dasharray: 260 720;stroke-dashoffset: 260;}
.graphArea.animate.deg140 .dot{animation: dot140 1.5s linear forwards;}
.graphArea.animate.deg140 .dot .infoBox{transform:rotate(-140deg) translate(0, 38px);animation: infoBox 0.5s linear forwards;animation-delay:1.5s;}

.graphArea.animate.deg150 svg .circle-foreground1 {stroke-dasharray: 280 720;stroke-dashoffset: 280;}
.graphArea.animate.deg150 svg .circle-foreground2 {stroke-dasharray: 280 720;stroke-dashoffset: 280;}
.graphArea.animate.deg150 .dot{animation: dot150 1.5s linear forwards;}
.graphArea.animate.deg150 .dot .infoBox{transform:rotate(-150deg) translate(-2px, 38px);animation: infoBox 0.5s linear forwards;animation-delay:1.5s;}

.graphArea.animate.deg160 svg .circle-foreground1 {stroke-dasharray: 300 720;stroke-dashoffset: 300;}
.graphArea.animate.deg160 svg .circle-foreground2 {stroke-dasharray: 300 720;stroke-dashoffset: 300;}
.graphArea.animate.deg160 .dot{animation: dot160 1.5s linear forwards;}
.graphArea.animate.deg160 .dot .infoBox{transform:rotate(-160deg) translate(-3px, 38px);animation: infoBox 0.5s linear forwards;animation-delay:1.5s;}

.graphArea.animate.deg170 svg .circle-foreground1 {stroke-dasharray: 320 720;stroke-dashoffset: 320;}
.graphArea.animate.deg170 svg .circle-foreground2 {stroke-dasharray: 320 720;stroke-dashoffset: 320;}
.graphArea.animate.deg170 .dot{animation: dot170 1.5s linear forwards;}
.graphArea.animate.deg170 .dot .infoBox{transform:rotate(-170deg) translate(-4px, 38px);animation: infoBox 0.5s linear forwards;animation-delay:1.5s;}

.graphArea.animate.deg180 svg .circle-foreground1 {stroke-dasharray: 340 720;stroke-dashoffset: 340;}
.graphArea.animate.deg180 svg .circle-foreground2 {stroke-dasharray: 340 720;stroke-dashoffset: 340;}
.graphArea.animate.deg180 .dot{animation: dot180 1.5s linear forwards;}
.graphArea.animate.deg180 .dot .infoBox{transform:rotate(-180deg) translate(-5px, 37px);animation: infoBox 0.5s linear forwards;animation-delay:1.5s;}

.graphArea.animate.deg190 svg .circle-foreground1 {stroke-dasharray: 360 720;stroke-dashoffset: 360;}
.graphArea.animate.deg190 svg .circle-foreground2 {stroke-dasharray: 360 720;stroke-dashoffset: 360;}
.graphArea.animate.deg190 .dot{animation: dot190 1.5s linear forwards;}
.graphArea.animate.deg190 .dot .infoBox{transform:rotate(-190deg) translate(-6px, 36px);animation: infoBox 0.5s linear forwards;animation-delay:1.5s;}

.graphArea.animate.deg200 svg .circle-foreground1 {stroke-dasharray: 380 720;stroke-dashoffset: 380;}
.graphArea.animate.deg200 svg .circle-foreground2 {stroke-dasharray: 380 720;stroke-dashoffset: 380;}
.graphArea.animate.deg200 .dot{animation: dot200 1.5s linear forwards;}
.graphArea.animate.deg200 .dot .infoBox{transform:rotate(-200deg) translate(-7px, 35px);animation: infoBox 0.5s linear forwards;animation-delay:1.5s;}

.graphArea.animate.deg210 svg .circle-foreground1 {stroke-dasharray: 400 720;stroke-dashoffset: 400;}
.graphArea.animate.deg210 svg .circle-foreground2 {stroke-dasharray: 400 720;stroke-dashoffset: 400;}
.graphArea.animate.deg210 .dot{animation: dot210 1.5s linear forwards;}
.graphArea.animate.deg210 .dot .infoBox{transform:rotate(-210deg) translate(-7px, 35px);animation: infoBox 0.5s linear forwards;animation-delay:1.5s;}

.graphArea.animate.deg220 svg .circle-foreground1 {stroke-dasharray: 420 720;stroke-dashoffset: 420;}
.graphArea.animate.deg220 svg .circle-foreground2 {stroke-dasharray: 420 720;stroke-dashoffset: 420;}
.graphArea.animate.deg220 .dot{animation: dot220 1.5s linear forwards;}
.graphArea.animate.deg220 .dot .infoBox{transform:rotate(-220deg) translate(-7px, 35px);animation: infoBox 0.5s linear forwards;animation-delay:1.5s;}

.graphArea.animate.deg230 svg .circle-foreground1 {stroke-dasharray: 440 720;stroke-dashoffset: 440;}
.graphArea.animate.deg230 svg .circle-foreground2 {stroke-dasharray: 440 720;stroke-dashoffset: 440;}
.graphArea.animate.deg230 .dot{animation: dot230 1.5s linear forwards;}
.graphArea.animate.deg230 .dot .infoBox{transform:rotate(-230deg) translate(-8px, 33px);animation: infoBox 0.5s linear forwards;animation-delay:1.5s;}

.graphArea.animate.deg240 svg .circle-foreground1 {stroke-dasharray: 460 720;stroke-dashoffset: 460;}
.graphArea.animate.deg240 svg .circle-foreground2 {stroke-dasharray: 460 720;stroke-dashoffset: 460;}
.graphArea.animate.deg240 .dot{animation: dot240 1.5s linear forwards;}
.graphArea.animate.deg240 .dot .infoBox{transform:rotate(-240deg) translate(-8px, 31px);animation: infoBox 0.5s linear forwards;animation-delay:1.5s;}


.graphArea.animate.deg250 svg .circle-foreground1 {stroke-dasharray: 480 720;stroke-dashoffset: 480;}
.graphArea.animate.deg250 svg .circle-foreground2 {stroke-dasharray: 480 720;stroke-dashoffset: 480;}
.graphArea.animate.deg250 .dot{animation: dot250 1.5s linear forwards;}
.graphArea.animate.deg250 .dot .infoBox{transform:rotate(-250deg) translate(-8px, 31px);animation: infoBox 0.5s linear forwards;animation-delay:1.5s;}

.graphArea.animate.deg260 svg .circle-foreground1 {stroke-dasharray: 500 720;stroke-dashoffset: 500;}
.graphArea.animate.deg260 svg .circle-foreground2 {stroke-dasharray: 500 720;stroke-dashoffset: 500;}
.graphArea.animate.deg260 .dot{animation: dot260 1.5s linear forwards;}
.graphArea.animate.deg260 .dot .infoBox{transform:rotate(-260deg) translate(-6px, 28px);animation: infoBox 0.5s linear forwards;animation-delay:1.5s;}

.graphArea.animate.deg270 svg .circle-foreground1 {stroke-dasharray: 520 720;stroke-dashoffset: 520;}
.graphArea.animate.deg270 svg .circle-foreground2 {stroke-dasharray: 520 720;stroke-dashoffset: 520;}
.graphArea.animate.deg270 .dot{animation: dot270 1.5s linear forwards;}
.graphArea.animate.deg270 .dot .infoBox{transform:rotate(-270deg) translate(-6px, 28px);animation: infoBox 0.5s linear forwards;animation-delay:1.5s;}

.graphArea.animate.deg280 svg .circle-foreground1 {stroke-dasharray: 540 720;stroke-dashoffset: 540;}
.graphArea.animate.deg280 svg .circle-foreground2 {stroke-dasharray: 540 720;stroke-dashoffset: 540;}
.graphArea.animate.deg280 .dot{animation: dot280 1.5s linear forwards;}
.graphArea.animate.deg280 .dot .infoBox{transform:rotate(-280deg) translate(-6px, 28px);animation: infoBox 0.5s linear forwards;animation-delay:1.5s;}

.graphArea.animate.deg290 svg .circle-foreground1 {stroke-dasharray: 560 720;stroke-dashoffset: 560;}
.graphArea.animate.deg290 svg .circle-foreground2 {stroke-dasharray: 560 720;stroke-dashoffset: 560;}
.graphArea.animate.deg290 .dot{animation: dot290 1.5s linear forwards;}
.graphArea.animate.deg290 .dot .infoBox{transform:rotate(-290deg) translate(-5px, 26px);animation: infoBox 0.5s linear forwards;animation-delay:1.5s;}

.graphArea.animate.deg300 svg .circle-foreground1 {stroke-dasharray: 580 720;stroke-dashoffset: 580;}
.graphArea.animate.deg300 svg .circle-foreground2 {stroke-dasharray: 580 720;stroke-dashoffset: 580;}
.graphArea.animate.deg300 .dot{animation: dot300 1.5s linear forwards;}
.graphArea.animate.deg300 .dot .infoBox{transform:rotate(-300deg) translate(-4px, 26px);animation: infoBox 0.5s linear forwards;animation-delay:1.5s;}

.graphArea.animate.deg310 svg .circle-foreground1 {stroke-dasharray: 600 720;stroke-dashoffset: 600;}
.graphArea.animate.deg310 svg .circle-foreground2 {stroke-dasharray: 600 720;stroke-dashoffset: 600;}
.graphArea.animate.deg310 .dot{animation: dot310 1.5s linear forwards;}
.graphArea.animate.deg310 .dot .infoBox{transform:rotate(-310deg) translate(-1px, 26px);animation: infoBox 0.5s linear forwards;animation-delay:1.5s;}

.graphArea.animate.deg320 svg .circle-foreground1 {stroke-dasharray: 620 720;stroke-dashoffset: 620;}
.graphArea.animate.deg320 svg .circle-foreground2 {stroke-dasharray: 620 720;stroke-dashoffset: 620;}
.graphArea.animate.deg320 .dot{animation: dot320 1.5s linear forwards;}
.graphArea.animate.deg320 .dot .infoBox{transform:rotate(-320deg) translate(-1px, 24px);animation: infoBox 0.5s linear forwards;animation-delay:1.5s;}


.graphArea.animate.deg330 svg .circle-foreground1 {stroke-dasharray: 640 720;stroke-dashoffset: 640;}
.graphArea.animate.deg330 svg .circle-foreground2 {stroke-dasharray: 640 720;stroke-dashoffset: 640;}
.graphArea.animate.deg330 .dot{animation: dot330 1.5s linear forwards;}
.graphArea.animate.deg330 .dot .infoBox{transform:rotate(-330deg) translate(0, 24px);animation: infoBox 0.5s linear forwards;animation-delay:1.5s;}

.graphArea.animate.deg340 svg .circle-foreground1 {stroke-dasharray: 660 720;stroke-dashoffset: 660;}
.graphArea.animate.deg340 svg .circle-foreground2 {stroke-dasharray: 660 720;stroke-dashoffset: 660;}
.graphArea.animate.deg340 .dot{animation: dot340 1.5s linear forwards;}
.graphArea.animate.deg340 .dot .infoBox{transform:rotate(-340deg) translate(1px, 24px);animation: infoBox 0.5s linear forwards;animation-delay:1.5s;}

.graphArea.animate.deg350 svg .circle-foreground1 {stroke-dasharray: 680 720;stroke-dashoffset: 680;}
.graphArea.animate.deg350 svg .circle-foreground2 {stroke-dasharray: 680 720;stroke-dashoffset: 680;}
.graphArea.animate.deg350 .dot{animation: dot350 1.5s linear forwards;}
.graphArea.animate.deg350 .dot .infoBox{transform:rotate(-350deg) translate(2px, 24px);animation: infoBox 0.5s linear forwards;animation-delay:1.5s;}

.graphArea.animate.deg360 svg .circle-foreground1 {stroke-dasharray: 699 720;stroke-dashoffset: 699;}
.graphArea.animate.deg360 svg .circle-foreground2 {stroke-dasharray: 699 720;stroke-dashoffset: 699;}
.graphArea.animate.deg360 .dot{animation: dot360 1.5s linear forwards;}
.graphArea.animate.deg360 .dot .infoBox{transform:rotate(-360deg) translate(3px, 24px);animation: infoBox 0.5s linear forwards;animation-delay:1.5s;}






/**************************************************************** PC ****************************************************************************/
@media only screen and (min-width: 1025px) and (max-width: 30000px) {
  /* 마이웨딩 > 활동내역 - pc */
	/* s : 20250527 마이웨딩 전체수정 - pc */
  .mainMyweddingInfoWrap{background:url("/img/site/main/2019_main_info_bg_01_pc.png") no-repeat center center/cover;padding-bottom:106px;height:auto;max-width:100%;width:100%;margin:0 auto;}
	.mainMyweddingInfoWrap .inner{margin:0 auto;max-width:1400px;width:100%;padding:104px 0 20px 0;}
	.mainMyweddingInfoWrap .inner:after{content:'';display:block;clear:both;}
  .mainMyweddingInfoWrap .inner .infoWrap-area { display: flex; align-items: stretch; gap: 30px; }
	
  .mainMyweddingInfoWrap .d-DayArea{background:#e9dbcc;border-radius:0 0 0 15px;padding:40px 30px 0 30px;box-shadow:0 10px 15px 5px rgba(147,135,119,0.17);max-width:440px;width:100%;overflow:hidden;padding:80px 40px;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	.mainMyweddingInfoWrap .d-DayArea .profileArea{position:relative;}
	.mainMyweddingInfoWrap .d-DayArea .profileArea .btnSetting{display:none;position:absolute;left:-13px;top:-24px;background:url("/img/site/main/btnSetting.png") no-repeat;-webkit-background-size:28px auto;background-size:28px auto;width:28px;height:28px;overflow:hidden;text-indent:-9999px;}
	.mainMyweddingInfoWrap .d-DayArea .profileArea .imgArea{overflow:hidden;border-radius:135px;border:3px solid #d4bea5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100px;height:100px;position:relative;box-shadow:0 7px 20px 5px rgba(51,51,51,0.19);}
	.mainMyweddingInfoWrap .d-DayArea .profileArea .imgArea img{height:100%;position:absolute;left:50%;top:0;transform:translate(-50%,0)}
	.mainMyweddingInfoWrap .d-DayArea .profileArea .txtArea{position:absolute;right:0;top:-3px;}
	.mainMyweddingInfoWrap .d-DayArea .profileArea .txtArea .d-day{font-size:50px;font-family:"SpoqaHanSansBold";color:#5a4e47;letter-spacing:-0.05em}
	.mainMyweddingInfoWrap .d-DayArea .profileArea .txtArea .weddingDay{border-top:1px solid #d4bea5;border-bottom:1px solid #d4bea5;height:38px;line-height:38px;margin-top:11px;min-width:170px;font-size:15px;}
	.mainMyweddingInfoWrap .d-DayArea .profileArea .txtArea .weddingDay .tit{display:block;float:left;color:#957963;}
	.mainMyweddingInfoWrap .d-DayArea .profileArea .txtArea .weddingDay .con{display:block;float:left;color:#5a4e47;margin-left:15px;}
	.mainMyweddingInfoWrap .d-DayArea .nameArea{margin-top:22px;font-size:30px;line-height:40px;color:#957963;position:relative;}
	.mainMyweddingInfoWrap .d-DayArea .nameArea strong{color:#5a4e47;}
	.mainMyweddingInfoWrap .d-DayArea .nameArea .mobileNone{display:block;}
	.mainMyweddingInfoWrap .d-DayArea .nameArea .playList{position:absolute;right:0;top:3px;font-size:16px;color:#957963;height:20px;line-height:1;border-bottom:1px solid #957963;}
	.mainMyweddingInfoWrap .d-DayArea .nameArea .activity {position: absolute;top: 0;right: 0;padding: 6px 0 2px;color:#957963;font-size: 16px;border-bottom:1px solid #957963;line-height: 1;}
	.mainMyweddingInfoWrap .d-DayArea .btnArea{border-radius:0 0 0 15px;overflow:hidden;margin-top:56px;}
	.mainMyweddingInfoWrap .d-DayArea .btnArea li{float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:50%;padding:0 1px 1px 0;text-align: left;}
	.mainMyweddingInfoWrap .d-DayArea .btnArea li:last-child {text-align: right;}
	.mainMyweddingInfoWrap .d-DayArea .btnArea li .icoArr {background-color: #957963;}
	.mainMyweddingInfoWrap .d-DayArea .btnArea li .icoArr span {color: #fff;}
	.mainMyweddingInfoWrap .d-DayArea .btnArea li .icoArr:hover {background-color: #fff;}
	.mainMyweddingInfoWrap .d-DayArea .btnArea li .icoArr:hover span {color: #957963;}
	.mainMyweddingInfoWrap .d-DayArea .btnArea li .icoArr:hover span:before {background: url("/img/site/common/btn_arrow_w.png") no-repeat 0 0;background-size:100% auto;}
	.mainMyweddingInfoWrap .btn span{color: #957963;}
  .mainMyweddingInfoWrap .d-DayArea .btnArea.add-btn{border-radius:100px;overflow:hidden;margin-top:65px; /* width:50%; */}
	.mainMyweddingInfoWrap .d-DayArea .btnArea.add-btn li{float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0;}
	.mainMyweddingInfoWrap .d-DayArea .btnArea.add-btn li a{display:block; position: relative; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#957963;line-height:58px;font-size:16px;color:#fff;text-align:center;}
	.mainMyweddingInfoWrap .d-DayArea .btnArea.add-btn li a em {position: absolute; top:50%; transform: translate(0,-50%); width:15px; height: 14px; background:url("/img/site/main/btn_right_arrow.png") no-repeat; content:'';}
	.mainMyweddingInfoWrap .d-DayArea .btnArea.add-btn li a span {margin-left:25px;}
	
	/*웨딩마일리지일경우 타입*/
	.mainMyweddingInfoWrap .d-DayArea.myWeddingStyle{padding-top:80px;}
	.mainMyweddingInfoWrap .d-DayArea.myWeddingStyle .txtArea{padding-top:20px;}
	.mainMyweddingInfoWrap .d-DayArea.myWeddingStyle .txtArea .infoTit{color:#957963;font-size:16px;}
	.mainMyweddingInfoWrap .d-DayArea.myWeddingStyle .txtArea .infoCon{color:#333333;font-size:16px;line-height:24px;margin-top:12px;}
	.mainMyweddingInfoWrap .d-DayArea.myWeddingStyle .nameArea{margin-top:73px;text-align:center;}
  .mainMyweddingInfoWrap .d-DayArea.departmentStyle .nameArea{margin-top:60px;letter-spacing:-0.05em}
	.mainMyweddingInfoWrap .d-DayArea.departmentStyle .nameArea .playList{top:8px;}
	.mainMyweddingInfoWrap .d-DayArea.departmentStyle.noLogin{padding-top:104px;}
	.mainMyweddingInfoWrap .d-DayArea.departmentStyle.noLogin .btnArea{margin-top:60px;}

	.mainMyweddingInfoWrap .mobileScrollArea.dimBgType .dimBgArea{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10}
	.mainMyweddingInfoWrap .mobileScrollArea.dimBgType .dimBgArea .bg{background:#f3e7dc;border-radius:0 0 0 15px;opacity:0.95;width:100%;height:100%;position:absolute;left:0;top:0;}
	.mainMyweddingInfoWrap .mobileScrollArea.dimBgType .dimBgArea .conArea{position:relative;width:100%;height:100%;display:table;z-index:1;}
	.mainMyweddingInfoWrap .mobileScrollArea.dimBgType .dimBgArea .conArea .innerArea{text-align:center;vertical-align:middle;display:table-cell}
	.mainMyweddingInfoWrap .mobileScrollArea.dimBgType .dimBgArea .conArea .innerArea .tit{color:#5a4e47;font-size:48px;font-family:"lotteMartMedium";letter-spacing:-0.05em;line-height:60px;}
	.mainMyweddingInfoWrap .mobileScrollArea.dimBgType .dimBgArea .conArea .innerArea .infoSet{text-align:left;color:#333333;display:inline-block;}
	.mainMyweddingInfoWrap .mobileScrollArea.dimBgType .dimBgArea .conArea .innerArea .infoSet ul{margin-top:45px;}
	.mainMyweddingInfoWrap .mobileScrollArea.dimBgType .dimBgArea .conArea .innerArea .infoSet ul li{margin-bottom:20px;font-size:18px;}
	.mainMyweddingInfoWrap .mobileScrollArea.dimBgType .dimBgArea .conArea .innerArea .infoSet ul li strong{font-weight:normal;color:#a63030;}
	.mainMyweddingInfoWrap .mobileScrollArea.dimBgType .dimBgArea .conArea .innerArea .infoSet ul li span{color:#777777;}
	.mainMyweddingInfoWrap .mobileScrollArea.dimBgType .dimBgArea .conArea .innerArea .infoSet ul li:last-child{margin-bottom:0;}

	.mainMyweddingInfoWrap .mobileScrollArea{width:100%;background:#f3e7dc;border-radius:0 0 0 15px;box-shadow:0 10px 15px 5px rgba(147,135,119,0.15);overflow:hidden;padding:10px ;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	.mainMyweddingInfoWrap .myWeddingInofoBox{display: flex; align-items: stretch;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox{display: flex;flex-direction: column;justify-content: space-between;background:#F9F5F1;width:100%;max-width:407px;border-radius:0 0 0 15px;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .topCon{background:#f9f5f1;padding:42px 30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
  .mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .topCon .item{position:relative;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .topCon .item:nth-child(2){margin: 30px 0 52px 0;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .topCon .item .tit{color:#333333;font-size:18px;margin-bottom:19px;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .topCon .item .priceArea{position:relative;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .topCon .item .priceArea .price{color:#999999;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .topCon .item .priceArea .price strong{color:#a63030;font-family:"SpoqaHanSansBold";font-size:24px;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .topCon .item .priceArea .price span {font-size:15px;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .topCon .item .priceArea .btnRight{width: fit-content;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .topCon .item .priceArea .btnRight .icon_mvg{background:url("/img/site/main/icon_main_info_02.png") no-repeat;-webkit-background-size:43px auto;background-size:43px auto;padding-left:54px;box-sizing:border-box;-moz-box-sizing:border-box;display:block;width:100%;height:47px;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .topCon .item .priceArea .btnRight .icon_mvg span {display: inline-flex; color:#957963;font-size:16px;line-height: 1.4;}
  .mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .dateCon{padding:36px 30px;background: #F5F0EB;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .dateCon li{margin-bottom:26px;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .dateCon li:last-child{margin-bottom:0;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .dateCon li .tit{margin-bottom:13px;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .dateCon li .con{color:#333;}

  .mainMyweddingInfoWrap .rightBox {position:relative;width: 100%;height: 100%;display: flex;flex-direction: column;gap: 60px;padding:40px 34px 34px;}
  .mainMyweddingInfoWrap .rightBox h3 {font-size: 20px;color:#A63030;font-weight: 700;margin-bottom:25px;}
  .mainMyweddingInfoWrap .rightBox .graphWrap{position:relative;width: 100%;height: 100%;}
	.mainMyweddingInfoWrap .rightBox .graphWrap .graphArea {width: 290px;height: 290px; margin: 0 auto; z-index: 1;}
	.mainMyweddingInfoWrap .rightBox .graphWrap .graphArea .dot{width: calc(100% - 42px);height: calc(100% - 42px);margin: 0;position: absolute;left:50%;top:50%;text-align:center;z-index:1;transform:translate(-50%, -50%) rotate(10deg);}
	.mainMyweddingInfoWrap .rightBox .graphWrap .graphArea .dot:after{display:inline-block;content:'';width: 10px;height: 10px;background:#efe3d8;box-shadow:0 0 1px 2px rgba(0,0,0,0.2);border-radius:10px;}
	.mainMyweddingInfoWrap .rightBox .graphWrap .graphArea .dot .infoBox{opacity:0;display:inline-block;position:absolute;left: 50%;top: 0;line-height: 30px;color:#ffffff;background:#6b5d55;padding:0 43px 0 16px;box-shadow:1px 1px 3px 1px rgba(0,0,0,0.2);border-radius:30px;margin-left:-62px;min-width:116px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	.mainMyweddingInfoWrap .rightBox .graphWrap .graphArea .dot .infoBox:after{content:'';display:block;position:absolute;left:50%;top:-9px;background:url("/img/site/main/icon_graph_alert_box.png") no-repeat;width:7px;height:10px;margin-left:-3px;}
	.mainMyweddingInfoWrap .rightBox .graphWrap .graphArea .dot .infoBox a{line-height:1;display:block;position:absolute;right:16px;top:50%;transform:translate(0, -50%);}
	.mainMyweddingInfoWrap .rightBox .graphWrap .graphArea .dot .infoBox a .full{display:none;position:absolute;left: 50%;top: 30px;line-height: 30px;color:#ffffff;background:#6b5d55;padding:0 15px 0 15px;box-shadow:1px 1px 3px 1px rgba(0,0,0,0.2);border-radius:30px;transform:translate(-50%,0);text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;word-break:keep-all;}
	.mainMyweddingInfoWrap .rightBox .graphWrap .graphArea .dot .infoBox a:hover .full,
	.mainMyweddingInfoWrap .rightBox .graphWrap .graphArea .dot .infoBox a:focus .full {display:block;}
	.mainMyweddingInfoWrap .rightBox .graphWrap .graphArea .dot .infoBox .full:after{content:'';display:block;position:absolute;left:50%;top:-9px;background:url("/img/site/main/icon_graph_alert_box.png") no-repeat;width:7px;height:10px;margin-left:-3px;}

  .priceLevel{position: absolute;width: 100%;height: 100%;font-size: 15px;top: 50%;left: 50%;transform: translate(-50%, -50%);}
	.priceLevel li {position: absolute; color:#8c786d;white-space: nowrap; transform: translate(-50%, -50%); }

	.mainMyweddingInfoWrap .rightBox .graphWrap .graphArea.animate svg .circle-foreground1,
	.mainMyweddingInfoWrap .rightBox .graphWrap .graphArea.animate svg .circle-foreground2{animation: offset 1.5s linear forwards; }
	.mainMyweddingInfoWrap .rightBox .graphWrap .graphArea figcaption{position:absolute;left:0;top:50%;width:100%;text-align:center;transform:translate(0,-50%)}
	.mainMyweddingInfoWrap .rightBox .graphWrap .graphArea figcaption span{display:block;text-align:center;}
	.mainMyweddingInfoWrap .rightBox .graphWrap .graphArea figcaption .tit{color:#8b8178;font-size:18px;}
	.mainMyweddingInfoWrap .rightBox .graphWrap .graphArea figcaption .price{color:#a63030;font-size:70px;font-family:'NotoSansKR-Medium';}
	.mainMyweddingInfoWrap .rightBox .graphWrap .graphArea figcaption .txt{color:#b9a899;font-size:18px;}
	.mainMyweddingInfoWrap .rightBox .graphWrap .graphArea svg {width: 100%;height: 100%;}
  .graphArea svg .circle-background1 {r: calc(50% - 15px);cx: 50%;cy: 50%;fill: none;stroke: #eddfd1;stroke-width: 15px;}
  .graphArea svg .circle-background2,
  .graphArea svg .circle-foreground1,
  .graphArea svg .circle-foreground2{r: calc(50% - 31px);cx: 50%;cy: 50%;fill: none;stroke: #d6c4b3;stroke-width: 15px;}
  .graphArea svg .circle-foreground1 {stroke: #a63030;stroke-dasharray: 0 720;stroke-dashoffset: 0;stroke-linecap: round;transform-origin: 50% 50%;transform: rotate(-80deg);background:#e8dbcf;}
  .graphArea svg .circle-foreground2 {stroke: #e8dbcf;stroke-dasharray: 0 720;stroke-dashoffset: 0;stroke-linecap: round;transform-origin: 50% 50%;transform: rotate(-80deg);stroke-width: 5px;}
  
  .mainMyweddingInfoWrap .rightBox .giftWrap .gift-top {display: flex; justify-content: flex-start; gap: 12px; margin-bottom: 20px; }
  .mainMyweddingInfoWrap .rightBox .giftWrap .gift-top .chips {display: block; background-color: #EDDFD1; color: #BAA692; font-weight: 700; text-align: center; width: fit-content; height: 35px; line-height: 33px; border-radius: 36px; padding:0 16px; white-space: nowrap; box-sizing: border-box; }
  .mainMyweddingInfoWrap .rightBox .giftWrap .gift-top .chips.full { border: 1px solid #C0A7A7; color: #A63030; }
  .mainMyweddingInfoWrap .rightBox .giftWrap .gift-top .desc { position:relative; padding-left: 16px; color: #8C786D; font-size: 12px; line-height: 1.4; font-weight: 500;}
  .mainMyweddingInfoWrap .rightBox .giftWrap .gift-top .desc::before {content: '※'; position: absolute; top: 0; left: 0;}
  .mainMyweddingInfoWrap .rightBox .giftWrap .gift-bottom { display: flex; align-items: center; gap: 8px; }
  .mainMyweddingInfoWrap .rightBox .giftWrap .gift-bottom li { flex:0.5; background: #EADCCE; padding: 23px 0px 23px 20px; border-radius: 10px; }
  .mainMyweddingInfoWrap .rightBox .giftWrap .gift-bottom li .tit-area { display: flex; align-items: center; gap: 4px; margin-bottom: 10px; }
  .mainMyweddingInfoWrap .rightBox .giftWrap .gift-bottom li .tit-area .tit { color: #BAA692; font-size: 20px; font-weight: 700; }
  .mainMyweddingInfoWrap .rightBox .giftWrap .gift-bottom li .tit-area .chips {background: #C5B3A2; color: #fff; font-size: 14px; font-weight: 700; text-align: center; width: fit-content; height: 26px; line-height: 25px; border-radius: 20px; padding:0 12px; white-space: nowrap; box-sizing: border-box; }
  .mainMyweddingInfoWrap .rightBox .giftWrap .gift-bottom li .num-area { display: flex; align-items: flex-end; color: #A63030; }
  .mainMyweddingInfoWrap .rightBox .giftWrap .gift-bottom li .num-area .current { font-size: 24px; font-weight: 600; padding-right: 4px; }
  .mainMyweddingInfoWrap .rightBox .giftWrap .gift-bottom li .num-area .total { font-size: 12px; color: #161616; font-weight: 500; } 
  .mainMyweddingInfoWrap .rightBox .giftWrap .gift-bottom li.full { background: #A63030; }
  .mainMyweddingInfoWrap .rightBox .giftWrap .gift-bottom li.full .tit-area .tit { color: #fff; }
  .mainMyweddingInfoWrap .rightBox .giftWrap .gift-bottom li.full .tit-area .chips { background: #8C1B1B; }
  .mainMyweddingInfoWrap .rightBox .giftWrap .gift-bottom li.full .num-area .current { color: #fff; }
  .mainMyweddingInfoWrap .rightBox .giftWrap .gift-bottom li.full .num-area .total { color: #F39A9A; }
  
  /* after :: 7/1 이후가입자 */
  .mainMyweddingInfoWrap .mobileScrollArea.after .rightBox .priceLevel li.level1 { left: 347.87px; top: 41.0331px; }
  .mainMyweddingInfoWrap .mobileScrollArea.after .rightBox .priceLevel li.level2 { left: 380.069px; top: 182.105px;}
  .mainMyweddingInfoWrap .mobileScrollArea.after .rightBox .priceLevel li.level3 {  left: 289.85px; top: 295.237px;}
  .mainMyweddingInfoWrap .mobileScrollArea.after .rightBox .priceLevel li.level4 { left: 145.15px; top: 295.237px;}
  .mainMyweddingInfoWrap .mobileScrollArea.after .rightBox .priceLevel li.level5 { left: 54.9308px; top: 182.105px;}
  .mainMyweddingInfoWrap .mobileScrollArea.after .rightBox .priceLevel li.level6 {left: 87.1296px; top: 41.0331px;}
  .mainMyweddingInfoWrap .mobileScrollArea.after .rightBox .priceLevel li.level7 { left: 217.5px; top: -21.75px;}

  /* before :: 7/1 이전가입자 */
  .mainMyweddingInfoWrap .mobileScrollArea.before .myWeddingInofoBox .leftBox .topCon { padding: 26px 30px 0 30px; }
  .mainMyweddingInfoWrap .mobileScrollArea.before .myWeddingInofoBox .leftBox .topCon .item .priceArea .btnRight {position: absolute;right: 0;top: -10px;}
  .mainMyweddingInfoWrap .mobileScrollArea.before .myWeddingInofoBox .leftBox .dateCon { padding: 27px 30px 0 30px; }
  .mainMyweddingInfoWrap .mobileScrollArea.before .myWeddingInofoBox .leftBox .dateCon li { margin-bottom: 26px;}
  .mainMyweddingInfoWrap .mobileScrollArea.before .rightBox { padding: 26px 34px 0; }
  .mainMyweddingInfoWrap .mobileScrollArea.before .rightBox .priceLevel li.level1 {left: 324.685px;top: 17.2621px;}
  .mainMyweddingInfoWrap .mobileScrollArea.before .rightBox .priceLevel li.level2 {left: 381.717px; top: 116.044px;}
  .mainMyweddingInfoWrap .mobileScrollArea.before .rightBox .priceLevel li.level3 {left: 361.91px; top: 228.375px;}
  .mainMyweddingInfoWrap .mobileScrollArea.before .rightBox .priceLevel li.level4 {left: 274.532px; top: 301.694px;}
  .mainMyweddingInfoWrap .mobileScrollArea.before .rightBox .priceLevel li.level5 {left: 160.468px; top: 301.694px;}
  .mainMyweddingInfoWrap .mobileScrollArea.before .rightBox .priceLevel li.level6 {left: 73.0903px; top: 228.375px;}
  .mainMyweddingInfoWrap .mobileScrollArea.before .rightBox .priceLevel li.level7 {left: 53.2833px; top: 116.044px;}
  .mainMyweddingInfoWrap .mobileScrollArea.before .rightBox .priceLevel li.level8 {left: 110.315px; top: 17.2621px;}
  .mainMyweddingInfoWrap .mobileScrollArea.before .rightBox .priceLevel li.level9 {left: 217.5px; top: -21.75px;}
  /* e : 20250527 마이웨딩 전체수정 - pc */

	.mainMyweddingAnimationScroll{height:650px;position:relative;overflow:hidden;background: url("/img/site/main/2019_main_info_bg_02_pc.png") no-repeat center top;}
	.mainMyweddingAnimationScroll .infoArea{position:absolute;left:0;right:0;width:1000px;margin:0 auto;top:0;z-index:1}
	.mainMyweddingAnimationScroll .infoArea li{float:left;width:33.3333%;text-align:center;}
	.mainMyweddingAnimationScroll .infoArea li a{display:inline-block;text-align:left;color:#6b5d55;}
	.mainMyweddingAnimationScroll .infoArea li a .tit{font-size:18px;color:#6b5d55;display:block;}
	.mainMyweddingAnimationScroll .infoArea li a .number{display:inline-block;margin-top:18px;overflow:hidden;background:url("/img/site/main/btn_more_chk.png") no-repeat right bottom;padding-right:42px;}
	.mainMyweddingAnimationScroll .infoArea li a .number strong{font-size:50px;display:block;float:left;font-weight:normal;font-family:"SpoqaHanSansBold";}
	.mainMyweddingAnimationScroll .infoArea li a .number .txt{float:left;font-size:18px;color:#6b5d55;margin:29px 0 0 5px;}
	.mainMyweddingAnimationScroll .goal{position:absolute;left:0;right:0;width:100%;margin:0 auto;bottom:47px;z-index:1;text-align:center;font-size:18px;color:#665956;}
	.mainMyweddingAnimationScroll .goal span{display:inline-block;vertical-align:top;margin:12px 5px 0 0;font-family:"SpoqaHanSansBold";}
	.mainMyweddingAnimationScroll .goal strong{font-size:32px;font-weight:normal;font-family:"SpoqaHanSansBold";display:inline-block;vertical-align:top;}
	.mainMyweddingAnimationScroll .goal span.info{margin-top:15px;font-size:13px;font-family:"SpoqaHanSansRegular";padding-left:3px;}

	.mainMyweddingAnimation{
    position:absolute;
		left:50%;
		top:0;
		overflow:hidden;
		margin-left:-900px;
		transform:translate(0, 0) !important;
		background:url("/img/site/main/movingBg.png") no-repeat right center;
		width:1850px;
		height:650px;
	}
	.mainMyweddingAnimation .flowerObj{position:absolute;left:0;top:0;width:100%;z-index:5;background: url(/img/site/main/img_flower_left00.png) 131px 546px no-repeat;height: 629px;}
	.mainMyweddingAnimation .flowerObj .obj{position:absolute;left:0%;top:518px;opacity:1}
	.mainMyweddingAnimation .flowerObj .obj.flower1{top: 542px;}
	.mainMyweddingAnimation .flowerObj .obj.flower2{
		left: 1.1%;top: 510px;z-index: -1;
		-webkit-animation: flower02 4000ms cubic-bezier(0.455, 0.030, 0.515, 0.955) 3000ms infinite both;
    animation: flower02 4000ms cubic-bezier(0.455, 0.030, 0.515, 0.955) 3000ms infinite both;
	}
	.mainMyweddingAnimation .flowerObj .obj.flower3{
		top: 465px;
		-webkit-animation: flower03 3500ms cubic-bezier(0.455, 0.030, 0.515, 0.955) 4500ms infinite both;
    animation: flower03 3500ms cubic-bezier(0.455, 0.030, 0.515, 0.955) 4500ms infinite both;
	}
	.mainMyweddingAnimation .crabObj{position:absolute;left:0;top:0;width:100%;}
	.mainMyweddingAnimation .crabObj .obj{position:absolute;left:50%;top:594px;opacity:1}
	.mainMyweddingAnimation .crabObj .obj.crab1{left:63%; transform: rotate(-6deg); animation: wobble-hor-bottom 500ms steps(1, start) infinite both;}
	.mainMyweddingAnimation .crabObj .obj.crab2{left: 67%;top: 580px; animation: wobble-hor-bottom2 500ms steps(1, start) infinite both; }

	.mainMyweddingAnimation .bgObj{position:absolute;left:0;top:-275px;width:100%;}
	.mainMyweddingAnimation .bgObj .obj{position:absolute;left:50%;top:0;opacity:0.1}

	.mainMyweddingAnimation .bgObj.cloud .cloud1{margin-left:560px;animation: cloud 40s linear infinite; }
	.mainMyweddingAnimation .bgObj.cloud .cloud2{margin-left:300px;top:95px;animation: cloud 35s linear infinite;}
	.mainMyweddingAnimation .bgObj.cloud .cloud3{margin-left:555px;top:120px;animation: cloud 50s linear infinite;}
	.mainMyweddingAnimation .bgObj.cloud .cloud4{margin-left:-526px;top:238px;animation: cloud 45s linear infinite;}
	.mainMyweddingAnimation .bgObj.cloud .cloud5{margin-left:-795px;top:315px;animation: cloud 60s linear infinite;}

	.mainMyweddingAnimation .bgObj.sakuraLeft .obj{opacity:0}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura1{top: -201px; margin:189px 0 0 -754px;animation: sakura 7s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura2{margin:326px 0 0 -806px;animation: sakura 8s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura3{margin:405px 0 0 -616px;animation: sakura 6s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura4{margin:381px 0 0 -462px;animation: sakura 4s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura5{margin:338px 0 0 -253px;animation: sakura 5s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura6{margin:350px 0 0 -106px;animation: sakura 7s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura7{margin:446px 0 0 -58px;animation: sakura 7s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura8{margin:410px 0 0 240px;animation: sakura 7s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura9{margin:410px 0 0 240px;animation: sakura 7s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura10{margin:410px 0 0 685px;animation: sakura 7s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura11{margin:293px 0 0 869px;animation: sakura 7s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura12{margin:190px 0 0 775px;animation: sakura 7s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura13{margin:156px 0 0 826px;animation: sakura 7s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura14{margin:30px 0 0 711px;animation: sakura 7s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura15{margin:-40px 0 0 908px;animation: sakura 7s linear infinite;}

	.mainMyweddingAnimation .bgObj.sakuraRight .obj{opacity:0}
	.mainMyweddingAnimation .bgObj.sakuraRight .sakura1{margin:189px 0 0 740px;animation: sakura 7s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraRight .sakura2{margin:239px 0 0 867px;animation: sakura 8s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraRight .sakura3{margin:229px 0 0 706px;animation: sakura 6s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraRight .sakura4{margin:266px 0 0 826px;animation: sakura 4s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraRight .sakura5{margin:294px 0 0 766px;animation: sakura 5s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraRight .sakura6{margin:330px 0 0 720px;animation: sakura 7s linear infinite;}

	.mainMyweddingAnimation .inner{width:1250px;margin:0 auto;position:relative;height:100%;}
	.mainMyweddingAnimation .inner .motorcycle{
		width: 327px;
		position: absolute;
		left: 0;
		bottom: 184px;
		z-index:1;
		margin-left:-100px;
	}
	.mainMyweddingAnimation .inner .motorcycle .set{
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 0;
		transform:translate(-60%,0);
	}
	.mainMyweddingAnimation .inner .motorcycle .obj{position:absolute;left:0;top:0;}
	.mainMyweddingAnimation .inner .motorcycle .obj img{width:100%;}
	.mainMyweddingAnimation .inner .motorcycle .body{
    position:relative;
    z-index:4;
		animation: motorcycle 0.5s linear infinite;
	}
	.mainMyweddingAnimation .inner .motorcycle .b{
    position:absolute;
    left: -6.12%;top: -14.83%;
    z-index:3;
    width:56.34%;
    -webkit-animation: motorcycleB 9500ms cubic-bezier(0.405, 0.190, 0.000, 0.855);
    animation: motorcycleB 9500ms cubic-bezier(0.405, 0.190, 0.000, 0.855);
  }
	.mainMyweddingAnimation .inner .motorcycle .w1{
		position: absolute;
		left: 58.8%;
		top: 65.13%;
		z-index: 3;
		width: 12.78%;
		animation: motorcycleW 1s linear infinite;
	}
	.mainMyweddingAnimation .inner .motorcycle .w2{
		position: absolute;
		left: 22.54%;
		top: 65.13%;
		z-index: 3;
		width: 12.78%;
		animation: motorcycleW 1s linear infinite;
	}
	.mainMyweddingAnimation .inner .dDayStep{position:absolute;left:0;bottom:250px;width:100%;}
	.mainMyweddingAnimation .inner .dDayStep2{position:absolute;left:0;bottom:105px;width:100%;z-index: 2;}
	.mainMyweddingAnimation .inner .dDayStep li{float:left;width:19%;text-indent:-9999px;transform:translate(-40px,0);transition:all 0.5s;background-position:right bottom;background-repeat:no-repeat; background-image: url("/img/site/main/2019_dDay_icon_off.png");height:200px;}
	.mainMyweddingAnimation .inner .dDayStep li.on {background-image:url("/img/site/main/2019_dDay_icon_on.png") !important;}
	.mainMyweddingAnimation .inner .dDayStep li.on2 {background-image:url("/img/site/main/2019_dDay_icon_on2.png") ;}
	.mainMyweddingAnimation .inner .dDayStep li:after {content:"";position: absolute;right:-83%;top:91px;display: block;width: 100%;height: 59px;background: url("/img/site/main/img_deco.png") no-repeat;}
	.mainMyweddingAnimation .inner .dDayStep li:last-child:after {display: none;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step1{background-image:url("/img/site/main/2019_dDay_icon_01_off.png") ;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step1.on{background-image:url("/img/site/main/2019_dDay_icon_01_on.png") !important;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step1.on2 {background-image:url("/img/site/main/2019_dDay_icon_01_on2.png") ;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step2{background-image:url("/img/site/main/2019_dDay_icon_02_off.png") ;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step2.on{background-image:url("/img/site/main/2019_dDay_icon_02_on.png") !important;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step2.on2 {background-image:url("/img/site/main/2019_dDay_icon_02_on2.png") ;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step3{background-image:url("/img/site/main/2019_dDay_icon_03_off.png") ;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step3.on{background-image:url("/img/site/main/2019_dDay_icon_03_on.png") !important;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step3.on2 {background-image:url("/img/site/main/2019_dDay_icon_03_on2.png") ;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step4{background-image:url("/img/site/main/2019_dDay_icon_04_off.png") ;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step4.on{background-image:url("/img/site/main/2019_dDay_icon_04_on.png") !important;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step4.on2 {background-image:url("/img/site/main/2019_dDay_icon_04_on2.png") ;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step5{background-image:url("/img/site/main/2019_dDay_icon_05_off.png");}
	.mainMyweddingAnimation .inner .dDayStep2 li.step5.on{background-image:url("/img/site/main/2019_dDay_icon_05_on.png") !important;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step5.on2 {background-image:url("/img/site/main/2019_dDay_icon_05_on2.png") ;}
	.mainMyweddingAnimation .inner .dDayStep li.step6{width:0;}
	.mainMyweddingAnimation .inner .goal{display:none;}


	.mainCommunityWrap{background:#f4efeb;padding:80px 0;margin:0 auto;}
	.mainCommunityWrap .inner{margin:0 auto;width:1400px;}
	.mainCommunityWrap .mainCommunityList{margin:0 -12px;}
	.mainCommunityWrap .mainCommunityList:after{content:'';display:block;clear:both;}
	.mainCommunityWrap .mainCommunityList li{width:355px;padding:0 12px;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:top;}
	.mainCommunityWrap .mainCommunityList li .item{background:#ffffff;border-radius:0 0 0 15px;margin-left:5px;display:block;padding:65px 20px 20px 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:325px;box-shadow:5px 10px 15px 5px rgba(147,135,119,0.15);position:relative;transition:all 0.5s}
	.mainCommunityWrap .mainCommunityList li .item:hover,
	.mainCommunityWrap .mainCommunityList li .item:focus{box-shadow:5px 10px 15px 5px rgba(147,135,119,0.3);}
	.mainCommunityWrap .mainCommunityList li .item .icon{position:absolute;left:-5px;top:0;color:#ffffff;line-height:32px;width:59px;text-align:center;}
	.mainCommunityWrap .mainCommunityList li .item .icon.brown{background:#4f4543;}
	.mainCommunityWrap .mainCommunityList li .item .icon.brown:after{content:'';display:block;width:5px;height:4px;background:url("/img/site/main/list_box_bottom_brown.png") no-repeat;position:absolute;left:0;top:31px;}
	.mainCommunityWrap .mainCommunityList li .item .icon.pink{background:#e29090;}
	.mainCommunityWrap .mainCommunityList li .item .icon.pink:after{content:'';display:block;width:5px;height:4px;background:url("/img/site/main/list_box_bottom_pink.png") no-repeat;position:absolute;left:0;top:31px;}
	.mainCommunityWrap .mainCommunityList li .item .icon.gray{background:#777777 ;}
	.mainCommunityWrap .mainCommunityList li .item .icon.gray:after{content:'';display:block;width:5px;height:4px;background:url("/img/site/main/list_box_bottom_gray.png") no-repeat;position:absolute;left:0;top:31px;}
	.mainCommunityWrap .mainCommunityList li .item .icon.orange {background:#e3a579;}
	.mainCommunityWrap .mainCommunityList li .item .icon.orange:after{content:'';display:block;width:5px;height:4px;background:url("/img/site/main/list_box_bottom_orange.png") no-repeat;position:absolute;left:0;top:31px;}
	.mainCommunityWrap .mainCommunityList li .item .tit{color:#333333;font-size:22px;line-height:30px;font-family:"lotteMartMedium";overflow:hidden;height:60px;}
	.mainCommunityWrap .mainCommunityList li .item .con{line-height:22px;overflow:hidden;height:66px;color:#777777;margin-top:25px;}
	.mainCommunityWrap .mainCommunityList li .item .bottomInfo{position:absolute;left:20px;bottom:30px;}


	.mainConsultingWrap{padding:57px 0 0 0;max-width:1920px;margin:0 auto;}
	.mainConsultingWrap .inner{margin:0 auto;width:1120px;}
	.mainConsultingWrap .mainConsultingBig{overflow:hidden;margin-bottom:40px;}
	.mainConsultingWrap .mainConsultingBig ul{margin:0 -20px;overflow:hidden;}
	.mainConsultingWrap .mainConsultingBig ul li{float:left;padding:0 20px;width:33.333%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	.mainConsultingWrap .mainConsultingBig ul li .item{height:220px;overflow:hidden;background:#a59588;border-radius:0 0 0 15px;display:block;padding-left:173px;position:relative;}
	.mainConsultingWrap .mainConsultingBig ul li .item .imgArea{height:278px;width:173px;overflow:hidden;position:absolute;left:0;top:0;}
	.mainConsultingWrap .mainConsultingBig ul li .item .imgArea img{position:absolute;left:50%;top:0;height:100%;transform:translate(-50%,0)}
	.mainConsultingWrap .mainConsultingBig ul li .item .conArea{text-align:center;padding-top:80px;}
	.mainConsultingWrap .mainConsultingBig ul li .item .conArea .tit{color:#ffffff;font-size:30px;font-family:"lotteMartMedium";}
	.mainConsultingWrap .mainConsultingBig ul li .item .conArea .txt{color:#ffffff;font-size:18px;font-family:"SpoqaHanSansLight";margin-top:15px;}
	.mainConsultingWrap .mainConsultingBig ul li .item .conArea .icon{text-align:center;margin-top:55px;}
	.mainConsultingWrap .mainConsultingSmall{background:#e6e1dd;overflow:hidden;border-radius:0 0 0 15px;padding:30px 30px 80px;}
	.mainConsultingWrap .mainConsultingSmall:after{content:'';display:block;clear:both;}
	.mainConsultingWrap .mainConsultingSmall li{float:left;margin-right:20px;}
	.mainConsultingWrap .mainConsultingSmall li:last-child{margin-right:0;}
	.mainConsultingWrap .mainConsultingSmall li .item{background:#fff;overflow:hidden;border-radius:0 0 0 15px;box-shadow:5px 5px 10px 3px rgba(147,135,119,0.15);width:160px;height:140px;display:block;text-align:center;transition:all 0.1.5s}
	.mainConsultingWrap .mainConsultingSmall li .item:hover,
	.mainConsultingWrap .mainConsultingSmall li .item:focus{box-shadow:5px 5px 10px 3px rgba(147,135,119,0.30)}
	.mainConsultingWrap .mainConsultingSmall li .item .icon{height:52px;margin-top:33px;}
	.mainConsultingWrap .mainConsultingSmall li .item .tit{font-size:18px;color:#4f4543;margin-top:15px;}
	.mainConsultingWrap .mainConsultingSmall li .item.more{background:#ffffff url("/img/site/main/main_wedding_icon_more.png") no-repeat center center;overflow:hidden;text-indent:-999px;box-shadow:none;border-radius:0}


	.mainEventSlide{height:418px;position:relative;opacity:0;transition:opacity 0.5s}
	.mainEventSlide.on{opacity:1}
	.mainEventSlide .swiper-container{height:100%;}
	.mainEventSlide .swiper-slide{overflow:hidden;}
	.mainEventSlide .swiper-slide > .onlyPc img {width:100%;}
	.mainEventSlide .swiper-pagination{position:absolute;left:0;right:0;bottom:40px;margin:0 auto;width:280px;display:flex}
	.mainEventSlide .swiper-pagination .swiper-pagination-bullet{flex:1;height:1px;background:#ececec;width:auto;opacity:1;position:relative;}
	.mainEventSlide .swiper-pagination .swiper-pagination-bullet:after{content:'';display:block;position:absolute;left:0;top:0;height:1px;width:0;background:#f65286;}
	.mainEventSlide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{transition:all 5s;width:100%;}


  .mainGallayWrap{padding:57px 0 0 0;max-width:1920px;margin:0 auto;}
	.mainGallayWrap .inner{margin:0 auto;width:1120px;overflow:hidden;}
	.mainGallayWrap .leftCon{float:left;width:458px;margin-right:30px;}
	.mainGallayWrap .rightCon{float:left;width:632px;}
	.mainGallayWrap .mainWeddingPickList{overflow:hidden;}
	/* .mainGallayWrap .mainWeddingPickList ul{margin:-10px;} */
	.mainGallayWrap .mainWeddingPickList ul li{float:left;margin-top:14px;margin-right:13px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	.mainGallayWrap .mainWeddingPickList ul li:nth-child(1),
	.mainGallayWrap .mainWeddingPickList ul li:nth-child(2),
	.mainGallayWrap .mainWeddingPickList ul li:nth-child(3){margin-top:0}
	.mainGallayWrap .mainWeddingPickList ul li:nth-child(3n){margin-right:0}
	.mainGallayWrap .mainWeddingPickList ul li .item{display:block;position:relative;border:1px solid #f0ebe7;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:202px;height:202px;}
	.mainGallayWrap .mainWeddingPickList ul li .item .imgArea{height:100%;overflow:hidden;position:relative;}
	.mainGallayWrap .mainWeddingPickList ul li .item .imgArea img{position:absolute;left:50%;top:0;height:100%;transform:translate(-50%,0)}
	.mainGallayWrap .mainWeddingPickList ul li .item .tit{text-align:center;font-size:14px;margin-top:20px;}


	.mainBannerWrap{padding:57px 0 0px 0;max-width:1920px;margin:0 auto;}
	.mainBannerWrap .inner{margin:0 auto;width:1120px;overflow:hidden;}
	.mainBannerWrap .mainBannerArea{overflow:hidden;position:relative;}
	.mainBannerWrap .mainBannerArea ul{margin:0 -20px;}
	.mainBannerWrap .mainBannerArea ul li{float:left;width:33.333%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 20px;}
	.mainBannerWrap .mainBannerArea ul li .item{background:#f4f4f4;overflow:hidden;border-radius:0 0 0 15px;display:block;text-align:center;height:380px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-top:27px;color:#777777;}
	.mainBannerWrap .mainBannerArea ul li .item .imgArea{width:200px;height:200px;border-radius:200px;margin:0 auto;}
	.mainBannerWrap .mainBannerArea ul li .item .imgArea img{width:200px;}
	.mainBannerWrap .mainBannerArea ul li .item .icon{height:52px;margin-top:44px;}
	.mainBannerWrap .mainBannerArea ul li .item .tit{font-size:20px;color:#4f4543;margin-top:30px;font-family:"SpoqaHanSansBold";}
	.mainBannerWrap .mainBannerArea ul li .item .con{font-size:16px;line-height:26px;margin-top:14px;}
	.mainBannerWrap .mainBannerArea ul li .item .btn{margin-top:45px;}
	.mainBannerWrap .mainBannerArea ul li .item:hover,
	.mainBannerWrap .mainBannerArea ul li .item:focus{background:url("/img/site/main/wedding_box_bg_on.png") no-repeat;}
	.mainBannerWrap .mainBannerArea ul li .item:hover .imgArea,
	.mainBannerWrap .mainBannerArea ul li .item:focus .imgArea{box-shadow:5px 5px 25px 7px rgba(0,0,0,0.17);}
	.mainBannerWrap .mainBannerArea ul li .item:hover .tit,
	.mainBannerWrap .mainBannerArea ul li .item:focus .tit,
	.mainBannerWrap .mainBannerArea ul li .item:hover .con,
	.mainBannerWrap .mainBannerArea ul li .item:focus .con{color:#ffffff;}
	.mainBannerWrap .mainBannerArea ul li .item:hover .btn,
	.mainBannerWrap .mainBannerArea ul li .item:focus .btn{background:#ffffff;}
	.mainBannerWrap .mainBannerArea ul li .item:hover .btn span,
	.mainBannerWrap .mainBannerArea ul li .item:focus .btn span{color:#957963;}
	.mainBannerWrap .mainBannerArea ul li .item:hover .btn span:before,
	.mainBannerWrap .mainBannerArea ul li .item:focus .btn span:before{background:url("/img/site/common/btn_arrow_w.png") no-repeat 0 0;background-size:100% auto;transform:translate(0px,0)}


	.mainNoticeWrap{background:#f5f5f5;height:80px;}
	.mainNoticeWrap .inner{margin:0 auto;width:1400px;line-height:80px;position:relative;padding:0 100px 0 195px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	.mainNoticeWrap .inner .sTit{line-height:80px;margin-bottom:0;position:absolute;left:0;top:0;}
	.mainNoticeWrap .inner .noticeList{overflow:hidden;height:80px;}
	.mainNoticeWrap .inner .noticeList ul.skip{transition:margin 0s}
	.mainNoticeWrap .inner .noticeList li{position:relative;padding-right:100px;}
	.mainNoticeWrap .inner .noticeList li .tit{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:18px;}
	.mainNoticeWrap .inner .noticeList li .tit a{color:#2c2c2c;}
	.mainNoticeWrap .inner .noticeList li .tit a:hover,
	.mainNoticeWrap .inner .noticeList li .tit a:focus{color:#fe650a;}
	.mainNoticeWrap .inner .noticeList li .date{position:absolute;right:0;top:0;font-size:14px;color:#999999;}
	.mainNoticeWrap .inner .btnUp{display:block;background:url("/img/site/main/btn_notice_up.png") no-repeat;width:14px;height:8px;overflow:hidden;text-indent:-9999px;position:absolute;right:0;top:25px;}
	.mainNoticeWrap .inner .btnDown{display:block;background:url("/img/site/main/btn_notice_down.png") no-repeat;width:14px;height:8px;overflow:hidden;text-indent:-9999px;position:absolute;right:0;top:47px;}

  /* 20250527 'mainMyweddingInfoWrap' 관련 7줄삭제 */
}


@media only screen and (min-width: 1025px) and (max-width: 30000px) {
  /* 기본 */
  .mo-show {display: none;}
  .pc-show {display: block;}
  .mo-br { display: none; }
  .pc-br { display: block; width: 100%; height: 640px;}
  .onlyPC img { width: 100%; height: 640px; }


  /* 컨텐츠 */
  .contents.main {
    width: 100% !important;
    padding-top: 0;
    padding-bottom: 250px;
  }

  .contents.main.after-login {
    padding-bottom: 146px;
  }

  .contents2 {
    min-width: 1440px;
    margin: 0 auto;
    background-color: #fbf6f3;
  }

  .contents2.main2 {
    position: relative;
    width: 100%;
  }

  .contents3 {
    width: 100%;
    min-width: 1440px;
    margin: 0 auto;
    padding-bottom: 150px;
    background-color: #fff;
  }

  .contents4 {
    width: 100%;
    min-width: 1440px;
    margin: 0 auto;
    background-color: #f4f4f4;
  }


  /* START : 메인 배너 (PC) */
  .mainTopVisual {
    position: relative;
    max-width: 1920px;
    height: 650px;
    margin: 0 auto;
    opacity: 0;
    transition: opacity 0.5s;
  }
  .mainTopVisual.on {
    opacity: 1;
  }
  .mainTopVisual .swiper-container {
    max-width: 1720px;
    height: 650px;
  }
  .mainTopVisual .swiper-slide {
    overflow: hidden;
  }
  .mainTopVisual .slide-container {
    position: relative;
  }
  .mainTopVisual .slide-container h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: "NotoSansKR-Medium";
    font-size: 48px;
    color: #ffffff;
    line-height: 1.3;
    text-align: center;
    text-transform: capitalize;
    transform: translate(-50%, -50%);
  }
  .mainTopVisual .swiper-pagination {
    position: absolute;
    left: 50%;
    z-index: 10;
    text-align: center;
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateX(-50%);
  }
  .mainTopVisual .swiper-pagination .swiper-pagination-bullet {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 10px;
    opacity: 1;
    border-radius: 100%;
    background: #e2e2e2;
  }
  .mainTopVisual .swiper-pagination .swiper-pagination-bullet:after {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 5px;
    border-radius: 100%;
    background: #000;
  }
  .mainTopVisual
    .swiper-pagination
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 36px;
    border: 1px solid transparent;
    border-radius: 5px;
    background: #957963;
  }
  .mainTopVisual
    .swiper-pagination
    .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    width: 100%;
    background: #f65286;
    transition: all 5s;
  }
  .mainTopVisual .pagingNumber {
    position: absolute;
    top: 100px;
    left: 50%;
    z-index: 1;
    margin-left: 435px;
    font-family: "NotoSansKR-Medium";
    font-size: 40px;
    color: #a2a2a2;
  }
  .mainTopVisual .pagingNumber .active {
    color: #ffffff;
  }
  .mainTopVisual .pagingNumber .total {
    font-size: 20px;
  }

  .mainTopVisual .swiper-control-area {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: -45px;
    left: 50%;
    z-index: 1;
    width: 100%;
    height: 16px;
    text-align: center;
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateX(-50%);
    align-content: center;
  }

  .mainTopVisual .swiper-button-next {
    background: url("../../img/site/main/main_visual_next_arrow.png") no-repeat;
    background-position: center;
    background-size: 9px 16px;
  }
  .mainTopVisual .swiper-button-next::after {
    display: none;
  }
  .mainTopVisual .swiper-button-prev {
    background: url("../../img/site/main/main_visual_prev_arrow.png") no-repeat;
    background-position: center;
    background-size: 9px 16px;
  }
  .mainTopVisual .swiper-button-prev::after {
    display: none;
  }

  .mainTopVisual .swiper-button-toggle {
    cursor: pointer;
    z-index: 10;
    object-fit: cover;
    width: 24px;
    margin: 0 15px;
    display: block;
  }
  .mainTopVisual .swiper-pagination {
    display: flex;
    align-items: center;
  }

  .mainTopVisual .swiper-pagination,
  .mainTopVisual .swiper-button-next,
  .mainTopVisual .swiper-button-prev {
    position: relative;
    right: 0;
    left: 0;
    transform: translateX(0);
  }
  /* END : 메인 배너 (PC) */


  /* START : 메인 롯데웨딩멤버스 (PC) */
  .mainWeddingMembers {
    margin: 0 auto;
    padding: 0 0 0px 0;
  }
  .mainWeddingMembers .inner {
    position: relative;
    width: 1400px;
    margin: 0 auto;
    background-color: #fbf6f3;
  }

  .mainWeddingMembers .inner.after {
    background-color: #F4EFEB;
  }

  .mainWeddingMembers .WeddingMembers-info {
    width: 100%;
    color: #000;
  }

  .mainWeddingMembers .WeddingMembers-info .WeddingMembers-explain {
    padding: 143px 0 182px 0;
  }

  .mainWeddingMembers .WeddingMembers-info .WeddingMembers-explain .link-box {
    display: flex;
  }

  .mainWeddingMembers .WeddingMembers-info .WeddingMembers-explain .link-box a {
    width: 285px;
    margin-right: 60px;
  }

  .mainWeddingMembers .WeddingMembers-benefit .benefit-list ul {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
    margin-bottom: 56px;
  }

  .mainWeddingMembers .WeddingMembers-benefit .benefit {
    text-align: center;
    font-size: 20px;
    line-height: 1.5;
    color: #000;
  }
  .mainWeddingMembers .WeddingMembers-benefit .benefit::before {
    content: "";
    display: block;
    width: 240px;
    height: 240px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 40px;
  }

  .mainWeddingMembers .WeddingMembers-benefit .benefit.icon01::before { background-image: url("../../img/site/main/wedding-members-benefit_icon01_pc.png"); }
  .mainWeddingMembers .WeddingMembers-benefit .benefit.icon02::before { background-image: url("../../img/site/main/wedding-members-benefit_icon02_pc.png"); }
  .mainWeddingMembers .WeddingMembers-benefit .benefit.icon03::before { background-image: url("../../img/site/main/wedding-members-benefit_icon03_pc.png"); }
  .mainWeddingMembers .WeddingMembers-benefit .benefit.icon04::before { background-image: url("../../img/site/main/wedding-members-benefit_icon04_pc.png"); }

  .mainWeddingMembers .WeddingMembers-info .WeddingMembers-tit {
    margin-bottom: 24px;
    font-family: "NotoSansKR-Regular", "NotoSansKR-Medium";
    font-size: 30px;
    font-weight: 400;
    color: #957963;
  }
  .mainWeddingMembers .WeddingMembers-info .WeddingMembers-txt {
    font-family: "NotoSansKR-Regular";
    font-size: 20px;
    font-weight: 400;
    color: #555555;
    line-height: 1.5;
  }
  .mainWeddingMembers .WeddingMembers-info .WeddingMembers-txt.font-46 {
    margin-bottom: 40px;
    font-family: "NotoSansKR-Medium";
    font-size: 46px;
    font-weight: 400;
    color: #000;
    line-height: 1.2;
  }

  .mainWeddingMembers .WeddingMembers-info a {
    display: flex;
    width: 229px;
    height: 68px;
    margin: 60px 0;
    padding: 24px 40px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    font-family: 'NotoSansKR-Regular', "NotoSansKR-Bold";
    font-weight: 700;
    color: #000;
    text-align: center;
    align-content: center;
  }
  .mainWeddingMembers .WeddingMembers-info a p {
    margin-right: 20px;
    font-size: 20px;
  }

  .mainWeddingMembers .WeddingMembers-info a .arrow-ico {
    width: 32px;
    height: 8px;
    margin-top: 5px;
  }

  .mainWeddingMembers .WeddingMembers-img {
    position: absolute;
    top: -92px;
    right: -136px;
    width: 783.29px;
    height: 908.89px;
  }

  .mainWeddingMembers .WeddingMembers-benefit { background-color: #fff;}
  .mainWeddingMembers .WeddingMembers-benefit .inner {background-color: transparent; padding-top: 100px; padding-bottom: 56px; }

  .mainWeddingMembers .WeddingMembers-benefit .step-wrapper { display: flex; justify-content: space-between;}
  .mainWeddingMembers .WeddingMembers-benefit .step-wrapper .step-box {width: 700px; text-align: center;}
  .mainWeddingMembers .WeddingMembers-benefit .step-wrapper .step-box .chart h3,
  .mainWeddingMembers .WeddingMembers-benefit .step-wrapper .step-box .chart h3 span{font-family: "NotoSansKR-Bold", "NotoSansKR-Black"; font-size: 36px; ; color:#957963; }
  .mainWeddingMembers .WeddingMembers-benefit .step-wrapper .step-box .chart h3 span {margin-right: 19px;;}
  .mainWeddingMembers .WeddingMembers-benefit .step-wrapper .step-box .chart h3 span:after {content: ''; border-right:  1px solid #957963; margin-left: 17px;;}
  
  .mainWeddingMembers .WeddingMembers-benefit .step-wrapper .step-box .chart .step-bar {display: flex; justify-content: center; position: relative; margin-top: 35px; }
  .mainWeddingMembers .WeddingMembers-benefit .step-wrapper .step-box .chart .step-bar span {width: 350px; padding: 16.28px 0; color: #000; font-size: 20px;}
  .mainWeddingMembers .WeddingMembers-benefit .step-wrapper .step-box .chart .step-bar span:nth-child(2) {background-color:#F1E7E0 ;}
  .mainWeddingMembers .WeddingMembers-benefit .step-wrapper .step-box .chart .step-bar span:nth-child(3) {background-color:#E7D8CD ;}
  .mainWeddingMembers .WeddingMembers-benefit .step-wrapper .step-box .chart .step-bar span.step-point {position: absolute; display: flex; width: 90px; height: 90px; background-color: #957963; color: #fff;font-family: "NotoSansKR-Bold", "NotoSansKR-Black"; justify-content: center; align-items: center; border-radius: 50%; top:26px; left:-45px;}
  
  .mainWeddingMembers .WeddingMembers-benefit .step-wrapper .step-box .chart .link-box a { display: inline-flex; align-items: center; font-size: 20px; color: #000; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 24px 40px; margin-top: 70px;}
  .mainWeddingMembers .WeddingMembers-benefit .step-wrapper .step-box .chart .link-box a img { width: 34px; height: 8px; margin-left: 20px;;}

  .mainWeddingMembers .WeddingMembers-benefit .benefit-list { max-width: 1290px; margin: 0 auto}
  .mainWeddingMembers .WeddingMembers-benefit .benefit-list .benefit span {color: #808080;}
  /* END : 메인 롯데웨딩멤버스 (PC) */


  /* START : 메인 신혼 + 클럽 문안 (PC) */
  .mainWeddingPlusClub {
    margin: 0 auto;
    padding: 0 0 133px 0;
  }
  .mainWeddingPlusClub .inner {
    overflow: hidden;
    width: 1400px;
    margin: 0 auto;
  }
  .mainWeddingPlusClub .inner .WeddingPlusClub-info {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    color: #000;
  }
  .mainWeddingPlusClub .inner .WeddingPlusClub-info .WeddingPlusClub-explain {
    margin-top: 241px;
    margin-left: 191px;
  }
  .mainWeddingPlusClub .inner .WeddingPlusClub-info .WeddingPlusClub-tit {
    margin-bottom: 24px;
    font-family: "NotoSansKR-Regular", "NotoSansKR-Medium";
    font-size: 24px;
    font-weight: 400;
    color: #957963;
  }
  .mainWeddingPlusClub .inner .WeddingPlusClub-info .WeddingPlusClub-txt {
    font-family: "NotoSansKR-Regular";
    font-size: 20px;
    font-weight: 400;
    color: #555555;
    line-height: 1.5;
  }
  .mainWeddingPlusClub
    .inner
    .WeddingPlusClub-info
    .WeddingPlusClub-txt.font-46 {
    margin-bottom: 40px;
    font-family: "NotoSansKR-Medium";
    font-size: 44px;
    font-weight: 400;
    color: #000;
    line-height: 1.2;
  }
  .mainWeddingPlusClub .inner .WeddingPlusClub-info a {
    display: flex;
    width: 229px;
    height: 68px;
    margin: 60px 0;
    padding: 24px 40px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    font-weight: 700;
    color: #000;
    text-align: center;
    align-content: center;
  }
  .mainWeddingPlusClub .inner .WeddingPlusClub-info a p {
    margin-right: 20px;
    font-size: 20px;
  }

  .mainWeddingPlusClub .inner .WeddingPlusClub-info a .arrow-ico {
    width: 32px;
    height: 8px;
    margin-top: 5px;
  }

  .mainWeddingPlusClub .inner img {
    width: 637px;
    height: 756px;
  }
  /* END : 메인 신혼 + 클럽 문안 (PC) */


  /* START : 제휴 혜택 (PC) */
  .mainWeddingBenefits {
    overflow: hidden;
    margin: 0 auto;
    padding: 100px 0;
    background-color: #FBF6F3;
  }
  .mainWeddingBenefits .inner {
    width: 1400px;
    margin: 0 auto;
  }
  .mainWeddingBenefits .inner .WeddingBenefits-info {
    position: relative;
    width: 100%;
    margin-bottom: 50px;
  }
  .mainWeddingBenefits .inner .WeddingBenefits-info .WeddingBenefits-tit {
    margin-bottom: 20px;
    font-family: "NotoSansKR-Regular", "NotoSansKR-Medium";
    font-size: 36px;
    font-weight: 400;
    color: #957963;
  }
  .mainWeddingBenefits .inner .WeddingBenefits-info .WeddingBenefits-details {
    display: flex;
  }
  .mainWeddingBenefits .inner .WeddingBenefits-info .WeddingBenefits-txt {
    margin-bottom: 40px;
    font-family: "NotoSansKR-Regular";
    font-size: 20px;
    font-weight: 400;
    color: #000;
  }
  .mainWeddingBenefits .swiper-button-next {
    position: relative;
    right: 0;
    margin-left: 18px;
    background: url("../../img/site/main/main_benefits_next_arrow.png") no-repeat;
    background-position: center;
    background-size: 9px 16px;
  }
  .mainWeddingBenefits .swiper-button-next::after {
    display: none;
  }
  .mainWeddingBenefits .swiper-button-prev {
    position: relative;
    left: 0;
    margin-right: 18px;
    background: url("../../img/site/main/main_benefits_prev_arrow.png") no-repeat;
    background-position: center;
    background-size: 9px 16px;
  }
  .mainWeddingBenefits .swiper-button-prev::after {
    display: none;
  }
  .mainWeddingBenefits .inner .WeddingBenefits-info .WeddingBenefits-control {
    display: flex;
    justify-content: center;
    position: absolute;
    right: 0;
    z-index: 10;
    width: 60px;
    height: 20px;
    text-align: center;
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
    align-content: center;
  }
  .mainWeddingBenefits .inner .WeddingBenefits-info .WeddingBenefits-control::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 20px;
    background-color: #e2e2e2;
    transform: translate(-50%, -50%);
    content: "";
  }

  .mainWeddingBenefits .inner .WeddingBenefits-brand {
    display: flex;
    width: 1755px;
    height: 282px;
    margin: 0;
  }
  .mainWeddingBenefits .inner .WeddingBenefits-brand li {
    height: auto;
  }
  .mainWeddingBenefits .inner .WeddingBenefits-brand li:last-child {
    margin-right: 0;
  }
  .brand-card {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 240px;
    border-radius: 0 0 0 30px;
  }
  .brand-card:before {
    display: block;
    padding-top: 89.97429305912597%;
    content: "";
  }
  .brand-tile {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-font-smoothing: antialiased;
  }
  .brand-tile-inner {
    display: inline-block;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }

  .brand-card .brand-tile[data-order="4"] {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    top: 0%;
    left: 0%;
    z-index: 4;
    -webkit-transition: opacity 350ms ease 0ms, -webkit-transform 350ms ease 0ms,
      color 350ms ease 0ms;
    transition: opacity 350ms ease 0ms, transform 350ms ease 0ms,
      color 350ms ease 0ms;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
  }
  .brand-card .brand-tile[data-order="4"] .brand-tile-inner {
    display: flex;
    width: auto;
    opacity: 0;
    text-align: left;
    white-space: nowrap;
    -webkit-transition: opacity 350ms ease 0ms, -webkit-transform 350ms ease 0ms,
      color 350ms ease 0ms;
    transition: opacity 350ms ease 0ms, transform 350ms ease 0ms,
      color 350ms ease 0ms;
  }
  .brand-card:hover .brand-tile[data-order="4"] .brand-tile-inner {
    opacity: 1;
    white-space: nowrap;
  }

  .brand-card .brand-tile[data-order="3"] {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    top: 0%;
    left: 0%;
    z-index: 3;
    -webkit-transition: opacity 350ms ease 0ms, -webkit-transform 350ms ease 0ms,
      color 350ms ease 0ms;
    transition: opacity 350ms ease 0ms, transform 350ms ease 0ms,
      color 350ms ease 0ms;
  }
  .brand-card .brand-tile[data-order="3"] .brand-tile-inner {
    width: 100%;
    height: 100%;
    opacity: 0;
  }
  .brand-card:hover .brand-tile[data-order="3"] .brand-tile-inner {
    width: 100%;
    height: 100%;
    opacity: 0.7;
    border: 0px solid #000000;
    border-radius: 0 0 0 30px;
    background-color: #000000;
    -webkit-transition: opacity 350ms ease 0ms, -webkit-transform 350ms ease 0ms, color 350ms ease 0ms;
    transition: opacity 350ms ease 0ms, transform 350ms ease 0ms, color 350ms ease 0ms;
  }

  .brand-card .brand-tile[data-order="1"] {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    top: 0.2857142857142857%;
    left: 0.2570694087403599%;
    z-index: 1;
    -webkit-transition: opacity 350ms ease 0ms, -webkit-transform 350ms ease 0ms,
      color 350ms ease 0ms;
    transition: opacity 350ms ease 0ms, transform 350ms ease 0ms,
      color 350ms ease 0ms;
  }

  .mainWeddingBenefits .inner .WeddingBenefits-brand .brand-bg {
    display: block;
    width: 100%;
    height: 240px;
    object-fit: cover;
  }

  .mainWeddingBenefits .inner .WeddingBenefits-brand li .brand-tit {
    margin-top: 20px;
    font-family: "NotoSansKR-Regular", "NotoSansKR-Medium";
    font-size: 18px;
    font-weight: 400;
    color: #000;
  }
  /* END : 제휴 혜택 (PC) */


  /* START : 고객센터 (PC) */
  .mainWeddingServiceCenter {
    margin: 0 auto;
    padding: 80px 0;
  }
  .mainWeddingServiceCenter .inner {
    width: 1400px;
    margin: 0 auto;
  }
  .mainWeddingServiceCenter .inner .WeddingServiceCenter-info {
    width: 100%;
  }

  .mainWeddingServiceCenter .inner .WeddingServiceCenter-info .WeddingServiceCenter-tit {
    margin-bottom: 20px;
    font-family: "NotoSansKR-Regular", "NotoSansKR-Medium";
    font-size: 36px;
    font-weight: 400;
    color: #957963;
    text-align: center;
  }

  .mainWeddingServiceCenter .inner .WeddingServiceCenter-info .WeddingServiceCenter-txt {
    margin-bottom: 40px;
    font-family: "NotoSansKR-Regular";
    font-size: 20px;
    font-weight: 400;
    color: #000;
    text-align: center;
  }

  .mainWeddingServiceCenter .inner .WeddingServiceCenter-card {
    display: flex;
    width: 100%;
  }

  .mainWeddingServiceCenter .inner .WeddingServiceCenter-card li .card-img {
    display: flex;
    width: 100px;
  }

  .mainWeddingServiceCenter .inner .WeddingServiceCenter-card li img.speaker-ico {
    display: block;
    width: 60px;
    height: 60px;
    margin-top: 6px;
    object-fit: contain;
  }

  .mainWeddingServiceCenter .inner .WeddingServiceCenter-card li .board-ico {
    display: block;
    width: 60px;
    height: 60px;
    margin-top: 6px;
    object-fit: contain;
  }

  .mainWeddingServiceCenter .inner .WeddingServiceCenter-card li .speech-ico {
    display: block;
    width: 60px;
    height: 60px;
    margin-top: 6px;
    object-fit: contain;
  }

  .mainWeddingServiceCenter .inner .WeddingServiceCenter-card li {
    display: flex;
    width: 453px;
    height: 170px;
    margin-right: 20px;
    padding: 25px 40px;
    border-radius: 0 0 0 30px;
    background-color: #fff;
  }
  .mainWeddingServiceCenter .inner .WeddingServiceCenter-card li:nth-child(3) {
    margin-right: 0;
  }

  .mainWeddingServiceCenter .inner .WeddingServiceCenter-card li dl {
    margin-bottom: 18px;
    font-family: "NotoSansKR-Regular";
  }

  .mainWeddingServiceCenter .inner .WeddingServiceCenter-card li dt {
    margin-bottom: 12px;
    font-family: "NotoSansKR-Regular";
    font-size: 20px;
    font-weight: 500;
    color: #000;
  }

  .mainWeddingServiceCenter .inner .WeddingServiceCenter-card li dd {
    font-family: "NotoSansKR-Regular";
    color: #000;
    line-height: 1.5;
  }

  .mainWeddingServiceCenter .inner .WeddingServiceCenter-card li a {
    display: flex;
    width: 80px;
    height: 16px;
    color: #957963;
  }
  .mainWeddingServiceCenter .inner .WeddingServiceCenter-card li a p {
    font-family: "NotoSansKR-Regular";
    font-size: 16px;
  }

  .mainWeddingServiceCenter .inner .WeddingServiceCenter-card li a .arrow-ico {
    width: 6px;
    height: 10px;
    margin: 4px 0 4px 8px;
  }
  /* END : 고객센터 (PC) */


  /* START : 나의 정보 (PC) */
  .mainMyWeddingInfoWrap {
    margin: 0 auto;
    padding: 57px 0 0 0;
  }

  .mainMyWeddingInfoWrap .inner {
    width: 1400px;
    margin: 0 auto;
  }

  .mainMyWeddingInfoWrap .inner .WeddingSelf-info {
    width: 100%;
    margin-bottom: 50px;
  }

  .mainMyWeddingInfoWrap .inner .WeddingSelf-info .WeddingSelf-tit {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 600;
    color: #000;
  }

  .mainMyWeddingInfoWrap .inner .WeddingSelf-info .WeddingSelf-box {
    display: flex;
    width: 1540px;
    margin: 0;
  }

  .mainMyWeddingInfoWrap .inner .WeddingSelf-info .WeddingSelf-box .WeddingSelf-box1 {
    width: 32%;
    margin-right: 2%;
    padding: 30px;
    border: 1px solid #000;
  }

  .WeddingSelf-table {
    margin-bottom: 60px;
  }

  .WeddingSelf-table-tit,
  .WeddingSelf-table-txt {
    padding: 15px;
  }

  .WeddingSelf-table-tit {
    position: relative;
  }

  .WeddingSelf-table-tit::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #000;
    transform: translateY(-50%);
    content: "";
  }

  .mainMyWeddingInfoWrap .inner .WeddingSelf-info .WeddingSelf-box .WeddingSelf-box1 p {
    font-size: 24px;
    font-weight: 500;
    color: #000;
    line-height: 1.5;
  }

  .mainMyWeddingInfoWrap .inner .WeddingSelf-info .WeddingSelf-box .WeddingSelf-box2 {
    width: 32%;
    margin-right: 2%;
    padding: 30px;
    border: 1px solid #000;
  }

  .mainMyWeddingInfoWrap .inner .WeddingSelf-info .WeddingSelf-box .WeddingSelf-box2 dl {
    margin-bottom: 30px;
    font-size: 18px;
    color: #000;
  }

  .mainMyWeddingInfoWrap .inner .WeddingSelf-info .WeddingSelf-box .WeddingSelf-box2 dl:nth-child(4) {
    margin: 0;
  }

  .mainMyWeddingInfoWrap .inner .WeddingSelf-info .WeddingSelf-box .WeddingSelf-box2 dl dt {
    margin-bottom: 10px;
  }

  .mainMyWeddingInfoWrap .inner .WeddingSelf-info .WeddingSelf-box .WeddingSelf-chartbox {
    width: 32%;
    padding: 30px;
    background-color: rgb(224, 150, 150);
  }
  /* END : 나의 정보 (PC) */


  /* START : 자주 찾는 메뉴 (PC) */
  .mainWeddingFrequentMenu {
    margin: 0 auto;
    padding: 0 0 57px 0;
  }

  .mainWeddingFrequentMenu .inner {
    width: 1400px;
    margin: 0 auto;
  }

  .mainWeddingFrequentMenu .inner .WeddingFrequentMenu-info {
    width: 100%;
    margin-bottom: 50px;
  }

  .mainWeddingFrequentMenu .inner .WeddingFrequentMenu-info .WeddingFrequentMenu-tit {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 600;
    color: #000;
  }

  .mainWeddingFrequentMenu .inner .WeddingFrequentMenu-info .WeddingFrequentMenu-txt {
    font-size: 24px;
    font-weight: 400;
    color: #898d8f;
    line-height: 1.5;
  }

  .mainWeddingFrequentMenu .inner .WeddingFrequentMenu-card {
    display: flex;
    width: 1540px;
  }

  .mainWeddingFrequentMenu .inner .WeddingFrequentMenu-card li {
    width: calc(100% / 4);
    margin-right: 25px;
  }

  .mainWeddingFrequentMenu .inner .WeddingFrequentMenu-card li:last-child {
    margin-right: 0;
  }

  .mainWeddingFrequentMenu .inner .WeddingFrequentMenu-card li img {
    width: 100%;
  }

  .mainWeddingFrequentMenu .inner .WeddingFrequentMenu-card p {
    padding: 30px;
    font-weight: 700;
    color: #000;
    text-align: center;
  }
  /* END : 자주 찾는 메뉴 (PC) */


  /* START : 메인 공지사항 (PC) */
  .mainNoticeWrap {
    height: 80px;
    background: #fff;
  }
  .mainNoticeWrap .inner {
    position: relative;
    width: 1400px;
    margin: 0 auto;
    padding: 0 100px 0 195px;
    line-height: 80px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mainNoticeWrap .inner .sTit {
    position: absolute;
    top: 0;
    left: 0;
    margin-bottom: 0;
    line-height: 80px;
  }
  .mainNoticeWrap .inner .noticeList {
    overflow: hidden;
    height: 80px;
  }
  .mainNoticeWrap .inner .noticeList ul.skip {
    transition: margin 0s;
  }
  .mainNoticeWrap .inner .noticeList li {
    position: relative;
    padding-right: 100px;
  }
  .mainNoticeWrap .inner .noticeList li .tit {
    overflow: hidden;
    font-size: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .mainNoticeWrap .inner .noticeList li .tit a {
    color: #2c2c2c;
  }
  .mainNoticeWrap .inner .noticeList li .tit a:hover,
  .mainNoticeWrap .inner .noticeList li .tit a:focus {
    color: #fe650a;
  }
  .mainNoticeWrap .inner .noticeList li .date {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    color: #999999;
  }

  .mainNoticeWrap .inner .pagination {
    text-align: center;
    position: absolute;
    top:-2px;
    right: 30px;
  }
  .mainNoticeWrap .inner .pagination span {
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
  }
  .mainNoticeWrap .inner .toggle-button {
    position: absolute;
    top:50%;
    right: 0;
    transform: translateY(-50%);
    cursor: pointer;
  }

  .mainNoticeWrap .inner .btnUp {
    display: block;
    position: absolute;
    top: 25px;
    right: 0;
    overflow: hidden;
    width: 14px;
    height: 8px;
    background: url("../../img/site/main/btn_notice_up.png") no-repeat;
    text-indent: -9999px;
  }
  .mainNoticeWrap .inner .btnDown {
    display: block;
    position: absolute;
    top: 47px;
    right: 0;
    overflow: hidden;
    width: 14px;
    height: 8px;
    background: url("../../img/site/main/btn_notice_down.png") no-repeat;
    text-indent: -9999px;
  }
  /* END : 메인 공지사항 (PC) */


  /* s : 20250527 대시보드 전체수정 - pc */
  /* START : 대시보드 (PC) */
  .wedding-members-desc {
    margin: 0 auto;
    padding: 60px 0px 0px;
    background: #fbf6f3;
  }
  .wedding-members-desc .members-info {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    z-index: -10;
    max-width: 1400px;
    margin: 0 auto 100px;
    padding: 20px 20px 20px 40px;
    border-radius: 0px 0px 0px 40px;
    background: #957963;
  }
  .wedding-members-desc .contents2 {
    background-color: transparent;
  }
  .wedding-members-desc .mainWeddingMembers .inner {
    background-color: transparent;
  }
  .members-info .text-box {
    flex: 1;
    display: flex;
    justify-content: space-between;
  }
  .members-info .text-box .left-box {
    width: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #ffffff;
    padding: 30px 0;
  }
  .text-box .left-box .desc-tit p {
    font-family: "NotoSansKR-Regular";
    font-size: 24px;
    line-height: 1.3;
  }
  .text-box .left-box .desc-tit .sub-tit {
    font-family: "NotoSansKR-Regular";
    font-size: 20px;
  }
  .text-box .left-box .desc-info ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 14px;
  }
  .text-box .left-box .desc-info ul:last-child {
    margin-bottom: 0;
  }
  .text-box .left-box .desc-info .desc-info-tit {
    opacity: 0.6;
    font-family: "NotoSansKR-Regular";
    font-size: 16px;
    color: #ffffff;
  }
  .text-box .left-box .desc-info .desc-info-cont {
    font-family: "NotoSansKR-Regular";
    font-size: 16px;
    color: #ffffff;
    text-transform: capitalize;
  }
  .text-box .right-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
    width: 52%;
    padding: 35px 30px;
    border-radius: 0px 0px 40px 40px;
    background: #ffffff;
    color: #000;
    box-sizing: border-box;
  }
  .text-box .right-box .wedding-duration:first-child {
    margin-bottom: 20px;
  }
  .text-box .right-box .wedding-duration .duration-tit {
    margin-bottom: 10px;
    font-family: "NotoSansKR-Regular";
    font-size: 16px;
    color: #000000;
  }
  .text-box .right-box .wedding-duration .duration-value {
    font-family: "NotoSansKR-Regular";
    font-size: 20px;
    font-weight: bold;
    color: #000000;
  }
  .text-box .right-box .avenuel-link {
    display: inherit;
  }
  .text-box .right-box .avenuel-amount {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .text-box .right-box .avenuel-amount::after {
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 100%;
    height: 1px;
    background: #e2e2e2;
    content: "";
  }
  .text-box .right-box .avenuel-amount .avenuel-txt {
    margin-left: 20px;
    font-family: "NotoSansKR-Regular";
    font-size: 16px;
    color: #957963;
    line-height: 1.3;
    position: relative;
  }
  .text-box .right-box .avenuel-amount .avenuel-txt::after {
    position: absolute;
    left: 80px; 
    bottom: 10px; 
    content: '';
    width: 9px;
    height: 8px;
    border-top: 2px solid #957963;
    border-right: 2px solid #957963;
    transform: rotate(45deg); 
  }
  .text-box .right-box .avenuel-amount span {
    margin-left: 12px;
    font-family: "NotoSansKR-Regular";
    font-size: 16px;
    color: #957963;
  }
  .text-box .right-box .wedding-amount {
    font-family: "NotoSansKR-Regular";
    font-size: 16px;
    font-weight: bold;
  }
  .text-box .right-box .wedding-amount ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 18px;
  }
  .text-box .right-box .wedding-amount ul:last-child {
    margin-bottom: 0;
  }
  .text-box .right-box .wedding-amount .wedding-amount-tit .desc {
    display: block;
    font-size: 11px;
    color: #A73131;
    margin-top: 6px;
  }
  .text-box .right-box .wedding-amount .wedding-amount-value.zero {
    position: relative;
    color: #A73131;
  }
  .text-box .right-box .wedding-amount .wedding-amount-value.zero::before {
    content: "(증정기준 미충족)";
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    font-size: 11px;
    color: #A73131;
    white-space: nowrap;
  }

  .members-info .chart-box {
    width: 51.5%;
    margin-left: 20px;
    border-radius: 0px 0px 0px 40px;
    background: #ffffff;
  }
  /* 차트가 2개만 있을 경우 */
  .members-info .chart-box.before.two-type {
    position: relative;
    display: flex;
    flex-direction: column;
  }
  .members-info .chart-box.before.two-type {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .members-info .chart-box.before.two-type .chart-top .tip-txt {
    position: absolute;
    top: 0;
    right: 0;
  }
  .members-info .chart-box.before.two-type .bar-content:last-child {
    margin-top: 60px;
  }

  .members-info .chart-box .tip-txt {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    width: fit-content;
    margin-left: auto;
    padding: 12px 20px;
    border-radius: 0px 0px 0px 20px;
    background: #d96b6b;
    color: #ffffff;
    font-size: 16px;
  }
  .chart-box .tip-txt .tip-tit {
    position: relative;
  }
  .chart-box .tip-txt .tip-tit::after {
    position: absolute;
    content: "";
    top: 50%;
    right: -16px;
    transform: translateY(-50%);
    width: 1px;
    height: 10px;
    background: rgba(255,255,255,.5);
  }
  .members-info .chart-box .desc {
    display: block;
    margin: 10px 20px 0 0;
    font-size: 12px;
    color: #A73131;
    font-weight: 400;
    text-align: right;
  }
  .none-show {
    opacity: 0;
  }

  .amount-tit .amount-value {
    box-sizing: border-box;
    background: #F4F4F4;
    border-radius: 12px;
    padding: 6px 12px;
    width: fit-content;
    height: 24px;
    font-size: 12px;
    font-family: "NotoSansKR-Medium";
    text-align: center;
    font-weight: 500;
  }
  .amount-tit .amount-num .currentNum {
    display: inline-block;
    color: #AAAAAA;
    font-weight: 700;
  }
  .amount-tit .amount-num .totalNum {
    display: inline-block;
    color: #008ED1;
    font-weight: 700;
  }
  .font-red {
    color: #d96b6b;
  }

  .bar-ratio {
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    border-radius: 50%;
    background: #e2e2e2;
    color: #ffffff;
  }
  .bar {
    position: absolute;
    background: #D96B6B;
    height: 21px;
    border-radius: 4px;
    font-family: "NotoSansKR-Regular";
    fill: #aaa;
  }
  .bar text {
    fill: #555;
  }
  /* 바 차트 점 */
  .bar-dot { 
    display: flex;
    justify-content: space-between;
  }
  .bar-dot span {
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 100%;
    background: #E2E2E2;
    margin-top: -2px;
  }
  
  .bar-wrapper {
    display: inline-block;
    position: relative;
    border-radius: 4px;
    transition: opacity 150ms ease-out;
  }
  .vertical-chart .bar-wrapper {
    width: calc(10% - 2px);
    height: 100%;
    margin-right: 2px;
  }
  .vertical-chart .bar {
    bottom: 20px;
    width: 100%;
    min-height: 5%;
  }
  .horizontal-chart {
    max-width: 400px;
    width: 100%;
  }
  .horizontal-chart .bar-wrapper {
    display: block;
    width: 100%;
    height: 4px;
    margin-bottom: 20px;
  }
  .horizontal-chart .bar {
    left: 0px;
    min-width: 0%;
    max-width: 100%;
    height: 100%;
  }

  /* 진행중 삼각형표시 (ongoing) */
  .horizontal-chart .bar.ongoing::before {
    content: "";
    position: absolute;
    top: -15px;
    right: -5px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 10.392px solid #D96B6B;
    transform: rotate(180deg);
  }
  .chart-bottom .horizontal-chart .bar.ongoing::before {
    display: none;
  }

  .vertical-chart .bar:after,
  .dot-chart .bar:after {
    top: calc(100% - 20px);
  }
  .vertical-chart:hover .bar-wrapper:hover .bar:after {
    top: 100%;
    opacity: 1;
  }
  .horizontal-chart:hover .bar-wrapper:hover .bar:after {
    right: -60px;
    opacity: 1;
  }
  .has-background-grey-lighter {
    background: #e2e2e2;
  }
  .chart-box .bar-content {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .chart-box .bar-content .bar-ratio {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 34px;
  }
  .chart-box .bar-content .bar-ratio .ratio-value {
    font-size: 14px;
    font-weight: 700;
    z-index: 5;
    color: #ffffff;
  }
  .chart.horizontal-chart .bonus-amount {
    display: flex;
    justify-content: space-between;
    width: auto;
    margin-top: 0px;
    margin-bottom: 8px;
    padding: 0px;
    list-style: none;
  }
  .chart.horizontal-chart .bar-wrapper.has-background-grey-lighter {
    margin-bottom: 8px;
  }
  .chart.horizontal-chart .accumulated-amount {
    display: flex;
    justify-content: space-between;
    width: 400px;
    margin: 0px;
    padding: 0px;
    list-style: none;
  }
  .chart-box .amount-tit {
    opacity: 1;
    list-style: none;
    font-size: 12px;
    margin-left: 10px;
    max-width: 83px;
    width: 100%;
  }
  .chart-box .amount-tit li:first-child {
    margin-bottom: 15px;
    color: #D96B6B;
  }
  .bar-content {
    margin-top: 40px;
  }
  .text-box.mo-show {
    display: none;
  }
  .horizontal-chart ul li {
    font-size: 14px;
    text-align: center;
    min-width: 35px;
    font-family: "NotoSansKR-Medium";
    color: #AAAAAA;
  }
  .horizontal-chart ul li:first-child {
    text-align: left;
  }
  .horizontal-chart ul li:last-child {
    text-align: right;
  }

  /* 밑줄 효과 */
  .wedding-members-desc .text-box.pc-show .duration-value {
    box-shadow: inset 0 -12px 0 0 #FFEEE4;
    width: fit-content;
  }

  /* after :: 7/1 이후가입자 */
  .chart-box.after .bar-content {
    margin-top: 24px;
  }
  .chart-box.after .bar-content:first-child {
    margin-top: 30px;
  }
  .chart-box.after .chart-bottom {
    border-top: 2px solid #957963;
    margin: 30px 0;
  }
  .chart-box.after .chart-bottom .tip-txt-area {
    display: flex;
    align-items: center;
  }
  .chart-box.after .chart-bottom .tip-txt-area .tip-txt {
    height: 40px;
    background: #35B5F1;
    font-size: 12px;
  }
  .chart-box.after .chart-bottom .tip-txt-area .tip-btn {
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    background-color: #095F8B;
  }
  .chart-box.after .chart-bottom .tip-txt-area .tip-btn span {
    position: relative;
    display: block;
    font-size: 12px;
    padding-right: 10px;
    color: #fff;
  }
  .chart-box.after .chart-bottom .tip-txt-area .tip-btn span::before {
    content: "";
    position: absolute;
    top: 52%;
    right: 0;
    transform: translateY(-50%);
    width: 7px;
    height: 7px;
    background: url(../../img/site/common/btn_white_arrow.png) no-repeat center center / cover; 
  }
  .chart-box.after .chart-bottom .bar-content .bar-ratio .ratio-value {
    font-size: 12px;
    line-height: 1.3;
  }
  .chart-box.after .chart-bottom .amount-tit .amount-value {
    color: #A4A4A4;
  }
  .chart-box.after .chart-bottom .bar {
    background-color: #35B5F1;
  }
  /* 기준 충족 (full) */
  .chart-box.after .chart-bottom .amount-tit.full .amount-value {
    background: #DEF4FF;
    color: #1990C8;
  }
  .chart-box.after .chart-bottom .amount-tit.full .amount-num .currentNum {
    background: #DEF4FF;
    color: #1990C8;
  }
  /* e : 20250527 대시보드 전체수정 - pc */
  /* END : 대시보드 (PC) */


  /* START : 자주 찾는 메뉴 (PC) */
  /* s : 20250527 자주찾는메뉴 전체수정 - pc */
  .favorite-menus {
    margin-top: 80px;
    padding-bottom: 223px;
  }

  .favorite-menus h3 {
    font-family: "NotoSansKR-Bold", "NotoSansKR-Black", "NotoSansKR-Black";
    font-size: 36px;
    color: #957963;
    text-align: center;
  }
  .favorite-menus .menu-btn-wrap {
    display: flex;
    justify-content: center;
    gap: 150px;
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    margin-top: 30px;
    padding: 45px 0;
    border-radius: 0px 0px 0px 40px;
    background: #ffffff;
  }
  .favorite-menus .menu-btn-wrap li a {
    display: flex;
    flex-direction: column;
    font-family: 'NotoSansKR-Regular', "NotoSansKR-Medium";
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
  }
  .favorite-menus .menu-btn-wrap .menu-tit .menu-txt {
    margin-top: 24px;
    font-size: 24px;
    text-align: center;
  }
  /* e : 20250527 자주찾는메뉴 전체수정 - pc */
  /* END : 자주 찾는 메뉴 (PC) */
}






/**************************************************************** Mobile ****************************************************************************/
@media only screen and (min-width :0px) and (max-width : 949px) {
	/* 마이웨딩 > 활동내역 - mo */
  /* s : 20250527 마이웨딩 전체수정 - mo */
  .mainMyweddingInfoWrap{background:url("/img/site/main/inwrap_bg.png") center center;padding:15px;background-size:321% 100%;}
	.mainMyweddingInfoWrap .d-DayArea{background:#e9dbcc;border-radius:0 0 0 7px;box-shadow:0 5px 7px 2px rgba(147,135,119,0.17);overflow:hidden;padding:17px 20px;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:15px;}
	.mainMyweddingInfoWrap .d-DayArea .profileArea{position:relative;}
	.mainMyweddingInfoWrap .d-DayArea .profileArea .btnSetting{display:none;position:absolute;left:-9px;top:-14px;background:url("/img/site/main/btnSetting.png") no-repeat;-webkit-background-size:23px auto;background-size:23px auto;width:23px;height:23px;overflow:hidden;text-indent:-9999px;dn}
	.mainMyweddingInfoWrap .d-DayArea .profileArea .imgArea{overflow:hidden;border-radius:80px;border:2px solid #d4bea5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:80px;height:80px;position:relative;box-shadow:0 4px 10px 2px rgba(51,51,51,0.19);}
	.mainMyweddingInfoWrap .d-DayArea .profileArea .imgArea img{height:100%;position:absolute;left:50%;top:0;transform:translate(-50%,0)}
	.mainMyweddingInfoWrap .d-DayArea .profileArea .txtArea{position:absolute;left:100px;top:0;width:calc(100% - 100px);}
	.mainMyweddingInfoWrap .d-DayArea .profileArea .txtArea .d-day{font-size:40px;font-family:"SpoqaHanSansBold";color:#5a4e47;letter-spacing:-0.05em}
	.mainMyweddingInfoWrap .d-DayArea .profileArea .txtArea .weddingDay{border-top:1px solid #d4bea5;border-bottom:1px solid #d4bea5;height:30px;line-height:2;margin-top:11px;font-size:14px;}
	.mainMyweddingInfoWrap .d-DayArea .profileArea .txtArea .weddingDay .tit{display:block;float:left;color:#957963;}
	.mainMyweddingInfoWrap .d-DayArea .profileArea .txtArea .weddingDay .con{display:block;float:left;color:#5a4e47;margin-left:15px;}
	.mainMyweddingInfoWrap .d-DayArea .nameArea{margin-top:17px;font-size:22px;text-align: center;line-height:1.3;color:#957963;position:relative;}
	.mainMyweddingInfoWrap .d-DayArea .nameArea strong{color:#5a4e47;}
	.mainMyweddingInfoWrap .d-DayArea .nameArea .mobileNone{display:block;}
	.mainMyweddingInfoWrap .d-DayArea .nameArea .playList{position:absolute;right:0;top:3px;font-size:14px;color:#957963;height:18px;line-height:1;border-bottom:1px solid #957963;}
	.mainMyweddingInfoWrap .d-DayArea .nameArea .activity {position: absolute;top: 0;right: 0;padding: 6px 0 2px;color:#957963;font-size: 16px;border-bottom:1px solid #957963;line-height: 1;}
	.mainMyweddingInfoWrap .d-DayArea .btnArea{display: none; border-radius:0 0 0 15px;overflow:hidden;margin-top:17px;}
	.mainMyweddingInfoWrap .d-DayArea .btnArea li{float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:50%;padding:0 1px 1px 0;}
	.mainMyweddingInfoWrap .d-DayArea .btnArea li .icoArr {background-color: #957963;}
	.mainMyweddingInfoWrap .d-DayArea .btnArea li .icoArr span {color: #fff;}
	.mainMyweddingInfoWrap .d-DayArea .btnArea li .icoArr:hover {background-color: #fff;}
	.mainMyweddingInfoWrap .d-DayArea .btnArea li .icoArr:hover span {color: #957963;}
	.mainMyweddingInfoWrap .d-DayArea .btnArea li .icoArr:hover span:before {background: url("/img/site/common/btn_arrow_w.png") no-repeat 0 0;background-size:100% auto;}
	.mainMyweddingInfoWrap .btn span{color: #957963;}
	.mainMyweddingInfoWrap .btn span:hover{color: #ffffff;}

	/* myWeddingStyle */
	.mainMyweddingInfoWrap .d-DayArea.myWeddingStyle .nameArea{text-align:center;}
	.mainMyweddingInfoWrap .d-DayArea.myWeddingStyle .txtArea .infoTit{color:#957963;font-size:14px;padding-top:5px;}
	.mainMyweddingInfoWrap .d-DayArea.myWeddingStyle .txtArea .infoCon{color:#333333;font-size:14px;line-height:20px;margin-top:7px;}

	/* departmentStyle */
	.mainMyweddingInfoWrap .d-DayArea.departmentStyle .txtArea .infoTit{color:#957963;font-size:14px;padding-top:5px;}
	.mainMyweddingInfoWrap .d-DayArea.departmentStyle .txtArea .infoCon{color:#333333;font-size:14px;line-height:20px;margin-top:7px;}

	.mainMyweddingInfoWrap .mobileScrollArea.dimBgType{overflow:hidden;}
	.mainMyweddingInfoWrap .mobileScrollArea.dimBgType .dimBgArea{position:absolute;left:15px;top:0;width:calc(100% - 15px);height:calc(100% - 15px);z-index:10;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:15px;}
	.mainMyweddingInfoWrap .mobileScrollArea.dimBgType .dimBgArea .bg{background:#f3e7dc;border-radius:0 0 0 15px;opacity:0.95;width:100%;height:100%;position:absolute;left:0;top:0;}
	.mainMyweddingInfoWrap .mobileScrollArea.dimBgType .dimBgArea .conArea{position:relative;width:100%;height:100%;display:table;z-index:1;}
	.mainMyweddingInfoWrap .mobileScrollArea.dimBgType .dimBgArea .conArea .innerArea{text-align:center;vertical-align:middle;display:table-cell;padding:0 30px;}
	.mainMyweddingInfoWrap .mobileScrollArea.dimBgType .dimBgArea .conArea .innerArea .tit{color:#5a4e47;font-size:24px;font-family:"lotteMartMedium";letter-spacing:-0.05em;white-space:normal;line-height:36px;word-break: keep-all;}
	.mainMyweddingInfoWrap .mobileScrollArea.dimBgType .dimBgArea .conArea .innerArea .infoSet{text-align:left;color:#333333;display:inline-block;}
	.mainMyweddingInfoWrap .mobileScrollArea.dimBgType .dimBgArea .conArea .innerArea .infoSet ul{margin-top:30px;}
	.mainMyweddingInfoWrap .mobileScrollArea.dimBgType .dimBgArea .conArea .innerArea .infoSet ul li{margin-bottom:20px;font-size:16px;}
	.mainMyweddingInfoWrap .mobileScrollArea.dimBgType .dimBgArea .conArea .innerArea .infoSet ul li strong{font-weight:normal;color:#a63030;}
	.mainMyweddingInfoWrap .mobileScrollArea.dimBgType .dimBgArea .conArea .innerArea .infoSet ul li span{color:#777777;}
	.mainMyweddingInfoWrap .mobileScrollArea.dimBgType .dimBgArea .conArea .innerArea .infoSet ul li:last-child{margin-bottom:0;}
	.mainMyweddingInfoWrap .mobileScrollArea{overflow-x:scroll;margin:0 -15px;padding:0 0 15px 15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;position:relative;}
	
  .mainMyweddingInfoWrap .myWeddingInofoBox{display: flex;align-items: stretch;justify-content: space-between;background:#f3e7dc;border-radius:0 0 0 10px;box-shadow:0 5px 7px 3px rgba(147,135,119,0.15);overflow:hidden;padding:10px ;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;white-space:normal}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox{display: flex;flex-direction: column;justify-content: space-between;background:#f9f5f1;border-radius:0 0 0 10px;min-width:335px;position:relative;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .btnScroll{content:'';display:block;position:absolute;right:-10px;top:50%;margin:-15px 0 0 0;background:url("/img/site/main/btn_left.png") no-repeat;width:30px;height:30px;-webkit-background-size:30px auto;background-size:30px auto;overflow:hidden;text-indent:-9999px;transition:all 0.8s}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .btnScroll.on{transform:rotate(180deg)}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .topCon{background:#f9f5f1;padding:25px 20px 0 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .topCon .item{position:relative;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .topCon .item:nth-child(2){margin:36px 0;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .topCon .item .tit{color:#333333;font-size:16px;margin-bottom:7px;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .topCon .item .priceArea{position:relative;font-size:14px;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .topCon .item .priceArea .price{color:#999999;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .topCon .item .priceArea .price strong{color:#a63030;font-family:"SpoqaHanSansBold";font-size:24px;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .topCon .item .priceArea .btnRight .icon_mvg{background:url("/img/site/main/icon_main_info_02.png") no-repeat;-webkit-background-size:33px auto;background-size:33px auto;padding:0 0 0 40px;color:#957963;height:47px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;font-size:13px;font-weight:700;width:fit-content;line-height:16px;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .dateCon{background-color: #F5F0EB; padding:25px 20px 28px 20px;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .dateCon li{margin-bottom:23px;letter-spacing:-0.05em}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .dateCon li:last-child{margin-bottom:0;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .dateCon li .tit{display: block; margin-bottom:6px;font-size:13px;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .dateCon li .con{display: block; color:#333;font-size:13px;font-weight: 700;}

  .priceLevel{position: absolute;width: 100%;height: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
	.priceLevel li{position: absolute;width: 60px;transform: translate(-50%, -50%);text-align: center;color:#8c786d;font-size:16px;white-space: nowrap;}

  .mainMyweddingInfoWrap .graphLevelWrap { width: 100%; max-height: 240px; height: 100%; }
  .mainMyweddingInfoWrap .graphWrap{margin: 0 auto;position: relative;transform: scale(0.70);transform-origin: 50% 20%;}
	.graphArea {position: relative;max-width: 290px;width: 100%;height: 290px;margin: 0 auto;}
	.graphArea .dot{width: calc(100% - 42px);height: calc(100% - 42px);margin: 0;position: absolute;left:50%;top:50%;text-align:center;z-index:1;transform:translate(-50%, -50%) rotate(10deg);}
	.graphArea .dot:after{display:inline-block;content:'';width: 10px;height: 10px;background:#efe3d8;box-shadow:0 0 1px 2px rgba(0,0,0,0.2);border-radius:10px;}
	.graphArea .dot .infoBox{opacity:0;display:block;position:absolute;left: 45px;top: 11px;line-height: 30px;color:#ffffff;background:#6b5d55;padding:0 43px 0 16px;box-shadow:1px 1px 3px 1px rgba(0,0,0,0.2);border-radius:30px;}
	.graphArea .dot .infoBox:after{content:'';display:block;position:absolute;left:50%;top:-10px;background:url("/img/site/main/icon_graph_alert_box.png") no-repeat;width:7px;height:10px;margin-left:-3px;}
	.graphArea .dot .infoBox a{line-height:1;display:block;position:absolute;right:16px;top:50%;transform:translate(0, -50%);}
	.graphArea .dot .infoBox a{line-height:1;display:block;position:absolute;right:16px;top:50%;transform:translate(0, -50%);}
	.graphArea .dot .infoBox a .full{display:none;position:absolute;left: 50%;top: 30px;line-height: 30px;color:#ffffff;background:#6b5d55;padding:0 15px 0 15px;box-shadow:1px 1px 3px 1px rgba(0,0,0,0.2);border-radius:30px;transform:translate(-50%,0);text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;word-break:keep-all;}
	.graphArea .dot .infoBox a:hover .full,
	.graphArea .dot .infoBox a:focus .full{display:block;}
	.graphArea .dot .infoBox .full:after{content:'';display:block;position:absolute;left:50%;top:-9px;background:url("/img/site/main/icon_graph_alert_box.png") no-repeat;width:7px;height:10px;margin-left:-3px;}
	.graphArea.animate svg .circle-foreground1,
	.graphArea.animate svg .circle-foreground2{animation: offset 1.5s linear forwards;}
	.graphArea figcaption{position:absolute;left:0;top:50%;width:100%;text-align:center;transform:translate(0,-50%)}
	.graphArea figcaption span{display:block;text-align:center;}
	.graphArea figcaption .tit{color:#8b8178;font-size:18px;margin-bottom:12px;}
	.graphArea figcaption .price{color:#a63030;font-size:80px;font-family:'NotoSansKR-Medium';}
	.graphArea figcaption .txt{color:#b9a899;font-size:18px;}
	.graphArea svg {width: 100%;height: 100%;}
	.graphArea svg .circle-background1 {r: calc(50% - 15px);cx: 50%;cy: 50%;fill: none;stroke: #eddfd1;stroke-width: 15px;}
	.graphArea svg .circle-background2,
	.graphArea svg .circle-foreground1,
	.graphArea svg .circle-foreground2{r: calc(50% - 31px);cx: 50%;cy: 50%;fill: none;stroke: #d6c4b3;stroke-width: 15px;}
	.graphArea svg .circle-foreground1 {stroke: #a63030;stroke-dasharray: 0 720;stroke-dashoffset: 0;stroke-linecap: round;transform-origin: 50% 50%;transform: rotate(-80deg);background:#e8dbcf;}
	.graphArea svg .circle-foreground2 {stroke: #e8dbcf;stroke-dasharray: 0 720;stroke-dashoffset: 0;stroke-linecap: round;transform-origin: 50% 50%;transform: rotate(-80deg);stroke-width: 5px;}
  
  .mainMyweddingInfoWrap .rightBox {max-width: 100%;width: calc(100% - 335px);display: flex;flex-direction: column;justify-content: space-between;gap:50px;padding: 8px 0 22px 18px;box-sizing: border-box;}
  .mainMyweddingInfoWrap .rightBox h3 {font-size: 15px; color: #A63030; font-weight: 700;margin-bottom: 15px;}
  .mainMyweddingInfoWrap .rightBox .giftWrap .gift-top {display: flex; justify-content: flex-start; gap: 8px; margin-bottom: 20px; }
  .mainMyweddingInfoWrap .rightBox .giftWrap .gift-top .chips {display: block; background-color: #EDDFD1; font-size:13px; color: #BAA692; font-weight: 700; text-align: center; width: fit-content; height: 26px; line-height: 23px; border-radius: 36px; padding:0 12px; white-space: nowrap; box-sizing: border-box; }
  .mainMyweddingInfoWrap .rightBox .giftWrap .gift-top .chips.full { border: 1px solid #C0A7A7; color: #A63030; }
  .mainMyweddingInfoWrap .rightBox .giftWrap .gift-top .desc { position:relative; padding-left: 14px; color: #8C786D; font-size: 10px; line-height: 1.4; font-weight: 700;}
  .mainMyweddingInfoWrap .rightBox .giftWrap .gift-top .desc::before {content: '※'; position: absolute; top: 0; left: 0;}
  .mainMyweddingInfoWrap .rightBox .giftWrap .gift-bottom { display: flex; align-items: center; gap: 8px; }
  .mainMyweddingInfoWrap .rightBox .giftWrap .gift-bottom li { flex:0.5; background: #EADCCE; padding: 13px 20px; border-radius: 10px; }
  .mainMyweddingInfoWrap .rightBox .giftWrap .gift-bottom li .tit-area { display: flex; align-items: center; gap: 4px; margin-bottom: 8px; }
  .mainMyweddingInfoWrap .rightBox .giftWrap .gift-bottom li .tit-area .tit { color: #BAA692; font-size: 13px; font-weight: 700; white-space: nowrap; }
  .mainMyweddingInfoWrap .rightBox .giftWrap .gift-bottom li .tit-area .chips {background: #C5B3A2; color: #fff; font-size: 10px; font-weight: 700; text-align: center; width: fit-content; height: 20px; line-height: 20px; border-radius: 20px; padding:0 8px; white-space: nowrap; box-sizing: border-box; }
  .mainMyweddingInfoWrap .rightBox .giftWrap .gift-bottom li .num-area { display: flex; align-items: flex-end; color: #A63030; }
  .mainMyweddingInfoWrap .rightBox .giftWrap .gift-bottom li .num-area .current { font-size: 16px; font-weight: 600; padding-right: 4px;font-family: "NotoSansKR-Medium" }
  .mainMyweddingInfoWrap .rightBox .giftWrap .gift-bottom li .num-area .total { font-size: 11px; color: #161616; font-weight: 500; } 
  .mainMyweddingInfoWrap .rightBox .giftWrap .gift-bottom li.full { background: #A63030; }
  .mainMyweddingInfoWrap .rightBox .giftWrap .gift-bottom li.full .tit-area .tit { color: #fff; }
  .mainMyweddingInfoWrap .rightBox .giftWrap .gift-bottom li.full .tit-area .chips { background: #8C1B1B; }
  .mainMyweddingInfoWrap .rightBox .giftWrap .gift-bottom li.full .num-area .current { color: #fff; }
  .mainMyweddingInfoWrap .rightBox .giftWrap .gift-bottom li.full .num-area .total { color: #F39A9A; }
  
  /* after :: 7/1 이후가입자 */
  .mainMyweddingInfoWrap .mobileScrollArea.after .rightBox .priceLevel li.level1 { left: 93%;top: 15%;}
  .mainMyweddingInfoWrap .mobileScrollArea.after .rightBox .priceLevel li.level2 { left: 100%; top: 65%;}
  .mainMyweddingInfoWrap .mobileScrollArea.after .rightBox .priceLevel li.level3 {left: 70%; top: 103%;}
  .mainMyweddingInfoWrap .mobileScrollArea.after .rightBox .priceLevel li.level4 {left: 30%; top: 103%;}
  .mainMyweddingInfoWrap .mobileScrollArea.after .rightBox .priceLevel li.level5 {left: 0%; top: 65%;}
  .mainMyweddingInfoWrap .mobileScrollArea.after .rightBox .priceLevel li.level6 {left: 6%; top: 15%;}
  .mainMyweddingInfoWrap .mobileScrollArea.after .rightBox .priceLevel li.level7 {left: 50%; top: -6%;}

  /* before :: 7/1 이전가입자 */
  .mainMyweddingInfoWrap .mobileScrollArea.before .myWeddingInofoBox .leftBox .topCon { padding: 26px 30px 0 30px; }
  .mainMyweddingInfoWrap .mobileScrollArea.before .myWeddingInofoBox .leftBox .topCon .item .priceArea .btnRight {position: absolute;right: 0;top: -10px;}
  .mainMyweddingInfoWrap .mobileScrollArea.before .myWeddingInofoBox .leftBox .dateCon { padding: 27px 30px 0 30px; }
  .mainMyweddingInfoWrap .mobileScrollArea.before .myWeddingInofoBox .leftBox .dateCon li { margin-bottom: 26px;}
  .mainMyweddingInfoWrap .mobileScrollArea.before .rightBox { padding: 26px 0 0 26px; }
  .mainMyweddingInfoWrap .mobileScrollArea.before .rightBox h3 { margin-bottom: 25px; }
  .mainMyweddingInfoWrap .mobileScrollArea.before .rightBox .graphWrap {transform: scale(0.70) translate(-50%, -50%); transform-origin: 0 0; top: 50%; left: 50%;}
  .mainMyweddingInfoWrap .mobileScrollArea.before .rightBox .priceLevel li.level1 {left: 85%; top: 7%;}
  .mainMyweddingInfoWrap .mobileScrollArea.before .rightBox .priceLevel li.level2 {left: 100%; top: 40%;}
  .mainMyweddingInfoWrap .mobileScrollArea.before .rightBox .priceLevel li.level3 {left: 95%; top: 80%;}
  .mainMyweddingInfoWrap .mobileScrollArea.before .rightBox .priceLevel li.level4 {left: 70%; top: 104%;}
  .mainMyweddingInfoWrap .mobileScrollArea.before .rightBox .priceLevel li.level5 {left: 30%; top: 104%;}
  .mainMyweddingInfoWrap .mobileScrollArea.before .rightBox .priceLevel li.level6 {left: 5%; top: 80%;}
  .mainMyweddingInfoWrap .mobileScrollArea.before .rightBox .priceLevel li.level7 {left: 0%; top: 40%;}
  .mainMyweddingInfoWrap .mobileScrollArea.before .rightBox .priceLevel li.level8 {left: 15%; top: 7%;}
  .mainMyweddingInfoWrap .mobileScrollArea.before .rightBox .priceLevel li.level9 {left: 50%; top: -8%;}

  .searchBox { background: none;}
  /* e : 20250527 마이웨딩 전체수정 - mo */

	.main h2.sTit{color:#333333;font-family:"lotteMartMedium";font-size:22px;margin-bottom:27px;background:url("/img/site/main/main_title_icon.png") no-repeat 0 1px;-webkit-background-size:22px auto;background-size:22px auto;padding-left:32px;line-height:24px;}

	.mainMyweddingAnimationScroll{height:443px;position:relative;width:100%;overflow:hidden;background: url("/img/site/main/2019_main_info_bg_02_pc.png") no-repeat center top;background-size: cover;}
	.mainMyweddingAnimationScroll .infoArea{position:absolute;left:0;right:0;width:100%;margin:0 auto;top:0;z-index:1}
	.mainMyweddingAnimationScroll .infoArea li{float:left;width:33.3333%;text-align:center;}
	.mainMyweddingAnimationScroll .infoArea li a{display:inline-block;text-align:left;color:#6b5d55;}
	.mainMyweddingAnimationScroll .infoArea li a .tit{font-size:15px;color:#6b5d55;display:block;line-height:20px;}
	.mainMyweddingAnimationScroll .infoArea li a .number{display:inline-block;margin-top:10px;overflow:hidden;background:url("/img/site/main/btn_more_chk.png") no-repeat right 16px;padding-right:20px;-webkit-background-size:13px auto;background-size:13px auto;}
	.mainMyweddingAnimationScroll .infoArea li a .number strong{font-size:30px;display:block;float:left;font-weight:normal;font-family:"SpoqaHanSansBold";}
	.mainMyweddingAnimationScroll .infoArea li a .number .txt{float:left;font-size:15px;color:#6b5d55;margin:15px 0 0 5px;}
	.mainMyweddingAnimationScroll .goal{position:absolute;left:0;right:0;width:100%;margin:0 auto;bottom:20px;z-index:1;text-align:center;font-size:15px;color:#665956;}
	.mainMyweddingAnimationScroll .goal span{display:inline-block;vertical-align:top;margin:8px 5px 0 0;}
	.mainMyweddingAnimationScroll .goal strong{font-size:30px;font-weight:normal;font-family:"SpoqaHanSansBold";display:inline-block;vertical-align:top;}
	.mainMyweddingAnimationScroll .goal span.info{margin-top:9px;font-size:12px;font-family:"SpoqaHanSansRegular";padding-left:3px;}
	.mainMyweddingAnimation{
		background:url("/img/site/main/movingBg.png") no-repeat;
		position:absolute;left:0;top:0;margin-left:0;-webkit-background-size:auto 84%;background-size:auto 84%;background-position:center bottom;
		width:1242px;
		height:443px
	}

	.mainMyweddingAnimation .flowerObj{position:absolute;left:0;top:0;width:100%;z-index:5;background:url(/img/site/main/img_flower_left00.png) 2.35% 361px no-repeat;height: 443px;}
	.mainMyweddingAnimation .flowerObj .obj{position:absolute;left:0%;top:354px;opacity:1}
	.mainMyweddingAnimation .flowerObj .obj img{height:88px}
	.mainMyweddingAnimation .flowerObj .obj.flower1{top: 384px;}
	.mainMyweddingAnimation .flowerObj .obj.flower2{
		left: 2.6%;top: 356px;z-index: -1;
		-webkit-animation: flower02 4000ms cubic-bezier(0.455, 0.030, 0.515, 0.955) 3000ms infinite both;
    animation: flower02 4000ms cubic-bezier(0.455, 0.030, 0.515, 0.955) 3000ms infinite both;
	}
	.mainMyweddingAnimation .flowerObj .obj.flower3{
		top: 348px;left:1.5%;
		-webkit-animation: flower03 3500ms cubic-bezier(0.455, 0.030, 0.515, 0.955) 4500ms infinite both;
    animation: flower03 3500ms cubic-bezier(0.455, 0.030, 0.515, 0.955) 4500ms infinite both;
	}
	.mainMyweddingAnimation .crabObj{position:absolute;left:0;top:0;width:100%;}
	.mainMyweddingAnimation .crabObj .obj{position:absolute;left:50%;top:594px;opacity:1}
	.mainMyweddingAnimation .crabObj .obj.crab1{
		left:63%;transform:  rotate(-6deg);
    animation: wobble-hor-bottom 500ms steps(1, start) infinite both;
	}
	.mainMyweddingAnimation .crabObj .obj.crab2{
		left: 67%;top: 580px;
		animation: wobble-hor-bottom2 500ms steps(1, start) infinite both;
	}

	.mainMyweddingAnimation .bgObj{position:absolute;left:0;top:-275px;width:100%;}
	.mainMyweddingAnimation .bgObj .obj{position:absolute;left:50%;top:0;opacity:0.1}
	.mainMyweddingAnimation .bgObj .obj img{width:64.6%}
	.mainMyweddingAnimation .bgObj.cloud .cloud1{margin-left:362px;
		animation: cloud 40s linear infinite;
	}
	.mainMyweddingAnimation .bgObj.cloud .cloud2{margin-left:194px;top:61px;
		animation: cloud 35s linear infinite;
	}
	.mainMyweddingAnimation .bgObj.cloud .cloud3{margin-left:358px;top:77px;
		animation: cloud 50s linear infinite;
	}
	.mainMyweddingAnimation .bgObj.cloud .cloud4{margin-left:-340px;top:154px;
		animation: cloud 45s linear infinite;
	}
	.mainMyweddingAnimation .bgObj.cloud .cloud5{margin-left:-513px;top:203px;
		animation: cloud 60s linear infinite;
	}

	.mainMyweddingAnimation .bgObj.sakuraLeft .obj{opacity:0}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura1{top: -201px; margin:189px 0 0 -754px;
		animation: sakura 7s linear infinite;
	}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura2{margin:326px 0 0 -806px;
		animation: sakura 8s linear infinite;
	}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura3{margin:405px 0 0 -616px;
		animation: sakura 6s linear infinite;
	}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura4{margin:381px 0 0 -462px;
		animation: sakura 4s linear infinite;
	}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura5{margin:338px 0 0 -253px;
		animation: sakura 5s linear infinite;
	}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura6{margin:350px 0 0 -106px;
		animation: sakura 7s linear infinite;
	}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura7{margin:446px 0 0 -58px;
		animation: sakura 7s linear infinite;
	}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura8{margin:410px 0 0 240px;
		animation: sakura 7s linear infinite;
	}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura9{margin:410px 0 0 240px;
		animation: sakura 7s linear infinite;
	}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura10{margin:410px 0 0 685px;
		animation: sakura 7s linear infinite;
	}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura11{margin:293px 0 0 869px;
		animation: sakura 7s linear infinite;
	}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura12{margin:190px 0 0 775px;
		animation: sakura 7s linear infinite;
	}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura13{margin:156px 0 0 826px;
		animation: sakura 7s linear infinite;
	}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura14{margin:30px 0 0 711px;
		animation: sakura 7s linear infinite;
	}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura15{margin:-40px 0 0 908px;
		animation: sakura 7s linear infinite;
	}


	.mainMyweddingAnimation .bgObj.sakuraRight .obj{opacity:0}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura1{top: -201px; margin:189px 0 0 -754px;
		animation: sakura 7s linear infinite;
	}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura2{margin:326px 0 0 -806px;
		animation: sakura 8s linear infinite;
	}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura3{margin:405px 0 0 -616px;
		animation: sakura 6s linear infinite;
	}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura4{margin:381px 0 0 -462px;
		animation: sakura 4s linear infinite;
	}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura5{margin:338px 0 0 -253px;
		animation: sakura 5s linear infinite;
	}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura6{margin:350px 0 0 -106px;
		animation: sakura 7s linear infinite;
	}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura7{margin:446px 0 0 -58px;
		animation: sakura 7s linear infinite;
	}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura8{margin:410px 0 0 240px;
		animation: sakura 7s linear infinite;
	}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura9{margin:410px 0 0 240px;
		animation: sakura 7s linear infinite;
	}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura10{margin:410px 0 0 685px;
		animation: sakura 7s linear infinite;
	}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura11{margin:293px 0 0 869px;
		animation: sakura 7s linear infinite;
	}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura12{margin:190px 0 0 775px;
		animation: sakura 7s linear infinite;
	}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura13{margin:156px 0 0 826px;
		animation: sakura 7s linear infinite;
	}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura14{margin:30px 0 0 711px;
		animation: sakura 7s linear infinite;
	}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura15{margin:-40px 0 0 908px;
		animation: sakura 7s linear infinite;
	}

	.mainMyweddingAnimation .inner{width:870px;margin:0 0 0 100px;position:relative;height:100%;}
	.mainMyweddingAnimation .inner .motorcycle{
		width: 190px;
		position: absolute;
		left: 0;
		bottom: 102px;
		z-index:1;
	}
	.mainMyweddingAnimation .inner .motorcycle .set{
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 0;
		transform:translate(-60%,0);
	}
	.mainMyweddingAnimation .inner .motorcycle .obj{position:absolute;left:0;top:0;}
	.mainMyweddingAnimation .inner .motorcycle .obj img{width:100%;}
	.mainMyweddingAnimation .inner .motorcycle .body{position:relative;z-index:4;animation: motorcycle 0.5s linear infinite;}
	.mainMyweddingAnimation .inner .motorcycle .b{position:absolute;left: -6.12%;top: -14.83%;z-index:3;width:56.34%;
		-webkit-animation: motorcycleB 9500ms cubic-bezier(0.405, 0.190, 0.000, 0.855) infinite;
    animation: motorcycleB 9500ms cubic-bezier(0.405, 0.190, 0.000, 0.855) infinite ;
	}
	.mainMyweddingAnimation .inner .motorcycle .w1{
		position: absolute;
		left: 58.8%;
		top: 65.13%;
		z-index: 3;
		width: 12.78%;
		animation: motorcycleW 1s linear infinite;
	}
	.mainMyweddingAnimation .inner .motorcycle .w2{
		position: absolute;
		left: 22.54%;
		top: 65.13%;
		z-index: 3;
		width: 12.78%;
		animation: motorcycleW 1s linear infinite;
	}
	.mainMyweddingAnimation .inner .dDayStep{position:absolute;left:0;bottom:166px;width:100%;}
	.mainMyweddingAnimation .inner .dDayStep2{position:absolute;left:0;bottom:63px;width:100%;z-index: 2;}
	.mainMyweddingAnimation .inner .dDayStep li{float:left;width:20%;text-indent:-9999px;transform:translate(-30px,0);transition:all 0.5s;background-position:right bottom;background-repeat:no-repeat; background-image: url("/img/site/main/2019_dDay_icon_off.png");height:200px;background-size: 50%;}
	.mainMyweddingAnimation .inner .dDayStep li.on {background-image:url("/img/site/main/2019_dDay_icon_on.png") !important;}
	.mainMyweddingAnimation .inner .dDayStep li.on2 {background-image:url("/img/site/main/2019_dDay_icon_on2.png") ;}
	.mainMyweddingAnimation .inner .dDayStep li:after {content:"";position: absolute;right:-81%;top:128px;display: block;width: 100%;height: 59px;background: url("/img/site/main/img_deco.png") no-repeat;background-size:90%;}
	.mainMyweddingAnimation .inner .dDayStep li:last-child:after {display: none;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step1{background-image:url("/img/site/main/2019_dDay_icon_01_off.png") ;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step1.on{background-image:url("/img/site/main/2019_dDay_icon_01_on.png") !important;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step1.on2 {background-image:url("/img/site/main/2019_dDay_icon_01_on2.png") ;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step2{background-image:url("/img/site/main/2019_dDay_icon_02_off.png") ;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step2.on{background-image:url("/img/site/main/2019_dDay_icon_02_on.png") !important;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step2.on2 {background-image:url("/img/site/main/2019_dDay_icon_02_on2.png") ;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step3{background-image:url("/img/site/main/2019_dDay_icon_03_off.png") ;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step3.on{background-image:url("/img/site/main/2019_dDay_icon_03_on.png") !important;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step3.on2 {background-image:url("/img/site/main/2019_dDay_icon_03_on2.png") ;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step4{background-image:url("/img/site/main/2019_dDay_icon_04_off.png") ;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step4.on{background-image:url("/img/site/main/2019_dDay_icon_04_on.png") !important;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step4.on2 {background-image:url("/img/site/main/2019_dDay_icon_04_on2.png") ;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step5{background-image:url("/img/site/main/2019_dDay_icon_05_off.png");}
	.mainMyweddingAnimation .inner .dDayStep2 li.step5.on{background-image:url("/img/site/main/2019_dDay_icon_05_on.png") !important;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step5.on2 {background-image:url("/img/site/main/2019_dDay_icon_05_on2.png") ;}
	.mainMyweddingAnimation .inner .dDayStep li.step6{width:0;}
	.mainMyweddingAnimation .inner .goal{display:none;}
	
	
	.mainCommunityWrap{background:#f4efeb;padding:40px 15px 25px 15px;}
	.mainCommunityWrap .mainCommunityList{margin:0 -15px;overflow:auto;padding:0 0 20px 0}
	.mainCommunityWrap .mainCommunityList:after{content:'';display:block;clear:both;}
	.mainCommunityWrap .mainCommunityList ul{white-space:nowrap;font-size:0;display:table;}
	.mainCommunityWrap .mainCommunityList li{width:285px;padding:0 10px;display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;white-space:normal;vertical-align:top;}
	.mainCommunityWrap .mainCommunityList li .item{background:#ffffff;border-radius:0 0 0 10px;margin-left:5px;display:block;padding:55px 20px 20px 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:230px;box-shadow:5px 10px 15px 5px rgba(147,135,119,0.15);position:relative;transition:all 0.5s}
	.mainCommunityWrap .mainCommunityList li .item:hover,
	.mainCommunityWrap .mainCommunityList li .item:focus{box-shadow:5px 10px 15px 5px rgba(147,135,119,0.3);}
	.mainCommunityWrap .mainCommunityList li .item .icon{position:absolute;left:-5px;top:0;color:#ffffff;line-height:28px;width:55px;text-align:center;font-size:13px;}
	.mainCommunityWrap .mainCommunityList li .item .icon.brown{background:#4f4543;}
	.mainCommunityWrap .mainCommunityList li .item .icon.brown:after{content:'';display:block;width:5px;height:4px;background:url("/img/site/main/list_box_bottom_brown.png") no-repeat;position:absolute;left:0;top:28px;}
	.mainCommunityWrap .mainCommunityList li .item .icon.pink{background:#e29090;}
	.mainCommunityWrap .mainCommunityList li .item .icon.pink:after{content:'';display:block;width:5px;height:4px;background:url("/img/site/main/list_box_bottom_pink.png") no-repeat;position:absolute;left:0;top:28px;}
	.mainCommunityWrap .mainCommunityList li .item .icon.gray{background:#777777 ;}
	.mainCommunityWrap .mainCommunityList li .item .icon.gray:after{content:'';display:block;width:5px;height:4px;background:url("/img/site/main/list_box_bottom_gray.png") no-repeat;position:absolute;left:0;top:28px;}
	.mainCommunityWrap .mainCommunityList li .item .icon.orange {background:#e3a579;}
	.mainCommunityWrap .mainCommunityList li .item .icon.orange:after{content:'';display:block;width:5px;height:4px;background:url("/img/site/main/list_box_bottom_orange.png") no-repeat;position:absolute;left:0;top:28px;}
	.mainCommunityWrap .mainCommunityList li .item .tit{color:#333333;font-size:16px;line-height:20px;font-family:"lotteMartMedium";overflow:hidden;height:42px;}
	.mainCommunityWrap .mainCommunityList li .item .con{font-size:13px;line-height:17px;overflow:hidden;height:52px;color:#777777;margin-top:10px;}
	.mainCommunityWrap .mainCommunityList li .item .bottomInfo{position:absolute;left:20px;bottom:30px;}


	.mainConsultingWrap{padding:40px 15px 0 15px;}
	.mainConsultingWrap .mainConsultingBig{overflow:hidden;}
	.mainConsultingWrap .mainConsultingBig ul{overflow:hidden;}
	.mainConsultingWrap .mainConsultingBig ul li{margin-bottom:10px;}
	.mainConsultingWrap .mainConsultingBig ul li .item{height:25.33vw;overflow:hidden;background:#a59588;border-radius:0 0 0 10px;padding-left:45%;position:relative;display:table;table-layout:fixed;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}/* 37.33vw */
	.mainConsultingWrap .mainConsultingBig ul li .item .imgArea{height:100%;width:45%;overflow:hidden;position:absolute;left:0;top:0;}
	.mainConsultingWrap .mainConsultingBig ul li .item .imgArea img{width:100%;height:100%;}
	.mainConsultingWrap .mainConsultingBig ul li .item .conArea{text-align:center;display:table-cell;width:100%;vertical-align:middle;}
	.mainConsultingWrap .mainConsultingBig ul li .item .conArea .tit{color:#ffffff;font-size:6.25vw;font-family:"lotteMartMedium";}
	.mainConsultingWrap .mainConsultingBig ul li .item .conArea .txt{color:#ffffff;font-size:3.9vw;font-family:"SpoqaHanSansLight";margin-top:2.5vw}
	.mainConsultingWrap .mainConsultingBig ul li .item .conArea .icon{text-align:center;margin-top:6.6vw;}
	.mainConsultingWrap .mainConsultingBig ul li .item .conArea .icon img{width:10vw;}
	.mainConsultingWrap .mainConsultingSmall{background:#e6e1dd;overflow:hidden;padding:15px;margin:0 -15px;}
	.mainConsultingWrap .mainConsultingSmall:after{content:'';display:block;clear:both;}
	.mainConsultingWrap .mainConsultingSmall li{float:left;width:33.3333%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:7px;}
	.mainConsultingWrap .mainConsultingSmall li:last-child{margin-right:0;}
	.mainConsultingWrap .mainConsultingSmall li .item{background:#fff;overflow:hidden;border-radius:0 0 0 10px;box-shadow:5px 5px 10px 3px rgba(147,135,119,0.15);height:79px;display:block;text-align:center;transition:all 0.5s}
	.mainConsultingWrap .mainConsultingSmall li .item:hover,
	.mainConsultingWrap .mainConsultingSmall li .item:focus{box-shadow:5px 5px 10px 3px rgba(147,135,119,0.30)}
	.mainConsultingWrap .mainConsultingSmall li .item .icon{height:37px;margin-top:12px;}
	.mainConsultingWrap .mainConsultingSmall li .item .icon img{height:32px;}
	.mainConsultingWrap .mainConsultingSmall li .item .tit{font-size:13px;color:#4f4543;}
	.mainConsultingWrap .mainConsultingSmall li .item.more{background:#ffffff url("/img/site/main/main_wedding_icon_more.png") no-repeat center center;overflow:hidden;text-indent:-999px;box-shadow:none;-webkit-background-size:20px auto;background-size:20px auto;}


	.mainEventSlide{position:relative;opacity:0;transition:opacity 0.5s}
	.mainEventSlide.on{opacity:1}
	.mainEventSlide .swiper-container{height:100%;}
	.mainEventSlide .swiper-slide{overflow:hidden;}
	.mainEventSlide .swiper-slide img{width:100%;}
	.mainEventSlide .swiper-pagination{left:0;right:0;bottom:30px;margin:0 auto;width:60%;display:flex}
	.mainEventSlide .swiper-pagination .swiper-pagination-bullet{flex:1;height:1px;background:#ececec;width:auto;opacity:1;position:relative;}
	.mainEventSlide .swiper-pagination .swiper-pagination-bullet:after{content:'';display:block;position:absolute;left:0;top:0;height:1px;width:0;background:#f65286;}
	.mainEventSlide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{transition:all 5s;width:100%;}


  .mainGallayWrap{padding:40px 15px 0px 15px;}
	.mainGallayWrap .rightCon{margin-top:37px;}
	.mainGallayWrap .mainWeddingPickList{overflow:auto;margin:0 -15px;padding-left:5px;}
	.mainGallayWrap .mainWeddingPickList ul{display:table;white-space:nowrap;font-size:0;padding:0 5px;}
	.mainGallayWrap .mainWeddingPickList ul li{display:inline-block;margin:0 5px;width:160px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #f0ebe7}
	.mainGallayWrap .mainWeddingPickList ul li .item{display:block;position:relative;}
	.mainGallayWrap .mainWeddingPickList ul li .item .imgArea{height:160px;overflow:hidden;position:relative;}
	.mainGallayWrap .mainWeddingPickList ul li .item .imgArea img{position:absolute;left:50%;top:0;height:100%;transform:translate(-50%,0)}


	.mainBannerWrap{padding:37px 15px 0 15px;}
	.mainBannerWrap .mainBannerArea{overflow:hidden;position:relative;}
	.mainBannerWrap .mainBannerArea ul li{margin-bottom:20px;}
	.mainBannerWrap .mainBannerArea ul li:last-child{margin-bottom:0;}
	.mainBannerWrap .mainBannerArea ul li .item{background:#f4f4f4;overflow:hidden;border-radius:0 0 0 10px;display:block;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:19px 0 27px 0;color:#777777;}
	.mainBannerWrap .mainBannerArea ul li .item .imgArea img{width:122px;}
	.mainBannerWrap .mainBannerArea ul li .item .tit{font-size:20px;color:#4f4543;margin-top:20px;font-family:"SpoqaHanSansBold";}
	.mainBannerWrap .mainBannerArea ul li .item .con{font-size:15px;line-height:23px;margin-top:12px;}
	.mainBannerWrap .mainBannerArea ul li .item .btn{margin-top:17px;}


	.graphArea.animate.deg10 .dot .infoBox{transform:rotate(-10deg) translate(21px, 39px);}
	.graphArea.animate.deg20 .dot .infoBox{transform:rotate(-20deg) translate(27px, 23px);}
	.graphArea.animate.deg30 .dot .infoBox{transform:rotate(-30deg) translate(28px, 29px)}
	.graphArea.animate.deg40 .dot .infoBox{transform:rotate(-40deg) translate(29px, 33px);}
	.graphArea.animate.deg50 .dot .infoBox{transform:rotate(-50deg) translate(28px, 38px);}
	.graphArea.animate.deg60 .dot .infoBox{transform:rotate(-60deg) translate(27px, 41px);}
	.graphArea.animate.deg70 .dot .infoBox{transform:rotate(-70deg) translate(24px, 46px);}
	.graphArea.animate.deg80 .dot .infoBox{transform:rotate(-80deg) translate(20px, 51px);}
	.graphArea.animate.deg90 .dot .infoBox{transform:rotate(-90deg) translate(17px, 53px);}
	.graphArea.animate.deg100 .dot .infoBox{transform:rotate(-100deg) translate(12px, 56px);}
	.graphArea.animate.deg110 .dot .infoBox{transform:rotate(-110deg) translate(7px, 58px);}
	.graphArea.animate.deg120 .dot .infoBox{transform:rotate(-120deg) translate(3px, 59px);}
	.graphArea.animate.deg130 .dot .infoBox{transform:rotate(-130deg) translate(-3px, 58px);}
	.graphArea.animate.deg140 .dot .infoBox{transform:rotate(-140deg) translate(-8px, 58px);}
	.graphArea.animate.deg150 .dot .infoBox{transform:rotate(-150deg) translate(-13px, 56px);}
	.graphArea.animate.deg160 .dot .infoBox{transform:rotate(-160deg) translate(-17px, 54px);}
	.graphArea.animate.deg170 .dot .infoBox{transform:rotate(-170deg) translate(-21px, 51px);}
	.graphArea.animate.deg180 .dot .infoBox{transform:rotate(-180deg) translate(-24px, 47px);}
	.graphArea.animate.deg190 .dot .infoBox{transform:rotate(-190deg) translate(-27px, 43px);}
	.graphArea.animate.deg200 .dot .infoBox{transform:rotate(-200deg) translate(-29px, 39px);}
	.graphArea.animate.deg210 .dot .infoBox{transform:rotate(-210deg) translate(-30px, 33px);}
	.graphArea.animate.deg220 .dot .infoBox{transform:rotate(-220deg) translate(-30px, 29px);}
	.graphArea.animate.deg230 .dot .infoBox{transform:rotate(-230deg) translate(-29px, 23px);}
	.graphArea.animate.deg240 .dot .infoBox{transform:rotate(-240deg) translate(-28px, 19px);}
	.graphArea.animate.deg250 .dot .infoBox{transform:rotate(-250deg) translate(-26px, 12px);}
	.graphArea.animate.deg260 .dot .infoBox{transform:rotate(-260deg) translate(-21px, 9px);}
	.graphArea.animate.deg270 .dot .infoBox{transform:rotate(-270deg) translate(-18px, 9px);}
	.graphArea.animate.deg280 .dot .infoBox{transform:rotate(-280deg) translate(-14px, 6px);}
	.graphArea.animate.deg290 .dot .infoBox{transform:rotate(-290deg) translate(-11px, 3px);}
	.graphArea.animate.deg300 .dot .infoBox{transform:rotate(-300deg) translate(-4px, 0px);}
	.graphArea.animate.deg310 .dot .infoBox{transform:rotate(-310deg) translate(1px, -1px);}
	.graphArea.animate.deg320 .dot .infoBox{transform:rotate(-320deg) translate(6px, 2px);}
	.graphArea.animate.deg330 .dot .infoBox{transform:rotate(-330deg) translate(10px, 6px);}
	.graphArea.animate.deg340 .dot .infoBox{transform:rotate(-340deg) translate(16px, 7px);}
	.graphArea.animate.deg350 .dot .infoBox{transform:rotate(-350deg) translate(19px, 9px);}
	.graphArea.animate.deg360 .dot .infoBox{transform:rotate(-360deg) translate(22px, 13px);}


	.mainMyweddingInfoWrap .d-DayArea {padding:20px;}
	.mainMyweddingInfoWrap .d-DayArea .btnArea.add-btn{border-radius:100px;overflow:hidden;margin-top:65px;}
	.mainMyweddingInfoWrap .d-DayArea .btnArea.add-btn li{float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0;}
	.mainMyweddingInfoWrap .d-DayArea .btnArea.add-btn li a{display:block; position: relative; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#957963; padding:10px 0; font-size:15px;color:#fff;text-align:center;}
	.mainMyweddingInfoWrap .d-DayArea .btnArea.add-btn li a em {position: absolute; top:50%; transform: translate(0,-50%); width:15px; height: 14px; background:url("/img/site/main/btn_right_arrow.png") no-repeat; content:'';}
	.mainMyweddingInfoWrap .d-DayArea .btnArea.add-btn li a span {margin-left:25px;}
}






/************************************************** Tablet *******************************************************/
@media only screen and (min-width :950px) and (max-width : 1024px) { 
  .mo-br { display: none; }
  .pc-br { display: block; }

	.mainTopVisual{position:relative;opacity:0;transition:opacity 0.5s}
	.mainTopVisual.on{opacity:1}
	.mainTopVisual .swiper-slide{overflow:hidden;}
	.mainTopVisual .swiper-slide img{width:100%;}
	.mainTopVisual .swiper-pagination{position:absolute;left:90px;right:90px;bottom:30px;margin:0 auto;display:flex;}
	.mainTopVisual .swiper-pagination .swiper-pagination-bullet{flex:1;height:1px;background:#ececec;width:auto;opacity:1;position:relative;}
	.mainTopVisual .swiper-pagination .swiper-pagination-bullet:after{content:'';display:block;position:absolute;left:0;top:0;height:1px;width:0;background:#f65286;}
	.mainTopVisual .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{transition:all 5s;width:100%;}
	.mainTopVisual .pagingNumber{font-size: 29px;	color: #a2a2a2;font-family: "lotteMartMedium";position: absolute;right: 17px;top: 40px;z-index: 1;}
	.mainTopVisual .pagingNumber .active{color:#ffffff;}
	.mainTopVisual .pagingNumber .total{font-size:17px;}


	.mainMyweddingInfoWrap{background:url("/img/site/main/2019_main_info_bg_01_pc.png") top center no-repeat;background-size:1920px 100%;}
	.mainMyweddingInfoWrap .inner{padding:36px 50px;}
	.mainMyweddingInfoWrap .d-DayArea{background:#e9dbcc;border-radius:0 0 0 15px;box-shadow:0 10px 15px 5px rgba(147,135,119,0.17);overflow:hidden;height:307px;padding:37px 40px 0 40px;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:20px;}
	.mainMyweddingInfoWrap .d-DayArea .profileArea{position:relative;}
	.mainMyweddingInfoWrap .d-DayArea .profileArea .btnSetting{display:none;position:absolute;left:-13px;top:-24px;background:url("/img/site/main/btnSetting.png") no-repeat;-webkit-background-size:28px auto;background-size:28px auto;width:28px;height:28px;overflow:hidden;text-indent:-9999px;}
	.mainMyweddingInfoWrap .d-DayArea .profileArea .imgArea{overflow:hidden;border-radius:135px;border:3px solid #d4bea5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:135px;height:135px;position:relative;box-shadow:0 7px 20px 5px rgba(51,51,51,0.19);}
	.mainMyweddingInfoWrap .d-DayArea .profileArea .imgArea img{height:100%;position:absolute;left:50%;top:0;transform:translate(-50%,0)}
	.mainMyweddingInfoWrap .d-DayArea .profileArea .txtArea{position:absolute;left:175px;top:-3px;}
	.mainMyweddingInfoWrap .d-DayArea .profileArea .txtArea .d-day{font-size:72px;font-family:"SpoqaHanSansBold";color:#5a4e47;letter-spacing:-0.05em;float:left;}
	.mainMyweddingInfoWrap .d-DayArea .profileArea .txtArea .weddingDay{border-top:1px solid #d4bea5;border-bottom:1px solid #d4bea5;height:38px;line-height:38px;float:left;margin:19px 0 0 40px;min-width:195px;}
	.mainMyweddingInfoWrap .d-DayArea .profileArea .txtArea .weddingDay .tit{display:block;float:left;color:#957963;}
	.mainMyweddingInfoWrap .d-DayArea .profileArea .txtArea .weddingDay .con{display:block;float:left;color:#5a4e47;margin-left:15px;}
	.mainMyweddingInfoWrap .d-DayArea .nameArea{margin:-45px 0 0 158px;font-size:30px;line-height:40px;color:#957963;position:relative;}
	.mainMyweddingInfoWrap .d-DayArea .nameArea strong{color:#5a4e47;}
	.mainMyweddingInfoWrap .d-DayArea .nameArea .mobileNone{display:none;}
	.mainMyweddingInfoWrap .d-DayArea .nameArea .playList{position:absolute;right:0;top:11px;font-size:16px;color:#957963;height:20px;line-height:1;border-bottom:1px solid #957963;}
	.mainMyweddingInfoWrap .d-DayArea .nameArea .activity {position: absolute;top: 0;right: 0;padding: 6px 0 2px;color:#957963;font-size: 16px;border-bottom:1px solid #957963;line-height: 1;}
	.mainMyweddingInfoWrap .d-DayArea .btnArea{border-radius:0 0 0 15px;overflow:hidden;margin-top:37px;}
	.mainMyweddingInfoWrap .d-DayArea .btnArea li{float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:25%;padding:0 1px 1px 0;}
	.mainMyweddingInfoWrap .d-DayArea .btnArea li:last-child {text-align: right;}
	.mainMyweddingInfoWrap .d-DayArea .btnArea li .icoArr {background-color: #957963;}
	.mainMyweddingInfoWrap .d-DayArea .btnArea li .icoArr span {color: #fff;}
	.mainMyweddingInfoWrap .d-DayArea .btnArea li .icoArr:hover {background-color: #fff;}
	.mainMyweddingInfoWrap .d-DayArea .btnArea li .icoArr:hover span {color: #957963;}
	.mainMyweddingInfoWrap .d-DayArea .btnArea li .icoArr:hover span:before {background: url("/img/site/common/btn_arrow_w.png") no-repeat 0 0;background-size:100% auto;}


	.btn span{color: #957963;}
	.btn span:hover{color: #ffffff;}
	

	/*웨딩마일리지일경우 타입*/
	.mainMyweddingInfoWrap .d-DayArea.myWeddingStyle{height:242px;}
	.mainMyweddingInfoWrap .d-DayArea.myWeddingStyle .txtArea .infoTit{color:#957963;font-size:16px;padding-top:5px;}
	.mainMyweddingInfoWrap .d-DayArea.myWeddingStyle .txtArea .infoCon{color:#333333;font-size:16px;line-height:24px;margin-top:12px;}

	.mainMyweddingInfoWrap .d-DayArea.departmentStyle{height:315px;}
	.mainMyweddingInfoWrap .d-DayArea.departmentStyle.noLogin{height:267px;}
	.mainMyweddingInfoWrap .d-DayArea.departmentStyle .nameArea{margin:-63px 0 0 158px}
	.mainMyweddingInfoWrap .d-DayArea.departmentStyle .txtArea .infoTit{color:#957963;font-size:16px;padding-top:12px;}
	.mainMyweddingInfoWrap .d-DayArea.departmentStyle .txtArea .infoCon{color:#333333;font-size:16px;line-height:24px;margin-top:12px;}
	.mainMyweddingInfoWrap .d-DayArea.departmentStyle .btnArea{margin-top:-35px;}

	.mainMyweddingInfoWrap .mobileScrollArea.dimBgType .dimBgArea{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10}
	.mainMyweddingInfoWrap .mobileScrollArea.dimBgType .dimBgArea .bg{background:#f3e7dc;border-radius:0 0 0 15px;opacity:0.95;width:100%;height:100%;position:absolute;left:0;top:0;}
	.mainMyweddingInfoWrap .mobileScrollArea.dimBgType .dimBgArea .conArea{position:relative;width:100%;height:100%;display:table;z-index:1;}
	.mainMyweddingInfoWrap .mobileScrollArea.dimBgType .dimBgArea .conArea .innerArea{text-align:center;vertical-align:middle;display:table-cell}
	.mainMyweddingInfoWrap .mobileScrollArea.dimBgType .dimBgArea .conArea .innerArea .tit{color:#5a4e47;font-size:48px;font-family:"lotteMartMedium";letter-spacing:-0.05em}

	.mainMyweddingInfoWrap .mobileScrollArea.dimBgType .dimBgArea .conArea .innerArea .infoSet{text-align:left;color:#333333;display:inline-block;}
	.mainMyweddingInfoWrap .mobileScrollArea.dimBgType .dimBgArea .conArea .innerArea .infoSet ul{margin-top:45px;}
	.mainMyweddingInfoWrap .mobileScrollArea.dimBgType .dimBgArea .conArea .innerArea .infoSet ul li{margin-bottom:20px;font-size:18px;}
	.mainMyweddingInfoWrap .mobileScrollArea.dimBgType .dimBgArea .conArea .innerArea .infoSet ul li strong{font-weight:normal;color:#a63030;}
	.mainMyweddingInfoWrap .mobileScrollArea.dimBgType .dimBgArea .conArea .innerArea .infoSet ul li span{color:#777777;}
	.mainMyweddingInfoWrap .mobileScrollArea.dimBgType .dimBgArea .conArea .innerArea .infoSet ul li:last-child{margin-bottom:0;}

	.mainMyweddingInfoWrap .mobileScrollArea{background:#f3e7dc;border-radius:0 0 0 15px;box-shadow:0 10px 15px 5px rgba(147,135,119,0.15);overflow:hidden;height:422px;padding:10px ;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	.mainMyweddingInfoWrap .myWeddingInofoBox{overflow:hidden;width:auto !important;position:relative;padding-right:450px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox{background:#f5f0eb;border-radius:0 0 0 15px;width:100% !important;height:402px;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .topCon{background:#f9f5f1;padding:27px 30px 0 30px;height:235px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .topCon .item{position:relative;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .topCon .item:first-child{margin-bottom:39px;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .topCon .item .tit{color:#333333;font-size:20px;margin-bottom:19px;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .topCon .item .priceArea{position:relative;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .topCon .item .priceArea .price{color:#999999;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .topCon .item .priceArea .price strong{color:#a63030;font-family:"SpoqaHanSansBold";font-size:26px;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .topCon .item .priceArea .btnRight{position:absolute;right:0;top:-16px;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .topCon .item .priceArea .btnRight .icon_chk{background:url("/img/site/main/icon_main_info_01.png") no-repeat;-webkit-background-size:42px auto;background-size:42px auto;padding:20px 15px 0 50px;color:#957963;height:47px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .topCon .item .priceArea .btnRight .icon_mvg{background:url("/img/site/main/icon_main_info_02.png") no-repeat;-webkit-background-size:43px auto;background-size:43px auto;padding:20px 0 0 47px;color:#957963;height:47px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .dateCon{padding:20px 30px 0 30px;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .dateCon li{margin-bottom:20px;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .dateCon li:last-child{margin-bottom:0;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .dateCon li .tit{margin-bottom:9px;}
	.mainMyweddingInfoWrap .myWeddingInofoBox .leftBox .dateCon li .con{color:#333;}

	.priceLevel{position:relative;width:100%;}

  .mainMyweddingInfoWrap .graphWrap{
		position:absolute;
		right:-30px;
		top:0;
		width: 497px !important;
		height: 402px;
	}
	.graphArea {
		width: 290px;
		height: 290px;
		margin: 0;
		position:absolute;
		left:50%;
		top:50%;
		margin:-155px 0 0 -145px;
	}
	.graphArea .dot{
		width: calc(100% - 42px);
		height: calc(100% - 42px);
		margin: 0;
		position: absolute;
		left:50%;
		top:50%;
		text-align:center;
		z-index:1;
		transform:translate(-50%, -50%) rotate(10deg);
	}
	.graphArea .dot:after{
		display:inline-block;
		content:'';
		width: 10px;
		height: 10px;
		background:#efe3d8;
		box-shadow:0 0 1px 2px rgba(0,0,0,0.2);
		border-radius:10px;
	}
	.graphArea .dot .infoBox{
		opacity:0;
		display:inline-block;
		position:absolute;
		left: 50%;
		top: 0;
		line-height: 30px;
		color:#ffffff;
		background:#6b5d55;
		padding:0 43px 0 16px;
		box-shadow:1px 1px 3px 1px rgba(0,0,0,0.2);
		border-radius:30px;
		margin-left:-62px;
		min-width:116px;
		text-align:center;
		-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
	}
	.graphArea .dot .infoBox:after{
		content:'';
		display:block;
		position:absolute;
		left:50%;
		top:-9px;
		background:url("/img/site/main/icon_graph_alert_box.png") no-repeat;
		width:7px;
		height:10px;
		margin-left:-3px;
	}
	.graphArea .dot .infoBox a{
		line-height:1;
		display:block;
		position:absolute;
		right:16px;
		top:50%;
		transform:translate(0, -50%);
	}
	.graphArea .dot .infoBox a .full{
		display:none;
		position:absolute;
		left: 50%;
		top: 30px;
		line-height: 30px;
		color:#ffffff;
		background:#6b5d55;
		padding:0 15px 0 15px;
		box-shadow:1px 1px 3px 1px rgba(0,0,0,0.2);
		border-radius:30px;
		transform:translate(-50%,0);
		text-align:center;
		-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
		word-break:keep-all;
	}
	.graphArea .dot .infoBox a:hover .full,
	.graphArea .dot .infoBox a:focus .full{display:block;}
	.graphArea .dot .infoBox .full:after{
		content:'';
		display:block;
		position:absolute;
		left:50%;
		top:-9px;
		background:url("/img/site/main/icon_graph_alert_box.png") no-repeat;
		width:7px;
		height:10px;
		margin-left:-3px;
	}
	.graphArea.animate svg .circle-foreground1,
	.graphArea.animate svg .circle-foreground2{
		animation: offset 1.5s linear forwards;
	}
	.graphArea figcaption{position:absolute;left:0;top:50%;width:100%;text-align:center;transform:translate(0,-50%)}
	.graphArea figcaption span{display:block;text-align:center;}
	.graphArea figcaption .tit{color:#8b8178;font-size:18px;margin-bottom:12px;}
	.graphArea figcaption .price{color:#a63030;font-size:80px;font-family:'NotoSansKR-Medium';}
	.graphArea figcaption .txt{color:#b9a899;font-size:18px;}
	.graphArea svg {
		width: 100%;
		height: 100%;
	}
	.graphArea svg .circle-background1 {
		r: calc(50% - 15px);
		cx: 50%;
		cy: 50%;
		fill: none;
		stroke: #eddfd1;
		stroke-width: 15px;
	}

	.graphArea svg .circle-background2,
	.graphArea svg .circle-foreground1,
	.graphArea svg .circle-foreground2{
		r: calc(50% - 31px);
		cx: 50%;
		cy: 50%;
		fill: none;
		stroke: #d6c4b3;
		stroke-width: 15px;
	}
	.graphArea svg .circle-foreground1 {
		stroke: #a63030;
		stroke-dasharray: 0 720;
		stroke-dashoffset: 0;
		stroke-linecap: round;
		transform-origin: 50% 50%;
		transform: rotate(-80deg);
		background:#e8dbcf;
	}
	.graphArea svg .circle-foreground2 {
		stroke: #e8dbcf;
		stroke-dasharray: 0 720;
		stroke-dashoffset: 0;
		stroke-linecap: round;
		transform-origin: 50% 50%;
		transform: rotate(-80deg);
		stroke-width: 5px;
	}

	.main h2.sTit{color:#333333;font-family:"lotteMartMedium";font-size:34px;margin-bottom:18px;background:url("/img/site/main/main_title_icon.png") no-repeat;-webkit-background-size:1920px auto;background-size:1920px auto;padding-left:48px;line-height:37px;}
	
  .mainMyweddingAnimationScroll{height:650px;position:relative;overflow:hidden;background: url("/img/site/main/2019_main_info_bg_02_pc.png") no-repeat center top;}
	.mainMyweddingAnimationScroll .infoArea{position:absolute;left:0;right:0;width:1000px;margin:0 auto;top:0;z-index:1}
	.mainMyweddingAnimationScroll .infoArea li{float:left;width:33.3333%;text-align:center;}
	.mainMyweddingAnimationScroll .infoArea li a{display:inline-block;text-align:left;color:#6b5d55;}
	.mainMyweddingAnimationScroll .infoArea li a .tit{font-size:20px;color:#6b5d55;display:block;}
	.mainMyweddingAnimationScroll .infoArea li a .number{display:inline-block;margin-top:18px;overflow:hidden;background:url("/img/site/main/btn_more_chk.png") no-repeat right 31px;padding-right:42px;}
	.mainMyweddingAnimationScroll .infoArea li a .number strong{font-size:60px;display:block;float:left;font-weight:normal;font-family:"SpoqaHanSansBold";}
	.mainMyweddingAnimationScroll .infoArea li a .number .txt{float:left;font-size:20px;color:#6b5d55;margin:37px 0 0 5px;}
	.mainMyweddingAnimationScroll .goal{position:absolute;left:0;right:0;width:100%;margin:0 auto;bottom:47px;z-index:1;text-align:center;font-size:18px;color:#665956;}
	.mainMyweddingAnimationScroll .goal span{display:inline-block;vertical-align:top;margin:12px 5px 0 0;font-family:"SpoqaHanSansBold";}
	.mainMyweddingAnimationScroll .goal strong{font-size:40px;font-weight:normal;font-family:"SpoqaHanSansBold";display:inline-block;vertical-align:top;}
	.mainMyweddingAnimationScroll .goal span.info{margin-top:15px;font-size:13px;font-family:"SpoqaHanSansRegular";padding-left:3px;}


	.mainMyweddingAnimation{
		background:url("/img/site/main/movingBg.png") no-repeat center bottom;
		width:1851px;
		height:650px;
		background-size: contain;
	}
	.mainMyweddingAnimation .flowerObj{position:absolute;left:0;top:0;width:100%;z-index:5;background: url(/img/site/main/img_flower_left00.png) 131px 546px no-repeat;height: 650px;}
	.mainMyweddingAnimation .flowerObj .obj{position:absolute;left:0%;top:518px;opacity:1}
	.mainMyweddingAnimation .flowerObj .obj.flower1{top: 542px;}
	.mainMyweddingAnimation .flowerObj .obj.flower2{
		left: 1.1%;top: 510px;z-index: -1;
		-webkit-animation: flower02 4000ms cubic-bezier(0.455, 0.030, 0.515, 0.955) 3000ms infinite both;
    animation: flower02 4000ms cubic-bezier(0.455, 0.030, 0.515, 0.955) 3000ms infinite both;
	}
	.mainMyweddingAnimation .flowerObj .obj.flower3{
		top: 465px;
		-webkit-animation: flower03 3500ms cubic-bezier(0.455, 0.030, 0.515, 0.955) 4500ms infinite both;
    animation: flower03 3500ms cubic-bezier(0.455, 0.030, 0.515, 0.955) 4500ms infinite both;
	}

	.mainMyweddingAnimation .crabObj{position:absolute;left:0;top:0;width:100%;}
	.mainMyweddingAnimation .crabObj .obj{position:absolute;left:50%;top:594px;opacity:1}
	.mainMyweddingAnimation .crabObj .obj.crab1{left:63%;transform: rotate(-6deg);animation: wobble-hor-bottom 500ms steps(1, start) infinite both;}
	.mainMyweddingAnimation .crabObj .obj.crab2{left: 67%;top: 580px;animation: wobble-hor-bottom2 500ms steps(1, start) infinite both;}

	.mainMyweddingAnimation .bgObj{position:absolute;left:0;top:-275px;width:100%;}
	.mainMyweddingAnimation .bgObj .obj{position:absolute;left:50%;top:0;opacity:0.1}
	.mainMyweddingAnimation .bgObj.cloud .cloud1{margin-left:560px;animation: cloud 40s linear infinite;}
	.mainMyweddingAnimation .bgObj.cloud .cloud2{margin-left:300px;top:95px;animation: cloud 35s linear infinite;}
	.mainMyweddingAnimation .bgObj.cloud .cloud3{margin-left:555px;top:120px;animation: cloud 50s linear infinite;}
	.mainMyweddingAnimation .bgObj.cloud .cloud4{margin-left:-526px;top:238px;animation: cloud 45s linear infinite;}
	.mainMyweddingAnimation .bgObj.cloud .cloud5{margin-left:-795px;top:315px;animation: cloud 60s linear infinite;}

	.mainMyweddingAnimation .bgObj.sakuraLeft .obj{opacity:0}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura1{top: -201px; margin:189px 0 0 -754px;animation: sakura 7s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura2{margin:326px 0 0 -806px;animation: sakura 8s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura3{margin:405px 0 0 -616px;animation: sakura 6s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura4{margin:381px 0 0 -462px;animation: sakura 4s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura5{margin:338px 0 0 -253px;animation: sakura 5s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura6{margin:350px 0 0 -106px;animation: sakura 7s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura7{margin:446px 0 0 -58px;animation: sakura 7s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura8{margin:410px 0 0 240px;animation: sakura 7s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura9{margin:410px 0 0 240px;animation: sakura 7s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura10{margin:410px 0 0 685px;animation: sakura 7s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura11{margin:293px 0 0 869px;animation: sakura 7s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura12{margin:190px 0 0 775px;animation: sakura 7s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura13{margin:156px 0 0 826px;animation: sakura 7s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura14{margin:30px 0 0 711px;animation: sakura 7s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura15{margin:-40px 0 0 908px;animation: sakura 7s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraRight .obj{opacity:0}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura1{top: -201px; margin:189px 0 0 -754px;animation: sakura 7s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura2{margin:326px 0 0 -806px;animation: sakura 8s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura3{margin:405px 0 0 -616px;animation: sakura 6s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura4{margin:381px 0 0 -462px;animation: sakura 4s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura5{margin:338px 0 0 -253px;animation: sakura 5s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura6{margin:350px 0 0 -106px;animation: sakura 7s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura7{margin:446px 0 0 -58px;animation: sakura 7s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura8{margin:410px 0 0 240px;animation: sakura 7s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura9{margin:410px 0 0 240px;animation: sakura 7s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura10{margin:410px 0 0 685px;animation: sakura 7s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura11{margin:293px 0 0 869px;animation: sakura 7s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura12{margin:190px 0 0 775px;animation: sakura 7s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura13{margin:156px 0 0 826px;animation: sakura 7s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura14{margin:30px 0 0 711px;animation: sakura 7s linear infinite;}
	.mainMyweddingAnimation .bgObj.sakuraLeft .sakura15{margin:-40px 0 0 908px;animation: sakura 7s linear infinite;}

	.mainMyweddingAnimation .inner{width:1250px;margin:0 auto;position:relative;height:100%;}
	.mainMyweddingAnimation .inner .motorcycle{
		width: 320px;
		position: absolute;
		left: 0;
		bottom: 160px;
		z-index:1;
		margin-left:-100px;
	}
	.mainMyweddingAnimation .inner .motorcycle .set{
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 0;
		transform:translate(-60%,0);
	}
	.mainMyweddingAnimation .inner .motorcycle .obj{position:absolute;left:0;top:0;}
	.mainMyweddingAnimation .inner .motorcycle .obj img{width:100%;}
	.mainMyweddingAnimation .inner .motorcycle .body{position:relative;z-index:4;animation: motorcycle 0.5s linear infinite;}
	.mainMyweddingAnimation .inner .motorcycle .b{position:absolute;left: -6.12%;top: -14.83%;z-index:3;width:56.34%;-webkit-animation: motorcycleB 9500ms cubic-bezier(0.405, 0.190, 0.000, 0.855) infinite ;animation: motorcycleB 9500ms cubic-bezier(0.405, 0.190, 0.000, 0.855) infinite ;}
	.mainMyweddingAnimation .inner .motorcycle .w1{
		position: absolute;
		left: 58.8%;
		top: 65.13%;
		z-index: 3;
		width: 12.78%;
		animation: motorcycleW 1s linear infinite;
	}
	.mainMyweddingAnimation .inner .motorcycle .w2{
		position: absolute;
		left: 22.54%;
		top: 65.13%;
		z-index: 3;
		width: 12.78%;
		animation: motorcycleW 1s linear infinite;
	}

	.mainMyweddingAnimation .inner .dDayStep{position:absolute;left:0;bottom:249px;width:100%;}
	.mainMyweddingAnimation .inner .dDayStep2 {bottom: 81px;z-index: 2;}
	.mainMyweddingAnimation .inner .dDayStep li{float:left;width:16.66%;text-indent:-9999px;transform:translate(-40px,0);transition:all 0.5s;background-position:right bottom;background-repeat:no-repeat; background-image: url("/img/site/main/2019_dDay_icon_off.png");height: 200px;}
	.mainMyweddingAnimation .inner .dDayStep li.on {background-image:url("/img/site/main/2019_dDay_icon_on.png") ;}
	.mainMyweddingAnimation .inner .dDayStep li.on2 {background-image:url("/img/site/main/2019_dDay_icon_on2.png") ;}
	.mainMyweddingAnimation .inner .dDayStep li:after {content:"";position: absolute;right:-74%;top:91px;display: block;width: 100%;height: 59px;background: url("/img/site/main/img_deco.png") no-repeat;}
	.mainMyweddingAnimation .inner .dDayStep li:last-child:after {display: none;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step1{background-image:url("/img/site/main/2019_dDay_icon_01_off.png") ;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step1.on{background-image:url("/img/site/main/2019_dDay_icon_01_on.png") ;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step1.on2 {background-image:url("/img/site/main/2019_dDay_icon_01_on2.png") ;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step2{background-image:url("/img/site/main/2019_dDay_icon_02_off.png") ;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step2.on{background-image:url("/img/site/main/2019_dDay_icon_02_on.png") !important;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step2.on2 {background-image:url("/img/site/main/2019_dDay_icon_02_on2.png") ;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step3{background-image:url("/img/site/main/2019_dDay_icon_03_off.png") ;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step3.on{background-image:url("/img/site/main/2019_dDay_icon_03_on.png") !important;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step3.on2 {background-image:url("/img/site/main/2019_dDay_icon_03_on2.png") ;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step4{background-image:url("/img/site/main/2019_dDay_icon_04_off.png") ;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step4.on{background-image:url("/img/site/main/2019_dDay_icon_04_on.png") !important;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step4.on2 {background-image:url("/img/site/main/2019_dDay_icon_04_on2.png") ;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step5{background-image:url("/img/site/main/2019_dDay_icon_05_off.png");}
	.mainMyweddingAnimation .inner .dDayStep2 li.step5.on{background-image:url("/img/site/main/2019_dDay_icon_05_on.png") !important;}
	.mainMyweddingAnimation .inner .dDayStep2 li.step5.on2 {background-image:url("/img/site/main/2019_dDay_icon_05_on2.png") ;}
	.mainMyweddingAnimation .inner .dDayStep li.step6{width:0;}
	.mainMyweddingAnimation .inner .goal{display:none;}


	.mainCommunityWrap{background:#f4efeb;padding:80px 50px 60px 50px;}
	.mainCommunityWrap .inner{margin:0 auto;}
	.mainCommunityWrap .mainCommunityList{margin:0 -50px;overflow:auto;padding:0 50px 20px 50px;}
	.mainCommunityWrap .mainCommunityList ul{margin:0 -12px;display:table;white-space:nowrap;font-size:0;}
	.mainCommunityWrap .mainCommunityList li{width:355px;padding:0 12px;display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:top;}
	.mainCommunityWrap .mainCommunityList li .item{background:#ffffff;border-radius:0 0 0 15px;margin-left:5px;display:block;padding:65px 20px 20px 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:325px;box-shadow:5px 10px 15px 5px rgba(147,135,119,0.15);position:relative;transition:all 0.5s;font-size:16px;white-space:normal}
	.mainCommunityWrap .mainCommunityList li .item:hover,
	.mainCommunityWrap .mainCommunityList li .item:focus{box-shadow:5px 10px 15px 5px rgba(147,135,119,0.3);}
	.mainCommunityWrap .mainCommunityList li .item .icon{position:absolute;left:-5px;top:0;color:#ffffff;line-height:32px;width:59px;text-align:center;}
	.mainCommunityWrap .mainCommunityList li .item .icon.brown{background:#4f4543;}
	.mainCommunityWrap .mainCommunityList li .item .icon.brown:after{content:'';display:block;width:5px;height:4px;background:url("/img/site/main/list_box_bottom_brown.png") no-repeat;position:absolute;left:0;top:31px;}
	.mainCommunityWrap .mainCommunityList li .item .icon.pink{background:#e29090;}
	.mainCommunityWrap .mainCommunityList li .item .icon.pink:after{content:'';display:block;width:5px;height:4px;background:url("/img/site/main/list_box_bottom_pink.png") no-repeat;position:absolute;left:0;top:31px;}
	.mainCommunityWrap .mainCommunityList li .item .icon.gray{background:#777777 ;}
	.mainCommunityWrap .mainCommunityList li .item .icon.gray:after{content:'';display:block;width:5px;height:4px;background:url("/img/site/main/list_box_bottom_gray.png") no-repeat;position:absolute;left:0;top:31px;}
	.mainCommunityWrap .mainCommunityList li .item .icon.orange {background:#e3a579;}
	.mainCommunityWrap .mainCommunityList li .item .icon.orange:after{content:'';display:block;width:5px;height:4px;background:url("/img/site/main/list_box_bottom_orange.png") no-repeat;position:absolute;left:0;top:31px;}
	.mainCommunityWrap .mainCommunityList li .item .tit{color:#333333;font-size:22px;line-height:30px;font-family:"lotteMartMedium";overflow:hidden;height:60px;}
	.mainCommunityWrap .mainCommunityList li .item .con{line-height:22px;overflow:hidden;height:66px;color:#777777;margin-top:25px;}
	.mainCommunityWrap .mainCommunityList li .item .bottomInfo{position:absolute;left:20px;bottom:30px;}


	.mainConsultingWrap{padding:57px 50px;}
	.mainConsultingWrap .mainConsultingBig{overflow:hidden;margin-bottom:30px;}
	.mainConsultingWrap .mainConsultingBig ul{margin:0 -15px;overflow:hidden;}
	.mainConsultingWrap .mainConsultingBig ul li{float:left;padding:0 15px;width:33.333%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	.mainConsultingWrap .mainConsultingBig ul li .item{overflow:hidden;background:#a59588;display:block;position:relative;}
	.mainConsultingWrap .mainConsultingBig ul li .item .imgArea img{width:100%;}
	.mainConsultingWrap .mainConsultingBig ul li .item .conArea{text-align:center;padding:50px 0 45px 0;}
	.mainConsultingWrap .mainConsultingBig ul li .item .conArea .tit{color:#ffffff;font-size:34px;font-family:"lotteMartMedium";}
	.mainConsultingWrap .mainConsultingBig ul li .item .conArea .txt{color:#ffffff;font-size:18px;font-family:"SpoqaHanSansLight";margin-top:15px;}
	.mainConsultingWrap .mainConsultingBig ul li .item .conArea .icon{text-align:center;margin-top:55px;}
	.mainConsultingWrap .mainConsultingSmall{background:#e6e1dd;overflow:hidden;border-radius:0 0 0 15px;padding:25px 25px;}
	.mainConsultingWrap .mainConsultingSmall:after{content:'';display:block;clear:both;}
	.mainConsultingWrap .mainConsultingSmall li{float:left;padding:15px;width:33.3333%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	.mainConsultingWrap .mainConsultingSmall li:last-child{margin-right:0;}
	.mainConsultingWrap .mainConsultingSmall li .item{background:#fff;overflow:hidden;border-radius:0 0 0 15px;box-shadow:5px 5px 10px 3px rgba(147,135,119,0.15);height:172px;display:block;text-align:center;transition:all 0.5s}
	.mainConsultingWrap .mainConsultingSmall li .item:hover,
	.mainConsultingWrap .mainConsultingSmall li .item:focus{box-shadow:5px 5px 10px 3px rgba(147,135,119,0.30)}
	.mainConsultingWrap .mainConsultingSmall li .item .icon{height:52px;margin-top:44px;}
	.mainConsultingWrap .mainConsultingSmall li .item .tit{font-size:20px;color:#4f4543;margin-top:27px;}
	.mainConsultingWrap .mainConsultingSmall li .item.more{background:#ffffff url("/img/site/main/main_wedding_icon_more.png") no-repeat center center;overflow:hidden;text-indent:-999px;box-shadow:none;border-radius:0}


	.mainEventSlide{position:relative;opacity:0;transition:opacity 0.5s;margin-bottom:80px;}
	.mainEventSlide.on{opacity:1}
	.mainEventSlide .swiper-container{height:100%;}
	.mainEventSlide .swiper-slide{overflow:hidden;}
	.mainEventSlide .swiper-slide img{width:100%;}
	.mainEventSlide .swiper-pagination{position:absolute;left:0;right:0;bottom:40px;margin:0 auto;width:440px;display:flex}
	.mainEventSlide .swiper-pagination .swiper-pagination-bullet{flex:1;height:1px;background:#ececec;width:auto;opacity:1;position:relative;}
	.mainEventSlide .swiper-pagination .swiper-pagination-bullet:after{content:'';display:block;position:absolute;left:0;top:0;height:1px;width:0;background:#f65286;}
	.mainEventSlide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{transition:all 5s;width:100%;}


  .mainGallayWrap{padding:0 50px 0px 50px;}
	.mainGallayWrap .mainWeddingPickList{overflow:auto;margin:0 -50px;padding:0 50px;}
	.mainGallayWrap .mainWeddingPickList ul{margin:-10px;white-space:nowrap}
	.mainGallayWrap .mainWeddingPickList ul li{display:inline-block;padding:10px;}
	.mainGallayWrap .mainWeddingPickList ul li .item{display:block;position:relative;border:1px solid #f0ebe7;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:250px;height:250px;}
	.mainGallayWrap .mainWeddingPickList ul li .item .imgArea{height:100%;overflow:hidden;position:relative;}
	.mainGallayWrap .mainWeddingPickList ul li .item .imgArea img{position:absolute;left:50%;top:0;height:100%;transform:translate(-50%,0)}
	.mainGallayWrap .mainWeddingPickList ul li .item .tit{text-align:center;font-size:14px;margin-top:20px;}


	.mainBannerWrap{padding:57px 50px;}
	.mainBannerWrap .mainBannerArea{overflow:hidden;position:relative;}
	.mainBannerWrap .mainBannerArea ul{margin:0 -20px;}
	.mainBannerWrap .mainBannerArea ul li{margin-bottom:27px;}
	.mainBannerWrap .mainBannerArea ul li:last-child{margin-bottom:0;}
	.mainBannerWrap .mainBannerArea ul li .item{background:#f4f4f4;overflow:hidden;border-radius:0 0 0 15px;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#777777;padding:27px 97px 0 421px;height:297px;position:relative;}
	.mainBannerWrap .mainBannerArea ul li .item .imgArea{width:244px;height:244px;border-radius:244px;margin:0 auto;position:absolute;left:97px;top:27px;}
	.mainBannerWrap .mainBannerArea ul li .item .imgArea img{width:244px;}
	.mainBannerWrap .mainBannerArea ul li .item .icon{height:52px;margin-top:30px;}
	.mainBannerWrap .mainBannerArea ul li .item .tit{font-size:26px;color:#4f4543;margin-top:14px;font-family:"SpoqaHanSansBold";}
	.mainBannerWrap .mainBannerArea ul li .item .con{font-size:18px;line-height:30px;margin-top:14px;}
	.mainBannerWrap .mainBannerArea ul li .item .btn{margin-top:30px;}


	.mainNoticeWrap{background:#f5f5f5;height:80px;padding:0 50px;}
	.mainNoticeWrap .inner{line-height:80px;position:relative;padding:0 0 0 195px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	.mainNoticeWrap .inner .sTit{line-height:80px;margin-bottom:0;position:absolute;left:0;top:0;}
	.mainNoticeWrap .inner .noticeList{overflow:hidden;height:80px;}
	.mainNoticeWrap .inner .noticeList li{position:relative;padding-right:100px;}
	.mainNoticeWrap .inner .noticeList li .tit{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:18px;}
	.mainNoticeWrap .inner .noticeList li .tit a{color:#2c2c2c;}
	.mainNoticeWrap .inner .noticeList li .tit a:hover,
	.mainNoticeWrap .inner .noticeList li .tit a:focus{color:#fe650a;}
	.mainNoticeWrap .inner .noticeList li .date{position:absolute;right:0;top:0;font-size:14px;color:#999999;}
	.mainNoticeWrap .inner .btnUp{display:none;}
	.mainNoticeWrap .inner .btnDown{display:none;}


	.mainMyweddingInfoWrap .d-DayArea {padding:40px 30px 0 30px;}
	.mainMyweddingInfoWrap .d-DayArea .btnArea.add-btn{border-radius:100px;overflow:hidden;margin-top:65px;}
	.mainMyweddingInfoWrap .d-DayArea .btnArea.add-btn li{float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0;}
	.mainMyweddingInfoWrap .d-DayArea .btnArea.add-btn li a{display:block; position: relative; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#957963;line-height:58px;font-size:16px;color:#fff;text-align:center;}
	.mainMyweddingInfoWrap .d-DayArea .btnArea.add-btn li a em {position: absolute; top:50%; transform: translate(0,-50%); width:15px; height: 14px; background:url("/img/site/main/btn_right_arrow.png") no-repeat; content:'';}
	.mainMyweddingInfoWrap .d-DayArea .btnArea.add-btn li a span {margin-left:25px;}

	.bltTxt.red03 {color:#ff0000;}
}


@media only screen and (min-width: 0px) and (max-width: 1024px) {
  /* 기본 */
  .mo-br { display: block; }
  .pc-br { display: none; }

  .contents.main {padding: 0 0 10vw 0;}

  .wrap.contents.main {
    width: 100% !important;
    padding: 0 0px 369px 0px;
  }

  .contents2 {
    min-width: 320px;
    margin: 0 auto;
  }

  .contents2.main2 {
    position: relative;
    width: 100%;
    padding-top: 40vw;
    overflow: hidden;
  }

  .contents3 {
    width: 100%;
    min-width: 320px;
    margin: 0 auto;
    padding-bottom: 150px;
    background-color: #fff;
  }

  .contents4 {
    width: 100%;
    min-width: 320px;
    margin: 0 auto;
    background-color: #f4f4f4;
  }
  

  /* START : 메인 배너 (Mobile) */
  .mainTopVisual {
    position: relative;
    opacity: 0;
    transition: opacity 0.5s;
  }
  .mainTopVisual.on {
    opacity: 1;
  }
  .mainTopVisual .swiper-container {
    height: 100%;
  }
  .mainTopVisual .slide-container {
    position: relative;
  }
  .mainTopVisual .slide-container h2 {
    position: absolute;
    bottom: 10%;
    left: 50%;
    width: 100%;
    font-family: "NotoSansKR-Medium";
    font-size: 24px; 
    color: #ffffff;
    line-height: 1.2; 
    text-align: center;
    text-transform: capitalize;
    transform: translateX(-50%);
  }
  .mainTopVisual .swiper-slide {
    overflow: hidden;
  }
  .mainTopVisual .swiper-slide img {
    width: 100%;
    aspect-ratio: auto 9/8;
  }
  .mainTopVisual .swiper-slide > .onlyPc {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .mainTopVisual .swiper-slide > .onlyMobile {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .mainTopVisual .swiper-pagination {
    position: absolute;
    left: 50%;
    z-index: 10;
    text-align: center;
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateX(-50%);
  }
  .mainTopVisual .swiper-pagination .swiper-pagination-bullet {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 4px;
    opacity: 1;
    border-radius: 100%;
    background: #e2e2e2;
  }
  .mainTopVisual .swiper-pagination .swiper-pagination-bullet:after {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 5px;
    border-radius: 100%;
    background: #000;
  }
  .mainTopVisual
    .swiper-pagination
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 20px;
    border: 1px solid transparent;
    border-radius: 5px;
    background: #957963;
  }
  .mainTopVisual
    .swiper-pagination
    .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    width: 100%;
    background: #f65286;
    transition: all 5s;
  }
  .mainTopVisual .pagingNumber {
    position: absolute;
    top: 100px;
    left: 50%;
    z-index: 1;
    margin-left: 435px;
    font-family: "NotoSansKR-Medium";
    font-size: 40px;
    color: #a2a2a2;
  }
  .mainTopVisual .pagingNumber .active {
    color: #ffffff;
  }
  .mainTopVisual .pagingNumber .total {
    font-size: 20px;
  }
  
  .mainTopVisual .swiper-control-area {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: -24.07px;
    left: 50%;
    z-index: 1;
    width: 100%;
    height: 16px;
    text-align: center;
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateX(-50%);
    align-content: center;
  }
  .mainTopVisual .swiper-button-next {
    display: none;
    background: url("/img/site/main/main_visual_next_arrow.png") no-repeat;
    background-position: center;
    background-size: 9px 16px;
  }
  .mainTopVisual .swiper-button-next::after {
    display: none;
  }
  .mainTopVisual .swiper-button-prev {
    display: none;
    background: url("/img/site/main/main_visual_prev_arrow.png") no-repeat;
    background-position: center;
    background-size: 9px 16px;
  }
  .mainTopVisual .swiper-button-prev::after {
    display: none;
  }
  .mainTopVisual .swiper-pagination {
    display: flex;
    align-items: center;
    padding-right: 40px;
    padding-left: 40px;
  }
  .mainTopVisual .swiper-pagination,
  .mainTopVisual .swiper-button-next,
  .mainTopVisual .swiper-button-prev {
    position: relative;
    right: 0;
    left: 0;
    transform: translateX(0);
  }
  /* END : 메인 배너 (Mobile) */


  /* START : 메인 롯데웨딩멤버스 (Mobile) */
  .mainWeddingMembers {
    margin: 0 auto;
    padding: 0 0 11.111vw 0;
    background-color:#fbf6f3;
  }
  .mainWeddingMembers .inner {
    position: relative;
    width: auto;
    margin: 0 auto;
    background-color: #fbf6f3;
  }
  .mainWeddingMembers .inner.after {
    background-color: #F4EFEB;
  }

  .mainWeddingMembers .WeddingMembers-info {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    padding: 65vw 11.389vw 58.48px 20px;
    color: #000;
  }
  .mainWeddingMembers .WeddingMembers-info .WeddingMembers-tit {
    margin-bottom: 3.333vw;
    font-family: "NotoSansKR-Regular", "NotoSansKR-Medium";
    font-size: 4.444vw;
    font-weight: 400;
    color: #957963;
  }
  .mainWeddingMembers .WeddingMembers-info .WeddingMembers-txt {
    font-family: "NotoSansKR-Regular";
    font-size: 3.791vw;
    font-weight: 400;
    color: #555555;
    line-height: 1.5;
  }
  .mainWeddingMembers .WeddingMembers-info .WeddingMembers-txt.font-46 {
    margin-bottom: 5.556vw;
    font-family: "NotoSansKR-Medium";
    font-size: 6.667vw;
    font-weight: 400;
    color: #000;
    line-height: 1.5;
    letter-spacing: -0.98px;;
  }
  .mainWeddingMembers .WeddingMembers-info a {
    display: flex;
    width: 44.167vw;
    height: 12.23vw;
    margin-top: 8.3333vw;
    padding: 4.444vw 6.667vw;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    font-family: "NotoSansKR-Bold", "NotoSansKR-Black";
    font-weight: 700;
    color: #000;
    text-align: center;
    align-content: center;
  }
  .mainWeddingMembers .WeddingMembers-info a p {
    margin-right: 5.556vw;
    font-size: 3.333vw;
  }
  .mainWeddingMembers .WeddingMembers-info a .arrow-ico {
    width: 8.889vw;
    height: 2.222vw;
    margin-top: 0.5vw;
  }
  .mainWeddingMembers .WeddingMembers-info .link-box a{
    width: 53.333vw;
  }
  .mainWeddingMembers .WeddingMembers-benefit ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-top: 60px;
  }
  .mainWeddingMembers .WeddingMembers-benefit .benefit {
    text-align: center;
    font-size: 3.889vw;
    line-height: 1.5;
    color: #000;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 11.111vw;
  }
  .mainWeddingMembers .WeddingMembers-benefit .benefit::before {
    content: "";
    display: block;
    width: 33.333vw;
    height: 33.333vw;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 5.556vw;
  }
  .mainWeddingMembers .WeddingMembers-benefit .benefit.icon01::before { background-image: url("../../img/site/main/wedding-members-benefit_icon01.png"); }
  .mainWeddingMembers .WeddingMembers-benefit .benefit.icon02::before { background-image: url("../../img/site/main/wedding-members-benefit_icon02.png"); }
  .mainWeddingMembers .WeddingMembers-benefit .benefit.icon03::before { background-image: url("../../img/site/main/wedding-members-benefit_icon03.png"); }
  .mainWeddingMembers .WeddingMembers-benefit .benefit.icon04::before { background-image: url("../../img/site/main/wedding-members-benefit_icon04.png"); }

  .mainWeddingMembers .WeddingMembers-img {
    position: absolute;
    top: -99.217vw;
    left: 16.111vw;
    width: 88.889vw;
  }

  .mainWeddingMembers .WeddingMembers-benefit .inner {padding: 60px 30px; background-color: #fff;;}
  .mainWeddingMembers .WeddingMembers-benefit .step-wrapper .step-box {display: flex; justify-content:left;}
  .mainWeddingMembers .WeddingMembers-benefit .step-wrapper .step-box h3 {font-size: 15px; color: #957963; font-family: "NotoSansKR-Bold", "NotoSansKR-Black"; }
  .mainWeddingMembers .WeddingMembers-benefit .step-wrapper .step-box > h3 {width: 27.778vw; margin-right: 13px; line-height: 1.5;}
  .mainWeddingMembers .WeddingMembers-benefit .step-wrapper .step-box.step01 {padding-bottom: 37.57px;  border-bottom: 1px solid #F4F4F4;}
  .mainWeddingMembers .WeddingMembers-benefit .step-wrapper .step-box.step02 {padding-top: 40px;}
  .mainWeddingMembers .WeddingMembers-benefit .step-wrapper .step-box .chart {display: flex; flex: 1; flex-direction: column;}
  .mainWeddingMembers .WeddingMembers-benefit .step-wrapper .step-box .chart > h3 > span {font-family: "NotoSansKR-Bold", "NotoSansKR-Black"; margin-right: 6px;}
  .mainWeddingMembers .WeddingMembers-benefit .step-wrapper .step-box .chart > h3 > span::after { content:''; display: inline-block; width: 0.5px; height: 12px; background-color: #957963; margin-left: 10px; }
  .mainWeddingMembers .WeddingMembers-benefit .step-wrapper .step-box .chart .step-bar span:not(.pc-show) {display: block; color: #000; margin-top: 10px; font-size: 14px;}
  .mainWeddingMembers .WeddingMembers-benefit .step-wrapper .step-box .chart .step-bar span:not(.pc-show)::before {content: '>'; margin-right: 5px;}
  .mainWeddingMembers .WeddingMembers-benefit .step-wrapper .step-box .chart .link-box a {display:inline-flex;  color: #000; align-items: center; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 0px 5px; margin-top: 20px; width: 90%; height: 49px; justify-content: space-around;}
  .mainWeddingMembers .WeddingMembers-benefit .step-wrapper .step-box .chart .link-box a img {width: 34px; height:9px; margin-left: 20px;}
  
  .mainWeddingMembers .WeddingMembers-benefit .benefit-list {background-color:#FBF6F3 ;}
  .mainWeddingMembers .WeddingMembers-benefit .benefit-list .benefit span {font-size: 14px; color: #808080;}
  /* END : 메인 롯데웨딩멤버스 (Mobile) */


  /* START : 메인 신혼 + 클럽 문안 (Mobile) */
  .mainWeddingPlusClub { padding: 0px 0 22.222vw 0; overflow:hidden;}
  .mainWeddingPlusClub .inner {position: relative;}
  .mainWeddingPlusClub .inner .WeddingPlusClub-info {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    padding: 89.722vw 20px 0 20px;
    color: #000;
  }
  .mainWeddingPlusClub .inner .WeddingPlusClub-info .WeddingPlusClub-tit {
    margin-bottom: 3.333vw;
    font-family: "NotoSansKR-Regular", "NotoSansKR-Medium";
    font-size: 4.444vw;
    font-weight: 400;
    color: #957963;
  }
  .mainWeddingPlusClub .inner .WeddingPlusClub-info .WeddingPlusClub-txt {
    font-family: "NotoSansKR-Regular";
    font-size: 3.889vw;
    font-weight: 500;
    color: #555555;
    line-height: 1.5;
  }

  .mainWeddingPlusClub
    .inner
    .WeddingPlusClub-info
    .WeddingPlusClub-txt.font-46 {
    margin-bottom: 5.556vw;
    font-family: "NotoSansKR-Medium";
    font-size: 6.667vw;
    font-weight: 400;
    color: #000;
    line-height: 1.2;
  }
  .mainWeddingPlusClub .inner .WeddingPlusClub-info a {
    display: flex;
    width: 45.167vw;
    height: 12.23vw;
    margin-top: 8.3333vw;
    padding: 4.444vw 6.667vw;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    font-family:'NotoSansKR-Regular', "NotoSansKR-Bold", "NotoSansKR-Black";
    font-weight: 700;
    color: #000;
    text-align: center;
    align-content: center;
  }
  .mainWeddingPlusClub .inner .WeddingPlusClub-info a p {
    font-size: 3.333vw;
  }
  .mainWeddingPlusClub .inner .WeddingPlusClub-info a .arrow-ico {
    width: 8.889vw;
    height: 2.222vw;
    margin-top: 0.5vw;
  }
  .mainWeddingPlusClub .inner img.WeddingPlusclub-img {
    position: absolute;
    top: 0;
    left: 6.667vw;
    width: 71.389vw;
  }
  /* END : 메인 신혼 + 클럽 문안 (Mobile) */


  /* START : 제휴 혜택 (Mobile) */
  .mainWeddingBenefits {
    overflow: hidden;
    margin: 0 auto;
    padding: 16.667vw 0 17.222vw 0;
  }
  .mainWeddingBenefits .inner .WeddingBenefits-info {
    position: relative;
    width: 100%;
    padding-left: 20px;
  }
  .mainWeddingBenefits .inner .WeddingBenefits-info .WeddingBenefits-tit {
    margin-bottom: 3.333vw;
    font-family: "NotoSansKR-Regular", "NotoSansKR-Medium";
    font-size: 6.667vw;
    font-weight: 400;
    color: #957963;
  }
  .mainWeddingBenefits .inner .WeddingBenefits-info .WeddingBenefits-details {
    display: block;
  }
  .mainWeddingBenefits .inner .WeddingBenefits-info .WeddingBenefits-txt {
    margin-bottom: 6.667vw;
    font-family: "NotoSansKR-Regular";
    font-size: 3.889vw;
    font-weight: 400;
    color: #000;
    line-height: 1.5;
  }
  .mainWeddingBenefits .swiper-button-next {
    position: relative;
    right: 0;
    margin-left: 18px;
    background: url("../../img/site/main/main_benefits_next_arrow.png") no-repeat;
    background-position: center;
    background-size: 9px 16px;
  }
  .mainWeddingBenefits .swiper-button-next::after {
    display: none;
  }
  .mainWeddingBenefits .swiper-button-prev {
    position: relative;
    left: 0;
    margin-right: 18px;
    background: url("../../img/site/main/main_benefits_prev_arrow.png") no-repeat;
    background-position: center;
    background-size: 9px 16px;
  }
  .mainWeddingBenefits .swiper-button-prev::after {
    display: none;
  }
  .mainWeddingBenefits .inner .WeddingBenefits-info .WeddingBenefits-control {
    display: none;
    justify-content: center;
    position: absolute;
    right: 0;
    z-index: 10;
    width: 60px;
    height: 20px;
    text-align: center;
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
    align-content: center;
  }
  .mainWeddingBenefits .inner .WeddingBenefits-info .WeddingBenefits-control::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 20px;
    background-color: #e2e2e2;
    transform: translate(-50%, -50%);
    content: "";
  }

  .mainWeddingBenefits .inner .WeddingBenefits-brand {
    display: flex;
    height: 56.667vw; 
    margin: 0;
  }
  .mainWeddingBenefits .inner .WeddingBenefits-brand li {
    height: auto;
  }
  .brand-card {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 47.222vw;
    border-radius: 0 0 0 30px;
  }
  .brand-card:before {
    display: block;
    padding-top: 89.97429305912597%;
    content: "";
  }
  .brand-tile {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-font-smoothing: antialiased;
  }
  .brand-tile-inner {
    display: inline-block;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }
  .brand-card .brand-tile[data-order="4"] {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    top: 0%;
    left: 0%;
    z-index: 4;
    -webkit-transition: opacity 350ms ease 0ms, -webkit-transform 350ms ease 0ms,
      color 350ms ease 0ms;
    transition: opacity 350ms ease 0ms, transform 350ms ease 0ms,
      color 350ms ease 0ms;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
  }
  /* brand-card -> text 초기값 */
  .brand-card .brand-tile[data-order="4"] .brand-tile-inner {
    display: flex;
    width: auto;
    opacity: 0;
    text-align: left;
    white-space: nowrap;
    -webkit-transition: opacity 350ms ease 0ms, -webkit-transform 350ms ease 0ms,
      color 350ms ease 0ms;
    transition: opacity 350ms ease 0ms, transform 350ms ease 0ms,
      color 350ms ease 0ms;
  }
  /* brand-card -> text 호버값 */
  .brand-card:hover .brand-tile[data-order="4"] .brand-tile-inner {
    opacity: 1;
    white-space: nowrap;
  }
  /* brand-card -> shape 영역 초기값 */
  .brand-card .brand-tile[data-order="3"] {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    top: 0%;
    left: 0%;
    z-index: 3;
    -webkit-transition: opacity 350ms ease 0ms, -webkit-transform 350ms ease 0ms, color 350ms ease 0ms;
    transition: opacity 350ms ease 0ms, transform 350ms ease 0ms, color 350ms ease 0ms;
  }
  /* brand-card -> shape 초기값 */
  .brand-card .brand-tile[data-order="3"] .brand-tile-inner {
    width: 100%;
    height: 100%;
    opacity: 0;
  }
  /* brand-card -> shape 호버값 */
  .brand-card:hover .brand-tile[data-order="3"] .brand-tile-inner {
    width: 100%;
    height: 100%;
    opacity: 0.7;
    border: 0px solid #000000;
    border-radius: 0 0 0 30px;
    background-color: #000000;
    -webkit-transition: opacity 350ms ease 0ms, -webkit-transform 350ms ease 0ms, color 350ms ease 0ms;
    transition: opacity 350ms ease 0ms, transform 350ms ease 0ms, color 350ms ease 0ms;
  }
  /* brand-card -> image 초기값 */
  .brand-card .brand-tile[data-order="1"] {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    top: 0.2857142857142857%;
    left: 0.2570694087403599%;
    z-index: 1;
    -webkit-transition: opacity 350ms ease 0ms, -webkit-transform 350ms ease 0ms, color 350ms ease 0ms;
    transition: opacity 350ms ease 0ms, transform 350ms ease 0ms, color 350ms ease 0ms;
  }
  .mainWeddingBenefits .inner .WeddingBenefits-brand .brand-bg {
    display: block;
    width: 100%;
    height: 47.222vw;
    object-fit: cover;
  }
  .mainWeddingBenefits .inner .WeddingBenefits-brand li .brand-tit {
    margin-top: 4.444vw;
    font-family: "NotoSansKR-Regular", "NotoSansKR-Medium";
    font-size: 3.889vw;
    font-weight: 400;
    color: #000;
    text-align: center;
  }
  .mainWeddingBenefits .inner .WeddingBenefits-brand li .brand-logo {
    width: 33.333vw;
    object-fit: contain;
  }
  /* END : 제휴 혜택 (Mobile) */


  /* START : 고객센터 (Mobile) */
  .mainWeddingServiceCenter {
    margin: 0 auto;
    padding: 16.667vw 0 11.111vw 0;
  }
  .mainWeddingServiceCenter .inner .WeddingServiceCenter-info {
    position: relative;
    width: 88.9%;
    margin: 0 auto;
  }
  .mainWeddingServiceCenter
    .inner
    .WeddingServiceCenter-info
    .WeddingServiceCenter-tit {
    margin-bottom: 3.333vw;
    font-family: "NotoSansKR-Regular", "NotoSansKR-Medium";
    font-size: 6.667vw;
    font-weight: 400;
    color: #957963;
  }
  .mainWeddingServiceCenter .inner .WeddingServiceCenter-info .WeddingServiceCenter-txt {
    margin-bottom: 8.333vw;
    font-family: "NotoSansKR-Regular";
    font-size: 3.889vw;
    font-weight: 400;
    color: #000;
    line-height: 1.5;
  }
  .mainWeddingServiceCenter .inner .WeddingServiceCenter-card {
    width: 100%;
  }
  .mainWeddingServiceCenter .inner .WeddingServiceCenter-card li .card-img {
    display: flex;
    width: 11.111vw;
    margin-right: 5.556vw;
  }

  .mainWeddingServiceCenter .inner .WeddingServiceCenter-card li img.speaker-ico {
    display: block;
    width: 11.111vw;
    height: 11.111vw;
    object-fit: contain;
  }

  .mainWeddingServiceCenter .inner .WeddingServiceCenter-card li .board-ico {
    display: block;
    width: 11.111vw;
    height: 11.111vw;
    object-fit: contain;
  }

  .mainWeddingServiceCenter .inner .WeddingServiceCenter-card li .speech-ico {
    display: block;
    width: 11.111vw;
    height: 11.111vw;
    object-fit: contain;
  }

  .mainWeddingServiceCenter .inner .WeddingServiceCenter-card li {
    display: flex;
    height: 40.556vw;
    margin-bottom: 5.556vw;
    padding: 6.944vw 2.722vw 6.944vw 6.944vw;
    border-radius: 0 0 0 30px;
    background-color: #fff;
  }

  .mainWeddingServiceCenter .inner .WeddingServiceCenter-card li:nth-child(3) {
    margin-right: 0;
    margin-bottom: 0;
  }

  .mainWeddingServiceCenter .inner .WeddingServiceCenter-card li dl {
    margin-bottom: 5vw;
    font-family: "NotoSansKR-Regular";
  }

  .mainWeddingServiceCenter .inner .WeddingServiceCenter-card li dt {
    margin-bottom: 3.333vw;
    font-family: "NotoSansKR-Regular", "NotoSansKR-Medium";
    font-size: 5vw;
    font-weight: 500;
    color: #000;
  }

  .mainWeddingServiceCenter .inner .WeddingServiceCenter-card li dd {
    font-family: "NotoSansKR-Regular";
    font-size: 3.889vw;
    color: #000;
    line-height: 1.5;
  }

  .mainWeddingServiceCenter .inner .WeddingServiceCenter-card li a {
    display: flex;
    width: 20.333vw;
    height: 3.889vw;
    font-size: 3.889vw;
    color: #957963;
  }
  .mainWeddingServiceCenter .inner .WeddingServiceCenter-card li a p {
    font-family: "NotoSansKR-Regular";
    font-size: 3.889vw;
  }

  .mainWeddingServiceCenter .inner .WeddingServiceCenter-card li a .arrow-ico {
    width: 1.667vw;
    height: 2.778vw;
    margin: 0.556vw 0 0.556vw 2.222vw;
  }
  /* END : 고객센터 (Mobile) */


  /* START : 나의 정보 (Mobile) */
  .mainMyWeddingInfoWrap {
    padding: 40px 20px 0px 20px;
  }

  .mainMyWeddingInfoWrap .inner .WeddingSelf-info .WeddingSelf-tit {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 600;
    color: #000;
  }

  .mainMyWeddingInfoWrap .inner .WeddingSelf-info .WeddingSelf-box {
    width: 100%;
    margin: 0;
  }

  .mainMyWeddingInfoWrap
    .inner
    .WeddingSelf-info
    .WeddingSelf-box
    .WeddingSelf-box1 {
    width: 100%;
    margin: 0 0 30px 0;
    padding: 30px;
    border: 1px solid #000;
  }

  .WeddingSelf-table {
    margin-bottom: 60px;
  }

  .WeddingSelf-table-tit,
  .WeddingSelf-table-txt {
    padding: 15px;
  }

  .WeddingSelf-table-tit {
    position: relative;
  }

  .WeddingSelf-table-tit::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #000;
    transform: translateY(-50%);
    content: "";
  }

  .mainMyWeddingInfoWrap .inner .WeddingSelf-info .WeddingSelf-box .WeddingSelf-box1 p { font-size: 24px;font-weight: 500; color: #000;line-height: 1.5;}
  .mainMyWeddingInfoWrap .inner .WeddingSelf-info .WeddingSelf-box .WeddingSelf-box2 {width: 100%;padding: 30px; border: 1px solid #000;}
  .mainMyWeddingInfoWrap .inner .WeddingSelf-info .WeddingSelf-box .WeddingSelf-box2 dl {margin-bottom: 30px;font-size: 18px;color: #000;}
  .mainMyWeddingInfoWrap .inner .WeddingSelf-info .WeddingSelf-box .WeddingSelf-box2 dl:nth-child(4) {margin: 0;}
  .mainMyWeddingInfoWrap .inner .WeddingSelf-info .WeddingSelf-box .WeddingSelf-box2 dl dt {margin-bottom: 10px;}
  .mainMyWeddingInfoWrap .inner .WeddingSelf-info .WeddingSelf-box .WeddingSelf-chartbox {width: 100%;margin-top: 30px;padding: 30px; background-color: rgb(224, 150, 150);}
  /* END : 나의 정보 (Mobile) */


  /* START : 자주 찾는 메뉴 (Mobile) */
  .mainWeddingFrequentMenu {
    margin: 0 auto;
    padding: 40px 20px 40px 20px;
  }

  .mainWeddingFrequentMenu .inner .WeddingFrequentMenu-info {
    margin-bottom: 50px;
  }

  .mainWeddingFrequentMenu
    .inner
    .WeddingFrequentMenu-info
    .WeddingFrequentMenu-tit {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 600;
    color: #000;
  }

  .mainWeddingFrequentMenu
    .inner
    .WeddingFrequentMenu-info
    .WeddingFrequentMenu-txt {
    font-size: 24px;
    font-weight: 400;
    color: #898d8f;
    line-height: 1.5;
  }

  .mainWeddingFrequentMenu .inner .WeddingFrequentMenu-card {
    display: flex;
    width: 100%;
    margin: 0;
    flex-wrap: wrap;
  }

  .mainWeddingFrequentMenu .inner .WeddingFrequentMenu-card li {
    width: calc((100% / 2) - 15px);
  }

  .mainWeddingFrequentMenu .inner .WeddingFrequentMenu-card li:nth-of-type(2n) {
    margin-left: 30px;
  }

  .mainWeddingFrequentMenu .inner .WeddingFrequentMenu-card li:last-child {
    margin-right: 0;
  }

  .mainWeddingFrequentMenu .inner .WeddingFrequentMenu-card li img {
    width: 100%;
  }

  .mainWeddingFrequentMenu .inner .WeddingFrequentMenu-card p {
    padding: 30px;
    font-weight: 700;
    color: #000;
    text-align: center;
  }
  /* END : 자주 찾는 메뉴 (Mobile) */


  /* START : 메인 공지사항 (Mobile) */
  .mainNoticeWrap {
    background: #fff;
    height: 125px;
  }
  .mainNoticeWrap .inner {
    position: relative;
    padding: 0 15px 0 15px;
    line-height: 45px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
  }
  .mainNoticeWrap .inner .sTit {
    margin-bottom: 0;
    font-size: 17px;
    color: #000000;
    line-height: 45px;
    display: block;
  }
  .mainNoticeWrap .inner .noticeList {
    overflow: hidden;
    height: 60px;
  }

  .mainNoticeWrap .inner .noticeList li {
    position: relative;
  }
  .mainNoticeWrap .inner .noticeList li .tit {
    overflow: hidden;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .mainNoticeWrap .inner .noticeList li .tit a {
    color: #2c2c2c;
  }
  .mainNoticeWrap .inner .noticeList li .tit a:hover,
  .mainNoticeWrap .inner .noticeList li .tit a:focus {
    color: #fe650a;
  }
  .mainNoticeWrap .inner .noticeList li .date {
    display: block;
    font-size: 14px;
    color: #999999;
    line-height: 1;
  } 
  .mainNoticeWrap .inner .pagination {
    position: absolute;
    right: 50px;
    top: 0;;
  }
  .mainNoticeWrap .inner .pagination span{
    font-weight: 900;
    color: #333;
  }
  .mainNoticeWrap .inner .toggle-button {
    position: absolute;
    top: 20px; 
    right: 30px;
  }
  .mainNoticeWrap .inner .btnUp {
    display: none;
    position: absolute;
    top: 25px;
    right: 0;
    overflow: hidden;
    width: 14px;
    height: 8px;
    background: url("../../img/site/main/btn_notice_up.png") no-repeat;
    text-indent: -9999px;
  }
  .mainNoticeWrap .inner .btnDown {
    display: none;
    position: absolute;
    top: 47px;
    right: 0;
    overflow: hidden;
    width: 14px;
    height: 8px;
    background: url("../../img/site/main/btn_notice_down.png") no-repeat;
    text-indent: -9999px;
  }
  /* END : 메인 공지사항 (Mobile) */


  /* s : 20250527 대시보드 전체수정 - mo */
  /* START : 로그인후화면 - 신부정보 (Mobile) */
  .wedding-members-desc {
    background: #F4EFEB;
    margin:0 auto;
    padding:0;
    padding-top: 58px;
    overflow: hidden;
  }
  .contents.main.after-login {
    padding: 0px;
  }
  .members-info .text-box .left-box {
    box-sizing:border-box;
    width: auto;
    height: 420px;
    padding-top: 40px;
    background: #FFFFFF;
    border-radius: 20px;
    margin: 0px 20px;
  }
  .members-info .text-box .left-box .desc-tit {
    padding: 0px 29px;
    font-family: "NotoSansKR-Regular";
    font-size: 18px;
    line-height: 1.3;
    color: #000000;
    margin-bottom: 30px;
  }
  .members-info .text-box .wedding-duration {
    padding: 0px 30px;
    margin-bottom: 20px;
  }

  .members-info .text-box .wedding-duration .duration-tit {
    color: #000;
    font-family: "NotoSansKR-Bold",'NotoSansKR-Regular';
    font-size: 12px;
    margin-bottom: 8px;
    font-weight: 600;
  }
  
  .members-info .text-box .wedding-duration .duration-value {
    width: 198px;
    color: #000000;
    font-family: "NotoSansKR-Bold",'NotoSansKR-Regular';
    font-weight: 500;
    font-size: 16px;
    box-shadow: inset 0 -8px 0 0 #ffeee4;
    font-weight: 600;
  }
  .members-info .text-box .wedding-amount {
    padding: 0px 30px;
  }

  .members-info .text-box .wedding-amount ul {
    margin-bottom: 10px;
    display:flex;
    justify-content: space-between;
    align-items: center;
  }
  .members-info .text-box .wedding-amount ul:first-of-type{
    position: relative;
    padding-top: 20px;
    margin-bottom: 10px;
    display:flex;
    justify-content: space-between;
    align-items: center;
  }

  .members-info .text-box .wedding-amount ul:first-of-type::before{
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: #E2E2E2;
  }

  .members-info .text-box .wedding-amount .wedding-amount-tit {
    font-family: "NotoSansKR-Bold";
    font-size: 12px;
    line-height: 1.3;
    color: #000;
    font-weight: 600;
  }
  
  .members-info .text-box .wedding-amount .wedding-amount-tit .desc {
    display: block;
    font-size: 10px;
    color: #A73131;
    margin-top: 4px;
  }

  .members-info .text-box .wedding-amount .wedding-amount-value {
    font-family: "NotoSansKR-Regular";
    font-size: 12px;
    line-height: 1.3;
    color: #000000;
  }

  .members-info .text-box .wedding-amount .wedding-amount-value.zero {
    position: relative;
    color: #A73131;
  }
  .members-info .text-box .wedding-amount .wedding-amount-value.zero::before {
    content: "(증정기준 미충족)";
    position: absolute;
    top: 55%;
    right: 30px;
    transform: translateY(-50%);
    font-size: 11px;
    color: #A73131;
    white-space: nowrap;
  }

  .members-info .text-box .wedding-amount .wedding-amount-value .price {
    font-size: 20px;
    font-weight: 600;
  }
  
  .members-info .text-box .desc-info{
    box-sizing: border-box;
    background: #957963;
    border-radius: 0px 0px 20px 20px;
    width: auto;
    height: auto;
    color: #fff;
    padding: 22px;
    position: relative;
    font-size: 12px;
    font-weight: 500;
  }

  .members-info .text-box .desc-info .info-wrap {
    width: calc(100% - 100px);
  }
  .members-info .text-box .desc-info ul {
    display:flex;
    justify-content: space-between;
    margin-bottom: 10px;
    text-align: left;
  }
  .members-info .text-box .avenuel-amount {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: absolute;
    bottom: 15px;
    right: 30px;
  }

  .members-info .text-box .avenuel-txt {
    margin-top: 8px;
    font-family: 'NotoSansKR-Bold';
    font-weight: 500;
    font-size: 12px;
    line-height: 1.3;
    text-align: center;
    text-transform: capitalize;
    color: #FFFFFF;
  }

  .members-info .chart-box {
    box-sizing: border-box;
    width: auto;
    background: #FFFFFF;
    border-radius: 20px;
    margin: 20px 20px 0px;
  }
  .member-info .chart-box .tip-tit {
    box-sizing:border-box;
    background: #F9F9F9;
    border-radius: 17px;
  }
  /* END : 로그인후화면 - 신부정보 (Mobile) */
  

  /* START : 로그인후화면 - bar-chart (Mobile) */
  .members-info .chart-box {
    width: auto;
    height: auto;
    margin-top: 80px;
    border-radius: 20px;
    background: #ffffff;
  }

  /* chart-top */
  .members-info .chart-box .chart-top {
    padding: 32px 20px 48px 20px;
  }
  .members-info .chart-box .chart-top .tip-txt {
    margin-bottom: 0;
  }
  .members-info .chart-box .chart-top .desc {
    display: block;
    margin: 12px auto 32px auto;
    font-size: 11px;
    color: #A73131;
    text-align: center;
    line-height: 1.4;
    word-break: keep-all;
  }
  .members-info .chart-box .chart-top .bar-content:nth-child(2) .amount-tit { 
    display: none; 
  }

  /* chart-bottom */
  .members-info .chart-box .chart-bottom {
    border-top: 4px solid #F4EFEB;
    padding: 32px 20px 45px 20px;
  }
  .members-info .chart-box .chart-bottom .bar-content {
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }
  .members-info .chart-box .chart-bottom .bar-content .horizontal-chart { 
    max-width: 100%;
  }
  .members-info .chart-box .chart-bottom .bar-content .bar-ratio .ratio-value {
    color: #35B5F1;
    white-space: nowrap;
  }
  .members-info .chart-box .chart-bottom .amount-tit {
    flex-direction: row;
    align-items: center;
    top: -3px;
    gap: 10px;
  }
  .members-info .chart-box .chart-bottom .bar-content:first-child .amount-tit {
    left: 60px;
  }
  .members-info .chart-box .chart-bottom .amount-tit .amount-num {
    font-size: 12px;
    font-weight: 700;
    color: #AAAAAA;
  }
  .members-info .chart-box .chart-bottom .amount-tit .amount-num .totalNum {
    color: #008ED1;
  }
  .members-info .chart-box .chart-bottom .amount-tit .amount-value {
    width: fit-content;
    height: 22px;
    color: #A4A4A4;
    background-color: #F4F4F4;
    text-align: center;
    font-family: "NotoSansKR-Medium";
    font-weight: 600;
    border-radius: 60px;
    padding: 5px 8px;
  }

  /* 기준 충족 (full) */
  .members-info .chart-box .chart-bottom .amount-tit.full .currentNum {
    color: #1990C8;
  }
  .members-info .chart-box .chart-bottom .amount-tit.full .amount-value {
    color: #1990C8;
    background-color: #DEF4FF;
  }

  .members-info .chart-box .tip-txt {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: fit-content;
    height: auto;
    margin: 0 auto 40px;
    padding: 12px 20px;
    background: #F4F4F4;
    border-radius: 17px;
    color: #777777;
    letter-spacing: -0.5px;
    font-size: 14px;
  }

  .tip-tit {display: none;}
  .text-box.pc-show {display: none;}
  .none-show { opacity: 0;}

  .bar-ratio { color: #AAAAAA; }
  .bar {
    height: 21px;
    border-radius: 4px 0px 0px 4px;
    font-family: "NotoSansKR-Regular", "NotoSansKR-Light";
    fill: #aaa;
  }
  .bar text {
    fill: #555;
  }
  .bar-wrapper {
    display: inline-block;
    position: relative;
    border-radius: 4px;
    transition: opacity 150ms ease-out;
  }
  .bar {
    position: absolute;
    background: #d96b6b;
  }
  .vertical-chart .bar-wrapper {
    width: calc(10% - 2px);
    height: 100%;
    margin-right: 2px;
  }
  .vertical-chart .bar {
    bottom: 20px;
    width: 100%;
    min-height: 5%;
  }
  .horizontal-chart {
    max-width: calc(100% - 24px - 15px);
    width: 100%;
  }
  .horizontal-chart .bar-wrapper {
    display: block;
    width: 100%;
    height: 4px;
    margin-bottom: 20px;
  }
  .horizontal-chart .bar {
    left: 0px;
    min-width: 0%;
    max-width: 100%;
    height: 100%;
  }
  .vertical-chart .bar:after,
  .dot-chart .bar:after {
    top: calc(100% - 20px);
  }
  .vertical-chart:hover .bar-wrapper:hover .bar:after {
    top: 100%;
    opacity: 1;
  }
  .horizontal-chart:hover .bar-wrapper:hover .bar:after {
    right: -60px;
    opacity: 1;
  }
  /* 바 차트 점 */
  .bar-dot { 
    display: flex;
    justify-content: space-between;
  }
  .bar-dot span {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #E2E2E2;
    margin-top: -3px;
  }

  /* 진행중 삼각형표시 (ongoing) */
  .horizontal-chart .bar.ongoing::before {
    content: "";
    position: absolute;
    top: -13px;
    right: -5px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8.66px solid #D96B6B;
    transform: rotate(180deg);
  }
  .chart-bottom .horizontal-chart .bar.ongoing::before {
    display: none;
  }
  .has-background-grey-lighter {
    background: #e2e2e2;
  }
  .chart-box .bar-content {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .chart-box .bar-content .bar-ratio {
    background-color: transparent !important;
  }
  .chart-box .bar-content .bar-ratio .ratio-value {
    z-index: 5;
    font-size: 16px;
    font-weight: 700;
    color: #D96B6B;
  }
  .chart.horizontal-chart .bonus-amount {
    display: flex;
    justify-content: space-between;
    min-width: 180px;
    margin-top: 0px;
    margin-bottom: 8px;
    padding: 0px;
    list-style: none;
  }
  .chart.horizontal-chart .bar-wrapper.has-background-grey-lighter {
    margin-bottom: 8px;
  }
  .chart.horizontal-chart .accumulated-amount {
    display: flex;
    justify-content: space-between;
    min-width: 180px;
    margin: 0px;
    padding: 0px;
    list-style: none;
  }
  .chart-box .amount-tit {
    display: flex;
    flex-direction: column;
    gap: 21px;
    position: absolute;
    left: 76px;
    list-style: none;
  }
  .bar-content {
    margin-top: 30px;
  }
  .add-amount {
    color:#D96B6B;
  }
  .chart-box .bar-content .bar-ratio {
    margin-right: 5%;
  }
  .chart-box {
    position: relative;
  }
  .amount-tit .amount-value {
    font-size: 11px;
    font-family: "NotoSansKR-Regular", "NotoSansKR-Light";
    text-align: center;
  }
  .bar-content .amount-value.font-red {
    padding-bottom:30px;
    color:#D96B6B;
  }
  .bar-content.active .amount-value:first-child {
    color:#D96B6B;
  }

  /* 차트바 값 중간값 중앙정렬과 양끝값 따로 정렬 -mo */
  .horizontal-chart ul li {
    max-width: 30px;
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-family: "NotoSansKR-Medium", "NotoSansKR-Regular";
  }
  .horizontal-chart ul li:first-child {
    text-align: left;
  }
  .horizontal-chart ul li:last-child {
    text-align: right;
  }
  .wedding-members-desc .text-box.mo-show .desc-tit p:nth-of-type(1) { 
    width: fit-content;
  }

  /* 적립내역버튼 */
  .members-info .tip-btn.pc-show { display: none !important; }
  .members-info .tip-btn { 
    display: block;
    margin: 20px auto 0;
    width: 90%;
    height: 56px;
    line-height: 56px;
    background: #957963;
    text-align: center;
    border-radius: 10px;
  }
  .members-info .tip-btn span {
    position: relative;
    padding-right: 18px;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
  }
  .members-info .tip-btn span::before {
    content: "";
    position: absolute;
    top: 57%;
    right: 0;
    transform: translateY(-50%);
    width: 9px;
    height: 11px;
    background: url(../../img/site/common/btn_white_arrow.png) no-repeat center center / cover;
  }
  /* END : 로그인후화면 - bar-chart (Mobile) */
  /* e : 20250527 대시보드 전체수정 - mo */


  /* START : 로그인후화면 - 자주 찾는 메뉴 (Mobile) */
  /* s : 20250527 자주찾는메뉴 전체수정 - mo */
  .favorite-menus {
    margin-top: 40px;
    padding: 0 0 0 20px;
    margin-bottom: 55.778vw;
  }
  .favorite-menus h3 {
    font-family: 'NotoSansKR-Regular';
    font-size: 24px;
    font-weight: 400;
    color: #957963;
    text-align: left;
  }
  .favorite-menus .menu-btn-wrap { 
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    gap: 26px;
    overflow-x: scroll;
  }
  .favorite-menus .menu-btn-wrap .menu-txt 
  {
    margin-top: 5px;
    font-family: 'NotoSansKR-Regular';
    font-weight: 400;
    font-size: 13px;
    text-align: center;
    color: #665956;
  }
  /* e : 20250527 자주찾는메뉴 전체수정 - mo */
  /* END : 로그인후화면 - 자주 찾는 메뉴 (Mobile) */
}


@media only screen and (min-width: 1025px) and (max-width: 1800px) {
  .gnbSearchArea .gnbSearchInput .inputArea .btnSearch { display: none; }
}


@media only screen and (min-width: 500px) and (max-width: 1024px) {
  .favorite-menus .menu-btn-wrap { justify-content: space-evenly; }
}