/* 메인 */ .main_top { display:block; background:#bababa url("/theme/v3/img/wedcity/main/main_bg_1016.jpg") no-repeat center top; height:1050px; text-align:center; margin:0 auto; position:relative; } .main_top_m { display:none;} .main_top .main_img { margin-top:20px; } .main_top .main_btn1 {position:absolute; left:50%; margin-left:-297px; bottom:31px;} .main_top .main_btn2 {position:absolute;left:50%; margin-left:13px; bottom:31px;} .main_top .marquee {position:absolute; top:70px; left:50%; margin-left:-650px; width:1300px; color:#fff; padding:18px 0; font-size:22px; font-weight:500; letter-spacing:5px; opacity:0.4} /* head */ #hd_wrapper { margin: 0 auto; max-width: 1280px; position: relative; background-color:#fff;} #logo { margin:0 1.5em 0 0; width:45%; text-align:left; } #logo a { display: block; padding:20px 25px 20px 0; height:70px;} #logo img { width:45%;} /* 뉴디자인 */ /* 리스트 */ .list_box_top {display:block; position:relative; width:1200px; margin:0 auto;} .list_box_top .list_box {display:inline-block; position:relative; float:right; width:780px; vertical-align:top; margin:-100px 0px 0 auto; z-index:10;} .list_box_top .list_box .tit {display:block; position:relative; margin-bottom:10px; font-size:18px; color:#fff; line-height:36px; font-weight:700; text-align:right;} .list_box_top .list_box .list {display:block; position:relative; font-size:0;} .list_box_top .list_box .list .item {display:inline-block; position:relative; width:180px; height:180px; margin-left:20px; background-color:#fff; box-shadow:10px 10px 10px 1px rgba(0,0,0,0.2)} .list_box_top .list_box .list .item:first-child {margin-left:0;} .list_box_top .list_box .list .item > a {display:inline-block; width:100%; height:100%; padding:20px;} .list_box_top .list_box .list .item .list_tit {display:block; font-size:18px; color:#666; text-align:center; margin-top:40px; line-height:1.3;} .list_box_top .list_box .list .item .list_click {display:block; position:absolute; left:0; bottom:0px; width:100%; padding:0 15px 0px 20px; font-size:42px; color:#000; font-weight:300; text-align:right;} .list_box_top_m { display:none;} /* 슬라이드 */ .main_banner .control_wrap {background:none; width:160px; position:absolute; bottom:23px; right:0; overflow:hidden; z-index:2;} .main_banner .swiper-pagination {position:relative; float:left; width:unset; bottom:unset; padding-top:16px; width:40px; color:#fff; margin-right:10px; font-weight:500; text-shadow: 2px 2px 15px #000000; -webkit-text-shadow: 2px 2px 15px #000000;} .main_banner .swiper-button-prev, .main_banner .swiper-button-next {width:50px; height:50px; position:relative; margin:0; float:left; opacity:0.8; border: 1px solid #b5b5b5;} .main_banner .swiper-button-prev:hover, .main_banner .swiper-button-next:hover {opacity:1;} .main_banner .swiper-button-prev {background:#fff url(/theme/v3/img/wedcity/main/phone_left_m.png) no-repeat 50% 50%; left: 0px; margin-right: -1px;} .main_banner .swiper-button-next {background:#fff url(/theme/v3/img/wedcity/main/phone_right_m.png) no-repeat 50% 50%; right: 0px;} .main_top_slide_m { display:none;} /* 폰슬라이드 */ .con_bg2 { display:block; clear:both; background:#bababa url("/theme/v3/img/wedcity/main/con_bg.jpg") no-repeat center top; background-size:100%; width:100%; height:731px; margin:0 auto; margin-top:0px; } .con_bg2 .main_top_slide {display:block; background:url("/theme/v3/img/wedcity/main/phone.png") no-repeat center top; position:absolute; right:0; top:110px; width:540px; height:620px; } .con_bg2 .swiper-container { width:387px; top:60px;} .con_bg2 .bg2_box { display:block; position:relative; width:1200px; height:800px; margin:0 auto; padding:220px 0 0 0;} .con_bg2 .bg2_tit { display:block; position:relative; margin-top:75px; font-size:50px; line-height:60px;} .con_bg2 .bg2_tit .color { color:#b8794c;} .con_bg2 .bg2_con { display:block; position:relative; margin-top:30px; font-size:18px; line-height:24px;} .con_bg2 .bg2_con_m { display:none;} .con_bg2 .control_wrap {position: absolute; left: 0; bottom: 50%; width: 100%; text-align: center; z-index: 60;} .con_bg2 .swiper-pagination {position:relative; float:left; width:unset; bottom:unset; padding-top:16px; width:40px; color:#fff; margin-right:10px; font-weight:500; text-shadow: 2px 2px 15px #000000; -webkit-text-shadow: 2px 2px 15px #000000;} .con_bg2 .swiper-button-prev, .con_bg2 .swiper-button-next {width:50px; height:50px; position:relative; margin:0; float:left;} .con_bg2 .swiper-button-prev:hover, .con_bg2 .swiper-button-next:hover {opacity:1;} .con_bg2 .swiper-button-prev {background:url(/theme/v3/img/wedcity/main/phone_left.png) no-repeat 50% 50%; left: 0px; margin-right: -1px; float:left;} .con_bg2 .swiper-button-next {background:url(/theme/v3/img/wedcity/main/phone_right.png) no-repeat 50% 50%; right: 0px; float:right;} /*공지*/ .notice_bg { width:100%; margin:0 auto; margin-top:0px; margin-bottom:0px; border-radius:0px;padding-left:150px; position:relative;line-height:66px; padding-right:80px; background:#fff; /* background: -moz-linear-gradient(left, rgba(119,119,119,1) 0%, rgba(164,164,164,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(223,223,223,1)), color-stop(100%, rgba(164,164,164,1))); background: -webkit-linear-gradient(left, rgba(119,119,119,1) 0%, rgba(164,164,164,1) 100%); background: -o-linear-gradient(left, rgba(119,119,119,1) 0%, rgba(164,164,164,1) 100%); background: -ms-linear-gradient(left, rgba(119,119,119,1) 0%, rgba(164,164,164,1) 100%); background: linear-gradient(to right, rgba(119,119,119,1) 0%, rgba(164,164,164,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#787878', endColorstr='#a4a4a4', GradientType=1 ); */ } .notice_bg .prev { background: url(/theme/v3/skin/latest/notice_slide/btn_prev.png) #787878 no-repeat 50% 50%; width: 28px; height: 28px; display: inline-block; text-indent: -999px; overflow: hidden; vertical-align: top; } .notice_bg .next { background: url(/theme/v3/skin/latest/notice_slide/btn_next.png) #787878 no-repeat 50% 50%; width: 28px; height: 28px; display: inline-block; text-indent: -999px; overflow: hidden; vertical-align: top; } /* 야외예식 */ .park_bg {display:block; background:url("/theme/v3/img/design/outdoor_bg.jpg") no-repeat center top; position:relative; height:2800px;} .park_bg img {display: block; position:absolute; bottom:90px; left:50%; margin-left:-256px;} .park_bg_m {display:none;} /* 선물 */ .gift_bg { display:block; background:url("/theme/v3/img/wedcity/main/event_wcity.jpg") no-repeat center top; position:relative; background-size:100%; width:100%; height:960px;} .gift_bg img { margin:0 auto; text-align:center;} .gift_bg_m { display:none;} /* 스페셜이벤트 */ .sgift_bg { display:block; background:url("/theme/v3/img/wedcity/main/sgift_bg.png") no-repeat center top; position:relative; width:100%; height:1066px;} .sgift_bg img { margin:0 auto; text-align:center;} .sgift_bg_m { display:none;} /* 제휴업체 */ .jehu_bg { display:block; background:url("/theme/v3/img/wedcity/main/jehu_bg.jpg") no-repeat center top; position:relative; width:100%; height:1120px;} .jehu_bg img { margin:0 auto; text-align:center;} .jehu_bg_m { display:none;} /* 시작바이이명순 소개 */ .dressshop_bg { display:block; background:url("/theme/v3/img/wedcity/main/dressshop_bg.jpg") no-repeat center top; position:relative; width:100%; height:1440px;} .dressshop_bg img { position: absolute; bottom: 70px; left: 50%; margin-left: -375px; } .dressshop_bg_m { display:none;} /* 삼성이벤트 */ .samsung_bg { display:block; background:url("/theme/v3/img/wedcity/main/samsung_pc.jpg") no-repeat center top; position:relative; width:100%; height:3464px;} .samsung_bg img { position: absolute; bottom: 92px; left: 50%; margin-left: -375px; } .samsung_bg_m { display:none;} /* 더파티이벤트 */ .theparty_bg { display:block; background:url("/theme/v3/img/wedcity/main/theparty_bg.jpg") no-repeat center top; position:relative; width:100%; height:1253px;} .theparty_bg img { position: absolute; bottom: 92px; left: 50%; margin-left: -375px; } .theparty_bg_m { display:none;} /* 뮤지엄다 */ .museum_bg { display:block; background:url("/theme/v3/img/wedcity/main/museum_bg.jpg") no-repeat center top; position:relative; width:100%; height:1300px;} .museum_bg img { position: absolute; bottom: 92px; left: 50%; margin-left: -375px; } .museum_bg_m { display:none;} /* 평일박람회 */ .vip_bg01 { display:block; background:url("/theme/v3/img/wedcity/main/inparty_bg.jpg") no-repeat center top; position:relative; width:100%; height:1220px;} .vip_bg01 img { position: absolute; bottom: 92px; left: 50%; margin-left: -245px; } .vip_bg01_m { display:none;} /* w시티소개 */ .whywcity_pc { display:block;} .whywcity_pc img { width:100%; margin:0 auto; text-align:center;} .whywcity_m { display:none;} /*웨딩박람회 사전신청*/ .fair_bg { clear:both; display:block; background:url("/theme/v3/img/wedcity/main/fair_pc.png") no-repeat center top; position:relative; height:684px;} .fair_bg .btn { padding-top: 160px; text-align:center; margin:0 auto;} .fair_bg_m {display:none;} /*드레스체험 사전신청*/ .dress_bg { clear:both; display:block; background:url("/theme/v3/img/wedcity/main/dress_bg.jpg") no-repeat center top; position:relative; height:684px;} .dress_bg .btn { padding-top: 160px; text-align:center; margin:0 auto;} .dress_bg_m {display:none;} /* 뉴스정보 */ .wcity_main_event { display:block; margin:0 auto; text-align:center; padding:100px 0;} .wcity_main_event .m_list {clear:both; width:1200px; margin:0 auto;} .wcity_main_event .m_list .tit { display:block; padding-bottom:50px; } .wcity_main_event .m_list .tit_m { display:none; } .wcity_main_event .m_list ul li {width:33.33%; float:left; overflow:hidden; position:relative;} .wcity_main_event .m_list ul li a {padding-right:5px; padding-left:5px; padding-bottom:5px; display:block;} .wcity_main_event .m_list ul li img {width:100%; margin-bottom:35px;} .wcity_main_event .m_list ul li .con01 {width:100%; text-align:left; color:#0f0f0f; font-size:22px; font-weight:500; } .wcity_main_event .m_list ul li .con02 {width:100%; text-align:left; color:#464646; font-size:18px; margin-top:15px; margin-bottom:58px; } .wcity_main_event .m_list ul li a:hover { text-decoration:none;} .wcity_main_event .m_list ul li a:hover .mli_img {} .wcity_main_event .m_list ul li a:hover .mli_img_on {display:block;} @media (max-width: 1200px){ .wcity_main_event { padding: 35px 10px 40px 10px; } .wcity_main_event .m_list {width:100%;} .wcity_main_event .m_list .tit { display:none; } .wcity_main_event .m_list .tit_m { display:block; font-size:25px; font-weight:500; color:#000; text-align:center; margin-bottom:20px; } .wcity_main_event .m_list .tit_m span { font-size:13px; line-height: 2.4; color:#464646; } .wcity_main_event .m_list .tit_m img { width:100%;} .wcity_main_event .m_list ul li {width:100%; } .wcity_main_event .m_list ul li .con01 { font-size:18px; text-align:center;} .wcity_main_event .m_list ul li .con02 { font-size:13px; margin-top:5px; margin-bottom:30px; text-align:center; } .wcity_main_event .m_list ul li img { margin-bottom:16px;} } @media screen and (max-width:767px) { } /* 층별안내 */ #portfolio { display:block; clear:both; } .floor_con { display:block; background:#f5f2ee; background-size:100%;clear:both; height:800px;} .floor_bg_m { display:none;} .floor_con .main_header .fo_sub1 { width:1200px; text-align:left; margin: 0px auto 10px auto; font-size:24px; font-weight:600; padding-top:50px; color:#000;} #nav { margin: 0px auto; border-top: 1px solid #999; border-right: 1px solid #999; border-left: 1px solid #999; width: 100%; color:#333;} ul#nav { padding:10px 10px; background-color:#e6dfd8; text-align:center;} #nav li {list-style: none;} #nav li a { display: block; width:50px; height:50px; padding: 8px 15px; text-decoration: none; color: #000; margin-bottom:5px; font-size:15px; font-weight:500; } #nav li a:hover, #nav li a.active { background: #67625d; color: #fff; border-radius: 25px; width: 50px; height: 50px; padding:18px 0; text-align:center;} #nav section { display: none; float: left; background:#fff; overflow: hidden; padding: 1% 3% 0 3%;} #nav li ul li a { padding: 10px 25px; border-bottom: 1px dotted #ccc; } .nav_bg { margin-top:30px; overflow:hidden; height:auto; } .nav_bg .store_txt { font-size:20px; font-weight:500;} .store_box { display: inline-block; position: relative; float: right; vertical-align: top; margin: 30px 0px 0 auto; z-index: 10; height:100%; } .store_box .list { display: block; position: relative; font-size: 0; } .store_box .list .item { display: inline-block; position: relative; width: 180px; height: 180px; margin-left: 20px; background-color: #fff; } .info_floorDetail {margin:30px 20px 25px 20px;} .info_floorDetail_top:after {content:''; display:block; clear:both;} .info_floorDetail_top .floor {float:left; width:1000px;} .info_floorDetail .floor {font-size:30px; line-height:36px; color:#000; font-weight:400; text-align:left;} .info_floorDetail .floor > strong {display:inline-block; font-size:24px; line-height:36px; color:#000; font-weight:700; vertical-align:top;} .info_floorDetail .floor > span {display:inline-block; margin-left:16px; vertical-align:top; font-size:24px; line-height:36px;} .info_floorDetail .tab_top { margin-top: 20px;margin-bottom: 20px;} .tab_floorCont {margin-top:0px; padding:0;} .tab_floorCont .txt {display:block; padding-top:20px; font-size:18px; line-height:24px; color:#666; font-weight:400;} .tab_floorCont > li {position:relative;} .tab_floorCont > li:after {content:''; display:block; clear:both;} .tab_floorCont > li + li {padding-top:30px;} .store_list {} .store_list:after {content:''; display:block; clear:both;} .store_list > li {display:inline-block; position:relative; float:left; width:160px; height:209px; margin:0 10px 10px 0px; background-color:#fff; text-align:center; border:1px solid #e0e0e0;} .store_list > li > a {display:inline-block; width:100%; height:100%; padding:20px 15px 0;} .store_list > li .logo {width:108px; height:108px; margin:0 auto; text-align:center; padding-top:20px;} .store_list > li .logo > p {display:table-cell; width:108px; height:108px; vertical-align:middle;} .store_list > li .logo img {max-width:108px; max-height:108px;} .store_list > li .store {width:108px; height:72px; margin:8px auto 0; text-align:center;} .store_list > li .store > p {display:table-cell; width:101px; height:72px; vertical-align:middle; font-size:15px; line-height:1.5;} .store_list > li .store > p > span { font-size:13px; color:#666;} /* 뉴스이벤트 */ .news_pc { display:block;} .news_m { display:none;} /* w웨딩시티 뉴스기사 */ .city_news h2 { max-width: 1200px; margin: 0 auto; text-align: left; font-size: 24px; margin-bottom: 0px; padding-top: 40px; z-index: 9; position: relative; color: #000; font-weight: 600;} /* 선불카드 */ .card_bg { background:#eee4e5; width:100%; height: 1564px; margin:0 auto; text-align:center;} .card_bg_pst { position:relative; top:-170px;} .card_img { padding:30px 0; } .card_bg_ani { position:relative; left:0; top:692px; width:100%; height: 276px; background:url(/theme/v3/img/wedcity/main/card_bg.png) repeat-x; background-size: 683px 276px; -webkit-animation: stream 10s linear infinite; animation: stream 10s linear infinite; } .card_top{ display:block;} .card_top_m{ display:none;} @-webkit-keyframes stream { 0% {background-position: 0px 0px;} 100% {background-position: -683px 0px;} } @keyframes stream { 0% {background-position: 0px 0px;} 100% {background-position: -683px 0px;} } /* 캐시백 */ .knn_event_bgm04 {display:none;} .knn_event_bg04 {display:block; background:url("/theme/v3/img/wedcity/main/knn_event_bg04wcity.jpg") repeat-x center top; position:relative; height:1630px;} .knn_event_bg04 .main_btn1 {position:absolute; left:50%; margin-left:-413px; bottom:90px;} .knn_event_bg04 .main_btn2 {position:absolute;left:50%; margin-left:13px; bottom:90px;} /* 사전신청 움직배너 */ .wedding_top_bn {position:fixed; bottom:5%; left:90%; z-index:9999; } /* 벡스코비교 */ .bexco_bg { display: block; background:#bababa url("/theme/v3/img/wedcity/main/bexco_bg.jpg") no-repeat center top; height:1200px; } .bexco_bg_m {display:none;} .bexco_bg .bexco_in { width: 1200px; margin: 0 auto; } .bexco_bg .bexco_in .bexco_top { width: auto; float:right; margin: 53px; padding-top: 50px;} .bexco_bg .inner { width: 1200px; margin: 0 auto;} .bexco_bg .inner .bexco {margin-top: 45px; } .bexco_bg .colo_end{padding-bottom: 40px;} .bexco_bg .swiper-slide img { width: auto; height: auto;} /* W웨딩시티장점 */ .special_bg { background:#bababa url("/theme/v3/img/wedcity/main/special_bg.jpg") no-repeat center top; width:100%; height:1540px; text-align:center; } .special_bg .spcial {width:1200px; margin: 0 auto} .special_bg_m {display:none;} .special_bg .inner { width: 1150px; padding-top: 790px; margin: 0 auto !important} .special_bg .special_top{float:left; padding-top: 300px; width: 600px; position: absolute;} .special_bg .colo_end{padding-bottom: 40px;} .special_bg .swiper-slide img {width: 1200px; height: auto;} .special_bg .special_btn{ padding-top:60px; } /* 더파티 */ .safe_bg_01 { display:block; background url: padding: 0 0; clear:both;} .safe_bg_01 .animated { background:#818284; height:906px; margin:0 auto; text-align:center;} .safe_bg_01 .animated1 { background-color:#fff; height:1560px; margin:0 auto; text-align:center;} .safe_bg_01 .animated2 { background-color:#eddfd2; height:1600px; margin:0 auto; text-align:center;} .safe_m_01 { display:none;} /*지도*/ #map { width:1200px; height:450px; margin:0 auto;} .map { display:block; background:url(/theme/v3/img/wedcity/main/map_bg.jpg) center bottom no-repeat; background-size:100%; height:auto; margin:0 auto; text-align:center; padding-top: 100px; padding-bottom: 100px;} .map_top { display:block; padding-bottom: 30px;} .map_con { display:block; padding-top: 50px;} .map_top_m { display:none;} .map_con_m { display:none; } @media screen and (min-width:768px) and (max-width:1024px) { /* 메인 */ .main_top { display:none;} .main_top_m { display:block; padding:0; text-align:center; margin:0 auto; position:relative;} .main_top_m .main_img { width:100% } .main_top_m .main_btn1 {position:absolute; bottom:110px; left:50%; margin-left:-45%; width:45%; } .main_top_m .main_btn2 {position:absolute; bottom:110px; right:50%; margin-right:-45%; width:45%; } .main_top_m .marquee {position:absolute; top:70px; left:0; width:100%; color:#fff; padding:18px 0; font-size:22px; font-weight:500; letter-spacing:5px; opacity:0.4} .card_bg { display:none;} .card_top_m { display:block; background-color:#f3dbd9; padding:0; text-align:center; margin:0 auto; position:relative;} .card_top_m .main_img { width:100%} .card_top_m .main_btn1 {position:absolute; bottom:30px; left:50%; margin-left:-45%; width:45%; } .card_top_m .main_btn2 {position:absolute; bottom:30px; right:50%; margin-right:-45%; width:45%; } /* 공지 */ .notice_bg { padding-left:15px; padding-right:15px; } .main_latest {width:100%;} /* 선물 */ .gift_bg { display:none;} .gift_bg_m { display:block; background-color:#fff; padding:0;} .gift_bg_m img { width:100%;} /* 스페셜이벤트 */ .sgift_bg { display:none;} .sgift_bg_m { display:block; background-color:#fff; padding:0;} .sgift_bg_m img { width:100%;} /* 제휴업체 */ .jehu_bg { display:none;} .jehu_bg_m { display:block; padding:0;} .jehu_bg_m img { width:100%;} /* 시작바이이명순 소개 */ .dressshop_bg { display:none;} .dressshop_bg_m { display:block; padding:0;} .dressshop_bg_m img { width:100%;} /* 삼성이벤트 */ .samsung_bg { display:none;} .samsung_bg_m { display:block; padding:0;} .samsung_bg_m img { width:100%;} /* 더파티 */ .theparty_bg { display:none;} .theparty_bg_m { display:block; padding:0;} .theparty_bg_m img { width:100%;} /* 뮤지엄 */ .museum_bg { display:none;} .museum_bg_m { display:block; padding:0;} .museum_bg_m img { width:100%;} /* 평일박람회 */ .vip_bg01 { display:none;} .vip_bg01_m { display:block; padding:0;} .vip_bg01_m img { width:100%;} /* w시티소개 */ .whywcity_pc { display:none; } .whywcity_m { display:block;} .whywcity_m img { width:100%; margin:0 auto; text-align:center; } /* 캐시백 */ .knn_event_bg04{display:none;} .knn_event_bgm04 { display:block; padding:0; text-align:center; margin:0 auto; position:relative;} .knn_event_bgm04 .main_img { width:100%} .knn_event_bgm04 .main_btn1 {position:absolute; bottom:100px; left:50%; margin-left:-45%; width:45%; } .knn_event_bgm04 .main_btn2 {position:absolute; bottom:100px; right:50%; margin-right:-45%; width:45%; } /* 사전신청 움직배너 */ .wedding_top_bn {position:fixed; top:73%; left:76%; z-index:9999px; } .wedding_top_bn img { width:22%;} /* 벡스코비교 */ .bexco_bg {display:none;} .bexco_bg_m { display:block; background-size:100%;} .bexco_bg_m img {width:100%} .bexco_bg_m .inner {margin: 0 auto; width: 75%} .bexco_bg_m .container { width:1200px; padding-right: 15px; padding-left: 15px; } /* W웨딩시티장점 */ .special_bg {display:none;} .special_bg_m { display:block; background:#76b9c1; text-align:center; margin:0 auto;} .special_bg_m img {width:100%} .special_bg_m .swiper-slide img {width:100%; box-shadow: 5px 5px 5px rgba(0,0,0,0.2);} .special_bg_m .special_top { margin: 0 auto; padding: 0;} .special_bg_m .inner2 {margin: 0 auto; width: 100%; padding-bottom:0px} .special_bg_m .swiper-slide {width: auto; padding: 80px;} /* 더파티 */ .safe_bg_01 { display:none;} .safe_m_01 { display:block; background-color:#fff; padding:0;} .safe_m_01 img { width:100%;} /*지도*/ #map { width:90%; height:450px; margin:0 auto;} .map { display:block; background:url(/theme/v3/img/wedcity/main/map_bg_m.jpg) top no-repeat; background-size:100%; height:auto; margin:0 auto; text-align:center; padding-top: 50px; padding-bottom: 50px;} .map_top { display:none;} .map_con { display:none;} .map_top_m { display:block; padding-bottom: 20px;} .map_con_m { display:block; padding-top: 50px;} .map_top_m img { width:100%;} .map_con_m img { width:100%;} } @media screen and (max-width:767px) { /* 메인 */ .main_top { display:none;} .main_top_m { display:block; padding:0; text-align:center; margin:0 auto; position:relative;} .main_top_m .main_img { width:100%} .main_top_m .main_btn1 {position:absolute; bottom:30px; left:50%; margin-left:-45%; width:45%; } .main_top_m .main_btn2 {position:absolute; bottom:30px; right:50%; margin-right:-45%; width:45%; } .main_top_m .marquee {position:absolute; top:4%; left:0; width:100%; color:#fff; padding:18px 0; font-size:16px; font-weight:500; letter-spacing:5px; opacity:0.4} .card_bg { display:none;} .card_top_m { display:block; background-color:#f3dbd9; padding:0; text-align:center; margin:0 auto; position:relative;} .card_top_m .main_img { width:100%} .card_top_m .main_btn1 {position:absolute; bottom:30px; left:50%; margin-left:-45%; width:45%; } .card_top_m .main_btn2 {position:absolute; bottom:30px; right:50%; margin-right:-45%; width:45%; } /* 공지 */ .notice_bg { padding-left:15px; padding-right:15px; } .main_latest {width:100%;} .block { width:100%;} .main_latest_div .li01 .li01_1 {margin-left: 0px; margin-right:0px;} .main_latest_div .li01 .li01_2 { margin-right:0px; } .main_latest_div .li01 .li01_txt { width:50%; padding-left: 10px;} /* 선물 */ .gift_bg { display:none;} .gift_bg_m { display:block; background-color:#fff; padding:0;} .gift_bg_m img { width:100%;} /* 스페셜이벤트 */ .sgift_bg { display:none;} .sgift_bg_m { display:block; background-color:#fff; padding:0;} .sgift_bg_m img { width:100%;} /* 제휴업체 */ .jehu_bg { display:none;} .jehu_bg_m { display:block; padding:0;} .jehu_bg_m img { width:100%;} /* 시작바이이명순 소개 */ .dressshop_bg { display:none;} .dressshop_bg_m { display:block; padding:0;} .dressshop_bg_m img { width:100%;} /* 삼성이벤트 */ .samsung_bg { display:none;} .samsung_bg_m { display:block; padding:0;} .samsung_bg_m img { width:100%;} /* 야외예식 */ .park_bg {display:none;} .park_bg_m {display:block;} .park_bg_m img {width:100%} /* 더파티 */ .theparty_bg { display:none;} .theparty_bg_m { display:block; padding:0;} .theparty_bg_m img { width:100%;} /* 뮤지엄다 */ .museum_bg { display:none;} .museum_bg_m { display:block; padding:0;} .museum_bg_m img { width:100%;} /* 평일박람회 */ .vip_bg01 { display:none;} .vip_bg01_m { display:block; padding:0;} .vip_bg01_m img { width:100%;} /* w시티소개 */ .whywcity_pc { display:none; } .whywcity_m { display:block;} .whywcity_m img { width:100%; margin:0 auto; text-align:center; } /* 캐시백 */ .knn_event_bg04{display:none;} .knn_event_bgm04 { display:block; padding:0; text-align:center; margin:0 auto; position:relative;} .knn_event_bgm04 .main_img { width:100%} .knn_event_bgm04 .main_btn1 {position:absolute; bottom:30px; left:50%; margin-left:-45%; width:45%; } .knn_event_bgm04 .main_btn2 {position:absolute; bottom:30px; right:50%; margin-right:-45%; width:45%; } /* 사전신청 움직배너 */ .wedding_top_bn {position:fixed; top:80%; left:73%; z-index:9999px; } .wedding_top_bn img { width:26%;} /* 벡스코비교 */ .bexco_bg {display:none;} .bexco_bg_m { display:block; background-size:100%;} .bexco_bg_m img {width:100%} .bexco_bg_m .inner {margin: 0 auto; width: 75%} .bexco_bg_m .container { width:1200px; padding-right: 15px; padding-left: 15px; } /* W웨딩시티장점 */ .special_bg {display:none;} .special_bg_m { display:block; background:#76b9c1; text-align:center; margin:0 auto; } .special_bg_m img {width:100%} .special_bg_m .swiper-slide img {width:100%; box-shadow: 5px 5px 5px rgba(0,0,0,0.2);} .special_bg_m .special_top { margin: 0 auto; padding: 0;} .special_bg_m .inner2 {margin: 0 auto; width: 100%; padding-bottom:0px} .special_bg_m .swiper-slide {width: auto; padding: 30px;} /* 더파티 */ .safe_bg_01 { display:none;} .safe_m_01 { display:block; background-color:#fff; padding:0;} .safe_m_01 img { width:100%;} /*지도*/ #map { width:90%; height:350px; margin:0 auto;} .map { display:block; background:url(/theme/v3/img/wedcity/main/map_bg_m.jpg) top no-repeat; background-size:100%; height:auto; margin:0 auto; text-align:center; padding-top: 50px; padding-bottom: 50px;} .map_top { display:none;} .map_con { display:none;} .map_top_m { display:block; padding-bottom: 20px;} .map_con_m { display:block; padding-top: 50px;} .map_top_m img { width:100%;} .map_con_m img { width:100%;} } /* 코로나체크 */ .pm_dress_m { display:none;} .check_bg { background:#ffffff url("/theme/v3/img/wedcity/main/no_bg.png") no-repeat center top; background-size:100%; width:100%; height:1000px; } .check_size { width:1200px; margin:0 auto; } .check_top { padding:100px 0 100px 0; display:block;} .check_top_m {display:none;} .check_bg .container { width:1200px; padding-right: 15px; padding-left: 15px; } .check_bg .no_tit {color:#486eed; font-size:20px; font-weight:400; padding-bottom: 5px;} .owl-item > div { cursor: pointer; margin: 6% 8%; transition: margin 0.4s ease; opacity:0.3; } .owl-item.center > div { cursor: auto; margin: 0; opacity:1; } .owl-item:not(.center) > div:hover { opacity: .2; } /* 방역 리스트 */ .wcity_no_tit {background: #ffffff; height: 600px; display:block; margin:0 auto; text-align:center; padding-top: 60px;} .wcity_no_tit .no_list {clear:both; width:1120px; margin:0 auto;} .wcity_no_tit .no_list .tit { display:block; padding-bottom:50px; } .wcity_no_tit .no_list .tit_m { display:none; } .wcity_no_tit .no_list ul li {width:50%; float:left; overflow:hidden; position:relative;} .wcity_no_tit .no_list ul li a {padding-right:5px; padding-left:5px; padding-bottom:5px; display:block;} .wcity_no_tit .no_list ul li img {width:100%; margin-bottom:35px;} .wcity_no_tit .no_list ul li .con01 {width:100%; text-align:left; color:#0f0f0f; font-size:22px; font-weight:500; } .wcity_no_tit .no_list ul li .con02 {width:100%; text-align:left; color:#464646; font-size:18px; margin-top:15px; margin-bottom:58px; } .wcity_no_tit .no_list ul li a:hover { text-decoration:none;} .wcity_no_tit .no_list ul li a:hover .mli_img {} .wcity_no_tit .no_list ul li a:hover .mli_img_on {display:block;} /* 방역 리스트2 */ .cesco_m { display:none;} /* 체험형박람회 */ .join_m { display:none;} .join_bg { background:#bababa url("/theme/v3/img/wedcity/main/join_bg.jpg") no-repeat center top; width:100%; height:1140px; } .join_size { width:1200px; margin:0 auto; } .join_top { padding:100px 0 100px 0; display:block;} .join_top_m {display:none;} .join_bg .container { width:1200px; padding-right: 15px; padding-left: 15px; } .owl-item > div { cursor: pointer; margin: 6% 8%; transition: margin 0.4s ease; opacity:0.3;} .owl-item.center > div { cursor: auto; margin:0; opacity:1;} .owl-item:not(.center) > div:hover {opacity:0.2;} /* 최고의선택 폰슬라이드 */ .best_bg2 .con01 {width:100%; text-align:left; color:#0f0f0f; font-size:21px; font-weight:500; margin-top: 30px; } .best_bg2 .con02 {width:553px; text-align:left; color:#464646; font-size:17px; margin-top:15px; margin-bottom:20px; } .best_bg2 .con03 {width:440px; text-align:center; color:#b8794c; font-size:20px; font-weight:500; margin-top:30px; line-height: 135%; } .best_bg2 .w_play { width: 100%; margin-top: 75px; padding: 0 25px;} .best_bg2 .w_play .play { width: 100%; overflow: hidden; margin: 0 auto;} .best_bg2_m {display: none;} .best_bg2 { display:block; clear:both; background:#efefef url("/theme/v3/img/wedcity/main/best_bg.jpg") fixed no-repeat center top; background-size:100%; width:100%; height:1550px; margin:0 auto; margin-top:0px; } .best_bg2 .main_top_slide {display:block; background:url("/theme/v3/img/wedcity/main/best_phone1.png") no-repeat center top; position:absolute; right:0; top:345px; width:440px; height:785px; } .best_bg2 .main_top_slide .w_p { height: 750px;} .best_bg2 .swiper-container { width:387px; top:60px;} .best_bg2 .bg2_box { display:block; position:relative; width:1200px; height:800px; margin:0 auto; padding:220px 0 0 0;} .best_bg2 .bg2_tit { display:block; position:relative; margin-top:75px; font-size:50px; line-height:60px;} .best_bg2 .bg2_tit .color { color:#b8794c;} .best_bg2 .bg2_best { display:block; position:relative; margin-top:30px; font-size:18px; line-height:24px;} .best_bg2 .bg2_best_m { display:none;} .best_bg2 .control_wrap {position: absolute; left: 0; bottom: 50%; width: 100%; text-align: center; z-index: 60;} .best_bg2 .swiper-pagination {position:relative; float:left; width:unset; bottom:unset; padding-top:16px; width:40px; color:#fff; margin-right:10px; font-weight:500; text-shadow: 2px 2px 15px #000000; -webkit-text-shadow: 2px 2px 15px #000000;} .best_bg2 .swiper-button-prev, .con_bg2 .swiper-button-next {width:50px; height:50px; position:relative; margin:0; float:left;} .best_bg2 .swiper-button-prev:hover, .con_bg2 .swiper-button-next:hover {opacity:1;} .best_bg2 .swiper-button-prev {background:url(/theme/v3/img/wedcity/main/phone_left.png) no-repeat 50% 50%; left: 0px; margin-right: -1px; float:left;} .best_bg2 .swiper-button-next {background:url(/theme/v3/img/wedcity/main/phone_right.png) no-repeat 50% 50%; right: 0px; float:right;} /* 리뷰비교 */ .reveiw_bg { background:#bababa url("/theme/v3/img/wedcity/main/reveiw_bg.jpg") fixed center top; background-size:100%; width:100%; height:2000px; } .reveiw_bg_m {display:none;} .reveiw_bg .reveiw { width: auto; margin: 0 auto} .reveiw_bg .inner {display: block; margin: 0 auto; padding: 80px 0;} .reveiw_bg .inner .reveiw_in {display: block; margin: 0 auto;} .reveiw_bg .inner .reveiw_down {display: block; margin: 0 auto; padding-top: 80px;} .reveiw_bg .reveiw_top{display: block; margin: 0 auto; padding-top: 100px;} .reveiw_bg .colo_end{padding-bottom: 40px;} .reveiw_bg .reveiw_01 {position: absolute; width: 235px; left: 457; margin-top: 326px;} .reveiw_bg .reveiw_01 img {width: 223px; height: auto;} .reveiw_bg .reveiw_s .reveiw_img01{} .reveiw_bg .reveiw_02 {position: absolute; width: 235px; right: 457; margin-top: 450px;} .reveiw_bg .reveiw_02 img {width: 223px; height: auto;} /* 최저가 */ .low_bg { display:block; background:url("/theme/v3/img/wedcity/main/low_bg2022.jpg")repeat-x center top; position:relative; height:1708px;} .low_bg img { margin:0 auto; text-align:center;} .low_bg_m { display:none;} /* 웨딩홀 */ .hall_bg { display:block; height:2524px; width: 100% ; background:url("/theme/v3/img/wedcity/main/hall_bg.jpg") repeat-x center top; position:relative;} .hall_bg .hall_con {width: 1200px; margin: 0 auto} .hall_bg .hall_top { display: block; width: auto; margin: 0 auto; padding: 90 0 30 0} .hall_bg .hall_img { display: block; width: auto; margin: 0 auto; box-shadow: 8px 8px 8px rgba(0,0,0,0.4);} .hall_bg .hall_list { display: block; width: auto; margin: 0 auto; padding-top: 50px;} .hall_bg img { display: block; margin:0 auto; text-align:center;} .hall_bg_m { display:none;} /* 스냅_section_01 */ .snap_bg { display:block; height:790px; width: 100% ; background:url("/theme/v3/img/wedcity/main/snap_bg.jpg") repeat-x center top; position:relative;} .snap_bg .snap_con {width: 1200px; margin: 0 auto} .snap_bg .snap_top { display: block; width: auto; margin: 0 auto; padding-top: 305px;} .snap_bg .snap_img { display: block; width: auto; margin: 0 auto; box-shadow: 8px 8px 8px rgba(0,0,0,0.4);} .snap_bg .snap_list { display: block; width: auto; margin: 0 auto; padding-top: 50px;} .snap_bg img { display: block; margin:0 auto; text-align:center;} .snap_bg_m { display:none;} /* 스냅_section_02 */ .snap_bg_slide_m { display:none;} .snap_bg_slide { background:#d9cfce; background-size:100%; width:100%; text-align: center; } .snap_size { width:1200px; margin:0 auto; height:950px;} .snap_top { padding:90px 0 30px 0; display:block;} .snap_top_m {display:none;} .snap_bg_slide .container { width:1200px; padding-right: 15px; padding-left: 15px; } .snap_bg_slide .no_tit {color:#486eed; font-size:20px; font-weight:400; padding-bottom: 5px;} .owl-item > div { cursor: pointer; margin: 6% 8%; transition: margin 0.4s ease; opacity:0.3;} .owl-item.center > div { cursor: auto; margin: 0; opacity:1;} .owl-item:not(.center) > div:hover { opacity: .2;} /* 스냅_section_03 */ .snap_bg_03 { display:block; height:2400px; width: 100% ; background:#d9cfce url("/theme/v3/img/wedcity/main/snap_bg_03.jpg") repeat-x center top; position:relative;} .snap_bg_03 .snap_con {width: 1200px; margin: 0 auto} .snap_bg_03 .snap_top { display: block; width: auto; margin: 0 auto; padding-top: 100px;} .snap_bg_03 .snap_img { display: block; width: auto; margin: 0 auto; box-shadow: 8px 8px 8px rgba(0,0,0,0.4);} .snap_bg_03 .snap_list { display: block; width: auto; margin: 0 auto; padding-top: 50px;} .snap_bg_03 img { display: block; margin:0 auto; text-align:center;} .snap_bg_03_m { display:none;} /* 현금영수증 */ .cam_comon_bg { display:block; height:2555px; background:url("/theme/v3/img/wedcity/main/money_bg.jpg") repeat-x center top; position:relative; margin:0 auto; text-align:center;} .cam_comon_bg img { margin-top: 740px; } .cam_comon_bg_m { display:none;} /* 무료주차권 */ .pk_bg { clear:both; display:block; background:url("/theme/v3/img/wedcity/main/pk_pc.png") no-repeat center top; position:relative; height:687px;} .pk_bg .btn { padding-top:50px; text-align:center; margin:0 auto;} .pk_bg_m {display:none;} /* 롯데면세점 * .lott_bg { display:block; background:#fff8f0 url("/theme/v3/img/wedcity/main/lott_bg.png") no-repeat center top; height:1818px; padding: 0 0; clear:both;} .lott_bg .animated { background-color:#fefafa; height:689px; margin:0 auto; text-align:center;} .lott_bg .animated2 { background-color:#756d91; height:1400px; margin:0 auto; text-align:center;} .lott_bg_m { display:none;} /* lgbestshop */ .lgbestshop { display:block; background:#fff8f0 url("theme/v3/img/common/event7/lgbest_bg_m.jpg") no-repeat center top; height:1250px; padding: 0 0; clear:both;} .lgbestshop .animated { background-color:#fefafa; height:689px; margin:0 auto; text-align:center;} .lgbestshop .animated2 { background-color:#756d91; height:1400px; margin:0 auto; text-align:center;} .lgbestshop_m { display:none;} .box {width:1200px; height:1024px; background:#fff; margin:0 auto; position:relative;} .wcity_0711 .box {width:1200px; height:1024px; background:#fff; margin:0 auto; position:relative;} .mslider_tab dl {background:#eee; height:70px; margin:0; } .mslider_tab dd {float:left; height:70px; text-align: center; line-height:70px; font-size:22px; font-weight:500; cursor:pointer; border-left: 1px solid #bdbdbd;} .mslider_tab dd:first-child {border-left:0;} .mslider_tab dd.active {color:#fff;} .mslider_img {height:1042px;} .sm_slider-inner {height:1042px!important;} /* 예물 */ .slide_jewelry {display:block; background:#f1dfdf url("/theme/v3/img/common/event6/slide_jewelry_bg.jpg") no-repeat center top; padding-top:550px; padding-bottom:350px; clear:both;} .slide_jewelry .mslider_tab dl {background:#989898; color:#fff;} .slide_jewelry .mslider_tab dd { width:33.3%; float: left;} .slide_jewelry .mslider_tab dd.active {background:#1f2326; color:#fff; } .slide_jewelry .bt {text-align: center; padding-top:65px;} .bt{ margin: 0 auto} .slide_jewelry_m {display:none;} /* 허니문 */ .slide_honey {display:block; background:#a3c6d9 url("/theme/v3/img/common/event6/slide_honey_bg.png") no-repeat center top; padding-top:550px; padding-bottom:350px;} .slide_honey .mslider_tab dl {background:#989898; color:#fff;} .slide_honey .mslider_tab dd { width:20%;} .slide_honey .mslider_tab dd.active {background:#1f2326; color:#fff; text-align:center; } .slide_honey .bt { text-align: center; padding-top:65px;} .slide_honey_m {display:none;} /* 혼수 */ .slide_etc {display:block; background:#e9e8ed url("/theme/v3/img/common/event6/slide_etc_bg.jpg") no-repeat center top; padding-top:550px; padding-bottom:350px;} .slide_etc .mslider_tab dl {background:#989898; color:#fff;} .slide_etc .mslider_tab dd { width:33.33%;} .slide_etc .mslider_tab dd.active {background:#1f2326; color:#fff; } .slide_etc .bt { text-align: center; padding-top:65px;} .slide_etc_m {display:none;} /* 가전가구 */ .slide_furni {display:block; background:#a3b5d9 url("/theme/v3/img/common/event6/slide_furni_bg.jpg") no-repeat center top; padding-top:550px; padding-bottom:350px;} .slide_furni .mslider_tab dl {background:#989898; color:#fff;} .slide_furni .mslider_tab dd { width:25%;} .slide_furni .mslider_tab dd.active {background:#1f2326; color:#fff; } .slide_furni .bt { text-align: center; padding-top:65px;} .slide_furni_m {display:none;} /* 한복 */ .slide_hanbok {display:block; background: #d9b6a3 url("/theme/v3/img/common/event6/slide_hanbok_bg.jpg") no-repeat center top; padding-top:540px; padding-bottom:350px;} .slide_hanbok .mslider_tab dl {background:#989898; color:#fff;} .slide_hanbok .mslider_tab dd { width:25%;} .slide_hanbok .mslider_tab dd.active {background:#1f2326; color:#fff; } .slide_hanbok .bt { text-align: center; padding-top:65px;} .slide_hanbok_m {display:none;} /* 예복 */ .slide_suit {display:block; background: #d7c8b5 url("/theme/v3/img/common/event6/slide_suit_bg.jpg") no-repeat center top; padding-top:540px; padding-bottom:350px;} .slide_suit .mslider_tab dl {background:#989898; color:#fff;} .slide_suit .mslider_tab dd { width:33.3%;} .slide_suit .mslider_tab dd.active {background:#1f2326; color:#fff; } .slide_suit .bt { text-align: center; padding-top:65px;} .slide_suit_m {display:none;} /* 평일신청 소개 */ .fast_day_m { display:none;} @media screen and (min-width: 768px) and (max-width:1024px) { /* 코로나체크 */ .check_bg { display:none } .pm_dress_m { display:block; background:#ffffff url("/theme/v3/img/wedcity/main/no_bg_m.png") no-repeat center top; background-size:100%; width:100%; } .pm_dress_m .hall_top { padding:50px 0 40px 0; } .pm_dress_m .hall_top img { width:100%; margin:0} .pm_dress_m .dress_con { } .pm_dress_m .dress_con img {width:100%} .pm_dress_m .slide_bt {padding:30px 0 40px 0;} .pm_dress_m .slide_bt img { width:80%;} .pm_dress_m .hall_slide_wrap {width:100%; padding:0 0 10px;} .pm_dress_m .hall_slide_wrap .swiper-slide {width:70% !important; margin:0 15px;} .pm_dress_m .hall_slide_wrap .swiper-slide img {width:100%;} .pm_dress_m .hall_slide_wrap .swiper-button-prev {left: 15%; width:45px; height:45px; background-size:12px} .pm_dress_m .hall_slide_wrap .swiper-button-next {right: 15%; width:45px; height:45px; background-size:12px} .pm_dress_m .no_tit {color:#486eed; font-size:20px; font-weight:400; padding-bottom: 5px;} /* 방역 리스트 */ .wcity_no_tit {background: #ffffff; height: 950px; padding: 1px 10px; } .wcity_no_tit .no_list {width:100%;} .wcity_no_tit .no_list .tit { display:none; } .wcity_no_tit .no_list .no_tit { display:block; font-size:25px; font-weight:500; color:#000; text-align:center; margin-bottom:20px; } .wcity_no_tit .no_list .no_tit span { font-size:13px; line-height: 2.4; color:#464646; } .wcity_no_tit .no_list .no_tit img { width:100%;} .wcity_no_tit .no_list ul li {width:100%; } .wcity_no_tit .no_list ul li .con01 { font-size:30px; margin-top:10px; text-align:center;} .wcity_no_tit .no_list ul li .con02 { font-size:20px; margin-top:10px; margin-bottom:23px; text-align:center; } .wcity_no_tit .no_list ul li img { margin-bottom:16px;} /* 방역 리스트2 */ .cesco_m { display:none;} .cesco_m { display:block; background:#fff ; background-size:100%; width:100%; padding-bottom: 30px; } .cesco_m .cesco_top { padding:50px 0 40px 0; } .cesco_m .cesco_top img { width:100%; margin:0} .cesco_m .cesco_slide_wrap {width:100%; padding:0 0 10px;} .cesco_m .cesco_slide_wrap .swiper-slide {width:70% !important; margin:0 15px;} .cesco_m .cesco_slide_wrap .swiper-slide img {width:100%;} .cesco_m .cesco_slide_wrap .swiper-button-prev {left: 15%; width:45px; height:45px; background-size:31px; background:rgba(256, 256, 256, 0.8) url(/theme/v3/img/common/arrow_prev1.png) no-repeat 50% 50%;} .cesco_m .cesco_slide_wrap .swiper-button-next {right: 15%; width:45px; height:45px; background-size:31px; background:rgba(256, 256, 256, 0.8) url(/theme/v3/img/common/arrow_next1.png) no-repeat 50% 50%;} /* 체험형박람회 */ .join_bg { display:none } .join_m { display:block; background:#efefef ; background-size:100%; width:100%; padding-bottom: 30px; } .join_m .join_top { padding:0; } .join_m .join_top img { width:100%; margin:0} .join_m .dress_con { } .join_m .dress_con img {width:100%} .join_m .slide_bt {padding:30px 0 40px 0;} .join_m .slide_bt img { width:80%;} .join_m .join_slide_wrap {width:100%; padding:0 0 10px;} .join_m .join_slide_wrap .swiper-slide {width:70% !important; margin:0 15px;} .join_m .join_slide_wrap .swiper-slide img {width:100%;} .join_m .join_slide_wrap .swiper-button-prev {left: 15%; width:45px; height:45px; background-size:12px} .join_m .join_slide_wrap .swiper-button-next {right: 15%; width:45px; height:45px; background-size:12px} /* 최고의선택 폰슬라이드 */ .best_bg2 { display: none;} .best_bg2_m { display:block; clear:both; background:#efefef; margin:0 auto; margin-top:0px; } .best_bg2_m .bg2_box { width:100%; height:545px; padding: 40px 10px;} .best_bg2_m .bg2_tit { font-size:1.400em; font-weight:600; line-height: 1.200em; margin-top:0px; text-align:left;} .best_bg2_m .bg2_best { display:block; font-size:0.933em;line-height: 1.300em; margin-top: 15px; text-align:left;} .best_bg2_m .bg2_best img { width:100%;} .best_bg2_m .swiper-container {width:94%; top: 80px;} .best_bg2_m .swiper-button-prev { background:url(/theme/v3/img/wedcity/main/phone_left_m.png) no-repeat 50% 50%;left: -50px;} .best_bg2_m .swiper-button-next { background:url(/theme/v3/img/wedcity/main/phone_right_m.png) no-repeat 50% 50%; right: -50px;} .main_btn2_m { position: absolute; left: 50%; margin-left: 13px; bottom: 0px;} .best_bg2_m .con01 {width:100%; text-align:center; color:#0f0f0f; font-size:16px; font-weight:500; margin-top: 20px; } .best_bg2_m .con02 {width:100%; text-align:center; color:#464646; font-size:12px; margin-top:10px; margin-bottom:20px; } .best_bg2_m .con03 {width:100%; text-align:center; color:#b8794c; font-size:16px; font-weight:500; margin-top:30px; line-height: 140%;; } .best_bg2_m .w_play { width: 100%; padding: 85px 32px;} .best_bg2_m .w_play .play { width: 100%; height: 413px; overflow: hidden; margin: 0 auto;} .best_bg2_m .w_play .play .youtu { width: 620px; height: 100%;} .best_bg2_m .main_top_slide {display:block; background:url("/theme/v3/img/wedcity/main/best_phone1.png") no-repeat center top; background-size: 100%; right:0; bottom: 0; width:90%; margin: 0 auto; height: 525px; } /* 리뷰비교 */ .reveiw_bg {display: none} .reveiw_bg_m { display:block; background:#ffeeec url("/theme/v3/img/wedcity/main/reveiw_bg_m.jpg") no-repeat center top; background-size:100%; width:100%; height: 1620px;} .reveiw_bg_m .reveiw_bg_img {display: block; margin: 0 auto; padding:0;} .reveiw_bg_m img {width:100%} .reveiw_bg_m .inner {margin: 0 auto; width: 75%} .reveiw_bg_m .container { width:1200px; padding-right: 15px; padding-left: 15px; } .reveiw_bg_m .reveiw_m .swiper-slide { padding:0 28px;} .reveiw_bg_m .swiper-slide img {width:100%; box-shadow: 5px 5px 5px rgba(0,0,0,0.2);} .reveiw_bg_m .swiper-container {width:100%; height: 100%} /* 최저가 */ .low_bg { display:none;} .low_bg_m { display:block; background-color:#fff; padding:0;} .low_bg_m img { width:100%;} /* 웨딩홀 */ .hall_bg { display:none;} .hall_bg_m { display:block; background-color:#fff; padding:0;} .hall_bg_m img { width:100%;} /* 스냅_section_01 */ .snap_bg { display:none;} .snap_bg_m { display:block; background-color:#fff; padding:0;} .snap_bg_m img { width:100%;} /* 스냅_section_02 */ .snap_bg_slide { display:none } .snap_bg_slide_m { display:block; background:#d9cfce ; background-size:100%; width:100%; } .snap_bg_slide_m .snap_top { padding:50px 0 40px 0; } .snap_bg_slide_m .snap_top img { width:100%; margin:0} .snap_bg_slide_m .dress_con { } .snap_bg_slide_m .dress_con img {width:100%} .snap_bg_slide_m .slide_bt {padding:30px 0 40px 0;} .snap_bg_slide_m .slide_bt img { width:80%;} .snap_bg_slide_m .snap_slide_wrap {width:100%; padding:0 0 45px;} .snap_bg_slide_m .snap_slide_wrap .swiper-slide {width:70% !important; margin:0 15px;} .snap_bg_slide_m .snap_slide_wrap .swiper-slide img {width:100%;} .snap_bg_slide_m .snap_slide_wrap .swiper-button-prev {left: 15%; width:45px; height:45px; background-size:31px; background:rgba(256, 256, 256, 0.7) url(/theme/v3/img/common/arrow_prev1.png) no-repeat 50% 50%;} .snap_bg_slide_m .snap_slide_wrap .swiper-button-next {right: 15%; width:45px; height:45px; background-size:31px; background:rgba(256, 256, 256, 0.7) url(/theme/v3/img/common/arrow_next1.png) no-repeat 50% 50%;} .snap_bg_slide_m .no_tit {color:#486eed; font-size:20px; font-weight:400; padding-bottom: 5px;} /* 스냅_section_03 */ .snap_bg_03 { display:none;} .snap_bg_03_m { display:block; background-color:#fff; padding:0;} .snap_bg_03_m img { width:100%;} /* 현금영수증 */ .cam_comon_bg { display:none;} .cam_comon_bg_m { display:block; background-color:#fff; padding:0;} .cam_comon_bg_m img { width:100%;} /* 무료주차권 */ .pk_bg {display:none } .pk_bg_m {display:block; clear:both;} .pk_bg_m img {width:100%} /* 롯데면세점 * .lott_bg { display:none;} .lott_bg_m { display:block; padding:0;} .lott_bg_m img { width:100%;} /* lg베스트샵 */ .lgbestshop { display:none;} .lgbestshop_m{ display:block; padding:0;} .lgbestshop_m img { width:100%;} /* 예물 */ .box {width:auto; height:auto; background:#fff; margin:0 auto; position:relative; margin: 0 20px;} .swiper-slide img {width:100%;} .slide_jewelry {display:none;} .slide_jewelry_m {display:block; background:#f1dfdf; padding-bottom:60px; clear:both;} .slide_jewelry_m > img {width:100%;} .slide_jewelry_m .bt { text-align: center; padding-top:30px;} .slide_jewelry_m .bt img { width:65%;} /* 허니문 */ .slide_honey {display:none;} .slide_honey_m {display:block; background:#a3c6d9; padding-bottom:60px;} .slide_honey_m > img {width:100%;} .slide_honey_m .bt { text-align: center; padding-top:30px;} .slide_honey_m .bt img { width:65%;} /* 혼수 */ .slide_honey_m .bt img { width:80%;} .slide_etc {display:none;} .slide_etc_m {display:block; background:#e9e8ed; padding-bottom:35px;} .slide_etc_m > img {width:100%;} .slide_etc_m .bt { text-align: center; padding-top:20px;} .slide_etc_m .bt img { width:80%;} /* 가전가구 */ .slide_furni {display:none;} .slide_furni_m {display:block; background:#a3b5d9; padding-bottom:60px;} .slide_furni_m > img {width:100%;} .slide_furni_m .bt { text-align: center; padding-top:30px;} .slide_furni_m .bt img { width:65%;} /* 한복 */ .slide_hanbok {display:none;} .slide_hanbok_m {display:block; background:#d9b6a3; padding-bottom:60px;} .slide_hanbok_m > img {width:100%;} .slide_hanbok_m .bt {text-align: center; padding-top:30px;} .slide_hanbok_m .bt img { width:65%;} /* 예복 */ .slide_suit {display:none;} .slide_suit_m {display:block; background:#d7c8b5; padding-bottom:60px;} .slide_suit_m > img {width:100%;} .slide_suit_m .bt {text-align: center; padding-top:30px;} .slide_suit_m .bt img { width:65%;} /* 평일신청 소개 */ .fast_day_m{ display:block;} .fast_day_m img { width:100%} } @media screen and (max-width: 767px){ /* 코로나체크 */ .check_bg { display:none } .pm_dress_m { display:block; background:#ffffff url("/theme/v3/img/wedcity/main/no_bg_m.png") no-repeat center top; background-size:100%; width:100%; } .pm_dress_m .hall_top { padding:50px 0 40px 0; } .pm_dress_m .hall_top img { width:100%; margin:0} .pm_dress_m .dress_con { } .pm_dress_m .dress_con img {width:100%} .pm_dress_m .slide_bt {padding:30px 0 40px 0;} .pm_dress_m .slide_bt img { width:80%;} .pm_dress_m .hall_slide_wrap {width:100%; padding:0 0 10px;} .pm_dress_m .hall_slide_wrap .swiper-slide {width:70% !important; margin:0 15px;} .pm_dress_m .hall_slide_wrap .swiper-slide img {width:100%;} .pm_dress_m .hall_slide_wrap .swiper-button-prev {left: 15%; width:45px; height:45px; background-size:12px} .pm_dress_m .hall_slide_wrap .swiper-button-next {right: 15%; width:45px; height:45px; background-size:12px} .pm_dress_m .no_tit {color:#486eed; font-size:20px; font-weight:400; padding-bottom: 5px;} /* 방역 리스트 */ .wcity_no_tit {background: #ffffff; height: 550px; padding: 1px 10px; } .wcity_no_tit .no_list {width:100%;} .wcity_no_tit .no_list .tit { display:none; } .wcity_no_tit .no_list .no_tit { display:block; font-size:25px; font-weight:500; color:#000; text-align:center; margin-bottom:20px; } .wcity_no_tit .no_list .no_tit span { font-size:13px; line-height: 2.4; color:#464646; } .wcity_no_tit .no_list .no_tit img { width:100%;} .wcity_no_tit .no_list ul li {width:100%; } .wcity_no_tit .no_list ul li .con01 { font-size:18px; text-align:center;} .wcity_no_tit .no_list ul li .con02 { font-size:13px; margin-top:5px; margin-bottom:30px; text-align:center; } .wcity_no_tit .no_list ul li img { margin-bottom:16px;} /* 방역 리스트2 */ .cesco_m { display:none;} .cesco_m { display:block; background:#fff ; background-size:100%; width:100%; padding-bottom: 20px; } .cesco_m .cesco_top { padding:0; } .cesco_m .cesco_top img { width:100%; margin:0} .cesco_m .cesco_slide_wrap {width:100%; padding:0 0 10px;} .cesco_m .cesco_slide_wrap .swiper-slide {width:70% !important; margin:0 15px;} .cesco_m .cesco_slide_wrap .swiper-slide img {width:100%;} .cesco_m .cesco_slide_wrap .swiper-button-prev {left: 15%; width:45px; height:45px; background-size:31px; background:rgba(256, 256, 256, 0.8) url(/theme/v3/img/common/arrow_prev1.png) no-repeat 50% 50%;} .cesco_m .cesco_slide_wrap .swiper-button-next {right: 15%; width:45px; height:45px;background-size:31px; background:rgba(256, 256, 256, 0.8) url(/theme/v3/img/common/arrow_next1.png) no-repeat 50% 50%;} /* 체험형박람회 */ .join_bg { display:none } .join_m { display:block; background:#efefef ; background-size:100%; width:100%; padding-bottom: 30px;} .join_m .join_top { padding:0; } .join_m .join_top img { width:100%; margin:0} .join_m .dress_con { } .join_m .dress_con img {width:100%} .join_m .slide_bt {padding:30px 0 40px 0;} .join_m .slide_bt img { width:80%;} .join_m .join_slide_wrap {width:100%; padding:0 0 10px;} .join_m .join_slide_wrap .swiper-slide {width:70% !important; margin:0 15px;} .join_m .join_slide_wrap .swiper-slide img {width:100%;} .join_m .join_slide_wrap .swiper-button-prev {left: 15%; width:45px; height:45px; background-size:31px; background:rgba(256, 256, 256, 0.7) url(/theme/v3/img/common/arrow_prev1.png) no-repeat 50% 50%;} .join_m .join_slide_wrap .swiper-button-next {right: 15%; width:45px; height:45px; background-size:31px; background:rgba(256, 256, 256, 0.7) url(/theme/v3/img/common/arrow_next1.png) no-repeat 50% 50%;} /* 최고의선택 폰슬라이드 */ .best_bg2 { display: none;} .best_bg2_m { display:block; clear:both; background:#efefef; margin:0 auto; margin-top:0px; } .best_bg2_m .bg2_box { width:100%; height:285px; padding: 40px 10px;} .best_bg2_m .best_img_main { display: block; width: 100%} .best_bg2_m .bg2_tit { font-size:1.400em; font-weight:600; line-height: 1.200em; margin-top:0px; text-align:left;} .best_bg2_m .bg2_best { display:block; font-size:0.933em;line-height: 1.300em; margin-top: 15px; text-align:left;} .best_bg2_m .bg2_best img { width:100%;} .best_bg2_m .swiper-container {width:94%; top: 80px;} .best_bg2_m .swiper-button-prev { background:url(/theme/v3/img/wedcity/main/phone_left_m.png) no-repeat 50% 50%;left: -50px;} .best_bg2_m .swiper-button-next { background:url(/theme/v3/img/wedcity/main/phone_right_m.png) no-repeat 50% 50%; right: -50px;} .main_btn2_m { position: absolute; left: 50%; margin-left: 13px; bottom: 0px;} .best_bg2_m .con01 {width:100%; text-align:center; color:#0f0f0f; font-size:16px; font-weight:500; margin-top: 20px; } .best_bg2_m .con02 {width:100%; text-align:center; color:#464646; font-size:12px; margin-top:10px; margin-bottom:20px; } .best_bg2_m .con03 {width:100%; text-align:center; color:#b8794c; font-size:16px; font-weight:500; margin-top:30px; line-height: 23px; } .best_bg2_m .w_play { width: 100%; padding: 40px 10px;} .best_bg2_m .w_play .play { width: 100%; overflow: hidden; margin: 0 auto;} .best_bg2_m .main_top_slide {display:block; background:url("/theme/v3/img/wedcity/main/best_phone1.png") no-repeat center top; background-size: 100%; right:0; bottom: 0; width:90%; margin: 0 auto; height: 350px;} /* 리뷰비교 */ .reveiw_bg {display: none} .reveiw_bg_m { display:block; background:#ffeeec url("/theme/v3/img/wedcity/main/reveiw_bg_m.jpg") no-repeat center top; background-size:100%; width:100%; height: 840px;} .reveiw_bg_m .reveiw_bg_img {display: block; margin: 0 auto; padding:0;} .reveiw_bg_m img {width:100%} .reveiw_bg_m .inner {margin: 0 auto; width: 75%} .reveiw_bg_m .container { width:1200px; padding-right: 15px; padding-left: 15px; } .reveiw_bg_m .reveiw_m .swiper-slide { padding: 0 13px;} .reveiw_bg_m .swiper-slide img {width:100%; box-shadow: 5px 5px 5px rgba(0,0,0,0.2);} .reveiw_bg_m .swiper-container {width:100%; height: 100%} /* 최저가 */ .low_bg { display:none;} .low_bg_m { display:block; background-color:#fff; padding:0;} .low_bg_m img { width:100%;} /* 웨딩홀 */ .hall_bg { display:none;} .hall_bg_m { display:block; background-color:#fff; padding:0;} .hall_bg_m img { width:100%;} /* 스냅_section_01 */ .snap_bg { display:none;} .snap_bg_m { display:block; background-color:#fff; padding:0;} .snap_bg_m img { width:100%;} /* 스냅_section_02 */ .snap_bg_slide { display:none } .snap_bg_slide_m { display:block; background:#d9cfce; background-size:100%; width:100%; } .snap_bg_slide_m .snap_top { padding:50px 0 40px 0; } .snap_bg_slide_m .snap_top img { width:100%; margin:0} .snap_bg_slide_m .dress_con { } .snap_bg_slide_m .dress_con img {width:100%} .snap_bg_slide_m .slide_bt {padding:30px 0 40px 0;} .snap_bg_slide_m .slide_bt img { width:80%;} .snap_bg_slide_m .snap_slide_wrap {width:100%; padding:0 0 45px;} .snap_bg_slide_m .snap_slide_wrap .swiper-slide {width:70% !important; margin:0 15px;} .snap_bg_slide_m .snap_slide_wrap .swiper-slide img {width:100%;} .snap_bg_slide_m .snap_slide_wrap .swiper-button-prev {left: 15%; width:45px; height:45px; background-size:31px; background:rgba(256, 256, 256, 0.7) url(/theme/v3/img/common/arrow_prev1.png) no-repeat 50% 50%;} .snap_bg_slide_m .snap_slide_wrap .swiper-button-next {right: 15%; width:45px; height:45px; background-size:31px; background:rgba(256, 256, 256, 0.7) url(/theme/v3/img/common/arrow_next1.png) no-repeat 50% 50%;} .snap_bg_slide_m .no_tit {color:#486eed; font-size:20px; font-weight:400; padding-bottom: 5px;} /* 스냅_section_03 */ .snap_bg_03 { display:none;} .snap_bg_03_m { display:block; background-color:#fff; padding:0;} .snap_bg_03_m img { width:100%;} /* 현금영수증 */ .cam_comon_bg { display:none;} .cam_comon_bg_m { display:block; background-color:#fff; padding:0;} .cam_comon_bg_m img { width:100%;} /* 무료주차권 */ .pk_bg {display:none } .pk_bg_m {display:block; clear:both;} .pk_bg_m img {width:100%} /* 롯데면세점 * .lott_bg { display:none;} .lott_bg_m { display:block; padding:0;} .lott_bg_m img { width:100%;} /* lg베스트샵 */ .lgbestshop { display:none;} .lgbestshop_m { display:block; padding:0;} .lgbestshop_m img { width:100%;} /* 예물 */ .box {width:auto; height:auto; background:#fff; position:relative; } .swiper-slide img {width:100%;} .slide_jewelry {display:none;} .slide_jewelry_m {display:block; background:#f1dfdf; padding-bottom:35px; clear:both;} .slide_jewelry_m > img {width:100%;} .slide_jewelry_m .bt { text-align: center; padding-top:20px;} .slide_jewelry_m .bt img { width:80%;} /* 허니문 */ .slide_honey {display:none;} .slide_honey_m {display:block; background:#a3c6d9; padding-bottom:35px;} .slide_honey_m > img {width:100%;} .slide_honey_m .bt { text-align: center; padding-top:20px;} .slide_honey_m .bt img { width:80%;} /* 혼수 */ .slide_honey_m .bt img { width:80%;} .slide_etc {display:none;} .slide_etc_m {display:block; background:#e9e8ed; padding-bottom:35px;} .slide_etc_m > img {width:100%;} .slide_etc_m .bt { text-align: center; padding-top:20px;} .slide_etc_m .bt img { width:80%;} /* 가전가구 */ .slide_furni {display:none;} .slide_furni_m {display:block; background:#a3b5d9; padding-bottom:35px;} .slide_furni_m > img {width:100%;} .slide_furni_m .bt { text-align: center; padding-top:20px;} .slide_furni_m .bt img { width:80%;} /* 한복 */ .slide_hanbok {display:none;} .slide_hanbok_m {display:block; background:#d9b6a3; padding-bottom:35px;} .slide_hanbok_m > img {width:100%;} .slide_hanbok_m .bt { text-align: center; padding-top:20px;} .slide_hanbok_m .bt img { width:80%;} /* 예복 */ .slide_suit {display:none;} .slide_suit_m {display:block; background:#d7c8b5; padding-bottom:35px;} .slide_suit_m > img {width:100%;} .slide_suit_m .bt { text-align: center; padding-top:20px;} .slide_suit_m .bt img { width:80%;} /* 평일신청 소개 */ .fast_day_m{ display:block;} .fast_day_m img { width:100%} } /* 하단 레이아웃 */ #ftwed {background:#be9e7b;text-align:center;line-height:20px; position:relative; bottom:0;; width:100%} .ftwed_wr{margin:0 auto;max-width:1280px;padding:40px 20px; width: 1200px;} .ftwed_wr:after {display:block;visibility:hidden;clear:both;content:""} #ftwed h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden} #ftwed p {margin:0;padding:10px 0} #ftwed_company {float:left;} #ftwed_company a {padding:0 10px;color:#fff;font-weight:400;font-size:1.077em} #ftwed_copy {float:right;color:#fff;} #ftwed_copy b {color:inherit} #ftwed_copy a {color:inherit;text-decoration:none} #top_btn {position:fixed;bottom:10px;right:10px;width:40px;height:40px;background:#000;opacity:0.3;border-radius:30px;color:#fff;text-align:center;font-size:15px;z-index:99;border:0} #top_btn:hover{opacity:1} #device_change {display:block;line-height:40px;border:1px solid #3a3a3a;border-radius:2em;color:#777;font-size:1em;text-decoration:none;text-align:center} @media (max-width: 969px){ .ft_wr{padding:30px 20px 20px} #ft_copy{width:100%;} #ft_company {width:100%} } @media only screen and (min-width: 30em) { #nav { width: 1200px; height:70px; position: relative; border: none; } #nav li { display: inline;} #nav li a { display: inline-block; text-decoration: none; } #nav section { padding: 0; position: absolute; top: 42px; width:1200px; left: 0; } } @media screen and (min-width: 768px) and (max-width:1024px) { .col .intro-text {margin:120px 20%;padding:70px 30px; } .nav_bg {width:100%; margin-top:72px; border: 1px solid #c4c4c4; } .store_img { float:left; width:68%; margin:10px 10px 20px 10px;} #portfolio{ height:720px;} #logo img{width:80%;} #logo a { margin-top:6px;} /* 슬라이드*/ .main_top_slide { display:none;} .main_top_slide_m { display:block;} .main_top_slide_m .swiper-button-prev {background:url(/theme/v3/img/wedcity/main/phone_left.png) no-repeat 50% 50%; left:40px; margin-right: 0px; float:left; width:45px;} .main_top_slide_m .swiper-button-next {background:url(/theme/v3/img/wedcity/main/phone_right.png) no-repeat 50% 50%; right:40px; float:right;width:45px;} /* 리스트 */ .list_box_top { display:none; } .list_box_top_m { display:block;} .list_box_top_m .list_wedding {display:block; position:relative; margin-top:0x;} .list_box_top_m .list_wedding .list_box {padding-left:0px;} .list_box_top_m .list_wedding .list_box .bg_box { background:#bababa url("/theme/v3/img/wedcity/main/list_box_m01.jpg") no-repeat center top; padding:6% 0 35% 6.25%; background-size:100%;} .list_box_top_m .list_wedding .list_box .bgimg1 { background:#bababa url("/theme/v3/img/wedcity/main/list_mbg01.jpg") no-repeat center center; background-size:100%; color:#dc0081; } .list_box_top_m .list_wedding .list_box .bgimg2 { background:#bababa url("/theme/v3/img/wedcity/main/list_mbg02.jpg") no-repeat center center; background-size:100%; color:#fff; } .list_box_top_m .list_wedding .list_box .bgimg3 { background:#bababa url("/theme/v3/img/wedcity/main/list_mbg03.jpg") no-repeat center top; background-size:100%; color:#000; } .list_box_top_m .list_wedding .list_box .bgimg4 { background:#bababa url("/theme/v3/img/wedcity/main/list_mbg04.jpg") no-repeat center top; background-size:100%; color:#fff; } .list_box_top_m .list_wedding .list_box .bg_box .txt {display:block; position:relative; font-size:11px; } .list_box_top_m .list_wedding .list_box .bg_box .tit {display:block; position:relative; padding-top:6px; font-size:18px; font-weight:bold; } .list_box_top_m .list_wedding .list_box .con {display:block; position:relative; margin-top:23px; font-size:1.000em; line-height:1.200em; color:#666;} .list_box_top_m .list_wedding .list_box .btn_wrap {display:block; position:absolute; bottom:25px;} .list_box_top_m .list_wedding .list_box .btn_wrap a.btn {display:inline-block; position:relative; font-size:1.000em; font-weight:bold;} .list_box_top_m .list_wedding .list_box .btn_wrap a.btn .ico {display:inline-block; margin-left:8px; width:26px; height:9px; background:url("/theme/v3/img/wedcity/arrow.png") no-repeat 0 0; background-size:26px 9px;} .list_box_top_m .list_wedding .list_box .btn_wrap a.btn .ico_w {display:inline-block; margin-left:8px; width:26px; height:9px; background:url("/theme/v3/img/wedcity/arrow_w.png") no-repeat 0 0; background-size:26px 9px;} /* 폰슬라이드 */ .con_bg2 { display:block; clear:both; background:#efefef; background-size:100%; width:100%; height:980px; margin:0 auto; overflow: hidden;} .con_bg2 .bg2_box { width:100%; height:400px; padding: 40px 0 0 0 ;} .con_bg2 .main_top_slide { top:320px; width:70%; height: 800px; left:0; margin: 0 auto; background-size: 100%;} .con_bg2 .bg2_tit { font-size:1.400em; font-weight:600; line-height: 1.200em; margin-top:0px; text-align:left;} .con_bg2 .bg2_con { display:none;} .con_bg2 .bg2_con_m { display:block; font-size:0.933em;line-height: 1.300em; margin-top: 15px; text-align:left;} .con_bg2 .bg2_con_m img { width:100%;} .con_bg2 .swiper-container {width:94%; top: 80px;} .con_bg2 .swiper-button-prev { background:url(/theme/v3/img/wedcity/main/phone_left_m.png) no-repeat 50% 50%;left: -50px;} .con_bg2 .swiper-button-next { background:url(/theme/v3/img/wedcity/main/phone_right_m.png) no-repeat 50% 50%; right: -50px;} .con_bg2 .main_btn2 { position: absolute; left: 50%; margin-left: 13px; bottom: 0px;} /*웨딩박람회 사전신청*/ .fair_bg {display:none } .fair_bg_m {display:block; clear:both;} .fair_bg_m img {width:100%} /*드레스체험 사전신청*/ .dress_bg {display:none } .dress_bg_m {display:block; clear:both;} .dress_bg_m img {width:100%} /* 현금카드결제*/ .knn_card {display:none } .knn_card_m {display:block; clear:both;} .knn_card_m img {width:100%} /* 층별안내 */ .floor_con { display:none;} .floor_con .main_header .fo_sub1 { width:100%;} .col .intro-text { margin:40px 18%; color:#333; padding:50px 20px; } #portfolio{ height:auto;} #nav { margin: 32px auto 5px auto;} #nav section { width:100%;} .info_floorDetail {margin:0;} .info_floorDetail_top .floor {width:100%; } .info_floorDetail .floor > strong { font-size:16px;} .info_floorDetail .floor > span { margin-left:0; font-size:16px;} #nav li a { padding: 13px 13px; margin-bottom:0px; font-weight:bold; font-size:14px; color:#333; } #nav img { width:100%; } .nav_bg { margin-top:0px; margin-bottom:12px; } .store_img { float:none; width:100%; margin:0px 0px; padding-top:8px; } .store_text { font-size:14px;padding-top:10px;text-align:left; line-height:1.9; color:#333;} .floor_con { margin: 50px 0 0 0; height:auto; } .floor_bg_m { display:block; padding: 30px 20px 40px; background-color:#be9e7b;} .floor_bg_m .fo_sub1 { display:block; float:left; font-size: 1.4em; color:#fff; font-weight:600; line-height:24px; padding-bottom:10px;} .floor_type {display:block; position:relative; overflow:hidden; margin-top:-1px;} .floor_type li {display:block; float:left; width:33.3333%; padding:1px;} .floor_type li a {display:block; position:relative; background-color:#fff; text-align:center;} .floor_type li a:before {content:''; display:block; padding-top:100%;} .floor_type li a p {display:block; position:absolute; left:0; top:50%; width:100%; margin-top:-32px;} .floor_type li a .ico {display:inline-block; width:29px; height:29px; line-height:29px;} .floor_type li a .ico img {width:100%;} .floor_type li a .txt {display:block; margin:12px auto 0; font-size:0.8em; line-height:14px;} .tab_content02 li.on .floor_type {min-height:585px;} .tab_content02 li.on .floor_type li {display:block; padding:1px;} .floor_list {display:block; position:relative; clear:both;} .floor_list li {display:block; position:relative; border-bottom:1px solid #f1f1f1;} .floor_list li:last-child {border:0;} .floor_list li a {display:inline-block; position:relative; padding:18px 0 18px 21px; width:100%; background-color:#fff;} .floor_list li a .block {display:block; position:relative; padding-bottom:5px; font-size:0.800em; color:#666;} .floor_list li a .floor {display:inline-block; width:47px; font-size:1.2em; color:#000; font-weight:bold; vertical-align:middle;} .floor_list li a .menu {display:inline-block; width:63%; font-size:1em; color:#666; vertical-align:middle; text-overflow:ellipsis; overflow:hidden;} .floor_list li a.phone {display:inline-block; position:absolute; top:0; right:0; width:21px; padding:19px 40px 20px 20px;} .floor_list li a.phone img {width:21px; height:21px;} .floor_list li a.lp_link {display:inline-block; position:absolute; top:0; right:0; width:21px; padding:19px 40px 18px 20px;} .floor_list li a.lp_link img {width:20px; height:16px;} .ui_tab_con {display:block; position:relative; margin-top:30px;} .ui_tab.type3 + .ui_mf_con {margin:0;} .ui_tab_con .mf_con {display:none;} .ui_tab_con .mf_con.on {display:block;} .ui_tab_con .mf_con > ul {display:none;} .ui_tab_con .mf_con > ul.on {display:block;} .tab_floorCont { margin-top:0;} .store_list > li {display:inline-block; position:relative; float:left; width:29%; height:160px; margin:0 0 10px 10px; background-color:#fff; text-align:center; border:1px solid #e0e0e0;} .store_list > li .logo img { width:70%;} .store_list > li .logo { height: 58px; padding-top: 0px; width:100%;} .store_list > li .logo > p {width:29%;} .store_list > li .store > p { font-size: 12px;} .store_list > li .store > p > span { font-size:11px;} /* 층별안내 모바일 클릭페이지 list */ .nav-icon { font-size:16px; color:#000;} .nav-icon > strong { font-size:28px; font-weight:700;} .nav-icon .fa { font-size:28px; padding-right:5px; padding-left:5px;} .content_to { padding: 30px 20px 40px 20px;} .arw_left { width: 55px; position:relative; top: -10px;} /* 뉴스이벤트 */ .news_pc { display:none;} .news_m { display:block; background-color:#f1f1f1; padding:20px 0;} .new_slider .main_header .fo_sub1 { width:100%; text-align:left; padding-left:20px; font-size:1.4em; font-weight:600; color:#000;} .new_slider .main_event {width:1200px; overflow:hidden; padding-bottom:40px; margin-top:10px;} .new_slider .main_event .swiper-wrapper {} .new_slider .main_event .swiper-slide {background:#fff; text-align:center; width:30%; margin:0 1.66%; } .new_slider .main_event .swiper-slide img {width:100%;} .new_slider .main_event .swiper-slide ul {padding:25px 0;} .new_slider .main_event .swiper-slide ul li.mtit {color:#000; font-size:19px; margin-bottom:5px} .new_slider .main_event .swiper-slide ul li.stit {color:#7e7e7e; font-size:14px; font-weight:300;} .new_slider .main_event .swiper-button-prev, .main_event .swiper-button-next {width:61px; height:61px;} .new_slider .main_event .swiper-button-prev {background:url(/theme/renewal/img/arrow_prev.png) no-repeat; left: 0px;} .new_slider .main_event .swiper-button-next {background:url(/theme/renewal/img/arrow_next.png) no-repeat; right: 0px;} .new_slider .swiper-container { background:none;} } @media screen and (max-width: 767px){ #logo {width:90%;} #logo img {width:50%;} #logo a { margin-top:6px; padding:20px 25px 20px 20px; height:60px;} /* 슬라이드*/ .main_top_slide { display:none;} .main_top_slide_m { display:block;} .main_top_slide_m .swiper-button-prev {background:url(/theme/v3/img/wedcity/main/phone_left.png) no-repeat 50% 50%; left:10px; margin-right: 0px; float:left; width:45px;} .main_top_slide_m .swiper-button-next {background:url(/theme/v3/img/wedcity/main/phone_right.png) no-repeat 50% 50%; right:10px; float:right;width:45px;} /* 리스트 */ .list_box_top { display:none; } .list_box_top_m { display:block;} .list_box_top_m .list_wedding {display:block; position:relative; margin-top:0px;} .list_box_top_m .list_wedding .list_box {padding: 0 0px;} .list_box_top_m .list_wedding .list_box .bg_box { background:#bababa url("/theme/v3/img/wedcity/main/list_box_m01.jpg") no-repeat center top; padding:6% 0 35% 6.25%; background-size:100%;} .list_box_top_m .list_wedding .list_box .bgimg1 { background:#bababa url("/theme/v3/img/wedcity/main/list_mbg01.jpg") no-repeat center center; background-size:100%; color:#dc0081; } .list_box_top_m .list_wedding .list_box .bgimg2 { background:#bababa url("/theme/v3/img/wedcity/main/list_mbg02.jpg") no-repeat center center; background-size:100%; color:#fff; } .list_box_top_m .list_wedding .list_box .bgimg3 { background:#bababa url("/theme/v3/img/wedcity/main/list_mbg03.jpg") no-repeat center top; background-size:100%; color:#000; } .list_box_top_m .list_wedding .list_box .bgimg4 { background:#bababa url("/theme/v3/img/wedcity/main/list_mbg04.jpg") no-repeat center top; background-size:100%; color:#fff; } .list_box_top_m .list_wedding .list_box .bg_box .txt {display:block; position:relative; font-size:11px; } .list_box_top_m .list_wedding .list_box .bg_box .tit {display:block; position:relative; padding-top:6px; font-size:18px; font-weight:bold; } .list_box_top_m .list_wedding .list_box .con {display:block; position:relative; margin-top:23px; font-size:1.000em; line-height:1.200em; color:#666;} .list_box_top_m .list_wedding .list_box .btn_wrap {display:block; position:absolute; bottom:25px;} .list_box_top_m .list_wedding .list_box .btn_wrap .btn {padding: 6px 0px;} .list_box_top_m .list_wedding .list_box .btn_wrap a.btn {display:inline-block; position:relative; font-size:13px; font-weight:bold;} .list_box_top_m .list_wedding .list_box .btn_wrap a.btn .ico {display:inline-block; margin-left:8px; width:26px; height:9px; background:url("/theme/v3/img/wedcity/arrow.png") no-repeat 0 0; background-size:26px 9px;} .list_box_top_m .list_wedding .list_box .btn_wrap a.btn .ico_w {display:inline-block; margin-left:8px; width:26px; height:9px; background:url("/theme/v3/img/wedcity/arrow_w.png") no-repeat 0 0; background-size:26px 9px;} /* 폰슬라이드 */ .con_bg2 { display:block; clear:both; background:#efefef; background-size:100%; width:100%; height:560px; margin:0 auto; overflow: hidden;} .con_bg2 .bg2_box { width:100%; height:800px; padding: 25px 0 0 0;} .con_bg2 .main_top_slide { top:170px; width:70%; height: 400px; left:0; margin: 0 auto; background-size: 100%;} .con_bg2 .bg2_tit { font-size:18px; font-weight:600; line-height:1.6; margin-top:0px; text-align:left;} .con_bg2 .bg2_con { display:none;} .con_bg2 .bg2_con_m { display:block; font-size:13px;line-height:1.4; margin-top: 15px; text-align:left;} .con_bg2 .bg2_con_m img { width:100%;} .con_bg2 .swiper-container {width:94%; top: 54px;} .con_bg2 .swiper-button-prev { background:url(/theme/v3/img/wedcity/main/phone_left_m.png) no-repeat 50% 50%;left: -50px;} .con_bg2 .swiper-button-next { background:url(/theme/v3/img/wedcity/main/phone_right_m.png) no-repeat 50% 50%; right: -50px;} .main_btn2 { position: absolute; left: 50%; } /*웨딩박람회 사전신청*/ .fair_bg {display:none } .fair_bg_m {display:block; clear:both;} .fair_bg_m img {width:100%;} /*드레스체험 사전신청*/ .dress_bg {display:none } .dress_bg_m {display:block; clear:both;} .dress_bg_m img {width:100%;} /* 현금카드결제*/ .knn_card {display:none } .knn_card_m {display:block; clear:both;} .knn_card_m img {width:100%} /* 층별안내 */ .floor_con { display:none;} .floor_con .main_header .fo_sub1 { width:100%;} .col .intro-text { margin:40px 18%; color:#333; padding:50px 20px; } #portfolio{ height:auto;} #nav { margin: 32px auto 5px auto;} #nav section { width:100%;} .info_floorDetail {margin:0;} .info_floorDetail_top .floor {width:100%; } .info_floorDetail .floor > strong { font-size:16px;} .info_floorDetail .floor > span { margin-left:0; font-size:16px;} #nav li a { padding: 13px 13px; margin-bottom:0px; font-weight:bold; font-size:14px; color:#333; } #nav img { width:100%; } .nav_bg { margin-top:0px; margin-bottom:12px; } .store_img { float:none; width:100%; margin:0px 0px; padding-top:8px; } .store_text { font-size:14px;padding-top:10px;text-align:left; line-height:1.9; color:#333;} .floor_con { margin: 50px 0 0 0; height:auto; } .floor_bg_m { display:block; padding: 30px 20px 40px; background-color:#be9e7b;} .floor_bg_m .fo_sub1 { display:block; float:left; font-size:18px; color:#fff; font-weight:600; line-height:24px; padding-bottom:10px;} .floor_type {display:block; position:relative; overflow:hidden; margin-top:-1px;} .floor_type li {display:block; float:left; width:33.3333%; padding:1px;} .floor_type li a {display:block; position:relative; background-color:#fff; text-align:center;} .floor_type li a:before {content:''; display:block; padding-top:100%;} .floor_type li a p {display:block; position:absolute; left:0; top:50%; width:100%; margin-top:-32px;} .floor_type li a .ico {display:inline-block; width:29px; height:29px; line-height:29px;} .floor_type li a .ico img {width:100%;} .floor_type li a .txt {display:block; margin:12px auto 0; font-size:0.8em; line-height:14px;} .tab_content02 li.on .floor_type {min-height:585px;} .tab_content02 li.on .floor_type li {display:block; padding:1px;} .floor_list {display:block; position:relative; clear:both; } .floor_list li {display:block; position:relative; border-bottom:1px solid #f1f1f1;} .floor_list li:last-child {border:0;} .floor_list li a {display:inline-block; position:relative; padding:18px 0 18px 21px; width:100%; background-color:#fff;} .floor_list li a .block {display:block; position:relative; padding-bottom:5px; font-size:0.800em; color:#666;} .floor_list li a .floor {display:inline-block; width:47px; font-size:1.2em; color:#000; font-weight:bold; vertical-align:middle;} .floor_list li a .menu {display:inline-block; width:63%; font-size:1em; color:#666; vertical-align:middle; text-overflow:ellipsis; overflow:hidden;} .floor_list li a.phone {display:inline-block; position:absolute; top:0; right:0; width:21px; padding:19px 40px 20px 20px;} .floor_list li a.phone img {width:21px; height:21px;} .floor_list li a.lp_link {display:inline-block; position:absolute; top:0; right:0; width:21px; padding:19px 40px 18px 20px;} .floor_list li a.lp_link img {width:20px; height:16px;} .ui_tab_con {display:block; position:relative; margin-top:30px;} .ui_tab.type3 + .ui_mf_con {margin:0;} .ui_tab_con .mf_con {display:none;} .ui_tab_con .mf_con.on {display:block;} .ui_tab_con .mf_con > ul {display:none;} .ui_tab_con .mf_con > ul.on {display:block;} .tab_floorCont { margin-top:0;} .store_list > li {display:inline-block; position:relative; float:left; width:29%; height:160px; margin:0 0 10px 10px; background-color:#fff; text-align:center; border:1px solid #e0e0e0;} .store_list > li .logo img { width:70%;} .store_list > li .logo { height: 58px; padding-top: 0px; width:100%;} .store_list > li .logo > p {width:29%;} .store_list > li .store > p { font-size: 12px;} .store_list > li .store > p > span { font-size:11px;} /* 층별안내 모바일 클릭페이지 list */ .nav-icon { font-size:16px;} .nav-icon > strong { font-size:28px; font-weight:700;} .nav-icon .fa { font-size:28px; padding-right:5px; padding-left:5px;} .content_to { padding: 30px 20px 40px 20px;} .arw_left { width: 55px; position:relative; top: -10px;} /* 뉴스이벤트 */ .news_pc { display:none;} .news_m { display:block; background-color:#f1f1f1; padding:20px 0;} .new_slider .main_header .fo_sub1 { width:100%; text-align:left; padding-left:20px; font-size:18px; font-weight:600; color:#000;} .new_slider .main_event {width:1200px; overflow:hidden; padding-bottom:40px; margin-top:10px;} .new_slider .main_event .swiper-wrapper {} .new_slider .main_event .swiper-slide {background:#fff; text-align:center; width:30%; margin:0 1.66%; } .new_slider .main_event .swiper-slide img {width:100%;} .new_slider .main_event .swiper-slide ul {padding:25px 0;} .new_slider .main_event .swiper-slide ul li.mtit {color:#000; font-size:18px; margin-bottom:5px} .new_slider .main_event .swiper-slide ul li.stit {color:#7e7e7e; font-size:14px; font-weight:300;} .new_slider .main_event .swiper-slide ul span { font-size:13px;} .new_slider .main_event .swiper-button-prev, .main_event .swiper-button-next {width:61px; height:61px;} .new_slider .main_event .swiper-button-prev {background:url(/theme/renewal/img/arrow_prev.png) no-repeat; left: 0px;} .new_slider .main_event .swiper-button-next {background:url(/theme/renewal/img/arrow_next.png) no-repeat; right: 0px;} .new_slider .swiper-container { background:none;} /* 하단 레이아웃 */ #ftwed {background:#be9e7b;text-align:center;line-height:20px; position: relative; bottom:0;; width:100%} .ftwed_wr{margin:0 auto;max-width:1280px;padding:20px 20px; width:100%;} .ftwed_wr:after {display:block;visibility:hidden;clear:both;content:""} #ftwed h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden} #ftwed p {margin:0;padding:10px 0} #ftwed_company { float:left;line-height:1.5; padding-bottom:10px;} #ftwed_company a {padding:0 10px;color:#fff;font-weight:400;font-size:13px;} #ftwed_copy { float:none;color:#fff; font-size:13px; } #ftwed_copy b {color:inherit} #ftwed_copy a {color:inherit;text-decoration:none} } @media (max-width: 1200px){ .new_slider .main_event {width:100%;} .new_slider .main_event .swiper-slide {background:#fff; text-align:center; width:70%; margin:0 1.66%; } .city_news h2 {width: 100%; text-align: left; padding-left: 20px; font-size: 18px; font-weight: 600; color: #000;} } @media screen and (max-width: 360px){ .con_bg2 { height:500px;} } /* form 팝업 */ .overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); visibility: hidden; opacity: 0;} .overlay:target { visibility: visible; opacity: 1; z-index:9999; } .popup_online { margin: 70px auto; padding: 20px; background: #fff; border-radius: 5px; width: 560px; position: relative; } .popup_online h2 { margin-top: 0; color: #333; font-family: Tahoma, Arial, sans-serif; } .popup_online .close { position: absolute; top: 20px; right: 30px; transition: all 200ms; font-size: 30px; font-weight: bold; text-decoration: none; color: #333; } .popup_online .close:hover { color: #06D85F; } .popup_online .content { max-height: 30%; overflow:hidden; } @media screen and (max-width: 700px){ .box{ width:80%; } .popup_online{ width: 75%; padding:10px 15px; } .popup_online .content { max-height: 30%; overflow-y:scroll; height:auto;} } /* form 팝업 */