.oneline{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden;}.clear{clear:both;float:left;}.ib{display:inline-block;}.inline-block{display:inline-block;}.ibt{display:inline-block;vertical-align:top;}.ibm{display:inline-block;vertical-align:middle;}.ibb{display:inline-block;vertical-align:bottom;}.bs{box-sizing:border-box;}.abs{position:absolute;left:0;top:0;width:100%;height:100%;}.justify{text-align:justify;text-justify:inter-ideograph;-ms-text-justify:inter-ideograph;}.w-fix{display:inline-block;width:100%;height:0;vertical-align:middle;}.h-fix{display:inline-block;width:0;height:100%;vertical-align:middle;}.container{max-width:1400px;margin:auto;position:relative;}.container .inner{max-width:1240px;margin:auto;position:relative;padding-left:20px;padding-right:20px;box-sizing:border-box;}ul{list-style:none;}ul li{display:inline-block;vertical-align:top;}.tablet{display:none !important;}.tablet720{display:none !important;}.desktop{display:block !important;}.mobile{display:none !important;}.mobile720{display:none !important;}.tablet-inline{display:none !important;}.desktop-inline{display:inline-block !important;}.mobile-inline{display:none !important;}.not-show{display:none !important;}@media screen and (max-width: 1199px){.desktop{display:none !important;}.tablet{display:block !important;}.tablet720{display:block !important;}.desktop-inline{display:none !important;}.tablet-inline{display:inline-block !important;}.not-tablet{display:none !important;}}@media screen and (max-width: 767px){.tablet{display:none !important;}.mobile{display:block !important;}.tablet-inline{display:none !important;}.mobile-inline{display:inline-block !important;}.not-mobile{display:none !important;}}@media screen and (max-width: 720px){.tablet720{display:none !important;}.mobile720{display:block !important;}}.banner{position:relative;z-index:1;}.banner .banner-main{position:relative;overflow:hidden;}.banner .banner-main .ban-bg{position:relative;width:100%;height:auto;}.banner .banner-main .container{background-position:top center;background-size:contain;background-repeat:no-repeat;max-width:100%;position:absolute;top:0;left:0;width:100%;height:100%;}.banner .banner-main .container .inner{height:100%;position:relative;}.banner .banner-main .container .inner .page-title{display:inline-block;vertical-align:top;position:absolute;top:50%;left:50%;transform:translate(-50%,-44%);font-size:42px;color:#fff;font-weight:400;letter-spacing:1.6px;text-align:center;min-width:433px;padding:23px 32px 19px;box-sizing:border-box;border-top:1px solid #fff;border-bottom:1px solid #fff;z-index:1;}.banner .banner-main .container:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);}.banner .banner-main .outer-page-title{position:relative;font-size:26px;text-align:center;line-height:32px;color:#354030;background-color:#c4beb6;font-weight:400;letter-spacing:1.6px;padding:10px 20px;box-sizing:border-box;}.banner .banner-main-m{background-color:#000;}.banner .banner-main-m .container{background-position:center;background-repeat:no-repeat;background-color:rgba(255,255,255,0.3);max-width:unset;position:relative;height:300px;}.banner .banner-main-m .page-title{position:relative;font-size:42px;line-height:68px;color:#fff;background-color:#000;font-weight:400;letter-spacing:1.6px;padding:10px 20px;box-sizing:border-box;}.banner .nav-bar .container .inner .nav-title{position:relative;padding-right:70px;}.banner .nav-bar .container .inner .nav-title a{font-size:14px;}.banner .nav-bar .container .inner .nav-title a:after{content:'';width:9px;height:14px;vertical-align:middle;padding:0 25px 0 22px;cursor:default;}.banner .nav-bar .container .inner .nav-title a.current{color:;}.banner .nav-bar .container .inner .nav-title a.current:after{content:none;}.banner .nav-bar .container .inner .nav-title a.back{position:absolute;right:0;top:26px;letter-spacing:0.3;color:;}.banner .nav-bar .container .inner .nav-title a.back:before{content:'';background:url(/img/arrow-black.svg) no-repeat center;display:inline-block;width:14px;height:19px;vertical-align:middle;padding:0 6px;transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-moz-transform:rotate(180deg);cursor:default;}.banner .nav-bar .container .inner .nav-title a.back:after{content:none;}.pager{margin:auto;text-align:center;}.pager ul{list-style:none;margin:auto;display:inline-block;vertical-align:top;}.pager ul li a{display:inline-block;width:34px;height:34px;text-align:center;line-height:35px;margin:0 1px;}.pager ul li .num{display:inline-block;width:35px;height:35px;text-align:center;line-height:35px;margin:0 1px;}.pager ul li .current{border:1px solid #c4beb6;background-color:#c4beb6;border-radius:50%;}.pager ul li .prev{background-image:url(/img/arrow-black.svg);background-repeat:no-repeat;background-position:center;vertical-align:middle;transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-moz-transform:rotate(180deg);margin:1px -5px;}.pager ul li .next{background-image:url(/img/arrow-black.svg);background-repeat:no-repeat;background-position:center;vertical-align:middle;margin:1px -5px;}.pager ul li .prev.the-end,.pager ul li .next.the-end{opacity:0.3;}.pager .num{display:inline-block;width:36px;height:36px;text-align:center;line-height:38px;vertical-align:top;margin:0 8px;}.pager .text{width:64px;height:36px;line-height:26px;text-align:center;border:1px solid #f4f4f4;background-color:#f4f4f4;font-size:14px;padding-left:9px;padding-right:9px;box-sizing:border-box;margin-left:9px;margin-right:14px;border-radius:50px;}.pager .text.wh{background-color:#fff;}.pager .text.bk-line{border-color:#000;}header,#content,footer{width:100%;float:left;clear:both;min-width:480px;}header,#content,footer{width:100%;float:left;clear:both;position:relative;min-width:480px;}header{position:relative;z-index:3;}header .container .inner .main .main-wrapper{position:relative;text-align:right;font-size:0 !important;}header .container .inner .main .main-wrapper .logo{position:absolute;left:0;top:0;width:100%;height:100%;top:33px;height:100px;width:323px;background:url(/img/vinoti-garden-logo.svg) no-repeat center;}header .container .inner .main .main-wrapper .top{position:relative;}header .container .inner .main .main-wrapper .top nav{font-size:0 !important;background-color:#c4beb6;position:relative;padding:0 5px;box-sizing:border-box;display:inline-block;vertical-align:top;}header .container .inner .main .main-wrapper .top nav .h-fix{height:48px;}header .container .inner .main .main-wrapper .top nav .page-menu,header .container .inner .main .main-wrapper .top nav .website-tool,header .container .inner .main .main-wrapper .top nav .lang{position:relative;display:inline-block;vertical-align:middle;padding:0 20px;padding-right:12px;box-sizing:border-box;}header .container .inner .main .main-wrapper .top nav .page-menu li,header .container .inner .main .main-wrapper .top nav .website-tool li,header .container .inner .main .main-wrapper .top nav .lang li{display:inline-block;vertical-align:middle;padding:0 10.5px;box-sizing:border-box;}header .container .inner .main .main-wrapper .top nav .page-menu:before,header .container .inner .main .main-wrapper .top nav .website-tool:before,header .container .inner .main .main-wrapper .top nav .lang:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;top:4px;width:1px;height:17px;background-color:#fff;}header .container .inner .main .main-wrapper .top nav .page-menu li{padding:0 16px;padding-left:6px;box-sizing:border-box;}header .container .inner .main .main-wrapper .top nav .page-menu li a{display:inline-block;vertical-align:top;font-size:14px;padding:9px 0 3px;padding-left:27px;color:#3d3d3d;letter-spacing:0.5px;box-sizing:border-box;background:url(/img/1/d/home-button.svg) no-repeat left center;border-bottom:1px solid transparent;}header .container .inner .main .main-wrapper .top nav .page-menu li a.current,header .container .inner .main .main-wrapper .top nav .page-menu li a:hover{border-bottom-color:#3d3d3d;}header .container .inner .main .main-wrapper .top nav .page-menu li:nth-child(2) a{background:url(/img/1/d/location-button.svg) no-repeat left 2px top 7px;}header .container .inner .main .main-wrapper .top nav .page-menu li:nth-child(3) a{background:url(/img/1/d/contact-us-button.svg) no-repeat left center;}header .container .inner .main .main-wrapper .top nav .page-menu:before{background-color:transparent;}header .container .inner .main .main-wrapper .top nav .website-tool{padding-right:0;}header .container .inner .main .main-wrapper .top nav .website-tool li a{display:inline-block;vertical-align:middle;width:25px;height:25px;background:url(/img/1/d/search-button.svg) no-repeat left center;}header .container .inner .main .main-wrapper .top nav .website-tool li.open .search-area{display:block !important;}header .container .inner .main .main-wrapper .top nav .website-tool li:nth-child(1) .search-area{display:none;position:absolute;left:0;top:27px;transform:translate(-32%,0);width:254px;height:42px;padding:2px 2px;box-sizing:border-box;}header .container .inner .main .main-wrapper .top nav .website-tool li:nth-child(1) .search-area .search-wrapper{box-shadow:0px 0px 20px rgba(0,0,0,0.2);width:calc( 100% - 4px);border-radius:50px;overflow:hidden;}header .container .inner .main .main-wrapper .top nav .website-tool li:nth-child(1) .search-area .search-wrapper .search-input{display:inline-block;vertical-align:top;width:calc( 100% - 45px);height:38px;}header .container .inner .main .main-wrapper .top nav .website-tool li:nth-child(1) .search-area .search-wrapper .search-input #keyword{width:100%;height:38px;line-height:38px;padding-left:20px;box-sizing:border-box;font-size:14px;letter-spacing:-0.1px;vertical-align:top;background-color:#ececec;}header .container .inner .main .main-wrapper .top nav .website-tool li:nth-child(1) .search-area .search-wrapper .search-input #keyword::placeholder{color:#000;opacity:1;}header .container .inner .main .main-wrapper .top nav .website-tool li:nth-child(1) .search-area .search-wrapper .search-input #keyword:-ms-input-placeholder{color:#000;}header .container .inner .main .main-wrapper .top nav .website-tool li:nth-child(1) .search-area .search-wrapper .search-input #keyword::-ms-input-placeholder{color:#000;}header .container .inner .main .main-wrapper .top nav .website-tool li:nth-child(1) .search-area .search-wrapper .search-btn{display:inline-block;vertical-align:top;width:45px;height:38px;background:url(/img/1/d/search-button.svg) no-repeat center #ececec;}header .container .inner .main .main-wrapper .top nav .website-tool li:nth-child(2).open .member-area{display:block !important;}header .container .inner .main .main-wrapper .top nav .website-tool li:nth-child(2) a{background:url(/img/1/d/member-button.svg) no-repeat left center;}header .container .inner .main .main-wrapper .top nav .website-tool li:nth-child(2) .member-area{display:none;position:absolute;left:0;top:27px;transform:translate(-3%,0);width:200px;background-color:#fff;z-index:1;text-align:left;}header .container .inner .main .main-wrapper .top nav .website-tool li:nth-child(2) .member-area li{display:block;width:100%;padding:0;font-size:15px;font-weight:600;}header .container .inner .main .main-wrapper .top nav .website-tool li:nth-child(2) .member-area li a{display:block;width:100%;height:auto;background:none;font-size:14px;font-weight:300;padding:18px 19px 13px;box-sizing:border-box;letter-spacing:0.5px;}header .container .inner .main .main-wrapper .top nav .website-tool li:nth-child(2) .member-area li a:hover,header .container .inner .main .main-wrapper .top nav .website-tool li:nth-child(2) .member-area li a.current{background-color:#c4beb6;}header .container .inner .main .main-wrapper .top nav .website-tool li:nth-child(2) .member-area li.user{padding:18px 19px 12px;box-sizing:border-box;}header .container .inner .main .main-wrapper .top nav .website-tool li:nth-child(3) a{position:relative;background:url(/img/1/d/shopping-cart-button.svg) no-repeat left center;}header .container .inner .main .main-wrapper .top nav .website-tool li:nth-child(3) a span{display:inline-block;vertical-align:top;position:relative;top:-4px;right:-16px;font-size:10px;font-weight:300;color:#fff;background-color:#000;width:18px;height:18px;line-height:18px;text-align:center;border-radius:50%;}header .container .inner .main .main-wrapper .top nav .website-tool li.submenu-op{margin-left:14px;}header .container .inner .main .main-wrapper .top nav .website-tool li.submenu-op a{width:30px;border-radius:0;background:url(/img/nav-button.svg) no-repeat right center;}header .container .inner .main .main-wrapper .top nav:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;width:316px;left:-240px;background:url(/img/header-gradient.png) repeat-y #fff;}header .container .inner .main .main-wrapper .middle{padding-top:21px;box-sizing:border-box;}header .container .inner .main .main-wrapper .middle nav .link,header .container .inner .main .main-wrapper .middle nav .social{font-size:0 !important;display:inline-block;vertical-align:middle;}header .container .inner .main .main-wrapper .middle nav .link li,header .container .inner .main .main-wrapper .middle nav .social li{display:inline-block;vertical-align:middle;}header .container .inner .main .main-wrapper .middle nav .link li{margin:0 5px;}header .container .inner .main .main-wrapper .middle nav .link li a{display:inline-block;vertical-align:top;padding:6px 0;text-align:center;box-sizing:border-box;border:1px solid #5c6a56;border-radius:30px;width:190px;color:#5c6a56;}header .container .inner .main .main-wrapper .middle nav .link li a span{color:#5c6a56;font-size:14px;letter-spacing:0.5px;padding-right:18px;padding-left:5px;box-sizing:border-box;background:url(/img/arrow-green.svg) no-repeat right top 1px;}header .container .inner .main .main-wrapper .middle nav .social li{margin-left:10px;}header .container .inner .main .main-wrapper .middle nav .social li a{display:inline-block;vertical-align:top;width:36px;height:36px;background-position:center;background-color:#404040;border-radius:50%;}header .container .inner .main .main-wrapper .middle nav .social li.submenu-op{margin-left:14px;}header .container .inner .main .main-wrapper .middle nav .social li.submenu-op a{border-radius:0;background:url(/img/nav-button.svg) no-repeat right center;}header .container .inner .main .main-wrapper .bottom nav .main-menu{display:inline-block;vertical-align:middle;font-size:0 !important;padding:24px 0 13px;}header .container .inner .main .main-wrapper .bottom nav .main-menu li{padding-left:40.5px;box-sizing:border-box;}header .container .inner .main .main-wrapper .bottom nav .main-menu li a{display:inline-block;vertical-align:top;box-sizing:border-box;font-size:14px;letter-spacing:0.5px;color:#3d3d3d;padding-bottom:3px;border-bottom:1px solid transparent;}header .container .inner .main .main-wrapper .bottom nav .main-menu li a.current,header .container .inner .main .main-wrapper .bottom nav .main-menu li a:hover{border-bottom-color:#3d3d3d;}header:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;height:48px;width:50%;left:auto;right:0;z-index:-1;background-color:#c4beb6;}#content{min-height:500px;position:relative;}footer{background-color:#d2d2d2;}footer .container .inner .main .main-wrapper{padding:23px 0 29px;}footer .container .inner .main .main-wrapper .copyright{color:#3d3d3d;letter-spacing:0.5px;}footer .container .inner .main .main-wrapper .copyright a{color:#3d3d3d;}.mobile-nav{display:none;position:relative;position:fixed;z-index:99;background-color:#eee;height:100%;width:100%;left:0;right:0;top:0px;bottom:0;overflow-y:scroll;}.mobile-nav .mobile-logo{position:absolute;left:0;top:0;width:100%;height:100%;top:17px;left:20px;height:59px;width:189px;background:url(/img/vinoti-garden-logo.svg) no-repeat center;background-size:contain;}.mobile-nav .mobile-nav-container{padding:34px 0;box-sizing:border-box;overflow:hidden;}.mobile-nav .mobile-nav-container .page-menu,.mobile-nav .mobile-nav-container .website-tool,.mobile-nav .mobile-nav-container .lang{position:relative;box-sizing:border-box;}.mobile-nav .mobile-nav-container .page-menu li,.mobile-nav .mobile-nav-container .website-tool li,.mobile-nav .mobile-nav-container .lang li{display:inline-block;vertical-align:middle;padding:0 6px;box-sizing:border-box;}.mobile-nav .mobile-nav-container .page-menu{padding:25px 22px 25px 32px;text-align:center;}.mobile-nav .mobile-nav-container .page-menu li{padding:0 16px;padding-left:6px;box-sizing:border-box;}.mobile-nav .mobile-nav-container .page-menu li a{display:inline-block;vertical-align:top;font-size:14px;font-weight:300;padding:9px 0 3px;padding-left:27px;letter-spacing:0.5px;color:#3d3d3d;box-sizing:border-box;background:url(/img/1/d/home-button.svg) no-repeat left center;border-bottom:1px solid transparent;}.mobile-nav .mobile-nav-container .page-menu li a.current,.mobile-nav .mobile-nav-container .page-menu li a:hover{border-bottom-color:#3d3d3d;}.mobile-nav .mobile-nav-container .page-menu li:nth-child(2) a{background:url(/img/1/d/location-button.svg) no-repeat left center;}.mobile-nav .mobile-nav-container .page-menu li:nth-child(3) a{background:url(/img/1/d/contact-us-button.svg) no-repeat left center;}.mobile-nav .mobile-nav-container .page-menu:before{background-color:transparent;}.mobile-nav .mobile-nav-container .website-tool{text-align:right;padding-right:12px;padding-bottom:24px;}.mobile-nav .mobile-nav-container .website-tool li a{display:inline-block;vertical-align:middle;width:25px;height:25px;background:url(/img/1/d/search-button.svg) no-repeat left center;}.mobile-nav .mobile-nav-container .website-tool li:nth-child(2) a{background:url(/img/1/d/member-button.svg) no-repeat left center;}.mobile-nav .mobile-nav-container .website-tool li:nth-child(3) a{position:relative;background:url(/img/1/d/shopping-cart-button.svg) no-repeat left center;}.mobile-nav .mobile-nav-container .website-tool li:nth-child(3) a span{display:inline-block;vertical-align:top;position:relative;top:-4px;right:-16px;font-size:10px;font-weight:300;color:#fff;background-color:#000;width:18px;height:18px;line-height:18px;text-align:center;border-radius:50%;}.mobile-nav .mobile-nav-container .website-tool li:nth-child(4){margin-left:26px;padding:0 9px;}.mobile-nav .mobile-nav-container .website-tool li:nth-child(4) a{position:relative;background:url(/img//1/m/close-button.svg) no-repeat center;}.mobile-nav .mobile-nav-container .search-area{background-color:#e3e3e3;padding:8px 20px;box-sizing:border-box;}.mobile-nav .mobile-nav-container .search-area .search-wrapper{box-shadow:0px 0px 10px rgba(0,0,0,0.2);width:100%;border-radius:50px;overflow:hidden;}.mobile-nav .mobile-nav-container .search-area .search-wrapper .search-input{display:inline-block;vertical-align:top;width:calc( 100% - 45px);height:38px;}.mobile-nav .mobile-nav-container .search-area .search-wrapper .search-input #mobile_keyword{width:100%;height:38px;line-height:38px;padding-left:20px;box-sizing:border-box;font-size:14px;letter-spacing:-0.1px;vertical-align:top;background-color:#ececec;}.mobile-nav .mobile-nav-container .search-area .search-wrapper .search-input #mobile_keyword::placeholder{color:#000;opacity:1;}.mobile-nav .mobile-nav-container .search-area .search-wrapper .search-input #mobile_keyword:-ms-input-placeholder{color:#000;}.mobile-nav .mobile-nav-container .search-area .search-wrapper .search-input #mobile_keyword::-ms-input-placeholder{color:#000;}.mobile-nav .mobile-nav-container .search-area .search-wrapper .search-btn{display:inline-block;vertical-align:top;width:45px;height:38px;background:url(/img/1/d/search-button.svg) no-repeat center #ececec;}.mobile-nav .mobile-nav-container .link,.mobile-nav .mobile-nav-container .social{font-size:0 !important;display:block;text-align:center;}.mobile-nav .mobile-nav-container .link li,.mobile-nav .mobile-nav-container .social li{display:inline-block;vertical-align:middle;}.mobile-nav .mobile-nav-container .link li{display:block;width:100%;margin:0 0 24px;}.mobile-nav .mobile-nav-container .link li a{display:inline-block;vertical-align:top;padding:6px 0;text-align:center;box-sizing:border-box;border:1px solid #5c6a56;border-radius:30px;width:190px;color:#5c6a56;}.mobile-nav .mobile-nav-container .link li a span{color:#5c6a56;font-size:14px;font-weight:300;letter-spacing:0.5px;padding-right:18px;padding-left:5px;box-sizing:border-box;background:url(/img/arrow-green.svg) no-repeat right center;}.mobile-nav .mobile-nav-container .social{padding:30px 0;}.mobile-nav .mobile-nav-container .social li{margin:0 5px;}.mobile-nav .mobile-nav-container .social li a{display:inline-block;vertical-align:top;width:36px;height:36px;background-position:center;background-color:#404040;border-radius:50%;}.mobile-nav .mobile-nav-container .social li.submenu-op{margin-left:14px;}.mobile-nav .mobile-nav-container .social li.submenu-op a{border-radius:0;background:url(/img/nav-button.svg) no-repeat right center;}.mobile-nav .mobile-nav-container .mobile-menu{list-style:none;margin-top:64px;margin-bottom:30px;}.mobile-nav .mobile-nav-container .mobile-menu li{display:block;position:relative;text-align:center;margin-top:34px;}.mobile-nav .mobile-nav-container .mobile-menu li a{box-sizing:border-box;display:inline-block;vertical-align:top;font-size:14px;line-height:25px;color:#3d3d3d;border-bottom:1px solid transparent;letter-spacing:0.5px;}.mobile-nav .mobile-nav-container .mobile-menu li a:hover,.mobile-nav .mobile-nav-container .mobile-menu li a.current{border-bottom-color:#3d3d3d;}.popup{display:none;background-color:rgba(0,0,0,0.8);position:fixed;top:0;left:0;height:100%;width:100%;z-index:100;padding:20px;box-sizing:border-box;}.popup .popup-container{max-width:1200px;width:100%;min-height:418px;margin:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:69px 0;box-sizing:border-box;}.popup .popup-container .wrapper{text-align:center;height:100%;}.popup .popup-container .wrapper .main-pop{overflow:hidden;height:100%;}.popup .popup-container .wrapper .main-pop .content{text-align:left;height:100%;padding:80px 60px 110px;box-sizing:border-box;background-color:#fff;}.popup .popup-container .wrapper .main-pop .close{position:absolute;left:0;top:0;width:100%;height:100%;width:50px;height:50px;right:0;text-align:center;margin:auto;background-color:;border-radius:50%;}.popup .popup-container .wrapper .main-pop .close img{width:50px;height:50px;}.popup-about{display:none;background-color:rgba(0,0,0,0.8);position:fixed;top:0;left:0;height:100%;width:100%;z-index:100;padding:20px;box-sizing:border-box;}.popup-about .popup-container{max-width:1200px;width:100%;min-height:418px;margin:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:69px 0;box-sizing:border-box;}.popup-about .popup-container .wrapper{text-align:center;height:100%;}.popup-about .popup-container .wrapper .main-pop{overflow:hidden;height:100%;}.popup-about .popup-container .wrapper .main-pop .content{text-align:left;height:100%;padding:80px 60px 110px;box-sizing:border-box;background-color:#fff;}.popup-about .popup-container .wrapper .main-pop .content .content-wrapper{margin-top:13px;}.popup-about .popup-container .wrapper .main-pop .close{position:absolute;left:0;top:0;width:100%;height:100%;width:50px;height:50px;right:0;text-align:center;margin:auto;background-color:;border-radius:50%;}.popup-about .popup-container .wrapper .main-pop .close img{width:50px;height:50px;}.popup-reset{display:none;background-color:rgba(0,0,0,0.8);position:fixed;top:0;left:0;height:100%;width:100%;z-index:100;padding:20px;box-sizing:border-box;}.popup-reset .popup-container{max-width:580px;width:100%;min-height:450px;margin:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:69px 0;box-sizing:border-box;}.popup-reset .popup-container .wrapper{text-align:center;height:100%;}.popup-reset .popup-container .wrapper .main-pop{overflow:hidden;height:100%;}.popup-reset .popup-container .wrapper .main-pop .content{text-align:left;height:100%;padding:80px 60px 110px;box-sizing:border-box;background-color:#fff;}.popup-reset .popup-container .wrapper .main-pop .content .reset-form form{display:block;width:100%;max-width:380px;margin:auto;text-align:left;}/*953795e33e25c16a067bcfa2a5842f5b*/.popup-reset .popup-container .wrapper .main-pop .content .reset-form form .form-title{font-size:32px;color:#354030;letter-spacing:1px;}.popup-reset .popup-container .wrapper .main-pop .content .reset-form form .form-subtitle{margin-top:27px;margin-bottom:18px;position:relative;}.popup-reset .popup-container .wrapper .main-pop .content .reset-form form .form-subtitle .left{letter-spacing:0.65px;font-weight:300;}.popup-reset .popup-container .wrapper .main-pop .content .reset-form form .form-subtitle .right{height:16px;width:100%;position:absolute;right:0;top:2px;}.popup-reset .popup-container .wrapper .main-pop .content .reset-form form .form-subtitle .right .msg{display:inline-block;vertical-align:top;letter-spacing:0.5px;font-weight:300;font-size:14px;}.popup-reset .popup-container .wrapper .main-pop .content .reset-form form .form-subtitle .right .msg.static-message{position:absolute;right:0;color:#685740;}.popup-reset .popup-container .wrapper .main-pop .content .reset-form form .form-subtitle .right .msg.static-message:before{content:'* ';display:inline-block;vertical-align:middle;}.popup-reset .popup-container .wrapper .main-pop .content .reset-form form .row:not(.form-title):not(.form-subtitle):not(.button-container){margin-top:14px;}.popup-reset .popup-container .wrapper .main-pop .content .reset-form form .row:not(.form-title):not(.form-subtitle):not(.button-container) .col{position:relative;box-sizing:border-box;}.popup-reset .popup-container .wrapper .main-pop .content .reset-form form .row:not(.form-title):not(.form-subtitle):not(.button-container) .col.required .label:after{content:' *';}.popup-reset .popup-container .wrapper .main-pop .content .reset-form form .row:not(.form-title):not(.form-subtitle):not(.button-container) .col .label{text-align:left;letter-spacing:0.7px;color:#3d3d3d;}.popup-reset .popup-container .wrapper .main-pop .content .reset-form form .row:not(.form-title):not(.form-subtitle):not(.button-container) .col .input-wrapper{text-align:left;margin-top:4px;}.popup-reset .popup-container .wrapper .main-pop .content .reset-form form .row:not(.form-title):not(.form-subtitle):not(.button-container) .col .input-wrapper .forget-pw{display:block;color:#3d3d3d !important;font-size:14px;font-weight:600;letter-spacing:0.6px;text-decoration:underline;padding:2px 0;}.popup-reset .popup-container .wrapper .main-pop .content .reset-form form .row:not(.form-title):not(.form-subtitle):not(.button-container) .col .input-wrapper .input{width:100%;line-height:40px;font-size:16px;height:40px;box-sizing:border-box;padding:0 18px;border:1px solid #d9d9d9;border-radius:20px;}.popup-reset .popup-container .wrapper .main-pop .content .reset-form form .row:not(.form-title):not(.form-subtitle):not(.button-container) .col .input-wrapper .input.area{width:100%;height:134px;border-radius:20px;box-sizing:border-box;padding:10px;}.popup-reset .popup-container .wrapper .main-pop .content .reset-form form .row:not(.form-title):not(.form-subtitle):not(.button-container) .col .input-wrapper.error .input{border-color:#6e1a2e;}.popup-reset .popup-container .wrapper .main-pop .content .reset-form form .row:not(.form-title):not(.form-subtitle):not(.button-container) .col.col-6{padding:0 10px;}.popup-reset .popup-container .wrapper .main-pop .content .reset-form form .row:not(.form-title):not(.form-subtitle):not(.button-container) .col.col-6:nth-child(odd){padding-left:0;}.popup-reset .popup-container .wrapper .main-pop .content .reset-form form .row:not(.form-title):not(.form-subtitle):not(.button-container) .col.col-6:nth-child(odd).required:after{right:30px;}.popup-reset .popup-container .wrapper .main-pop .content .reset-form form .row:not(.form-title):not(.form-subtitle):not(.button-container) .col.col-6:nth-child(even){padding-right:0;}.popup-reset .popup-container .wrapper .main-pop .content .reset-form form .success-message,.popup-reset .popup-container .wrapper .main-pop .content .reset-form form .error-message{display:none;text-align:center;letter-spacing:0.4px;color:#6e1a2e;font-size:14px;line-height:47px;height:0;}.popup-reset .popup-container .wrapper .main-pop .content .reset-form form .success-message:before,.popup-reset .popup-container .wrapper .main-pop .content .reset-form form .error-message:before{content:'* ';}.popup-reset .popup-container .wrapper .main-pop .content .reset-form form .success-message{display:block;color:initial;}.popup-reset .popup-container .wrapper .main-pop .content .reset-form form .button-outer{max-width:590px;margin:auto;padding-top:30px;}.popup-reset .popup-container .wrapper .main-pop .content .reset-form form .button-outer .button-container{width:100%;}.popup-reset .popup-container .wrapper .main-pop .content .reset-form form .button-outer .button-container .col{display:inline-block;vertical-align:top;width:100%;margin-right:10px;box-sizing:border-box;}.popup-reset .popup-container .wrapper .main-pop .content .reset-form form .button-outer .button-container .col .slider-submit{background-color:#d8d8d8;position:relative;height:46px;line-height:46px;text-align:left;border-radius:25px;width:100%;}.popup-reset .popup-container .wrapper .main-pop .content .reset-form form .button-outer .button-container .col .slider-submit .submit{position:absolute;text-align:center;width:200px;color:#fff;background:url(/img/submit-button.svg) no-repeat right 18px center #5c6a56;background-size:20px;letter-spacing:1px;display:block;border-radius:25px;z-index:1;}.popup-reset .popup-container .wrapper .main-pop .content .reset-form form .button-outer .button-container .col .slider-submit .label{color:#393939;font-size:14px;padding-left:211px;letter-spacing:0.6px;box-sizing:border-box;}.popup-reset .popup-container .wrapper .main-pop .close{position:absolute;left:0;top:0;width:100%;height:100%;width:50px;height:50px;right:0;text-align:center;margin:auto;background-color:;border-radius:50%;}.popup-reset .popup-container .wrapper .main-pop .close img{width:50px;height:50px;}.popup-map{display:none;background-color:rgba(0,0,0,0.8);position:fixed;top:0;left:0;height:100%;width:100%;z-index:100;padding:20px;box-sizing:border-box;}.popup-map .popup-container{max-width:1060px;margin:auto;position:relative;width:100%;}.popup-map .popup-container .wrapper{text-align:center;margin-top:120px;}.popup-map .popup-container .wrapper .main-pop{overflow:hidden;padding:69px 40px;box-sizing:border-box;}.popup-map .popup-container .wrapper .main-pop .content-wrapper .map-wrapper{position:relative;width:100%;}.popup-map .popup-container .wrapper .main-pop .content-wrapper .map-wrapper img{width:100%;height:auto;}.popup-map .popup-container .wrapper .main-pop .content-wrapper .map-wrapper .map{position:absolute;left:0;top:0;width:100%;height:100%;}.popup-map .popup-container .wrapper .main-pop .content-wrapper .map-wrapper .map img{width:100%;}.popup-map .popup-container .wrapper .main-pop .close{position:absolute;left:0;top:0;width:100%;height:100%;width:50px;height:50px;right:0;text-align:center;margin:auto;border-radius:50%;}.popup-map .popup-container .wrapper .main-pop .close img{width:50px;height:50px;}.theme-title{font-family:'Quattrocento', serif;position:relative;font-size:38px;color:#354030;letter-spacing:1.5px;padding:12px 0;padding-left:57px;box-sizing:border-box;background:url(/img/1/d/title-logo.png) no-repeat left top 5px;}.theme-inner-title{position:relative;}.theme-inner-title span{font-size:28px;font-weight:700;color:;letter-spacing:0.4px;background-color:#fff;padding-right:11px;box-sizing:border-box;}.theme-inner-title:after{content:'';background:url(/img/title-line.png) no-repeat right bottom;width:100%;height:2px;position:absolute;bottom:8px;left:0;z-index:-1;}.btn{display:inline-block;vertical-align:top;max-width:238px;text-align:center;padding:11px 0;width:100%;letter-spacing:0.6px;color:#fff !important;background-color:#5c6a56;border-radius:30px;}.btn:hover{color:#fff !important;}.btn:after{content:'';background:url(/img/1/arrow-white.svg) no-repeat center;width:24px;height:24px;border-radius:50%;display:inline-block;vertical-align:middle;margin-left:1px;margin-right:-20px;}.detail-btn{color: !important;font-size:15px;margin-top:1px;letter-spacing:0.2px;}.detail-btn:after{content:'';display:inline-block;vertical-align:middle;background:url(/img/view-all-icon.svg) no-repeat center ;width:24px;height:24px;border-radius:50%;margin-top:-4px;margin-left:11px;margin-right:3px;}.ui-effects-transfer{display:inline-block;vertical-align:top;z-index:1;background:url(/img/1/d/shopping-cart-button-green.svg) no-repeat center #ececec;background-size:contain;max-width:25px;max-height:25px;border-radius:50%;margin-left:30px;}.quattrocento{font-family:'Quattrocento', serif;}@media screen and (max-width: 1199px){header .container .inner .main .main-wrapper .logo{top:25px;height:69px;width:222px;background:url(/img/vinoti-garden-logo.svg) no-repeat center;background-size:contain;}header .container .inner .main .main-wrapper .top nav .h-fix{height:54px;}header .container .inner .main .main-wrapper .top nav .page-menu:before,header .container .inner .main .main-wrapper .top nav .website-tool:before,header .container .inner .main .main-wrapper .top nav .lang:before{width:0;}header .container .inner .main .main-wrapper .top nav .website-tool li:nth-child(2) .member-area{left:auto;right:0;transform:none;}header .container .inner .main .main-wrapper .middle{padding-top:15px;padding-bottom:14px;}header:after{height:54px;width:20px;}footer .container .inner{padding-left:30px;padding-right:30px;}footer .container .inner .main .main-wrapper{padding:25px 0 23px;}footer .container .inner .main .main-wrapper .copyright{font-size:14px;letter-spacing:0.45px;}footer .container .inner .main .main-wrapper .copyright a{font-size:14px;}.graduate-popup .popup-container .wrapper .main-pop .content .card .card-left{display:block;text-align:left;}.graduate-popup .popup-container .wrapper .main-pop .content .card .card-right{display:block;width:100%;padding-left:0;}.theme-title{padding-left:54px;background:url(/img/1/d/title-logo.png) no-repeat left top 7px;background-size:42px 49px;}.btn{max-width:208px;padding:8px 0;width:100%;letter-spacing:0.6px;font-size:14px;}.btn:after{margin-right:-15px;}}@media screen and (max-width: 767px){header .container .inner{padding-right:10px;}header .container .inner .main .main-wrapper .logo{position:absolute;left:0;top:0;width:100%;height:100%;top:17px;height:59px;width:189px;background:url(/img/vinoti-garden-logo.svg) no-repeat center;background-size:contain;}header .container .inner .main .main-wrapper .top nav{background-color:#fff;position:relative;padding:0 5px;box-sizing:border-box;display:inline-block;vertical-align:top;}header .container .inner .main .main-wrapper .top nav .h-fix{height:90px;}header .container .inner .main .main-wrapper .top nav .page-menu,header .container .inner .main .main-wrapper .top nav .website-tool,header .container .inner .main .main-wrapper .top nav .lang{position:relative;display:inline-block;vertical-align:middle;padding:0 20px;padding-right:12px;box-sizing:border-box;}header .container .inner .main .main-wrapper .top nav .page-menu li,header .container .inner .main .main-wrapper .top nav .website-tool li,header .container .inner .main .main-wrapper .top nav .lang li{display:inline-block;vertical-align:middle;padding:0 6px;box-sizing:border-box;}header .container .inner .main .main-wrapper .top nav .page-menu:before,header .container .inner .main .main-wrapper .top nav .website-tool:before,header .container .inner .main .main-wrapper .top nav .lang:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;top:4px;width:1px;height:17px;background-color:#fff;}header .container .inner .main .main-wrapper .top nav .website-tool{padding-right:0;}header .container .inner .main .main-wrapper .top nav .website-tool li.submenu-op{margin-left:26px;padding:0 5px;}header .container .inner .main .main-wrapper .top nav .website-tool li.submenu-op a{width:30px;background:url(/img/nav-button.svg) no-repeat right center;}header .container .inner .main .main-wrapper .top nav:before{width:0;left:auto;background:none;}header .container .inner .main .main-wrapper .top:after{left:auto;background-color:#fff;}header:after{width:0;}footer .container .inner{padding-left:20px;padding-right:20px;}footer .container .inner .main .main-wrapper{padding:25px 0 26px;}footer .container .inner .main .main-wrapper .copyright{font-size:14px;letter-spacing:0.45px;}footer .container .inner .main .main-wrapper .copyright a{font-size:14px;}.theme-title{font-size:32px;padding:3px 0;padding-left:45px;background:url(/img/1/m/title-logo.png) no-repeat left top 0;background-size:34px 40px;}}.page-wrapper{background-color:#ececec;}.page-wrapper .container .inner{padding-top:57px;overflow:hidden;padding-bottom:80px;}.page-wrapper .container .inner .main .main-wrapper{min-height:300px;}.page-wrapper .container .inner .main .main-wrapper .list .list-wrapper{padding:26px 0 10px;}.page-wrapper .container .inner .main .main-wrapper .list .list-wrapper .card{display:inline-block;vertical-align:top;width:373px;margin-bottom:50px;}.page-wrapper .container .inner .main .main-wrapper .list .list-wrapper .card .img-wrapper img{width:100%;height:auto;}.page-wrapper .container .inner .main .main-wrapper .list .list-wrapper .card .detail-wrapper{padding:24px 0 26px;}.page-wrapper .container .inner .main .main-wrapper .list .list-wrapper .card .detail-wrapper .card-name{font-size:22px;font-weight:300;color:#3d3d3d;letter-spacing:0.9px;}.page-wrapper .container .inner .main .main-wrapper .list .list-wrapper .card .detail-wrapper .card-price{margin-top:17px;font-weight:300;color:#737373;letter-spacing:0.4px;}.page-wrapper .container .inner .main .main-wrapper .list .list-wrapper .card .btn-wrapper .add-btn{display:inline-block;vertical-align:top;max-width:172px;padding:6px 0;padding-left:35px;box-sizing:border-box;letter-spacing:0.6px;color:#5c6a56 !important;background-color:transparent;position:relative;border:1px solid #5c6a56;}.page-wrapper .container .inner .main .main-wrapper .list .list-wrapper .card .btn-wrapper .add-btn:hover{color:#5c6a56 !important;}.page-wrapper .container .inner .main .main-wrapper .list .list-wrapper .card .btn-wrapper .add-btn:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;top:calc( 50% - 14px);left:22px;background:url(/img/1/d/shopping-cart-button-green.svg) no-repeat center;width:28px;height:28px;border-radius:0;display:inline-block;vertical-align:middle;margin-left:2px;margin-right:-20px;margin-top:-1px;}.page-wrapper .container .inner .main .main-wrapper .no-record{position:relative;text-align:center;padding:50px 0;font-weight:bold;font-size:16px;}