header{background-color:#fff;box-shadow:0 4px 2px -2px #cacaca;display:flex;flex:1;justify-content:space-between;align-items:center;padding:10px 20px;position:fixed;top:0;left:0;right:0;height:25px;z-index:1000}header img{height:40px;margin-right:10px}header h1{margin:0;font-size:2rem;font-weight:700;color:#495875;font-family:Montserrat,sans-serif}header div{display:flex;align-items:center;cursor:pointer}.data-manage-button{background-color:#eff4fa;border:1px solid #cacaca;border-radius:20px;padding:5px 10px;cursor:pointer;transition:background-color .3s}.data-manage-button:hover{background-color:#bddafb}.data-manage-button:focus{outline:none}.search-bar{background-color:#fff;border:1px solid #cacaca;border-radius:20px;display:flex;align-items:center;padding:5px 10px;margin-bottom:20px;width:80%;max-width:550px;height:40px}.search-bar input{border:none;outline:none;padding:10px;font-size:16px;flex-grow:1;border-radius:20px}.search-bar button{background:none;border:none;cursor:pointer;padding:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#495875;transition:all .2s ease}.search-bar button:hover{opacity:.7}.search-bar button:active{transform:translateY(2px)}.search-bar button:focus{outline:none}.tag-filter{display:flex;gap:10px;flex-wrap:wrap}.tag-filter button{background-color:#eff4fa;border:1px solid #cacaca;border:none;border-radius:20px;padding:10px 20px;cursor:pointer;transition:background-color .3s}.tag-filter button.selected{background-color:#d0e6ff}.tag-filter button:hover{background-color:#bddafb}.tag-filter button:focus{outline:none}.custom-dropdown{position:relative;display:inline-block;background-color:#fff;border:1px solid #cacaca;border-radius:5px;padding:10px 20px;font-size:16px;font-family:Roboto,sans-serif;cursor:pointer;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease;z-index:1}.custom-dropdown:hover{transform:scale(1.05);box-shadow:0 6px 12px #00000026}.custom-dropdown:focus{outline:none;box-shadow:0 6px 12px #0003}.custom-dropdown.open{border-bottom-left-radius:0;border-bottom-right-radius:0}.dropdown-menu{display:none;position:absolute;left:0;top:calc(100% - 1px);width:100%;background-color:#fff;border:1px solid #cacaca;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-shadow:0 4px 8px #0000001a;transition:max-height .3s ease,opacity .3s ease;max-height:0;opacity:0;overflow:hidden;z-index:0;margin:0;padding:0}.dropdown-menu.visible{display:block;max-height:200px;opacity:1}.dropdown-menu li{padding:10px;font-family:Roboto,sans-serif;cursor:pointer;transition:background-color .3s ease;list-style:none}.dropdown-menu li:hover{background-color:#bddafb}.dropdown-menu li:active{background-color:#d0e6ff}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.spinner{border:8px solid rgba(255,255,255,.3);border-top:8px solid #fff;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.content-item{background-color:#fff;border:1px solid #ccc;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px 20px 12px;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;height:140px;display:flex;flex-direction:column;justify-content:space-between}.content-item:hover{transform:scale(1.05);box-shadow:0 4px 8px #0003}.content-item h3{text-align:left;font-size:1.2em;font-weight:700;padding:0;margin:0}.content-item p{margin:-5px 0 0;font-size:.9em;text-align:left;color:#757575}.content-item .content-description{margin:0;color:#b2b2b2}.content-footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto}.content-date,.content-views{font-size:.8em;color:#888;margin:0}.product-search-page{display:flex;flex-direction:column;align-items:center;padding:20px;margin-top:30px;justify-content:center}.selected-tags{font-size:14px}.sort-options select{padding:10px;font-size:14px}.sort-area{display:flex;justify-content:space-between;width:100%;margin-bottom:20px}.type-filter{display:flex;flex-direction:row;align-items:center}.type-filter label{display:flex;align-items:center;margin-right:15px}.type-filter input[type=checkbox]{margin-right:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:2px solid #495875;border-radius:50%;width:20px;height:20px;cursor:pointer;outline:none;position:relative;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.type-filter input[type=checkbox]:checked{background-color:#495875;border-color:#495875}.type-filter input[type=checkbox]:after{content:"";display:block;width:10px;height:10px;border-radius:50%;background:#fff;transition:all .3s ease;opacity:0}.type-filter input[type=checkbox]:checked:after{opacity:1}.type-filter input[type=checkbox]:hover{transform:scale(1.1);border-color:#1f2d50}.type-filter input[type=checkbox]:active{transform:scale(.9);border-color:#1f2d50}.product-detail{display:flex;flex-direction:row;justify-content:center;min-height:100vh;padding-top:20px}.content-area{flex:8;display:flex;flex-direction:column;background-color:#fff;border:1px solid #cacaca;margin-right:20px;max-width:800px}.section-divider{border:none;border-top:1px solid #cacaca;margin:20px}h2{margin-top:0}.product-info{display:flex;flex-direction:row;height:300px;margin:20px}.image-area{flex:0 0 250px;display:flex;align-items:center;justify-content:center}.image-area img{max-width:100%;max-height:100%;transition:transform .3s ease,box-shadow .3s ease}.image-area img:hover{transform:scale(1.4);box-shadow:0 4px 8px #0003}.info-area{flex:1;padding:20px}.info-area h1{margin-top:0;font-size:2.2em}.info-area p{margin:5px;font-size:.95em}.product-content{flex:1;padding:20px;margin-left:20px;margin-right:20px}/*!
* @toast-ui/editor
* @version 3.2.2 | Fri Feb 17 2023
* @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
* @license MIT
*/.ProseMirror{font-family:Open Sans,Helvetica Neue,Helvetica,Arial,나눔바른고딕,Nanum Barun Gothic,맑은고딕,Malgun Gothic,sans-serif;color:#222;font-size:13px;overflow-y:auto;overflow-X:hidden;height:calc(100% - 36px)}.ProseMirror .placeholder{color:#999}.ProseMirror:focus{outline:none}.ProseMirror-selectednode{outline:none}table.ProseMirror-selectednode,.html-block.ProseMirror-selectednode{border-radius:2px;outline:2px solid #00a9ff}.toastui-editor-contents{margin:0;padding:0;font-size:13px;font-family:Open Sans,Helvetica Neue,Helvetica,Arial,나눔바른고딕,Nanum Barun Gothic,맑은고딕,Malgun Gothic,sans-serif;z-index:20}.toastui-editor-contents *:not(table){line-height:160%;box-sizing:content-box}.toastui-editor-contents i,.toastui-editor-contents cite,.toastui-editor-contents em,.toastui-editor-contents var,.toastui-editor-contents address,.toastui-editor-contents dfn{font-style:italic}.toastui-editor-contents strong{font-weight:700}.toastui-editor-contents p{margin:10px 0;color:#222}.toastui-editor-contents>h1:first-of-type,.toastui-editor-contents>div>div:first-of-type h1{margin-top:14px}.toastui-editor-contents h1,.toastui-editor-contents h2,.toastui-editor-contents h3,.toastui-editor-contents h4,.toastui-editor-contents h5,.toastui-editor-contents h6{font-weight:700;color:#222}.toastui-editor-contents h1{font-size:24px;line-height:28px;border-bottom:3px double #999;margin:52px 0 15px;padding-bottom:7px}.toastui-editor-contents h2{font-size:22px;line-height:23px;border-bottom:1px solid #dbdbdb;margin:20px 0 13px;padding-bottom:7px}.toastui-editor-contents h3{font-size:20px;margin:18px 0 2px}.toastui-editor-contents h4{font-size:18px;margin:10px 0 2px}.toastui-editor-contents h3,.toastui-editor-contents h4{line-height:18px}.toastui-editor-contents h5{font-size:16px}.toastui-editor-contents h6{font-size:14px}.toastui-editor-contents h5,.toastui-editor-contents h6{line-height:17px;margin:9px 0 -4px}.toastui-editor-contents del{color:#999}.toastui-editor-contents blockquote{margin:14px 0;border-left:4px solid #e5e5e5;padding:0 16px;color:#999}.toastui-editor-contents blockquote p,.toastui-editor-contents blockquote ul,.toastui-editor-contents blockquote ol{color:#999}.toastui-editor-contents blockquote>:first-child{margin-top:0}.toastui-editor-contents blockquote>:last-child{margin-bottom:0}.toastui-editor-contents pre,.toastui-editor-contents code{font-family:Consolas,Courier,Apple SD 산돌고딕 Neo,-apple-system,Lucida Grande,Apple SD Gothic Neo,맑은 고딕,Malgun Gothic,Segoe UI,돋움,dotum,sans-serif;border:0;border-radius:0}.toastui-editor-contents pre{margin:2px 0 8px;padding:18px;background-color:#f4f7f8}.toastui-editor-contents code{color:#c1798b;background-color:#f9f2f4;padding:2px 3px;letter-spacing:-.3px;border-radius:2px}.toastui-editor-contents pre code{padding:0;color:inherit;white-space:pre-wrap;background-color:transparent}.toastui-editor-contents img{margin:4px 0 10px;box-sizing:border-box;vertical-align:top;max-width:100%}.toastui-editor-contents table{border:1px solid rgba(0,0,0,.1);margin:12px 0 14px;color:#222;width:auto;border-collapse:collapse;box-sizing:border-box}.toastui-editor-contents table th,.toastui-editor-contents table td{border:1px solid rgba(0,0,0,.1);padding:5px 14px 5px 12px;height:32px}.toastui-editor-contents table th{background-color:#555;font-weight:300;color:#fff;padding-top:6px}.toastui-editor-contents th p{margin:0;color:#fff}.toastui-editor-contents td p{margin:0;padding:0 2px}.toastui-editor-contents td.toastui-editor-cell-selected{background-color:#d8dfec}.toastui-editor-contents th.toastui-editor-cell-selected{background-color:#908f8f}.toastui-editor-contents ul,.toastui-editor-contents menu,.toastui-editor-contents ol,.toastui-editor-contents dir{display:block;list-style-type:none;padding-left:24px;margin:6px 0 10px;color:#222}.toastui-editor-contents ol{list-style-type:none;counter-reset:li}.toastui-editor-contents ol>li{counter-increment:li}.toastui-editor-contents ul>li:before,.toastui-editor-contents ol>li:before{display:inline-block;position:absolute}.toastui-editor-contents ul>li:before{content:"";margin-top:6px;margin-left:-17px;width:5px;height:5px;border-radius:50%;background-color:#ccc}.toastui-editor-contents ol>li:before{content:"." counter(li);margin-left:-28px;width:24px;text-align:right;direction:rtl;color:#aaa}.toastui-editor-contents ul ul,.toastui-editor-contents ul ol,.toastui-editor-contents ol ol,.toastui-editor-contents ol ul{margin-top:0!important;margin-bottom:0!important}.toastui-editor-contents ul li,.toastui-editor-contents ol li{position:relative}.toastui-editor-contents ul p,.toastui-editor-contents ol p{margin:0}.toastui-editor-contents hr{border-top:1px solid #eee;margin:16px 0}.toastui-editor-contents a{text-decoration:underline;color:#4b96e6}.toastui-editor-contents a:hover{color:#1f70de}.toastui-editor-contents .image-link{position:relative}.toastui-editor-contents .image-link:hover:before{content:"";position:absolute;width:30px;height:30px;right:0;border-radius:50%;border:1px solid #c9ccd5;background:#fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4KICAgICAgICA8ZyBzdHJva2U9IiM1NTUiIHN0cm9rZS13aWR0aD0iMS41Ij4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNy42NjUgMTUuMDdsLTEuODE5LS4wMDJjLTEuNDg2IDAtMi42OTItMS4yMjgtMi42OTItMi43NDR2LS4xOTJjMC0xLjUxNSAxLjIwNi0yLjc0NCAyLjY5Mi0yLjc0NGgzLjg0NmMxLjQ4NyAwIDIuNjkyIDEuMjI5IDIuNjkyIDIuNzQ0di4xOTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDAwIC00NTgxKSB0cmFuc2xhdGUoOTk1IDQ1NzYpIHRyYW5zbGF0ZSg1IDUpIHNjYWxlKDEgLTEpIHJvdGF0ZSg0NSAzNy4yOTMgMCkiLz4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTIuMzI2IDQuOTM0bDEuODIyLjAwMmMxLjQ4NyAwIDIuNjkzIDEuMjI4IDIuNjkzIDIuNzQ0di4xOTJjMCAxLjUxNS0xLjIwNiAyLjc0NC0yLjY5MyAyLjc0NGgtMy44NDVjLTEuNDg3IDAtMi42OTItMS4yMjktMi42OTItMi43NDRWNy42OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwMDAgLTQ1ODEpIHRyYW5zbGF0ZSg5OTUgNDU3NikgdHJhbnNsYXRlKDUgNSkgc2NhbGUoMSAtMSkgcm90YXRlKDQ1IDMwLjk5NiAwKSIvPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K) no-repeat;background-position:center;box-shadow:0 2px 4px #00000014;cursor:pointer}.toastui-editor-contents .task-list-item{border:0;list-style:none;padding-left:24px;margin-left:-24px}.toastui-editor-contents .task-list-item:before{background-repeat:no-repeat;background-size:18px 18px;background-position:center;content:"";margin-left:0;margin-top:0;border-radius:2px;height:18px;width:18px;position:absolute;left:0;top:1px;cursor:pointer;background:transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iI0ZGRiIgc3Ryb2tlPSIjQ0NDIj4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAzMCAtMjk2KSB0cmFuc2xhdGUoNzg4IDE5MikgdHJhbnNsYXRlKDI0MiAxMDQpIj4KICAgICAgICAgICAgICAgICAgICA8cmVjdCB3aWR0aD0iMTciIGhlaWdodD0iMTciIHg9Ii41IiB5PSIuNSIgcng9IjIiLz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==)}.toastui-editor-contents .task-list-item.checked:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iIzRCOTZFNiI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2IDBjMS4xMDUgMCAyIC44OTUgMiAydjE0YzAgMS4xMDUtLjg5NSAyLTIgMkgyYy0xLjEwNSAwLTItLjg5NS0yLTJWMkMwIC44OTUuODk1IDAgMiAwaDE0em0tMS43OTMgNS4yOTNjLS4zOS0uMzktMS4wMjQtLjM5LTEuNDE0IDBMNy41IDEwLjU4NSA1LjIwNyA4LjI5M2wtLjA5NC0uMDgzYy0uMzkyLS4zMDUtLjk2LS4yNzgtMS4zMi4wODMtLjM5LjM5LS4zOSAxLjAyNCAwIDEuNDE0bDMgMyAuMDk0LjA4M2MuMzkyLjMwNS45Ni4yNzggMS4zMi0uMDgzbDYtNiAuMDgzLS4wOTRjLjMwNS0uMzkyLjI3OC0uOTYtLjA4My0xLjMyeiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwNTAgLTI5NikgdHJhbnNsYXRlKDc4OCAxOTIpIHRyYW5zbGF0ZSgyNjIgMTA0KSIvPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K)}.toastui-editor-custom-block .toastui-editor-custom-block-editor{background:#f9f7fd;color:#452d6b;border:solid 1px #dbd4ea}.toastui-editor-custom-block .toastui-editor-custom-block-view{position:relative;padding:9px 13px 8px 12px}.toastui-editor-custom-block.ProseMirror-selectednode .toastui-editor-custom-block-view{border:solid 1px #dbd4ea;border-radius:2px}.toastui-editor-custom-block .toastui-editor-custom-block-view .tool{position:absolute;right:10px;top:7px;display:none}.toastui-editor-custom-block.ProseMirror-selectednode .toastui-editor-custom-block-view .tool{display:block}.toastui-editor-custom-block-view button{vertical-align:middle;width:15px;height:15px;margin-left:8px;padding:3px;border:solid 1px #cccccc;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuugiOydtOyWtF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzAgMzAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMwIDMwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6IzU1NTU1NTt9Cjwvc3R5bGU+CjxnPgoJPGc+CgkJPGc+CgkJCTxnPgoJCQkJPGc+CgkJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE1LjUsMTIuNWwyLDJMMTIsMjBoLTJ2LTJMMTUuNSwxMi41eiBNMTgsMTBsMiwybC0xLjUsMS41bC0yLTJMMTgsMTB6Ii8+CgkJCQk8L2c+CgkJCTwvZz4KCQk8L2c+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==) no-repeat;background-position:center;background-size:30px 30px}.toastui-editor-custom-block-view .info{font-size:13px;font-weight:700;color:#5200d0;vertical-align:middle}.toastui-editor-contents .toastui-editor-ww-code-block{position:relative}.toastui-editor-contents .toastui-editor-ww-code-block:after{content:attr(data-language);position:absolute;display:inline-block;top:10px;right:10px;height:24px;padding:3px 35px 0 10px;font-weight:700;font-size:13px;color:#333;background:#e5e9ea url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuugiOydtOyWtF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzAgMzAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMwIDMwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6IzU1NTU1NTt9Cjwvc3R5bGU+CjxnPgoJPGc+CgkJPGc+CgkJCTxnPgoJCQkJPGc+CgkJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE1LjUsMTIuNWwyLDJMMTIsMjBoLTJ2LTJMMTUuNSwxMi41eiBNMTgsMTBsMiwybC0xLjUsMS41bC0yLTJMMTgsMTB6Ii8+CgkJCQk8L2c+CgkJCTwvZz4KCQk8L2c+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==) no-repeat;background-position:right;border-radius:2px;background-size:30px 30px;cursor:pointer}.toastui-editor-ww-code-block-language{position:fixed;display:inline-block;width:100px;height:27px;right:35px;border:1px solid #ccc;border-radius:2px;background-color:#fff;z-index:30}.toastui-editor-ww-code-block-language input{box-sizing:border-box;margin:0;padding:0 10px;height:100%;width:100%;background-color:transparent;border:none;outline:none}.toastui-editor-contents-placeholder:before{content:attr(data-placeholder);color:gray;line-height:160%;position:absolute}.toastui-editor-md-preview .toastui-editor-contents h1{min-height:28px}.toastui-editor-md-preview .toastui-editor-contents h2{min-height:23px}.toastui-editor-md-preview .toastui-editor-contents blockquote{min-height:20px}.toastui-editor-md-preview .toastui-editor-contents li{min-height:22px}.toastui-editor-pseudo-clipboard{position:fixed;opacity:0;width:0;height:0;left:-1000px;top:-1000px;z-index:-1}.product-table{margin-left:20px;padding:20px}.card-container{display:flex;flex-wrap:wrap;gap:20px}.card{background-color:#fff;border:1px solid #cacaca;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;width:calc(25% - 20px);display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:scale(1.05);box-shadow:0 4px 8px #0003}.card-image{width:100%;height:auto}.card-content{padding:16px}.card-content h3{font-size:14px;margin:0 0 10px}.card-content p{font-size:12px;margin:0}.link-area{flex:2;display:flex;flex-direction:column;align-items:center}.link-cards{display:flex;flex-direction:column;gap:20px}.link-card{background-color:#fff;border:1px solid #cacaca;padding:20px;border-radius:8px;width:240px;height:120px;box-sizing:border-box;text-decoration:none;color:inherit;box-shadow:0 2px 4px #0000001a;transition:transform .3s ease,box-shadow .3s ease;font-size:14px}.link-card p{margin-bottom:0}.link-card h3{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px;font-size:16px}.status{background-color:#fff;border:1px solid #cacaca;border-radius:20px;padding:2px 5px;display:flex;align-items:center;font-size:12px}.status-dot{width:8px;height:8px;border-radius:50%;margin-left:5px}.status.active .status-dot{background-color:green;animation:glow-green 1.5s infinite}.status.inactive .status-dot{background-color:red;animation:glow-red 1.5s infinite}@keyframes glow-green{0%{box-shadow:0 0 5px green}50%{box-shadow:0 0 15px green}to{box-shadow:0 0 5px green}}@keyframes glow-red{0%{box-shadow:0 0 5px red}50%{box-shadow:0 0 15px red}to{box-shadow:0 0 5px red}}.link-card-content{color:gray;margin:0 0 10px}.link-card-email{margin:0}.link-card:hover{transform:scale(1.05);box-shadow:0 4px 8px #0003}.video-player{margin:0;padding:0 40px 40px}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup{background-color:#fff;border:1px solid #cacaca;border-radius:20px;width:80%;max-width:800px;padding:0;box-shadow:0 2px 10px #0003;position:relative;z-index:1001;overflow:hidden}.popup-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;z-index:1002;transition:transform .3s ease}.popup-close:before{content:"×";color:#000}.popup-close:hover{transform:scale(1.1)}.popup-image-container{position:relative}.popup-image{width:100%;height:auto;display:block}.popup-gradient-left{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#fff6,#ffffff1a 30%,#ffffff08 55%,#ffffff03 70%,#fff0 90%);display:flex;flex-direction:column;justify-content:flex-end;padding:20px;box-sizing:border-box}.popup-gradient-left-bottom{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top right,#ffffff80,#ffffff40 30%,#ffffff26 55%,#ffffff03 70%,#fff0 90%);display:flex;flex-direction:column;justify-content:flex-end;padding:20px;box-sizing:border-box}.popup-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#ffffffe6,#fffc 10%,#fff9 15%,#fff3,#ffffff0d 35%,#ffffff05 50%,#fff0 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:20px;box-sizing:border-box}.popup-text{color:#000;text-align:left}.popup-text h2,.popup-text p{color:#000;margin:0}.popup-description{display:flex;justify-content:space-between;align-items:flex-end;margin-top:10px}.popup-download{background-color:#d0e7ff;border:1px solid #90caf9;color:#000;font-size:16px;cursor:pointer;padding:10px 20px;border-radius:20px;transition:all .3s ease;margin-left:auto}.popup-download:hover{background-color:#90caf9;color:#fff;transform:scale(1.1)}.installation-guide{background-color:#fff;color:#000;padding:20px;margin:20px;border-radius:5px;white-space:pre-wrap;word-wrap:break-word}.installation-guide h2,.installation-guide h3{color:#000}.content-area h2{margin-left:20px;margin-bottom:0;font-size:2em;color:#333}.installation-guide pre{background-color:#2d2d2d;color:#fff;padding:10px;border-radius:5px;white-space:pre-wrap;word-wrap:break-word;position:relative;margin-top:0}.copy-button{background-color:#fff;color:#000;border:1px solid #cacaca;padding:5px 10px;cursor:pointer;border-radius:20px;margin-left:10px;flex-shrink:0}.h3-button-container{display:flex;align-items:center;justify-content:space-between}.option-list{margin:20px 0;padding:20px;background-color:#f7f7f7;border-radius:5px}.option-item{margin-bottom:20px}.option-item h4{margin:5px 0;color:#333;font-size:1.2em}.option-item ul{list-style:none;margin:0;padding:0}.option-item ul li{margin-bottom:5px;display:flex;justify-content:space-between;color:#555;font-family:Courier New,Courier,monospace}.option-item:last-child{margin-bottom:0}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:transparent}.login-box{background-color:#fff;border:1px solid #cacaca;border-radius:0;padding:40px;width:400px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 8px #0000001a}.login-box img{margin-bottom:20px;width:250px;cursor:pointer}.login-box input{margin-bottom:20px;padding:10px;width:100%;border:1px solid #cacaca;border-radius:20px;box-sizing:border-box}.login-box .button-container{display:flex;justify-content:space-between;align-items:center;width:100%;position:relative}.login-box button{background-color:#eff4fa;border:1px solid #cacaca;border-radius:20px;padding:10px 20px;cursor:pointer;transition:background-color .3s}.login-box button:hover{background-color:#bddafb}.login-box button:focus{outline:none}.error-message{color:red;font-size:.9em;min-width:200px}.sidebar{width:180px;height:100%;padding:20px;background-color:#fff;position:fixed;left:0;height:calc(100vh - 60px);box-shadow:2px 0 5px #0000001a;overflow-y:auto}.sidebar ul{list-style:none;padding:0}.sidebar ul li{margin-bottom:10px;padding:10px;background-color:#fff;cursor:pointer;border:none;border-radius:5px;transition:font-size .3s,color .3s,font-weight .3s;font-size:1.2rem}.sidebar ul li:hover{color:#495875;font-size:1.25rem}.sidebar ul li:active,.sidebar ul li.selected{color:#2c3e50;font-weight:700}.sidebar ul li.selected{font-size:1.35rem}.data-list{width:100%;overflow-y:auto}.data-list ul{list-style:none;padding:0;margin:0}.data-list li{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.data-list img{height:100px;margin-right:20px}.data-list .details{display:flex;flex-direction:column;flex-grow:1}.data-list .details .item-title{font-size:1.2rem;color:#cacaca}.data-list .details .item-content{font-size:1.6rem;color:#000}.data-list .button-area{display:flex;justify-content:flex-end;gap:10px}.data-list .edit-button{background-color:#eff4fa;border:1px solid #cacaca;border-radius:20px;padding:5px 10px;cursor:pointer;transition:background-color .3s}.data-list .edit-button:hover{background-color:#bddafb}.data-list .edit-button:focus{outline:none}.data-list .delete-button{background-color:#fad4d4;border:1px solid #F08080;border-radius:20px;padding:5px 10px;cursor:pointer;transition:background-color .3s}.data-list .delete-button:hover{background-color:#f08080}.data-list .delete-button:focus{outline:none}.data-management-page{display:flex;width:100%;flex:1}.content{flex:1;width:100%;display:flex;flex-direction:column;overflow:auto;padding-top:45px}.data-content-area{margin-left:250px;padding:30px;flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:70%;height:80%;background-color:#fff;box-shadow:0 4px 8px #0000001a;overflow-y:auto;border:1px solid #cacaca;margin-bottom:20px}.data-list-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:20px}.data-list-header h2{color:#495875;margin:0}.new-item-button{background-color:#eff4fa;border:1px solid #cacaca;border-radius:20px;padding:5px 10px;cursor:pointer;transition:background-color .3s}.new-item-button:hover{background-color:#bddafb}.new-item-button:focus{outline:none}.data-inputs{display:flex;width:600px}.data-content-area label{display:flex;flex-direction:column;margin-bottom:20px;width:100%}.input-long{border:1px solid #CACACA;border-radius:20px;padding:8px;font-size:16px;margin-top:5px;box-sizing:border-box;width:100%}.input-short{border:1px solid #CACACA;border-radius:20px;padding:8px;font-size:16px;margin-top:5px;width:80%}.data-inputs{display:flex;flex-direction:column}.one-line-two-data{display:flex;justify-content:space-between;margin-bottom:20px;width:100%}button.save-button{background-color:#eff4fa;border:1px solid #cacaca;border-radius:20px;padding:5px 10px;cursor:pointer;transition:background-color .3s;align-self:flex-end;margin-top:20px}button.save-button:hover{background-color:#bddafb}button.save-button:focus{outline:none}.error-message{color:red;font-size:12px;margin-top:5px;min-height:16px}.upload-container{display:flex;align-items:center;border:1px solid #CACACA;border-radius:20px;padding:8px;width:100%;box-sizing:border-box}.upload-button{background-color:#eff4fa;border:1px solid #CACACA;border-radius:20px;padding:8px 16px;cursor:pointer;transition:background-color .3s;margin-right:10px}.upload-button:hover{background-color:#bddafb}.upload-button:focus{outline:none}.file-name{font-size:16px;color:#333;flex:1}코드 복사 html,body,#root{margin:0;padding:0;height:100%;width:100%;display:flex;flex-direction:column}body{margin:0;padding:0;height:100%;font-family:Arial,sans-serif;background-color:#f7f9fc;display:flex;flex-direction:column;min-height:100vh}main{padding:1rem;flex-grow:1}.app-container{display:flex;flex-direction:column;flex:1;min-height:100vh}.main-content{flex:1;width:100%;display:flex;flex-direction:column;overflow:auto;padding-top:45px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}