@charset "UTF-8";.fs08{font-size:.8rem!important}.fs09{font-size:.9rem!important}.fs10{font-size:1rem!important}.fs11{font-size:1.1rem!important}.fs12{font-size:1.2rem!important}.fs13{font-size:1.3rem!important}.fs14{font-size:1.4rem!important}.fs15{font-size:1.5rem!important}.fs16{font-size:1.6rem!important}.fs18{font-size:1.8rem!important}.fs20{font-size:2rem!important}.fs26{font-size:2.6rem!important}.fs30{font-size:3rem!important}.fs36{font-size:3.6rem!important}.fw100{font-weight:100!important}.fw300{font-weight:300!important}.fw400{font-weight:400!important}.fw500{font-weight:500!important}.fw700{font-weight:700!important}.fgreen{color:#027744}.fwhite{color:#fff}.tac{text-align:center!important}.tar{text-align:right!important}.tal{text-align:left!important}.bbn{border-bottom:none!important}.underLine{text-decoration:underline}.gLine{background:linear-gradient(transparent 70%,rgba(2,119,68,.4) 70%)}html{font-size:62.5%}body{width:100%;margin:auto;background-color:#fff;font-size:1rem;color:#7f7f7f}h2{font-size:1.8rem;font-weight:400}.headerTop{width:97%;display:flex;position:fixed;justify-content:space-between;border-bottom:#fff solid 1px;padding:15px 20px;top:0;z-index:10000}.is-scroll{background-color:rgba(255,255,255,.8);color:#929d94;-webkit-transition:all .4s ease 0s,background .6s ease .2s;transition:all .4s ease 0s,background .6s ease .2s;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}h1{width:150px;padding-top:5px}.topRight{width:49.6%;display:flex;justify-content:space-between}nav{width:75%}nav ul{width:100%;display:flex;justify-content:space-between}nav ul li{height:40px;line-height:40px}nav ul li a{font-size:1.3rem;font-weight:500;color:#7f7f7f}nav ul .active{color:#027744;font-size:1.6rem;font-weight:700}.loginBtn{width:120px;height:40px;line-height:40px;border:2px solid #027744;border-radius:4px;background-color:rgba(255,255,255,.8);text-align:center;box-sizing:border-box}.loginBtn a{color:#027744;font-weight:700;font-size:1.4rem;line-height:36px}.headerTopTitle{background-image:url(../images/headerBg.gif);height:200px;line-height:200px;margin-top:71px}.headerTopTitle h2{font-size:5rem;text-align:center;color:#fff;font-weight:100}.detailBtn{width:265px;height:47px;line-height:47px;text-align:center;margin:0 auto;background-color:#027744;border-radius:4px;border:2px solid #cce6d2}.detailBtn a{color:#fff;font-size:1.6rem}.whiteBg{width:100%;background-color:#fff;padding:60px 0 50px;border-bottom:2px solid #cce6d2}.greenBg{width:100%;background-color:#027744;padding:60px 0}.redIcon{background-color:#e43d60!important;color:#fff!important;font-size:.8rem;width:100px!important;height:16px!important;line-height:16px!important;border-radius:15px!important;text-align:center!important;margin:0 auto 5px!important;font-weight:300;margin-top:.5rem!important}.bottomBtnBox{width:70.3%;margin:0 auto}.bottomBtnBox .btnBox{width:100%}.bottomBtnBox p{width:47%;text-align:center;font-size:1.8rem;color:#fff;margin-bottom:25px;font-weight:300}.bottomBtnBox .btnBox li{width:47%;text-align:center;height:75px;line-height:75px;box-sizing:border-box}.enquiryBtn{border:#cce6d2 3px solid;background-color:#027744;border-radius:4px}.enquiryBtn a{color:#fff;font-size:2.5rem;line-height:69px;font-weight:500}.subscriptionBtn{border:#cce6d2 3px solid;background-color:#f0f5f0;border-radius:4px}.subscriptionBtn a{color:#027744;font-size:2.5rem;line-height:69px;font-weight:500}.smpOn{display:none}footer{background-color:#fff}.footerBorderBox{padding-bottom:45px;border-bottom:2px solid #cce6d2}.footerContents{width:87.5%;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:45px;padding-top:40px}.footerRight{width:55%;display:flex;justify-content:space-between}.footerRight ul{width:35%}.footerRight ul li{height:30px;line-height:30px}.footerRight ul li,.footerRight ul li a{color:#6f7579;font-size:1.2rem}.footerRight ul li a{padding-left:3%}.logoKkc{width:23.3%;max-width:290px;min-width:200px;padding-bottom:45px}.copyright{text-align:center;font-size:1.3rem}html{font-size:62.5%}#top{background-color:#f0f5f0}#top header{background-color:#f0f5f0;padding-bottom:80px}#top .headerInner{background:url(../images/topImg.png) no-repeat;height:62.5vw;max-height:800px;width:100%;background-size:cover;position:relative}#top nav ul li a{color:#f0f5f0}#top .is-scroll nav ul li a{color:#7f7f7f}.newsBox{width:45%;height:36px;line-height:36px;background-color:#fff;border-radius:20px;margin-left:auto;margin-right:2%;padding-left:40px;position:absolute;top:90px;right:0}.newsBox a{display:flex;color:#7f7f7f}.newsBox p{margin-right:15px}.newsBox p:first-child{margin-right:40px}.catchText{width:600px;display:flex;justify-content:space-between;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.productName{font-size:7.8rem;height:90px;line-height:90px;color:#f0f5f0}.catchTextRight p{height:45px;line-height:45px;font-size:3.5rem;color:#f0f5f0;letter-spacing:2px}.catchTextRight p span{letter-spacing:1rem}.btnBox{width:270px;display:flex;justify-content:space-between;margin:0 auto 90px}.btnBox li{width:120px;height:40px}.headerInner .btnBox{position:absolute;top:70%;left:50%;transform:translate(-50%,-50%)}.greenBtn{background-color:#027744;border-radius:4px}.greenBtn a{height:40px;line-height:40px;text-align:center;color:#fff}.whiteBtn{background-color:rgba(255,255,255,.8);border-radius:4px}.whiteBtn a{height:40px;line-height:40px;text-align:center;color:#027744;font-weight:700}.downBtn{width:70px;position:absolute;top:90%;left:50%;transform:translate(-50%,-50%)}.flowBox{background-color:#fff;padding:65px 0 145px;margin-bottom:113px}.flowBox h2{font-size:1.8rem;margin-bottom:87px}.flowImg{width:78.9%;margin:0 auto}.planBoxWrap h2{font-size:1.8rem;width:75%;margin:0 auto 42px}#overview{background-color:#fff}#overview .headerTop{border-bottom:1px solid #ccc}#overview .headerTopTitle h2{background:url(../images/iconCloud.png) no-repeat;background-size:200px;background-position:35% 65%;margin-bottom:30px}.overviewBox h2,.overviewBox p{font-size:1.8rem}.overviewBox{padding-bottom:60px;background-color:#f0f5f0}.overviewBox h2{margin-bottom:27px}.overviewBox .text{margin-bottom:115px}.howToImg{width:73.4%;margin:0 auto 87px}.versionBox{width:75.5%;margin:0 auto}#overview .versionBox{margin-bottom:10vw}.versionBox ul{display:flex;justify-content:space-between;margin-bottom:70px}.versionBox ul:first-child{margin-bottom:20px}.versionBox ul li{width:49%;height:23vw}.versionBox ul li div{width:85%;margin:0 auto;height:18.5vw;max-height:288px;padding-top:50px}.versionBox ul li div h3{font-size:2.6rem;margin-bottom:33px}.versionBox ul li div p{font-size:1.8rem;line-height:1.5;letter-spacing:.5px;display:table-cell;height:10.5vw;vertical-align:middle}.ver01{background:url(../images/textBoxBg01.png) no-repeat;background-size:100%}.ver02{background:url(../images/textBoxBg02.png) no-repeat;background-size:100%}.ver03{background:url(../images/textBoxBg03.png) no-repeat;background-size:100%}.ver04{background:url(../images/textBoxBg04.png) no-repeat;background-size:100%}.dummyImg{width:68.4%;margin:0 auto 97px}.topTextInner{width:90%;margin:0 auto 75px;padding-top:30px}.topTextInner .topText{width:55%;font-size:1.8rem;line-height:1.5}.topTextInner .topText p{width:65%;margin:0 auto;max-width:450px}.topTextInner .topText:before{content:'';display:inline-block;width:100%;height:27px;background-image:url(../images/textBox01.png);background-size:contain;background-position:center;background-repeat:no-repeat;vertical-align:middle}.topTextInner .topText:after{content:'';display:inline-block;width:100%;height:27px;background-image:url(../images/textBox02.png);background-size:contain;background-position:center;background-repeat:no-repeat;vertical-align:middle}.topTextInner .topTextBox01{background:url(../images/dummyImg02.png) no-repeat;background-size:75%;background-position:bottom right;height:45vw}.topTextInner .topTextBox02{background:url(../images/kkc3dCase.png) no-repeat;background-size:75%;background-position:bottom right;height:40vw}.howToBoxInner,.versionBoxInner .fgreen{width:77.3%;margin:0 auto 9vw}.versionBoxInner .fgreen{margin:0 auto 20px}.exampleBox{width:75.8%;margin:0 auto}.exampleBox h2{text-align:center;font-weight:300;margin-bottom:35px}.exampleBox .textBox{line-height:1.5}.exampleBox p{margin-bottom:60px}#plan .headerTop{border-bottom:1px solid #ccc}#plan .headerTopTitle h2{background:url(../images/iconCalc.png) no-repeat;background-size:130px;background-position:35% 60%}#plan .planBoxWrap h3{width:75%;margin:48px 0 48px 12.5%}.planBox{width:74%;background-color:#fff;padding:25px;margin:0 auto 30px;border:2px #cce6d2 solid;border-radius:6px;font-size:1.4rem;box-sizing:border-box}.planBox .fgreen{margin-bottom:30px}.planBox ul li{display:flex;align-items:center;height:60px;border-bottom:1px #cce6d2 solid}.plan01{width:25%;background:url(../images/iconPhoto.png) no-repeat;background-position:0 13px;padding-left:6%;height:60px;line-height:60px}.plan02{width:25%;background:url(../images/iconStack.png) no-repeat;background-position:0 13px;padding-left:6%;height:60px;line-height:60px}.plan03{width:25%;background:url(../images/iconHeadphone.png) no-repeat;background-position:0 13px;padding-left:6%;height:60px;line-height:60px}.plan04{width:25%;background:url(../images/iconDrone.png) no-repeat;background-position:0 13px;padding-left:6%;height:60px;line-height:60px}.planText{width:69%;line-height:1.5;font-size:1.3rem}.tablaTop .text{font-size:1.3rem}.courceBoxWrap{margin-bottom:60px}.courseBox{width:75%;margin:0 auto 55px;display:flex;justify-content:space-between}.advanceBox,.basicBox,.expertBox{width:32%;background-color:#fff;margin:0 auto;border:2px #cce6d2 solid;border-radius:6px;padding:20px 0 30px;font-size:1.3rem;box-sizing:border-box;font-size:1.3rem}.courseBox h3{font-size:3rem;margin-bottom:30px}.expertBox h3{margin-bottom:7px}.courseBox .text{height:150px;line-height:2;width:80%;margin:0 auto;padding-top:1rem}.expertBox .text{padding-bottom:2px}.grayBg{width:100%;background-color:rgba(240,245,240,.2);margin-bottom:30px}.courseBox div ul{border-top:#eee 1px solid}.courseBox div ul li{padding:0 10%;display:flex;justify-content:space-between;align-items:center;height:48px;border-bottom:#eee 1px solid}.courseBox div ul li p:nth-child(2){width:10%;text-align:center}.price{width:120px;height:40px;line-height:40px;margin:.5rem auto;text-align:center;border:2px solid #cce6d2;border-radius:5px}.feeTableBox{width:75%;margin:0 auto}.feeTableBox h3{margin-bottom:50px;font-size:2.6rem}.priceTitle{width:500px;background-color:#f0f5f0;border-radius:6px;height:70px;line-height:70px;font-size:2rem;text-align:center;margin-bottom:20px}.greenBox{width:95%;height:80px;border-radius:10px;background-color:#cce6d2;line-height:80px;font-size:3rem;margin:0 auto}.expectTitle{line-height:1;padding-top:20px;height:60px}table{width:100%;border-bottom:solid 2px #929d94;margin-bottom:90px}table tr td,table tr th{border:solid 1px #929d94;border-collapse:collapse;height:45px;vertical-align:middle}table tr th{background-color:#f0f5f0;border-left:none;font-size:1.4rem;font-weight:500;line-height:2}table tr td{border-right:none;font-size:1.3rem;padding-left:3%}.thInfo{width:20%;border-top:solid 2px #929d94}.feeTableBox .num{width:15%;border-top:solid 2px #929d94;padding-left:1.5rem}.tdPrice{width:20%;border-top:solid 2px #929d94}.tablaTop th{border:none;background-color:#fff;height:90px}.bx-wrapper{-moz-box-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;border:5px solid #fff;background:#fff;margin-bottom:25px!important}.bx-wrapper .bx-pager{display:none!important}#case01,#case02,#case03{background-color:#fff}.case .headerTop{border-bottom:1px solid #ccc}.case .headerTopTitle h2{background:url(../images/iconCase.png) no-repeat;background-size:140px;background-position:35% 60%}.case .headerTopTitle{margin-bottom:15px}.caseBoxWrap{width:79%;padding-bottom:4.5vw;margin:0 auto}.headerBtnBox{width:100%;display:flex;justify-content:space-between;margin-bottom:7px}.headerBtnBox li{width:33%}.contentHeader{background-color:#dcdc4e;border-radius:5px 5px 0 0;height:160px}.contentHeader h3{display:flex;padding-top:4vw;margin-bottom:2vw;font-size:3.6rem;font-weight:300}.titleNo{display:block;font-size:3.6rem;font-weight:100;padding:0 .8rem 0 4rem}.border{display:block;height:20px;margin:10px 3% 0 0;border-right:2px dashed #6f7579}.case .companyName{position:relative;text-align:right}.topContents{margin-bottom:20px;padding:25px 0 1px;background-color:#eee;border-radius:0 0 6px 6px}.caseTextBox01{width:90%;margin:0 auto 24px;background-color:#fff;border-radius:6px;padding:12px 15px;font-size:1.6rem;line-height:1.5}.contentsWrapp{width:93.1%;margin:0 auto 30px;line-height:1.5;background:#fff;border-radius:6px}.contents02Wrapp{width:93.1%;margin:0 auto 30px;line-height:1.5;background:#fff;border-radius:6px;padding-bottom:15px}.contents02{display:flex;justify-content:space-between;margin-bottom:15px}.contents02 .imgBox{width:50%}.contents02 .textBox{padding:3%;width:45%;line-height:1.5;font-size:1.5rem}.contents02 .texTitle{font-size:1.6rem;text-align:center;margin-bottom:2vw}.middleContents h3{background:url(../images/iconCheck.png) no-repeat;background-size:60px;background-position:4%;font-size:2.4rem;height:60px;line-height:60px;padding-left:13%;margin-bottom:35px;font-weight:500}.middleContents p{width:86%;margin:0 auto 35px;font-size:1.6rem;line-height:1.8}.middleContents div{width:86%;margin:0 auto;display:flex;justify-content:space-between}.middleContents div p:first-child{width:66.7%}.middleContents div p:nth-child(2){width:32.3%;font-size:1.4rem;padding-left:1%;line-height:1.5}.middleContents .imgBox{margin-bottom:15px}.proImg{width:100%;margin:0 auto 30px}.voiceb{width:90%;margin:0 auto 20px;background:url(../images/iconBubble.png) no-repeat;background-position:left bottom;color:#027744;height:48px;line-height:64px;padding:1rem 0 0 5%;font-size:1.8rem}.voiceBox p:nth-child(2){margin-bottom:15px}.userVoiceBox{background-color:#f0f5f0;border-radius:6px;font-weight:100;padding-bottom:2vw;margin-bottom:1vw}.voiceBox{width:89%;margin:0 auto;background:#fff;border-radius:6px;padding:2vw 3%;border:1px solid #cce6d2}.caseBox{background-color:#fff;padding:30px 0;margin-bottom:25px}.caseBox01,.caseBox02,.caseBox03{display:flex;justify-content:space-around;align-items:flex-end;margin-bottom:35px}.userCaseTitle{background-color:#fff;padding:65px 0 30px;margin-bottom:25px}.leftBox{width:48%;padding-left:3%;box-sizing:border-box}.caseNo{margin-bottom:25px;padding:0 2rem}.caseTitle{margin-bottom:60px;font-size:3.5rem;padding:0 2rem}.rightBox{width:50%;padding-right:3%;box-sizing:border-box}.borderBox{border:#cce6d2 1px solid;border-radius:6px;padding:6%;height:30vw;position:relative}.voice{background:url(../images/iconBubble.png) no-repeat;background-position:bottom left;padding:30px 0 0 8%;color:#027744;font-size:1.5rem;height:20px;margin-bottom:5px}.scroll-box{height:25vw;overflow:scroll}.voiceTitle{color:#e43d60;font-size:2.5rem;margin-bottom:25px}.voiceText{font-size:1.6rem;line-height:1.8}#case02 .voiceText{border-bottom:1px solid #ccc;padding-bottom:15px;margin-bottom:15px}.companyName{position:absolute;right:4%;bottom:4%;font-size:1.5rem;padding:.5rem;border-radius:.5rem}.companyName.mask{background:rgba(255,255,255,.8)}.clientBox{font-size:1.4rem;line-height:1.8}.clientBox p:first-child{margin-bottom:20px}.compName{width:27%;margin-left:auto;line-height:2;padding-left:9%;background:url(../images/logo_yasda.png) no-repeat;background-size:13%;background-position-y:15px}.quotText{font-size:1.4rem;line-height:1.5}.subscriptionBox{width:51.2%;min-width:655px;margin:0 auto}.contentsBox{margin-bottom:30px!important;position:relative}#subscription .headerTop{border-bottom:1px solid #ccc}#subscription .headerTopTitle h2{background:url(../images/iconEntry.png) no-repeat;background-size:160px;background-position:35% 60%}#subscription .headerTopTitle{margin-bottom:50px}.droneNoBox .text{line-height:1.5}.requiredIcon{display:block;background-color:#e43d60;color:#fff;font-size:1rem;height:18px;line-height:18px;border-radius:5px;padding:0 5px;text-align:center}.inputTitle{display:flex;margin-bottom:10px;font-size:1.4rem;font-weight:500}.inputTitle p{font-size:1.4rem;font-weight:500;margin-right:10px}.inputTitle p:nth-child(2){font-size:1rem;font-weight:400}.invoiceRadio,.serviceRadio{margin-bottom:17px;color:#027744}.serviceRadio02{margin-bottom:25px}input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text]{border:1px #cce6d2 solid;height:50px;width:360px;font-size:1.3rem}textarea{border:1px #cce6d2 solid;width:100%;height:105px;margin-top:10px;margin-bottom:17px;font-size:1.3rem}textarea.error{border:1px red solid;width:100%;height:105px;margin-top:10px;margin-bottom:0;font-size:1.3rem;color:#027744;padding-left:2rem}input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],textarea{color:#027744;padding-left:2rem}textarea{padding-top:2rem}::placeholder{color:#cce6d2}-ms-input-placeholder{color:#cce6d2;padding-left:2rem}input[type=email].error,input[type=number].error,input[type=password].error,input[type=tel].error,input[type=text].error{border:1px red solid;height:50px;width:360px;font-size:1.3rem;color:#027744;padding-left:2rem}p.error-info{color:red;font-size:1.2rem;padding:.5rem 0 0 .5rem}img.attention-icon{position:absolute;top:4.1rem;left:330px;width:24px}#tel+img.attention-icon{left:240px}input:focus,select:focus,textarea:focus{outline:0;border-color:#929d94}input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{color:#cce6d2}input:focus:-ms-placeholder,textarea:focus::-ms-placeholder{color:#027744}input:focus:-moz-placeholder,textarea:focus:-moz-placeholder{color:#027744}input[type=checkbox],input[type=radio]{display:none}.radio-label{position:relative;padding:15px 0 0 60px}.checkbox-label{position:relative;padding:15px 0 0 80px;margin-right:15px}.checkbox-label a{color:#027744;font-weight:400;font-size:1.2rem}.checkbox-label:after,.checkbox-label:before,.radio-label:after,.radio-label:before{position:absolute;content:"";display:block;top:50%}.radio-label:after{left:15px;margin-top:-10px;width:30px;height:30px;border:2px solid #cce6d2;border-radius:50%}.radio-label:before{left:27px;margin-top:2px;width:10px;height:10px;background:#027744;border-radius:50%;opacity:0}input[type=radio]:checked+.radio-label:before{opacity:1}.checkbox-label:after{left:30px;margin-top:-20px;width:30px;height:30px;border:2px solid #cce6d2}.checkbox-label:before{left:40px;margin-top:-10px;opacity:0;content:url(../images/checkIcon.png)}input[type=checkbox]:checked+.checkbox-label:before{opacity:1}.addCodeBox{display:flex;align-items:center;margin-bottom:17px}.addCodeBox input{margin-bottom:0;margin-right:15px}.addCodeBox p{width:135px;height:35px;line-height:35px;border:2px solid #027744;border-radius:4px;font-size:1.1rem;text-align:center}.addCodeBox p a{display:block;width:100%;color:#027744}.selectBox{overflow:hidden;text-align:center;border:1px #cce6d2 solid;height:50px;width:371px;margin-bottom:10px}.selectBox select{width:100%;padding-right:1em;cursor:pointer;text-indent:.01px;text-overflow:ellipsis;border:none;outline:0;background:0 0;background-image:none;box-shadow:none;-webkit-appearance:none;appearance:none}.selectBox select::-ms-expand{display:none}.selectBox{position:relative;border:1px solid #cce6d2}.selectBox::before{position:absolute;top:15px;right:20px;content:url(../images/down.png);pointer-events:none}.selectBox select{padding:15px 0 0 15px;color:#cce6d2}.confirmationBox{display:flex;margin-bottom:70px}input[type=submit]{width:150px!important;min-width:150px!important;height:50px;line-height:50px;text-align:center;border:none;border-radius:4px;background-color:#027744;color:#fff;font-size:1.3rem}#confirmationBtn[disabled]{background-color:rgba(59,64,67,.3);color:#fff}#tel{width:270px}#postNo{width:185px}#address{width:100%}#selectText{width:575px}#inquiry .headerTop{border-bottom:1px solid #ccc}#inquiry .headerTopTitle h2{background:url(../images/iconLetter.png) no-repeat;background-size:160px;background-position:30% 60%}#inquiry .headerTopTitle{margin-bottom:50px}#news{background-color:#fff}#news .newsContentxBox{width:66.4%;margin:0 auto 100px}#news .headerTop{border-bottom:1px solid #ccc}#news .headerTopTitle h2{background:url(../images/iconNews.png) no-repeat;background-size:160px;background-position:35% 60%}#news .headerTopTitle{margin-bottom:85px}#news .newsBox{display:block;width:100%;line-height:1.5;height:145px;margin-bottom:0;border-top:1px solid #cce6d2;border-bottom:1px solid #cce6d2;border-radius:0;padding:20px 0 0 0;position:unset}#news .newsBox .newsDate{margin-bottom:15px}#news .newsBox .newsTitle{margin-bottom:20px}.footerBorder{width:100%;background:url(../images/headerBg.gif);height:80px;color:transparent}@media screen and (max-width:1130px){.topRight{width:75%}.newsBox{margin-bottom:130px}.btnBox{margin-bottom:30px}.overviewBox .text{width:90%;margin:0 auto;margin-bottom:60px}.topTextInner .topTextBox01{background:url(../images/dummyImg02.png) no-repeat;background-size:75%;background-position:bottom right;height:50vw;margin-bottom:30px}.topTextInner .topTextBox02{background:url(../images/kkc3dCase.png) no-repeat;background-size:75%;background-position:bottom right;height:40vw}.versionBox{margin-bottom:40px}.versionBox ul li div{padding-top:3vw;margin:0 auto 15px}.versionBox ul li div h3{margin-bottom:15px}.flowBox{padding:30px 0 60px;margin-bottom:50px}.courseBox .text{line-height:1.8rem}.plan01{width:23%;background:url(../images/iconPhoto.png) no-repeat;background-position:0 13px;padding-left:7%;height:60px;line-height:60px;font-size:1.3rem}.plan02{width:23%;background:url(../images/iconStack.png) no-repeat;background-position:0 13px;padding-left:7%;height:60px;line-height:60px;font-size:1.3rem}.plan03{width:23%;background:url(../images/iconHeadphone.png) no-repeat;background-position:0 13px;padding-left:7%;height:60px;line-height:60px;font-size:1.3rem}.plan04{width:23%;background:url(../images/iconDrone.png) no-repeat;background-position:0 13px;padding-left:7%;height:60px;line-height:60px;font-size:1.3rem}.feeTableBox{width:75%}.tablaTop .text{font-size:1.2rem}table tr td{font-size:1.2rem;padding-left:2%}.titleNo{display:block;font-size:3rem;font-weight:100;padding:5px 1% 0 5%}.caseTitle{font-size:3rem;line-height:1.2}.voice{padding:30px 0 0 10%}.voiceTitle{font-size:2rem}.quotText{font-size:1.2rem;font-weight:100;line-height:1.2}.greenBg{padding:45px 0 30px}.greenBox{height:80px;border-radius:10px;background-color:#cce6d2;line-height:80px;font-size:2.2rem;margin:0 auto}.expectTitle{line-height:1.5;padding-top:10px;height:70px}.expectTitle .fgreen{font-size:2.2rem;margin-bottom:5px}.contents02 .textBox{padding:2vw 5% 0;line-height:1.5;font-size:1.4rem}.contents02 .textBox .textTitle{font-size:1.6rem}.middleContents h3{background:url(../images/iconCheck.png) no-repeat;background-size:5%;background-position:4% 15px}.voiceText{line-height:1.5;font-size:1.5rem}#case03 .contents02 .imgBox{display:flex;align-items:center}#case03 .contents02 .textBox{font-size:1.2rem;padding:2.5vw 5%}.caseTitle{margin-bottom:30px}.compName{width:40%;margin-left:auto;line-height:1.5;padding-left:11%;background:url(../images/logo_yasda.png) no-repeat;background-size:15%;background-position-y:8px}.companyName{font-size:1.2rem}.voiceb{padding:3px 0 0 8%}}@media screen and (max-width:1000px){.newsBox{margin-bottom:60px}.overviewBox .text{font-size:1.4rem}.topTextInner{width:85%;margin:0 auto 75px;padding-top:30px;padding-left:0}.topTextInner .topText{width:70%;font-size:1.6rem;line-height:1.5;position:absolute;top:0}.topTextInner .topText p{width:70%;margin:0 auto}.topTextInner .topTextBox01{background-size:100%;background-position:bottom right;padding-top:100px;margin-bottom:30px;position:relative}.topTextInner .topTextBox02{background:url(../images/kkc3dCase.png) no-repeat;background-size:100%;background-position:bottom right;padding-top:100px;position:relative}.clientBox{font-size:1.2rem;line-height:1.5}.catchText{margin-bottom:30px}.versionBox ul li div h3{font-size:1.8rem}.versionBox ul li div p{font-size:1.3rem}.btnBox{margin-bottom:15px}.planBox{width:86%}.courseBox{width:87%}.smpOn{display:block}#case02 .contents02 .imgBox{transform:translateY(3vw)}.contents02 .textBox .texTitle{font-size:1.4rem}.contents02 .textBox .text{font-size:1.3rem;line-height:1.5}#plan .planBoxWrap h3{margin:48px 0 48px 5%}.feeTableBox{width:90%}.planText{font-size:1.2rem;line-height:1.2}.contentHeader{height:130px}.contentHeader h3{font-size:2.4rem}.titleNo{display:block;font-size:2.2rem;font-weight:100;padding:0 1% 0 5%}.border{display:block;height:20px;margin:3px 3% 0 0;border-right:2px dashed #6f7579}.voice{padding:30px 0 0 15%}.voiceText{font-size:1.4rem}.courseBox .fs08{font-size:.6rem;line-height:1.5}.footerRight{width:60%;display:flex;justify-content:space-between}}html{height:100%;font-size:62.5%}body{width:100%;height:100%;background-color:#fff;overflow-x:hidden}button:focus,input:focus,textarea:focus{outline:0}a{text-decoration:none;cursor:pointer}button{cursor:pointer}.material-icons{display:inline-flex;vertical-align:middle}.material-icons.small{font-size:18px}.bg-gry{background-color:#f9f9f9}.bg-blu{background-color:#2699fb}.bg-red{background-color:#ff0035}.bg-yel{background-color:#ff9d00}.bg-gry-d{background-color:#929d94}.inline{display:inline-block}.block{display:block}.none{display:none}.hidden{visibility:hidden}.mt-0{margin-top:0}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-32{margin-top:32px}.mt-48{margin-top:48px}.mt-72{margin-top:72px}.ml-8{margin-left:8px}.ml-16{margin-left:16px}.ml-24{margin-left:24px}.ml-32{margin-left:32px}.mr-16{margin-right:16px}.mr-24{margin-right:24px}.mr-32{margin-right:32px}.mr-40{margin-right:40px}.mb-0{margin-bottom:0}.mb-6{margin-bottom:6px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-14{margin-bottom:14px}.mb-16{margin-bottom:16px}.mb-32{margin-bottom:32px}.mb-38{margin-bottom:38px}.mb-43{margin-bottom:43px}.mb-48{margin-bottom:48px}.mb-62{margin-bottom:62px}.mb-112{margin-bottom:112px}.pb-112{padding-bottom:112px}.fw-l{font-weight:300}.fw-r{font-weight:400}.fw-m{font-weight:500}.fw-b{font-weight:700}.fs-8{font-size:8px}.fs-10{font-size:10px}.fs-12{font-size:12px}.fs-13{font-size:13px}.fs-14{font-size:13px}.fs-16{font-size:16px}.fc-gre{color:#027744}.fc-gry{color:#6f7579}.fc-whi{color:#fff}.fc-sky{color:#2699fb}.fc-red{color:#c00}.cen{text-align:center}.w-683{width:683px}.btn-wrap{width:100%;text-align:center}.btn-green{border:none;width:148px;height:48px;margin:0 auto;color:#fff;background-color:#027744;font-size:12px;font-weight:700;line-height:48px;border-radius:4px}.btn-gray{border:none;width:148px;height:48px;margin:0 auto;color:#fff;background-color:#b0b0b0;font-size:12px;font-weight:700;line-height:48px;border-radius:4px}.input-gre{background-color:#fff}.input-gry{background-color:#f0f5f0}.textarea-gre{padding:16px 22px;font-size:1.3rem;border:solid 1px #cce6d2;background-color:#fff}.textarea-gre.small{padding:2px 4px;margin:4px;width:95%;height:70px;font-size:1.2rem;border:solid 1px #cce6d2;background-color:#fff}.textarea-gre:read-only{color:#b0b0b0;border-color:#b0b0b0}.form-item{color:#6f7579;height:20px;font-size:1.4rem;font-weight:500;margin-bottom:10px}.radio-check-item{color:#6f7579;font-size:1.4rem;height:20px;line-height:20px;margin-bottom:20px}.form-gre input::placeholder{color:#cce6d2;font-size:1.3rem}.form-gry input::placeholder{color:#6f7579;font-size:1.3rem}input[type=text]:disabled{border:1px #6f7579 solid}input[type=text]:disabled::placeholder{color:#6f7579;font-size:1.3rem}.form-gre textarea::placeholder{color:#cce6d2;font-size:1.3rem}.caution-wrap{display:inline-block;background-color:#e43d60;height:18px;text-align:center;margin:1px 8px;border-radius:6px}.caution{color:#fff;vertical-align:bottom;line-height:20px}.explain{height:18px;font-size:1.2rem;font-weight:400;color:#6f7579}.warn{color:#e43d60}.ex-p{line-height:1.5;font-size:1.2rem!important}.radio li{margin-bottom:33px;color:#027744;font-size:1.2rem;font-weight:400}.label-radio-user{position:relative;padding:15px 0 0 60px}.label-radio-user:before{position:absolute;content:"";display:block;z-index:1;top:50%;left:27px;margin-top:2px;width:10px;height:10px;background:#027744;border-radius:50%;opacity:0}.label-radio-user:after{position:absolute;content:"";display:block;top:50%;left:15px;margin-top:-10px;width:30px;height:30px;border:2px solid #cce6d2;background-color:#fff;border-radius:50%}.label-check-user.hover:hover::after,.label-radio-user.hover:hover::after{border-color:#929d94}input[type=radio]:checked+.label-radio-user:before{opacity:1}.checkbox li{margin-bottom:33px;color:#027744;font-size:1.2rem;font-weight:400}.label-check-user{position:relative;padding:10px 0 17px 56px}.label-check-user::before{position:absolute;z-index:1;width:11px;height:6px;top:13px;left:24px;content:'';-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-left:2px solid #929d94;border-bottom:2px solid #929d94;opacity:0}.label-check-user::after{position:absolute;content:"";display:block;top:16px;left:17px;margin-top:-10px;width:22px;height:22px;border:2px solid #cce6d2;background-color:#fff}input:disabled+.label-check-user::after{background-color:#f0f5f0;border:2px solid #cacaca}input[type=checkbox]:checked+.label-check-user:before{opacity:1}.file-up{position:relative}.file-up-button{background:#fff;color:#027744;font-size:12px;font-weight:700;cursor:pointer;padding:7px 38px;margin:0 20px 0 0;display:inline-block;border:2px solid;border-radius:5px}.file-up-button input{display:none}.file-up input:read-only{color:#027744;font-size:1.3rem;font-weight:400;width:500px}.file-up input::placeholder{color:#027744;font-size:1.3rem;font-weight:400}.selectBox.user{background-color:#fff;position:relative}.selectBox.user::before{position:absolute;top:19px;right:21px;width:6px;height:6px;content:'';border-left:3px solid #929d94;border-bottom:3px solid #929d94;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);pointer-events:none}input:focus::placeholder,textarea:focus::placeholder{color:transparent;transition:.1s}input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{color:transparent;transition:.1s}.content-login{width:100%;border-bottom:solid 1px #cce6d2}.headerTop{border-bottom:none}.login-bg{margin-top:70px;height:105px;width:100%;font-size:40px;color:#027744;line-height:105px;text-align:center;border:#d7ded9 solid 1px;background-image:linear-gradient(transparent 95%,#d7ded9 5%),linear-gradient(90deg,transparent 95%,#d7ded9 5%);background-size:29px 29px;background-repeat:repeat}.logoKkc img{width:100%;height:auto}.designed_login{text-align:right;color:#cce6d2;font-size:8px;padding:0 13px 8px 0}.designed_login a{color:#cce6d2;text-decoration:underline}#login-form{width:340px;margin:47px auto 0;padding-bottom:127px}#to-reissue a{color:#027744;text-decoration:underline}#reissue-form{width:340px;margin:47px auto 0;padding-bottom:127px}#wrapper{position:relative;min-height:100%}#header{position:relative;height:48px;background-color:#fff}.hea-child{bottom:14px}.material-icons.c-gry{color:#6f7579}.hea-left{height:24px;position:absolute;left:0;margin-left:20px}.hea-left img{width:80px;position:absolute;bottom:3px}.hea-title{height:24px;position:absolute;left:50%;transform:translateX(-50%)}.hea-title span{bottom:0;line-height:24px}.hea-right{height:24px;position:absolute;right:0;margin-right:32px}.hea-right li{display:inline-block;vertical-align:middle;line-height:24px}.hea-right li span{line-height:24px}.hea-right li i{vertical-align:middle}.hea-right li i:hover{cursor:pointer}.drop-down-menu{position:absolute;top:40px;right:24px;width:160px;background-color:#fff;z-index:10;filter:drop-shadow(0px 3px 8px rgba(111, 117, 121, .33))}.drop-down-menu a{display:block;text-decoration:none;color:#6f7579;padding-left:40px}.drop-down-menu ul{list-style:none;padding:0 0 24px;color:#6f7579;font-size:16px;font-weight:300}.drop-down-menu li{height:40px;line-height:40px}.drop-down-menu li:first-child{text-align:right;margin-right:16px}.drop-down-menu li i{vertical-align:middle;font-size:24px;cursor:pointer}.drop-down-menu li.menu:hover{background-color:#f9f9f9}#content{padding-bottom:64px}#footer{position:absolute;bottom:0;width:100%;height:64px;background-color:#6f7579}#footer p.copyright-user{color:#fff;margin:23px 0 0;text-align:center}#footer p.designed{color:#929d94;margin:0 0 0 23px}#footer .designed a{text-decoration:underline;color:#929d94}#footer .kkc-logo{position:absolute;width:140px;height:40px;background-color:#fff;top:12px;right:12px}#footer .kkc-logo img{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}#form-create{width:800px;margin:48px auto 112px}.excel{padding:0 10px;background-color:#31693d;border:4px solid #31693d;border-radius:4px}.pdf{padding:0 10px;background-color:#d83731;border:4px solid #d83731;border-radius:4px}.file-count{color:#027744;font-size:1.3rem;font-weight:400;padding-left:2rem;display:inline-block}.file-reset{width:68px;height:28px;display:inline-block;border:solid 2px #9e9e9e;border-radius:6px;background-color:#fff;font-size:12px;font-weight:400;color:#9e9e9e;vertical-align:middle;line-height:28px;text-align:center;top:0;right:165px;position:absolute;cursor:pointer}.bg-reset-on{background-color:#9e9e9e!important;color:#fff!important}.file-up-check{margin:10px 0 14px;line-height:18px}.file-up-check li{margin-bottom:0}#file-check-delete-coords{display:none}.file-name-wrap{width:560px;min-height:40px;overflow:auto;border:solid 1px #b5b7b8;background-color:#fff}.bor-gre-1{border:solid 1px #cce6d2!important}.file-name-wrap ul{margin:16px 11px;max-height:260px;max-width:496px;display:flex;flex-flow:wrap column;color:#b5b7b8}.file-name-wrap li{font-size:12px;font-weight:400;color:#027744;line-height:18px;margin:4px 10px;width:160px;white-space:nowrap;overflow:hidden;-webkit-text-overflow:ellipsis;text-overflow:ellipsis}.file-content-wrap{width:100%;overflow-x:hidden}.file-content-wrap>*{display:none}.file-content-wrap table{margin:0 0 20px 20px;width:60%}.file-content-wrap table td,.file-content-wrap table th{height:auto!important;padding:4px 16px}.file-content-wrap table thead tr{border-bottom:2px solid #929d94!important}.file-content-wrap table tbody th{text-align:left;font-weight:400;white-space:nowrap}.file-content-wrap table tbody td{text-align:center}.create-vertical{vertical-align:middle}.create-cancel{border:none;width:148px;height:48px;color:#fff;background-color:#b0b0b0;font-size:12px;font-weight:700;line-height:48px;border-radius:4px;position:relative;cursor:pointer}.confirm{width:1000px;border-top:solid 1px #929d94;border-bottom:solid 1px #929d94;margin:40px auto 48px}.confirm table,tbody,td,th,tr{background-color:transparent!important;line-height:1!important;border:none!important}.confirm th{width:220px;padding:24px 0 28px 15px;font-size:1.4rem;font-weight:700;color:#6f7579;text-align:left;vertical-align:top}.confirm td{width:776px;padding:24px 15px 28px 20px}.confirm td span{display:inline-block;font-size:1.4rem;font-weight:400;color:#6f7579;line-height:20px}.confirm td li{display:block;font-size:1.4rem;font-weight:400;color:#6f7579}.confirm td li:not(:last-child){margin-bottom:7px}.confirm-img-area{border:solid 1px #cce6d2;background-color:#fff;width:100%;height:390px;overflow:auto}.confirm-img-area .img-wrap{width:17.3%;height:113px;margin:8px}.confirm-img-area img{display:block;width:100%;height:93px;object-fit:cover}.confirm-img-area span{width:100%;display:block;white-space:nowrap;overflow:hidden;-webkit-text-overflow:ellipsis;text-overflow:ellipsis}.confirm-map-area{position:relative;border:solid 1px #cce6d2;background-color:#fff;width:100%;height:390px;overflow:auto}.confirm-map-area .sample-map{position:absolute;display:block;top:50%;left:50%;transform:translate(-50%,-50%);color:#00f;font-size:14px;font-weight:400;line-height:14px}.modal{display:none;height:100vh;position:fixed;top:0;width:100%;z-index:20000}.modal__bg{display:block!important;background:rgba(0,0,0,.3)!important;width:100%!important;height:100vh!important;position:absolute!important}.modal__content{background:#fff!important;position:absolute!important;top:200px!important;left:50%!important;transform:translateX(-50%)!important;width:672px!important;height:248px!important;padding:40px!important;text-align:center!important;box-sizing:border-box!important}.modal__content p{color:#6f7579;font-size:1.4rem;font-weight:400;text-align:center;margin-bottom:20px}.progress-wrap{display:inline-block;margin:0 auto 35px}.modal__content progress{width:360px;height:10px}#progressbar{margin:20px;width:360px;height:10px;position:relative}.msg-complete{position:relative}.msg-complete i{display:inline-block;font-size:23px;vertical-align:sub;margin-left:8px;color:#027744;position:absolute;top:-4px;left:387px}.btn-uploading{border:2px solid #e43d60;width:148px;height:40px;margin:0 auto;color:#e43d60;background-color:#fff;font-size:12px;font-weight:700;border-radius:4px}.btn-complete{border:2px solid #e43d60;width:148px;height:40px;margin:0 auto;color:#fff;background-color:#e43d60;font-size:12px;font-weight:700;border-radius:4px}.loading{width:100%;height:100px;background:center center no-repeat url(../images/loading.png)}.tab{width:100%;height:100%}.tab>ul{width:100%;height:47px;line-height:47px;font-size:14px;border-bottom:solid 1px rgba(146,157,148,.6);display:flex;justify-content:flex-start}.tab>ul li{padding:0 16px}.tab>ul li a{text-decoration:none;color:#6f7579}.tab>ul li a.active{color:#027744}.tab>div{display:none;font-size:12px;text-align:center;overflow:auto}.tab>div>div{display:inline-block;height:100%;text-align:left}.tab>#tab-images{overflow-y:hidden}.border-on{border-bottom:solid 5px rgba(2,119,68,.46)}.viewer{min-width:200px;background-color:#ffc}.viewer>div{position:relative;display:none}.viewer>div,.viewer>div>canvas{width:100%;height:100%}.viewer .switcher{background-color:#027744;border-radius:4px;font-size:10px;padding:6px;color:#fff;cursor:pointer}#viewer-3d .switcher{position:absolute;right:10px;top:10px}.viewer .transform{position:absolute;left:10px;top:10px;width:24px;height:24px;background-color:#027744;font-size:10px;padding:6px;color:#fff;font-size:18px!important;cursor:pointer}.viewer .transform:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.viewer .transform:nth-child(2){left:46px}.viewer .transform:nth-child(3){border-top-right-radius:6px;border-bottom-right-radius:6px;left:82px}.viewer .status{position:absolute;right:0;bottom:0;font-size:10px;border:1px solid #fff;padding:4px;background-color:rgba(255,255,255,.3);color:#fff}.thumbnail.right{width:335px}.thumbnail.full{width:100%}.thumbnail .images{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;margin:0 auto}.thumbnail .images>p{margin:20% auto;font-size:16px;text-align:center}.thumbnail.full .images{width:80%}.thumbnail .image-box{width:145px;height:145px;margin:12px 0 0 12px}.thumbnail .image-box img{display:block;max-width:128px;max-height:128px;object-fit:cover}.thumbnail .image-box img.linked{cursor:pointer}.thumbnail .image-box img.selected{outline:1px solid #027744;filter:drop-shadow(0px 0px 4px rgba(2, 119, 68, .7))}.thumbnail .image-box span{width:100%;display:block;white-space:nowrap;overflow:hidden;-webkit-text-overflow:ellipsis;text-overflow:ellipsis;font-size:12px;line-height:17px;font-weight:400;margin-top:5px}#job-exec-box{padding:8px 0}#job-exec-box .material-icons{cursor:pointer}.info{width:800px;margin:0 auto;font-size:14px}.info ul{margin-top:24px}.info ul li{display:block;margin-bottom:8px}.info ul li span{display:inline-block;vertical-align:top}.info ul li span:first-child{width:200px;text-align:right}.info ul li span:nth-child(2){padding-left:16px}.info ul li i{cursor:pointer}.info ul li textarea{margin:0;padding:2px;width:300px;height:100px;resize:none}.info ul li textarea:read-only{padding:0;border:0 none;color:inherit;background-color:transparent}.download{width:600px;margin:0 auto}.download ul{margin-top:24px}.download ul li{display:inline-block;width:120px;margin-bottom:18px}.download .radio-check-item{margin-bottom:16px}.download .radio-check-item span{background-color:#6f7579;border:solid 3px #6f7579;border-radius:20px;color:#fff;font-weight:400;font-size:1.2rem;line-height:2.4rem;padding:0 20px}#list-img-area{margin:12px auto 38px;width:990px;position:relative}#list-notice{width:592px;height:32px;background-color:#fff;border-radius:16px;margin:0 8px 8px;filter:drop-shadow(0px 3px 8px rgba(111, 117, 121, .33));position:relative}#notice-cover{width:1000px;height:100px;background-color:#f9f9f9;position:absolute;top:-8px;left:0}#list-notice span{display:inline-block;color:#6f7579;font-size:15px;font-weight:300;line-height:32px}#list-notice span:first-child{margin-left:30px;overflow:auto}#list-notice span:nth-child(2){margin:0 0 0 30px;white-space:nowrap;overflow:hidden;-webkit-text-overflow:ellipsis;text-overflow:ellipsis;cursor:pointer}#list-notice i{position:absolute;top:5px;right:8px;color:#969696;cursor:pointer}#list-action-area{width:100%;margin:0 10px 24px;height:32px;position:relative}#list-action-area .create{position:absolute}.create button{position:relative;height:32px;cursor:pointer}.create i{display:inline-block;position:absolute;top:4px;left:32px}.create span{display:inline-block;position:absolute;top:-7px;left:62px}#list-action{position:absolute;display:inline-block;right:26px;overflow:visible}#search-area{position:relative}.search-input{color:#027744;height:32px;background-color:#fff;padding:0 40px 0 20px;border:1px #cce6d2 solid;vertical-align:top;width:360px;font-size:1.3rem}.search-icon{position:absolute;left:329px;top:5px}input[type=submit].search-btn{border:none;border-radius:0;color:#fff;width:38px!important;min-width:38px!important;height:32px!important;background-color:transparent;position:absolute;right:0;cursor:pointer;top:0}#list-action .item{display:inline-block;height:32px;border:none}.list-sort{width:32px;height:32px;border-radius:4px;background-color:#cce6d2;margin-left:16px;vertical-align:top;position:relative}.list-sort-filter{width:32px;height:32px;border-radius:4px;background-color:transparent;vertical-align:top;position:absolute;top:0;left:0;cursor:pointer}.list-sort i{position:absolute;color:#fff;font-size:25px;top:4px;left:4px}.drop-down-sort{position:absolute;top:32px;right:5px;background-color:#efefef;z-index:9}.drop-down-sort ul{padding:10px 0}.drop-down-sort a{display:block;text-decoration:none;color:#6f7579;padding:0 12px}.drop-down-sort li{height:25px;line-height:25px;font-size:10px}.drop-down-sort li:hover{background-color:#cce6d2}.list-type{position:relative;width:67px;height:24px;border:solid 4px #027744;border-radius:4px;background-color:#027744;margin-left:8px;vertical-align:top}.list-type::after{position:absolute;content:'';width:1px;height:24px;background-color:#accaac;left:34px;top:4px}.list-type-item{height:23px;margin-top:1px;position:absolute}.list-type-item i{position:absolute;font-size:22px;top:4px}.list-type-item.left{left:6px}.list-type-item.right{right:28px}.list-type-item.on{color:#fff}.list-type-item.off{color:#accaac;cursor:pointer}.paginate-area{width:500px;margin:50px auto 0;text-align:center}.paginate-area div{display:inline-block;margin:0 5px;color:#cce6d2;font-size:12px;font-weight:300;text-align:center;width:18px;height:18px;position:relative;vertical-align:middle}.paginate-area a{vertical-align:middle;width:100%;height:100%;position:absolute;top:0;left:0;line-height:18px}.paginate-area .arrow{color:#027744;width:50px;height:50px;border-radius:10px}.paginate-area .arrow a{position:absolute;top:0;left:0;border-radius:10px;border:solid 2px #f0f5f0;background-color:#fff;line-height:50px}.paginate-area i{line-height:50px;font-size:27px}.paginate-area .select{color:#6f7579}#list-imgs-wrap{width:990px;margin:0 auto}#list-imgs-wrap li{display:inline-block}.image-item-area{width:182px;position:relative;border-radius:6px;margin:9px 6px;box-shadow:0 3px 6px 1px rgba(0,0,0,.29)}.item-image{width:100%;height:128px;border-radius:6px 6px 0 0}.item-image img{width:100%;height:100%;border-radius:6px 6px 0 0;object-fit:contain}.item-status{position:absolute;top:8px;right:8px;border-radius:8px;padding:4px 10px}.item-status span{font-size:9px;color:#fff}.item-info{width:100%;height:88px;background-color:#fff;border-radius:0 0 6px 6px;position:relative}.item-info span{display:block;color:#6f7579;padding:2px 8px;white-space:nowrap;overflow:hidden;-webkit-text-overflow:ellipsis;text-overflow:ellipsis;font-size:11px;font-weight:400;line-height:12px}.item-info span:first-child{font-size:10px;font-weight:400;line-height:16px}.item-info span:nth-child(2){font-size:16px;font-weight:700;line-height:20px}.item-action{position:absolute;bottom:0;right:0}.item-action .item-action-wrap{display:inline-block;top:0;right:0;margin:0 2px 2px 0;position:relative;width:23px;height:23px;text-align:center}.item-action a{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:6px;z-index:2;cursor:pointer;color:#6f7579;vertical-align:middle}.item-action img.dl{width:23px}.item-action img.trash{width:23px}.list-records-wrap{width:970px;margin:0 auto}.list-records table{width:100%;color:#6f7579;padding-left:25px;line-height:48px}.list-records tr{border-bottom:solid 1px #929d94!important}.list-records thead tr:first-child{border-bottom:solid 2px #929d94!important}.list-records tbody tr:hover{background-color:#ffd!important}.list-records tbody tr:last-child{border-bottom:none!important}.list-records th{font-size:14px;font-weight:500;text-align:left;padding-left:25px;white-space:nowrap}.list-records th:last-child{padding-right:2%}.list-records td{font-size:14px;font-weight:400;text-align:left;padding-left:25px;white-space:nowrap;overflow:hidden;-webkit-text-overflow:ellipsis;text-overflow:ellipsis;max-width:436px}.list-records .name{width:436px}.list-records .num{width:100px}.list-records .date{width:130px}.list-records .status{width:140px}.list-records .icon{width:45px}.list-records i{color:#6f7579}.list-records a{color:inherit!important;text-decoration:underline!important}.form-block{min-width:740px;margin:0 auto;border:1px solid #b0b0b0}.form-block[data-detail="1"]{display:none}.form-block-header{height:30px;padding:6px 10px;cursor:pointer}.form-block-header>span{display:inline-block;margin:8px;font-size:1.4rem}.form-block-expander{float:right;width:30px;height:30px;background:no-repeat center}.form-block-expander.expanded{background-image:url('../images/icons8-collapse-arrow-26.png')}.form-block-expander.collapsed{background-image:url('../images/icons8-expand-arrow-26.png')}.form-block-content{padding:24px}.form-block[data-detail="1"] .form-block-content{padding:20px 30px}.form-block-content.expanded{display:block}.form-block-content.collapsed{display:none}#detail-switch{float:right;margin:20px}#detail-switch>div{float:right}#detail-switch .form-item{float:right;margin:0 8px 0 0;height:30px;line-height:30px;vertical-align:baseline}.onoffswitch{position:relative;width:72px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.onoffswitch-checkbox{display:none}.onoffswitch-label{display:block;overflow:hidden;cursor:pointer;border:2px solid #027744;border-radius:20px}.onoffswitch-inner{display:block;width:200%;margin-left:-100%;transition:margin .3s ease-in 0s}.onoffswitch-inner:after,.onoffswitch-inner:before{display:block;float:left;width:50%;height:30px;padding:0;line-height:30px;color:#fff;font-family:sans-serif;font-weight:700;box-sizing:border-box}.onoffswitch-inner:before{content:"ON";padding-left:10px;background-color:#027744;color:#fff}.onoffswitch-inner:after{content:"OFF";padding-right:10px;background-color:#eee;color:#027744;text-align:right}.onoffswitch-switch{display:block;width:18px;margin:6px;background:#fff;position:absolute;top:0;bottom:0;right:38px;border:2px solid #027744;border-radius:20px;transition:all .3s ease-in 0s}.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner{margin-left:0}.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch{right:0}