/*
 * Copyright (C) 2018 MUHAYU Inc. All rights reserved.
 */
@charset "utf-8";
@import url("print-font.css");
* {box-sizing: border-box;}
html, body{min-height: 100%;}
body{font-family:'Noto Sans KR','나눔고딕', '맑은 고딕';margin: 0 auto;min-width: 1200px;background-color: #F2F3F7;padding-top: 10px; color:#717171;}
table{border-spacing: 0;border-collapse: collapse;font-size: 15px;}
img{vertical-align: middle;border:0;}
td.right{text-align: right;}
td.left{text-align: left;}
td.center{text-align: center;}
input{font-family: inherit;}
button{font-family: inherit;}
a{font-family: inherit;}
input[type='button']{cursor: pointer;}
input[type='text'], input[type='date'], input[type='password']{font-size: 14px;font-family: inherit; color: #797979;}
select{font:inherit;}
textarea{font-size: 14px;line-height: 24px;font-family: inherit;}
a{color:inherit;text-decoration: none;}
a:hover{text-decoration: underline;}
button:hover{cursor: pointer;}
pre{white-space: pre-wrap;margin:0;}

input[type='button']{cursor: pointer;}
input[type='button']:active {transform: translateY(2px);}


::-webkit-scrollbar {width: 6px;height: 6px;}
::-webkit-scrollbar-thumb {background:  #7D7D7D;border-radius: 20px;border: 2px solid transparent;background-clip: padding-box;}
::-webkit-scrollbar-thumb:hover{border: 0;}
::-webkit-scrollbar-track {background: #E6E6E6;border-radius: 20px;}


.basic-width{max-width: 1300px;}

.w1em{width:1em;display: inline-block;}
.w30{width:30px;display: inline-block;}
.w40{width:40px;display: inline-block;}
.w50{width:50px;display: inline-block;}
.w60{width:60px;display: inline-block;}
.w70{width:70px;display: inline-block;}
.w80{width:80px;display: inline-block;}
.w100{width:100px;display: inline-block;}
.w110{width:110px;display: inline-block;}
.w120{width:120px;display: inline-block;}
.w130{width:130px;display: inline-block;}
.w135{width:135px;display: inline-block;}
.w150{width:150px;display: inline-block;}
.w200{width:200px;display: inline-block;}
.w240{width:240px;display: inline-block;}
.w300{width:300px;display: inline-block;}
.w100p{width:100%;display: inline-block;}

.ml05{margin-left:5px;}
.ml10{margin-left:10px;}
.ml12{margin-left:12px;}
.ml16{margin-left:16px;}
.ml20{margin-left:20px;}
.ml24{margin-left:24px;}
.ml40{margin-left:40px;}
.ml62{margin-left:62px;}
.mr02{margin-right:2px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr32{margin-right:32px;}
.mr40{margin-right:40px;}

.mt0{margin-top:0px;}
.mt04{margin-top:4px;}
.mt06{margin-top:6px;}
.mt10{margin-top:10px !important;}
.mt12{margin-top:12px;}
.mt16{margin-top:16px !important;}
.mt18{margin-top:18px;}
.mt20{margin-top:20px;}
.mt24{margin-top:24px;}
.mt30{margin-top:30px !important;}
.mt36{margin-top:36px;}
.mt40{margin-top:40px !important;}
.mt55{margin-top:55px;}
.mt60{margin-top:60px;}
.mt80{margin-top:80px !important;}

.mb05{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb12{margin-bottom:12px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}

.p0{padding:0px;}
.pt20{padding-top:20px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pb20{padding-bottom:20px;}

.hide{display: none;}
.bold{font-weight: bold;}
.bold500{font-weight: 500;}
.on{color:#004bff;}
.off{color:#b6b6b6;}

.fl{float:left;}
.fr{float:right;}

.ac{text-align: center;}
.al{text-align: left;}
.ar{text-align: right;}


.ft14{font-size:14px;}
.ft15{font-size:15px;}
.ft16{font-size:16px;}
.ft18{font-size:18px;}
.ft20{font-size:20px;}
.ft24{font-size:24px;}
.ft28{font-size:28px;}

.nowrap{white-space: nowrap;}

.fw500{font-weight: 500;}
.divide-line{margin:50px 0px;border-bottom: solid 1px #d5dae2;width: 100%;}

.red{color:crimson;}
.orange{color:#ff672b;}
.blue{color:#4274e5;}
.blue-dark{color:#40557B;}
.purple{color:#b045ff;}
.grey{color:#9ca4b9;}
.grey-dark{color:#272727 !important;}

.bg-light-blue {background-color: #f8faff !important;}

.pointer{cursor: pointer;}

.login-box{width:460px;height: 100%;padding: 32px;text-align: left;}
.login-box .logo img {width: 245px; height: 26px;}
/*.login-img{width:400px;height: 100%;background: url("/img/login-img.png") center no-repeat;}*/
.login-box .service-name {color: #494949;font-weight: 500;}
.login-box input[type="text"], .login-box input[type="password"]{width: 100%;padding-left: 36px;line-height: 2.5}
.login-box input[type="text"]{background: url("/img/id.png") 14px 16px no-repeat;}
.login-box input[type="password"]{background: url("/img/password.png") 14px 16px no-repeat;}

.login-logo{background: url("/img/logo-white.png") center no-repeat;width: 100%; height: 100%;}

span.use-all{margin-left:4px; padding-left: 15px; background: #FFF url("/img/lock-fill.png") left center no-repeat; background-size: 70%; opacity: 0.4;}
span.use-restriction{margin-left:4px; padding-left: 15px; background: #FFF url("/img/lock.png") left center no-repeat; background-size: 70%; opacity: 0.4;}
span.use-2fa{margin-left:4px; padding-left: 15px; background: #FFF url("/img/lock-mail.png") left center no-repeat; background-size: 80%; opacity: 0.4;}


.btn-big {width: 140px;padding: 13px 17px;border-radius: 4px;text-align: center;font-size: 18px;border: 0;cursor: pointer;}
.btn-mid {min-width: 120px; padding: 9px 15px 9px 15px; height: 40px; text-align: center; border: 0; border-radius: 4px; cursor: pointer; }
.btn {min-width: 100px; padding: 9px 15px 9px 15px;height: 36px; border-radius: 4px;text-align: center;font-size: 14px;line-height: 14px;border: 0;cursor: pointer;}
.btn-sm {padding: 8px 14px; border-radius: 4px; text-align: center; font-size: 14px; line-height: 1.3; border: 0;cursor: pointer;}
.btn-wide{width: 336px;height:49px;}
.btn-blue {background-color: #0075FF;color: #ffffff;border: solid 1px #275de2;font-weight: 500; }
.btn-dark-blue {background-color: #1C325D;color: #ffffff;border: solid 1px #172644;font-weight: 500; }
.btn-light-blue {background-color: rgba(235,240,253,0.7); color: #576A8D; font-weight: 500; border: solid 1px #cad1e2;white-space: nowrap;}
.btn-light-blue:hover {background-color: rgba(235,240,253,0.9);}
.btn-light-red {background-color: rgba(255,0,0,0.2); color: #333; font-weight: 500; border: solid 1px #FF5151;white-space: nowrap;}
.btn-light-red:hover {background-color: rgba(255,0,0,0.3);}
.btn-outline-blue {background-color: #ffffff;color: #004bff;border: solid 1px #004bff;}
.btn-outline-red {background-color: #ffffff;color: #ff0088;border: solid 1px #ff0088;white-space: nowrap;}
.btn-white {background-color: #ffffff;color: #5c5c5c;border: solid 1px #cad1e2;font-weight: 500; }
.btn-white:hover {background-color: #f2f2f2}
.btn-orange {background-color: #ff992e;color: #FFF;border: solid 1px #ff672b;border-radius: 4px;}
.btn-orange:hover {background-color: #ff672b;}

.btn-list{padding: 4px 10px;border-radius: 4px;}
.btn-grey{color: #666; background: #E1E2E3;border:1px solid #E1E2E3;border-radius: 4px;height:30px;padding:0 10px;}
.btn-grey2{color: #333; border:1px solid #999;}
.btn-blue2{color: #ffffff; background: #4272e7;border:1px solid #275de2;border-radius: 4px;height:30px;padding:0 10px;}

.btn-del{display: inline-block;width: 16px;min-height:16px;cursor: pointer;background: url("/img/ico-delete.png");vertical-align: middle;border: 0;cursor: pointer;}
.btn-excel{display:inline-block;min-height: 36px;background: url("/img/ico-excel.png") 10px 10px no-repeat;padding: 6px 12px 6px 34px;border-radius: 4px;border: solid 1px #cad1e2;background-color: #ffffff;color: #414141;font-size: 14px;cursor: pointer;white-space: nowrap;}
.btn-pdf{display:inline-block;min-height: 36px;background: url("/img/ico-pdf.png") 10px 10px no-repeat;padding: 6px 12px 6px 34px;border-radius: 4px;border: solid 1px #cad1e2;background-color: #ffffff;color: #414141;font-size: 14px;cursor: pointer;}
.btn-up{display: inline-block;width: 35px;min-height:36px;cursor: pointer;background: url("/img/arrow-up2.png") center no-repeat;vertical-align: top;border-radius: 4px;border: solid 1px #e2d5ca;background-color: #f7f0e6;}
.btn-down{display: inline-block;width: 35px;min-height:36px;cursor: pointer;background: url("/img/arrow-down2.png") center no-repeat;vertical-align: top;border-radius: 4px;border: solid 1px #cad1e2;background-color: #e6eff7;}
.btn-empty{display: inline-block;width: 35px;min-height:36px;cursor: pointer;background: url("/img/arrow-empty.png") center no-repeat;vertical-align: top;border-radius: 4px;border: solid 1px #cad1e2;background-color: #f4f4f4;}
.btn-disable{display: inline-block;width: 35px;min-height:44px;cursor: pointer;vertical-align: middle;border-radius: 4px; border: solid 1px #cad1e2; background-color: #f4f4f4;}
.btn-disable span{width: 14px; display: block; height: 2px; margin: 0 auto; background-color: #979797;}

.btn, .btn-sm, .btn-big,.btn-white:hover{cursor: pointer;}
button:disabled{cursor: default;}

.ellipsis {display: block;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;word-wrap:normal;}

.nodata{text-align: center;padding:60px 0;font-size: 1em;}
.error{text-align: center;padding:60px 0;font-size: 1em;color:crimson;}
.guide{font-size: 12px;color:#999;}
.notice{font-size: 14px;line-height: 1.43;color: #848484;}

a.admin{color:#117DE9;font-size:12px;}

#wait{position: fixed;left:0;right:0;top:0;bottom:0;background: rgba(153, 153, 153, 0.3);z-index: 300;display:none;}
#wait .loading{width: 200px;height: 200px;position: fixed;left:50%;margin-left: -100px;top:50%;margin-top: -100px;background: url("/img/blue-loading.gif") center center no-repeat;}
#alert .icon{background: url("/img/ico-confirm.png") center no-repeat;}
#confirm .icon{background: url("/img/ico-question.png") center no-repeat;}
.modal .completed-icon{background: url("/img/ico-completed.png") center no-repeat !important;}
.modal .question-icon{background: url("/img/ico-question.png") center no-repeat !important;}
.modal .confirm-icon{background: url("/img/ico-confirm.png") center no-repeat !important;}
#alert {display: none;}
#confirm {display: none;}

.input{padding: 4px 10px;font-size: 16px;border-radius: 4px;border: solid 1px #d5dae2;background-color: #ffffff;}
.sm-input{width: 220px;}
.sm-input2{width: 50px;}
.input:focus, button:focus, textarea:focus {outline:none;}
input.border0{border: 0;}

/*checkbox*/
/* Customize the label (the container) */
.checkbox {display: inline-block;position: relative;padding-left: 24px;cursor: pointer;line-height: 17px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin-top: 4px;margin-bottom:4px;}
/* Hide the browser's default checkbox */
.checkbox input {position: absolute;opacity: 0;cursor: pointer;height:1px;width:1px;}
/* Create a custom checkbox */
.checkbox .checkmark {position: absolute;top: 0;left: 0;height: 18px;width: 18px;background-color: #FFF;border: 1px solid #CCC;border-radius: 4px;}
/* Create the checkmark/indicator (hidden when not checked) */
.checkbox .checkmark:after {content: "";position: absolute;display: none; top: -1px; left: -1px;background: url("/img/check-checked.png") center no-repeat;width: 18px;height: 18px; background-size: 18px;}
/* Show the checkmark when checked */
.checkbox.disable{cursor: default;}
.checkbox.disable .checkmark{opacity: 0.4;}
.checkbox input:checked ~ .checkmark:after {display: block;}
/* Style the checkmark/indicator */

/*checkbox*/
/* Customize the label (the container) */
.checkbox2 {display: inline-block;position: relative;padding-left: 24px;cursor: pointer;line-height: 17px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;/*margin-top: 4px;margin-bottom:4px;*/}
/* Hide the browser's default checkbox */
.checkbox2 input {position: absolute;opacity: 0;cursor: pointer;height:1px;width:1px;}
/* Create a custom checkbox */
.checkbox2 .checkmark {position: absolute;top: 0;left: 0;height: 28px;width: 28px;background-color: #FFF;border: 1px solid #CCC;border-radius: 14px;}
/* Create the checkmark/indicator (hidden when not checked) */
.checkbox2 .checkmark:after {content: "";position: absolute;display: none; top: -1px; left: -1px;background: url("/img/check-checked.png") center no-repeat;width: 28px;height: 28px; background-size: 28px;border-radius: 14px;}
/* Show the checkmark when checked */
.checkbox2.disable{cursor: default;}
.checkbox2.disable .checkmark{opacity: 0.4;}
.checkbox2 input:checked ~ .checkmark:after {display: block;}
/* Style the checkmark/indicator */

/*radiobox*/
/* Customize the label (the container) */
.radiobox {height: 20px;display: inline-block;vertical-align: middle;position: relative;padding-left: 24px;cursor: pointer;line-height: 20px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin-top: 4px;margin-bottom: 4px;}
/* Hide the browser's default radio button */
.radiobox input { position: absolute; opacity: 0;height:1px;width:1px;}
/* Create a custom radio button */
.radiobox .checkmark {position: absolute;top: 0;left: 0;height: 21px;width: 21px;background: url("/img/radio-off.png") center no-repeat;background-size: 21px;border-radius: 50%;}
/* Create the indicator (the dot/circle - hidden when not checked) */
.radiobox .checkmark:after {content: "";position: absolute;display: none;}
/* Show the indicator (dot/circle) when checked */
.radiobox input:checked ~ .checkmark:after {display: block;}
/* Style the indicator (dot/circle) */
.radiobox .checkmark:after {top: 0;left: 0;width: 20px;height: 20px;background: url("/img/radio-on.png") center no-repeat; background-size: 20px;}

/* The switch - the box around the slider */
.switch {position: relative;display: inline-block;width: 40px;height: 22px;}
/* Hide default HTML checkbox */
.switch input {opacity: 0;width: 0;height: 0;}
/* The slider */
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height: 14px;width: 14px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background-color: #2196F3;}
input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before {-webkit-transform: translateX(17px);-ms-transform: translateX(17px);transform: translateX(17px);}
/* Rounded sliders */
.slider.round {border-radius: 14px;}
.slider.round:before {border-radius: 50%;}

/* https://www.sliderrevolution.com/resources/styling-radio-buttons/  - Responsive Toggle Switch */
.toggle {display: flex;flex-flow: row nowrap;justify-content: flex-start;align-items: stretch;}
.toggle input {width: 0;height: 0;position: absolute;left: -9999px;}
.toggle input + label {margin: 0;padding: 8px 4px;box-sizing: border-box;position: relative;display: inline-block;border: solid 1px #c5c5c5;background-color: #ffffff;font-size: 14px; text-align: center;cursor: pointer;
  transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out;
}
.toggle input + label:first-of-type {border-radius: 6px 0 0 6px;border-right: none;}
.toggle input + label:last-of-type {border-radius: 0 6px 6px 0;border-left: none;}
.toggle input:hover + label {border-color: #cad1e2;}
.toggle input:checked + label {background-color: #4273e6;color: #ffffff;z-index: 1;}


input:disabled, textarea:disabled, .checkmark.disabled, .input.disabled, .toggle label.disabled, .request .scrollbox.disabled, .request .scrollbox input[type="text"].disabled{background-color: #f5f5f5;}
.radiobox .checkmark.disabled{background: none;background-color: #eee;border: 1px solid #cccccc;border-radius: 50%;}
.radiobox .checkmark.disabled::after{top: -1px;left: -1px;}

.arrow {width: 70px;height: 12px;overflow: hidden;position: absolute;left: 50%;margin-left: -35px;bottom: -20px;}
.arrow.top {top: -12px;bottom: auto;}
.arrow.left {left: 20%;}
.arrow:after {content: "";position: absolute;left: 20px;top: -12px;width: 22px;height: 22px;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);background: rgba(0,0,0,0.8);}
.arrow.top:after {bottom: -20px;top: auto;}

.row{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-display: -webkit-box;-webkit-display: -webkit-flex;-webkit-flex-wrap: wrap;}
.col {-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;}

.modal .bg{position: fixed;left:0;right:0;top:0;bottom:0;background: rgba(153, 153, 153, 0.3);z-index: 200;}
.modal .canvas{position:fixed;top:20%;left:50%;margin-left:-250px;width:500px;background: #ffffff;z-index: 200;border-radius: 8px;box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.1);border: solid 1px #d5dae2;font-size:15px;color: #5c5c5c;}
.modal .canvas .head{padding: 9px 18px;background-color: rgba(219, 224, 231, 0.3);border-bottom: solid 1px #d5dae2;}
.modal .canvas .head .title{text-align: left;}
.modal .canvas .head img.close{position: absolute; top:12px;right:17px;cursor: pointer;}
.modal .canvas .body{display: flex;margin:20px 30px;}
.modal .canvas .body .icon{flex: 0 0 52px;height: 55px}
.modal .canvas .body .message{flex: 0 0 auto;font-size: 16px;line-height: 1.5;color: #5c5c5c;max-width: calc(100% - 80px);display: flex;align-items: center;max-height: 500px;overflow: auto;}
.modal .message{margin-left: 20px;word-break: break-all;}
.modal .canvas .tail{text-align: center;margin:5px 35px 24px 35px;}
.modal .canvas .tail button:not(:last-child){margin-right: 10px;}


.pop-bg{position: fixed;z-index: 10;left:0;right:0;top:0;bottom: 0;opacity: 0.2;background-color: #000;}
.pop{position: absolute;top:20%;left:40px;right:40px;margin:0 auto;min-width:350px;max-width:1460px;z-index: 11;background: #FFF;color: #5c5c5c;padding:0;font-size: 14px;border-radius: 8px;box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.25);}
.pop .head{padding: 10px 20px;background-color: rgba(219, 224, 231, 0.3);border-bottom: solid 1px #d5dae2;}
.pop .head .title{text-align: left;}
.pop .head img.close{position: absolute; top: 12px; right: 18px;cursor: pointer;}
.pop .body .box{min-height: 300px;padding: 5px 12px; overflow: auto;border-radius: 4px;border: solid 1px #d5dae2;}
.pop .body table tr td{border-bottom: solid 1px rgba(197, 197, 197, 0.6);padding: 5px 8px;}
.pop .tail{margin:3px 27px 24px 21px;text-align: center;}
.pop .tail button:not(:last-child){margin-right: 10px;}


.pop-full{position: fixed;top:40px;bottom:40px;position:fixed;border-radius:8px;min-width: 960px;}
.pop-full .layer1{position: absolute;right:16px;top:6px;}
.pop img.close{cursor: pointer;float:right;}

.pop input.blue{width: 128px;height: 28px;border-radius: 4px;color:#FFF;font-weight: bold;background: #4CC5FA;border:none;}

.muhayu .pop{background: #B0D58A;}

.layerPopup {display:none}
.layerPopup:before {display:block; content:""; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5);z-index:1}
.layerPopup .layerBox {position:fixed; left:45%; top:50%; transform:translate(-40%, -50%); padding:30px; background:#fff; border-radius:6px;z-index: 1;height:85%;}
.layerPopup .layerBox .title {margin-bottom:10px; padding-bottom:10px; font-weight:600; border-bottom:1px solid #d9d9d9;font-size:24px;margin-top:5px}
.layerPopup .layerBox .cont {margin-bottom:30px;overflow-y:auto;height:calc(100% - 120px);padding-right:10px;}
.layerPopup .layerBox .cont table{width:100%}
.layerPopup .layerBox .cont table td{border:1px solid #d5dae0;padding:5px}
.layerPopup .layerBox p {line-height:23px; font-size:16px;}
.layerPopup .layerBox .btnClose {display:inline-block; position:absolute; right:30px; top:25px; padding:6px 12px; color:#444; font-size:12px; text-decoration:underline;font-size:16px;cursor:pointer;}
.layerPopup .layerBox .btnTodayHide {font-size:17px; font-weight:600; text-decoration:underline;cursor:pointer;}
.layerPopup .layerBox .sub-tit{margin-bottom:-15px;font-weight:bold}
.layerPopup .layerBox .sub-tit2{margin-top:30px;color:blue;}
.layerPopup .layerBox .item{margin-left:20px}
.layerPopup .layerBox .fc-blue{color:cornflowerblue}
.layerPopup .layerBox .del{text-decoration: line-through;color:indianred;}

.guidebox{border:1px solid #EEE;background: #F9F9F9;padding:30px;line-height: 22px;}
.guidebox b{color:#DC8F41;}
.guidebox .text{background: url("/img/img-info2.png") left top no-repeat;padding-left:60px;}
.guidebox .name{color: #69B8F0;font-weight: bold;font-size: 16px;line-height: 50px;}

.flex-center{display: flex;justify-content: center;align-items: center;}
.flex-middle{display: flex;align-items: center;}

.top-layer{margin: 12px 24px 0px 274px;max-width: 1297px;height: 40px;font-size: 18px;color: #40557B; background-color: #f1f3f7;display: flex;align-items: center;}
.top-layer .service-name{font-size: 22px;font-weight: 600;line-height: 1.09;margin-right: 14px;}
.top-layer .userinfo{text-align: right;font-size: 14px;flex: 1 1 auto;}
.top-layer .userinfo small{color: #99aed4;margin-left: 8px;margin-right: 8px;}
.top-layer .manual{text-align: right;font-size: 14px;flex: 1 1 auto;}

.menu{width: 235px;font-size: 18px;box-shadow: 3px 0 4px 0 rgba(154, 162, 174, 0.7);background-color: #1C325D;position: fixed;top: 0;bottom: 0;padding:12px 0px;z-index:3;}
.menu .logo{background: url("/img/logo.png") left no-repeat;height: 34px;margin: 20px 32px;}

.menu .userinfo{font-size: 13px;white-space: nowrap;overflow:hidden;position: absolute;bottom:260px;color:#A3B2CA;line-height: 24px;border-top:1px solid #1A386D;padding-top:10px;padding-bottom:5px;width:100%;background: #1C325D}
.menu .userinfo > *{margin:0 24px;}



.main-menu{margin-top: 30px;color:#a3b2ca}
.main-menu .depth1 a{text-decoration: none;color:#FFF;}
.main-menu .depth2 a{text-decoration: none;color:#FFF;}
.main-menu .item{line-height: 48px;font-size: 16px;color: #a3b2ca;border-left: 6px solid #1C325D}
.main-menu .item:hover{background-color: #0C2046;cursor: pointer; opacity: 1; border-left: 6px solid #4272e7;color: #ffffff;}
.main-menu .depth1{background-position: left center; background-repeat: no-repeat;padding-left:28px;margin-left:24px;position: relative;background-size: 16px; background-position: 0 17px; opacity: .5;}
.main-menu .on1{background-color: #1E4FA8;border-left: 6px solid #739CFF;}
/*.main-menu .on1 a{color: #ffffff;}*/
.main-menu .depth2{background-position: left center; background-repeat: no-repeat;background-color: #2A3F65;font-size: 14px;line-height: 2;padding:8px 0 8px 20px;}
.main-menu .depth2 a{color:#FFF;padding-left:38px;color:#89B3E5}
.main-menu .depth2 a.on{background: url("/img/menu-depth2.png") left center no-repeat;color:#FFF;}
.main-menu .reg .depth1{background-image: url("/img/menu-request.png");}


.main-menu .menu1{line-height: 48px;font-size: 18px;border-left:6px solid #143166;}
.main-menu .menu1:hover{border-left-color: #4272e7}
.main-menu .menu1 img{margin-right: 12px;margin-left:22px;}
.main-menu .menu2{line-height: 30px;font-size:14px;padding-left:52px;}
.main-menu .menu2:hover{background-color: #0C2046;}
.main-menu a{color:inherit;}
.main-menu .on1{border-left-color: #739cff;}
.main-menu .on1 span{color:#FFF;}
.main-menu .on1 .menu2{background-color: #041c48;}
.main-menu .on2 a{color:#FFF;}

.main-menu .reg .on1{background-image: url("/img/menu-request.png");font-weight: bold;}
.main-menu .on1 .depth1{background-image: url("/img/menu-request.png");opacity: 1;}
.main-menu .result .depth1{background-image: url("/img/menu-result.png");}
.main-menu .result .on1{background-image: url("/img/menu-result-on.png");font-weight: bold;}
.main-menu .admin .depth1{background-image: url("/img/menu-admin.png");color:#FFF;}
.main-menu .admin .on1{background-image: url("/img/menu-admin-on.png");font-weight: bold;}

.main-menu .item input[type='button']{display: inline-block;width: 12px;height: 13px;background: url("/img/menu-more.png") center center no-repeat;border:none;position: absolute;right:18px;top:16px;cursor: pointer;}

.menu .contact{width:235px;height: 260px;text-align: left;position: absolute;bottom: 0;left:0;padding: 15px 24px 20px 24px;background-color: #0C2046;}
.menu .contact .h1{font-size: 17px;line-height: 2;color: #a3b2ca;border-bottom:1px solid #1A386D;padding-bottom:10px;}
.menu .contact .h1 hr {border: 1px solid #a3b2ca; width: 16px; margin: 18px 0 ;}
.menu .contact .phone{margin-top:10px;font-family: Arial, roboto;font-size: 21px;color: #a3b2ca;line-height: 1.5;}
.menu .contact .cat {margin: 5px 0px;}
.menu .contact .email, .menu .contact .desc{font-family: Arial, roboto; font-size:13px;color: #a3b2ca;line-height: 1.7;}
.menu .contact .link{color:#fff; font-size:12px;line-height: 3;}
.menu .contact .link:first-child{margin-right: 10px;}
.menu .contact .copyright{font-size:12px;color: #a3b2ca;/*position: fixed;bottom: 36px;*/margin-right: 53px;align-content: space-around;}
.menu .dev-menu{text-align: right;color:#FFF;line-height: 24px;margin-top:20px;margin-right: 20px;font-size: 12px;}


.full-white{background: #FFF;margin-left:226px;}

.stage{overflow: hidden;margin: 10px 18px 30px 271px;color:#414141;}
.stage a{text-decoration: none;}
.stage h1{margin:0;margin-bottom:35px;}
.stage .leftmain{background: url("/img/bg-stage.png") top right repeat-y;margin-bottom:40px;}
.stage .leftmain-half{float:left;width:50%;}
.stage .rightmain{background: url("/img/bg-stage.png") top left repeat-y;margin-bottom: 40px;margin-left:-1px;}
.stage .rightmain-half{float:left;width: 50%;}
.stage .leftmain .container{background: #FFF;margin-right: 15px;}
.stage .rightmain .container{background: #FFF;margin-left: 15px;}
.stage .content1{margin:0 55px; padding: 50px 0 95px 0;}

.stage .main{min-height: 500px;overflow: hidden;padding: 24px;border-radius: 4px;box-shadow: 0 3px 4px 0 rgba(219, 224, 231, 0.6);border: solid 1px #d5dae2;background-color: #ffffff;max-width: 1800px;}

.stage .license {display: flex;justify-content: space-between;font-size: 16px;}
.stage .license .info {height: 92px;flex:1 1 0;padding: 16px 24px 22px 16px;border-radius: 4px;box-shadow: 0 3px 4px 0 rgba(219, 224, 231, 0.6);border: solid 1px #D5DAE2;background-color: #ffffff;margin-right: 18px;position:relative;}
.stage .license .info div:first-child {color: #40557B; font-weight: 500;}
.stage .license .info:last-child{margin-right: 0;}
.stage .license  span.icon {background-size: 28px !important;}
.stage .license .info span.icon{float: right;width: 48px;height: 48px;border-radius: 50%;position: absolute;top: 20px; right: 22px;background-color:#e9edf5;}
.stage .license .date span.icon{background: #f0f3f7 url("/img/ico-dashboard-calendar.png") center no-repeat;}
.stage .license .all span.icon{background: #f0f3f7 url("/img/ico-dashboard-check.png") center no-repeat;}
.stage .license .use span.icon{background: #f0f3f7  url("/img/ico-dashboard-file1.png") center no-repeat;}
.stage .license .remains span.icon{background: #f0f3f7 url("/img/ico-dashboard-file2.png") center no-repeat;}
.stage .license .info .text{font-size: 18px;font-weight: 300;color:#8F959F;line-height: 46px;}
.stage .license .info .count{font-size: 26px;font-weight: 300;color:#8F959F;}

.container .total{font-size: 14px;}
.container .total span{color:#4274e5;}

.item-list tr th, .item-list tr td{border: solid 1px #d5dae0;}
.item-list thead th, .item-list thead td{border: solid 1px #d5dae0;background-color: #eaeff5;color:#6c768d;font-weight: normal;}
.item-list .sub-th{font-weight: normal;line-height: 1;background-color: #edf4fd;}
.item-list .left-th{background-color: #f4f4f4;}
.item-list .left-th2{background-color: #eaeff5;color: #6c768d;}
.item-list th, .item-list td{padding: 6px 13px;}
.item-list tbody td{line-height: 160%;}
.item-list a{text-decoration: underline;}
.left-th{background-color: #f4f4f4;}
.left-th2{background-color: #eaeff5;color: #6c768d;}

.request-list .container .info{background: url("/img/img-info.png") left center no-repeat;color:#6689e0;margin-top:16px;padding-left:24px;font-size:13px;}
.request-list button{min-width: 120px;}

.searchbox{border: 1px solid #d5dae2;border-radius: 4px;overflow: hidden;display: inline-block;position: relative;}
.searchbox input[type='text']{border: none; font-size: 14px; vertical-align: middle; padding: 5px 36px 5px 12px; width: 100%; color: #666;}
.searchbox input[type='button']{    background: url("/img/ico-search.png") center center no-repeat; width: 16px; height: 16px; background-size: 100%;  border: none; cursor: pointer; position: absolute; top: 7px; right: 15px;}
.condition a input[type='button']{padding: 10px 16px; border-radius: 4px; background-color: #4272E7; border: 1px solid #275DE2; text-align: center; color: #ffffff; font-size: 14px; line-height: 14px;}

.searchbox2{border:1px solid #E9E9E9;border-radius: 3px;background: #F8F8F8;height: 32px;overflow: hidden;white-space: nowrap;position:relative;}
.searchbox2 input[type='text']{border:none;background:#F8F8F8; line-height: 30px;height:30px;margin-left:14px;}
.searchbox2 input[type='button']{border:1px solid #FFF;border-left:1px solid #E9E9E9;color:#777;font-size:14px;height: 32px;cursor: pointer;background: #FFF;width: 88px;}

.select-size{font-size: 12px; height: 30px; border: 1px solid #E9E9E9;	border-radius: 4px; overflow: hidden; display: inline-block;}

/*white and no-border*/
.listbox{position: relative;display: inline-block;text-align: left;padding: 0px 6px 0 12px;border-radius: 4px; border: solid 1px #d5dae1; background-color: #ffffff;}
.listbox div{display: table-cell;}
.listbox span{color: #5c5c5c; font-size: 14px;display: inline-block;white-space: nowrap;overflow: hidden;vertical-align: middle;cursor:default;text-align: left;}
.listbox input.down{background:url("/img/listbox-down.png") center center no-repeat;width: 22px;height: 28px;vertical-align: middle;border:none;cursor: pointer;}
.listbox input.up{background:url("/img/listbox-up.png") center center no-repeat;width: 22px;height: 28px;border:none;position: absolute;top:6px;right:12px;cursor: pointer;}
.listbox ul{margin:0;position: absolute;font-size: 14px;list-style: none;border:1px solid #c5c5c5;background: #ffffff;border-radius: 4px;width: calc(100% + 2px);line-height: 28px;padding:8px 12px;top:0;display: none;z-index:5;margin-left:-13px;margin-top:-1px;border:1px solid #c5c5c5;}
.listbox ul li{cursor: default;word-break: keep-all;white-space: nowrap;overflow: hidden;}
.listbox ul li.off{color: #999;}
.listbox ul li:hover{color: #000;text-decoration: underline;}
.listbox ul.auto{width:auto;padding-right:4px;}
.listbox ul.auto li{padding-right:30px;}
.listbox ul.auto input{right:4px;}
.listbox2{border: solid 1px #082a63;color: #082a63;}
#download ul{margin-left:-13px;margin-top:-1px;border:1px solid #082a63;}
/*#size ul{margin-left:-13px;margin-top:-1px;border:1px solid #c5c5c5;}*/

#pop-result .listbox{padding: 0px 6px;border: solid 1px #E9E9E9;background-color: #f7f7f7;margin-left: 10px;}
#pop-result .listbox span{font-size: 10pt;color: #414141;}
#pop-result .listbox ul{font-size: 10pt;padding: 0px 6px;border: solid 1px #E9E9E9;background-color: #f7f7f7;}
#pop-result #download2 ul{margin-left:-7px;margin-top:-1px;border:1px solid #E9E9E9;background-color: #f7f7f7;line-height: 28px;text-align:center;display: block}
#pop-result #download2 input.up{top: 0px;right: 2px;}
/*#pop-result #download2 div{display:none}*/

.breadcrumb span.next{background: url("/img/ico-next.png") center no-repeat;width: 12px;height: 12px;margin: 0 6px 1px;display: inline-block;}

.item-list tbody tr:hover{background: #F5F9FC}
.list tbody tr:hover{background: #F5F9FC}

tr.empty td{text-align: center;}
tr.del td{text-decoration: line-through;}

table.list{width: 100%;font-size: 15px}
table.list tr th, table.list tr td{height: 46px;border-bottom: 1px solid #d5dae2;padding:0px 6px;}
table.list tr:first-child th{border-top: 1px solid #d5dae2;}
table.list tr th{height: 38px; color: #6c768d;font-weight: normal; background: #f9f9f9;}
table.list tr td{color: #6d6d6d;}

table.list th.link{cursor: pointer;}
table.list th.on{color:#4274e5;font-weight: bold;}
table.list .on td{color:#4274e5;background-color: #F5F9FC;border-bottom: 1px solid #6BC3F1;}
table.list tr.deleted td{color:#999;}

table.list td.right{text-align: right;}
table.list td.left{text-align: left;}
table.list td.center{text-align: center;}
table.list td.black{color:#333;}
table.list .link{cursor: pointer;text-decoration: none;}
table.list .link:hover{text-decoration: underline;}
table.list td input[type='button']{font-size: 14px;}
table.list .uri{display:none;}

table.list td.interview, table.list td.next-round{cursor: pointer;}
table.list td.interview:hover, table.list td.next-round:hover{background: url("/img/ico-check-grey.png") center center no-repeat; /*background-size: 28px;*/}
table.list td.check{background: url("/img/ico-check.png") center center no-repeat; /*background-size: 28px;*/}
table.list .on td.check{background-color: #F5F9FC;}

table.edit{width: 100%;}
table.edit th{background: #F9F9F9;height:60px;text-align: right;padding:0 10px;border:1px solid #E9E9E9;}
table.edit td{border:1px solid #E9E9E9;padding:0 10px;}
table.edit td input[type='text']{border:1px solid #E2E2E2;width: 95%;line-height: 24px;}
table.edit td input[type='password']{border:1px solid #E2E2E2;width: 95%;line-height: 24px;}

table.rooms{width: 100%;font-size: 14px;}
table.rooms tr.item td{border: 1px solid #E2E2E2;padding: 10px;line-height: 24px;}
table.rooms tr.item td .name{font-size: 16px;/*line-height: 32px;*/}
table.rooms tr.item td a{text-decoration: underline;color:#469AF0;}
table.rooms tr.item td.state{text-align: center;width: 140px;}
table.rooms tr.empty td{height: 20px;text-align: center;}
table.rooms tr.D td{color:gray}
/*https://www.iconfinder.com/iconsets/outline-style-1*/
/*https://www.iconfinder.com/iconsets/ionicons*/
table.rooms td.state .queue{height: 48px;background:url("/img/img-infinite.png") center center no-repeat;}
table.rooms td.state .done{height: 48px;background:url("/img/img-checkmark.png") center center no-repeat;}
table.rooms td.state .ready{height: 48px;background:url("/img/img-buffer.png") center center no-repeat;}
table.rooms td.state .base{height: 48px;background:url("/img/img-compose.png") center center no-repeat;}
table.rooms td.state .delete{height: 48px;background:url("/img/img-cross.png") center center no-repeat;}
table.rooms .link{text-decoration: underline;color:#469AF0;cursor: pointer;}
table.rooms td.rowid span.link{cursor: pointer;text-decoration: none;color:#6d6d6d}
table.rooms td.rowid span.link:hover{text-decoration: underline}


.pagination{text-align: center;font-size: 16px;margin-top:30px;line-height: 20px;font-size: 16px; color: #848484;}
.pagination span{/*height: 44px;width: 44px;*/display: inline-block;cursor: pointer;vertical-align: middle;/*border-radius: 4px;border: solid 1px #d5dae2;*/background-color: #ffffff;padding: 10px 8px;}
.pagination span:not(:last-child){margin-right:4px;}
.pagination span.on{color:#004bff;/*border: solid 1px #004bff;*/}
.pagination span.first{background: url("/img/page-first.png") center center no-repeat;border:1px solid #E9E9E9; border-radius: 2px;}
.pagination span.prev{background: url("/img/ico-prev.png") center center no-repeat;border:1px solid #E9E9E9; border-radius: 2px;}
.pagination span.next{background: url("/img/ico-next.png") center center no-repeat;border:1px solid #E9E9E9; border-radius: 2px;}
.pagination span.last{background: url("/img/page-last.png") center center no-repeat;border:1px solid #E9E9E9; border-radius: 2px;}


.dev-info{color: #117DE9;padding: 0px 20px;bottom:12px;position: fixed;font-size: 12px;z-index:3}

span.status{position: relative; height: auto;padding: 3px 7px 6px 10px;border-radius: 13px;font-size: 14px; font-weight: 400;display: inline-block;width: 140px;display: inline-block;text-align: left;white-space: nowrap;}
span.status i { width: 5px; height: 5px; border-radius: 50%; display: inline-block; margin-right: 8px; vertical-align: middle; top: 12px; }
.status.W{color: #49c361;}
.status.S, .status.BEFORE_START{color: #01b8ff;}
.status.A{color: #9d4ce7;}
.status.R{color: #797979;}
.status.Q, .status.ON_GOING{color: #ff992e;}
.status.Y, .status.FINISHED{color: #0f777e;}
.status.D{color: #4273e6}

.agreement h3{}
.agreement h4{margin-top:40px;}
.agreement .container div{font-size:14px; color:#333;}
.agreement .desc{max-height:440px;overflow:auto;background:#F8F8F8;padding:10px 20px;}
.agreement p{line-height: 1.5; word-break: keep-all;}
.agreement ol li{text-align: left; line-height: 1.5; vertical-align: baseline; word-break: keep-all;}
.agreement ul{list-style-type:none}
.agreement ul li{text-align: left; text-indent: -20.0pt; line-height: 1.5; word-break: keep-all; margin: 0cm 0cm .0001pt 20.0pt;}

.agreement .container{padding:0 20px;}
.agreement .container .sign{padding:15px 0;font-size:16px;}
.agreement .checkbox{font-size:inherit;}

.agreement table{width:100%;margin:10px 0;}
.agreement th{border:1px solid #999;height:50px;}
.agreement td{border:1px solid #999;text-align:center;height:50px;}
.agreement p.grey{color:#999;}
.agreement p.grey a{color:#333;text-decoration: underline;}

.privacy table td{padding:5px 10px;}

table.item {border-top:1px solid #000;width: 100%;}
table.item th{text-align: left;padding-left: 15px;background: url("/img/pipe-grey.png") right center no-repeat;border-bottom: 1px solid #F1F1F1;}
table.item td{padding-left: 30px;color: #888;border-bottom: 1px solid #F1F1F1;}


/*검사결과상세*/
.check-info label{color:#414141;margin-left:24px;}
.check-info label:first-child{margin-left: 0;}
.page-menu{text-align: center;overflow: hidden;margin:20px;}
.page-menu span{display: inline-block; line-height: 34px; font-size: 15px;background: #ffffff;color:#576A8D;float:left;cursor: default;border: 1px solid #cad1e2;border-right: none;border-top-left-radius: 12px;border-top-right-radius: 12px;}
.page-menu span:last-child{/*;border-top-right-radius: 4px;*/border-right:1px solid #cad1e2;}
.page-menu span:hover{color:#ffffff;background: #4273e6;cursor: pointer;}
.page-menu span.on{background: #4273e6;color:#ffffff;}
.page-menu span a{display: inline-block;width: 100%;}

.main-layer{margin: 36px;}
.check-title{padding-left:32px;background: url("/img/ico-room.png") left center no-repeat;font-size:18px;line-height: 1.17;}
.summary .stat{float:left;margin:14px 36px 24px 0;width:300px;min-height: 670px;}
.summary .stat .checkmenu{font-size: 16px;font-weight: bold;border-bottom: 1px solid #e5e9ef;padding: 8px 0px;margin-bottom:20px;}
.stat h5{margin-bottom: 5px;font-size: 14px;font-weight: normal;text-align: center;}
.stat table{display: inline-table;width: 100%;table-layout: fixed;font-size: 14px;}
.stat table td{border:1px solid #d5dae0;padding:6px 5px;}
.stat table th{ border: solid 1px #d5dae0;background-color: #eaeff5;padding:6px 5px;white-space: nowrap;color: #6c768d;font-weight: normal;}

#pop-result .pop{font-size: 16px;color:#041D30;}
#pop-result .layer1 .shortcut{float:right;vertical-align: middle;padding: 5px 16px;background: #F4F4F4;border-radius: 16px;border:none;margin-right: 4px;font-size: 14px;font-weight: 700;margin-top:30px;}
#pop-result .layer1 .shortcut:hover{color:#fff;background: #000;font-weight: 700}



#pop-result .pop-sub{display: flex; flex-direction: column; width: 38%;float:left;height:100%;background: #F4F4F4;border-radius: 8px 0 0 8px;padding: 40px 20px 10px 40px;}
#pop-result .pop-sub .scroll{height:100%;overflow: auto;}
#pop-result .pop-main .scroll{height:100%;overflow: auto;}
#pop-result .pop-main .question{font-weight: bold;text-decoration: underline;margin-bottom: 6px;font-size: 10.5pt;}
#pop-result .pop-main .text{line-height: 24px;word-break: break-all;margin-left:60px;padding-left:6px;margin-right: 0;}
#pop-result .pop-main .text b{font-weight: normal;}


#pop-result .pop-sub h2{border-bottom:1px solid #041D30;font-size: 18px;line-height: 140%;font-weight: 600;padding:6px 10px;padding-left:0;margin-top:20px;white-space: nowrap;}
#pop-result .pop-sub h2 span.dot{width: 24px;height: 28px;display:inline-block;background: url(/img/dot-title-empty.png) left 10px no-repeat;background-size: 24px;}
#pop-result .pop-sub h2 span.down{background: url(/img/dot-title.png) left 10px no-repeat;background-size: 24px;width: 24px;cursor: pointer;}
#pop-result .pop-sub h2 span.up{background: url(/img/dot-title-up.png) left 10px no-repeat;background-size: 24px;cursor: pointer;}
#pop-result .pop-sub .title2{padding: 8px 12px;font-size: 16px;font-weight: 700;margin:8px 0;}
#pop-result .pop-sub h1{font-size: 20px;line-height: 160%;margin-bottom: 8px}
#pop-result .pop-sub *, #pop-result .pop-main *{margin:0;padding:0;}

#pop-result .pop-main{margin-left:37%;padding: 40px 20px 80px 40px;height:100%;}
#pop-result .pop-main h1{font-size: 18px;line-height: 140%;margin-bottom: 8px;}
#pop-result .pop-main .body{line-height: 150%;white-space: pre-wrap;color:#7D7D80;font-size: 16px;line-height: 200%;margin-bottom: 80px;padding:8px;border-radius: 8px;word-break: break-word;}
#pop-result .pop-main .body b{padding: 0 3px;}


#pop-result .app-nav{padding-bottom: 12px;font-size: 22px;margin-bottom: 20px;}
#pop-result .app-nav input{width: 22px; height: 22px;border:none;vertical-align: middle;}
#pop-result .app-nav input[name='prev']{background: url(/img/btn-pop-prev.png) center center no-repeat;background-size: 22px;}
#pop-result .app-nav input[name='next']{background: url(/img/btn-pop-next.png) center center no-repeat;background-size: 22px;}

#pop-result .match .pop-sub h2:hover{cursor: pointer;text-decoration: underline;}

.nowrap{white-space: nowrap}

#pop-result .critical{color: #FF006B;}
#pop-result .suspicious{color: #F09000;}
#pop-result .etc{color: #000;}
#pop-result .red{color: #FF006B;}
#pop-result .blue{color: #0075FF;}

.gpt .body b{font-weight: normal}
.inspect .body b, .blind .body b, .copy .body b.copy, .gpt .body b.detect{color:#FF006B;font-weight: 500;}
.inspect .body .on, .blind .body .on, .copy .body .on, .gpt .body .on{background: rgba(255,64,105,0.2); font-weight: 700;}
.copy .body b.copy{cursor: pointer;}
.copy .body .on{color:inherit;font-weight: 500;}
.copy .body .on b.quote{font-weight: 500}
.copy .body .on b.copy{font-weight: 700;}
.copy .body b.quote{font-weight: normal}
.inspect .body.on{background: rgba(255,64,105,0.1);}
.evaluate .body b, .match .body b, .summary .body b{color: #0075FF;font-weight: 500;}
.evaluate .body b.on, .match .body b.on, .summary .body b.on{background-color: rgba(0, 117, 255, 0.15);font-weight: 700;}

#pop-result .dot-critical{background: url(/img/icon_type_danger.png) left center no-repeat;background-size: 20px;padding-left:22px;}
#pop-result .dot-suspicious{background: url(/img/icon_type_warning.png) left center no-repeat;background-size: 20px;padding-left:22px;}
#pop-result .dot-etc{background: url(/img/icon_type_reference.png) left center no-repeat;background-size: 20px;padding-left:22px;}
#pop-result .dot-gpt{background: url(/img/dot-caution.png) left center no-repeat;background-size: 20px;padding-left:22px;}

#pop-result .title2.critical{background-color: #FFD5E7;border-radius: 8px;}
#pop-result .title2.suspicious{background-color: #FFEBC3;border-radius: 8px;}
#pop-result .title2.etc{background-color: #DBDBDB;border-radius: 8px;}
#pop-result .top-score{font-size: 24px;font-weight: 700;line-height: 140%;margin-bottom: 26px;}
#pop-result .top-score .grade{color:#FFF;background: #0075FF;border-radius: 4px;padding: 0 4px;line-height: 100%;display:inline-block;}
#pop-result .defect-value{font-size: 16px; border:1px solid #A9A8AA;border-radius: 8px;background: #fff;padding:16px;margin-bottom: 8px; color:#041D30;line-height: 160%;cursor: pointer; word-break: break-word;}
#pop-result .value.on{box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.25);font-weight: 700;}
#pop-result .value.suspicious.on{box-shadow: 0px 0px 12px 0px rgba(240, 144, 0, 0.25);}
#pop-result .value.critical.on{box-shadow: 0px 0px 12px 0px rgba(255, 0, 107, 0.25);}
#pop-result .value.on[ctgr='critical']{color: #FF006B;}
#pop-result .value.on[ctgr='suspicious']{color: #F09000;}

#pop-result .copy-title{background: #FFD5E7;padding: 10px 12px 10px 20px;border-radius: 8px;font-size: 16px;color:#FF006B;margin:8px 0;}
#pop-result .copy-title .down{background: url(/img/btn-red-down.png) center center no-repeat;background-size: 20px;width: 20px;float:right;border:none;cursor: pointer;}
#pop-result .copy-title .up{background: url(/img/btn-red-up.png) center center no-repeat;background-size: 20px;width: 20px;float:right;border:none;cursor: pointer;}
#pop-result .copy-title b{font-weight: normal;}
#pop-result .copy-sent{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;background: url(/img/dot-sent-title.png) left center no-repeat;background-size: 20px;padding-left:24px;cursor: pointer;}
#pop-result .copy-sent .score{font-weight: 700;}
#pop-result .copy-sent.on{font-weight: 700;color:#FF006B;}
#pop-result .copy-sent.on b{font-weight: 700;}
#pop-result .text0{border:1px solid #A9A8AA;border-radius: 8px;background:#FFF;padding:16px;display: none;}
#pop-result .text0 > div{border-bottom: 1px solid #C6C6C6;padding:8px 0;font-size: 14px;font-weight: 400;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#pop-result .text0 .score{color:#FF006B;padding-top:0;font-weight: 700}
#pop-result .text0 div.domain{border:none;padding-bottom: 0;}
#pop-result .text0 label{display:inline-block;width: 90px;color: #041D30;font-weight: 700;}
#pop-result .text {padding: 0px 16px;font-weight: 400;margin: 8px 0;font-size: 14px;display:none}
#pop-result .text div.source{padding: 4px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#pop-result .text div.domain{padding: 4px 0;border-bottom: 1px solid #C6C6C6;}
#pop-result .text .score{color:#FF006B;font-weight: 700;display:inline-block;width: 90px;}
#pop-result .text label{color:#041D30;font-weight: 700;display:inline-block;width: 90px;}
 
#pop-result .chart-area{background: #FFF;border-radius: 8px;margin:8px 0;margin-bottom: 20px;}
#pop-result .item-score{margin:0 auto;display: flow-root;line-height: 170%;}
#pop-result .item-score .item{width: 44%;float:left;display:inline-block;}
#pop-result .not-metric .item-score .item{margin-left:4%;}
#pop-result .match .item-score .item:nth-child(odd){margin-right: 6%;margin-left: 10px;}
#pop-result .metric .item-score .item:nth-child(odd){margin-right: 6%;margin-left: 10px;}
#pop-result .item-score .item label{font-size: 14px;margin-left:4px;}
#pop-result .item-score .item span{font-weight: 700;float:right;margin-right: 4px;}
#pop-result .metric .item-score .item{width: 44%;}
#pop-result .match .item-score .item{width: 44%;}
#pop-result .match .item-score .item span{float:right;margin-right: 4px;}
#pop-result .item-score .item{border-bottom: 1px solid #041D30;}
#pop-result .item-unit .phrase{background: #FFF;line-height: 160%;padding: 3px 10px;display: inline-block;margin: 0px 8px;cursor: pointer;border-radius: 8px;}
#pop-result .item-unit .phrase{margin-top:8px;}
#pop-result .item-unit .phrase.on{color:#0075FF;font-weight: 700;background-color: rgba(0, 117, 255, 0.07)}
#pop-result .item-unit .sentence{background: #FFF;line-height: 160%;padding: 3px 10px;margin:8px;cursor: pointer;border-radius: 8px;}
#pop-result .item-unit .sentence.on{color:#0075FF;font-weight: 700;background-color: rgba(0, 117, 255, 0.07)}
#pop-result .item-unit .summary{background: #FFF;line-height: 160%;padding: 3px 10px;margin:8px;border-radius: 8px;}
#pop-result .item-unit{padding-bottom: 10px;}

#pop-result .summary .pop-sub h2{margin-top:10px}
#pop-result .summary pre.sentence{font-family:'Noto Sans KR','나눔고딕', '맑은 고딕';cursor: initial}
#pop-result .summary pre span{cursor: pointer}
#pop-result .summary sub{vertical-align: baseline;font-size:12px;}
#pop-result .summary pre span.on{color:#0075FF;font-weight: 700;background-color: rgba(0, 117, 255, 0.07)}

#pop-result .pac-box{padding:3px 10px;margin-bottom:40px;}
#pop-result .pac-box p{padding-left:5px;}
#pop-result .pac-item:after{clear: both}
#pop-result .pac-item{font-size: 16px;line-height: 31px;margin-top:5px}
#pop-result .pac-item .name{float: left;width:45px; font-weight: 600;padding-left:5px;}
#pop-result .pac-box input, #pop-result .pac-box select, #pop-result .pac-box textarea{border:1px solid #999}
#pop-result .pac-box select, #pop-result .pac-box input{height:100%;border-radius: 8px;font-size: 14px;text-align: center;padding:3px 0;width:65px;}
#pop-result .pac-item textarea{width:100%;padding:5px 10px;border-radius: 4px;margin-top:5px}

span.help{margin-left:2px;}
span.help::after{display:inline-flex;width:16px;height:16px;border-radius: 50%;justify-content:center;align-items: center;content: '\2139';color: #fff;background-color: #a4acb7;font-size:12px;}


.radio-on{background: url("/img/radio-on2.png") no-repeat left top; width:18px;height:18px;display: inline-block;vertical-align: bottom;}
.radio-off{background: url("/img/radio-off2.png") no-repeat left top;width:18px;height:18px;display: inline-block;vertical-align: bottom;}
.check-on{background: url("/img/checkbox-on.png") no-repeat left top;width:18px;height:18px;display: inline-block;vertical-align: bottom;}
.check-off{background: url("/img/checkbox-off.png") no-repeat left top;width:18px;height:18px;display: inline-block;vertical-align: bottom;}

span.readonly{/*background-color: #f5f5f5;*/padding: 4px 10px;border-radius: 4px;border: solid 1px #d5dae2;font-size: 14px;min-height:30px;}

.anchor{text-decoration: underline;color:#4272e7;cursor: pointer;}