@charset "utf-8";

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");



/*
   * ------------------------------------------------------------------------
   * X-A-Reset
   * ------------------------------------------------------------------------
   */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video,
button, input, textarea, select {vertical-align:baseline; margin:0; padding:0; line-height:1.6; font-size:15.5px; font-family:"Pretendard Variable", Pretendard, Dotum, Gulim, Tahoma; font-weight:400; border:0; background-color:transparent; outline:0;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1;}
a {vertical-align:middle; color:inherit; text-decoration:none;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none;}
table {border-collapse:collapse; border-spacing:0; border:0;}



/*
   * ------------------------------------------------------------------------
   * X-A-Common
   * ------------------------------------------------------------------------
   */
::-webkit-scrollbar {width:8px; height:8px;} /* 스크롤 바 */
::-webkit-scrollbar-track {background-color:rgba(0, 0, 0, 0.1);} /* 스크롤 바 밑의 배경 */
::-webkit-scrollbar-thumb {background:rgba(0, 0, 0, 0.4);} /* 실질적 스크롤 바 */
::-webkit-scrollbar-thumb:hover {background:#404040;} /* 실질적 스크롤 바 위에 마우스를 올려다 둘 때 */
::-webkit-scrollbar-thumb:active {background:#808080;} /* 실질적 스크롤 바를 클릭할 때 */
::-webkit-scrollbar-button {display:none;} /* 스크롤 바 상 하단 버튼 */
html,
body {height:100%;}
body {overflow-y:scroll;}
a {display:inline-block; line-height:inherit;}
.aC, 
.tdAc td {text-align:center !important;}
.tdAc td.aL {text-align:left !important;}
.aL, 
.aL th,
.aL td {text-align:left !important;}
.aR {text-align:right !important;}
/*
.accordionA {border-top:solid 2px rgba(91, 98, 122, 0.7); border-bottom:solid 2px rgba(91, 98, 122, 0.7);}
.accordionA > .accordion {position:relative; padding:10px; border-bottom:solid 1px rgba(91, 98, 122, 0.15); cursor:pointer;}
.accordionA > .accordion h3 {position:relative; display:inline-block; padding-left:15px; padding-right:30px; font-size:17px; font-weight:700; letter-spacing:-1px; color:#5C74B5;}
.accordionA > .accordion::after {position:absolute; right:20px; top:8px; width:30px; height:30px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%235C74B5' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center; background-size:auto 65%; content:'';}
.accordionA > .accordion.active::after {transform:rotate(180deg);}
.accordionA > .accordion {background-color:rgba(190, 199, 225, 0.3);}
.accordionA > .accordion .button.del {display:none;}
.accordionA > .accordion.active .button.del {display:inline-block; margin-left:7px; background-color:#5C74B5; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath d='M24 10h-10v-10h-4v10h-10v4h10v10h4v-10h10z'/%3E%3C/svg%3E"); background-size:70%; background-repeat:no-repeat; background-position:center; transform:rotate(45deg); content:'';}
.accordionA > .accordion.active .button.del:hover {background-color:#F35632;}
.accordionA > .accordion.active + .panel {padding:15px;}
.accordionA > .panel {background-color:rgba(0, 0, 0, 0.02);}
.accordionA {margin-top:20px;}
*/
/*.srchA + .accordionA {margin-top:10px;}*/
/*
.accordion {position:relative; padding:10px 25px 7px 25px; width:calc(100% - 50px); color:#444; border:none; background-color:#EEE; transition:0.4s; cursor:pointer;}
.accordion::after {position:absolute; right:10px; top:12px; width:26px; height:26px; background-position:center; background-repeat:no-repeat; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M24 12c0-6.627-5.373-12-12-12s-12 5.373-12 12 5.373 12 12 12 12-5.373 12-12zm-18.005-1.568l1.415-1.414 4.59 4.574 4.579-4.574 1.416 1.414-5.995 5.988-6.005-5.988z'/%3E%3C/svg%3E"); content:'';}
.accordion.active::after {transform:rotate(180deg);}
.accordion.active, 
.panel {padding:0 18px; max-height:0; background-color:#FFF; overflow:hidden; transition:max-height 0.2s ease-out;}
.accordion.active + .panel {padding:25px;}
*/
a.button,
button.button {display:inline-block; /*position:relative;*/ vertical-align:middle; padding-left:20px; padding-right:20px; height:36px; line-height:36px; color:#FFF; background-color:#B2B1AF; background-size:auto 70%; background-position:center; background-repeat:no-repeat; cursor:pointer;}
.button::after {background-position:center; background-repeat:no-repeat;}
.button.button-md {height:32px; line-height:32px;}
.button.button-lg {background-position:10px 10px; background-size:auto 44% !important;}
.button.button-sm {text-align:center; vertical-align:middle; padding:0 !important; width:36px; height:36px !important; line-height:100px !important; border-radius:36px; background-size:auto 60%; background-repeat:no-repeat; background-position:center; cursor:pointer; overflow:hidden;}
.button-sm:hover {background-color:rgba(102, 100, 95, 1.0);}
.button.button-sm.new {background-size:50% auto; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M24 10h-10v-10h-4v10h-10v4h10v10h4v-10h10z'/%3E%3C/svg%3E");}
.button.button-sm.del {background-size:45% auto; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M23.954 21.03l-9.184-9.095 9.092-9.174-2.832-2.807-9.09 9.179-9.176-9.088-2.81 2.81 9.186 9.105-9.095 9.184 2.81 2.81 9.112-9.192 9.18 9.1z'/%3E%3C/svg%3E");}
.button.button-sm.save {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M15 10h4l-7 8-7-8h4v-10h6v10zm3.213-8.246l-1.213 1.599c2.984 1.732 5 4.955 5 8.647 0 5.514-4.486 10-10 10s-10-4.486-10-10c0-3.692 2.016-6.915 5-8.647l-1.213-1.599c-3.465 2.103-5.787 5.897-5.787 10.246 0 6.627 5.373 12 12 12s12-5.373 12-12c0-4.349-2.322-8.143-5.787-10.246z'/%3E%3C/svg%3E");}
.button.button-sm.edit {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' viewBox='0 0 24 24'%3E%3Cpath d='M19.769 9.923l-12.642 12.639-7.127 1.438 1.438-7.128 12.641-12.64 5.69 5.691zm1.414-1.414l2.817-2.82-5.691-5.689-2.816 2.817 5.69 5.692z'/%3E%3C/svg%3E"); background-size:53%;}
.button.drt {position:relative; line-height:100px; overflow:hidden;}
.button.drt::after {position:absolute; left:0; top:0; width:100%; height:100%; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16 8v-4l8 8-8 8v-4h-16l8-8h8z'/%3E%3C/svg%3E"); content:'';}
.button.drt.drt-prev::after {transform:rotate(180deg);}
.button.none {background-image:url('');}
.btnA {text-align:center; margin-top:15px;}
.btnA.pst-top { margin-top:0; padding-bottom:8px;}
.chartA {min-height:300px; overflow:hidden;}
.chartA > .ctn {overflow:auto;}
.clearfix::after {display:block; content:""; clear:both;}
.ctn {width:100%; height:100%;} /* [add] 20211007 .table-fixed 구현이 안돼서 추가 */
.dsp-b {display:block; width:100% !important;}
.dsp-ib {display:inline-block;}
.dsp-n {display:none !important;}
.dsp-flex {display:flex;}
.dsp-tCell {display:table-cell;}
.fL {float:left;}
.fN {float:none;}
.fN::after {display:block; content:""; clear:both;}
.fR {float:right;}
input,
select,
textarea {vertical-align:middle; height:36px; line-height:36px;}
input:disabled,
select:disabled,
textarea:disabled {background-color:rgba(177, 176, 173, 0.3); opacity:0.7; cursor:default !important;}
input[type="number"] {width:80px;}
input[type="text"] {min-width:50px;}
input[type="date"] {width:140px !important;}
input[type="password"] {font-family:'Tahoma', 'Gulim';} /* [!] 브라우저에서 password의 경우 웹 폰트가 안먹히는 경우가 있음 */
input[type="password"]::placeholder {font-family:'NanumSquare', Dotum, Gulim, Tahoma;}
.group {width:100%;}
.group-formA {display:inline-block;}
.group-formA > * {margin-right:0 !important; margin-left:-4px;}
.group-formA > *:first-child {margin-left:0;}
.group-formA .i.i-drt {width:36px; height:36px; background-color:#94928F; background-size:auto 55%;}
.group-form {position:relative; display:inline-block; vertical-align:middle; width:auto; height:34px; border:solid 1px #B2B1AF; border-radius:18px; overflow:hidden;}
.group-form * {float:left;}
.group-form input,
.group-form select,
.group-form textarea {/*background-color:#FFF;*/ cursor:pointer;}
.group-form input[type="text"],
.group-form input[type="date"] {padding-left:7px; padding-right:7px; width:100%;}
.group-form input[type="number"] {padding-left:7px;}
.group-form strong.dt {display:inline-block; padding-left:15px; padding-right:15px; height:36px; line-height:36px; font-weight:400; color:#333; border-top-left-radius:16px; border-bottom-left-radius:16px; background-color:rgba(102, 100, 95, 0.15);}
.group-form strong.dt + label span {padding-left:8px; border-top-left-radius:0 !important; border-bottom-left-radius:0 !important;}
.group-form.button {height:36px; border:0; background-color:#B2B1AF;}
.group-form.button .button {position:relative; height:36px; line-height:36px;} /* height:100%;로 두지 않는 이유. 작은 사이즈에서 두줄일 경우를 대비해서 높이를 auto로 뒀을때 고려 */
/*.group-form.button .button:first-child {border-left:0;}*/
.group-form.button .button::before {position:absolute; left:0; top:0; width:1px; height:100%; background-color:rgba(255, 255, 255, 0.2); content:'';} /* .button에 border로 직접 쓸 경우. 버튼이 하나만 있으면 첫번째 버튼 좌측 보더값을 지워줘야해서 에 */
.group-form.button .button:first-child::before {background-color:transparent; content:'';}
.group-form.form {border:0; border-radius:0;}
.group-form.form label {cursor:pointer;}
.group-form.form label + label {margin-left:12px;}
.group-form.form input {margin:0; padding:0; width:0 !important; height:0 !important; opacity:0.0;}
.group-form.form input + span {display:inline-block; vertical-align:middle; padding-left:30px; height:30px; line-height:30px; font-size:100%; font-weight:inherit; color:#333; background-size:auto 80%; background-position:0 50%; background-repeat:no-repeat;}
.group-form.form.none input + span {padding-right:0;}
.group-form.form input[type="checkbox"] + span {background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='%2343AB8E' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M24 24h-24v-24h24v24zm-1-23h-22v22h22v-22zm-3 6.435l-10.005 10.565-4.995-5.866.761-.648 4.271 5.015 9.24-9.751.728.685z'/%3E%3C/svg%3E");}
.group-form.form input[type="radio"] + span {background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' fill='%2343AB8E' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M12 0c6.623 0 12 5.377 12 12s-5.377 12-12 12-12-5.377-12-12 5.377-12 12-12zm0 1c6.071 0 11 4.929 11 11s-4.929 11-11 11-11-4.929-11-11 4.929-11 11-11zm7 7.457l-9.005 9.565-4.995-5.865.761-.649 4.271 5.016 8.24-8.752.728.685z'/%3E%3C/svg%3E");}
.group-form.form label:hover input[type="checkbox"] + span {background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='%23FFC700' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M24 24h-24v-24h24v24zm-1-23h-22v22h22v-22zm-3 6.435l-10.005 10.565-4.995-5.866.761-.648 4.271 5.015 9.24-9.751.728.685z'/%3E%3C/svg%3E");}
.group-form.form label:hover input[type="radio"] + span {background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' fill='%23FFC700' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M12 0c6.623 0 12 5.377 12 12s-5.377 12-12 12-12-5.377-12-12 5.377-12 12-12zm0 1c6.071 0 11 4.929 11 11s-4.929 11-11 11-11-4.929-11-11 4.929-11 11-11zm7 7.457l-9.005 9.565-4.995-5.865.761-.649 4.271 5.016 8.24-8.752.728.685z'/%3E%3C/svg%3E");}
.group-form.form input:checked + span {font-weight:600; color:#1E3D78;}
.group-form.form input[type="checkbox"]:checked + span {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23FFC700' viewBox='0 0 24 24'%3E%3Cpath d='M0 0v24h24v-24h-24zm11 17l-5-5.299 1.399-1.43 3.574 3.736 6.572-7.007 1.455 1.403-8 8.597z'/%3E%3C/svg%3E") !important;}
.group-form.form input[type="radio"]:checked + span {background-size:28px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%2343AB8E' %3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E") !important;}
.group-form.formBtn label {cursor:pointer;}
.group-form.formBtn label input {margin:0; padding:0; width:0 !important; height:0 !important; opacity:0.0;}
.group-form.formBtn label:not(:last-child) span {border-right:1px solid rgb(227, 223, 221);}
.group-form.formBtn label span {display:inline-block; vertical-align:middle; padding-left:15px; padding-right:15px; height:100%; line-height:40px;}
.group-form.formBtn label:first-child span {padding-left:20px;}
.group-form.formBtn label:last-child span {padding-right:20px;}
.group-form.formBtn label input:checked + span {color:#FFF; background-color:#835FBB;}
.group-form.formBtn label:not(:last-child) input:checked + span {border-right:1px solid rgb(255, 255, 255, 0.5);}
.group-form.period input:first-child {position:relative; padding-right:20px; border-right:0;}
.group-form.period input:first-child::before {position:absolute; right:0; top:7px; width:15px; height:100%; content:'~';}
.group-form.period input:last-child {margin-left:-20px; padding-left:20px; border-left:0;}
.group-form.select select,
.group-form.select datalist {position:relative; -webkit-appearance:none; -moz-appearance:none; appearance:none; padding-left:15px; padding-right:30px; min-width:100%; background-image:url("/images/_common/ico-arr-c.png"); background-position:right 7px top 12px; background-repeat:no-repeat; z-index:500;}
.group-form.form.switch {width:75px; height:34px; line-height:34px; border-radius:34px;}
.group-form.form.switch label {width:100%; height:100%;}
.group-form.form.switch label span {padding-left:0; width:100%; height:100%;}
.group-form.form.switch input + span,
.group-form.form.switch label:hover input + span,
.group-form.form.switch input:checked + span {background-image:url('') !important;}
.group-form.form.switch label span {position:relative;}
.group-form.form.switch label span::before {display:inline-block; width:100%; height:100%; background-color:rgba(255, 255, 255, 0.2); content:'';}
.group-form.form.switch label span::after {position:absolute; left:5px; top:5px; width:24px; height:24px; border-radius:24px; background-color:#FFF; transition:.2s ease-in-out; content:'';}
.group-form.form.switch label input:checked + span::before {background-color:rgba(138, 168, 255, 0.9);}
.group-form.form.switch label input:checked + span::after {transform:translate(40px, 0);}
.group-form.range {width:150px;}
.group-form.range button {width:35px; height:36px; background-size:60%; background-color:rgba(0, 0, 0, 0.4); cursor:pointer;}
.group-form.range button.i-drt-prev {transform:rotate(180deg);}
.group-form.range input {text-align:center; width:calc(100% - 84px); border:0;}
.group-form.title h4 {padding-left:10px; padding-right:10px; height:100%; line-height:34px;}
.group-form.title h4 strong {display:inline-block; height:100%; line-height:34px;}
h1, h2, h3, h4, h5, h6 {line-height:inherit;}
.i {display:inline-block; vertical-align:middle; line-height:200px; background-position:center; background-repeat:no-repeat; overflow:hidden;}
.i.i-drt {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23FFFFFF' viewBox='0 0 24 24'%3E%3Cpath d='M7.33 24l-2.83-2.829 9.339-9.175-9.339-9.167 2.83-2.829 12.17 11.996z'/%3E%3C/svg%3E");}
input::placeholder {color:#000;}
.i.i-drt.drt-prev {transform:rotate(180deg);}
.legend {text-align:right; margin-bottom:3px;}
.legend dt, 
.legend dd {vertical-align:middle; display:inline-block; font-size:14px; color:rgba(0, 0, 0, 0.5);}
.legend dd {padding-right:10px;}
.legend dd span.mark {vertical-align:middle; display:inline-block; width:14px; height:14px; line-height:100px; overflow:hidden;}
.legend dd span.mark.txt {width:auto; line-height:14px;}
.keyA {position:relative; text-align:right; padding-bottom:5px; width:100%; opacity:0.8;}
.keyA::after {width:100%; height:1px; margin-top:-1px; content:''; clear:both;}
.keyA > .ctn {width:fit-content;}
.keyA dl {margin-right:0;}
.keyA div {display:inline-block;}
.keyA dt,
.keyA dd {float:left; display:inline-block; width:auto; height:22px; line-height:22px; overflow:hidden;}
.keyA dd {text-align:left; padding-right:10px;}
.keyA dl dd:last-child {padding-right:0;}
.keyA dd .unit {display:inline-block; padding-right:3px;}
.keyA dd span {margin-left:5px;}
.keyA.tB {margin-top:15px;}
.mg-10px {margin-top:10px;}
.must {display:inline-block; vertical-align:middle; width:17px; height:17px; line-height:200px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23FB6C6B' viewBox='0 0 24 24'%3E%3Cpath d='M9 21.035l-9-8.638 2.791-2.87 6.156 5.874 12.21-12.436 2.843 2.817z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center; background-size:auto 100%; overflow:hidden;}
.mr-t10px {margin-top:10px;}
.mr-t20px {margin-top:20px;}
.ovf-y {overflow-y:auto;}
.ovf-x {overflow-x:auto;}
.padd-0 {padding:0;}
.pd-10px {padding-top:10px;}
span.power {display:inline-block; vertical-align:middle; width:20px; height:20px; line-height:100px; border-radius:20px; overflow:hidden;}
span.power-off {background-color:#B1B0AD;}
span.power-on {background-color:#F6B63B;}
.size-w50p {width:50% !important;}
.size-w100p {width:100% !important;}
.size-w40px {width:40px;}
.size-w50px {width:50px;}
.size-w100px {width:100px;}
.size-w120px {width:120px;}
.size-w150px {width:150px;}
.size-w160px {width:160px;}
.size-w250px {width:250px; width:250px !important;}
span {font-size:100%;}
.srchA {margin-bottom:8px;}
.srchA input {padding-left:15px; padding-right:15px;}
.srchA input[type="number"] {padding-right:0;}
.srchA .group-form {display:inline-block; margin-right:7px; margin-bottom:5px;}
.srchA .fR .group-form:last-child {margin-right:0;}
.srchA .button.srch {padding:0; width:36px; line-height:100px; background-position:center; background-size:auto 60%; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%2343AB8E' viewBox='0 0 24 24'%3E%3Cpath d='M23.822 20.88l-6.353-6.354c.93-1.465 1.467-3.2 1.467-5.059.001-5.219-4.247-9.467-9.468-9.467s-9.468 4.248-9.468 9.468c0 5.221 4.247 9.469 9.468 9.469 1.768 0 3.421-.487 4.839-1.333l6.396 6.396 3.119-3.12zm-20.294-11.412c0-3.273 2.665-5.938 5.939-5.938 3.275 0 5.94 2.664 5.94 5.938 0 3.275-2.665 5.939-5.94 5.939-3.274 0-5.939-2.664-5.939-5.939z'/%3E%3C/svg%3E"); overflow:hidden;}
.srchA .button.excel {padding:0; line-height:100px; border:solid 2px #88B375; background-size:82%; background-image:url("data:image/svg+xml,%3Csvg version='1.1' id='mdi-file-excel' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' fill='%2388B375' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cg%3E%3Cpolygon points='10.4,7.2 10,7.2 10.4,7.6 '/%3E%3Cpolygon points='13.9,7.2 13.5,7.2 13.5,7.6 '/%3E%3Cpath d='M7.9,7.1l1-1.1L10,7.2h0.4V2H6C4.9,2,4,2.9,4,4v3.2L7.9,7.1L7.9,7.1z'/%3E%3Cpath d='M19.2,7.2H16l-4,4l-4-4H4V20c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2V8L19.2,7.2z M14.8,19h-1.3L12,16.9L10.5,19H9.2l2.2-2.8 l-2.2-2.8h1.3l1.5,2.1l1.5-2.1h1.3l-2.2,2.8L14.8,19z'/%3E%3Cpolygon points='13.9,7.2 15,6 16.1,7.1 16,7.2 19.2,7.2 14,2 13.5,2 13.5,7.2 '/%3E%3C/g%3E%3C/svg%3E");}
.splitA > .fL,
.splitA > .fR {width:calc(50% - 20px);}
.splitA > .fL {margin-right:40px;}
strong {font-size:100%; font-weight:700; color:inherit;}
.tabA ul {display:flex; flex-wrap:nowrap;}
.tabA ul li {flex:1 1 0;} /* flex:flex-grow, flex-shrink, flex-basis */
.tabA ul li a {text-align:center; width:100%; height:100%;}
table {width:100%;}
table th,
table td {text-align:left; padding:3px 7px; height:30px; line-height:30px; border-bottom:solid 1px #EAEAEA; white-space:nowrap;}
table thead th:first-child,
table tbody th {border-right:solid 1px #EAEAEA;}
table button,
table input,
table select,
table textarea {background-color:#FFF; z-index:-1;}
table a.button,
table button.button {padding-left:10px; padding-right:10px; background-repeat:no-repeat; background-position:0 0; transition:0.2s;}
table .bdr-rit {border-right:solid 1px #EAEAEA !important;}
table .group-form .pre {padding-right:35px;}
table .group-form button.srch {width:24px; height:24px; line-height:100px; background-color:transparent; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%2366645F' viewBox='0 0 24 24'%3E%3Cpath d='M23.822 20.88l-6.353-6.354c.93-1.465 1.467-3.2 1.467-5.059.001-5.219-4.247-9.467-9.468-9.467s-9.468 4.248-9.468 9.468c0 5.221 4.247 9.469 9.468 9.469 1.768 0 3.421-.487 4.839-1.333l6.396 6.396 3.119-3.12zm-20.294-11.412c0-3.273 2.665-5.938 5.939-5.938 3.275 0 5.94 2.664 5.94 5.938 0 3.275-2.665 5.939-5.94 5.939-3.274 0-5.939-2.664-5.939-5.939z'/%3E%3C/svg%3E"); background-position:center; overflow:hidden;}
table input.size-w100p {width:calc(100% - 12px) !important;}
.inputA table {border-top:solid 2px #66645F;}
.inputA th,
.inputA td {padding-left:0; padding-right:0; border:0;}
.inputA table input,
.inputA table select {height:40px; line-height:40px; font-size:100%; border:0; border-bottom:solid 1px #66645F;}
.inputA table input::placeholder,
.inputA table select::placeholder {color:rgba(102, 100, 95, 0.7);}
.inputA table select {padding-left:1px;}
.inputA-lg table {border-bottom:solid 2px #66645F;}
.inputA-lg table input,
.inputA-lg table select {height:50px; line-height:50px; font-size:17px; font-weight:700; border:solid 1px #CCC;}
.inputA-lg table input::placeholder,
.inputA-lg table select::placeholder {font-size:15px; font-weight:normal;}
.inputA-lg table th,
.inputA-lg table td {padding-top:7px; padding-bottom:7px;}
.listA > .ctn {width:100%; height:100%; overflow:auto;}
.listA table {position:relative; border-collapse:separate; /* sticky에 따른 border 붕괴 문제 */ border-spacing:0;}
.listA table th,
.listA table td {white-space:nowrap;}
.listA table thead th,
.listA table thead td {position:-webkit-sticky; /* for Safari */ position:sticky; top:0; background-color:#FFF; z-index:100;}
.listA table thead th:first-child {left:0; z-index:200;}
.listA table tbody th {position:-webkit-sticky; /* for Safari */ position:sticky; left:0; background-color:#FFF; z-index:90;}
.listA table td input,
.listA table td select {margin-left:-6px;}
table td.innerT {padding:0;}
table td.innerT table tr:last-of-type th, 
table td.innerT table tr:last-of-type td {border-bottom:0;}
table.aC th,
table.aC td {text-align:center;}
table.thAC th {text-align:center;}
table.thAR th {text-align:right;}
table.theadAC thead th {text-align:center;}
table.theadAR thead th {text-align:right;}
table.tbodyThAC tbody th {text-align:center;}
table.wb-BA th,
table.wb-BA td {word-break:break-all;}
.table-bdr th,
.table-bdr td {border-right:solid 1px rgba(0, 0, 0, 0.07);}
.table-bdr td:last-child {border-right:0;}
.table-fixed {max-height:100%; height:calc(100% - 50px);} /* [add] 20211007 테이블 높이가 무한대로 늘어나서 제한 */
.table-fixed > .ctn {overflow:auto;}
.table-fixed table {position:relative; border-collapse:separate; /* sticky에 따른 border 붕괴 문제 */ border-spacing:0;}
.table-fixed > .ctn > table th {z-index:600;}
.table-fixed table thead {z-index:700;}
.table-fixed table thead th,
.table-fixed table thead td {position:-webkit-sticky; /* for Safari */ position:sticky; /*top:0;*/ top:-1px; background-color:#FFF; z-index:600;} /* 20230627-1px버그 */
.table-fixed table thead tr.rowChild th,
.table-fixed table thead tr.rowChild td {top:39px;}
.table-fixed table thead th:first-child {left:0; z-index:700 !important;}
.table-fixed table tbody th {position:-webkit-sticky; /* for Safari */ position:sticky; left:0; background-color:#FFF; z-index:550;}
.table-fixed .group-form,
.table-fixed table td table th {z-index:100 !important;}
.table-fixed table .button {z-index:500;}
.table-input {border-top:solid 2px #66645F; border-bottom:solid 1px #66645F;}
.table-list thead th,
.table-list thead td {border-top:solid 2px #66645F; border-bottom:solid 1px #66645F;}
.table-multiLine thead th,
.table-multiLine thead td {padding-top:12px; padding-bottom:10px; line-height:1.2;}
.table-multiRow th,
.table-multiRow td {border-right:solid 1px #EAEAEA;}
.table-multiRow th:last-child,
.table-multiRow td:last-child {border-right:0;}
.table-multiRow tr.rowParent th,
.table-multiRow tr.rowParent td {border-bottom-color:#EAEAEA; }
.table-multiRow tr.rowParent th[rowspan], 
.table-multiRow tr.rowParent td[rowspan] {vertical-align:middle; border-bottom-color:#66645F; z-index:600;}
.table-multiRow tr.rowChild th,
.table-multiRow tr.rowChild td {border-top:0;}
.table-multiRow thead th,
.table-multiRow thead td {/*padding-top:12px; padding-bottom:10px; */ line-height:1.2;}
/*.table-multiRow thead th {text-align:center;}*/
.table-multiRow thead tr:not(:first-child) td:last-child {border-right:solid 1px #EAEAEA;}
.titleA {padding-bottom:10px;}
.toTop {display:none; position:fixed; bottom:55px; right:35px; box-shadow:0 10px 10px 0 rgba(178, 159, 91, 0.15); z-index:1000;}
.toTop a {width:43px; height:43px; line-height:200px; border:solid 1px rgba(102, 100, 95, 1.0); background:#FFF url("/images/_common/ico-arr-b.png") center no-repeat; transform:rotate(90deg); overflow:hidden;}
span.transmit {position:relative; display:inline-block; vertical-align:middle; width:36px; height:36px; line-height:100px; border-radius:36px; background-color:#7E7C79 !important; overflow:hidden;}
span.transmit-standBy {background-color:#5E7DE3;}
span.transmit-send {background-color:#7DC150;}
span.transmit-fail {background-color:#E05461;}
span.transmit::after {position:absolute; right:0; top:0; width:36px; height:36px; background-repeat:no-repeat; background-size:auto 70%; background-position:center; content:''; cursor:default;}
span.transmit.transmit-standBy::after {background-size:75% 160%; background-position:top -8px left 5px; background-image:url("../images/_common/ico-ing.gif");}
span.transmit.transmit-send::after {background-image:url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' fill='%237DC150' stroke-linejoin='round' stroke-miterlimit='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.5 11.995c0-1.242 1.008-2.25 2.25-2.25s2.25 1.008 2.25 2.25-1.008 2.25-2.25 2.25-2.25-1.008-2.25-2.25zm-6.75 0c0-1.242 1.008-2.25 2.25-2.25s2.25 1.008 2.25 2.25-1.008 2.25-2.25 2.25-2.25-1.008-2.25-2.25zm-6.75 0c0-1.242 1.008-2.25 2.25-2.25s2.25 1.008 2.25 2.25-1.008 2.25-2.25 2.25-2.25-1.008-2.25-2.25z'/%3E%3C/svg%3E");}
span.transmit.transmit-fail::after {background-image:url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' fill='%23FB6C6B' stroke-linejoin='round' stroke-miterlimit='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.5 11.995c0-1.242 1.008-2.25 2.25-2.25s2.25 1.008 2.25 2.25-1.008 2.25-2.25 2.25-2.25-1.008-2.25-2.25zm-6.75 0c0-1.242 1.008-2.25 2.25-2.25s2.25 1.008 2.25 2.25-1.008 2.25-2.25 2.25-2.25-1.008-2.25-2.25zm-6.75 0c0-1.242 1.008-2.25 2.25-2.25s2.25 1.008 2.25 2.25-1.008 2.25-2.25 2.25-2.25-1.008-2.25-2.25z'/%3E%3C/svg%3E");}
.keyA span.transmit {width:22px !important; height:22px !important; border-radius:22px !important; background-position:center;}
.keyA span.transmit::after {background-size:auto 60%; background-position:top 0 left 14px;}
.keyA span.transmit.transmit-standBy::after {background-size:55% 140%; background-position:top -12px left 15px;}
.group-form .transmit {width:34px; height:34px; background-color:#7E7C79;}
.txtA {padding:20px 30px; border-radius:16px; background-color:#F5F5F5;}
.unit {position:relative; font-size:80%; opacity:0.8;}
.unit::before {position:relative; content:'(';}
.unit::after {position:relative; content:')';}
.whs-normal {white-space:normal;}



/* * ------------------------------------------------------------------------
   * X-A-function
   * ------------------------------------------------------------------------ */
.connected-pre  {position:relative; padding-right:50px;}
.connected-pre .table-connected .active td:last-child {position:relative; padding-right:50px;}
.connected-pre .table-connected .active td:last-child::after {position:absolute; right:10px; top:4px; width:30px; height:30px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%2366645F' viewBox='0 0 24 24'%3E%3Cpath d='M0 3.795l2.995-2.98 11.132 11.185-11.132 11.186-2.995-2.981 8.167-8.205-8.167-8.205zm18.04 8.205l-8.167 8.205 2.995 2.98 11.132-11.185-11.132-11.186-2.995 2.98 8.167 8.206z'/%3E%3C/svg%3E"); background-position:center; background-repeat:no-repeat; content:'';}
#sortable li {margin-bottom:1px; padding-left:15px; height:37px; line-height:37px; background-color:rgba(102, 100, 95, 0.1);}
#sortable li:focus, 
#sortable li:active {color:#FFF; background-color:rgba(102, 100, 95, 1.0);}
.table-trigger th,
.table-trigger td {vertical-align:middle; padding-top:0; padding-bottom:0; height:30px; line-height:30px; border-bottom-color:#E8E8E8; overflow:hidden;}
.table-trigger .grade {position:relative; padding-left:0; padding-right:0;}
/*.table-trigger table table {border-left:solid 1px rgba(102, 100, 95, 0.5);}*/
.table-trigger .grade td {position:relative; vertical-align:bottom; padding:0; min-width:20px; border-bottom:0; border-right:solid 1px #E8E8E8; background-color:#CCC; overflow:hidden;}
.table-trigger .grade td:last-child {border-right:0;}
.table-trigger .triggerY .grade::after {position:absolute; left:0; top:0; width:100%; height:100%; background:url("/images/_common/grid-amount-100.png") 0 0 repeat-x; z-index:90; content:'';}
.table-trigger .triggerY table td {height:100px;}
.table-trigger .triggerY table td span {margin-bottom:-1px; border-top:solid 1px rgba(0, 0, 0, 0.3); background-repeat:repeat-x; background-position:bottom 1px left 0; background-size:auto;}
.grade {background-position:center; background-repeat:no-repeat;}
.grade-color-red {background-color:#FC8281 !important;}
.grade-color-yellow {background-color:#FAE000 !important;}
.grade-color-green {background-color:#86D300 !important;}
.grade-color-blue {background-color:#93BBF5 !important;}
.grade-color-purple {background-color:#9C6BFB !important;}
.grade-stop {background-color:#FFF !important; background-size:60% auto; background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M12 11.293l10.293-10.293.707.707-10.293 10.293 10.293 10.293-.707.707-10.293-10.293-10.293 10.293-.707-.707 10.293-10.293-10.293-10.293.707-.707 10.293 10.293z'/%3E%3C/svg%3E");}
.grade-trigger {background-color:#A9A596 !important; background-size:60% auto; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fFFFFF' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M23.954 21.03l-9.184-9.095 9.092-9.174-2.832-2.807-9.09 9.179-9.176-9.088-2.81 2.81 9.186 9.105-9.095 9.184 2.81 2.81 9.112-9.192 9.18 9.1z'/%3E%3C/svg%3E");;}
span.grade {display:inline-block; text-align:center; margin-right:2px; width:16px; height:16px; line-height:17px; color:#FFF; border-radius:16px;}
span.grade.grade-dn {background-color:#5E7DE3;}
span.grade.grade-up {background-color:#E05461;}
.grade-z {background-color:#FFF !important;}



/*
   * ------------------------------------------------------------------------
   * X-A-Modal
   * ------------------------------------------------------------------------
   */
.modal {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5); overflow:auto; z-index:1000;}
.modal-content {position:relative; margin:auto; margin-top:100px; padding:30px; width:calc(50% - 60px); border-radius:16px; background-color:#FFF; box-shadow:0 20px 40px 0 rgb(0 0 0 / 30%); -webkit-animation-name:animatetop; -webkit-animation-duration:0.4s; animation-name:animatetop; animation-duration:0.4s}
.modal.modal-lg .modal-content {width:1200px;}
.modal.modal-md .modal-content {width:800px;}
.modal.modal-sm .modal-content {width:500px;}
.modal.modal-xs .modal-content {width:300px;}
.modal-footer::after {display:block; content:""; clear:both;}
/* Add Animation */
@-webkit-keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}
@keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}
.modal .modal-header .close {position:absolute; right:30px; top:20px; color:#000; font-size:28px; cursor:pointer;}
.modal h2 {font-size:20px;}
.modal h2 span.note {display:block; font-size:15px;}
.modal .listA {height:400px;}



/*
   * ------------------------------------------------------------------------
   * Owl Carousel v2.3.4
   * Copyright 2013-2018 David Deutsch
   * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
   */
.owl-carousel, .owl-carousel .owl-item {-webkit-tap-highlight-color:transparent; position:relative}
.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/*
   * ------------------------------------------------------------------------
   * Owl Carousel v2.3.4 - Theme
   * Copyright 2013-2018 David Deutsch
   * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
   */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}



/*
   * ------------------------------------------------------------------------
   * X-A-Breakpoints
   * ------------------------------------------------------------------------
   */
/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width:1400px) {
	
}

@media (min-height:720px) {
	.table-fixed {max-height:100%; height:calc(100% - 90px);}
}

/*X-Large devices (large desktops, 1200px and up)*/
@media (max-width:1200px) {
	.table-fixed {max-height:100%; height:calc(100% - 110px);}
}

/*Large devices (desktops, 992px and up)*/
@media (max-width:992px) {
	.table-fixed {max-height:100%; height:calc(100% - 150px);}
}

/*Medium devices (tablets, 768px and up)*/
@media (max-width:768px) {

}

/*Small devices (landscape phones, 576px and up)*/
@media (max-width:576px) {
	.table-fixed {max-height:100%; height:calc(100% - 210px);}
}