.cont-wrap{background:#f5fafa;margin-bottom:0;padding-bottom:110px}.sub-title-area{text-align:center;justify-content:center;padding-top:180px;display:flex}.sub-title-area h1{font-family:Pretendard-b;font-size:45px}.sub-title-area .red{color:#d45a52}.sub-title-area p{margin-top:25px;font-size:20px}.postwar-area{justify-content:center;padding-top:80px;display:flex}.postwar-area .desc{text-align:center;margin-bottom:40px;font-size:20px}.postwar-area .desc span{margin-top:4px;font-size:.7em;display:block}.postwar-area .cont{flex-wrap:wrap;width:100%;margin:0 auto;display:flex}.postwar-empty{text-align:center;color:#777;width:100%;padding:80px 0;font-size:18px}.postwar-area .cont-mo{display:none}.postwar-area .cont .item{cursor:pointer;width:calc(33.3333% - 12px);margin-bottom:40px;margin-right:18px}.postwar-area .cont .item:nth-of-type(3n){margin-right:0}.postwar-area .cont .item .is-img{position:relative}.postwar-area .cont .item .is-img:before{opacity:0;content:"";background:#000000b3 url(/img_up/shop_pds/nanabrcenter/design/assets/images/postwar/icon.png) 50% no-repeat;width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:0}.postwar-area .cont .item .is-img:hover:before{opacity:1}.postwar-area .cont .item .is-img:after{content:"";backdrop-filter:blur(6px);width:50%;height:100%;display:block;position:absolute;top:0;right:0}.postwar-area .cont .item .is-img img{width:100%}.postwar-area .cont-mo .is-img{cursor:pointer;position:relative}.postwar-area .cont-mo .is-img:after{content:"";backdrop-filter:blur(6px);width:50%;height:100%;display:block;position:absolute;top:0;right:0}.postwar-area .cont-mo .is-img img{width:100%;display:block}.postwar-pop{z-index:1005;visibility:hidden;background:#000c;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.postwar-pop.active{visibility:visible;display:flex}.postwar-pop .cont{background:#fff;width:100%;max-width:852px;padding:40px;position:relative}.postwar-pop .cont .swiper-slide img{width:100%}.postwar-pop .cont-sm{width:100%;max-width:780px;margin-top:30px}.postwar-pop .cont-sm .swiper-slide{cursor:pointer;border:2px solid #0000}.postwar-pop .cont-sm .swiper-slide.swiper-slide-thumb-active{border:2px solid #fff}.postwar-pop .cont-sm .swiper-slide img{width:100%}.postwar-pop .close-btn{color:#fff;cursor:pointer;border:2px solid #fff;border-radius:5px;justify-content:center;align-items:center;width:40px;height:40px;font-size:26px;transition:transform 1s cubic-bezier(.645,.045,.355,1);display:flex;position:absolute;top:-25px;right:-25px;box-shadow:0 0 5px 3px #0003}.is-pagenation{justify-content:center;align-items:center;margin-top:30px;display:flex}.is-pagenation .ui-pagenate{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:inline-flex}.is-pagenation .ui-pagenate .dir{color:#888;font-family:Pretendard-r;font-size:18px;line-height:1}.is-pagenation .ui-pagenate .dir span{justify-content:center;align-items:center;display:flex}.is-pagenation .ui-pagenate a,.is-pagenation .ui-pagenate strong{color:#888;background:0 0;border:1px solid #0000;border-radius:2px;justify-content:center;align-items:center;min-width:36px;height:36px;margin:0;padding:0 10px;font-family:Pretendard-r;font-size:14px;font-weight:400;line-height:1;text-decoration:none;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.is-pagenation .ui-pagenate strong{color:#b08968;background:0 0;border-color:#b08968;font-family:Pretendard-b;font-weight:600}.is-pagenation .ui-pagenate i{color:#1c1c1c}.is-pagenation .ui-pagenate a{color:#888}.is-pagenation .ui-pagenate a:hover{color:#222;background:#fafafa;border-color:#ccc}@media (width<=992px){.postwar-pop{padding:0 15px}.postwar-area .cont .item{width:calc(50% - 7.5px);margin-bottom:15px;margin-right:15px}.postwar-area .cont .item:nth-of-type(3n){margin-right:15px}.postwar-area .cont .item:nth-of-type(2n){margin-right:0}.postwar-pop .close-btn{top:-50px;right:0}}@media (width<=768px){.sub-title-area{padding-top:100px}.sub-title-area h1{font-size:30px}.sub-title-area p{margin-top:15px;font-size:14px}.postwar-area{padding-top:15.625vw}.postwar-area .cont{display:none}.postwar-area .cont-mo{display:block}.postwar-area .cont-mo+.cont-mo{margin-top:9.1146vw}.is-pagenation{margin-top:7.8125vw}.is-pagenation .ui-pagenate a,.is-pagenation .ui-pagenate strong{min-width:32px;height:32px;padding:0 8px;font-size:14px}.is-pagenation .ui-pagenate .dir,.is-pagenation .ui-pagenate i{font-size:15px}}
