@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{position:relative;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--header-height:100px;--sidebar-width:27%;--content-padding:var(--spacing-lg);--section-margin:var(--spacing-xl);--card-padding:var(--spacing-lg);--border-radius:8px;--bg-primary:#1b2531;--bg-secondary:#283142;--bg-tertiary:#333e50;--text-primary:#fff;--text-secondary:#ccc;--border-color:#e1e1e1}*{box-sizing:border-box;font-family:Noto Sans KR,sans-serif}.tb_type,.tb_type02{border-left:none;display:block;position:relative}.inputTable tbody tr:first-child td{border-top:none;padding:24.7px 0}.bottom .inputTable tbody tr:first-child td{border-top:none;padding:12.7px 0}.bottom tbody tr td{padding:4px 0}.timetxt{text-align:left}.txtTr{display:inline-block;font-weight:700;margin:0 8px}.dataInputBtn{background-color:#4a5d6e;border:1px solid #4a5d6e;border-radius:4px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:10px 20px;transition:all .2s ease}.dataInputBtn:hover{background-color:#5a6b7e;border-color:#5a6b7e;box-shadow:0 3px 6px #0000004d;transform:translateY(-1px)}.dataInputBtn:active{background-color:#3a4b5e;border-color:#3a4b5e;box-shadow:0 1px 2px #0003;transform:translateY(0)}caption{display:none}thead{background-color:#283251;display:block;font-size:20px}thead tr:after{clear:both;content:"";display:block}thead tr{display:flex}.left thead tr th{font-size:.9vw!important}.left thead tr th,.right table thead tr th{align-items:center;box-sizing:border-box;color:#fff;color:var(--text-primary);display:flex;flex:1 1;font-weight:400;height:50px;justify-content:center;line-height:1.2;padding:8px 4px;padding:var(--spacing-sm) var(--spacing-xs)}.right table thead tr th{font-size:.8vw!important}thead tr th:first-child{border-left:none}tbody{display:block;overflow-y:overlay}.tb_type .borderTdAlarm tr:first-child td{border-bottom:1px solid #e1e1e1}tbody tr{align-items:center;box-sizing:border-box;display:flex;flex:1 1}tbody tr td:first-child{border-left:none}tbody tr td{align-items:center;color:#fff;color:var(--text-primary);flex:1 1;font-size:.9vw;height:50px;justify-content:center;line-height:1.2;padding:16px 8px;padding:var(--spacing-md) var(--spacing-sm);vertical-align:middle}tbody tr td,tbody tr td>div{display:flex}.tb_type tbody tr:first-child{border-top:none}.txt_wrap01 .txt_date{border:1px solid #888;font-size:12px;margin:0;min-width:155px;padding:10px}.txt_wrap{position:absolute;top:-50px}.txt_wrap .txt_date{border:1px solid #888;font-size:12px;margin:0;min-width:155px;padding:10px}h1{font-size:20px;position:absolute;right:1%;top:0;z-index:1}.lookupDate{background-color:#283251;border:1px solid #393d46;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;height:46px}.lookupDate:hover{background:#0065bd;cursor:pointer}.dLogo{height:65px;left:1%;position:absolute;top:50%;transform:translateY(-50%);width:120px}.tbTitle{border-bottom:2px solid #e1e1e1;border-bottom:2px solid var(--border-color);color:#fff;color:var(--text-primary);display:block;font-size:1vw;font-weight:700;height:auto;line-height:1.2;margin-top:16px;margin-top:var(--spacing-md);padding:8px 0}.tbTitle,.wrap{margin-bottom:16px;margin-bottom:var(--spacing-md)}.wrap{float:left;position:relative;width:100%;z-index:1}.pop{background:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:100}.svchange{border:1px solid #fff;display:inline-block;padding:10px}.inputTable tbody tr{border-bottom:none;border-right:none;display:block;flex:1 1}table{width:100%}.bold{color:#222;font-size:25px;font-weight:700}.inputTable tbody>tr,.inputTable tbody>tr:last-child{border-bottom:1px solid #fff;display:flex}.alarmtxt{color:#ff0;font-size:13px}.inputTable tbody tr td{border-right:1px solid #fff;flex:1 1}.inputTable tbody tr td:first-child{border-left:1px solid #fff}.inputTable tbody>tr:last-child{border-right:none}.inputTable tbody tr tr td{border-left:none;display:block}.inputTable{border-collapse:collapse;margin-top:20px;width:100%}.inputTable thead th{color:#fff;font-size:16px;font-weight:700;text-align:center}.inputTable tbody tr{background-color:#1b2531}.inputTable tbody tr td{border:1px solid #fff;color:#fff;font-size:16px;padding:15px;text-align:center}.inputTable tbody tr td:first-child{background-color:#283142;font-weight:700}.inputTable thead{background-color:#283251}.tb_type tbody tr:last-child{border-bottom:none}.wrap02{float:left;margin-bottom:16px;margin-bottom:var(--spacing-md);position:relative;width:100%;z-index:1}.dataInput{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0;width:100%}.dataInput select:first-child,.dataInput select:nth-child(2),.dataInput select:nth-child(3),.dataInput select:nth-child(4){flex-basis:29.3%}.dataInput select:nth-child(5),.dataInput select:nth-child(6){flex-basis:calc(40% - 10px)}.dataInput input{width:calc(50% - 10px)}.dataInput:after{clear:both;content:"";display:block}.inputWrap{border:2px outset;display:inline-block;margin:10px 30px 70px;min-width:400px;padding:45px;width:calc(100% - 60px)}.inputWrap .form,.inputWrap form{align-items:center;display:flex;flex-direction:column;float:left;margin-bottom:16px;margin-bottom:var(--spacing-md);padding:0 24px;padding:0 var(--spacing-lg);position:relative;width:calc(50% - 24px);width:calc(50% - var(--spacing-lg))}#culletrateToday,#energyToday,#pullToday{display:none;width:100%}#pullDay,#pullHours,#pullMinutes,#pullMonth,#pullYear{display:inline-block}#pullToday{align-items:center;display:flex;flex-direction:column;gap:20px;width:100%}#pullToday .alarmtxt{color:#ff0;font-size:16px;margin:0;text-align:center;width:100%}#pullToday .date-time-container{align-items:center;display:flex;flex-direction:column;gap:20px;width:100%}#pullToday .current-date{background-color:#283142;border:1px solid #3e4b5e;border-radius:6px;color:#fff;font-size:18px;font-weight:700;padding:5px 15px;text-align:center;white-space:nowrap}#pullToday .time-inputs{align-items:center;display:flex;gap:20px;justify-content:center;width:100%}.dataInput.current-date-mode{display:block;flex-wrap:none;gap:0;justify-content:normal;min-width:100%;width:100%}#culletrateDay,#culletrateHours,#culletrateMinutes,#culletrateMonth,#culletrateYear{display:inline-block}#culletrateToday{align-items:center;display:flex;flex-direction:column;gap:20px;width:100%}#culletrateToday .alarmtxt{color:#ff0;font-size:16px;margin:0;text-align:center;width:100%}#culletrateToday .date-time-container{align-items:center;display:flex;flex-direction:column;gap:20px;width:100%}#culletrateToday .current-date{background-color:#283142;border:1px solid #3e4b5e;border-radius:6px;color:#fff;font-size:18px;font-weight:700;padding:10px 15px;text-align:center;white-space:nowrap}#culletrateToday .time-inputs{align-items:center;display:flex;gap:20px;justify-content:center;width:100%}.dataInput #culletrateHours,.dataInput #culletrateMinutes{margin:0 5px}.nowtime{right:0}.nowtime,.nowtime02{background-color:#1b2531;border:1px solid #fff;color:#fff;cursor:pointer;font-size:14px;margin:0 5px;min-width:100px;padding:10px;position:absolute;text-align:center;top:0}.nowtime02{right:110px}.alarmWrap{float:left;margin-top:15px;width:100%}.pop_text{background:#fff}.first{padding-right:0}.tbBoxContent{border:1px solid #e1e1e1;border-left:none;box-sizing:border-box;float:left;width:100%}.tbBoxContent .tb_type02{width:100%}.tbBoxContent .tb_type02 thead th{border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;height:50px;line-height:50px;text-align:center;vertical-align:middle}.tbBoxContent .tb_type02 thead th:last-child{border-right:none}.guid{background:#fff;border:1px solid #e1e1e1;box-sizing:border-box;color:#222;float:left;position:relative;width:20%}.guid .txt_wrap01{position:absolute;top:-50px}.tbBox .tbBoxContent{width:100%}.oxyTbBox{margin:0 4px 0 5px}.box03{float:left;margin-top:13px;width:100%}.guid span:first-child{background:#283251;height:50px;line-height:50px}.guid span:first-child,.right .guid span:first-child{color:#fff;display:block;font-size:15px;padding:0;width:100%}.right .guid span:first-child{background:#283142;border-bottom:1px solid #e1e1e1;border-top:1px solid #e1e1e1;height:52px;line-height:52px}.right .guid{border-bottom:1px solid #fff;border-left:1px solid #fff}.right thead{background-color:#283142;border-bottom:1px solid #e1e1e1;border-right:1px solid #fff;border-top:1px solid #fff}.right .tb_type thead{background-color:#283142;border:1px solid;border-color:#fff #fff #e1e1e1}.right .tb_type tbody tr td{border-bottom:1px solid #e1e1e1}.right .tb_type tbody{border-bottom:none;border-left:1px solid #fff;border-right:1px solid #fff}.tb_type tr td,.tb_type02 tr td{border-left:1px solid #e1e1e1;box-sizing:border-box;font-weight:700;height:61px;line-height:61px;padding:0;text-align:center;vertical-align:middle}.right .tb_type02 tr:last-child td{border-right:none}.right .guid span:last-child{border-bottom:1px solid #e1e1e1}.right .tb_type tr td,.right .tb_type02 tr td{box-sizing:border-box;font-size:.8vw!important;font-weight:400;height:46px;line-height:46px;padding:0 18px}.guid span:nth-child(2),.guid span:nth-child(3),.guid span:nth-child(4){height:62px;line-height:62px}.guid span.height,.guid span:nth-child(2),.guid span:nth-child(3),.guid span:nth-child(4){background-color:#1b2531;color:#fff;display:inline-block;font-size:18px;font-weight:700;width:100%}.guid span.height{height:66px;line-height:66px}.guid span.height02{background-color:#1b2531;color:#fff;display:inline-block;font-size:18px;font-weight:700;height:62px;line-height:62px;width:100%}.right .guid span:nth-child(2),.right .guid span:nth-child(3),.right .guid span:nth-child(4),.right .guid span:nth-child(5){background-color:#1b2531;color:#fff;display:inline-block;font-size:16px;font-weight:700;height:46px;line-height:46px;width:100%}.guid span:nth-child(2){height:61px;line-height:61px}.guid span:first-child{border-bottom:1px solid #e1e1e1;border-right:none}.guid span:nth-child(3),.guid span:nth-child(4){border-top:1px solid #e1e1e1}.guid span.guidHeight{background-color:#1b2531;color:#fff;display:inline-block;font-size:18px;font-weight:700;height:60px;line-height:60px;width:100%}.check{background:#0065bd;border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;color:var(--text-primary);cursor:pointer;font-size:18px;height:40px;line-height:40px;margin-left:8px;margin-left:var(--spacing-sm);padding:0 8px;padding:0 var(--spacing-sm);transition:all .2s ease;width:102px}.check:hover{background:#0056a3;transform:translateY(-1px)}.bosster_wrap{display:flex}.check,.check03,.resetBtn{cursor:pointer}.show-box{border:1px solid #e1e1e1}input{background:#1b2531;background:var(--bg-primary);border:2px solid #e1e1e1;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);box-sizing:border-box;color:#fff;color:var(--text-primary);flex:1 1;height:46px;line-height:46px;margin:0 16px;margin:0 var(--spacing-md);padding:0 8px;padding:0 var(--spacing-sm);text-align:center}.boxright,input{display:inline-block}.float3:after{clear:both;content:"";display:block}.float3 span{float:left;margin:10px 0;width:33.3%}.wrap000{align-items:center;display:flex;height:400px;justify-content:center;left:58px;position:absolute;top:65%;width:185px}.circle{background:#ffd987;height:90px;overflow:hidden;position:relative;transform:translateZ(0);width:300px}.wave-one{animation:move 3s linear infinite;background:#ff6c09de;height:500px;left:-86%;top:-502%;width:500px}.wave-one,.wave-two{border-radius:45%;position:absolute;z-index:10}.wave-two{animation:move 5s linear infinite;background:#224ff2cc;height:150px;left:8%;top:-112%;width:150px}.wave-three{background:#1d074b;border:6px solid #837798b3;border-radius:45%}.wave-four,.wave-three{animation:move 7s linear infinite;height:450px;left:-30%;position:absolute;top:-100%;width:450px}.wave-four{background:linear-gradient(#fcfbe81a 10%,#0000);border-radius:46%}@keyframes AnimationName{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.svg{display:block;height:400px;top:584px;width:175px;z-index:10}.container33,.svg{left:61px;position:absolute}.container33{border-bottom-left-radius:31px;border-bottom-right-radius:31px;overflow:hidden;top:74.1%;width:176px}.container33 span{animation:AnimationName 15s ease infinite;background:linear-gradient(-90deg,#ffb726,#ff7d17,#ff6234,#ff3c00);background-size:400% 400%;display:inline-block;height:90px;width:375px}.fa-asterisk{font-size:13px;position:absolute}.star1{animation:star-one 1.2s infinite;left:90px;top:70px}.star2{animation:star-two 1.7s infinite;right:110px;top:50px}.star3{animation:star-three 1.5s infinite;left:45px;top:180px}.star4{animation:star-five 1.9s infinite;font-size:5px;right:40px;top:120px}.star5{animation:star-five 2s infinite;font-size:5px;right:90px;top:200px}@keyframes star-one{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@keyframes star-two{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@keyframes star-three{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@keyframes star-four{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@keyframes star-five{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}img{display:inline-block;height:100%;opacity:.9;text-align:center;width:100%}.boosterImage{float:left;width:50%}.half{background:linear-gradient(0deg,#ffe400 50%,#0000 0)}.text_pull{margin-top:20px;text-align:left}.text_pull,.text_pull span{display:block}.alarm{float:none;font-weight:700;padding:0 0 20px;text-align:left}.alarm,.input{display:inline-block}.input{background:#0065bd;border:1px solid #0065bd;font-size:12px;height:30px;line-height:30px;margin:0 10px}.white strong{display:block;margin-bottom:70px}.inputPullDay{background:#fff;border:2px solid #222;border-radius:6px;color:#222;display:inline-block;font-size:12px;height:30px;line-height:30px;margin:20px 10px;padding:0 15px}.resetBtn{background:#363637;border:none;border-radius:6px;color:#fff;font-size:18px;height:40px;line-height:40px;margin-left:10px;width:102px}.booster_wrap{display:flex}.booster #inputPullDay,.booster #inputPullMonth{flex:1 1;font-size:18px;margin:30px 5px 42px}.booster_wrap>div{flex:1 1}.booster{display:flex}.booster span{font-weight:400}.check03{background:#048abf;border:none;color:#fff;font-size:11px;height:30px;line-height:30px;margin-left:5px}.inputWrap>div input{margin-right:10px}.tbBox:after{clear:both;content:"";display:block}.label01{display:block;padding:60px 0 40px}.black,.label01.black,.sel.black{color:#222}.label02{display:block;padding:60px 0 35px}.label_wrap label{flex:1 1}.svtext{font-size:1vw!important;position:absolute;right:1%;top:1%;z-index:4}.box{margin-top:30px}.box .first{display:flex}.box span{color:#222}.box .boxBtn{display:flex}.inputFirstDate{background-color:#fff;border:1px solid #666;border-radius:10px;color:#222;width:400px}#inputPullYear,#inputts{background:none;border:2px solid #c4c4c4;border-radius:6px;color:#fff;font-size:18px}#input011,#inputPullYear,#inputts{display:block;text-align:center;width:300px}#input011{background-color:#fff;border:2px #222;color:#222;font-size:20px;height:50px;line-height:50px;margin:30px auto 35px}#inputPullDay,#inputPullMonth{color:#fff;display:block;text-align:center}.txt00{font-size:1vw;margin:0;padding:0 0 5px;text-align:center}.oxyTbBox:after{clear:both;content:"";display:block}.oilTempTableBox,.oxyTempTableBox{box-sizing:border-box;flex:1 1;height:auto;margin:0;min-height:180px;min-width:0;padding:0;position:relative;width:50%}.Inputbox{background-color:#283142;background-color:var(--bg-secondary);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;margin:32px 0;margin:var(--spacing-xl) 0;padding:24px;padding:var(--spacing-lg)}.closed{padding:0 10px}.closed,.inputClosed{background:none;border:2px solid #fff;border-radius:6px;color:#fff;font-weight:700;height:45px;line-height:45px;margin-top:10px}.inputClosed{margin-right:30px;padding:0 68px}.closed:hover,.inputClosed:hover{background:#0065bd;color:#fff;cursor:pointer}.oilMainChartPop{text-align:right}.input{border:none;border-radius:6px;cursor:pointer;display:block;height:50px;line-height:50px;margin:20px auto}.input,.insertThreeSingleBtn{background-color:#2f4c96;color:#fff;font-size:20px;padding:0 15px;width:300px}.insertThreeSingleBtn{border:1px solid #2f4c96;border-radius:6px;height:36px;height:50px;line-height:36px;line-height:50px;margin:47px 10px}.put{float:left;width:100%}.submit_wrap{display:flex;justify-content:center}.standard{color:#666;font-size:14px}.inputt{background:#048abf;border:1px solid #0065bd;border-radius:6px;color:#fff;font-size:18px;height:36px;line-height:36px;margin:0 10px;padding:0 15px;width:100px}.ineejilogo{bottom:0;opacity:.8;position:absolute;right:1%;width:130px}.dongwonlogo{left:35px;position:absolute;top:-80px;width:170px;z-index:2}label{color:#fff;display:inline-block;font-size:25px;font-weight:700;padding-bottom:15px;vertical-align:3px}.guid span{box-sizing:border-box}.tb_type02 thead th span{left:133px;position:absolute;top:-4px}.tb_type02 thead tr th:first-child{border-left:none}.comback,.relearn{background:none;border:2px solid #0065bd;border-radius:6px;cursor:pointer;display:inline-block;font-size:15px;height:45px;line-height:45px;margin:6px}.main-svg,.svg-container{height:480px!important;width:100%!important}.show-menu{background-color:#2f4c96b3;margin-top:360px;width:40%}.show-inputmenu,.show-menu{padding:19px;position:fixed;right:0;top:0;transition:1s;z-index:30}.show-inputmenu{background-color:#1b2531;border:1px solid #fff;margin-top:54px;width:60%}.clsoeBtnWrap{text-align:right}.hide-inputmenu{margin-top:125px;position:fixed;right:-60%;top:0;transition:1s;width:40%;z-index:10}.highlight-yellow{animation:underlineAnimation 2s infinite;border-bottom:3px solid #fbf2aded;font-weight:lighter}@keyframes underlineAnimation{0%{border-bottom-color:#fbf2aded}50%{border-bottom-color:#0000}to{border-bottom-color:#fbf2aded}}.show-menu264{color:#ff0;cursor:pointer;font-size:18px;font-weight:400;text-shadow:2px 1px #00040a;transition:1s;transition:.5s;z-index:15}.not{display:none}.show-booster-down,.show-booster-up{color:#ff0;font-size:18px;font-weight:400;padding:5px 0}h3{border-bottom:1px solid #fff}h3,h3.booster{font-weight:700!important;padding-bottom:10px}h3.booster{border-bottom:none;float:left;position:relative;width:50%}h3.booster span{font-size:.8vw;left:50%;position:absolute;transform:translateX(-50%)}.boosterTxt:after{clear:both;content:"";display:block}.marginBttom{padding:5px 0}.show-menu518{animation:blink 1s ease-in-out infinite alternate;color:#fff;cursor:pointer;font-size:1vw;font-weight:400;text-shadow:2px 1px #00040a;transition:.5s}.newtable{font-weight:400;text-align:left}.show-menu04{background-color:rgba(7,149,66,.122);border:1px solid #24f10675;box-shadow:0 0 2px #259c08;color:#0ad406;cursor:pointer;left:0;margin-top:125px;padding:19px;position:fixed;text-shadow:2px 1px #00040a;top:100px;transition:1s;transition:.5s;width:40%;z-index:15}.show-menu01{left:0}.show-menu01,.showBtMenu{background-color:#283142;bottom:28px;padding:23px;position:fixed;transition:1s;width:34%;z-index:10}.showBtMenu{right:27%}.hideBtMenu{bottom:28px;right:-60%}.hideBtMenu,.show-menu02{margin-top:484px;position:fixed;transition:1s;width:40%;z-index:10}.show-menu02{background:#048abf;left:0;padding:19px;top:0}.subTemp{display:inline-block;float:none;margin-bottom:80px;width:100%}.set{background:none;border:1px solid #0065bd;border-radius:.3em;margin-left:10px}#temp{-webkit-appearance:none;appearance:none;background-color:#283142;background-color:var(--bg-secondary);border:2px solid #e1e1e1;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000001a;color:#fff;color:var(--text-primary);font-size:16px;height:50px;margin:0 8px 8px;margin:0 var(--spacing-sm) var(--spacing-sm) var(--spacing-sm);max-width:510px;padding:0 24px;padding:0 var(--spacing-lg);text-align:center;transition:all .3s ease;width:100%}#temp:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}#temp:focus,#temp:hover{background-color:#1b2531;background-color:var(--bg-primary);border-color:#0065bd}#temp:focus{box-shadow:0 0 0 3px #0065bd33;outline:none}#temp:disabled{opacity:.5}.tempFloor{color:#333;display:block;font-size:25px;font-weight:400;letter-spacing:-3px;margin-bottom:55px;padding-top:15px}.tempLabel{color:#222;display:inline-block;font-size:33px;font-weight:700;line-height:1.3;margin-right:15px}.hide-menu{right:-60%}.hide-menu,.hide-menu264{margin-top:125px;position:fixed;top:0;transition:1s;width:40%;z-index:10}.hide-menu264{left:-3300px}.hide-menu01{bottom:28px;left:-60%;margin-top:484px;position:fixed;transition:1s;width:40%;z-index:10}.show-menu055{align-items:center;animation:pop-bg-show .3s;background-color:#283142;bottom:20%;color:#222;left:50%;position:absolute;right:0;top:50%;transform:translate(-50%,-50%);width:75%;z-index:99}.show-menu055>div:last-child{align-items:center;display:flex;flex-wrap:nowrap;gap:25px;justify-content:center;margin-top:20px}.show-menu055>div:last-child>.input{display:inline-block;flex-shrink:0;margin:0;min-width:120px;width:auto}.hide-menu055{display:none}.hide-menu05{background-color:#0009;display:none}.hide-menu05,.show-menu05{bottom:0;left:0;position:fixed;right:0;top:0;z-index:99}.show-menu05{align-items:center;animation:pop-bg-show .3s;background-color:#0006;color:#222;display:flex}.hide-menu02{display:none;position:absolute;right:-60%;top:0;transition:1s;width:40%;z-index:10}@keyframes pop-show{0%{margin-top:-50px;opacity:0}to{margin-top:0;opacity:1}}@keyframes pop-bg-show{0%{opacity:0}to{opacity:1}}.show-menu03{background:#048abf;margin-top:484px;padding:19px;position:fixed;right:0;top:0;transition:1s;width:40%;z-index:10}.show-menu05>section{animation:pop-show .3s;background-color:#fff;border-radius:.3rem;margin:0 auto;overflow:hidden;position:relative;width:90%}.show-menu05>section>header{background-color:#f1f1f1;color:#222;font-size:1vw!important;padding:30px 0;position:relative}.show-menu05>section>button{background-color:initial;border:0;bottom:0;color:#999;cursor:pointer;font-size:35px;font-weight:700;position:absolute;right:15px;text-align:center;z-index:35}.hide-menu03{display:none;position:absolute;right:-60%;top:484px;transition:1s;width:40%;z-index:10}body{overflow-x:hidden}.btn{position:absolute;right:27%;top:-4%;transform:translateX(-50%);z-index:1}.show-menu11{animation:blink 1s ease-in-out infinite alternate;animation:blink .8s ease-in-out infinite alternate;background-color:#048abf;color:#fff;font-size:30px;font-weight:700;left:50%;opacity:.9;padding:50px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.hide-menu11{display:none}.btn button:first-child,.btn button:nth-child(2){background:none;border:2px solid #0065bd;border-radius:6px;color:#fff;margin:0 5px;padding:12px}.oilTempTableBox{position:relative}.box03 .guid,.oilTempTableBox .guid,.oxyTempTableBox .guid{border-bottom:1px solid #e1e1e1;box-sizing:border-box;height:100px;width:12%!important}.oilTempTableBox .tbBoxContent,.oxyTempTableBox .tbBoxContent{border:1px solid #e1e1e1;box-sizing:border-box;height:100px;overflow:hidden;width:100%!important}.oilTempTableBox .tbBoxContent thead,.oxyTempTableBox .tbBoxContent thead{border-bottom:1px solid #e1e1e1;height:50px}.oilTempTableBox .tbBoxContent thead th,.oxyTempTableBox .tbBoxContent thead th{border-right:1px solid #e1e1e1;height:50px;line-height:50px;text-align:center}.oilTempTableBox .tbBoxContent thead th:last-child,.oxyTempTableBox .tbBoxContent thead th:last-child{border-right:none}.oilTempTableBox .tbBoxContent tbody tr,.oxyTempTableBox .tbBoxContent tbody tr{height:50px}.oilTempTableBox .tbBoxContent tbody td,.oxyTempTableBox .tbBoxContent tbody td{border-right:1px solid #e1e1e1;height:50px;line-height:50px;text-align:center}.oxyTempTableBox .tbBoxContent tbody tr:last-child{border-top:1px solid #e1e1e1}.box03 .tbBoxContent{width:88%!important}.tb_type .borderTdAlarm tr:last-child td:nth-child(2){border-left:none}.tb_type .borderTdAlarm tr:last-child td:first-child{border-right:1px solid #e1e1e1}.btn02{background-color:#1b2531;border:1px solid #393d46;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:14px;height:45px;line-height:45px;min-width:120px;padding:0 15px;text-align:center}.btn02:hover{background-color:#0065bd;color:#fff}.boldtxt{color:#fff;font-size:20px;font-weight:700;text-align:left!important}.text{text-decoration:underline}.show{animation:blink 1s ease-in-out infinite alternate;animation:blink .8s ease-in-out infinite alternate;color:#0065bd;display:block;font-weight:700;opacity:1;padding:5px 0}.hide,.show{left:50%;position:absolute;top:0;transform:translateX(-50%)}.hide{opacity:0}.btn button:hover{cursor:pointer}.btn button:hover,.closeBtn:hover,.comback:hover,.relearn:hover{background:#0065bd;color:#fff}.set:hover{background:linear-gradient(135deg,#0056a3,#003d6b);box-shadow:0 4px 12px #0065bd4d;transform:translateY(-2px)}.closeBtn{border-radius:5px;top:6%}.box .closeBtn,.closeBtn{background:none;color:#fff;cursor:pointer;padding:10px;position:absolute;right:2%}.box .closeBtn{border:none;border-radius:5px;top:4%}.tableWrap{background-color:#283142;background-color:var(--bg-secondary);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;display:flex;height:auto;margin:16px 0;margin:var(--spacing-md) 0 var(--spacing-md) 0;min-height:250px;padding:16px;padding:var(--spacing-md)}.tableWrap:after{clear:both;content:"";display:block}.right .sideBarcontent .tb_type thead th{align-items:center;display:flex;flex:1 1;font-size:.6vw!important;height:50px;justify-content:center;line-height:1.2;max-width:80px;min-width:60px;overflow:visible;padding:4px;padding:var(--spacing-xs);text-align:center;text-overflow:clip;white-space:normal}.btn_wrap{margin-top:20px}.input:hover{cursor:pointer}.left .tb_type tr td{background-color:#1b2531}.right .tb_type thead tr th:first-child{text-align:center}.right .sideBarcontent .tb_type tbody tr td{align-items:center;background-color:#1b2531;display:flex;flex:1 1;font-size:.7vw!important;height:50px;justify-content:center;max-width:100px;min-width:70px;overflow:hidden;padding:4px;padding:var(--spacing-xs);text-overflow:ellipsis;white-space:nowrap}.transbtn{background-color:#333e50;color:#fff;padding:10px;position:fixed;right:178px;top:30px;z-index:60}select::-ms-expand{display:none}select{-o-appearance:none;-webkit-appearance:none;appearance:none}ul{margin:0;padding:0}.selectbox{margin:150px auto}.guid span.col02{background-color:#048abf}.guid.on{display:none!important}.guidspan{display:block}.guidspan02{display:none}.sel{-webkit-appearance:none;appearance:none;background:none;border:none;border-bottom:2px solid #c4c4c4;box-sizing:border-box;color:#fff;font-size:16px;font-style:normal;font-weight:400;margin:0 5px 15px;padding:12px 13px;text-align:center;width:100px}.nodata_alarm{background-color:#283142;border-bottom:3px solid #fff;border-left:3px solid #fff;border-right:3px solid #fff;font-size:17px;padding:78px 30px}.tb_firstnoline{width:100%}.sel:focus{border:1px solid #048abf;border-radius:10px;outline:3px solid #0065bd}.listbox,.sel:focus{box-sizing:border-box}.listbox{background:#fff;border:1px solid #c4c4c4;border-radius:10px;box-shadow:4px 4px 14px #00000026;list-style:none;margin-top:9px;width:200px}.list{background-color:#fff;border:none;font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;line-height:16px;margin:5px 7px;padding:7px 10px}.list,.list:focus{box-sizing:border-box}.list:focus{background:#f8e4ff;border-radius:8px;text-align:left;width:184px}.no-blinking{display:none}.blinking{animation:blink 1s ease-in-out infinite alternate;background-color:#0065bd;height:600px;opacity:.2;position:absolute;top:-605px;width:1920px;z-index:3}.blinking span{color:#fff;display:block;font-size:50px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes blink{0%{opacity:0}to{opacity:1}}.top{align-items:center;background-color:#333e50;background-color:var(--bg-tertiary);color:#fff;color:var(--text-primary);display:flex;height:100px;height:var(--header-height);justify-content:space-between;line-height:100px;line-height:var(--header-height);padding:0 24px;padding:0 var(--spacing-lg);position:relative}.testcode{bottom:0;cursor:pointer;position:absolute;right:11px;z-index:1}.top div{flex:1 1;justify-content:space-between}.top div:last-child{padding-right:10px;text-align:right}header{left:0;position:fixed;right:0;top:0;z-index:30}.top div h1{position:static}.bottom{align-items:center;background-color:#3e4b5e;color:#fff;color:var(--text-primary);display:flex;height:50px;line-height:50px;padding:0 24px;padding:0 var(--spacing-lg)}.bottom,.bottom div{justify-content:space-between}.bottom div{flex:1 1}.bottom div ul li{float:left}li{list-style:none}.topWrap{background-color:#1b2531;color:#fff}.main-container{display:flex;margin-top:100px;margin-top:calc(var(--header-height));min-height:calc(100vh - 150px);min-height:calc(100vh - var(--header-height) - 50px)}.left{flex:1 1;overflow-y:auto;padding:24px;padding:var(--spacing-lg)}.left ul.todayinfo{margin:0 0 16px;margin:0 0 var(--spacing-md) 0}.left ul:after{clear:both;content:"";display:block}.checkData{float:left;width:50%}.listset{display:flex}.listset span{flex:1 1;padding:20px 0}.todayinfoHeader{display:inline-block;margin:0 8px}.msgTxt{font-size:14px;position:absolute;right:0}.input_box{border-radius:6px;box-sizing:border-box;color:#fff;display:block;font-family:Courier New,monospace;font-size:20px!important;font-weight:700;padding:2px 6px;text-align:right!important;width:100%}.left .todayinfo li{align-items:center;background-color:#283142;border:1px solid #3e4b5e;border-radius:8px;box-shadow:0 2px 8px #00000026;display:flex;flex-direction:column;font-size:14px;height:80px;justify-content:space-between;overflow:hidden;padding:8px}.left .todayinfo li .data-label{color:#a0a0a0;display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:2px;text-align:left!important;text-transform:uppercase;width:100%}.left .todayinfo li.data-card .data-label{text-align:left!important}.left .todayinfo li.data-card .input_box{text-align:right!important}.left .todayinfo{display:flex;justify-content:space-between;margin:24px 0 16px;margin:var(--spacing-lg) 0 var(--spacing-md) 0}.left .todayinfo li{flex:1 1;margin-right:12px}.left .todayinfo li:last-child{margin-right:0}.left .todayinfo li .todayDataBox{width:195px}.left .sv{display:block;font-size:1vw!important;padding-bottom:13px}.left ul li strong{display:block;margin-right:20px}.parentDivArch{float:left;padding:0 5px 0 15px;width:calc(50% - 20px)}.parentDiv:after,.parentDivArch:after{clear:both;content:"";display:block}.left .svWrap{left:13%;z-index:10}.temperSet{text-align:right}.temperSet button{background-color:#1b2531;border:1px solid #393d46;color:#fff;height:40px;line-height:40px;margin:0 25px 8px;padding:0 10px}.set{background:linear-gradient(135deg,#0065bd,#004a8a);border:none;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000001a;color:#fff;color:var(--text-primary);cursor:pointer;font-size:15px;font-weight:600;height:46px;margin-left:8px;margin-left:var(--spacing-sm);transition:all .3s ease;width:100px}.set.mt{margin-top:10px}.setSvContent .setSvWrapBox{display:flex}.setSvContent .setSvWrapBox:after{clear:both;content:"";display:block}.left_wrap .setSvWrapBox .setSvWrap{width:50%}.setSvContent .set_wrap01{float:left;margin-top:68px;width:24%}.right{background-color:#1b2531;background-color:var(--bg-primary);border-left:2px solid #283142;border-left:2px solid var(--bg-secondary);box-shadow:-4px 0 8px #0000001a;overflow-y:auto;padding:24px 16px;padding:var(--spacing-lg) var(--spacing-md);width:27%;width:var(--sidebar-width)}.right .sideBarcontent{background-color:#283142;background-color:var(--bg-secondary);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;color:#fff;color:var(--text-primary);display:block;font-size:20px;font-weight:700;margin:0 0 16px;margin:0 0 var(--spacing-md) 0;padding:8px 8px 32px;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-xl) var(--spacing-sm);text-align:left}.right .ee04{border:4px dotted #fff;border-radius:2rem;box-shadow:0 0 .2rem #fff,0 0 .2rem #fff,0 0 2rem #2f4c96,0 0 .8rem #2f4c96,0 0 2.8rem #2f4c96,inset 0 0 1.3rem #2f4c96;color:#fff;display:block;font-size:14px;font-weight:700;height:290px;margin:60px 0 20px;padding:10px;position:relative}.sideBarcontent.record02 div.svalarm{border-bottom:1px solid #fff;font-weight:lighter;padding:10px;text-align:left}.notifiyAlarm{border-radius:2rem;color:#fff;cursor:pointer;display:block;font-size:14px;font-weight:700;padding:5px 0;position:relative}.notifiyAlarm.on{display:none}.notifyOilTemp{border-radius:1rem;color:#fff;font-size:14px;font-weight:700;height:20px;position:relative;z-index:5}.notifyOilTemp.on{display:none}.ee04{animation:vibration 1s infinite;border:4px dotted #fff;border-radius:2rem;box-shadow:0 0 .2rem #fff,0 0 .2rem #fff,0 0 2rem #ffb103,0 0 .8rem #ffb103,0 0 2.8rem #ffb103,inset 0 0 1.3rem #ffb103;color:#fff;font-size:14px;font-weight:700;height:20px;left:28%;padding:17px;position:relative;top:-118px;width:300px;z-index:5}.ee04.on{display:none}@keyframes vibration{0%{transform:rotate(1deg)}to{transform:rotate(-1deg)}}.animated-title02.on,.content02.on,.track02.on{display:none}.right .sideBarcontent form input{float:left;width:calc(50% - 10px)}.animated-title02{display:block;font-size:60px;font-weight:300;height:auto;left:50%;overflow-x:hidden;overflow-y:hidden;padding:50px 0;position:fixed;top:100px;transform:translateX(-50%);width:50%;z-index:40}.animated-title02 .track02{animation:marquee 8s linear infinite;position:absolute;white-space:nowrap;will-change:transform}@media (hover:hover) and (min-width:700px){.animated-title02 .content02{transform:translateY(calc(100% - 8rem))}}.guid span:nth-child(4),.new .guid span:nth-child(2){border-left:none}.animated-title.on,.content.on,.track.on{display:none}.animated-title{display:block;font-size:60px;font-weight:300;height:auto;left:50%;overflow-x:hidden;overflow-y:hidden;padding:50px 0;position:fixed;top:0;transform:translateX(-50%);width:50%;z-index:40}.animated-title .track{animation:marquee 8s linear infinite;position:absolute;white-space:nowrap;will-change:transform}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@media (hover:hover) and (min-width:700px){.animated-title .content{transform:translateY(calc(100% - 8rem))}}.right .sideBarcontent span.txt00{display:block;font-size:1vw!important;padding:3px 0;text-align:center}.right .sideBarcontent:first-child .txt00{margin-bottom:10px}.right .sideBarcontent ul:after{clear:both;content:"";display:block}.right .sideBarcontent ul li{float:left;font-weight:400;padding:10px 0;width:33.3%}.ultest{padding:5px 0}.right .sideBarcontent .ultest li{float:none;font-size:.9vw!important;padding:5px 0;width:100%}.right .sideBarcontent .danger{background-color:#fff;color:#fff;left:15px;margin-top:9px;padding:3px;position:absolute}.right .sideBarcontent .alarmWrap li{font-size:14px;font-weight:700}.right .sideBarcontent .danger_wrap,.right .sideBarcontent .danger_wrap02{position:relative}.right .sideBarcontent .danger_wrap02 .danger{top:40px}.left:after{clear:both;content:"";display:block}.tableWrap .oilTempTableBox,.tableWrap .oxyTempTableBox{float:left;width:50%}.left ul li{position:relative}.todayDataBox{display:inline-block;font-weight:700;height:50px;line-height:50px;width:270px}.white{background-color:#fff;border:2px solid #fff;color:#222;font-weight:700;margin-right:60px;margin-top:223px;padding:20px;text-align:center}.white strong{text-align:left}.listtype{border-bottom:1px solid #fff;border-top:1px solid #fff;margin-top:8px}.listtype li{float:none!important;width:100%!important}.white .input03_wrap{border-bottom:2px dotted #222;padding-bottom:40px}.white p:first-child{padding-top:40px;text-align:center}.white02{text-align:right}.white02 .dot{border:2px solid #e1e1e1}.white02 ul li{float:left;padding:10px 0;width:50%}.white02 .dot:after{clear:both;content:"";display:block}.white02 .dot{padding:30px;text-align:center}.white02 .dot b{color:#2f4c96;display:block;padding-bottom:20px;text-align:left}.recommand{display:block;margin:10px 0}.re:after{clear:both;content:"";display:block}.guid span.col03{background-color:#fff;color:#222}.guid span.col04{background-color:#283251}.working{left:20px;position:absolute;top:50%}.setSvContent:after{clear:both;content:"";display:block}.right .sideBarcontent .tb_type{table-layout:fixed;width:100%}.right .sideBarcontent .tb_type tbody tr,.right .sideBarcontent .tb_type thead tr{display:flex;width:100%}.right .tbBoxContent table tbody tr{display:inline-block}.right .tbBoxContent table tbody tr td{display:block}.right .oxyTbBox{margin-left:0;margin-right:0}.bottom ul li a{color:#fff;text-decoration:none}.new .guid{margin-right:-2px;margin-top:2px}.new .guid span:nth-child(2){height:74px;line-height:74px}.right .guid.newGuideTable span:nth-child(2){height:59px;line-height:59px}.inputTable tbody{border-right:none!important}.right .new .inputTable tbody tr{background-color:#283142}.right .new .inputTable tbody tr td,.right .new .inputTable tbody tr:first-child td{border-right:1px solid #333;color:#fff;font-size:13px}.right .new .inputTable tbody tr:first-child td{padding:21.5px 0 21.1px}.right .new .inputTable thead th{font-size:15px}.inputTable .bold{font-size:19.3px}.new .guid span.col3{height:65px;line-height:65px}.table_bottom{background-color:#283142;background-color:var(--bg-secondary);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;float:left;margin:0 0 16px;margin:0 0 var(--spacing-md) 0;padding:16px;padding:var(--spacing-md);width:100%}.active{border-bottom:1px solid #e1e1e1;display:block}.notActive{display:none}.hfont{font-size:30px}.bfont{color:#0065bd;font-size:23px}.new .guid.newGuideTable .col03{border-left:1px solid #fff}.new .guid.newGuideTable .col03.guidHeight{height:71.1px}.new .guid span:nth-child(2),.new .guid span:nth-child(3){background-color:#1b2531;border-right:1px solid #fff;color:#fff}.new .inputTable body{border-right:none}.btn-bell.on,.my-btn-border.on,.my-btn.on{display:none}.btn-bell,.my-btn,.my-btn-border{border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.my-btn_none{display:none}.my-btn{background:#ef7575;box-shadow:-1px 2px 10px #999;height:60px;left:38%;position:absolute;top:-35px;transform:translateX(-50%);width:60px}.notice.alert02.on,.notice02.alert02.on{display:none}.notice{background-color:rgba(7,149,66,.122);border:1px solid #24f10675;box-shadow:0 0 2px #259c08;color:#0ad406;cursor:pointer;text-shadow:2px 1px #00040a;transition:.5s}.notice02.alert02{background-color:#dc800129;box-shadow:0 0 2px #ffb103;color:#ffb103;cursor:pointer;text-shadow:2px 1px #00040a;transition:.5s}.alert02,.notice02.alert02{border:1px solid #0000;border-radius:.25rem;margin-bottom:1rem;padding:.75rem 1.25rem;position:relative}.my-btn-border{border:1px solid #ef7575!important;box-shadow:2px 2px 5px #ccc,-2px -2px 5px #ccc;height:59px;width:59px}.btn-bell{color:#fff;font-size:20px;height:30px;width:30px}.btn-bell.on{display:none}.bDataList li{float:left!important;font-size:.8vw;font-weight:700!important;width:50%!important}@keyframes bord-pop{0%{transform:translate(-50%,-50%)}50%{opacity:.1;transform:translate(-50%,-50%) scale(1.9)}to{opacity:0;transform:translate(-50%,-50%) scale(1.9)}}@keyframes col{0%{transform:scale(1) translate(0)}10%{transform:scale(1.1) translate(0)}75%{transform:scale(1) translate(0)}to{transform:scale(1) translate(0)}}@keyframes bell-ring{0%{transform:translate(-50%,-50%)}15%,5%{transform:translate(-50%,-50%) rotate(25deg)}10%,20%{transform:translate(-50%,-50%) rotate(-25deg)}25%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(0deg)}}.right .inputTable tbody tr:last-child td{padding:14px 0}.right .new .guid{border-bottom:none}.right .inputTable tbody>tr:last-child{border-bottom:1px solid #e1e1e1}.right .new .inputTable tbody{border-right:1px solid #e1e1e1!important}.alarmpop{background-color:#3e4b5e;color:#fff;font-size:20px;padding:50px 50px 43px}.test tr{align-items:center;border-left:1px solid #e1e1e1;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;float:left;width:33.3%}.test tr td:last-child,.test tr:first-child{border-left:none}.test tr:last-child{border-right:none}.test tr td{border-left:1px solid red;width:100%}.test tr td:first-child{border-bottom:1px solid #e1e1e1}.sideBarcontent.record{height:auto;min-height:250px;overflow-y:scroll}.sideBarcontent.record02{overflow-y:scroll}.bDataList{text-align:center}.tb_type.m-top{margin-top:10px}.txt00data{font-size:13px;vertical-align:1px}.blinkli{transition:.5s}.blinkli-sync{animation:blink-sync 3s ease-in-out infinite;animation-delay:0s!important;animation-play-state:running;transition:none}.ultest{animation:blink-sync 3s ease-in-out infinite;animation-delay:0s}.ultest .blinkli-sync{animation:none;opacity:inherit}@keyframes blink-sync{0%,60%{opacity:1}30%,90%{opacity:.4}}.borderTd{animation:blink 1s ease-in-out infinite alternate;color:#ffb103}.svAlarmHt{height:330px;overflow-y:scroll}.notBorderTd{animation:none;color:#fff}.titlestyle{font-size:.8vw;padding-top:0}.reLoad{background-color:#333e50;color:#fff;display:inline-block;font-weight:700;margin-right:10px;padding:10px}.new .guid span:nth-child(3){border-left:none}.bottom .inputWrap{text-align:center!important}.newtable tbody tr td{padding:25px 0 0}.newtable tbody tr td:first{flex:1 1}.newtable tbody tr td:nth-child(2){flex:3 1}.newtable .svalarm{font-size:.6vw}.tb_type02 tr td{background-color:#1b2531}.completeModal{color:#fff;font-size:20px;line-height:1.6;padding:30px 40px;text-align:center}.txtYellow{color:#ff0}.bBtn:hover{background-color:#2f4c96;color:#fff;font-weight:700}.bBtn{background-color:#e1e1e1;border:1px solid #e1e1e1;border-radius:30px;color:#888;cursor:pointer;font-size:18px;margin-top:20px;padding:15px;width:100%}.modalContent{border:1px solid #7d7d7d;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 8px 32px #0003;padding:64px 32px;padding:var(--spacing-3xl) var(--spacing-xl);width:50%}.modalContent,.modalContent_ver02{background-color:#fff;position:relative}.modalContent_ver02{border:1px solid #7d7d7d;border-radius:20px;box-sizing:border-box;padding:60px 40px 30px;width:100%;z-index:20}.blackbox{background-color:#111;height:100%;left:0;opacity:.5;position:fixed;top:0;width:100%;z-index:10}.modal_ver02{bottom:20px;color:#222;font-size:20px;height:auto;left:0;max-height:80vh;position:fixed;visibility:visible;width:calc(36.5% - 20px);z-index:1000}.modal_ver02.melter-modal{left:36.5%;width:calc(36.5% - 20px)}.testselect{background-color:#fff;border:1px solid #e1e1e1;font-size:20px;height:50px;line-height:50px;margin-top:20px;text-align:center;width:400px}.modal{align-items:center;background-color:#111;color:#222;display:flex;flex-direction:column;font-size:20px;height:100%;justify-content:center;left:0;opacity:.7;padding:20px;position:fixed;top:0;visibility:visible;width:100%;z-index:100}.modal.visible{animation:blink 2s infinite;visibility:visible}.notify{background-color:#333e50;border-top-left-radius:20px;border-top-right-radius:20px;color:#fff;font-size:20px;left:-2px;margin:0;padding:15px 0;position:absolute;right:-2px;top:-3px}.boxnoti{border-bottom:1px dotted #666;padding:10px 0}.left .setSvWrap{background-color:#283142;margin:0 10px;padding:15px 16px 50px;padding:15px var(--spacing-md) 50px;position:relative}.setSvWrapBox .formTop:first-child .setSvWrap{margin:0 10px 0 0}.setSvWrapBox .formTop:nth-child(2) .setSvWrap{margin:0 0 0 10px}#temp{-moz-appearance:textfield}@media (max-width:1200px){:root{--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--content-padding:var(--spacing-md)}.left,.right,.tableWrap{padding:16px;padding:var(--spacing-md)}.tableWrap{gap:8px;gap:var(--spacing-sm)}.right .sideBarcontent{padding:16px;padding:var(--spacing-md)}}@media (max-width:992px){.tableWrap{flex-direction:column;gap:8px;gap:var(--spacing-sm)}.oilTempTableBox,.oxyTempTableBox{flex:none;width:100%}}@media (max-width:768px){:root{--spacing-lg:12px;--spacing-xl:16px;--spacing-2xl:24px;--content-padding:var(--spacing-sm)}.main-container{display:flex;margin-top:100px;margin-top:var(--header-height);min-height:calc(100vh - 100px);min-height:calc(100vh - var(--header-height))}.left,.right{padding:8px;padding:var(--spacing-sm);width:100%}.right{border-left:none;border-top:2px solid #283142;border-top:2px solid var(--bg-secondary);box-shadow:0 -4px 8px #0000001a}.tableWrap{flex-direction:column;gap:8px;gap:var(--spacing-sm)}.oilTempTableBox,.oxyTempTableBox{flex:none;width:100%}}@media (max-width:1385px){.box{bottom:-38px}.inputFirstDate{width:140px}}@media (max-width:1810px){.tb_type02 thead th span{left:125px}}@media (max-width:1780px){.one,.two{text-align:center}}@media (max-width:1680px){.tb_type02 thead th span{left:125px}}@media (max-width:1660px){.inputFirstDate{width:148px}}@media (max-width:1647px){.inputFirstDate{width:146px}}@media (max-width:1626px){.inputFirstDate{width:134px}}@media (max-width:1570px){.tb_type02 thead th span{left:118px}}@media (max-width:1540px){.tb_type02 thead th span{left:108px}}@media (max-width:1535px){.inputFirstDate{width:130px}}@media (max-width:1506px){.inputFirstDate{width:117px}}@media (max-width:1496px){.inputFirstDate{width:116px}}@media (max-width:1487px){.inputFirstDate{width:102px}}@media (max-width:1406px){.tb_type02 thead th span{left:90px}}@media (max-width:1365px){.inputFirstDate{width:135px}}@media (max-width:1333px){.inputFirstDate{width:122px}}@media (max-width:1300px){.tb_type02 thead th:first-child:before{height:128px;top:-44px}.relearn{right:8.5%}}@media (max-width:1280px){.tb_type02 thead th span{left:85px}}@media (max-width:1229px){.inputFirstDate{width:116px}}@media (max-width:1220px){.txt_wrap .txt_date,.txt_wrap01 .txt_date{min-width:112px}}@media (max-width:1200px){.inputFirstDate{width:88px}}@media (max-width:1130px){.guid span:nth-child(2),.guid span:nth-child(3),.guid span:nth-child(4){font-size:9px}tbody tr td{font-size:11px}.oilTempTableBox,.oxyTempTableBox{margin-top:25px}.tbTitle{font-size:20px}.btn02{background:none;border:2px solid #0065bd;border-radius:6px;height:45px;line-height:45px;position:absolute;right:0;top:-11px}.dongwonlogo{left:22px;position:absolute;top:-65px;width:135px;z-index:2}}@media (max-width:1120px){.booster #inputPullDay,.booster #inputPullMonth{margin:10px 0 0;width:100%}#inputPullYear{margin:21px auto 45px}.booster{display:block;padding-bottom:48px}}@media (max-width:1065px){.relearn{font-size:13px;right:10.5%}}@media (max-width:1060px){.guid .txt_wrap01,.txt_wrap{top:-67px}.txt_wrap .txt_date,.txt_wrap01 .txt_date{min-width:93px}}@media (max-width:980px){.guid .txt_wrap01,.txt_wrap{top:-67px}.txt_wrap .txt_date,.txt_wrap01 .txt_date{min-width:63px}}@media (max-width:945px){.guid span:nth-child(2),.guid span:nth-child(3),.guid span:nth-child(4),tbody tr td,thead tr th{font-size:14px}}@media (max-width:910px){.check,.resetBtn{width:80px}.box{bottom:-67px}}@media (max-width:880px){.relearn{font-size:11px;height:30px;right:10%}}@media (max-width:858px){.inputFirstDate{width:80px}}@media (max-width:852px){.guid span:nth-child(2),.guid span:nth-child(3),.guid span:nth-child(4){font-size:13px}.txt_wrap .txt_date,.txt_wrap01 .txt_date{min-width:18px}.guid .txt_wrap01,.txt_wrap{top:-81px}}@media (max-width:795px){.inputFirstDate{width:72px}.relearn{font-size:10px;right:12%}}.shorten-text{display:inline-block;max-width:150px;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;z-index:9999}.shorten-text:after{background:#333;bottom:100%;color:#fff;content:attr(data-tooltip);left:0;opacity:0;padding:5px;position:absolute;transform:translate(-50%);transition:opacity .3s;visibility:visible;z-index:10000}.shorten-text:hover:after{opacity:1;visibility:visible}.shorten-text.hover{overflow:visible;text-overflow:ellipsis}.show-menu05 p{font-size:1vw!important;font-weight:700;padding:50px 0}.testTable tbody tr{flex:1 1}.testTable tbody{display:flex}.testTable tbody tr td{flex:1 1}.testTable tbody tr th:first-child{border-right:1px solid red}.testTable tbody tr:first-child{display:flex;flex-direction:column}.tb_typetest{display:flex}.tb_typetest thead{border-left:1px solid #e1e1e1;flex:1 1}.tb_typetest thead th{border-bottom:1px solid #e1e1e1;font-size:.8vw!important;text-align:center}.tb_typetest thead th:last-child{border-bottom:none}.tb_typetest thead tr{flex-direction:column;font-size:.8vw}.tb_typetest tbody{border:1px solid #e1e1e1;display:flex;flex:3 1}.tb_typetest tbody tr{border-right:1px solid #e1e1e1;display:flex;flex-direction:column}.tb_typetest tbody tr:last-child{border-right:none}.tb_typetest tbody tr:first-child{background-color:#1b2531;flex:3 1}.tb_typetest tbody tr{flex:2 1}.tb_typetest tbody tr td{border-bottom:1px solid #e1e1e1;font-size:.8vw;height:50px;line-height:58px;margin:0;padding:0;text-align:center;width:100%}.tb_typetest tbody tr td:last-child{border-bottom:none}.newtable tbody tr td:first-child{font-size:.8vw}.blinkli{animation:blink 1s ease-in-out infinite alternate;animation-delay:0s}.inputTable thead th{flex:1 1}.formTop{float:left;width:50%}.formTop:after{clear:both;content:"";display:block}.checkDateData-table{border-collapse:collapse;display:table;width:100%}.checkDateData-table thead{display:table-header-group}.checkDateData-table tbody{display:table-row-group}.checkDateData-table tbody tr{display:table-row}.checkDateData-table tbody tr td{background-color:#1b2531;border:1px solid #e1e1e1;color:#fff;display:table-cell;padding:10px;text-align:center;vertical-align:middle;width:25%}.checkDateData-table .notActive{display:none!important}.checkDateData-table .active{display:table-row!important}.checkDateData-table input[type=date]{background-color:#fff;border:1px solid #e1e1e1;border-radius:4px;color:#333;font-size:14px;margin:0 10px;padding:8px 12px;width:200px}.checkDateData-table input[type=date]:focus{border-color:#4a90e2;box-shadow:0 0 5px #4a90e24d;outline:none}.checkDateData-table thead tr{display:table-row}.checkDateData-table thead tr th{background-color:#283251;border:1px solid #e1e1e1;color:#fff;display:table-cell;font-weight:700;padding:10px;text-align:center;vertical-align:middle;white-space:nowrap;width:25%}.sv-input::placeholder{color:#999;font-size:16px;opacity:1}.sv-input::-webkit-input-placeholder{color:#999;font-size:16px}.sv-input::-moz-placeholder{color:#999;font-size:16px;opacity:1}.sv-input:-ms-input-placeholder{color:#999;font-size:16px}
/*# sourceMappingURL=main.918fe0f9.css.map*/