body{ overflow-x:hidden; overflow-y:auto;}

.swiper-container.slide1{ height: unset;}
.swiper-container.slide1 a{ display: block;height: 100%;}
.slide1 .swiper-pagination.pagination1{top: 43px;right: 10px;font-size: 27px;}
.slide1 .swiper-pagination-current{ font-size: 24px;color: #000;}
.slide1 .swiper-pagination-total{ font-size: 14px;color: #000;}

.main_bg_top{padding: 14px; height: 630px; background: url(../img/bg_main1.png) no-repeat center/100% 100%;}
.main_bg_top>div{  margin: 0;width: 100%;}
.main_bg_top>div>div{ float: none;height: 630px; }
.main_bg_top .left{ margin-right: 0;padding: 25px 20px 0; width: 100%;height: 280px;}
.main_bg_top .left .top{position: relative; padding: 0 0 0 101px;height: 90px;}
.main_bg_top .left .top div.bg{width: 80px;height: 80px;background: url(../img/bg_marry.png) no-repeat center/80px auto;border: 2px solid #d4bea5;border-radius: 80px;}
.main_bg_top .left .top div.text{display: inline-block;width: 100%; }
.main_bg_top .left .top span{display: block; padding: 0 0 18px; border-bottom: 0; font-size: 32px;}
.main_bg_top .left .top em{ display: block;padding: 0;height: 30px; border-top: 1px solid #d4bea5;line-height: 30px;}
.main_bg_top .left .mid{ padding: 0 0 32px;}
.main_bg_top .left .mid span{line-height: 28px; font-size: 21px;}
.main_bg_top .left .bottom div:first-child{ margin-right: 22px; }
.main_bg_top .left .bottom div a{padding-right:21px;  width: 135px;height: 39px;border-radius: 39px;text-align: right;line-height: 39px;}
.main_bg_top .left .bottom div a:before{left: 20px;}
.main_bg_top .left .bottom div:hover a:before{ left: 24px;}

.main_bg_top .right{overflow: auto; display: table;margin-top: 15px; padding: 10px; width: 100%;height: 286px; background: #f3e7dc;box-sizing: border-box;}
.main_bg_top .right>div{ display: table-cell;vertical-align: middle;}
.main_bg_top .right .left2{margin-right: 0; width: 743px;}
.main_bg_top .right .left2>div>div{position: relative; padding: 24px 14px 0;}
.main_bg_top .right .left2 .top{ height: 185px;background: #f9f5f1;}
.main_bg_top .right .left2 .top>div{position: relative;}
.main_bg_top .right .left2 .top h3{ font-size: 14px;}
.main_bg_top .right .left2 .top p{padding: 11px 0 0; font-size:12px;}
.main_bg_top .right .left2 .top p span{ font-size: 18px;}
.main_bg_top .right .left2 .top em{position: absolute;float: none; top: 34px;right: 27px; float: right;color: #957963;}
.main_bg_top .right .left2 .top em:before{ width: 34px;height: 34px; }
.main_bg_top .right .left2 .top em.img1:before{background: url(../img/bg_receipt.png) no-repeat center/34px auto;}
.main_bg_top .right .left2 .top em.img2:before{background: url(../img/bg_mileage.png) no-repeat center/34px auto;}
.main_bg_top .right .left2 .bottom{ height: 80px;}
.main_bg_top .right .left2 .bottom>div:after{content: "";display: block;clear: both;}
.main_bg_top .right .left2 .bottom .con2{ padding: 18px 14px 0;}
.main_bg_top .right .left2 .bottom h3 {float: left; font-size:12px;}
.main_bg_top .right .left2 .bottom p {float: right; color: #333;}
.main_bg_top .right .right2{display: none; padding-left: 122px; }
.main_bg_top .right .right2>div{ width: 274px;height: 274px;border: 14px solid #eddfd1;border-radius: 274px; box-sizing: border-box;}
.main_bg_top .right .right2>div>div{position: relative;padding: 58px 0 0; width: 242px;height: 242px;border: 14px solid #d6c4b3;border-radius: 242px;text-align: center;box-sizing: border-box;}
.main_bg_top .right .right2>div>div:before{ content: "";position: absolute;top: 0;right: 44px; width: 16px;height: 16px;background: #efe3d8; border: 3px solid #8c2828;border-radius: 16px; box-sizing: border-box;}
.main_bg_top .right .right2 h3{ font-size: 16px;color: #8b8178;}
.main_bg_top .right .right2 p{ font-size: 62px;color: #a63030;font-weight: bold;}
.main_bg_top .right .right2 p span{ display: block;font-size: 16px;color: #cdae99;}
.main_bg_top .right .right2 ul{ position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 391px;height: 315px;}
.main_bg_top .right .right2 ul li{position: absolute;color: #8c786d; }
.main_bg_top .right .right2 ul li.price1{ top: 30px;right: 50px;}
.main_bg_top .right .right2 ul li.price2{ top: 110px;right: 20px;}
.main_bg_top .right .right2 ul li.price3{ top: 200px;right: 10px;}
.main_bg_top .right .right2 ul li.price4{ top: 280px;right: 70px;}
.main_bg_top .right .right2 ul li.price5{ top: 280px;left: 70px;}
.main_bg_top .right .right2 ul li.price6{ top: 200px;left: 10px;}
.main_bg_top .right .right2 ul li.price7{ top: 110px;left: 10px;}
.main_bg_top .right .right2 ul li.price8{ top: 30px;left: 50px;}
.main_bg_top .right .right2 ul li.price9{ top: 0;left: 50%;transform: translateX(-50%);}

.main_bg_bottom{position: relative; height: 558px; background: url(../img/bg_main2.png) no-repeat 0% center;}
.main_bg_bottom.on{ animation:none;}
.main_bg_bottom.go{ animation: backgroundposition 1 15s both;}
.main_bg_bottom .text1{display: flex; top: 49px;width: 600px;}
.main_bg_bottom .text1 a{ float:none;flex: 1; margin-left: 200px;}
.main_bg_bottom .text1 a:first-child{margin-left:46px;}
.main_bg_bottom .text1 a span{display: none;}
.main_bg_bottom .text1 a em{display: block;padding-bottom: 12px; font-size: 13px;}
.main_bg_bottom .text1 a p{ font-size: 24px;} 
.main_bg_bottom .text1 a p:after{margin-left: 9px; width: 14px;height: 14px;background: url(../img/ico_more_chk.png) no-repeat center/14px auto;}
.main_bg_bottom .text2{ bottom: 23px;}
.main_bg_bottom .text2 span{font-size: 13px;}
.main_bg_bottom .text2 strong{font-size: 22px;}
.main_bg_bottom .flowerpot{display: none; position: absolute;bottom: 106px;left: 50%;transform: translateX(-50%);}
/* .main_bg_bottom .flowerpot ul{display: flex; width: 1028px;height: 152px;}
.main_bg_bottom .flowerpot li{ flex: 1;color: transparent;}
.main_bg_bottom .flowerpot li.dday200{ background: url(../img/bg_dday100.png) no-repeat 0 0;}
.main_bg_bottom .flowerpot li.dday180{ background: url(../img/bg_dday180.png) no-repeat 0 13px;}
.main_bg_bottom .flowerpot li.dday150{  background: url(../img/bg_dday150.png) no-repeat 0 bottom;}
.main_bg_bottom .flowerpot li.dday100{  background: url(../img/bg_dday100.png) no-repeat 0 13px;}
.main_bg_bottom .flowerpot li.dday50{  background: url(../img/bg_dday50.png) no-repeat 0 0;} */
.main_bg_bottom .bike2{position: absolute;bottom: 20px;width: 100%;}
.main_bg_bottom .bike2>div{ position: absolute;left: 0%;bottom: 0;}
.main_bg_bottom .bike2>div.on{ animation: none;}
.main_bg_bottom .bike2>div.go{ animation: move1 1 15s both;}
.main_bg_bottom .bike2 .bike_body{position: relative;z-index: 30; display: block; width: 284px;height: 297px;background: url(../img/bg_motorcycle_01.png) no-repeat center;animation: bike_b 1s linear infinite;}
.main_bg_bottom .bike2 .left_w,
.main_bg_bottom .bike2 .right_w{position:absolute ;z-index: 29; width: 59px;height: 59px;bottom: 48px;left: 44px;background: url(../img/bg_motorcycle_w1.png);animation: bike_w 1s linear infinite;}
.main_bg_bottom .bike2 .right_w{bottom: 39px; left:198px;}
.main_bg_bottom .bike2 .balloon { position: absolute;z-index: 29;left:-30px;top:0;width: 160px;height: 152px;background: url(../img/bg_motorcycle_b.png) no-repeat center;animation: bike_b .5s linear infinite;}
.main_bg_bottom .cloud>span { position: absolute;z-index: 29;}
.main_bg_bottom .cloud .con1{ top: 50px;right: 5%;width: 207px;height: 56px; background: url(../img/bg_cloud01.png) no-repeat center;animation: cloud_move 1 35s both; }
.main_bg_bottom .cloud .con2{ top: 70px;right: 0;width: 219px;height: 55px; background: url(../img/bg_cloud02.png) no-repeat center;animation: cloud_move 1 45s both; }
.main_bg_bottom .cloud .con3{ top: 30px;right: 30%;width: 363px;height: 127px; background: url(../img/bg_cloud02.png) no-repeat center;animation: cloud_move 1 25s both; }
.main_bg_bottom .cloud .con4{ top: 230px;right: 30%;width: 173px;height: 44px; background: url(../img/bg_cloud04.png) no-repeat center;animation: cloud_move 1 29s both; }
.main_bg_bottom .cloud .con5{ top: 50px;right: 70%;width: 207px;height: 56px; background: url(../img/bg_cloud01.png) no-repeat center;animation: cloud_move 1 29s both; }
.main_bg_bottom .cloud .con6{ top:100px;right: 70%;width: 363px;height: 127px; background: url(../img/bg_cloud02.png) no-repeat center;animation: cloud_move 1 35s both; }


.community h2{padding: 52px 0 29px; font-size: 20px;}
.community>div{margin: 0;padding: 0 15px 0; width: 100%;box-sizing: border-box;}
.community h2:before{margin-right: 10px; width: 22px;height: 22px; background: url(../img/bu_lotteweading_h2.png) no-repeat center/22px auto;vertical-align: -4px;}
.community .con1{ display: block;}
.community .con1 li{ flex: 0;margin-left: 0;margin-top: 30px;}
.community .con1 li:first-child{margin-left: 0;margin-top: 0;}
.community .con1 li a{display: block;padding: 180px 0 0; width: 100%;height: 304px;}
.community .con1 h3{padding: 0 0 22px;font-size: 19px;}
.community .con1 span{ font-size: 14px;line-height: 23px;}
.community .con1 img{top: 28px; width: 122px;height: 122px;}

.community .con2 .left{ float: none;}
.community .con2 .swiper-container.slide2{position: relative; width:100%;height: 616px;}
.community .con2 .swiper-container.slide2 a.img1{ background: url(../img/bg_slide2_1_800.jpg) no-repeat center/100% auto;}
.community .con2 .swiper-container.slide2 a.img2{background: url(../img/bg_slide2_2_800.jpg) no-repeat center/100% auto;}
.community .con2 .swiper-container.slide2 a.img3{background: url(../img/bg_slide2_3_800.jpg) no-repeat center/100% auto;}
.community .con2 .swiper-container.slide2 .swiper-pagination-progressbar{ top:586px;width: 462px;}

.community .con2 .right{ float: none;}
.community .con2 .right ul{ width: 100%;}
.community .con2 .right li{ float: left;width: 33.333%;padding: 10px;box-sizing: border-box;}
.community .con2 .right li a{ display: block;height: 100%;width: 230px;}
.community .con2 .right li.img1,
.community .con2 .right li.img2,
.community .con2 .right li.img3{margin-bottom: 0px;}
.community .con2 .right img{margin-left:0;  width: 100%;height: 100%;border: 0px solid #f0ebe7;box-sizing: border-box;}

.community .con3{ padding-bottom: 55px;}
.community .con3 .con3_1{ display: block;margin-bottom: 15px;}
.community .con3 .con3_1 li{ margin-left: 0;margin-top: 15px;}
.community .con3 .con3_1 li.img1{ margin-left: 0;margin-top: 0;background: url(../img/bg_con3_img1.png) no-repeat left center/50% 100%}
.community .con3 .con3_1 li.img2{background: url(../img/bg_con3_img2.png) no-repeat left center/50% 100%}
.community .con3 .con3_1 li.img3{background: url(../img/bg_con3_img3.png) no-repeat left center/50% 100%}
.community .con3 .con3_1 li a{flex: 0;width: 100%;height: 296px;}
.community .con3 .con3_1 li a .text{right: 1px;width: 50%;height: 100%;}
.community .con3 .con3_1 li a .text>div h3{padding-bottom: 25px; font-size: 44px;}
.community .con3 .con3_1 li a .text>div span{ font-size: 24px;}

.community .con3 .con3_2{padding: 20px 20px;}
.community .con3 .con3_2 li{float: left; display: table-cell;padding: 10px; width: 33.333%; vertical-align: middle;box-sizing: border-box;}
.community .con3 .con3_2 li a{margin-left: 0px;padding: 68px 0 0; width: 100%; height: 98px;background: no-repeat center 18px/36px auto #fff; font-size: 14px; box-sizing: border-box; }
.community .con3 .con3_2 li:hover a{box-shadow: 6px 6px 10px rgba(0,0,0,.2); }
.community .con3 .con3_2 li.img1 a{ background-image: url(../img/ico_con3_1.png);background-position: center 24px;}
.search_slide{ display: none;}

.notice>div {position: relative; margin: 0;padding: 0 16px 0; width: 100%;height: 45px;}
.notice h2{ font-size: 15px;color: #333;line-height: 45px;}
.notice .swiper-container.slide3{width: 100%;height: 100%;}
.notice .swiper-container.slide3 .swiper-slide h3{position: absolute;left: 107px;top: 50%;transform: translateY(-50%);line-height: 100%;font-size: 12px;} 
.notice .swiper-container.slide3 .swiper-slide span{display: none;}
.notice .swiper-container.slide3 .next,
.notice .swiper-container.slide3 .prev{display: none;}

/*빨간점 롯데웨딩 반응형 첫페이지 인덱스*/
.here.here4{display: block; left: 50px; top: 7px;}