body{overflow-x: hidden;}
.header{ position: relative;z-index: 30; height: 110px; border-bottom: 1px solid #f1f0ee; box-sizing: border-box;}
.header .logo{ float: left;padding: 33px 0 0 20px;}
.header h1 a{overflow: hidden;position: absolute; width: 240px;height: 44px; background: url(../img/h1_logo.png) no-repeat center;color: transparent;}
.header .right{position: absolute;right: 0;top: 0; padding: 0 46px 0 0 ;height: 110px;box-sizing: border-box;}
.header .right ul li{float: left;padding-left: 27px; }
.header .right ul li a{ display: block;height: 110px; font-size: 14px;line-height: 110px;color: #957963;}
.header .right ul li:last-child a{ color: #616161;}
.header .right li.member{ display: none;}
.header .right li.search{ padding-left: 24px}
.header .right li.search a{position: relative;background: url(../img/ico_search.png) no-repeat center;color: transparent;}


.header .gnb{ position: relative;text-align: center;}
.header .gnb>ul{display: inline-block;z-index: 30; width: 840px; height: 110px;}
.header .gnb>ul>li{float: left;padding: 0 49px 0;overflow: hidden;}
.header .gnb>ul>li>a{position: relative; display: block;height: 110px; line-height: 110px;font-size: 20px;color: #333;font-weight: bold;box-sizing: border-box;}
.header .gnb>ul>li>a:after{ content: "";position:absolute;bottom: -4px;left: 50%; width: 0px;height: 0px;background: #974643;transition: all .3s; }
.header .gnb>ul>li:hover>a:after{left: 0; width: 100%;height: 4px;}
.header .gnb>ul>li>a:hover{ color: #974643;}
.all_menu{ display: none;}
.all_menu_con{ display: none;}
.dim{ display: none;}
.dep2{z-index: 30;display: none; position: absolute;top: 110px;left: 0; width: 100%;height: 90px;background: #fff; text-align: left;white-space: nowrap;box-sizing: border-box;}
.header .gnb>ul>li.on .dep2{ display: block;}
.dep2 ul{ position: absolute;left: 556px;}
.dep2 li{ float: left;padding-right: 106px;}
.dep2 li:last-child{ padding-right: 0;}
.dep2 li a{position: relative; display: block; height: 90px;line-height: 90px;font-size: 18px;color: #8a7d75;}
.dep2 li a:hover{color:#333;}
.dep2 li:first-child a{ color: #974643;}
.dep2 li:first-child a:after{ content: "";position: absolute;right: -31px; top: 50%;transform: translateY(-50%);width: 14px;height: 15px; background: url(../img/ico_menu2_arrow.png) no-repeat center;}
.dep2_wrapper{display: none; position: absolute;z-index: 29; top: 110px;left: 0;width: 100%;height: 92px;background: #fff; border-bottom: 1px solid #f1f0ee;}
.search_slide{ z-index: 28;display: none; position: absolute;padding: 44px 0; top: 110px;left: 0;width: 100%;height: 148px;background: #fff; border-bottom: 1px solid #f1f0ee;text-align: center;box-sizing: border-box;}
.search_slide>div{z-index: 29;position: absolute; top: 44px;left: 50%;width: 100%; transform: translateX(-50%);}
.search_slide>div input{height: 58px;border: 1px solid #877d74;border-radius: 58px; }
.search_slide>div .search2{ position: absolute;top: 17px;right: 362px;width: 24px;height: 25px;background: url(../img/ico_search.png) no-repeat center;color: transparent;}
.search_slide>div .close{ margin-left: 179px;width: 25px;height: 25px;background: url(../img/ico_close.png) no-repeat center;color: transparent;}
/*
.search_slide2{display: none; position: absolute;z-index:29; left: 50%;top: 154px;transform: translateX(-50%);background: rgba(255,255,255,0); }
.search_slide2.on { display: block;}

.header.on .search_slide2{ background: rgba(255,255,255,1);z-index: 30;}
.search_slide2 input{  height: 58px;border: 1px solid #877d74;border-radius: 58px;}
.search_slide2 .search2{ position: absolute;z-index: 30; top: 17px;right: 31px;width: 24px;height: 25px;background: url(../img/ico_search.png) no-repeat center;color: transparent;}
.search_slide2 .close{ position: absolute;top: 17px;right: -180px;width: 25px;height: 25px;background: url(../img/ico_close.png) no-repeat center;color: transparent;}
*/

.bike_background{ position: relative; height: 500px;background:linear-gradient(to right, grey, lightgrey); animation: ddd 1s infinite;}
.bike { position: relative;width: 200px;animation: ccc 1 10s both;}
.bike .body {position: relative;z-index: 5; width: 200px;height: 70px;background: dodgerblue;animation: bbb 1s infinite;}
.bike .w_left,
.bike .w_right{ position: absolute;z-index: 4; bottom: 0;width: 30px;height: 30px;border-radius: 30px;background: linear-gradient(to right,pink,blue); animation: aaa 1s linear infinite;}
.bike .w_left{ left: 10%;}
.bike .w_right{ right: 10%;}
.leap{display: block; position: absolute; width: 30px;height: 15px;border-radius: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0) 40%); perspective: 1200px; border: 1px solid pink;}
.leap.ani1 {left: 5px; animation: eee infinite 3s both;}
.leap.ani2 {left: 8px; animation: eee infinite 5s 0.5s both;}
.leap.ani3 {left: 10px; animation: eee infinite 2s 0.8s both;}
.leap.ani4 {left: 20px; animation: eee infinite 1s 1s both;}
.leap.ani5 {left: 50px; animation: eee infinite 1.5s 0.1s both;}
@keyframes aaa{
0%{transform: rotate(0deg);}
100%{transform: rotate(360deg);}
}
@keyframes bbb{

0%{top: -10px;}
50%{top: -15px;}
100%{top: -10px;}
}
@keyframes ccc{
0%{left:0;}
100%{left:90%;}
}
@keyframes ddd{
    0%{ background-position: 50% 50%;}
    100%{ background-position: 150% 150%;}
    }

    @keyframes eee{
        0%{ transform: rotateX(0deg) rotateY(0); top:0}
        80% { opacity: 1;}
        100%{ transform: rotateX(360deg) rotateY(40deg); top:100px; opacity: 0;; }
        }

footer{position: relative; border-top: 2px solid #252525; }
footer .top{ border-bottom: 1px solid #e2e2e2;}
footer .top { height: 66px;}
footer .top .justify{margin: 0 auto; width: 1360px;}
footer .top .left{ float: left;}
footer .top .left li{ float: left;padding-right: 65px;}
footer .top .left li a { display: block;font-size: 12px;color: #444; line-height: 66px;}
footer .top .left li.insta{ padding-top: 12px;}
footer .top .left li.insta a{ width: 239px;height: 41px;border: 1px solid #999;border-radius: 41px;box-sizing: border-box;line-height: 41px;text-align: center;}
footer .top .left li.insta:hover a{ border-color: #000;}
footer .top .left li.insta a:after{ content: "";display: inline-block;margin-left: 11px; width: 23px;height: 23px; background: url(../img/ico_insta.png) no-repeat center;vertical-align: middle;}
footer .top .right{ float: right;}
footer .top .right a{position: relative;display: block;padding: 0 44px 0; font-size: 12px;color: #444; line-height: 66px;font-weight: bold;}
footer .top .right a:after{content: "";display: inline-block;margin-left: 14px; width: 13px;height: 8px;background: url(../img/ico_footer_arrow_top.png) no-repeat center;}
footer .top .right div.on a:after{ background: url(../img/ico_footer_arrow_top_on.png) no-repeat center;}
footer .top .right div.on a{ color: #fff;background: #000;}
footer .address{padding: 46px 0 0 ; margin: 0 auto; width: 1360px;line-height: 24px;}
footer .address address{ font-size: 12px;color: #444;}
footer .address div{padding: 37px 0 0; font-size: 12px;color: #444;}
footer .footer_menu{display: none; position: absolute;z-index: 30; bottom: 224px;left: 50%;transform: translateX(-50%);width: 100%; background: #252525;}
footer .footer_menu.on{ display: block;}
footer .footer_menu>div{ display: flex;padding: 54px 0;margin: 0 auto; width: 1360px;}
footer .footer_menu>div ul{flex:1;position: relative;padding: 26px 0 0;}
footer .footer_menu>div ul:after{content: "";position: absolute;top: 0;left: 0;width: 20px;height: 1px;background: #777;}
footer .footer_menu>div ul li a{ color: #cfcfcf;line-height: 28px;}
footer .footer_menu>div ul li a:hover{ color: #fff;}

/* ê³ ì • (fixed) */
.top_btn{ position: fixed;bottom: 84px;right: 40px;z-index: 97;}

.top_btn a{overflow: hidden; display: block;width: 80px;height: 80px;background: url(../img/btn_top.png) no-repeat center;color: transparent;}

/* quick menu 1024px ~ 800px */
.quick_menu { display: none;}
.quick_dim { display: none;}

/*빨간점 롯데웨딩 반응형 첫페이지 인덱스*/
.here.here1{ right: 310px;top: 40px;}
.here.here2{ right: 30px;top: 20px;}
.here.here3{ right: 290px;top: 17px;}
.here.here4{display: none;}
/*FAQ 페이지 */
.here.here5{ display: block;right: 16px;top: 6px}