:root{--banner-width:400px;--gap:40px;--page-max-width:calc(var(--banner-width) + var(--gap) + var(--wrap-size));--fixed-left:calc((100vw - var(--page-max-width))/2 + var(--banner-width) + var(--gap));--fixed-width:calc(var(--page-max-width) - var(--banner-width) - var(--gap) + 10px)}body.on_layer.guest{padding-top:70px}.guest.on_layer .top_fix_wrap{top:55px!important}.contents-wrapper{position:relative}body.guest .contents-wrapper .contents_inner{max-height:420px;overflow:hidden;position:relative}body:not(.on_layer) .kakaoBtn{display:none}.guest .top_fix_wrap h1{max-height:46px}.on_layer .openMore.act{left:50%;transform:translateX(-50%)}body.guest .contents-wrapper .content-block-overlay{align-items:center;background:linear-gradient(hsla(0,0%,100%,0),#fff);bottom:0;display:flex;flex-direction:column;height:160px;justify-content:flex-end;left:0;padding-bottom:20px;position:absolute;width:100%;z-index:10}body.guest .contents-wrapper .block-message{background:hsla(0,0%,100%,.96);border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.15);padding:14px 18px;text-align:center}body.guest .contents-wrapper .join-btn{background:#007bff;border-radius:6px;color:#fff;display:inline-block;font-size:15px;margin-top:8px;padding:10px 18px;text-decoration:none}body:not(.guest) .contents-wrapper .contents_inner{max-height:none;overflow:visible}.guest .guest_hidden,body:not(.guest) .contents-wrapper .content-block-overlay{display:none}body.on_layer .top_fix_wrap{background-color:#fff;left:50%;position:fixed;top:0;transform:translateX(-50%);width:100%;z-index:302!important}.guest .wrap.searchWrap2{margin-top:40px}.guest .videoWrap{margin-top:31px}.guest .detailPage.reviewpage{margin-top:30px}body.on_layer .main-contents-wrap>.wrap{margin-top:50px}.guest .foryou_detail_topImgBox{margin-top:30px}.guest .fryustickymenu{top:100px}body:not(.guest) .videoWrap{margin-top:54px}.guestTopBanner{display:none}.guest.on_layer .contentsWrap{margin-top:30px}.guest:not(.on_layer) .contentsWrap,.guest:not(.on_layer) .videoWrap{margin-top:50px}.top_fix_wrap{background-color:#fff;left:0;position:fixed;top:0;width:100%;z-index:101}@media screen and (min-width:1024px){body,html{margin:0;padding:0}.left-banner{display:none}.main-contents-wrap{margin:0 auto;max-width:600px;min-height:100vh;padding:0 16px;position:relative}.frame_outer{backface-visibility:hidden;background-color:#fff;height:100%;left:0;opacity:0;position:fixed;top:0;transform:translate3d(100%,0,0);transition:transform .5s ease,opacity .5s ease;width:100%;will-change:transform,opacity;z-index:9999}.frame_outer.show{opacity:1;transform:translateZ(0)}.frame_outer iframe{border:0;height:100%;width:100%}body.guest{border:1px solid #e5e5e5}.guest .guestTopBanner{display:block;left:0;margin:0 auto;max-width:var(--wrap-size);right:0;top:47px;z-index:302}body{max-width:100%}body:not(.on_layer) header.main,body:not(.on_layer) header.shopmain{top:0}body:not(.on_layer) header.main,body:not(.on_layer) header.shopmain,body:not(.on_layer) nav.main{left:var(--fixed-left);max-width:var(--wrap-size);position:fixed;transform:none;width:var(--wrap-size)}body:not(.on_layer) nav.main{bottom:0}body:not(.on_layer) nav.main:before{left:0;transform:none}.guest:not(.on_layer) .top_fix_wrap{background-color:#fff;left:var(--fixed-left);max-width:var(--wrap-size);position:fixed;top:0;transform:none;width:var(--wrap-size);z-index:101}body:not(.on_layer) .main-contents-wrap{box-shadow:0 0 50px rgba(0,0,0,.3);box-sizing:border-box;left:calc((100vw - var(--page-max-width))/2 + var(--banner-width) + var(--gap));margin:0;max-width:var(--wrap-size);padding:0 16px;position:relative;width:var(--wrap-size)}body:not(.on_layer) .left-banner{display:block;left:calc((100vw - var(--page-max-width))/2);position:fixed;top:50%;transform:translateY(-50%);width:var(--banner-width);z-index:999}.app_btn{display:flex;justify-content:space-around;margin:25px auto}.left-banner .coupon_banner img{margin:0 auto;max-height:63vh;max-width:100%;width:auto}.left-banner .app_btn img{max-width:180px;width:100%}.left-banner .qrcode img{max-height:20vh;max-width:400px;width:auto}body:not(.on_layer) .frame_outer{height:100%;left:calc((100vw - var(--page-max-width))/2 + var(--banner-width) + var(--gap) - 10px);top:0;width:calc(var(--page-max-width) - var(--banner-width) - var(--gap) + 10px)}body.on_layer .left-banner{display:none}body.on_layer .main-contents-wrap{margin:0;max-width:none;padding-left:0}body.on_layer .frame_outer{left:0;width:100%}.goWriteBtn{left:calc(var(--fixed-left) + var(--wrap-size) - 63px)}.overlay{left:var(--fixed-left);width:var(--fixed-width)}.my_information_window,body .main-contents-wrap>.wrap.communityWrap_n{margin-top:53px}body.on_layer.guest{max-width:calc(var(--page-max-width) - var(--banner-width) - var(--gap) + 10px)}div:where(.swal2-container).swal2-center>.swal2-popup{max-width:400px}.ft_community_detail.ft_community_detail_1{left:var(--fixed-left);max-width:var(--wrap-size);transform:none;width:var(--wrap-size)}.guest .goTopBtn{display:none}.guest:not(.on_layer) .wrap.communityDetailWrap{margin-top:50px!important;padding-top:10px}}@media screen and (max-width:1023px){body .left-banner{display:none!important}.guest .main-contents-wrap,body.on_layer.guest .top_fix_wrap{max-width:calc(var(--page-max-width) - var(--banner-width) - var(--gap) + 10px)}body.on_layer.guest .top_fix_wrap{background-color:#fff;left:50%;position:fixed;top:55px!important;transform:translateX(-50%);width:100%;z-index:302!important}.menuWrap.act{left:0;max-width:100%;width:100%}}@media screen and (max-width:600px){.guest .contentsWrap{margin-top:27px}}