body{overflow-x: hidden;}
header{position: relative;}
.header{ height: 55px;}
.header .logo{position: absolute;float: none;left: 50%;top: 50%;transform: translate(-50%,-50%); padding: 0;}
.header .logo h1 a{position: static;display: block; width: 120px;height: 22px; background: url(../img/h1_logo.png) no-repeat center/120px 22px;}
.header .right{float: none; padding: 0;height: 0;position: absolute;top: 50%;right: 26px;transform: translateY(-50%);}
.header .right ul li{display: none;}
.header .right li.member{ display: block;position: relative;top: -8px;}
.header .right li.member a{ display: block;overflow: hidden; width: 18px;height: 18px; background: url(../img/ico_member_1800.png) no-repeat center/18px auto;line-height: 100%;color: transparent;}
.header .gnb{display: none;}

/*all_menu S*/
.all_menu{display: block; position: absolute;z-index: 30; left: 0; top: 50%;transform: translateY(-50%);width: 72px;height: 100%;color: transparent;background: url(../img/ico_allmenu.png) no-repeat center/20px auto;}

.all_menu_con{display: block; position: absolute;z-index: 100; top: 56px;left: -120%;width: 95%;height: 100vh; background: #fff;box-sizing: border-box;transition: left .5s;}
.all_menu.on + .all_menu_con{ left: 0;}
.all_menu_con>div{height: 152px; background: #6b5d55;}
.all_menu_con>div a{display: block;position: relative;height: 50%;box-sizing: border-box;color: #fff;font-size: 17px;}
.all_menu_con>div .login{padding: 48px 60px 0; }
.all_menu_con>div .login:before{content: "";position: absolute;left: 20px;top: 48px;width: 22px;height: 22px;background: url(../img/ico_all_menu_arrow_right.png) no-repeat center/11px auto;}
.all_menu_con>div .my_wedding{padding: 30px 60px 0; border: 1px solid #84746a;}
.all_menu_con>div .my_wedding:before{ content: "";display: inline-block;margin-right: 10px; width: 20px;height: 20px;background: url(../img/ico_all_menu_member.png) no-repeat center/20px auto;vertical-align: middle;}
.all_menu_con>ul{ padding: 20px 0 0;}
.all_menu_con>ul>li>a{display: block;position: relative;padding: 0 20px; line-height: 46px;}
.all_menu_con>ul>li>a:after{ content: "";position: absolute;right: 20px;top: 50%;transform: translateY(-50%);width: 14px;height: 7px;background: url(../img/ico_all_menu_arrow_off.png) no-repeat center/14px auto;transform: rotate(0deg);transition: all .5s;}
.all_menu_con>ul>li.on>a:after{ transform: rotate(-180deg);}
.all_menu_con>ul>li ul{ display: none;padding: 16px 0;background: #f4efeb;}
.all_menu_con>ul>li ul li a{ display: block;padding: 0 24px 0;line-height: 36px;color: #666;font-size: 13px;}
.all_menu_con>ul>li ul li:hover a{ background: #e6e2df;}
.all_menu_con>ul>li ul li:first-child a{ padding: 0 20px 0; color: #333; font-size: 14px;}
.all_menu_con .all_menu_close{position: absolute;right: -5%;top: 0;width: 5%;height: 5%;background: url(../img/ico_all_menu_btn__close.png) no-repeat center/100% auto;color: transparent;}
.all_menu_dim{display: none; position: absolute;z-index: 99;top: 55px;right: 0;width: 100%;height: 100vh;background: rgba(0,0,0,.7);}
body.on{overflow: hidden;}
.search_slide{ display: none;}

footer .top { height: 40px;}
footer .top .justify{margin: 0; width: 100%;}
footer .top .left{ float: none;}
footer .top .left ul{ text-align: center;}
footer .top .left li{display: inline-block; float: none;padding-right: 16px;}
footer .top .left li a { display: inline-block; line-height: 40px;}
footer .top .left li.insta{position: absolute;top: 63px;left: 50%;transform: translateX(-50%); padding-top: 0px;}
footer .top .right{display: none;}
footer .address{padding: 83px 0 0 ; margin: 0; width: 100%;line-height: 14px;text-align: center;}
footer .address address{ font-size: 12px;color: #444;}
footer .address div{padding: 25px 0 0;margin: 0 auto; width: 254px; font-size: 12px;color: #444;}

/*1024와 800은 search 없음*/
.search_slide2 input{display: none;}

/* ê³ ì • (fixed) */
.top_btn{ position: fixed;bottom: 84px;right: 14px;}
.top_btn a{overflow: hidden; display: block;width: 40px;height: 40px;background: url(../img/btn_top.png) no-repeat center/40px auto;color: transparent;}
/* quick menu 1024px ~ 800px */

.quick_menu {display: block; position: fixed;bottom: 26px;right: 12px;width:45px ;height: 45px;z-index: 100;}
.quick_menu a{color: transparent;position: absolute;left: 0;top: 0; width:100% ;height: 100%;border-radius: 100%; background: #a08066;transition: all .2s;}
.quick_menu .quick_more{ transition: all .2s;z-index: 100; }
.quick_menu.on .quick_more{ transform: rotate(45deg) scale(1.2);background: #fff;}
.quick_menu .quick_more:after,
.quick_menu .quick_more:before{ content: "";position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);background: #fff;transition: all .3s;}
.quick_menu .quick_more:after{ width: 16px;height: 2px;}
.quick_menu .quick_more:before{ width: 2px;height: 16px;}
.quick_menu.on .quick_more:after,
.quick_menu.on .quick_more:before{ background: #a08066;}
.quick_menu a:not(.quick_more){ z-index: 99;}
.quick_menu.on a:not(.quick_more){ transform: rotate(360deg);}
.quick_menu .quick_home{ background: url(../img/ico_quickmenu_home.png) no-repeat center/50% auto #a08066;}
.quick_menu .quick_member{ background: url(../img/ico_quickmenu_member.png) no-repeat center/50% auto #a08066;}
.quick_menu .quick_search{ background: url(../img/ico_quickmenu_search.png) no-repeat center/50% auto #a08066;}
.quick_menu.on .quick_member{ left: -80px}
.quick_menu.on .quick_home{ top: -80px}
.quick_menu.on .quick_search{ top: -60px;left: -62px;}

/*빨간점 롯데웨딩 반응형 첫페이지 인덱스*/
.here.here1{display: none;}
.here.here2{ right: 10px;top: 10px;}
.here.here5{ right: 10px;top: 10px;}