@charset "UTF-8";.hidden{display:none!important}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-text-fill-color:#000;box-shadow:0 0 0 1000px #fff inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}input:autofill,input:autofill:hover,input:autofill:focus,input:autofill:active{-webkit-text-fill-color:#000;box-shadow:0 0 0 1000px #fff inset;transition:background-color 5000s ease-in-out 0s}:focus-visible{outline:none}input:focus{--tw-ring-color: none !important}button,a{transition:background-color .15s ease-in-out,color .15s ease-in-out}input:focus{--tw-ring-color: transparent}.spinner-wrap .spinner-block .loader-block div{background:#ff616a!important}@media (max-width: 768px){.typing-txt-block{word-break:break-all;width:80%}.typing-txt-block .typing-txt-block__typing.typing{font-size:2.8rem}}@media (max-width: 600px){.typing-txt-block{word-break:break-all;width:80%}.typing-txt-block .typing-txt-block__typing.typing{font-size:2.4rem}}@media (max-width: 480px){.spinner-wrap .typing-txt-block{display:none!important}}.main{color:#2c2e30;font-size:1.6rem;font-weight:500;line-height:normal;letter-spacing:auto;margin-top:7rem;padding-bottom:8rem}.main input,.main textarea{border:1px solid #f1f3f3;border-radius:.8rem;background:#fafaf9;color:#2c2e30;font-size:1.6rem;font-weight:500;line-height:normal;letter-spacing:auto}.main input:focus,.main textarea:focus{outline:none;border:none}.main input::-moz-placeholder,.main textarea::-moz-placeholder{color:#878787;font-size:1.6rem;font-weight:500;line-height:normal;letter-spacing:auto}.main input::placeholder,.main textarea::placeholder{color:#878787;font-size:1.6rem;font-weight:500;line-height:normal;letter-spacing:auto}.main .wrap{display:flex;justify-content:center;align-items:center;gap:0;flex-direction:column;width:120rem;margin:0 auto;margin-bottom:8rem}.main .wrap .kc-title{background:linear-gradient(90deg,#ff3465 1%,#ff6262 50.77%,#ff8c4b 99.52%);color:#ff616a;font-size:5rem;line-height:5rem;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-top:4rem;margin-bottom:3.5rem;font-weight:900;display:inline-block;cursor:default}.main .wrap .kc-main-block{width:120rem;height:auto;display:flex;justify-content:flex-start;align-items:flex-start;gap:auto;gap:4rem}.main .wrap .kc-main-block .kc-block-title{color:#ff616a;font-size:2.4rem;font-weight:800;line-height:normal;letter-spacing:auto;margin-bottom:.6rem}.main .wrap .kc-main-block .kc-left-block{width:50%;display:flex;justify-content:flex-start;align-items:flex-start;gap:2rem;flex-direction:column}.main .wrap .kc-main-block .kc-left-block .left-top{width:100%;position:relative}.main .wrap .kc-main-block .kc-left-block .left-top #titleInput{width:100%;height:7.5rem;outline:none;padding:1.4rem 7.5rem 1rem 2rem;border:1px solid #f1f3f3;border-radius:.8rem;background:#f9f9fa;color:#2c2e30;font-size:1.6rem;font-weight:500;line-height:160%;letter-spacing:auto;resize:none}.main .wrap .kc-main-block .kc-left-block .left-top #titleInput:focus{--tw-ring-color: none}.main .wrap .kc-main-block .kc-left-block .left-top #titleInput:focus::-moz-placeholder{opacity:0}.main .wrap .kc-main-block .kc-left-block .left-top #titleInput:focus::placeholder{opacity:0}.main .wrap .kc-main-block .kc-left-block .left-top #titleDelete{position:absolute;right:2rem;top:5rem;z-index:1;width:2.8rem;height:2.8rem;display:flex;justify-content:center;align-items:center;gap:0}.main .wrap .kc-main-block .kc-left-block .left-top #titleDelete:before{display:flex;justify-content:center;align-items:center;gap:0;content:"";font-family:FontAwesome;font-size:2.8rem;transition:ease .2s;color:#a1a1a1}.main .wrap .kc-main-block .kc-left-block .left-top #titleDelete:hover{filter:brightness(.5)}.main .wrap .kc-main-block .kc-left-block .left-top #titleDelete.deleteOk:before{color:#ff616a}.main .wrap .kc-main-block .kc-left-block .left-bottom{position:relative}.main .wrap .kc-main-block .kc-left-block .left-bottom #contentarea{border:1px solid #f1f3f3;border-radius:.8rem;background:#fafaf9;resize:none;padding:1.4rem 7.5rem 1.4rem 2rem;width:100%;height:40rem;overflow-y:auto;outline:none;color:#2c2e30;font-size:1.6rem;font-weight:500;line-height:160%;letter-spacing:auto}.main .wrap .kc-main-block .kc-left-block .left-bottom #contentarea::-moz-placeholder{color:#878787;font-size:1.6rem;font-weight:500;line-height:normal;letter-spacing:auto;border:none;outline:none}.main .wrap .kc-main-block .kc-left-block .left-bottom #contentarea::placeholder{color:#878787;font-size:1.6rem;font-weight:500;line-height:normal;letter-spacing:auto;border:none;outline:none}.main .wrap .kc-main-block .kc-left-block .left-bottom #contentarea:focus{--tw-ring-color: none}.main .wrap .kc-main-block .kc-left-block .left-bottom #contentarea:focus::-moz-placeholder{opacity:0}.main .wrap .kc-main-block .kc-left-block .left-bottom #contentarea:focus::placeholder{opacity:0}.main .wrap .kc-main-block .kc-left-block .left-bottom #contentDelete{position:absolute;right:2rem;top:5rem;z-index:1;width:2.8rem;height:2.8rem;display:flex;justify-content:center;align-items:center;gap:0}.main .wrap .kc-main-block .kc-left-block .left-bottom #contentDelete:before{display:flex;justify-content:center;align-items:center;gap:0;content:"";font-family:FontAwesome;font-size:2.8rem;transition:ease .2s;color:#a1a1a1}.main .wrap .kc-main-block .kc-left-block .left-bottom #contentDelete:hover{filter:brightness(.5)}.main .wrap .kc-main-block .kc-left-block .left-bottom #contentDelete.deleteOk:before{color:#ff616a}.main .wrap .kc-main-block .kc-left-block .left-bottom .gap-in-out{margin-top:.5rem;display:flex;justify-content:flex-start;align-items:flex-start;gap:auto;gap:1rem;color:#a1a1a1;font-size:1.6rem;font-weight:500;line-height:normal;letter-spacing:auto}.main .wrap .kc-main-block .kc-left-block .left-bottom .gap-in-out .gap{display:flex;justify-content:center;align-items:center;gap:0;gap:.5rem}.main .wrap .kc-main-block .kc-left-block .left-bottom .gap-in-out .gap .num{color:#555}.main .wrap .kc-main-block .kc-right-block{width:50%;height:auto;display:flex;justify-content:flex-start;align-items:flex-start;gap:2rem;flex-direction:column}.main .wrap .kc-main-block .kc-right-block .right-top{width:100%;position:relative}.main .wrap .kc-main-block .kc-right-block .right-top .title-block{position:relative;display:flex;justify-content:flex-start;align-items:center;gap:auto}.main .wrap .kc-main-block .kc-right-block .right-top .title-block .tooltip-icon{margin-left:.4rem;width:2.4rem;height:2.4rem;margin-bottom:.6rem;display:flex;justify-content:center;align-items:center;gap:0}.main .wrap .kc-main-block .kc-right-block .right-top .title-block .tooltip-icon:before{display:flex;justify-content:center;align-items:center;gap:0;content:"";font-family:FontAwesome;font-size:2rem;transition:ease .2s;color:#ff616a}.main .wrap .kc-main-block .kc-right-block .right-top .title-block .tooltip-icon:hover:before{filter:brightness(.7)}.main .wrap .kc-main-block .kc-right-block .right-top .title-block .keyword-tooltip{position:absolute;top:-3.5rem;right:0;width:48rem;word-break:keep-all;border:1px solid #c4c7c9;border-radius:.8rem;background:#fafafa;color:#555;font-size:1.4rem;font-weight:600;line-height:160%;letter-spacing:auto;padding:1rem 2rem;opacity:0;transition:.3s}.main .wrap .kc-main-block .kc-right-block .right-top .title-block .keyword-tooltip.show{opacity:1}.main .wrap .kc-main-block .kc-right-block .right-top .keyword-input-block{width:100%;display:flex;justify-content:center;align-items:flex-start;gap:.6rem;margin-bottom:.6rem}.main .wrap .kc-main-block .kc-right-block .right-top .keyword-input-block .tagify{--tags-border-color: #ffc7ca;border-radius:.8rem;padding:1rem;width:45rem;background-color:#fff8f8;--tag-bg: #ffc7ca;--tag-border-radius: 3rem;--tag-hover: #ff616a;display:flex;justify-content:flex-start;align-items:center;gap:.5rem;color:#2c2e30;font-size:1.6rem;font-weight:600;line-height:normal;letter-spacing:auto;max-height:14.5rem;overflow-y:auto;overflow-x:hidden;--tag-hover-text-color: #fff;--tag-pad: .7rem 1.5rem}.main .wrap .kc-main-block .kc-right-block .right-top .keyword-input-block .tagify .tagify__tag{margin-top:.1rem;display:flex}.main .wrap .kc-main-block .kc-right-block .right-top .keyword-input-block .tagify .tagify__tag>div:before{background-color:var(--tag-bg)}.main .wrap .kc-main-block .kc-right-block .right-top .keyword-input-block .tagify .tagify__tag:hover .tagify__tag-text,.main .wrap .kc-main-block .kc-right-block .right-top .keyword-input-block .tagify .tagify__tag:hover .tagify__tag__removeBtn{color:#fff}.main .wrap .kc-main-block .kc-right-block .right-top .keyword-input-block .tagify .tagify__tag .tagify__tag__removeBtn{margin-right:1rem}.main .wrap .kc-main-block .kc-right-block .right-top .keyword-input-block .tagify .tagify__tag .tagify__tag__removeBtn:after{font-size:2rem}.main .wrap .kc-main-block .kc-right-block .right-top .keyword-input-block .tagify .tagify__tag.tagify__tag--editable{padding:0 1rem;max-width:-moz-fit-content;max-width:fit-content}.main .wrap .kc-main-block .kc-right-block .right-top .keyword-input-block .tagify .tagify__tag.tagify__tag--editable .tagify__tag__removeBtn{display:none}.main .wrap .kc-main-block .kc-right-block .right-top .keyword-input-block .tagify .tagify__tag.tagify__tag--editable div span{width:-moz-max-content;width:max-content;word-break:keep-all}.main .wrap .kc-main-block .kc-right-block .right-top .keyword-input-block .tagify .tagify__input{margin:0;padding:0 1rem}.main .wrap .kc-main-block .kc-right-block .right-top .keyword-input-block .tagify .tagify__input:before{content:"키워드 추가"}.main .wrap .kc-main-block .kc-right-block .right-top .keyword-input-block .tagify:focus::-moz-placeholder{display:none}.main .wrap .kc-main-block .kc-right-block .right-top .keyword-input-block .tagify:focus::placeholder{display:none}.main .wrap .kc-main-block .kc-right-block .right-top .keyword-input-block #wordInput:focus::-moz-placeholder{opacity:0}.main .wrap .kc-main-block .kc-right-block .right-top .keyword-input-block #wordInput:focus::placeholder{opacity:0}.main .wrap .kc-main-block .kc-right-block .right-top .keyword-input-block #keywordAllDelete{border:1.5px solid transparent;border-radius:3rem;background:#ff616a;color:#fff;font-size:1.6rem;font-weight:400;line-height:normal;letter-spacing:auto;padding:.8rem 2rem;cursor:pointer;padding:.8rem 1rem}.main .wrap .kc-main-block .kc-right-block .right-top .keyword-input-block #keywordAllDelete:hover{background:#ff003e;color:#fff}.main .wrap .kc-main-block .kc-right-block .right-top .keyword-input-block #keywordAllDelete:active{background:#cc0031;color:#fff}.main .wrap .kc-main-block .kc-right-block .right-top .keyword-input-block #keywordPlus{width:20%;border:none;border-radius:.8rem;background:#ff616a;height:4.5rem;color:#fff;font-size:1.6rem;font-weight:500;line-height:normal;letter-spacing:auto}.main .wrap .kc-main-block .kc-right-block .right-top #keywordDelete{position:absolute;right:2rem;top:10rem;width:2rem;height:2rem;background-image:url(./img/clsbutton-pink.png);background-size:2rem 2rem;background-position:50%;background-color:transparent;background-repeat:no-repeat}.main .wrap .kc-main-block .kc-right-block .right-bottom,.main .wrap .kc-main-block .kc-right-block .right-bottom table{width:100%}.main .wrap .kc-main-block .kc-right-block .right-bottom table tr{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%;height:3.7rem;display:flex;justify-content:center;align-items:center;gap:0;border-bottom:1px solid #ffccd8;color:#2c2e30;font-size:1.6rem;font-weight:600;line-height:normal;letter-spacing:auto}.main .wrap .kc-main-block .kc-right-block .right-bottom table tr.head{background:#fff8f8;border-top:1px solid #ffccd8}.main .wrap .kc-main-block .kc-right-block .right-bottom table tr td{text-align:center;display:flex;justify-content:center;align-items:center;gap:0}.main .wrap .kc-main-block .kc-right-block .right-bottom table tr td:first-child{width:35%}.main .wrap .kc-main-block .kc-right-block .right-bottom table tr td:nth-child(2){width:32.5%}.main .wrap .kc-main-block .kc-right-block .right-bottom table tr td:nth-child(2) img{width:1.6rem;height:1.6rem}.main .wrap .kc-main-block .kc-right-block .right-bottom table tr td:nth-child(3){width:32.5%}.main .wrap .kc-main-block .kc-right-block .right-bottom table tr td:nth-child(3) img{width:1.6rem;height:1.6rem}.main .wrap .kc-main-block .kc-right-block .right-bottom table tr td .includeOk{font-size:2rem;color:#ff616a}
