@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Russo+One&display=swap";*{box-sizing:border-box;-webkit-box-sizing:border-box;margin:0;padding:0;font-family:Pretendard,Noto Sans KR,sans-serif;letter-spacing:.02em;font-weight:500;line-height:18px;color:#333}*,html{font-size:16px}html{font-family:Pretendard,sans-serif}a{text-decoration:none;color:inherit}body{margin:0;padding:0;overflow-x:hidden;overflow-y:auto}.color-object,body{background-color:#fff}.color-object{color:#bb6bd9;border:1px solid #bb6bd9;display:flex;justify-content:center;align-items:center;border-radius:25px;padding:11px 24px;cursor:pointer}.color-object.sub{color:#fff;background-color:#bb6bd9;border:1px solid #bb6bd9}.color-object:hover{box-shadow:0 0 2px 2px rgba(201,42,233,.2)}.body-container{position:relative;margin:auto;width:100%;min-width:1240px;height:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;z-index:100}.body-container .header-container{position:fixed;top:0;width:100%;min-width:1240px;height:80px;background:#fff;border-bottom:1px solid #cbcbcb;box-shadow:0 2px 4px rgba(0,0,0,.12);display:flex;justify-content:center;align-items:center;z-index:110}.body-container .header-container .header{width:1200px;height:100%;display:flex;justify-content:space-between;align-items:center}.body-container .header-container .header .logo{width:203px;height:52px;background-image:url(/images/renewal/logo_text.svg);background-size:contain;background-repeat:no-repeat;background-position:50%}.body-container .header-container .header .menu{width:auto;height:42px;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:15px}.body-container .header-container .header .menu .menu-link{width:174px;height:100%;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:20px}.body-container .header-container .header .menu .menu-link .menu-text{position:relative;padding:11px 24px;border:1px solid transparent;cursor:pointer}.body-container .header-container .header .menu .menu-link .menu-text:hover:before{position:absolute;left:0;top:0;right:0;bottom:0;display:block;content:"";border-radius:20px;background-color:rgba(0,0,0,.05);border:1px solid #e2e2e2}.body-container .header-container .header .menu .menu-link .menu-text:active:before{background-color:rgba(0,0,0,.1)}.body-container .header-container .header .menu .menu-button{position:relative;width:auto;height:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.body-container .header-container .header .menu .menu-button .btn-login-container{position:relative}.body-container .header-container .header .menu .menu-button button{width:auto;height:auto;padding:11px 24px;transition:all .3s ease-in-out}.body-container .header-container .header .menu .menu-button button.user-info{padding-left:50px;max-width:250px;min-width:160px;width:160px;height:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.body-container .header-container .header .menu .menu-button button.user-info+.user-image{display:block}.body-container .header-container .header .menu .menu-button .user-image{position:absolute;left:0;top:0;height:42px;width:42px;border-radius:50%;border:1px solid #bb6bd9;background-color:#f2f2f2;background-image:url(/images/renewal/default_avatar.svg);background-size:cover;display:none}.body-container .header-container .header .menu .menu-button.loading button{cursor:not-allowed;background-color:#fdf4ff;animation:loading-btn 1.3s ease-in-out infinite;color:transparent;border:0;padding-left:50px;max-width:250px;min-width:160px;width:160px;height:100%}@keyframes loading-btn{0%{background-color:#fdf4ff}50%{background-color:#e3bef0}to{background-color:#fdf4ff}}.body-container .main-container{margin:80px 0;min-width:1240px;z-index:101}.body-container .main-container,.body-container .main-container .main{position:relative;width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.body-container .main-container .main{min-height:1500px;gap:100px}.body-container .main-container .main .top-content{position:relative;width:1200px;height:552px;padding:120px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.body-container .main-container .main .top-content:before{left:-300px;top:-180px}.body-container .main-container .main .top-content:after,.body-container .main-container .main .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%)}.body-container .main-container .main .top-content:after{right:-306px;top:211px}.body-container .main-container .main .top-content .title p{width:auto;height:auto;font-size:54px;font-weight:700;color:#333;text-align:center;line-height:150%}.body-container .main-container .main .top-content .title p span.point{font-size:inherit;font-weight:inherit;color:#bb6bd9}.body-container .main-container .main .top-content .title p span.idea{position:relative;font-size:30px;font-weight:700;background-image:linear-gradient(90deg,#ffe100 0,#04f800 25%,#bb6bd9 50%,#6bafd9 75%,#113d9b);background-clip:text;-webkit-background-clip:text;color:transparent;padding:0 0 0 5px}.body-container .main-container .main .top-content .sub-title p{width:auto;height:auto;font-size:20px;font-weight:400;color:#333;text-align:center;line-height:150%}.body-container .main-container .main .top-content .button-area{margin-top:40px;width:auto;height:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.body-container .main-container .main .top-content .button-area button{padding:11px 60px}.body-container .main-container .main .top-content2{position:relative;width:1200px;height:465px;padding:80px 100px 20px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;overflow:visible}.body-container .main-container .main .top-content2:before{display:block;content:"";position:absolute;width:681px;height:681px;left:-300px;top:-180px;background:radial-gradient(50% 50% at 50% 50%,rgba(187,107,217,.3) 0,rgba(99,57,115,0) 100%);animation:move 10s infinite alternate;animation-delay:1s}@keyframes move{0%{left:-300px;top:-180px}to{left:0;top:-280px}}.body-container .main-container .main .top-content2:after{display:block;content:"";position:absolute;width:681px;height:681px;right:-306px;top:211px;background:radial-gradient(50% 50% at 50% 50%,rgba(187,107,217,.3) 0,rgba(99,57,115,0) 100%);animation:move2 9s infinite alternate;animation-delay:3s}@keyframes move2{0%{right:-306px;top:211px}to{right:-106px;top:111px}}.body-container .main-container .main .top-content2 .text-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px}.body-container .main-container .main .top-content2 .text-container .title{width:100%;height:auto}.body-container .main-container .main .top-content2 .text-container .title p{width:auto;height:auto;font-size:60px;font-weight:700;color:#333;line-height:150%;text-align:center}.body-container .main-container .main .top-content2 .text-container .title p span.point{font-size:inherit;font-weight:inherit;color:#bb6bd9}.body-container .main-container .main .top-content2 .text-container .title p.idea{position:relative;font-size:35px;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%}@keyframes coloring{0%{background-position:0 50%}to{background-position:100% 50%}}.body-container .main-container .main .top-content2 .text-container .sub-title{width:100%}.body-container .main-container .main .top-content2 .text-container .sub-title p{width:auto;height:auto;font-size:25px;font-weight:400;color:#333;text-align:center;line-height:150%}.body-container .main-container .main .top-content2 button.btn-join{width:200px;height:200px;background-color:#bb6bd9;display:flex;flex-direction:column;place-items:center;justify-content:center;border-radius:50%;cursor:pointer;font-size:32px;color:#fff;line-height:150%;border:0;z-index:102;transition:all .3s ease-in-out;animation:pulse 2s infinite}.body-container .main-container .main .top-content2 button.btn-join:hover{animation-play-state:paused;transform:scale(1.1)}.body-container .main-container .main .top-content2 button.btn-join:active{box-shadow:0 0 2px 2px rgba(201,42,233,.3);transform:scale(1.05)}.body-container .main-container .main .content1{width:1200px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px}.body-container .main-container .main .content1 .title{height:40px}.body-container .main-container .main .content1 .title p{width:auto;height:auto;text-align:center;line-height:150%}.body-container .main-container .main .content1 .title p span{position:relative;font-size:32px;font-weight:700;color:#333}.body-container .main-container .main .content1 .title p span.logo-text{width:auto;padding:0 5px 0 45px;color:#bb6bd9;font-family:Russo One,Pretendard,Noto Sans KR,sans-serif}.body-container .main-container .main .content1 .title p span.logo-text:before{position:absolute;left:0;top:0;content:"";display:inline-block;width:40px;height:40px;background-image:url(/images/renewal/sketchmon-logo.png);background-size:contain;background-repeat:no-repeat;background-position:0;margin-right:10px}.body-container .main-container .main .content1 .sub-title p{width:auto;height:auto;font-size:22px;font-weight:500;color:#bb6bd9;text-align:center;line-height:150%}.body-container .main-container .main .content1 .content-box-list{margin-top:20px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:50px}.body-container .main-container .main .content1 .content-box-list .content-box{width:100%;height:auto;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.12);border-radius:4px;padding:28px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.body-container .main-container .main .content1 .content-box-list .content-box.wide{flex-direction:column;gap:0}.body-container .main-container .main .content1 .content-box-list .content-box .image-box{width:562px;height:313px;border-radius:4px;background-color:#f9f9f9;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:30px}.body-container .main-container .main .content1 .content-box-list .content-box .image-box img{width:100%;height:100%}.body-container .main-container .main .content1 .content-box-list .content-box .image-box.wide{width:100%;height:auto;padding:30px}.body-container .main-container .main .content1 .content-box-list .content-box .image-box.ai-box-bg{position:relative;width:100%;height:460px;padding:10px 70px 0 40px;background-image:url(/images/renewal/content_images/ai_bg.webp);background-size:70% 70%;background-repeat:no-repeat;background-position:50%;background-color:#fff;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.body-container .main-container .main .content1 .content-box-list .content-box .image-box.ai-box-bg .ai-files{width:150px;height:150px;background-image:url(/images/renewal/content_images/ai_input_files.png);background-size:100% 100%;background-repeat:no-repeat;background-position:50%;display:flex;justify-content:center;align-items:center}.body-container .main-container .main .content1 .content-box-list .content-box .image-box.ai-box-bg .ai-circle{width:200px;height:200px;border-radius:50%;background:linear-gradient(45deg,rgba(187,0,255,.9),rgba(255,255,0,.7) 50%,rgba(13,17,244,.9));display:flex;justify-content:center;align-items:center;box-shadow:0 0 15px rgba(163,0,188,.3);border:3px solid rgba(187,0,255,.2)}.body-container .main-container .main .content1 .content-box-list .content-box .image-box.ai-box-bg .ai-circle p{color:#b0f;font-size:27px;font-weight:700;line-height:150%;text-align:center;text-shadow:0 0 15px hsla(0,0%,100%,.7)}.body-container .main-container .main .content1 .content-box-list .content-box .image-box.ai-box-bg .ai-circle p span{font-size:40px;font-weight:700;line-height:150%;text-align:center;text-shadow:0 0 15px hsla(0,0%,100%,.7);background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(90deg,#bb6bd9 0,#0fda19 55%,#113d9b);color:transparent}.body-container .main-container .main .content1 .content-box-list .content-box .image-box.ai-box-bg .ai-result{position:relative;width:300px;height:400px;background-image:url(/images/renewal/content_images/ai_result1.png);background-size:100% 100%;background-repeat:no-repeat;background-position:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 0 10px rgba(187,0,255,.2);border:1px solid rgba(187,0,255,.5)}.body-container .main-container .main .content1 .content-box-list .content-box .image-box.ai-box-bg .ai-result .ai-result2{position:absolute;left:20px;bottom:-20px;width:340px;height:200px;background-image:url(/images/renewal/content_images/ai_result2.png);background-size:100% 100%;background-repeat:no-repeat;background-position:50%;box-shadow:0 0 10px rgba(187,0,255,.2);border:1px solid rgba(187,0,255,.5)}.body-container .main-container .main .content1 .content-box-list .content-box .image-box.row{position:relative;width:100%;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:0;height:auto;background-color:#fff}.body-container .main-container .main .content1 .content-box-list .content-box .image-box.row .image-item{width:562px;height:auto;border:0}.body-container .main-container .main .content1 .content-box-list .content-box .image-box.row .image-item img{border-radius:5px;border:1px solid #e9e9e9;width:100%;height:100%;object-fit:cover}.body-container .main-container .main .content1 .content-box-list .content-box .image-box.row .image-item.big{position:relative;width:662px;overflow:visible}.body-container .main-container .main .content1 .content-box-list .content-box .image-box.row .image-item.big:after{position:absolute;right:-100px;top:50%;transform:translateY(-50%);display:block;content:"";width:84px;height:84px;background-image:url(/images/renewal/content_images/ico_arrow_right.svg);background-size:contain;background-repeat:no-repeat;background-position:0}.body-container .main-container .main .content1 .content-box-list .content-box .image-box.row .image-item.small{width:362px}.body-container .main-container .main .content1 .content-box-list .content-box .image-box.row .mov-box{width:562px;height:325px;overflow:hidden}.body-container .main-container .main .content1 .content-box-list .content-box .image-box.row .mov-box.square{position:relative;width:562px;height:420px;overflow:hidden;box-shadow:0 0 10px rgba(187,0,255,.2);border:1px solid rgba(187,0,255,.5);padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.body-container .main-container .main .content1 .content-box-list .content-box .image-box.row .mov-box.square .box{width:520px;height:100%;position:relative;overflow:hidden;border-radius:4px;border:1px solid #c2c2c2}.body-container .main-container .main .content1 .content-box-list .content-box .image-box.row .mov-box.square .box video{position:absolute;top:-60px;width:520px;height:520px}.body-container .main-container .main .content1 .content-box-list .content-box .image-box.full-image-item{width:562px;height:auto;border-radius:4px;overflow:hidden;display:block;padding:20px 5px;background-color:#fff}.body-container .main-container .main .content1 .content-box-list .content-box .image-box.full-image-item.big{width:662px}.body-container .main-container .main .content1 .content-box-list .content-box .image-box.full-image-item img{width:100%;border-radius:5px;border:1px solid #e9e9e9}.body-container .main-container .main .content1 .content-box-list .content-box .image-box .image-item{width:159px;width:auto;height:226px;border-radius:4px;overflow:hidden}.body-container .main-container .main .content1 .content-box-list .content-box .image-box .image-item img{height:100%;object-fit:cover;border:1px solid #e9e9e9;border-radius:4px}.body-container .main-container .main .content1 .content-box-list .content-box .image-box .image-item.full-wide{width:100%;height:auto}.body-container .main-container .main .content1 .content-box-list .content-box .image-box .multi-line-image-item{width:159px;height:226px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:5px}.body-container .main-container .main .content1 .content-box-list .content-box .image-box .multi-line-image-item .image-item{width:161px;height:107px}.body-container .main-container .main .content1 .content-box-list .content-box .image-box .multi-line-image-item .image-item img{width:100%;height:100%;object-fit:cover;border:1px solid #e9e9e9;border-radius:4px}.body-container .main-container .main .content1 .content-box-list .content-box .desc-box{position:relative;width:562px;height:auto;border-radius:4px;display:flex;flex-direction:column;justify-content:flex-start;gap:20px;padding:40px 20px 20px}.body-container .main-container .main .content1 .content-box-list .content-box .desc-box .multi-line-box{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px;padding:20px}.body-container .main-container .main .content1 .content-box-list .content-box .desc-box.small{width:462px}.body-container .main-container .main .content1 .content-box-list .content-box .desc-box.wide{width:100%;height:auto;padding:0;flex-direction:row}.body-container .main-container .main .content1 .content-box-list .content-box .desc-box.left{align-items:flex-end;text-align:right}.body-container .main-container .main .content1 .content-box-list .content-box .desc-box.right{align-items:flex-start}.body-container .main-container .main .content1 .content-box-list .content-box .desc-box.right.narrow{width:540px;padding:0;gap:5px;align-items:flex-end}.body-container .main-container .main .content1 .content-box-list .content-box .desc-box .abs_area{position:relative;top:0;left:0;right:0;bottom:0;width:100%;height:420px}.body-container .main-container .main .content1 .content-box-list .content-box .desc-box .abs_area img.formula1{position:absolute;left:0;top:0;width:300px;height:180px;object-fit:cover;border-radius:25px;border:1px solid rgba(90,90,90,.5);box-shadow:0 0 10px rgba(187,0,255,.2)}.body-container .main-container .main .content1 .content-box-list .content-box .desc-box .abs_area img.formula2{position:absolute;right:0;bottom:0;width:300px;height:180px;object-fit:cover;background-color:#fff;border-radius:25px;border:1px solid rgba(187,0,255,.5);box-shadow:0 0 10px rgba(187,0,255,.2)}.body-container .main-container .main .content1 .content-box-list .content-box .desc-box .abs_area .vertical-line{position:absolute;left:10px;top:50%;width:1px;height:100%;background-color:rgba(90,90,90,.2);transform:translateY(-50%)}.body-container .main-container .main .content1 .content-box-list .content-box .desc-box .abs_area:after{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(60deg);display:block;content:"";width:84px;height:84px;background-image:url(/images/renewal/content_images/ico_arrow_right.svg);background-size:contain;background-repeat:no-repeat;background-position:0;opacity:.8}.body-container .main-container .main .content1 .content-box-list .content-box .desc-box .number-item{width:52px;height:52px;border-radius:4px;background-color:#bb6bd9;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:24px;color:#fff;margin-bottom:25px}.body-container .main-container .main .content1 .content-box-list .content-box .desc-box .title-item{width:auto;height:40px;font-size:32px;font-weight:700;display:flex;justify-content:flex-start;align-items:center}.body-container .main-container .main .content1 .content-box-list .content-box .desc-box .title-item.ai-mark-title{position:relative;padding:0 0 0 50px}.body-container .main-container .main .content1 .content-box-list .content-box .desc-box .title-item.ai-mark-title:before{position:absolute;left:0;top:0;display:block;content:"";width:36px;height:36px;background-image:url(/images/renewal/nav_ai_magic_star.svg);background-size:contain;background-repeat:no-repeat;background-position:50%}.body-container .main-container .main .content1 .content-box-list .content-box .desc-box .sub-title-item{width:100%;height:auto;font-size:18px;font-weight:400}.body-container .main-container .main .content1 .content-box-list .content-box .desc-box .sub-title-item p{margin:10px 0;line-height:170%;font-size:18px}.body-container .main-container .main .content1 .content-box-list .content-box .desc-box .sub-title-item p.point{color:#0058ff}.body-container .main-container .main .content1 .content-box-list .content-box .under-line-box1{position:absolute;bottom:-25px;left:0;width:562px;height:2px;background-color:rgba(188,107,217,.427)}.body-container .main-container .main .content1 .content-box-list .content-box .under-line-box2{position:absolute;bottom:-25px;right:0;width:540px;height:2px;background-color:rgba(188,107,217,.427)}.body-container .main-container .main .content1 .content-box-list .content-box .mov-box{width:562px;border-radius:5px;overflow:hidden;border:1px solid #f2f2f2;line-height:0;background-color:#fff}.body-container .main-container .main .content1 .content-box-list .content-box .mov-box video{width:100%;border-radius:5px}.body-container .main-container .main .content1 .content-box-list .movie-box{width:100%;height:auto;filter:drop-shadow(0 0 20px rgba(0,0,0,.12));border-radius:4px;background-color:#bb6bd9;display:flex;justify-content:center;align-items:center;overflow:hidden;border:1px solid #d9d9d9}.body-container .main-container .main .content1 .content-box-list .movie-box video{width:1200px;height:759px;object-fit:cover}.body-container .main-container .main .content2{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:120px 0;gap:60px;background:repeating-linear-gradient(90deg,transparent,transparent 49px,#a9a9a9 50px),repeating-linear-gradient(transparent,transparent 49px,#a9a9a9 50px);background-color:#a78fd4}.body-container .main-container .main .content2 .frame-container{width:1600px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:60px}.body-container .main-container .main .content2 .frame-container .text-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px}.body-container .main-container .main .content2 .frame-container .text-container .top-title{font-family:Russo One,Pretendard,Noto Sans KR,sans-serif;font-size:24px;color:#fff;font-weight:700}.body-container .main-container .main .content2 .frame-container .text-container .title{font-size:32px;color:#fff;font-weight:700}.body-container .main-container .main .content2 .frame-container .text-container .sub-title{margin-top:15px;font-size:22px;color:#fff;font-weight:500}.body-container .main-container .main .content2 .frame-container .template-list-container{width:100%;height:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:30px 5px}.body-container .main-container .main .content2 .frame-container .template-list-container .template-item{width:380px;height:auto;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.16);border-radius:6px;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.body-container .main-container .main .content2 .frame-container .template-list-container .template-item .thumb-list{width:100%;height:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.body-container .main-container .main .content2 .frame-container .template-list-container .template-item .thumb-list.detail-page .thumb-item{width:165px;height:232px;border-radius:4px;overflow:hidden}.body-container .main-container .main .content2 .frame-container .template-list-container .template-item .thumb-list.detail-page .thumb-item img{width:100%;height:100%;object-fit:cover}.body-container .main-container .main .content2 .frame-container .template-list-container .template-item .thumb-list .thumb-list-col{width:165px;height:auto;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:10px}.body-container .main-container .main .content2 .frame-container .template-list-container .template-item .thumb-list .thumb-list-col .thumb-item{width:165px;height:110px;border-radius:4px;overflow:hidden}.body-container .main-container .main .content2 .frame-container .template-list-container .template-item .thumb-list .thumb-list-col .thumb-item img{height:100%;object-fit:cover}.body-container .main-container .main .content2 .frame-container .template-list-container .template-item .thumb-list .thumb-list-col.card-news{height:auto}.body-container .main-container .main .content2 .frame-container .template-list-container .template-item .thumb-list .thumb-list-col.card-news .thumb-item,.body-container .main-container .main .content2 .frame-container .template-list-container .template-item .thumb-list .thumb-list-col.edu .thumb-item{height:165px}.body-container .main-container .main .content2 .frame-container .template-list-container .template-item .thumb-list .thumb-list-col.edu .thumb-item img{width:100%;height:unset;object-fit:cover}.body-container .main-container .main .content2 .frame-container .template-list-container .template-item .thumb-list .thumb-list-col.detail .thumb-item{height:165px}.body-container .main-container .main .content2 .frame-container .template-list-container .template-item .thumb-list .thumb-list-col.detail .thumb-item img{width:100%;height:100%;object-fit:cover}.body-container .main-container .main .content2 .frame-container .template-list-container .template-item .thumb-list .thumb-list-col.web-content .thumb-item{position:relative;height:165px}.body-container .main-container .main .content2 .frame-container .template-list-container .template-item .thumb-list .thumb-list-col.web-content .thumb-item img{width:100%;height:unset;object-fit:cover}.body-container .main-container .main .content2 .frame-container .template-list-container .template-item .thumb-list .thumb-item{width:165px;height:232px;border-radius:4px;overflow:hidden}.body-container .main-container .main .content2 .frame-container .template-list-container .template-item .thumb-list .thumb-item.mobile-msg{height:340px}.body-container .main-container .main .content2 .frame-container .template-list-container .template-item .thumb-list .thumb-item img{width:100%;object-fit:cover;border:1px solid #e2e2e2;border-radius:4px}.body-container .main-container .main .content2 .frame-container .template-list-container .template-item .catetory-info{width:100%;height:30px;font-size:22px;font-weight:600;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.body-container .main-container .main .content2 .frame-container .template-list-container .template-item .catetory-info .name{font-size:22px;font-weight:600}.body-container .main-container .main .content2 .frame-container .template-list-container .template-item .catetory-info button.more{font-size:0;width:40px;height:40px;background-image:url(/images/renewal/arrow-right.svg);background-size:contain;background-repeat:no-repeat;background-position:50%;border:0;background-color:unset}.body-container .main-container .main .content3{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px}.body-container .main-container .main .content3 .title-container{width:1200px;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}.body-container .main-container .main .content3 .title-container .title{font-size:22px;font-weight:500;color:#bb6bd9}.body-container .main-container .main .content3 .title-container .sub-title{width:auto;height:auto;font-size:32px;font-weight:700;color:#333}.body-container .main-container .main .content3 .content-container{position:relative;width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;overflow:hidden}.body-container .main-container .main .content3 .content-container .template-list{width:auto;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:10px 20px;gap:20px;animation:moveslide 120s linear Infinite}.body-container .main-container .main .content3 .content-container .template-list:hover{animation-play-state:paused}.body-container .main-container .main .content3 .content-container .template-list a.normal{cursor:default}.body-container .main-container .main .content3 .content-container .template-list a.link{cursor:pointer}.body-container .main-container .main .content3 .content-container .template-list.second .template-item .template-item-thumb-box img{height:150px}.body-container .main-container .main .content3 .content-container .template-list .template-item{position:relative;width:auto;height:auto;border-radius:10px;line-height:0;display:flex;flex-direction:row;overflow:hidden}.body-container .main-container .main .content3 .content-container .template-list .template-item .template-item-thumb-box{position:relative;display:flex;flex-direction:row;width:auto;height:100%;border-radius:10px;overflow:hidden}.body-container .main-container .main .content3 .content-container .template-list .template-item .template-item-thumb-box img{position:relative;height:250px;border-radius:10px;border:1px solid #d9d9d9}.body-container .main-container .main .content3 .content-container .template-list .template-item .template-item-thumb-box:after{position:absolute;left:0;top:0;right:0;bottom:0;display:block;content:"";border-radius:10px;background:linear-gradient(0deg,#fff,hsla(0,0%,100%,0) 50%,hsla(0,0%,100%,0))}.body-container .main-container .main .content3 .content-container .template-list .template-item .template-item-title{display:none}.body-container .main-container .main .content3 .content-container .template-list .template-item:hover{box-shadow:0 0 3px 1px rgba(0,0,0,.2)}.body-container .main-container .main .content3 .content-container .template-list .template-item:hover .template-item-thumb-box:after{background:unset}.body-container .main-container .main .content3 .content-container .template-list .template-item .flow-mark{position:absolute;top:10px;left:10px;width:40px;height:40px;border-radius:50%;background-size:70%;background-image:url(/images/sketchmon-3object.svg);background-position:50%;background-repeat:no-repeat;background-color:#fff;box-shadow:0 0 3px rgba(0,0,0,.3)}@keyframes moveslide{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.body-container .main-container .main .content3 .content-container .btn-slide-container{position:absolute;width:100%;height:1px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;overflow:visible;top:50%;transform:translateY(-50%)}.body-container .main-container .main .content3 .content-container .btn-slide-container .btn-slide{width:48px;height:48px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease-in-out;background-size:24px 24px;background-image:url(/images/renewal/btn_slide.svg);background-position:50%;background-repeat:no-repeat;border:0;box-shadow:0 0 1px 1px rgba(0,0,0,.3);background-color:#fff;opacity:0}.body-container .main-container .main .content3 .content-container .btn-slide-container .btn-slide.hide{opacity:0;transform:translateX(-50px)}.body-container .main-container .main .content3 .content-container .btn-slide-container .btn-slide.show{opacity:1;transform:unset}.body-container .main-container .main .content3 .content-container .btn-slide-container .btn-slide:hover{box-shadow:0 0 2px 2px rgba(0,0,0,.3);transform:scale(1.1)}.body-container .main-container .main .content3 .content-container .btn-slide-container .btn-slide:active{box-shadow:0 0 1px 1px rgba(0,0,0,.3);transform:scale(1.05)}.body-container .main-container .main .content3 .content-container .btn-slide-container .btn-slide.prev{margin-left:40px;transform:rotate(180deg)}.body-container .main-container .main .content3 .content-container .btn-slide-container .btn-slide.prev:hover{transform:rotate(180deg) scale(1.1)}.body-container .main-container .main .content3 .content-container .btn-slide-container .btn-slide.prev:active{transform:rotate(180deg) scale(1.05)}.body-container .main-container .main .content3 .content-container .btn-slide-container .btn-slide.next{margin-right:20px}.body-container .main-container .main .content3 .button-container{width:100%;padding:20px 0;display:flex;justify-content:center;align-items:center}.body-container .main-container .main .content3 .button-container button.more{position:relative;padding:20px 30px 20px 60px;font-size:20px;height:62px;line-height:20px;animation:pulse 2s infinite;transition:all .3s ease-in-out;border-radius:32px}.body-container .main-container .main .content3 .button-container button.more:hover{transform:scale(1.1)}.body-container .main-container .main .content3 .button-container button.more:active{box-shadow:0 0 2px 2px rgba(201,42,233,.3);transform:scale(1.05)}.body-container .main-container .main .content3 .button-container button.more:after{position:absolute;left:15px;top:-1px;width:62px;height:62px;display:block;content:"";background-image:url(/images/renewal/content_images/btn_more.svg);background-size:42px 42px;background-repeat:no-repeat;background-position:0}.body-container .footer-container{width:100%;min-width:1240px;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:101}.body-container .footer-container .footer-link{width:100%;height:64px;display:flex;justify-content:center;align-items:center;background-color:#f4f4f4}.body-container .footer-container .footer-link .footer-link-container{width:1200px;height:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:50px}.body-container .footer-container .footer-link .footer-link-container .link-block{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:50px}.body-container .footer-container .footer-link .footer-link-container .link-block .link-item{width:auto;height:auto;font-size:18px}.body-container .footer-container .footer-link .footer-link-container .link-block .link-item.btn-youtube{width:40px;height:40px;background-image:url(/images/renewal/btn_youtube.svg);background-size:contain;background-repeat:no-repeat;background-position:50%;background-color:red;border-radius:50%;border:1px solid #333}.body-container .footer-container .footer-link .footer-link-container .link-block .link-item span{cursor:pointer}.body-container .footer-container .footer-description{width:1200px;height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.body-container .footer-container .footer-description .description{width:100%;height:auto;display:flex;justify-content:flex-start;align-items:center;font-size:14px;color:#666;gap:10px}.body-container .footer-container .footer-description .description .description-item{width:auto;height:auto;font-weight:400;font-family:Noto Sans KR,Pretendard,sans-serif;color:#818181;font-size:14px}.body-container .footer-container .footer-description .description .description-item.separator{width:1px;height:12px;background-color:#ccc}.body-container .qna-container{position:fixed;bottom:20px;right:20px;width:70px;height:70px;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;z-index:110}.body-container .qna-container button.btn-qna{position:absolute;right:-100px;bottom:-100px;width:100%;height:100%;border-radius:50% 50% 0 50%;display:flex;justify-content:center;align-items:center;box-shadow:0 0 10px rgba(0,0,0,.5);color:#fff;font-size:28px;font-family:Russo One,Pretendard,Noto Sans KR,sans-serif;font-weight:700;text-shadow:0 0 5px rgba(100,14,111,.7);background:linear-gradient(0deg,#b0f,#faecff);border:0;cursor:pointer;transition:all .2s ease-in-out;animation:bounce 2s infinite;animation-delay:.5s;animation-fill-mode:both;animation-timing-function:ease-in-out}@keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.body-container .qna-container button.btn-qna.active{right:0;bottom:0}.body-container .qna-container button.btn-qna:hover{background:linear-gradient(0deg,#b0f,#faecff);box-shadow:0 0 20px rgba(0,0,0,.5);width:90px;height:90px;font-size:34px;animation-play-state:paused}.body-container .qna-container button.btn-qna:active{width:85px;height:85px;font-size:30px;box-shadow:0 0 10px rgba(0,0,0,.5)}.body-container .qna-container .qna-content{position:absolute;right:-650px;bottom:20px;width:600px;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.3);padding:10px 0;z-index:100;transition:all .3s ease-in-out;overflow:hidden}.body-container .qna-container .qna-content.active{right:20px;bottom:20px}.body-container .qna-container .qna-content .qna-header{position:absolute;top:0;left:0;width:100%;height:40px;background-color:#bb6bd9;display:none;flex-direction:row;justify-content:space-between;align-items:center;padding:0 0 0 15px}.body-container .qna-container .qna-content .qna-header.active{display:flex}.body-container .qna-container .qna-content .qna-header h2{color:#fff;font-size:16px}.body-container .qna-container .qna-content .qna-header button.btn-close{width:40px;height:40px;background-image:url(/images/renewal/content_images/btn_close.svg);background-size:32px 32px;background-repeat:no-repeat;background-position:50%;border:0;background-color:unset;cursor:pointer}.body-container .qna-container .qna-content .qna-header button.btn-close:hover{background-color:hsla(0,0%,100%,.2)}.body-container .qna-container .qna-content .qna-header button.btn-close:active{background-color:hsla(0,0%,100%,.3)}.body-container .qna-container .qna-content .qna-body{background-color:#fff;padding:60px 20px 20px;width:100%;height:auto;display:none;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;color:#525252}.body-container .qna-container .qna-content .qna-body.active{display:flex}.body-container .qna-container .qna-content .qna-body select{width:auto;height:auto;padding:10px 20px 10px 10px;border:1px solid #d9d9d9;border-radius:5px;background-color:#fff;font-size:17px;font-weight:500}.body-container .qna-container .qna-content .qna-body select:focus{outline:none;border:1px solid #bb6bd9;background-color:#fdf8ff}.body-container .qna-container .qna-content .qna-body select:active{outline:none;border:1px solid #bb6bd9}.body-container .qna-container .qna-content .qna-body p{width:100%;font-size:16px;font-weight:500;line-height:1.5;text-align:center}.body-container .qna-container .qna-content .qna-body input[type=text]{width:calc(100% - 100px);height:auto;padding:10px;border:1px solid #d9d9d9;border-radius:5px;font-size:17px}.body-container .qna-container .qna-content .qna-body input[type=text]::placeholder{color:#d9d9d9}.body-container .qna-container .qna-content .qna-body input[type=text]:focus{outline:none;border:1px solid #bb6bd9;background-color:#fdf8ff}.body-container .qna-container .qna-content .qna-body input[type=text]:active{outline:none;border:1px solid #bb6bd9}.body-container .qna-container .qna-content .qna-body .q_type_desc_box{width:100%;height:auto;padding:0 5px 5px;color:#bb6bd9;line-height:1.6}.body-container .qna-container .qna-content .qna-body textarea{width:100%;height:150px;padding:10px;border:1px solid #d9d9d9;border-radius:5px;resize:none;font-size:17px}.body-container .qna-container .qna-content .qna-body textarea::placeholder{color:#d9d9d9}.body-container .qna-container .qna-content .qna-body textarea:focus{outline:none;border:1px solid #bb6bd9;background-color:#fdf8ff}.body-container .qna-container .qna-content .qna-body textarea:active{outline:none;border:1px solid #bb6bd9}.body-container .qna-container .qna-content .qna-footer{width:100%;height:auto;padding:0 20px 20px;display:none;flex-direction:column;justify-content:center;align-items:center;gap:20px}.body-container .qna-container .qna-content .qna-footer.active{display:flex}.body-container .qna-container .qna-content .qna-footer button.btn-submit{width:100%;height:50px;background-color:#bb6bd9;border-radius:5px;border:0;color:#fff;font-size:18px;font-weight:500}.body-container .qna-container .qna-content .qna-footer button.btn-submit:hover{background-color:#a45bb8}.body-container .qna-container .qna-content .qna-footer button.btn-submit:active{background-color:#8f4a9e}.body-container .qna-container .qna-content .qna-footer button.btn-submit:disabled{background-color:#d9d9d9;color:#666;cursor:not-allowed}.body-container .qna-container .qna-content .qna-footer button.btn-submit:disabled:active,.body-container .qna-container .qna-content .qna-footer button.btn-submit:disabled:hover{background-color:#d9d9d9}.body-container .qna-container .qna-content .qna-footer button.btn-submit:disabled:focus{outline:none;border:1px solid #d9d9d9}.body-container .qna-container .qna-content .qna-result{width:100%;height:auto;display:none;flex-direction:column;justify-content:center;align-items:center;gap:20px}.body-container .qna-container .qna-content .qna-result.active{display:flex}.body-container .qna-container .qna-content .qna-result p{font-size:16px;font-weight:500;line-height:1.6;text-align:center;margin:0;background-color:#f9f9f9;padding:20px 40px;border-radius:5px}.toast-message{position:fixed;width:auto;max-width:600px;min-width:300px;height:auto;padding:20px 30px;background-color:#757575;border:1px solid dimgray;border-radius:3px;color:#fff;text-align:center;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);left:50%;bottom:50px;transform:translateX(-50%);display:none}.toast-message.active{display:block;z-index:200}.toast-message p{font-size:14px;color:#fff;margin:5px 0}.toast-message button.btn-close{position:inherit;right:0;top:0;width:24px;height:24px;background-image:url(/images/renewal/content_images/btn_close.svg);background-position:50%;background-size:cover;border:0;background-color:unset}.toast-message button.btn-close:hover{background-color:hsla(0,0%,100%,.2)}.toast-message button.btn-close:active{background-color:hsla(0,0%,100%,.3)}@keyframes pulse{0%{box-shadow:0 0 1px 1px rgba(201,42,233,.2)}50%{box-shadow:0 0 10px 7px rgba(201,42,233,.3)}to{box-shadow:0 0 1px 1px rgba(201,42,233,.2)}}