/*
! tailwindcss v3.4.5 | MIT License | https://tailwindcss.com
*/@font-face{font-family:Caveat;font-style:normal;font-weight:400;src:url(../../static/media/Caveat-VariableFont_wght.834178e16d110b21c85e.ttf) format("truetype")}@font-face{font-family:Raleway;font-style:normal;font-weight:300;src:url(../../static/media/Raleway-Light.6648e022766877ef6426.ttf) format("truetype")}body{color:#888784;font-family:raleway;font-weight:100;overflow-x:hidden;padding:0}h4{color:#000;font-weight:400}.section-title{color:#888784;font-family:raleway;font-size:40px;font-weight:300;margin-bottom:0;margin-top:2em}.header{background:linear-gradient(#e5effe42,#e5fcfe00) 50% 50%/cover;background:#fff;border-bottom:1px solid #888784;position:-webkit-sticky;position:sticky;top:0;z-index:2}.header .nav-container{display:grid;grid-template-columns:1fr 5fr}.header .nav-container h1{color:#898885;font-family:Raleway;font-size:20px;font-weight:400;line-height:1;margin:10px 0;text-align:left;width:-webkit-max-content;width:max-content}.header .nav-container h1 span{display:block;font-size:16px;font-weight:300}.header .nav-container .site-logo-s{height:34px;margin:10px}.header .nav-container .nav-btn{display:none}.header .nav-container .nav{align-items:center;display:flex;justify-content:flex-end}.header .nav-container .nav .active{color:#888784;font-weight:400;text-decoration:none}.header .nav-container .nav-page-ttl-active,.header .nav-container .nav-page-ttl:hover{-webkit-text-fill-color:#0000;animation:nav-animation1 .5s linear;background:linear-gradient(to right top,#6d327c,#485da6,#00a1ba,#00bf98,#36c486);-webkit-background-clip:text;transition:all .1s linear}@keyframes nav-animation1{to{-webkit-text-fill-color:#0000;background:linear-gradient(right top,#6d327c,#485da6,#00a1ba,#00bf98,#36c486);-webkit-background-clip:text;background-position:50px}}.header .nav-container .nav-page-ttl-active:active{text-decoration:none}.sp-nav-container{position:fixed;top:15%}.sp-nav-container .nav-item{color:#888784;cursor:default;display:block;font-family:raleway;font-size:18px;font-weight:400;margin:2em auto;text-align:center;text-decoration:none}.sp-nav-container .nav-item:hover{color:#888784;transform:scale(1.1);transition:all .1s linear}.sp-nav-container .nav-item:active{text-decoration:none}.sidebar{display:grid;height:100%;left:0;opacity:0;place-items:center;position:fixed;top:0;transform:translateX(-100%);transition:all .3s linear;width:100%;z-index:2}.show-sidebar{background:#f1f5f8;opacity:1;transform:translateX(0)}.close-btn{background:none;border:none;color:#888784;cursor:pointer;font-family:inherit;font-size:2.5rem;font-size:24px;font-weight:lighter;position:absolute;right:4.75%;top:2.75%}@keyframes spNabMenuvAnimation{0%{opacity:0;transform:translateX(-200px)}to{opacity:1;transform:translateX(0)}}.first-section{margin-top:4em}.top-banner-container .top-banner{width:100%}.top-banner-container .top-banner-blur{background:hsla(0,0%,100%,.769);height:50%;left:25%;position:absolute;text-align:center;top:150px;z-index:3}.top-banner-container .banner-title{margin:auto;padding:5em 16px 16px;top:10%;width:100%;z-index:4}.top-banner-container .banner-title h1{color:#898885;font-family:Raleway;font-size:60px;font-weight:300;line-height:1;margin-bottom:10px;margin-top:0;text-align:center}.top-banner-container .banner-title h1 span{display:block;font-size:40px}.top-banner-container .banner-title p{color:#000;font-size:16px}.top-banner-container .banner-title .link-description-container{display:grid;grid-template-columns:1fr 1fr}.top-banner-container .banner-title .link-description-container .link-description-containerA,.top-banner-container .banner-title .link-description-container .link-description-containerB{background:rgba(96,98,119,.102);border-radius:4px;color:#000;cursor:default;display:block;font-size:12px;font-weight:400;line-height:1.2em;margin:4px;padding:16px 8px;text-align:center;text-decoration:none}.top-banner-container .banner-title .link-description-container .link-description-containerA .right-arrow-icon,.top-banner-container .banner-title .link-description-container .link-description-containerB .right-arrow-icon{color:#5e5c5a;margin:0 4px;vertical-align:middle}.top-banner-container .banner-title .link-description-container .link-description-containerA .link-img-icon,.top-banner-container .banner-title .link-description-container .link-description-containerB .link-img-icon{color:#5e5c5a;display:block;font-size:24px;margin:0 auto 4px;text-align:center}.top-banner-container .banner-title .link-description-container .link-description-containerA:after,.top-banner-container .banner-title .link-description-container .link-description-containerA:hover{background:#549b9f94;text-decoration:none}.top-banner-container .banner-title .link-description-container .link-description-containerB:after,.top-banner-container .banner-title .link-description-container .link-description-containerB:hover{background:rgba(26,76,145,.478);text-decoration:none}.dev-button{background:hsla(0,0%,50%,.051);border:1px solid #898885;color:#898885;font-weight:bolder;padding:.8em 2em}.dev-button:hover{-webkit-text-fill-color:#0000;animation:nav-animation2 .6s linear;background:linear-gradient(to right top,#7e0b89,#7e0b89,#cc41dc,#ff4598,#ff2184,#ff627c,#f9f871);-webkit-background-clip:text;border-image:linear-gradient(90deg,#ff4598 0,#ff627c) 1;border-style:solid;border-width:1px;cursor:default;transition:all .1s linear}@keyframes nav-animation2{to{-webkit-text-fill-color:#0000;background:linear-gradient(to right top,#7e0b89,#7e0b89,#cc41dc,#ff4598,#ff2184,#ff627c,#f9f871);-webkit-background-clip:text;background-position:150px}}.mobile-worksample-container{display:none}.pc-worksample{display:flex;height:auto;margin-bottom:8em;width:auto}.pc-worksample .nav-item-ttl-active{color:#606277!important}.pc-worksample .vertical-nav{display:flex;flex-direction:column;height:5px;justify-content:center;margin:auto 0;width:20px}.pc-worksample .workSample-content{width:-webkit-fill-available}.secondary-loader{animation:secondary-loader-animation1 1s linear infinite;border:2px solid #888784;border-left-color:#0000;border-radius:50%;height:20px;width:20px}@keyframes secondary-loader-animation1{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.profile-container{color:#000;font-size:16px;font-weight:300;line-height:1.5em}.profile-container div:first-child .tab-space{padding-left:16px}.background-img-tech1{color:#000;overflow:hidden;position:relative;width:100%}.background-img-tech1:before{background-image:url(../../static/media/background_technology.0359170b6c2dc1714951.jpg);background-position:-150px 9px;background-size:150%;content:"";height:350px;opacity:.4;position:absolute;right:40%;transform:rotate(180deg);width:70%;z-index:-1}.background-img-tech2{color:#000;overflow:hidden;position:relative;width:100%}.background-img-tech2:before{background-image:url(../../static/media/background_technology.0359170b6c2dc1714951.jpg);background-position:-150px 9px;background-size:150%;content:"";height:350px;left:40%;opacity:.4;position:absolute;width:70%;z-index:-1}.background-img-tech2 .dev-skills{-webkit-text-fill-color:#0000;animation:nav-animation .5s linear;background:linear-gradient(to right top,#6d327c,#485da6,#00a1ba,#00bf98,#36c486);-webkit-background-clip:text;transition:all .1s linear}.background-img-tech2 .skill-list-container{display:grid;grid-template-columns:1fr 1fr 1fr 3fr}.background-img-tech2 .skill-list-container b{color:#000;font-weight:600;text-decoration:underline}.background-img-tech2 .skill-list-container ul{color:#000;margin:5px 1.2em;padding:.2em}.background-img-tech2 .skill-list-container div{font-size:12px}.contact-container{margin:1em}.contact-container .contact-input-container .contact-email{border:1px solid #7c7b7c;border-radius:2px;font-family:raleway;padding:4px;width:-webkit-fill-available}.contact-container .contact-input-container .contact-message{border:1px solid #7c7b7c;font-family:raleway;margin:4px 0;padding:4px;width:-webkit-fill-available}.contact-container .contact-input-container .contact-submit-container{text-align:right}.contact-container .contact-input-container .contact-submit-container .contact-submit{background:#fff;border:1px solid #888784;border-radius:0;color:#888784;font-size:12px;font-weight:700;padding:4px 2px;width:70px}.contact-container .contact-input-container .contact-submit-container .contact-submit:hover{background-color:hsla(45,2%,53%,.129)}footer{background:#f9f9f9;bottom:0;display:flex;justify-content:space-between;margin-top:5em;padding:.5em .2em 1em}footer .left-block{display:flex;flex-direction:column;justify-content:flex-end;margin:8px}footer .external-link svg{color:#383838;cursor:default;font-size:24px;margin:4px}footer .external-link svg:hover{transform:scale(1.2);transition:all .1s linear}footer .copyright{font-family:sans-serif;font-size:12px;margin:0}footer .honourCode_PC{display:block;font-family:sans-serif;padding:8px;width:500px}footer .honourCode_PC h4{color:#7d7d7d;font-size:12px;font-weight:700;margin:0}footer .honourCode_PC .text{font-size:12px}footer .honourCode_Phone{display:none}@media (max-width:1024px) and (max-width:768px){.nav-container{grid-template-columns:auto;justify-content:center}.section-title{margin-top:1em}}@media (max-width:768px){.header .nav-container{display:flex;justify-content:space-between;margin-left:10px}.header .nav-container .site-logo-s{height:30px;margin:8px}.header .nav-container .nav-btn{background:none;border:none;color:grey;display:inline-block;font-size:35px;margin:8px}.header .nav-container .nav{display:none}.header .nav-container .banner-title h1{font-size:30px}.header .nav-container .banner-title h1 span{font-size:20px}.top-banner-container{margin-top:1em}.section-title{line-height:.9em;margin:1em 0 .5em}.react-swipeable-view-container div{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.mobile-worksample-container{display:block}.mobile-worksample-container.css-19r6kue-MuiContainer-root{height:auto;margin-right:0;padding-left:0;padding-right:0}.mobile-worksample-container .jFJUQD{font-size:12px;padding:0}.mobile-worksample-container .tag-container{display:contents}.mobile-worksample-container .css-1knaqv7-MuiButtonBase-root-MuiButton-root{color:#606277}.mobile-worksample-container .icon_selector_selected{color:#707070;display:block;font-size:9px;padding:4px}.mobile-worksample-container .icon_selector{color:#d9d9d9;display:block;font-size:9px;padding:4px}.mobile-worksample-container .right-arrow-icon{margin:auto 0;vertical-align:middle}.mobile-worksample-container .sample-contents-container{display:flex;flex-direction:column}.mobile-worksample-container .mobile-comment{color:#3f51b5;cursor:default;font-family:arial;font-weight:400;vertical-align:middle}.mobile-worksample-container .mobile-tmp-box-container{align-items:center;display:block;overflow-y:hidden;position:relative;transition:transform .5s ease-out}.mobile-worksample-container .mobile-tmp-box{animation:slide-right .8s;animation-delay:0s}@keyframes slide-right{0%{left:0}to{left:600px}}.pc-worksample{display:none!important}.skill-list-container{grid-template-columns:auto!important}.skill-list-container ul{background-color:#f9f9f9;border:none;list-style-type:none;margin:5px .2em;padding:1em}.background-img-tech{background:hsla(0,0%,100%,.588)}.background-img-tech:before{background-position:-100px 9px;background-size:170%;height:500px;left:0;width:100%}.css-xdmu94-MuiContainer-root{padding:0!important}.profile-container{display:flex;flex-direction:column;margin:0}.profile-container div:first-child{background-color:initial;margin:0;padding:0 4px}.contact-container{grid-template-columns:auto}footer{flex-direction:column;padding:.5em .2em 0}footer .copyright{font-size:8px}footer .left-block{margin:0 0 8px}footer .external-link svg{font-size:18px}footer p{font-family:sans-serif;font-size:7px;line-height:1em}footer .honourCode_PC{display:none!important}footer .honourCode_Phone{display:block!important;margin:0 0 4px;padding:0}footer .honourCode_Phone .text{font-family:sans-serif;font-size:9px;line-height:1em}}.sample-container .sample-title-container .tag-container .tech-tag:hover{background:#8080808c}.sample-contents-container-007{grid-template-columns:1fr 1fr}.sample-contents-container-007 .sample-input-container{color:#000;font-family:sans-serif;font-size:12px;font-weight:400}.sample-contents-container-007 .table-container{color:#000;font-weight:400;z-index:1}.sample-contents-container-007 .table-container .list-ttl{font-size:12px;font-weight:400;margin-bottom:0}@media (max-width:768px){.sample-container{padding:0}.sample-contents-container-007{display:block}}


/*
! tailwindcss v3.4.5 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;white-space:nowrap;width:1px}.absolute,.sr-only{position:absolute}.relative{position:relative}.m-4{margin:1rem}.m-auto{margin:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.table{display:table}.hidden{display:none}.w-max{width:-webkit-max-content;width:max-content}.resize{resize:both}.flex-row{flex-direction:row}.justify-between{justify-content:space-between}.justify-items-start{justify-items:start}.border{border-width:1px}.text-left{text-align:left}.text-center{text-align:center}.text-lg{font-size:1.125rem;line-height:1.75rem}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.sample-title-container-007{color:#000;font-weight:400}.sample-title-container-007 .table-title-container{border-radius:0;color:#000;font-family:sans-serif;font-size:12px;font-weight:200;height:30px}.sample-title-container-007 .value-nav1{margin-top:24px}.sample-title-container-007 .value-nav1 .template-ttl{justify-content:space-between}.sample-title-container-007 .value-nav1 .template-ttl select{border:1px solid #888784;width:84.5%}.sample-title-container-007 .value-nav1 .template-ttl svg{font-size:14px;margin-right:3px}.sample-contents-container-007{display:grid;grid-template-columns:2fr 1fr;position:relative}.sample-contents-container-007 .x-size-container .template-type-container{border:1px solid #888784;height:38px;margin:2px;position:relative;width:30px}.sample-contents-container-007 .x-size-container .template-type-container.selected{border:2px solid #4243ea}.sample-contents-container-007 .x-size-container .template-type-container .template-type:hover{background:rgba(0,0,0,.169);height:34px;position:absolute;top:0;width:26px;z-index:2}.sample-contents-container-007 .template-modal{background:#fff;border:1px solid;color:#000;left:25%;padding:24px 40px;position:absolute;top:2%;width:400px;z-index:5}.sample-contents-container-007 .template-modal input{border:1px solid #888784;height:26px;padding:0 4px;width:100%}.sample-contents-container-007 .template-modal select{border:1px solid #888784;width:100%}.sample-contents-container-007 .template-modal .changeFileBtn-container{text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.sample-contents-container-007 .template-modal .changeFileBtn-container input{display:none}.sample-contents-container-007 .template-modal .changeFileBtn-container label{background:#d9d9d9;border:2px solid #888784;border-radius:10px;color:#888784;display:flex;flex-direction:column;font-family:arial;font-size:10px;font-weight:900;padding:4px 8px}.sample-contents-container-007 .template-modal .changeFileBtn-container label:hover{background:#8887847d}.sample-contents-container-007 .template-modal .changeFileBtn-container label svg{color:#888784;font-size:20px;margin:auto}.sample-contents-container-007 .sample-title-container-007 .view-container{position:relative}.sample-contents-container-007 .sample-title-container-007 .view-container .pdfpreviewl1{height:529px;position:absolute;width:382px;z-index:1}.sample-contents-container-007 .sample-title-container-007 .view-container .pdfpreviewl3-1{height:529px;position:absolute;width:382px;z-index:2}.sample-contents-container-007 .sample-title-container-007 .view-container .pdfpreviewl3-1 .pdfpreviewl3-2{height:529px;position:relative;width:382px;z-index:2}.sample-contents-container-007 .sample-title-container-007 .view-container .pdfpreviewl3-1 .pdfpreviewl3-2.unselected{display:none}.sample-contents-container-007 .sample-title-container-007 .view-container .pdfpreviewl3-1 .pdfpreviewl3-2.selected{background:rgba(54,196,134,.129);border:1px solid #606277}.sample-contents-container-007 .sample-title-container-007 .view-container .pdfpreviewl3-1 .pdfpreviewl3-2 .label_box.unselected{background:#fff;border:1px solid #888784;display:flex;position:absolute;z-index:3}.sample-contents-container-007 .sample-title-container-007 .view-container .pdfpreviewl3-1 .pdfpreviewl3-2 .label_box.unselected select{border:1px solid #888784}.sample-contents-container-007 .sample-title-container-007 .view-container .pdfpreviewl3-1 .pdfpreviewl3-2 .label_box.selected{background:#fff;border:1px solid #888784;display:flex;position:absolute;z-index:3}.sample-contents-container-007 .sample-title-container-007 .view-container .pdfpreviewl3-1 .pdfpreviewl3-2 .label_box.selected select{border:1px solid #888784}.sample-contents-container-007 .sample-title-container-007 .view-container .pdfpreviewl3-1 .pdfpreviewl3-2 .corner-box{position:absolute;z-index:4}.sample-contents-container-007 .sample-title-container-007 .view-container .pdfpreviewl3-1 .pdfpreviewl3-2 .corner-box.a.selected,.sample-contents-container-007 .sample-title-container-007 .view-container .pdfpreviewl3-1 .pdfpreviewl3-2 .corner-box.b.selected,.sample-contents-container-007 .sample-title-container-007 .view-container .pdfpreviewl3-1 .pdfpreviewl3-2 .corner-box.c.selected,.sample-contents-container-007 .sample-title-container-007 .view-container .pdfpreviewl3-1 .pdfpreviewl3-2 .corner-box.d.selected{border:1px solid #3b82f680;height:10px;text-align:right;width:10px}.sample-contents-container-007 .sample-table-container-007{justify-content:center;margin:0 0 0 10px;max-width:350px}.sample-contents-container-007 .sample-table-container-007 .value-nav2{justify-content:flex-end}.sample-contents-container-007 .sample-table-container-007 .value-nav2 svg{font-size:14px;margin-right:3px}.sample-contents-container-007 .sample-table-container-007 .value-nav3{color:#000}.sample-contents-container-007 .sample-table-container-007 .value-nav3 .template-position{justify-content:space-between}.sample-contents-container-007 .sample-table-container-007 .value-nav3 .template-position select{border:1px solid #888784;height:24px;width:70%}.sample-contents-container-007 .sample-table-container-007 .value-nav3 .template-position .svg-img{font-size:24px;margin-right:3px}.sample-contents-container-007 .sample-table-container-007 .value-nav3 .template-position .svg-img.selected{color:#4243ea}.sample-contents-container-007 .sample-table-container-007 .value-nav3 button{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 0 0 auto}.sample-contents-container-007 .sample-table-container-007 .value-nav4 svg{font-size:16px}.sample-contents-container-007 .sample-table-container-007 .value-nav4 svg:hover{background:#8786831c;border-radius:50%}.sample-contents-container-007 .sample-table-container-007 .template-boxlist-container{color:#000;padding:1em 10px}.sample-contents-container-007 .sample-table-container-007 .template-boxlist-container .template-boxlist-display{display:flex;flex-direction:column}.sample-contents-container-007 .sample-table-container-007 .template-boxlist-container .template-boxlist-display label{font-weight:700}.sample-contents-container-007 .sample-table-container-007 .template-boxlist-container .template-boxlist-edit .easy-sample{background:#3b82f617;border-radius:3px;padding:2px 4px}.sample-contents-container-007 .sample-table-container-007 .template-boxlist-container .template-boxlist-edit input{border:1px solid #888784;height:26px;padding:0 4px;width:100%}.sample-contents-container-007 .sample-table-container-007 .template-boxlist-container .template-boxlist-edit select{border:1px solid #888784;height:24px}.sample-contents-container-007 .sample-table-container-007 .template-boxlist-container .template-boxlist-edit .template-boxlist-item{display:flex;flex-direction:column}.sample-contents-container-007 .sample-table-container-007 .box-item-in-text-container{display:ruby;width:500px}.sample-contents-container-007 .sample-table-container-007 .box-item-in-text{background:#4243ea;border-radius:10px;color:#fff;display:flex;font-family:arial;font-size:9px;padding:0 4px;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.sample-contents-container-007 .sample-table-container-007 .box-item-in-text svg{margin:auto 0}.sample-contents-container-007 .sample-table-container-007 .generating-number{color:#000;margin:0 2px}.primary-btn{background:#33b211;border-radius:2px;color:#fff;font-family:arial;font-size:10px;font-weight:600;padding:4px 8px}.primary-btn,.secondary-btns{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.secondary-btns{display:flex;justify-items:end;margin:0 0 0 auto}.secondary-btn{border:1px solid #888784;border-radius:2px;color:#888784;cursor:default;font-family:arial;font-size:10px;font-weight:600;padding:4px 8px}.secondary-btn:hover{background:#8786831c}.secondary-btn:disabled{border:1px solid #cccbc9;color:#cccbc9}.secondary-btn.disabled:hover{background:none}.danger-btn{background:#eb1b3c;border-radius:2px;color:#fff;font-family:arial;font-size:10px;font-weight:600;padding:4px 8px}.sample-container-002{font-size:12px}.sample-container-002 .sample-title{color:#000;font-size:18px;font-weight:300;margin:16px 0 8px}.sample-container-002 .tag-container{color:#000;cursor:default;display:inline;font-weight:400;text-align:left;width:-webkit-max-content;width:max-content}.sample-container-002 .tag-container .tech-tag{background:#d9d9d9;border-radius:4px;cursor:default;display:inline-block;font-size:11px;margin:0 4px;padding:0 12px;width:-webkit-max-content;width:max-content}.sample-container-002 .tag-container .tech-tag:hover{background:hsla(0,0%,50%,.549)}.sample-contents-container-002 .sample-input-container{color:#000;font-size:12px;font-weight:400}.sample-contents-container-002 .table-container{color:#000;font-weight:400;z-index:1}.sample-contents-container-002 .table-container .list-ttl{font-size:12px;font-weight:400;margin-bottom:0}.sample-contents-container-002 .table-container .result-data-container{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.sample-contents-container-002 .table-container .result-data-container span{margin-right:4px}.sample-contents-container-002 .table-container .result-data-container .contributors_list{margin:0;padding:0}.sample-contents-container-002 .table-container .result-data-container .contributors_list li{list-style:none}.sample-contents-container-002 .table-container .result-data-container .contributors_list .contributors_list_delete_icon{background:none;border:none}.sample-contents-container-002 .login-tab{display:flex;font-size:12px;margin-left:9px;margin-top:2em}.sample-contents-container-002 .login-tab button{margin:0 -1px}.sample-contents-container-002 .login-tab button.login-tab-item-active{padding:2px 4px}.sample-contents-container-002 .login-tab-item-active{border-bottom:2px solid #606277!important;font-weight:700;margin:0}.sample-contents-container-002 .login-controller-box{color:#000}.sample-contents-container-002 .login-display-box{background:#f9f9f9;border:2px solid #458fc0;border-radius:7px;display:grid;height:-webkit-max-content;height:max-content;margin:.5em 0 auto;padding:1em 1em 1em 3em;vertical-align:middle}.sample-contents-container-002 .login-display-box p:first-child{padding-right:20px}.sample-contents-container-002 .login-display-box p:nth-child(2){border-left:1px solid #000;padding-left:20px;padding-right:20px}.sample-contents-container-002 .login-display-box2{background:#f9f9f9;border:2px solid #10ff97;border-radius:7px;height:-webkit-max-content;height:max-content;margin:.5em 0 auto;padding:1em 3em;vertical-align:middle;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.sample-contents-container-002 .login-admin-container{font-size:12px}.sample-contents-container-002 .login-admin-container .ttl{border-bottom:1px solid;margin:0 2em 1em;text-align:left}.sample-contents-container-002 .login-admin-container .ttl div{text-overflow:ellipsis;width:150px}.sample-contents-container-002 .login-admin-container .ttl div:first-child{width:56px}.sample-contents-container-002 .login-admin-container .ttl div:nth-child(7){width:200px}.sample-contents-container-002 .login-admin-container .item{margin:0 3em}.sample-contents-container-002 .login-admin-container .item>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:150px}.sample-contents-container-002 .login-admin-container .item>div:first-child{width:44px}.sample-contents-container-002 .login-admin-container .item>div:nth-child(7){width:200px}.sample-contents-container-002 .login-admin-container .item>div svg{font-size:20px}.sample-contents-container-002 .login-admin-container .item .btn-sp{display:none}.sample-contents-container-002 .login-admin-container .login-admin-container-user .ttl>div{width:100px}.sample-contents-container-002 .login-admin-container .login-admin-container-user .ttl>div:first-child{width:35px}.sample-contents-container-002 .login-admin-container .login-admin-container-user .ttl>div:nth-child(7){width:200px}.sample-contents-container-002 .login-admin-container .login-admin-container-user .item>div{width:184px}.sample-contents-container-002 .login-admin-container .login-admin-container-user .item>div:first-child{width:32px}.sample-contents-container-002 .login-admin-container .login-admin-container-user .item>div:nth-child(7){width:350px}.sample-contents-container-002 .login-admin-container .item-edit{margin:auto 3em;vertical-align:middle}.sample-contents-container-002 .login-admin-container .item-edit div{margin:auto 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:132px}.sample-contents-container-002 .login-admin-container .item-edit div:first-child{width:44px}.sample-contents-container-002 .login-admin-container .item-edit div:nth-child(2){width:100px}.sample-contents-container-002 .login-admin-container .item-edit div:nth-child(6){width:110px}.sample-contents-container-002 .login-admin-container .item-edit div:nth-child(6) select{width:86px}.sample-contents-container-002 .login-admin-container .item-edit div:nth-child(7){width:200px}.sample-contents-container-002 .login-admin-container .item-edit div svg{font-size:20px}.sample-contents-container-002 .login-admin-container .item-edit div select{border:1px solid #000;height:22px;margin-bottom:4px}.sample-contents-container-002 .login-admin-container .item-edit div .inputA,.sample-contents-container-002 .login-admin-container .item-edit div .inputB{border:1px solid #000;border-radius:0;height:22px;margin-bottom:4px;padding-left:2px;width:100px}.sample-contents-container-002 .create-new-account-input-container,.sample-contents-container-002 .login-input-container{display:flex;flex-direction:column}.sample-contents-container-002 .login-input-container-fit{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.sample-contents-container-002 .create-new-account-input-container,.sample-contents-container-002 .login-container,.sample-contents-container-002 .login-input-container{align-content:center;align-items:center;font-size:16px;margin:auto}.sample-contents-container-002 .create-new-account-input-container h4,.sample-contents-container-002 .login-container h4,.sample-contents-container-002 .login-input-container h4{font-size:16px;font-weight:lighter;margin:0 3em 1em}.sample-contents-container-002 .create-new-account-input-container .create-new-account-input-container,.sample-contents-container-002 .create-new-account-input-container .login-input-container,.sample-contents-container-002 .create-new-account-input-container form,.sample-contents-container-002 .login-container .create-new-account-input-container,.sample-contents-container-002 .login-container .login-input-container,.sample-contents-container-002 .login-container form,.sample-contents-container-002 .login-input-container .create-new-account-input-container,.sample-contents-container-002 .login-input-container .login-input-container,.sample-contents-container-002 .login-input-container form{display:flex;flex-direction:column}.sample-contents-container-002 .create-new-account-input-container label,.sample-contents-container-002 .login-container label,.sample-contents-container-002 .login-input-container label{font-size:12px;text-align:left}.sample-contents-container-002 .create-new-account-input-container svg,.sample-contents-container-002 .login-container svg,.sample-contents-container-002 .login-input-container svg{color:#606277;display:inline;font-size:14px;margin-right:2px}.sample-contents-container-002 .create-new-account-input-container p,.sample-contents-container-002 .login-container p,.sample-contents-container-002 .login-input-container p{cursor:default;display:inline-block;font-size:9px;margin:0 1em}.sample-contents-container-002 .create-new-account-input-container p:hover,.sample-contents-container-002 .login-container p:hover,.sample-contents-container-002 .login-input-container p:hover{text-decoration:underline}.sample-contents-container-002 .create-new-account-input-container .create-new-account-input,.sample-contents-container-002 .create-new-account-input-container .login-input,.sample-contents-container-002 .login-container .create-new-account-input,.sample-contents-container-002 .login-container .login-input,.sample-contents-container-002 .login-input-container .create-new-account-input,.sample-contents-container-002 .login-input-container .login-input{border:1px solid #0000003b;border-radius:0;height:38px;margin-bottom:4px;margin-left:2px;min-width:300px;padding-left:12px}.sample-contents-container-002 .create-new-account-input-container .account-err,.sample-contents-container-002 .create-new-account-input-container .create-new-account-err,.sample-contents-container-002 .login-container .account-err,.sample-contents-container-002 .login-container .create-new-account-err,.sample-contents-container-002 .login-input-container .account-err,.sample-contents-container-002 .login-input-container .create-new-account-err{color:#e4001d;display:inherit;font-size:16px;line-height:1em;margin-bottom:4px;text-align:left;vertical-align:text-top;width:250px}.sample-contents-container-002 .create-new-account-input-container .account-sub-msg,.sample-contents-container-002 .login-container .account-sub-msg,.sample-contents-container-002 .login-input-container .account-sub-msg{background:rgba(5,150,0,.231);color:#000;display:inherit;font-size:10px;line-height:1em;margin:4px 0;padding:4px;text-align:left;vertical-align:text-top}.sample-contents-container-002 .create-new-account-input-container .notification,.sample-contents-container-002 .login-container .notification,.sample-contents-container-002 .login-input-container .notification{background:#fafafa;border:1px solid #d9d9d9;border-radius:8px;font-size:18px;margin:8px 16px;padding:6px 12px;vertical-align:middle}.sample-contents-container-002 .create-new-account-input-container .notification div,.sample-contents-container-002 .login-container .notification div,.sample-contents-container-002 .login-input-container .notification div{margin:auto 0}.sample-contents-container-002 .create-new-account-input-container .account-err-msg,.sample-contents-container-002 .login-container .account-err-msg,.sample-contents-container-002 .login-input-container .account-err-msg{background:#de6b6b2e;border:2px solid red;border-radius:8px;color:red;font-size:18px;margin:8px 16px;padding:8px}.sample-contents-container-002 .create-new-account-input-container .account-err-msg div,.sample-contents-container-002 .login-container .account-err-msg div,.sample-contents-container-002 .login-input-container .account-err-msg div{margin:auto 0}.sample-contents-container-002 .create-new-account-input-container .notification-container svg,.sample-contents-container-002 .login-container .notification-container svg,.sample-contents-container-002 .login-input-container .notification-container svg{font-size:34px;margin-right:2px}.sample-contents-container-002 .create-new-account-input-container .login-contents-container,.sample-contents-container-002 .login-container .login-contents-container,.sample-contents-container-002 .login-input-container .login-contents-container{margin:1em}.sample-contents-container-002 .create-new-account-input-container .login-contents-container form,.sample-contents-container-002 .login-container .login-contents-container form,.sample-contents-container-002 .login-input-container .login-contents-container form{text-align:left}.sample-contents-container-002 .create-new-account-input-container .login-contents-container .menu-item,.sample-contents-container-002 .login-container .login-contents-container .menu-item,.sample-contents-container-002 .login-input-container .login-contents-container .menu-item{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.sample-contents-container-002 .create-new-account-input-container .login-container-txt,.sample-contents-container-002 .login-container .login-container-txt,.sample-contents-container-002 .login-input-container .login-container-txt{margin:1em}.sample-contents-container-002 .create-new-account-input-container .login-nav,.sample-contents-container-002 .login-container .login-nav,.sample-contents-container-002 .login-input-container .login-nav{border-bottom:1px solid #000;display:flex;flex-direction:inherit;font-size:12px;justify-content:space-between;margin:0 1em 1em}.sample-contents-container-002 .create-new-account-input-container .login-nav span,.sample-contents-container-002 .login-container .login-nav span,.sample-contents-container-002 .login-input-container .login-nav span{background:#cdcdcd;border-radius:2px;font-size:12px;margin:0 4px 2px;padding:2px 7px 0;vertical-align:middle;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.sample-contents-container-002 .create-new-account-input-container .login-nav div:nth-child(2),.sample-contents-container-002 .login-container .login-nav div:nth-child(2),.sample-contents-container-002 .login-input-container .login-nav div:nth-child(2){font-size:10px}.sample-contents-container-002 .create-new-account-input-container .login-nav .logout-container,.sample-contents-container-002 .login-container .login-nav .logout-container,.sample-contents-container-002 .login-input-container .login-nav .logout-container{border:1px solid #000;border-radius:4px;margin-bottom:5px;padding:4px 8px}.sample-contents-container-002 .create-new-account-input-container .link-btn,.sample-contents-container-002 .login-container .link-btn,.sample-contents-container-002 .login-input-container .link-btn{background:none;border:none;cursor:default;display:flex;font-size:12px;font-weight:lighter;line-height:1.4em;margin:auto;text-decoration:underline}.sample-contents-container-002 .create-new-account-input-container .logout-btn,.sample-contents-container-002 .login-container .logout-btn,.sample-contents-container-002 .login-input-container .logout-btn{background:none;border:0;font-size:12px;padding:4px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.sample-contents-container-002 .create-new-account-input-container .logout-btn:disabled,.sample-contents-container-002 .login-container .logout-btn:disabled,.sample-contents-container-002 .login-input-container .logout-btn:disabled{border:1px solid #c4c4c4}.sample-contents-container-002 .create-new-account-input-container .logout-btn:disabled:active,.sample-contents-container-002 .create-new-account-input-container .logout-btn:disabled:hover,.sample-contents-container-002 .login-container .logout-btn:disabled:active,.sample-contents-container-002 .login-container .logout-btn:disabled:hover,.sample-contents-container-002 .login-input-container .logout-btn:disabled:active,.sample-contents-container-002 .login-input-container .logout-btn:disabled:hover{background:none}.sample-contents-container-002 .create-new-account-input-container .logout-btn:active,.sample-contents-container-002 .create-new-account-input-container .logout-btn:hover,.sample-contents-container-002 .login-container .logout-btn:active,.sample-contents-container-002 .login-container .logout-btn:hover,.sample-contents-container-002 .login-input-container .logout-btn:active,.sample-contents-container-002 .login-input-container .logout-btn:hover{background:#d9d9d9}.sample-contents-container-002 .create-new-account-input-container .logout-btn svg,.sample-contents-container-002 .login-container .logout-btn svg,.sample-contents-container-002 .login-input-container .logout-btn svg{font-size:16px;margin:auto 2px;vertical-align:text-bottom}.sample-contents-container-002 .create-new-account-input-container .login-btn,.sample-contents-container-002 .create-new-account-input-container .register-btn,.sample-contents-container-002 .login-container .login-btn,.sample-contents-container-002 .login-container .register-btn,.sample-contents-container-002 .login-input-container .login-btn,.sample-contents-container-002 .login-input-container .register-btn{background:#000;border-radius:4px;color:#fff;font-size:12px;margin-top:10px;padding:4px 8px}.sample-contents-container-002 .create-new-account-input-container .login-btn:disabled,.sample-contents-container-002 .create-new-account-input-container .login-btn:disabled:active,.sample-contents-container-002 .create-new-account-input-container .login-btn:disabled:hover,.sample-contents-container-002 .create-new-account-input-container .register-btn:disabled,.sample-contents-container-002 .create-new-account-input-container .register-btn:disabled:active,.sample-contents-container-002 .create-new-account-input-container .register-btn:disabled:hover,.sample-contents-container-002 .login-container .login-btn:disabled,.sample-contents-container-002 .login-container .login-btn:disabled:active,.sample-contents-container-002 .login-container .login-btn:disabled:hover,.sample-contents-container-002 .login-container .register-btn:disabled,.sample-contents-container-002 .login-container .register-btn:disabled:active,.sample-contents-container-002 .login-container .register-btn:disabled:hover,.sample-contents-container-002 .login-input-container .login-btn:disabled,.sample-contents-container-002 .login-input-container .login-btn:disabled:active,.sample-contents-container-002 .login-input-container .login-btn:disabled:hover,.sample-contents-container-002 .login-input-container .register-btn:disabled,.sample-contents-container-002 .login-input-container .register-btn:disabled:active,.sample-contents-container-002 .login-input-container .register-btn:disabled:hover{background:#d9d9d9;border:1px solid #c4c4c4}.sample-contents-container-002 .create-new-account-input-container .login-btn:active,.sample-contents-container-002 .create-new-account-input-container .login-btn:hover,.sample-contents-container-002 .create-new-account-input-container .register-btn:active,.sample-contents-container-002 .create-new-account-input-container .register-btn:hover,.sample-contents-container-002 .login-container .login-btn:active,.sample-contents-container-002 .login-container .login-btn:hover,.sample-contents-container-002 .login-container .register-btn:active,.sample-contents-container-002 .login-container .register-btn:hover,.sample-contents-container-002 .login-input-container .login-btn:active,.sample-contents-container-002 .login-input-container .login-btn:hover,.sample-contents-container-002 .login-input-container .register-btn:active,.sample-contents-container-002 .login-input-container .register-btn:hover{background:#000c}.sample-contents-container-002 .create-new-account-input-container .login-btn .login-btn-link,.sample-contents-container-002 .create-new-account-input-container .register-btn .login-btn-link,.sample-contents-container-002 .login-container .login-btn .login-btn-link,.sample-contents-container-002 .login-container .register-btn .login-btn-link,.sample-contents-container-002 .login-input-container .login-btn .login-btn-link,.sample-contents-container-002 .login-input-container .register-btn .login-btn-link{color:#fff;text-decoration:none}.sample-contents-container-002 .create-new-account-input-container .cancel-btn,.sample-contents-container-002 .create-new-account-input-container .delete2-btn,.sample-contents-container-002 .create-new-account-input-container .edit-btn,.sample-contents-container-002 .create-new-account-input-container .update2-btn,.sample-contents-container-002 .login-container .cancel-btn,.sample-contents-container-002 .login-container .delete2-btn,.sample-contents-container-002 .login-container .edit-btn,.sample-contents-container-002 .login-container .update2-btn,.sample-contents-container-002 .login-input-container .cancel-btn,.sample-contents-container-002 .login-input-container .delete2-btn,.sample-contents-container-002 .login-input-container .edit-btn,.sample-contents-container-002 .login-input-container .update2-btn{border:1px solid #555;color:#000;font-size:12px;height:18px;margin:2px;padding:0 16px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.sample-contents-container-002 .create-new-account-input-container .cancel-btn:disabled,.sample-contents-container-002 .create-new-account-input-container .delete2-btn:disabled,.sample-contents-container-002 .create-new-account-input-container .edit-btn:disabled,.sample-contents-container-002 .create-new-account-input-container .update2-btn:disabled,.sample-contents-container-002 .login-container .cancel-btn:disabled,.sample-contents-container-002 .login-container .delete2-btn:disabled,.sample-contents-container-002 .login-container .edit-btn:disabled,.sample-contents-container-002 .login-container .update2-btn:disabled,.sample-contents-container-002 .login-input-container .cancel-btn:disabled,.sample-contents-container-002 .login-input-container .delete2-btn:disabled,.sample-contents-container-002 .login-input-container .edit-btn:disabled,.sample-contents-container-002 .login-input-container .update2-btn:disabled{background:#d9d9d9;border:1px solid #c4c4c4;color:grey}.sample-contents-container-002 .create-new-account-input-container .cancel-btn:disabled:active,.sample-contents-container-002 .create-new-account-input-container .cancel-btn:disabled:hover,.sample-contents-container-002 .create-new-account-input-container .delete2-btn:disabled:active,.sample-contents-container-002 .create-new-account-input-container .delete2-btn:disabled:hover,.sample-contents-container-002 .create-new-account-input-container .edit-btn:disabled:active,.sample-contents-container-002 .create-new-account-input-container .edit-btn:disabled:hover,.sample-contents-container-002 .create-new-account-input-container .update2-btn:disabled:active,.sample-contents-container-002 .create-new-account-input-container .update2-btn:disabled:hover,.sample-contents-container-002 .login-container .cancel-btn:disabled:active,.sample-contents-container-002 .login-container .cancel-btn:disabled:hover,.sample-contents-container-002 .login-container .delete2-btn:disabled:active,.sample-contents-container-002 .login-container .delete2-btn:disabled:hover,.sample-contents-container-002 .login-container .edit-btn:disabled:active,.sample-contents-container-002 .login-container .edit-btn:disabled:hover,.sample-contents-container-002 .login-container .update2-btn:disabled:active,.sample-contents-container-002 .login-container .update2-btn:disabled:hover,.sample-contents-container-002 .login-input-container .cancel-btn:disabled:active,.sample-contents-container-002 .login-input-container .cancel-btn:disabled:hover,.sample-contents-container-002 .login-input-container .delete2-btn:disabled:active,.sample-contents-container-002 .login-input-container .delete2-btn:disabled:hover,.sample-contents-container-002 .login-input-container .edit-btn:disabled:active,.sample-contents-container-002 .login-input-container .edit-btn:disabled:hover,.sample-contents-container-002 .login-input-container .update2-btn:disabled:active,.sample-contents-container-002 .login-input-container .update2-btn:disabled:hover{background:#d9d9d9;border:1px solid #c4c4c4}.sample-contents-container-002 .create-new-account-input-container .cancel-btn:active,.sample-contents-container-002 .create-new-account-input-container .cancel-btn:hover,.sample-contents-container-002 .create-new-account-input-container .delete2-btn:active,.sample-contents-container-002 .create-new-account-input-container .delete2-btn:hover,.sample-contents-container-002 .create-new-account-input-container .edit-btn:active,.sample-contents-container-002 .create-new-account-input-container .edit-btn:hover,.sample-contents-container-002 .create-new-account-input-container .update2-btn:active,.sample-contents-container-002 .create-new-account-input-container .update2-btn:hover,.sample-contents-container-002 .login-container .cancel-btn:active,.sample-contents-container-002 .login-container .cancel-btn:hover,.sample-contents-container-002 .login-container .delete2-btn:active,.sample-contents-container-002 .login-container .delete2-btn:hover,.sample-contents-container-002 .login-container .edit-btn:active,.sample-contents-container-002 .login-container .edit-btn:hover,.sample-contents-container-002 .login-container .update2-btn:active,.sample-contents-container-002 .login-container .update2-btn:hover,.sample-contents-container-002 .login-input-container .cancel-btn:active,.sample-contents-container-002 .login-input-container .cancel-btn:hover,.sample-contents-container-002 .login-input-container .delete2-btn:active,.sample-contents-container-002 .login-input-container .delete2-btn:hover,.sample-contents-container-002 .login-input-container .edit-btn:active,.sample-contents-container-002 .login-input-container .edit-btn:hover,.sample-contents-container-002 .login-input-container .update2-btn:active,.sample-contents-container-002 .login-input-container .update2-btn:hover{background:#d9d9d9}.sample-contents-container-002 .create-new-account-input-container .delete-btn,.sample-contents-container-002 .create-new-account-input-container .signin-btn,.sample-contents-container-002 .create-new-account-input-container .update-btn,.sample-contents-container-002 .login-container .delete-btn,.sample-contents-container-002 .login-container .signin-btn,.sample-contents-container-002 .login-container .update-btn,.sample-contents-container-002 .login-input-container .delete-btn,.sample-contents-container-002 .login-input-container .signin-btn,.sample-contents-container-002 .login-input-container .update-btn{background:none;font-size:10px;padding:4px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.sample-contents-container-002 .create-new-account-input-container .delete-btn:disabled,.sample-contents-container-002 .create-new-account-input-container .signin-btn:disabled,.sample-contents-container-002 .create-new-account-input-container .update-btn:disabled,.sample-contents-container-002 .login-container .delete-btn:disabled,.sample-contents-container-002 .login-container .signin-btn:disabled,.sample-contents-container-002 .login-container .update-btn:disabled,.sample-contents-container-002 .login-input-container .delete-btn:disabled,.sample-contents-container-002 .login-input-container .signin-btn:disabled,.sample-contents-container-002 .login-input-container .update-btn:disabled{border:1px solid #c4c4c4}.sample-contents-container-002 .create-new-account-input-container .delete-btn:disabled:active,.sample-contents-container-002 .create-new-account-input-container .delete-btn:disabled:hover,.sample-contents-container-002 .create-new-account-input-container .signin-btn:disabled:active,.sample-contents-container-002 .create-new-account-input-container .signin-btn:disabled:hover,.sample-contents-container-002 .create-new-account-input-container .update-btn:disabled:active,.sample-contents-container-002 .create-new-account-input-container .update-btn:disabled:hover,.sample-contents-container-002 .login-container .delete-btn:disabled:active,.sample-contents-container-002 .login-container .delete-btn:disabled:hover,.sample-contents-container-002 .login-container .signin-btn:disabled:active,.sample-contents-container-002 .login-container .signin-btn:disabled:hover,.sample-contents-container-002 .login-container .update-btn:disabled:active,.sample-contents-container-002 .login-container .update-btn:disabled:hover,.sample-contents-container-002 .login-input-container .delete-btn:disabled:active,.sample-contents-container-002 .login-input-container .delete-btn:disabled:hover,.sample-contents-container-002 .login-input-container .signin-btn:disabled:active,.sample-contents-container-002 .login-input-container .signin-btn:disabled:hover,.sample-contents-container-002 .login-input-container .update-btn:disabled:active,.sample-contents-container-002 .login-input-container .update-btn:disabled:hover{background:none}.sample-contents-container-002 .create-new-account-input-container .delete-btn:active,.sample-contents-container-002 .create-new-account-input-container .delete-btn:hover,.sample-contents-container-002 .create-new-account-input-container .signin-btn:active,.sample-contents-container-002 .create-new-account-input-container .signin-btn:hover,.sample-contents-container-002 .create-new-account-input-container .update-btn:active,.sample-contents-container-002 .create-new-account-input-container .update-btn:hover,.sample-contents-container-002 .login-container .delete-btn:active,.sample-contents-container-002 .login-container .delete-btn:hover,.sample-contents-container-002 .login-container .signin-btn:active,.sample-contents-container-002 .login-container .signin-btn:hover,.sample-contents-container-002 .login-container .update-btn:active,.sample-contents-container-002 .login-container .update-btn:hover,.sample-contents-container-002 .login-input-container .delete-btn:active,.sample-contents-container-002 .login-input-container .delete-btn:hover,.sample-contents-container-002 .login-input-container .signin-btn:active,.sample-contents-container-002 .login-input-container .signin-btn:hover,.sample-contents-container-002 .login-input-container .update-btn:active,.sample-contents-container-002 .login-input-container .update-btn:hover{background:#d9d9d9}.sample-contents-container-002 .create-new-account-input-container .delete-btn .login-btn-link,.sample-contents-container-002 .create-new-account-input-container .signin-btn .login-btn-link,.sample-contents-container-002 .create-new-account-input-container .update-btn .login-btn-link,.sample-contents-container-002 .login-container .delete-btn .login-btn-link,.sample-contents-container-002 .login-container .signin-btn .login-btn-link,.sample-contents-container-002 .login-container .update-btn .login-btn-link,.sample-contents-container-002 .login-input-container .delete-btn .login-btn-link,.sample-contents-container-002 .login-input-container .signin-btn .login-btn-link,.sample-contents-container-002 .login-input-container .update-btn .login-btn-link{color:#000;text-decoration:none}.sample-contents-container-002 .create-new-account-input-container .delete-btn,.sample-contents-container-002 .login-container .delete-btn,.sample-contents-container-002 .login-input-container .delete-btn{background:#dd0046;border:2px solid #dd2121;border-radius:4px;color:#fff;font-size:16px;font-weight:700}.sample-contents-container-002 .create-new-account-input-container .delete-btn:active,.sample-contents-container-002 .create-new-account-input-container .delete-btn:hover,.sample-contents-container-002 .login-container .delete-btn:active,.sample-contents-container-002 .login-container .delete-btn:hover,.sample-contents-container-002 .login-input-container .delete-btn:active,.sample-contents-container-002 .login-input-container .delete-btn:hover{background:#b61c1ce3}.sample-contents-container-002 .create-new-account-input-container .update-btn,.sample-contents-container-002 .login-container .update-btn,.sample-contents-container-002 .login-input-container .update-btn{background:#00dd34;border:2px solid #009c26;border-radius:4px;color:#fff;font-size:16px;font-weight:700}.sample-contents-container-002 .create-new-account-input-container .update-btn:disabled,.sample-contents-container-002 .login-container .update-btn:disabled,.sample-contents-container-002 .login-input-container .update-btn:disabled{background:#c4c4c4}.sample-contents-container-002 .create-new-account-input-container .update-btn:disabled:active,.sample-contents-container-002 .create-new-account-input-container .update-btn:disabled:hover,.sample-contents-container-002 .login-container .update-btn:disabled:active,.sample-contents-container-002 .login-container .update-btn:disabled:hover,.sample-contents-container-002 .login-input-container .update-btn:disabled:active,.sample-contents-container-002 .login-input-container .update-btn:disabled:hover{background:#1f8767e3}.sample-contents-container-002 .create-new-account-input-container .google-login-btn,.sample-contents-container-002 .login-container .google-login-btn,.sample-contents-container-002 .login-input-container .google-login-btn{align-items:flex-end;border:1px solid #c4c4c4;font-size:12px;height:29px;margin:5px 0;vertical-align:-webkit-baseline-middle;vertical-align:top}.sample-contents-container-002 .create-new-account-input-container .google-login-btn svg,.sample-contents-container-002 .login-container .google-login-btn svg,.sample-contents-container-002 .login-input-container .google-login-btn svg{font-size:16px;margin:auto 2px}.sample-contents-container-002 .create-new-account-input-container .login-input-ttl,.sample-contents-container-002 .login-container .login-input-ttl,.sample-contents-container-002 .login-input-container .login-input-ttl{margin-bottom:16px;text-align:left}.sample-contents-container-002 .create-new-account-input-container .login-input-ttl:active,.sample-contents-container-002 .create-new-account-input-container .login-input-ttl:hover,.sample-contents-container-002 .login-container .login-input-ttl:active,.sample-contents-container-002 .login-container .login-input-ttl:hover,.sample-contents-container-002 .login-input-container .login-input-ttl:active,.sample-contents-container-002 .login-input-container .login-input-ttl:hover{text-decoration:none}.sample-contents-container-002 .create-new-account-input-container .login-input-txt,.sample-contents-container-002 .login-container .login-input-txt,.sample-contents-container-002 .login-input-container .login-input-txt{margin-bottom:8px;text-align:left}@keyframes slide{to{transform:translateY(0)}}@media (max-width:768px){.sample-container-002{padding:0}.sample-container-002 .tag-container{display:inline;display:initial}.sample-contents-container-002{display:block}.sample-contents-container-002 .login-controller-box{width:auto}.sample-contents-container-002 .login-admin-container .item,.sample-contents-container-002 .login-admin-container .ttl{margin:0 4px 1em}.sample-contents-container-002 .login-admin-container .item .btn-pc{display:none}.sample-contents-container-002 .login-admin-container .item .btn-sp{display:flex}.sample-contents-container-002 .login-admin-container .item .delete3-btn-bg,.sample-contents-container-002 .login-admin-container .item .edit2-btn-bg{animation-duration:275ms;animation-iteration-count:infinite;background:#d31467;background:linear-gradient(to right top,#6d327c,#485da6,#00a1ba,#00bf98,#36c486);background-position:100%;background-size:200% 100%;cursor:default;height:16px;position:relative;transition:background-position 275ms ease;width:16px}.sample-contents-container-002 .login-admin-container .item .delete3-btn,.sample-contents-container-002 .login-admin-container .item .edit2-btn{height:auto;width:auto}.sample-contents-container-002 .login-admin-container .item .delete3-btn:hover .delete3-btn-bg,.sample-contents-container-002 .login-admin-container .item .delete3-btn:hover .edit2-btn-bg,.sample-contents-container-002 .login-admin-container .item .edit2-btn:hover .delete3-btn-bg,.sample-contents-container-002 .login-admin-container .item .edit2-btn:hover .edit2-btn-bg{background-position:0 100%}.sample-contents-container-002 .login-admin-container .item-edit{display:block}.sample-contents-container-002 .login-container .login-nav,.sample-contents-container-002 .login-container h4{margin:0 4px 1em}.sample-contents-container-002 .login-container .create-new-account-input,.sample-contents-container-002 .login-container .login-input{min-width:300px}}.sample-data{font-family:Arial,Helvetica,sans-serif}.tag-container{text-align:left;width:-webkit-max-content;width:max-content}.tag-container .tech-tag{height:16px}.sample-title-container-006{color:#000;font-weight:400}.sample-title-container-006 .table-title-container{border-radius:0;color:#000;font-family:sans-serif;font-size:12px;font-weight:200;height:30px}.sample-title-container-006 h2{color:#000;font-size:24px;font-weight:300}.sample-contents-container-006{display:grid;grid-template-columns:200px 4fr}.sample-contents-container-006 .sample-title-container-006 .select-field{width:auto}.sample-contents-container-006 .sample-title-container-006 .update-btn{background:#000;border:1px solid #666;border-radius:4px;color:#fff;margin:8px 0;padding:2px 4px}.sample-contents-container-006 .sample-title-container-006 .update-btn:active,.sample-contents-container-006 .sample-title-container-006 .update-btn:hover{background:rgba(0,0,0,.788)}.sample-contents-container-006 .sample-title-container-006 .update-btn:disabled{background:#d9d9d9;border:none;cursor:default}.sample-contents-container-006 .sample-table-container-006{justify-content:center;margin:20px 0 20px 20px}.sample-contents-container-006 .sample-table-container-006 h4{color:#000;font-weight:400}.sample-contents-container-006 .sample-table-container-006 .rate-tab{display:flex;justify-content:space-evenly;margin:0 35%}.sample-contents-container-006 .sample-table-container-006 .rate-tab button{padding:0 8px}.sample-contents-container-006 .sample-table-container-006 .rate-tab .term-ttl-active{background:hsla(60,1%,69%,.231);border-radius:8px;padding:0 8px}.sample-contents-container-006 .sample-table-container-006 .graph-container .recharts-layer{font-size:8px}.sample-contents-container-006 .sample-table-container-006 .graph-container .line-graph-pc{display:block}.sample-contents-container-006 .sample-table-container-006 .graph-container .line-graph-sp{display:none}.sample-contents-container-006 .sample-table-container-006 .graph-container .line-graph-pc .hover-label,.sample-contents-container-006 .sample-table-container-006 .graph-container .line-graph-sp .hover-label{background-color:#fff;border:1px solid #000;border-radius:0;font-family:sans-serif;font-size:9px;font-weight:400;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0 2px}.sample-contents-container-006 .sample-table-container-006 .graph-container .line-graph-pc .hover-label:hover,.sample-contents-container-006 .sample-table-container-006 .graph-container .line-graph-sp .hover-label:hover{border-radius:0}.sample-contents-container-006 .sample-table-container-006 .graph-container .line-graph-pc .hover-label p,.sample-contents-container-006 .sample-table-container-006 .graph-container .line-graph-sp .hover-label p{padding:0}@media (max-width:768px){.sample-contents-container-006{display:block}.sample-contents-container-006 .tag-container{display:contents}.sample-contents-container-006 .sample-title-container-006,.sample-contents-container-006 .sample-title-container-006 .sample-title{padding:0}.sample-contents-container-006 .sample-table-container-006{margin:0}.sample-contents-container-006 .sample-table-container-006 h4{padding:0}.sample-contents-container-006 .sample-table-container-006 .graph-container{font-size:9px;height:150px;margin:0}.sample-contents-container-006 .sample-table-container-006 .graph-container .line-graph-pc{display:none}.sample-contents-container-006 .sample-table-container-006 .graph-container .line-graph-sp{display:block}.sample-contents-container-006 .sample-table-container-006 .graph-container .line-graph-sp svg.recharts-surface{left:-40px;overflow:hidden;position:absolute}}.sample-container{font-size:12px;padding:0 20px}.sample-container .sample-title{color:#000;font-size:18px;font-weight:300;margin:16px 0 8px}.sample-container .sample-title-container .tag-container{color:#000;display:inline-flex;font-weight:400;text-align:right}.sample-container .sample-title-container .tag-container .tech-tag{background:#d9d9d9;border-radius:4px;cursor:default;font-size:11px;margin:0 4px;padding:0 12px}.sample-container .sample-title-container .tag-container .tech-tag:hover{background:hsla(0,0%,50%,.549)}.sample-contents-container-005{display:grid;grid-template-columns:1fr 1fr}.sample-contents-container-005 .sample-input-container{color:#000;font-size:12px;font-weight:400}.sample-contents-container-005 .sample-input-container .placeholder{color:#000;font-family:inherit;font-size:13px;font-weight:lighter;padding-left:4px}.sample-contents-container-005 .sample-input-container .piedata-input-container{border:1px solid #0000003b;border-radius:0;font-family:inherit;font-weight:400;height:30px;margin-bottom:4px;padding-left:4px;width:auto}.sample-contents-container-005 .sample-input-container .piedata-select-container{border-radius:0;font-size:12px;height:30px;margin-bottom:8px;width:auto}.sample-contents-container-005 .sample-input-container .piedata-btn-container{text-align:right}.sample-contents-container-005 .sample-input-container .piedata-btn-container .piedata-btn{background:none;border:1px solid #000;font-size:10px;padding:4px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.sample-contents-container-005 .sample-input-container .piedata-btn-container .piedata-btn:disabled{border:1px solid #c4c4c4}.sample-contents-container-005 .sample-input-container .piedata-btn-container .piedata-btn:disabled:active,.sample-contents-container-005 .sample-input-container .piedata-btn-container .piedata-btn:disabled:hover{background:none}.sample-contents-container-005 .sample-input-container .piedata-btn-container .piedata-btn:active,.sample-contents-container-005 .sample-input-container .piedata-btn-container .piedata-btn:hover{background:#d9d9d9}.sample-contents-container-005 .sample-input-container .piedata-btn-container .hidden-message svg{display:inline-block}.sample-contents-container-005 .table-container{color:#000;font-weight:400;z-index:1}.sample-contents-container-005 .table-container .list-ttl{font-size:12px;font-weight:400;margin-bottom:0}.sample-contents-container-005 .table-container .pie-label{font-family:sans-serif;font-size:11px}.sample-contents-container-005 .table-container .recharts-wrapper{margin:auto;text-align:center}.sample-contents-container-005 .table-container .recharts-wrapper:before{border-bottom:1px solid #000;content:"";display:block;position:relative;right:20px;top:100px;width:250px;z-index:2}.sample-contents-container-005 .table-container .recharts-wrapper:after{border-right:1px solid #000;bottom:220px;content:"";display:block;height:250px;position:relative;right:99px;z-index:3}.sample-contents-container-005 .table-container svg.recharts-surface{transform:scale(1.1)}.sample-contents-container-005 .table-container path.recharts-sector{stroke:none}.sample-contents-container-005 .table-container .result-data-container{display:grid;grid-template-columns:2fr 1fr;position:relative;top:-40px}.sample-contents-container-005 .table-container .result-data-container span{margin-right:4px}.sample-contents-container-005 .table-container .result-data-container .contributors_list{margin:0;padding:0}.sample-contents-container-005 .table-container .result-data-container .contributors_list li{list-style:none}.sample-contents-container-005 .table-container .result-data-container .contributors_list .contributors_list_delete_icon{background:none;border:none}@media (max-width:768px){.sample-container{padding:0}.sample-contents-container-005{display:block}}.sample-title-container-004{color:#000;font-weight:400}.sample-title-container-004 .tag-container{color:#000;display:inline-flex;font-weight:400;text-align:right}.sample-title-container-004 .tag-container .tech-tag{background:#d9d9d9;border-radius:4px;cursor:default;font-size:11px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 4px;padding:0 12px}.sample-title-container-004 .tag-container .tech-tag:hover{background:hsla(0,0%,50%,.549)}.sample-title-container-004 .table-title-container{border-radius:0;color:#000;font-family:sans-serif;font-size:12px;font-weight:200;height:30px}.sample-contents-container-004 .sample-title-container .select-field{margin:12px 0}.sample-contents-container-004 .table-container{color:#000;display:flex;font-family:raleway;font-size:12px;font-weight:400;width:-webkit-fill-available}.sample-contents-container-004 .table-container h4{color:#000;font-weight:400}.sample-contents-container-004 .table-container .select-field{margin:24px 100px 8px 0}.sample-contents-container-004 .table-container .select-field .table-title-container{border:1px solid #0000003b;height:30px}.sample-contents-container-004 .table-container .graph-container{display:inline-flex;margin:0 auto;text-align:center}.sample-contents-container-004 .table-container .graph-container .graph-horizontal-lines{display:block;position:relative;z-index:2}.sample-contents-container-004 .table-container .graph-container .graph-horizontal-lines .graph-horizontal-line{font-size:7px;font-weight:400;left:-26px;position:absolute;text-align:right;width:60px}.sample-contents-container-004 .table-container .graph-container .graph-horizontal-lines .graph-horizontal-line.index0{top:223px}.sample-contents-container-004 .table-container .graph-container .graph-horizontal-lines .graph-horizontal-line.index1{top:183px}.sample-contents-container-004 .table-container .graph-container .graph-horizontal-lines .graph-horizontal-line.index2{top:137px}.sample-contents-container-004 .table-container .graph-container .graph-horizontal-lines .graph-horizontal-line.index3{top:91px}.sample-contents-container-004 .table-container .graph-container .graph-horizontal-lines .graph-horizontal-line.index4{top:45px}.sample-contents-container-004 .table-container .graph-container .graph-horizontal-lines .graph-horizontal-line.index5{top:-1px}.sample-contents-container-004 .table-container .graph-container .graph-horizontal-lines .graph-horizontal-line .label{display:inline-block;font-size:8px;vertical-align:top}.sample-contents-container-004 .table-container .graph-container .graph-horizontal-lines .graph-horizontal-line .tick{border:1px solid;color:#646464;display:inline-block;margin-left:2px;padding-left:4px}.sample-contents-container-004 .table-container .graph-container .graph-bars{border-bottom:1px solid;border-left:1px solid;display:flex;font-family:system-ui;justify-content:center;line-height:0px;margin:0 0 0 34px;text-align:center;width:100px}.sample-contents-container-004 .table-container .graph-container .graph-bars>div{position:relative}.sample-contents-container-004 .table-container .graph-container .graph-bars .progress-hover-label-container{cursor:default;font-size:9px;height:100%;opacity:0;position:absolute;z-index:3}.sample-contents-container-004 .table-container .graph-container .graph-bars .progress-hover-label-container:hover{color:#000;opacity:1}.sample-contents-container-004 .table-container .graph-container .graph-bars .progress-hover-label-container .progress-hover-label{background-color:#fff;border:1px solid #000;display:block;font-weight:400;height:14px;padding:6px 4px 0;position:relative;width:-webkit-max-content;width:max-content}.sample-contents-container-004 .table-container .graph-container .graph-bars .sr-only{display:block;display:none;font-size:8px;line-height:1em;position:absolute}.sample-contents-container-004 .table-container .graph-container .graph-bars .progress{background-color:#f5f5f5;height:20px;margin-bottom:0;overflow:hidden}.sample-contents-container-004 .table-container .graph-container .graph-bars .progress.vertical{display:inline-block;height:230px;margin-right:10px;position:relative;width:10px}.sample-contents-container-004 .table-container .graph-container .graph-bars .progress.vertical .progress-bar{animation:bar-animation 1.5s ease-in-out forwards;background-color:#606277;bottom:0;color:#fff;float:left;font-size:12px;height:0;line-height:20px;position:absolute;text-align:center;width:100%!important}.sample-contents-container-004 .table-container .graph-container .graph-bars .progress:hover{box-shadow:0 0 4px #1976d2,0 0 4px #1a4c91}.sample-contents-container-004 .table-container .graph-container .graph-bars .progress-label{bottom:-12px;color:#000;font-size:7px;font-weight:400;margin:0;padding:4px 1px;position:absolute;vertical-align:middle;z-index:2}.sample-contents-container-004 .table-container .graph-container p{text-align:right}@keyframes bar-animation{0%{height:0}to{height:100%}}@keyframes show{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.sample-contents-container-004{display:block}.sample-contents-container-004 .sample-title-container-004 .select-field{display:flex!important;margin:12px 0 4px;width:auto}.sample-contents-container-004 .css-dyty4r-MuiFormControl-root{width:300px}.sample-contents-container-004 .table-container{flex-direction:column}.sample-contents-container-004 .table-container .graph-container{display:block}.sample-contents-container-004 .table-container .graph-container .graph-bars{margin:auto}.sample-contents-container-004 .table-container .graph-container .graph-horizontal-lines{margin:auto;right:34px;width:100px}.sample-contents-container-004 .table-container .graph-container .graph-horizontal-line{left:-160px;margin:inherit;position:relative}.sample-contents-container-004 .table-container .graph-container .graph-horizontal-line.index0{top:224px}.sample-contents-container-004 .table-container>div:first-child{order:2}.sample-contents-container-004 .progress-label{bottom:-5px;margin:0 0 -4px}}@media (min-width:768px) and (max-width:1024px){.sample-contents-container-004 .sample-title-container-004 .select-field{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.sample-contents-container-004 .table-container{margin-left:0}.sample-contents-container-004 .table-container .progress-label{bottom:-284px}}.tag-container .tech-tag:hover{background:#8080808c}.sample-contents-container .search-filter-part1{border:1px solid;border-radius:4px;color:#000;font-family:sans-serif;font-size:12px;font-weight:400;margin:4em 1em 2em;padding:1em 1.5em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.sample-contents-container .search-filter-part1 div{margin:8px 0 4px}.sample-contents-container .table-container .movie_table .ttl-li{display:flex}.sample-contents-container .table-container .movie_table .ttl-li .ttl-lg{width:59.5%}.sample-contents-container .table-container .movie_table .ttl-li .ttl-sm{width:20.5%}.sample-contents-container .table-container .movie_table .ttl-li span{padding:0}.sample-contents-container .table-container .movie_table .item-li{align-items:center;display:flex;padding-bottom:5px}.sample-contents-container .table-container .movie_table .item-li .item-lg{overflow:hidden;padding:0 5px;text-overflow:ellipsis;white-space:nowrap;width:60%}.sample-contents-container .table-container .movie_table .item-li .item-lg a{color:inherit}.sample-contents-container .table-container .movie_table .item-li .item-sm{overflow:hidden;padding:0 5px;text-overflow:ellipsis;white-space:nowrap;width:20%}.sample-contents-container .table-container .movie_table .item-li .item-sm a{color:inherit}.sample-contents-container .table-container .order-btn{color:#1976d2}@media (max-width:768px){.sample-contents-container .search-filter-part1{border:none;height:auto;margin:1em 0 0;padding:0;width:auto}.sample-contents-container .search-filter-part1 div{font-size:9px;margin:0}.sample-contents-container .table-container .list-ttl{margin:4px 0}.sample-contents-container .table-container .movie_table{margin:0;padding:0}.sample-contents-container .table-container .movie_table .ttl-li{display:inline;display:initial;font-size:9px}.sample-contents-container .table-container .movie_table .ttl-li .ttl-lg,.sample-contents-container .table-container .movie_table .ttl-li .ttl-sm{width:100%}.sample-contents-container .table-container .movie_table .item-li{display:block}.sample-contents-container .table-container .movie_table .item-li span{padding:0!important}}.sample-title{color:#000;font-size:18px;font-weight:300;margin:16px 0 8px}.tag-container{color:#000;display:inline-flex;font-weight:400;text-align:right}.tag-container .tech-tag{background:#d9d9d9;border-radius:4px;cursor:default;font-size:11px;margin:0 4px;padding:0 12px}.tag-container .tech-tag:hover{background:hsla(0,0%,50%,.549)}.tag-container .table-title-container{border-radius:0;color:#000;font-family:sans-serif;font-size:12px;font-weight:200;height:30px}.tag-container .select-field{color:#000;font-weight:400;width:550px}.sample-title-container{color:#000;display:inline-block}.sample-contents-container{display:grid;grid-template-columns:1fr 3fr}.sample-contents-container .search-filter-part2{border:1px solid;border-radius:4px;color:#000;font-family:sans-serif;font-size:12px;font-weight:400;margin:4em 1em 2em;padding:1em 1.5em 2em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.sample-contents-container .search-filter-part2 div{margin:8px 0 4px}.sample-contents-container .search-filter-part2 .search-bar{background-color:initial;border:1px solid #888784;font-size:12px}.sample-contents-container .search-filter-part2 .range-filter{border-radius:1px;color:#606277;height:2px;margin:0 4px;padding:0}.sample-contents-container .search-filter-part2 .range-filter .MuiSlider-thumb{box-shadow:none;color:#606277;height:9px;width:9px}.sample-contents-container .search-filter-part2 .range-filter .MuiSlider-track{border:none}.sample-contents-container .table-container{color:#000;cursor:default;font-weight:400}.sample-contents-container .table-container .list-ttl{font-family:raleway;font-size:11px;font-weight:600;text-align:center}.sample-contents-container .table-container .movie_item{align-items:center;display:flex;padding-bottom:5px}.sample-contents-container .table-container p{text-align:right}@media (max-width:768px){.sample-contents-container .search-filter-part2{border:none;height:auto;margin:1em 0 0;padding:0;width:auto}.sample-contents-container .search-filter-part2 div{font-size:9px;margin:8px 0 0}.sample-contents-container .table-container .movie_item{display:block}}
/*# sourceMappingURL=main.21fca357.css.map*/