@media only screen and (min-width: 769px){.mobile-only{display:none}}@media only screen and (max-width: 768px){.tablet-only{display:none}}html{font-size:18px;line-height:1.6}body,button,input,optgroup,select,textarea{font-family:"SUIT Variable",sans-serif !important}.ffst{font-family:"SUIT Variable",sans-serif}.greentitle{color:hsl(123,46%,34%) !important}.redtitle{color:hsl(1,77%,55%) !important}.bold{font-weight:600}b,strong{font-weight:600;color:hsl(200,18%,26%)}small{color:hsl(200,18%,46%)}a,summary{-webkit-tap-highlight-color:rgba(0,0,0,0)}hr{background-color:hsl(204,15%,94%);border:none;display:block;height:1px;margin:0}hr.grey-100{background-color:hsl(198,16%,84%)}hr.cstbhr{background-color:hsl(198,16%,84%);margin-top:-2px}.title,.subtitle,.semititle,.tinytitle,.heading,.explain,.point{line-height:1.4;color:hsl(200,19%,18%);letter-spacing:-1px}.title a,.subtitle a,.semititle a,.tinytitle a,.heading a,.explain a,.point a{color:hsl(200,19%,18%)}.title a:hover,.subtitle a:hover,.semititle a:hover,.tinytitle a:hover,.heading a:hover,.explain a:hover,.point a:hover{color:hsl(201,98%,41%)}.title{font-size:2rem}.subtitle{font-size:1.5rem}.semititle{font-size:1.25rem}.tinytitle{font-size:1.125rem}.explain{font-size:.938rem;font-weight:300;color:hsl(199,18%,33%)}.explain a{color:hsl(199,18%,33%)}.heading{font-size:.875rem;font-weight:300;color:hsl(199,18%,40%)}.heading a{color:hsl(199,18%,40%)}.heading strong{font-size:1rem}.point{font-size:1.25rem;font-weight:bold;color:hsl(200,97%,45%)}.point a{color:hsl(200,97%,45%)}a .title:hover,a .subtitle:hover,a .semititle:hover,a .tinytitle:hover,a .heading:hover,a .explain:hover,a .point:hover{color:hsl(201,98%,41%)}mark{margin:0 -0.4rem;padding:.05rem .4rem;border-radius:.7rem .3rem;background:rgba(0,0,0,0);background-image:linear-gradient(to right, rgba(255, 225, 0, 0.1), rgba(255, 225, 0, 0.7) 4%, rgba(255, 225, 0, 0.3));-webkit-box-decoration-break:clone;box-decoration-break:clone}u{text-decoration:none;box-shadow:inset 0 -2px 0 rgba(255,59.5,0,.6)}.fs-1{font-size:2rem}.fs-2{font-size:1.5rem}.fs-3{font-size:1.25rem}.fs-4{font-size:1.125rem}.fs-6{font-size:.938rem}.fs-7{font-size:.875rem}.tact{text-align:center}.tart{text-align:right}ul.navigation{margin:0;padding:0;font-size:.938rem;overflow:hidden;list-style:none}ul.navigation li{float:left;margin-right:.5rem}ul.navigation li a{color:hsl(210,30%,18%);text-decoration:none;font-weight:bold}ul.navigation li a:hover{color:hsl(0,66%,47%)}.bookmark em{font-size:.75rem;font-weight:300;color:hsl(210,9%,55%);font-style:normal;border:1px solid hsl(210,9%,70%);border-radius:4px;padding:0 .15rem}.bookmark i{font-size:.75rem;font-weight:300;color:hsl(209,29%,15%);font-style:normal}.bookmark h2{line-height:1.2;font-size:1.125rem;margin-bottom:.25rem}.bookmark h2 a{color:hsl(212,29%,13%);text-decoration:none}.bookmark h2 a:hover{color:hsl(0,66%,47%)}.bookmark a{color:hsl(202,98%,37%);text-decoration:none}.bookmark a:hover{color:hsl(0,66%,47%)}.bookmark p{line-height:1.2}.bookmark span{color:hsl(209,28%,21%);font-weight:300}.bookmark span.employee{float:right;font-size:.813rem;padding-top:.2rem}.bookmark span.type{font-size:.813rem;margin-right:.35rem;color:hsl(210,9%,55%)}.bookmark span.product{font-size:.938rem;margin-right:.35rem;font-weight:400}.bookmark span.material{font-size:.875rem;color:hsl(209,14%,39%)}ul.bookmark li{padding:.5rem 0;border-bottom:1px dotted hsl(214,9%,85%)}ul.bookmark li:last-child{border-bottom:none}.banner{position:relative}.banner img{display:block;border-radius:8px;box-shadow:rgba(50,50,105,.15) 0px 2px 5px 0px,rgba(0,0,0,.05) 0px 1px 1px 0px}.banner::before{content:"";position:absolute;background-color:hsl(200,19%,18%);opacity:.3;border-radius:0 0 8px 8px;bottom:0;left:0;width:100%;height:40%}.banner .cover{position:absolute;bottom:5%;left:5%;color:#fff;line-height:1.2}.banner .cover span{font-size:.875rem;font-weight:300}.banner .cover p{font-size:1.125rem;font-weight:700}.banner .cover i{font-size:.875rem;font-weight:500;font-style:normal}.ellipsis-one{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ellipsis-two{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}header{background-color:#fff;padding:.5rem 0;position:sticky !important;top:0;width:100%;border-bottom:1px dotted hsl(214,9%,85%);margin-bottom:.25rem;z-index:100}.logo a{font-size:1.25rem;font-weight:900;color:hsl(1,77%,55%);text-decoration:none;letter-spacing:1px}.logo a:hover{color:#000}.burger{width:22px;height:18px;position:relative;cursor:pointer;display:inline-block;z-index:900;margin-top:.5rem}.burger span{background-color:hsl(200,19%,18%);position:absolute;border-radius:2px;transition:.3s cubic-bezier(0.8, 0.5, 0.2, 1.4);width:100%;height:2px;transition-duration:500ms}.burger span:nth-child(1){top:0px;left:0px}.burger span:nth-child(2){top:8px;left:0px;opacity:1}.burger span:nth-child(3){bottom:0px;left:0px}.burger:not(.open):hover span:nth-child(1){transform:rotate(-3deg) scaleY(1.1)}.burger:not(.open):hover span:nth-child(2){transform:rotate(3deg) scaleY(1.1)}.burger:not(.open):hover span:nth-child(3){transform:rotate(-4deg) scaleY(1.1)}.burger.open span:nth-child(1){transform:rotate(45deg);top:8px}.burger.open span:nth-child(2){opacity:0}.burger.open span:nth-child(3){transform:rotate(-45deg);top:8px}.nav-list{position:fixed;right:-100%;top:0;width:30%;height:100vh;background-color:hsl(6,71%,95%);transition:all .4s;z-index:200;overflow-y:auto;padding:.75rem;box-shadow:rgba(0,0,0,.05) 0px 6px 24px 0px,rgba(0,0,0,.08) 0px 0px 0px 1px}.nav-list ul{margin-top:3rem;text-align:left}.nav-list ul li{padding:.2rem;border-bottom:1px dotted hsl(214,9%,85%)}.nav-list ul li a{font-size:1rem;color:hsl(202,98%,37%);text-decoration:none;margin-right:.5rem;display:block}.nav-list ul li a:hover{color:hsl(0,66%,47%)}.onoff .nav-list{right:0}.nav-bg{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:5;background-color:hsl(210,9%,70%);opacity:0;visibility:hidden;transition:all .4s;cursor:pointer}.onoff .nav-bg{opacity:.3;visibility:visible}@media(min-width: 1216px){.nav-list{width:30%}}@media(min-width: 769px)and (max-width: 1215px){.nav-list{width:40%}}@media(max-width: 768px){.nav-list{width:74%}}main{margin-top:.75rem}.pages{color:hsl(200,18%,26%)}.pages h1,.pages h2,.pages h3{line-height:1.4;letter-spacing:-1px}.pages h1 a,.pages h2 a,.pages h3 a{color:hsl(200,18%,26%);text-decoration:none}.pages h1 a:hover,.pages h2 a:hover,.pages h3 a:hover{color:hsl(201,98%,41%)}.pages h1{font-size:2rem}.pages h2{font-size:1.5rem}.pages h3{font-size:1.125rem}.pages h3 kbd{vertical-align:2px;margin-left:.25rem}.pages p a{color:hsl(202,98%,37%);text-decoration:none}.pages p a:hover{color:hsl(0,66%,47%)}.pages span{font-size:.938rem;color:rgb(0,98.6,102)}aside{border-left:1px dotted hsl(214,9%,85%)}ul.aside li{padding:.2rem;border-bottom:1px dotted hsl(214,9%,85%);color:rgb(0,98.6,102)}ul.aside li span{font-size:.875rem;color:hsl(209,28%,21%)}ul.aside li a{font-size:1rem;color:hsl(202,98%,37%);text-decoration:none;display:block}ul.aside li a:hover{color:hsl(0,66%,47%)}sup{border:1px solid #aaa;border-radius:4px;display:inline-block;padding:1px 2px;background:linear-gradient(178deg, #fff, #fff, #fff, #ddd);line-height:1;font-size:.7rem;white-space:nowrap}.col{width:100%}.row{float:left;padding:.75rem;margin-bottom:.75rem}@media(min-width: 1408px){.row{width:24.3%}}@media(min-width: 1216px)and (max-width: 1407px){.row{width:32.6%}}@media(min-width: 992px)and (max-width: 1215px){.row{width:49.4%}}@media(min-width: 769px)and (max-width: 991px){.row{width:49.2%}}@media(max-width: 768px){.row{width:100%}}footer{margin-top:.75rem;padding:.75rem;border-top:1px dotted hsl(214,9%,85%)}footer p{font-size:.875rem;font-weight:300;color:hsl(210,29%,24%)}footer p a{color:hsl(202,98%,37%);text-decoration:none}footer p a:hover{color:hsl(0,66%,47%)}.js-color{min-height:40px}.color-swatch{margin-bottom:.25rem}.color-data p{font-size:.75rem;line-height:1.2}kbd{border:1px solid #aaa;border-radius:4px;display:inline-block;padding:2px 4px;background:linear-gradient(178deg, #fff, #fff, #fff, #ddd);line-height:1;font-size:.85rem;white-space:nowrap}.suppliers{padding:.75rem;border:1px dotted hsl(214,9%,85%);border-radius:4px}.suppliers h2{font-size:1.25rem}.suppliers h2 a{font-weight:bold;color:hsl(212,29%,13%)}.suppliers h2 a:hover{color:hsl(14,82%,46%)}.suppliers h3{color:rgb(0,76.5,63.75)}.suppliers h3 sup{font-weight:bold;color:hsl(14,82%,46%)}.suppliers h3 sup i{font-weight:bold;font-style:normal;color:hsl(185,100%,28%)}.suppliers p{color:hsl(200,18%,26%);font-size:1rem}.suppliers p sup{font-weight:bold;color:hsl(14,82%,46%)}.suppliers p sup i{font-weight:bold;font-style:normal;color:hsl(185,100%,28%)}.suppliers p em{font-size:15px;font-style:normal;font-weight:bold;color:hsl(14,82%,46%)}.suppliers hr{margin:.5rem -0.75rem}.hero-box{padding:1rem;border-radius:8px}.hero-box a img.icon{width:19px;vertical-align:-3px}.primary-50{background-color:hsl(177,41%,91%)}.link-50{background-color:hsl(199,94%,94%)}.info-50{background-color:hsl(187,72%,93%)}.success-50{background-color:hsl(125,39%,94%)}.warning-50{background-color:hsl(46,100%,94%)}.danger-50{background-color:hsl(6,71%,95%)}.grey-50{background-color:hsl(204,15%,94%)}.grey-10{background-color:hsl(210,33%,98%)}.white{background-color:#fff}.greentitle{color:hsl(123,46%,34%)}.redtitle{color:hsl(1,77%,55%)}img.icon{width:22px;height:auto;border-radius:4px;vertical-align:middle}.switch{display:inline-block;position:relative;height:24px;width:48px}.switch input{display:none}.slider{background-color:#cfd8dc;top:0;bottom:0;left:0;right:0;cursor:pointer;position:absolute;transition:.4s;-webkit-transition:.4s}.slider:before{background-color:#fff;content:"";bottom:4px;left:4px;height:16px;width:16px;position:absolute;transition:.4s;-webkit-transition:.4s}input:checked+.slider{background-color:#00b0ff}input:checked+.slider:before{transform:translateX(24px);-webkit-transform:translateX(24px)}.slider.round{border-radius:38px}.slider.round:before{border-radius:50%}.cell-left .cell{font-size:.875rem;background-color:hsl(4,90%,58%);color:#fff;border-radius:4px;padding:.25rem;text-align:center;line-height:1.3;cursor:pointer}.cell-left .cell:hover{background-color:#000}.cell-left .selected{background-color:#000}.cell-right .cell{border-bottom:1px dotted hsl(214,9%,85%);line-height:1.2;padding:.25rem 0}.cell-right .cell a{font-size:.875rem;color:hsl(210,29%,24%);text-decoration:none;cursor:pointer}.cell-right .cell a:hover{color:hsl(0,66%,47%)}.form-control{width:100%;padding:.25rem .75rem;font-size:.9375rem;line-height:1.6;color:hsl(200,15%,54%);background-color:#fff;background-clip:padding-box;border:1px solid hsl(214,9%,85%);border-radius:4px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}input[type=text],input[type=email],input[type=number]{border:1px solid hsl(214,9%,85%);border-radius:30px;outline:none;padding:.5rem 1.5rem;box-sizing:border-box;transition:.3s;width:100%;box-shadow:rgba(17,17,26,.05) 0px 1px 0px,rgba(17,17,26,.1) 0px 0px 8px}input[type=text]:focus,input[type=email]:focus,input[type=number]:focus{border-color:hsl(199,98%,48%);box-shadow:rgba(149,157,165,.2) 0px 8px 24px}input[type=radio]{vertical-align:-2px}select{box-sizing:border-box;outline:none;padding:.15rem .25rem;border:1px solid hsl(199,98%,48%);border-radius:4px;cursor:pointer;color:hsl(202,98%,37%);font-weight:500;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none}select:hover{color:hsl(0,66%,47%)}.base-btn{display:inline-block;position:relative;cursor:pointer;height:35px;line-height:35px;padding:0 1.5rem;color:hsl(200,15%,54%);font-size:1rem;font-weight:600;text-align:center;text-decoration:none;text-transform:uppercase;vertical-align:middle;white-space:nowrap;outline:none;border:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:4px;transition:all .3s ease-out;box-shadow:0 2px 5px 0 rgba(0,0,0,.225)}.base-btn:hover{text-decoration:none;box-shadow:0 4px 10px 0px rgba(0,0,0,.225)}.base-btn.btn-link{color:#fff;background-color:#03a9f4}.base-btn.btn-link:hover{background-color:rgb(35.4987854251,184.8315789474,252.3012145749)}.base-btn.btn-white{color:#444;background-color:#fff}.base-btn.btn-white:hover{background-color:hsl(0,0%,98%)}.base-btn.btn-black{color:#fff;background-color:#111}.base-btn.btn-black:hover{background-color:rgb(57.8,57.8,57.8)}.base-btn.btn-midnight{color:#fff;background-color:#abb2b9}.base-btn.btn-midnight:hover{background-color:hsl(210,9.0909090909%,65.8039215686%)}.base-btn.btn-warning{color:#fff;background-color:#ffc107}.base-btn.btn-warning:hover{background-color:rgb(255,203.2,47.8)}.base-btn.btn-success{color:#fff;background-color:#4caf50}.base-btn.btn-success:hover{background-color:rgb(102.8685258964,188.9314741036,106.3458167331)}.base-btn.btn-primary{color:#fff;background-color:#009688}.base-btn.btn-primary:hover{background-color:rgb(0,190.8,172.992)}.base-btn.btn-info{color:#fff;background-color:#00bcd4}.base-btn.btn-info:hover{background-color:rgb(0,224.1811320755,252.8)}.base-btn.btn-indigo{color:#fff;background-color:#3f51b5}.base-btn.btn-indigo:hover{background-color:rgb(87.9459016393,104.5590163934,196.8540983607)}.base-btn.btn-deepPurple{color:#fff;background-color:#673ab7}.base-btn.btn-deepPurple:hover{background-color:hsl(261.6,51.867219917%,55.2549019608%)}.base-btn.btn-danger{color:#fff;background-color:#ff5722}.base-btn.btn-danger:hover{background-color:rgb(255,118.0153846154,74.8)}.base-btn.btn-red{color:#fff;background-color:#f44336}.base-btn.btn-red:hover{background-color:hsl(4.1052631579,89.6226415094%,66.431372549%)}.base-btn.btn-yellow{color:#fff;background-color:#ffeb3b}.base-btn.btn-yellow:hover{background-color:rgb(247.7,222.4244897959,0)}.base-btn.btn-lime{color:#fff;background-color:#cddc39}.base-btn.btn-lime:hover{background-color:rgb(185.513304721,200.7193133047,35.4806866953)}.base-btn.btn-brown{color:#fff;background-color:#795548}.base-btn.btn-brown:hover{background-color:rgb(146.5792746114,102.9689119171,87.2207253886)}.base-btn.btn-lg{height:48px;line-height:48px}.base-btn.btn-sm{height:30px;padding:0 .5rem;line-height:30px;font-size:.813rem}.base-btn.btn-xs{height:24px;padding:0 .4rem;line-height:24px;font-size:.75rem;font-weight:300;letter-spacing:.2px}.pagination{--pagination-font-size: 16px;--pagination-color: #273746;--pagination-border-radius: 4px;--pagination-gap: 2px;--pagination-arrows-bg: #fff;--pagination-arrows-border: #eaecee;--pagination-arrows-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.06);--pagination-hover-bg: #fff;--pagination-hover-arrows-border: #2c3e50;--pagination-active-bg: #2c3e50;--pagination-active-color: #fff;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--pagination-gap);padding:0;margin:0;list-style:none}.pagination a{display:inline-flex;align-items:center;gap:.5rem;padding:0 .3rem;border-radius:var(--pagination-border-radius);text-decoration:none;color:var(--pagination-color);font-size:var(--pagination-font-size);transition:all .3s ease-in-out}.pagination a:hover{background-color:var(--pagination-hover-bg)}.pagination a.is-active{background-color:var(--pagination-active-bg);color:var(--pagination-active-color);pointer-events:none}.pagination a.page-button{background-color:var(--pagination-arrows-bg);border:1px solid var(--pagination-arrows-border);box-shadow:var(--pagination-arrows-shadow)}.pagination a:hover.page-button{border-color:var(--pagination-hover-arrows-border);color:var(--pagination-hover-arrows-border)}.pagination .dots{padding:.25rem}table{border-collapse:collapse;border-spacing:0}table.overview{width:100%}table.overview tbody tr{border-bottom:1px solid hsl(210,11%,93%)}table.overview tbody tr th{font-size:.875rem;font-weight:300;color:hsl(210,29%,24%);padding:.25rem 0}table.overview tbody tr td{font-size:.938rem;color:hsl(210,29%,24%)}table.overview tbody tr td a{color:hsl(202,98%,37%);text-decoration:none}table.overview tbody tr td a:hover{color:hsl(0,66%,47%)}.searchTop{font-size:.813rem;font-weight:300;margin-left:1rem}.searchBar{width:100%;display:flex;flex-direction:row;align-items:center}#searchQueryInput{width:100%;height:2.6rem;font-size:.938rem}#searchQuerySubmit{width:2.2rem;height:auto;margin-left:-2.8rem;background:none;border:none;outline:none}#searchQuerySubmit:hover{cursor:pointer}.kakao-map{margin-top:2rem !important;margin-bottom:2rem !important}.root_daum_roughmap{width:100% !important}.kakao-size{width:100%;height:500px;border-radius:8px;border:1px solid hsl(204,15%,94%)}@media only screen and (max-width: 795px){.kakao-size{width:100%;height:300px}}.map-border{border:1px solid hsl(204,15%,94%)}