@charset "utf-8";

/* reset */
html {overflow-y:scroll; overflow-x:auto; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;}
html.overflow-hidden{overflow:hidden;}
html,body {height:100%; font-size:14px;}
html,body,div,span,iframe,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,textarea,button,select,table,th,td,article,aside,section {margin:0; padding:0;}
figure,figcaption,img,fieldset {border:0;}
table {width:100%; border-collapse:collapse; border-spacing:0;}
ol,ul {list-style:none;}
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display:block;}
audio,canvas,video {display:inline-block;}
audio:not([controls]) {display:none; height:0;}
a {text-decoration:normal; background:transparent;text-underline-position:under; }
a:link,a:hover,a:visited,a:active {text-decoration:none;}
a:focus {outline:thin dotted;}
a:active,a:hover {outline:0;}
/* h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-size:inherit;} */
abbr[title] {border-bottom:1px dotted;}
b,strong {font-weight:bold;}
dfn {font-style:italic;}
hr {-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
mark {background:#ff0; color:#000;}
code,kbd,pre,samp {font-family:monospace, serif; font-size:1em;}
pre {white-space:pre-wrap;}
q {quotes:"\201C" "\201D" "\2018" "\2019";}
small {font-size:80%;}
sub,sup {font-size:75%; line-height:0; position:relative; padding-left:4px;  vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
legend {overflow:hidden; position:absolute; top:0; left:-1000%; width:1px; height:1px; padding:0; border:0;}
input,select,textarea {font-family:inherit; font-size:1em; height:28px; width:100%; }
button {font-family:inherit; margin:0; font-size:1em; padding-left:4px;}
button {line-height:normal; border:0; background-color:transparent;}
button,select {text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {border:0; background:none; -webkit-appearance:button; cursor:pointer;}
button[disabled],html input[disabled] {cursor:default;}
input[type="checkbox"],input[type="radio"] {box-sizing:border-box; padding:0;width: 17px; height: 24px; margin:3px;margin-left: 8px; vertical-align:middle;}
input[type="search"] {-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
button::-moz-focus-inner,input::-moz-focus-inner {border:0; padding:0;}
textarea {overflow:auto; vertical-align:top; resize:none;padding: 3px;}
/* //reset */

/* IOSYS Class Selector */
/* Global Classes */
.iosshow {display:block!important;}
.ioshide {display:none!important;}
.blind {overflow:hidden; position:absolute; z-index:-1; width:1px; height:1px; text-indent:-9999px; white-space:nowrap;}/* 대체 텍스트 숨김 처리 */
.skip {overflow:hidden; position:absolute; top:0; left:0; z-index:1000; width:1px; height:1px; margin:0 -1px -1px 0; padding:0; font-size:0; line-height:0;}
.skip:hover,.skip:active,.skip:focus {display:block; position:relative; width:98%; height:20px; margin:0 auto; line-height:20px; font-size:11px; color:#686868; text-align:center; border:2px solid #aeaeae; border-width:0 2px 2px; border-radius:0 0 8px 8px; background:#fff;}
.clearfix {zoom:1;}
.clearfix:after {content:""; display:block; clear:both;}

/* table col width */
.col-auto {width:auto !important;}
.col-w20{width:20px !important;}
.col-w25{width:25px !important;}
.col-w30{width:30px !important;}
.col-w35{width:35px !important;}
.col-w40{width:40px !important;}
.col-w45{width:45px !important;}
.col-w50{width:50px !important;}
.col-w55{width:55px !important;}
.col-w60{width:60px !important;}
.col-w65{width:65px !important;}
.col-w70{width:70px !important;}
.col-w75{width:75px !important;}
.col-w80{width:80px !important;}
.col-w85{width:85px !important;}
.col-w90{width:90px !important;}
.col-w95{width:95px !important;}
.col-w100{width:100px !important;}
.col-w105{width:105px !important;}
.col-w110{width:110px !important;}
.col-w115{width:115px !important;}
.col-w120{width:120px !important;}
.col-w125{width:125px !important;}
.col-w130{width:130px !important;}
.col-w135{width:135px !important;}
.col-w140{width:140px !important;}
.col-w145{width:145px !important;}
.col-w150{width:150px !important;}
.col-w160{width:160px !important;}
.col-w170{width:170px !important;}
.col-w180{width:180px !important;}
.col-w190{width:190px !important;}
.col-w200{width:200px !important;}
.col-w210{width:210px !important;}
.col-w220{width:220px !important;}
.col-w230{width:230px !important;}
.col-w240{width:240px !important;}
.col-w250{width:250px !important;}
.col-w260{width:260px !important;}
.col-w270{width:270px !important;}
.col-w280{width:280px !important;}
.col-w290{width:290px !important;}
.col-w293{width:293px !important;}
.col-w300{width:300px !important;}
.col-w310{width:310px !important;}
.col-w320{width:320px !important;}
.col-w330{width:330px !important;}
.col-w340{width:340px !important;}
.col-w350{width:350px !important;}
.col-w360{width:360px !important;}
.col-w370{width:370px !important;}
.col-w380{width:380px !important;}
.col-w390{width:390px !important;}
.col-w400{width:400px !important;}
.col-w410{width:410px !important;}
.col-w420{width:420px !important;}
.col-w430{width:430px !important;}
.col-w440{width:440px !important;}
.col-w450{width:450px !important;}
.col-w460{width:460px !important;}
.col-w470{width:470px !important;}
.col-w480{width:480px !important;}
.col-w490{width:490px !important;}
.col-w500{width:500px !important;}
.col-mw20{min-width:20px}
.col-mw25{min-width:25px}
.col-mw30{min-width:30px}
.col-mw35{min-width:35px}
.col-mw40{min-width:40px}
.col-mw45{min-width:45px}
.col-mw50{min-width:50px}
.col-mw55{min-width:55px}
.col-mw60{min-width:60px}
.col-mw65{min-width:65px}
.col-mw70{min-width:70px}
.col-mw75{min-width:75px}
.col-mw80{min-width:80px}
.col-mw85{min-width:85px}
.col-mw90{min-width:90px}
.col-mw95{min-width:95px}
.col-mw100{min-width:100px}
.col-mw105{min-width:105px}
.col-mw110{min-width:110px}
.col-mw115{min-width:115px}
.col-mw120{min-width:120px}
.col-mw125{min-width:125px}
.col-mw130{min-width:130px}
.col-mw135{min-width:135px}
.col-mw140{min-width:140px}
.col-mw145{min-width:145px}
.col-mw150{min-width:150px}
.col-mw160{min-width:160px}
.col-mw170{min-width:170px}
.col-mw180{min-width:180px}
.col-mw190{min-width:190px}
.col-mw200{min-width:200px}
.col-mw210{min-width:210px}
.col-mw220{min-width:220px}
.col-mw230{min-width:230px}
.col-mw240{min-width:240px}
.col-mw250{min-width:250px}
.col-mw260{min-width:260px}
.col-mw270{min-width:270px}
.col-mw280{min-width:280px}
.col-mw290{min-width:290px}
.col-mw293{min-width:293px}
.col-mw300{min-width:300px}
.col-mw310{min-width:310px}
.col-mw320{min-width:320px}
.col-mw330{min-width:330px}
.col-mw340{min-width:340px}
.col-mw350{min-width:350px}
.col-mw360{min-width:360px}
.col-mw370{min-width:370px}
.col-mw380{min-width:380px}
.col-mw390{min-width:390px}
.col-mw400{min-width:400px}
.col-mw410{min-width:410px}
.col-mw420{min-width:420px}
.col-mw430{min-width:430px}
.col-mw440{min-width:440px}
.col-mw450{min-width:450px}
.col-mw460{min-width:460px}
.col-mw470{min-width:470px}
.col-mw480{min-width:480px}
.col-mw490{min-width:490px}
.col-mw500{min-width:500px}
.col-wp1 {width:1% !important;}
.col-wp2 {width:2% !important;}
.col-wp3 {width:3% !important;}
.col-wp4 {width:4% !important;}
.col-wp5 {width:5% !important;}
.col-wp6 {width:6% !important;}
.col-wp7 {width:7% !important;}
.col-wp8 {width:8% !important;}
.col-wp9 {width:9% !important;}
.col-wp10{width:10% !important;}
.col-wp11{width:11% !important;}
.col-wp12{width:12% !important;}
.col-wp13{width:13% !important;}
.col-wp14{width:14% !important;}
.col-wp15{width:15% !important;}
.col-wp16{width:16% !important;}
.col-wp17{width:17% !important;}
.col-wp18{width:18% !important;}
.col-wp19{width:19% !important;}
.col-wp20{width:20% !important;}
.col-wp25{width:25% !important;}
.col-wp30{width:30% !important;}
.col-wp35{width:35% !important;}
.col-wp40{width:40% !important;}
.col-wp45{width:45% !important;}
.col-wp50{width:50% !important;}
.col-wp55{width:55% !important;}
.col-wp60{width:60% !important;}
.col-wp65{width:65% !important;}
.col-wp70{width:70% !important;}
.col-wp75{width:75% !important;}
.col-wp80{width:80% !important;}
.col-wp85{width:85% !important;}
.col-wp90{width:90% !important;}
.col-wp95{width:95% !important;}
.col-wp99{width:99% !important;}

/* //IOSYS Class Selector */

#popWrap .iosys-pop {
    margin-top: -50px;
    margin-bottom: 120px;
}

#popWrap .iosys-pop.rrmode {
    margin-top: 0;    
}
.iosys-pop .nav-link {
    color:#fafafa
}
.iosys-pop .bg-iosys {
    background-color: #1661ae ;
    color: #fff;
}

.iosys-pop .tl {
    text-align: left;
}

.iosys-pop .tc {
    text-align: center;
}

.iosys-pop .tr {
    text-align: right;
}

.iosys-pop h3 {
    margin: 25px 0 0 0;
    padding-left: 40px;
}
.iosys-pop h3 + div {
    margin-top: 20px;
}

.iosys-pop h4 {
    margin: 5px 0;
    padding-left: 65px;
}

.iosys-pop div+h4 {
    margin-top: 25px;
}

.iosys-pop h5 {
    margin: 15px 0 13px;
}

.iosys-pop .infoWrap {
    padding: 12px;
    background-color: #fafafa;
    border: 1px solid #dfdfdf;
    margin-bottom: 10px;
}

.iosys-pop .infoWrap .txtArea>span {
    margin: 0 5px;
}

.iosys-pop .topFilter {
    margin-bottom: 5px;
}

.iosys-pop .topFilter .left,
.iosys-pop .topFilter .right {
    max-width: inherit;
}

.iosys-pop .checkWrap {
    margin-left: 0;
}
.iosys-pop .checkWrap.checkFlex .check {
    width: 16%;
    margin-left: 0;
    margin-right: 0;
}

.iosys-pop .select {
    width: 100%;
    height: 35px;
    border-color: #cdcdcd !important;
}

.iosys-pop .paging {
    text-align: left;
}

.iosys-pop .paging .paging-count {
    margin-right: 1rem;
}

.iosys-pop .report-preview {
    width: 100%;
    height: calc(100vh - 350px);
    overflow-y: auto;
}

.iosys-pop .ck.ck-editor__main {
    background-color: #fafafa;
    border: 1px solid;
    border-color: var(--ck-color-base-border);
    height: calc(100vh - 350px) !important;
    overflow-y: auto;
}

.iosys-pop .ck-editor__editable_inline {
    width: 1000px;
    min-height: 21cm;
    padding: 1cm 1cm;
    margin: 0.5cm auto;
    overflow: initial;
}

.iosys-pop .contentBox table th,
.iosys-pop .contentBox table td {
    border-top: 0;
    padding: 0;    
}
.iosys-pop .viewTable table th {
    word-break:keep-all;
}
.iosys-pop .viewTable table td {
    line-height: 1.15em;
    min-height: 40px;
    word-break:keep-all;
}

.iosys-pop .text-ellipsis {
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.iosys-pop .judge-list {
    width: 100%;
    float: left;
    display: flex;
    padding-bottom: 15px;
}
.iosys-pop .judge-item {
    display: inline-block;
    width: 50%;    
    padding:0 15px;
}

.iosys-pop .input-group {
    display: flex;
}
.iosys-pop .input-group-text {
    padding-left: 0.5em;
    padding-right: 0.5em;
    border: 1px solid #cdcdcd;
    background-color: #efefef;
    border-right: 0;
    height: 35px;
    min-width: 4em;
    text-align: center;
}
.iosys-pop .input-group input.form-control {
    display: block;
    position: relative;    
}
/* topBar 2020-11-11 추가 */   
.topBar {margin-top:92px; background:#fff}
.topBar.v2 {margin-top:0px}
.topBar .inner {margin:0 auto; padding:0 20px; max-width:100%; width:100%}
.topBar .inner:after {display:block; content:""; clear:both}
.topBar .inner strong {float:left; margin-right:50px; line-height:50px; font-size:18px; color:#010101; font-weight:500}
.topBar .inner .menuSelect {float:left; position:relative; z-index:100}
.topBar .inner .menuSelect > a {display:block; padding:0 40px 0 20px; border-left:1px solid #4b8ac9; border-right:1px solid #4b8ac9; min-width:185px; line-height:50px; color:#fff; background:url("../../images/bl-sel-arrow.png") no-repeat right 20px center}
.topBar .inner .menuSelect > a.on {background:url("../../images/bl-sel-arrow-on.png") no-repeat right 20px center}
.topBar .inner .menuSelect ul {display:none; position:absolute; top:50px; left:0; border:1px solid #ccc; border-top:none; width:100%; background:#fff}
.topBar .inner .menuSelect ul > li + li {border-top:1px solid #ccc}
.topBar .inner .menuSelect ul > li > a {display:block; position:relative; padding:0 20px; line-height:44px; font-size:14px; color:#010101; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s}
.topBar .inner .menuSelect ul > li > a:hover {color:#1661ae; font-weight:500; background:#f8f8f8}
.topBar .inner .btnBox {float:right; overflow:hidden; padding:10px 0}
.topBar .inner .btnBox * {float:left}
.topBar .inner .btnBox * + * {margin-left:5px}
/* .content {margin:0 auto; margin-left:220px; position:relative; padding:60px 20px 100px; max-width:100%; width:1770px} */
.content {/* margin-left:220px;  */position:relative; padding:25px 20px 100px; max-width:100%; width:100%; }
.content .path {position:absolute; top:50px; right:40px; overflow:hidden}
.content .path > * {float:left; line-height:28px; font-size:13px; color:#666; font-weight:400}
.content .path > * + * {position:relative; margin-left:10px; padding-left:15px}
.content .path > * + *:before {display:block; content:""; position:absolute; top:0; left:0; width:5px; height:100%; background:url("../../images/common/bl-arrow.png") no-repeat center}
.content .path > a:first-child {width:12px; text-indent:-9999px; background:url("../../images/common/ico-home.png") no-repeat center}

.new-add-con{padding:25px; padding-top: 70px;}
 
.topBar + #container {padding-top:0 !important}
/*// 2020-09-04 수정 */
.topBar .inner.v2 strong {padding:10px 65px; font-size:25px; font-weight:700}
.pop-titl h2{font-size:18px; color:#000000; font-weight:500; padding-bottom: 15px;}

/*modal ul li / 안내문구 추가 */
.modal-body h3{font-size:15px; color:#000000; font-weight:500; padding-bottom: 5px;}
.modal-body ul{line-height: 1.5;padding: 3px 0;}