.center-element,.side-element{margin-top:1.2rem}.camera-surface.capture,.section-1{background-color:rgba(var(--secondary-color),1)}.login-input:focus,.sample-check-input:focus{outline:0!important}@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:local('Material Icons'),local('MaterialIcons-Regular'),url(../fonts/Material_Icons/MaterialIcons-Regular.woff2) format('woff2'),url(../fonts/Material_Icons/MaterialIcons-Regular.woff) format('woff'),url(../fonts/Material_Icons/MaterialIcons-Regular.ttf) format('truetype')}.material-icons{font-family:'Material Icons';font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga'}.make-bold,.photo-title,.sample-detail-desc span,.side-element.top{font-family:NanumBold}@font-face{font-family:NanumBold;src:local('NanumGothic-Bold'),url(../fonts/Nanum/NanumGothic-Bold.woff2) format('woff2'),url(../fonts/Nanum/NanumGothic-Bold.woff) format('woff'),url(../fonts/Nanum/NanumGothic-Bold.ttf) format('truetype')}@font-face{font-family:NanumRegular;src:local('NanumGothic-Regular'),url(../fonts/Nanum/NanumGothic-Regular.woff2) format('woff2'),url(../fonts/Nanum/NanumGothic-Regular.woff) format('woff'),url(../fonts/Nanum/NanumGothic-Regular.ttf) format('truetype')}@font-face{font-family:NanumExtraBold;src:local('NanumGothic-ExtraBold'),url(../fonts/Nanum/NanumGothic-ExtraBold.woff2) format('woff2'),url(../fonts/Nanum/NanumGothic-ExtraBold.woff) format('woff'),url(../fonts/Nanum/NanumGothic-ExtraBold.ttf) format('truetype')}@media only screen and (max-width:600px){.topnav a,[class*=col-]{width:100%}.topnav a{float:none;padding:5px 10px!important}.side-element{padding:0!important}.login-container{width:70%!important}.overlay-icon{right:-88%!important}.bottom-modal{width:calc(100vw - 16px)!important;height:calc(100vh - 6rem)!important;top:6rem!important}.hide-on-small{display:none!important}#sampleDetailModalDesc{height:fit-content!important}.sample-btn-next{right:-.5rem!important}}@media only screen and (min-width:600px){.col-s-1{width:8.33%}.col-s-2{width:16.66%}.col-s-3{width:25%}.col-s-4{width:33.33%}.col-s-5{width:41.66%}.col-s-6{width:50%}.col-s-7{width:58.33%}.col-s-8{width:66.66%}.col-s-9{width:75%}.col-s-10{width:83.33%}.col-s-11{width:91.66%}.col-s-12{width:100%}.login-container{width:78%!important}}@media only screen and (min-width:768px){.col-1{width:8.33%}.col-2{width:16.66%}.col-3{width:25%}.col-4{width:33.33%}.col-5{width:41.66%}.col-6{width:50%}.col-7{width:58.33%}.col-8{width:66.66%}.col-9{width:75%}.col-10{width:83.33%}.col-11{width:91.66%}.col-12{width:100%}.login-container{width:55%!important}}@media only screen and (max-width:1199px){.hide-on-medium-and-down{display:none!important}}@media only screen and (min-width:1200px){.col-l-1{width:8.33%}.col-l-2{width:16.66%}.col-l-3{width:25%}.col-l-4{width:33.33%}.col-l-5{width:41.66%}.col-l-6{width:50%}.col-l-7{width:58.33%}.col-l-8{width:66.66%}.col-l-9{width:75%}.col-l-10{width:83.33%}.col-l-11{width:91.66%}.col-l-12{width:100%}.bottom-modal-indendation{padding-left:5rem!important;padding-right:5rem!important}}.photo-title,footer{width:100%;bottom:0}.z-depth-0{-webkit-box-shadow:none!important;box-shadow:none!important}.z-depth-1{-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)}.z-depth-2{-webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.3);box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.3)}.z-depth-3{-webkit-box-shadow:0 8px 17px 2px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);box-shadow:0 8px 17px 2px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)}.sample-ph-field:hover,.z-depth-4{-webkit-box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -7px rgba(0,0,0,.2)}.z-depth-4{box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -7px rgba(0,0,0,.2)}.bottom-modal,.camera-surface.detail,.z-depth-5{-webkit-box-shadow:0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12),0 11px 15px -7px rgba(0,0,0,.2);box-shadow:0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12),0 11px 15px -7px rgba(0,0,0,.2)}:root{--primary-color:255,1,0;--secondary-color:235,235,235;--accent-color:255,255,255;--primary-font-color:0,0,0;--positive-font-color:76,175,80;--webcam-container-height:0px}input:-webkit-autofill,input:-webkit-autofill:focus{transition:background-color 600000s,color 600000s}*{box-sizing:border-box}.photo-row,.row{display:flex;flex-wrap:wrap}html{height:100%}header{transition:opacity 2s 1s}body{font-family:NanumRegular;color:rgb(var(--primary-font-color))}footer{position:fixed;display:flex;padding-top:10px;padding-bottom:10px}.bottom-modal-close,.btn,.link-container,a{color:rgba(var(--primary-font-color),.5);text-decoration:none}.bottom-modal-close:hover,.btn:hover,.link-container.active,.link-container:hover,a:hover{color:rgba(var(--primary-font-color),1);cursor:pointer}.link-container{transition:.3s}.header-ci-parent{display:flex;flex-direction:row}.section-1{flex-grow:50;height:3rem}.section-2{flex-grow:1;background-color:rgba(var(--primary-color),1);height:3rem}.section-3{flex-grow:1;background-color:rgba(var(--accent-color),1);height:3rem}.section-4{flex-grow:4;background-color:rgba(var(--primary-color),1);height:3rem}.side-element{padding:0 1.2rem 0 0;font-size:.9rem}.photo-column{flex:33.3%;padding:0 4px}.photo-item{position:relative;cursor:pointer}.image-thumbnail:hover div,.photo-item:hover .photo-title{opacity:1}.photo-title{position:absolute;padding:10px 5px;background-color:rgba(var(--secondary-color),.8);color:rgba(var(--primary-font-color),.8);font-size:.8rem;opacity:0;transition:.4s}.sample-ch-field.active .sample-selection,.topnav{background-color:rgba(var(--primary-font-color),.8)}.login,.overlay-icon.active{color:rgb(var(--primary-font-color))}.photo-column img{margin-top:8px;vertical-align:middle;object-fit:cover;pointer-events:none}.login-container{width:55%;margin:0 auto;padding:0 1rem;transition:.5s}.login{border-radius:8px;border:1px solid rgb(var(--primary-font-color));border-color:transparent transparent rgba(var(--primary-font-color),.1) transparent;font-size:1rem;font-family:NanumRegular}.error-paragraph,.topnav a.active:not(:hover){color:rgba(var(--primary-color),1)}.login-input{padding:7px 10px;width:100%}.login-input:focus{border:1px solid rgb(var(--primary-font-color));box-shadow:0 0 4px rgba(var(--primary-font-color),.8)}.select-input{width:100%}.error-paragraph{font-size:.9rem;font-family:NanumExtraBold;text-align:center}.overlay-icon{color:rgba(var(--primary-font-color),.3);position:relative;top:-1.8rem;right:-90%}.overlay-icon.active{cursor:pointer}.center-in-screen{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.horizontal-align{display:flex;align-items:center}.singleline-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-touch{pointer-events:none}.hide{display:none!important}.out-faded{opacity:0}.positive-green,.sample-result-detail.positive{color:rgb(var(--positive-font-color))}.highlight-red{color:rgb(var(--primary-color))}.detail-desc-label,.detail-records-label,.detail-usage-label{color:rgba(var(--primary-font-color),.8)}.btn{padding:5px 10px;display:flex;align-items:center;transition:.3s}.btn.active{z-index:1101}.topnav{margin-top:8px;overflow:hidden}#sampleCheckError,.bottom-modal,.progress-dialog{background-color:rgba(var(--accent-color),1)}.topnav a{float:left;display:block;color:rgba(var(--accent-color),1);text-align:center;padding:10px 15px;text-decoration:none}.topnav a:hover{color:rgba(var(--primary-color),.8)}.bottom-modal{width:calc(100vw - 16px);height:calc(100vh - 7rem);top:7rem;position:fixed;padding:0 10px;border-radius:15px 15px 0 0;transition:transform .5s ease-out;transform:translateY(100%)}.spacer-bottom{height:3rem}.offscreen-below{height:0!important;overflow:hidden}.onscreen-from-below{height:calc(100vh - 7rem);transform:translateY(0)}.bottom-modal-close{justify-content:end;padding:3px 0}.bottom-modal-header{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap}.bottom-modal-header-content{flex-grow:1;padding-top:2rem;padding-left:1rem}.bottom-modal-header-content tr td:nth-child(2){font-family:NanumBold;padding-left:1rem}.bottom-modal-logo-section{justify-content:end;text-align:right;font-size:.8rem}.bottom-modal-logo-section img{object-fit:contain;width:10rem}.bottom-modal-body{padding:2rem 0}.modal-title{margin:0 1rem;font-family:NanumExtraBold;text-align:left;transform:translateY(-1rem);pointer-events:none}.modal-intro,.modal-intro-img{margin:25px 2rem}.detail-image div,.modal-intro-desc{font-size:.8rem;text-align:center}.modal-title i{margin-right:5px}.modal-title span{font-style:bold}.modal-intro-img{object-fit:contain;width:-moz-available;width:-webkit-fill-available;width:fill-available}.modal-intro-desc{margin:-25px 2rem 0;font-style:italic}.modal-intro-hint{margin:1rem 2rem 0;text-align:left;font-size:.8rem}.progress-dialog{opacity:0;min-width:25rem;max-width:70%;padding:15px 20px 20px;z-index:-1;border-radius:15px;transition:opacity .5s}.progress-dialog.active,.sample-detail-modal.active{opacity:1;z-index:1101}.progress-dialog.active .spinner{animation:1s linear infinite spin}.camera-container{margin:0 auto;transition:.7s .5s}.camera-surface{transition:.5s .5s}.camera-surface.detail{background-color:rgba(var(--secondary-color),.3);border-radius:15px}.camera-scanner{position:absolute;margin-right:1rem;height:2px;opacity:0;background-color:rgba(var(--primary-color),.6)}#sampleDetailModalImg,.sample-detail-desc{background-color:rgba(0,0,0,.5)}.camera-scanner.active{opacity:1;animation:2s linear infinite scan}.no-view-on-detail{transition:.5s}.detail-image{flex-shrink:1;object-fit:contain;max-width:300px}.detail-image img{object-fit:contain;max-width:150px}.detail-description{margin-left:1rem;padding:10px;flex-grow:1}.detail-desc-label{font-size:.9rem}.detail-desc-text{font-size:1rem;font-family:NanumBold;margin-bottom:10px}.minor-comment{font-size:.8rem;margin-left:7px}.detail-state{padding:10px;flex-grow:2}.detail-records{border:2px solid rgba(var(--secondary-color),.8);margin-top:10px;padding:.8rem 2rem 5px}.detail-records-label{position:relative;top:-.6rem;left:-1.7rem;font-size:.8rem}.detail-records-text{margin-left:.5rem;font-family:NanumBold}.detail-usage-container{padding-top:1rem;cursor:pointer}.sliding-reveal-container{overflow:hidden;max-height:65rem;transition:max-height .5s}.sliding-reveal-container.initial{max-height:0}.detail-usage-label{margin-left:.5rem;font-size:.8rem}.detail-usage-container:hover .detail-usage-label{font-family:NanumBold;color:rgba(var(--primary-font-color),1)}.detail-usage-location{width:2.5rem}.space-evenly{justify-content:space-evenly}i.exit::after{content:"north_west"}i.entry::after{content:"south_west"}i.expand-more::after{content:"expand_more"}i.expand-less::after{content:"expand_less"}.image-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin-bottom:1rem}.image-thumbnail{max-width:100px;position:relative;margin-top:1rem;margin-right:1rem;cursor:pointer;transition:.3s}.image-thumbnail:hover{-webkit-box-shadow:0 8px 17px 2px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);box-shadow:0 8px 17px 2px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);transform:scale(1.05)}.image-thumbnail img{object-fit:cover;width:100%;height:75%;border-radius:4px;pointer-events:none}.image-thumbnail div{position:absolute;bottom:0;width:100%;padding:3px 5px;background-color:rgba(var(--primary-font-color),.6);color:rgba(var(--accent-color),.8);font-size:.7rem;pointer-events:none;opacity:0;transition:.5s}.sample-detail-modal{padding:0 1rem;opacity:0;z-index:-1;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;width:80%;transition:opacity .5s}.sample-detail-modal img{object-fit:contain;z-index:1200;border-radius:12px;transition:.5s}.sample-detail-modal img:hover{transform:scale(1.15)}.sample-detail-desc{display:flex;flex-direction:column;flex-grow:1;padding:.8rem .5rem;color:rgba(var(--accent-color),.8);border-radius:12px;text-align:left}#sampleDetailModalDesc{height:-moz-available;height:-webkit-fill-available;height:fill-available}.sample-detail-check-box{position:relative;flex-grow:0;background-color:rgba(var(--accent-color),.7);margin:1rem 0 0;padding:8px;outline:whitesmoke solid 1px;outline-offset:2px;font-size:.9rem;color:rgba(var(--primary-font-color),.8)}.sample-check-input{padding:7px 10px;flex-grow:1}.sample-check-result{flex-grow:1;padding:9px 5px 8px;font-family:NanumBold}#sampleCheckError{position:absolute;display:flex;pointer-events:none;top:0;bottom:0;left:0;right:0;font-size:.85rem;color:rgba(var(--primary-color));text-align:center;align-items:center;padding:1rem;transition:opacity .3s}.modal-sample-fields-container{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;width:100%;justify-content:space-evenly;margin-top:1.9rem;margin-bottom:1.9rem}.modal-sample-ph-container{display:flex;flex-direction:column;align-items:center;position:relative;width:5rem;max-height:70rem}.modal-sample-title{font-family:NanumBold;font-size:.9rem;margin-bottom:.5rem}.sample-ph-field{height:2.5rem;width:100%;transition:.2s}.sample-ph-field:hover{transform:scale(1.1);cursor:pointer;box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -7px rgba(0,0,0,.2)}.sample-ph-field.active{transform:scale(1.2);cursor:pointer;-webkit-box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -7px rgba(0,0,0,.2);box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -7px rgba(0,0,0,.2)}.sample-ph-field:first-child{border-radius:5px 5px 0 0;background-color:#ed1c27}.sample-ph-field:last-child{border-radius:0 0 5px 5px;background-color:#452c81}.sample-ph-field:nth-child(2){background-color:#f8c810}.sample-ph-field:nth-child(3){background-color:#f4ee1c}.sample-ph-field:nth-child(4){background-color:#32a84a}.sample-ph-field:nth-child(5){background-color:#0bbbb7}.sample-ph-field:nth-child(6){background-color:#3855a4}.sample-ch-field{display:flex;flex-direction:row;flex-wrap:nowrap;margin:.5rem 1rem .5rem 0;font-family:NanumBold}.sample-ch-field:hover{cursor:pointer}.sample-ch-field:hover div:nth-of-type(2){outline:5px solid rgba(var(--primary-font-color),1)}.sample-ch-field div:first-of-type{display:flex;align-items:center;width:9rem;padding:.5rem 1rem;border:1px solid #000;pointer-events:none}.sample-ch-field div:nth-of-type(2){width:3rem;padding:.3rem;border:1px solid #000;background-color:#fff;pointer-events:none}.sample-selection{border-radius:50%;width:100%!important;height:2rem;transition:.5s}.sample-btn-next{position:absolute;bottom:-2rem;right:0}.sample-btn-before{position:absolute;margin-top:2rem;left:0}.sampleResultArea{max-width:30rem;margin:0 auto;font-size:1rem;font-family:NanumBold;padding:1.2rem 1rem;text-align:center;border:2px solid #000;transition:.4s}.sample-result-detail{color:rgb(var(--primary-color));font-size:1.2rem;text-transform:uppercase;margin-left:3px}.input-symbol{position:absolute;right:5px}.infobox-request-kit{max-height:0;overflow:hidden;margin:.1rem 1.5rem;padding:0 2rem;font-family:NanumBold;font-size:.9rem;background-color:rgba(var(--secondary-color),.8);transition:.1s}.link-container.active+.link-container-child{max-height:20rem;padding:1.5rem 2rem;transition:.3s}.background-blend-bg-initial{position:absolute;top:0;left:0;bottom:0;right:0;background-color:#000;pointer-events:none;z-index:0;opacity:0;transition:opacity 1s}.background-blend-bg-active{pointer-events:visible;z-index:1100;opacity:.6;cursor:pointer}.footerPages-container-initial{position:fixed;bottom:2rem;left:.5rem;z-index:-1;opacity:0;background:rgba(var(--accent-color),.8);border-radius:8px;padding:.5rem 1rem;transition:opacity}.footerPages-container-active{opacity:1;z-index:1101;transition:opacity 1.5s}@keyframes scan{from{transform:translateY(var(--webcam-container-height))}to{transform:translateY(0)}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(-360deg)}}