.template-container{margin:80px 0 0;height:auto;min-height:600px;justify-content:flex-start;z-index:101}.template-container,.template-container .top-content{position:relative;width:100%;min-width:1240px;display:flex;flex-direction:column;align-items:center;background-color:#fff}.template-container .top-content{max-width:1600px;height:300px;justify-content:center;gap:10px}.template-container .top-content:before{left:-300px;top:-410px}.template-container .top-content:after,.template-container .top-content:before{display:block;content:"";position:absolute;width:681px;height:681px;background:radial-gradient(50% 50% at 50% 50%,rgba(187,107,217,.3) 0,rgba(99,57,115,0) 100%)}.template-container .top-content:after{right:-306px;top:0}.template-container .top-content .text-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.template-container .top-content .text-container .top-title{font-family:Russo One,Pretendard,Noto Sans KR,sans-serif;font-size:26px;line-height:26px;position:relative;font-weight:700;background:linear-gradient(60deg,#16bff3,#5f86f2,#a65ff2,#f25fd0,#f25f61,#f2cb5f,#81f52e);background-clip:text;-webkit-background-clip:text;color:transparent;animation:coloring 10s infinite alternate;background-size:300% 300%;background-position:0 50%}.template-container .top-content .text-container .title{width:100%;height:auto;font-size:32px;line-height:32px;color:#000;font-weight:700;display:flex;justify-content:center;align-items:center}.template-container .top-content .text-container .sub-title{width:auto;height:50px;font-weight:400;color:#333;text-align:center;display:flex;justify-content:center;align-items:center;overflow:visible}.template-container .top-content .text-container .sub-title span{position:relative;display:inline-block;width:auto;min-width:2px;height:25px;font-size:25px;line-height:25px;padding:0 3px;color:#333;text-align:center;border-right:2px solid transparent;overflow:visible}.template-container .top-content .text-container .sub-title span:before{position:absolute;left:-25px;top:-10px;content:"“";font-size:50px;line-height:50px;padding-right:3px;padding-top:5px;color:#bb6bd9;font-family:Nanum Myeongjo,Times New Roman,Pretendard}.template-container .top-content .text-container .sub-title span:after{position:absolute;right:-30px;top:-5px;content:"”";font-size:50px;line-height:50px;padding-left:3px;color:#bb6bd9;font-family:Nanum Myeongjo,Times New Roman,Pretendard}.template-container .top-content .text-container .sub-title span.blink-caret{border-right-color:#333;animation-play-state:paused;opacity:0}.template-container .top-content .text-container .sub-title span.blink-caret.hide-caret{border-right-color:transparent;animation-play-state:paused}.template-container .top-content .text-container .sub-title span.blink-caret.active{animation:blink-caret 1s step-start 0s infinite}.template-container .top-content .text-container .sub-title span.fade-out{opacity:0;transition:opacity .5s ease-in-out}.template-container .top-content .text-container .sub-title span.fade-in{opacity:1;transition:opacity .5s ease-in-out}@keyframes blink-caret{0%{border-right-color:#333}50%{border-right-color:transparent}to{border-right-color:#333}}.template-container .top-content .text-container .sub-title-data{width:auto;height:40px;font-weight:400;color:#333;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;display:none}.template-container .top-content .text-container .sub-title-data span{font-size:14px;line-height:14px;color:#666;text-align:center}.template-container .main-content{position:relative;background:repeating-linear-gradient(90deg,transparent,transparent 99px,#a9a9a9 100px);background-color:#a78fd4}.template-container .main-content,.template-container .main-content .main-content-bg{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px}.template-container .main-content .main-content-bg{padding:50px 0;background:repeating-linear-gradient(transparent,transparent 99px,#a9a9a9 100px)}.template-container .main-content .main-content-bg .category-content{position:relative;width:100%;max-width:1600px;min-width:1200px;padding:10px 20px;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}.template-container .main-content .main-content-bg .category-content.hide{display:none}.template-container .main-content .main-content-bg .category-content .title{width:100%;height:40px;font-size:18px;font-weight:700;color:#fff;padding-left:10px;border-left:5px solid #fff;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #fff}.template-container .main-content .main-content-bg .category-content .title span{display:inline-block;width:auto;text-align:left;font-size:20px;color:inherit;background-color:#a78fd4;padding:0 10px 0 0;z-index:101}.template-container .main-content .main-content-bg .category-content .title button.more-s{position:relative;width:auto;height:30px;line-height:30px;font-size:16px;color:#fff;border:1px solid transparent;border-radius:25px;background-color:transparent;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center;padding:0 15px 0 30px}.template-container .main-content .main-content-bg .category-content .title button.more-s.hide{display:none}.template-container .main-content .main-content-bg .category-content .title button.more-s:hover{border:1px solid #fff}.template-container .main-content .main-content-bg .category-content .title button.more-s:active{border:1px solid #fff;background-color:hsla(0,0%,100%,.2)}.template-container .main-content .main-content-bg .category-content .title button.more-s:after{position:absolute;display:block;left:0;top:0;width:28px;height:28px;content:"";background-image:url(/images/renewal/content_images/btn_more.svg);background-size:24px 24px;background-position:50%;background-repeat:no-repeat;border-radius:24px}.template-container .main-content .main-content-bg .category-content .template-item-container{width:100%;height:auto;display:flex;flex-direction:row;flex-wrap:wrap;overflow:visible;gap:20px 1.2%;justify-content:flex-start;align-items:flex-start}.template-container .main-content .main-content-bg .category-content .template-item-container .template-item{position:relative;width:19%;max-width:19%;height:auto;background-color:#fff;padding:0;display:flex;justify-content:center;align-items:center;font-size:14px;color:#333;box-shadow:0 0 10px rgba(0,0,0,.16);border-radius:6px;overflow:hidden}.template-container .main-content .main-content-bg .category-content .template-item-container .template-item:hover{box-shadow:0 0 12px rgba(0,0,0,.2);transform:translateY(-5px);transition:transform .3s ease-in-out}.template-container .main-content .main-content-bg .category-content .template-item-container .template-item.hide{display:none;opacity:0}.template-container .main-content .main-content-bg .category-content .template-item-container .template-item.show{opacity:0}.template-container .main-content .main-content-bg .category-content .template-item-container .template-item.fade-in{transition:opacity 2s ease-in-out;opacity:1}.template-container .main-content .main-content-bg .category-content .template-item-container .template-item.empty{height:1px;min-height:1px;max-height:1px;opacity:0}.template-container .main-content .main-content-bg .category-content .template-item-container .template-item.gray-out{transition:all .3s ease-in-out;filter:grayscale(100%);opacity:.5}.template-container .main-content .main-content-bg .category-content .template-item-container .template-item.gray-out:hover{filter:grayscale(0);opacity:1}.template-container .main-content .main-content-bg .category-content .template-item-container .template-item .template-item-thumb-box{width:100%;padding:15px;height:auto;max-height:600px;min-height:100px;border-radius:5px;overflow:hidden}.template-container .main-content .main-content-bg .category-content .template-item-container .template-item .template-item-thumb-box img{width:100%;height:100%;object-fit:contain;border-radius:5px}.template-container .main-content .main-content-bg .category-content .template-item-container .template-item .template-item-title{width:100%;height:40px;line-height:40px;font-size:18px;color:#333;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:#f4f4f4;display:flex;justify-content:space-evenly;align-items:center}.template-container .main-content .main-content-bg .category-content .template-item-container .template-item .template-item-title span.page-cnt{width:auto;height:20px;line-height:20px;border-radius:15px;background-color:silver;color:#fff;font-size:17px;font-weight:400;overflow:hidden}.template-container .main-content .main-content-bg .category-content .template-item-container .template-item .template-item-title span.name{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:transparent;color:#333;text-align:center}.template-container .main-content .main-content-bg .category-content .template-item-container .template-item .template-item-title span.page-cnt+span.name{text-align:center;width:calc(100% - 50px);padding-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-container .main-content .main-content-bg .category-content .template-item-container .more-templates{width:100%;height:50px;line-height:30px;font-size:14px;font-weight:700;color:#333;border-radius:5px;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center}.template-container .main-content .main-content-bg .category-content .template-item-container .more-templates.hide{display:none}.template-container .main-content .main-content-bg .category-content .template-item-container .more-templates button.more{position:relative;width:300px;height:50px;line-height:30px;font-size:18px;color:#fff;border:1px solid #fff;border-radius:25px;background-color:transparent;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center;padding-left:25px}.template-container .main-content .main-content-bg .category-content .template-item-container .more-templates button.more:hover{background-color:hsla(0,0%,100%,.3);box-shadow:0 0 8px hsla(0,0%,100%,.3)}.template-container .main-content .main-content-bg .category-content .template-item-container .more-templates button.more:active{background-color:hsla(0,0%,100%,.2);box-shadow:0 2px 4px hsla(0,0%,100%,.3)}.template-container .main-content .main-content-bg .category-content .template-item-container .more-templates button.more:after{position:absolute;display:block;left:0;top:0;width:48px;height:48px;content:"";background-image:url(/images/renewal/content_images/btn_more.svg);background-size:32px 32px;background-position:50%;background-repeat:no-repeat;border-radius:25px}.template-search-form{position:absolute;top:350px;left:50%;transform:translateX(-50%);width:700px;height:60px;display:flex;justify-content:center;align-items:center;gap:10px;z-index:110;border-radius:35px;background:hsla(0,0%,100%,.5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);box-shadow:1px 1px 5px rgba(0,0,0,.5);padding:0 10px}.template-search-form input[type=text]{width:calc(100% - 60px);height:40px;padding:0 50px 0 20px;font-size:20px;font-weight:400;color:#333;border:0;background-color:#f2f2f2;border-radius:20px;outline:none;transition:all .3s ease;text-align:center}.template-search-form input[type=text]:focus{border-color:#bb6bd9;background-color:#e9e9e9}.template-search-form input[type=text]::placeholder{color:#ccc;font-size:18px}.template-search-form button{width:40px;height:40px;font-size:16px;font-weight:700;color:#fff;border:1px solid #bb6bd9;border-radius:50%;background-color:#e1aaf6;cursor:pointer;transition:all .3s ease}.template-search-form button:hover{background-color:#a052d1;border-color:#a052d1}.template-search-form button:active{background-color:#8b3fae;border-color:#8b3fae;transform:translateY(2px)}.template-search-form button:focus{outline:none}.template-search-form button.btn-search{background-image:url(/images/renewal/btn_search.svg);background-size:100% 100%;background-position:50%;background-repeat:no-repeat}.template-search-form button.clear{position:absolute;right:75px;width:22px;height:22px;font-size:16px;font-weight:700;color:#666;border-radius:50%;background-color:#c6c6c6;cursor:pointer;transition:all .3s ease;background-image:url(/images/renewal/content_images/btn_close.svg);background-size:20px 20px;background-position:50%;background-repeat:no-repeat;border:none}.template-search-form button.clear:hover{color:#333;border-color:#999;background-color:#b2b2b2}.template-search-form button.clear:active{transform:translateY(2px)}.template-search-form button.clear:focus{outline:none}.template-search-result-message{position:absolute;top:414px;left:calc(50% - 25px);transform:translateX(-50%);width:700px;height:60px;display:flex;justify-content:center;align-items:center;gap:10px;z-index:110;color:#fff;font-size:20px;opacity:0;transition:opacity .5s ease-in-out}.template-search-result-message.active{opacity:1;animation:shake .5s;animation-iteration-count:2}@keyframes shake{0%{transform:translateX(-50%) translateX(0) rotate(0)}25%{transform:translateX(-50%) translateX(-10px) rotate(-5deg)}50%{transform:translateX(-50%) translateX(10px) rotate(5deg)}75%{transform:translateX(-50%) translateX(-10px) rotate(-5deg)}to{transform:translateX(-50%) translateX(0) rotate(0)}}