@charset "utf-8";

@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    src: url('../../font/NotoSansKR-Regular-Hestia.eot'),
    url('../../font/NotoSansKR-Regular-Hestia.eot?#iefix') format('embedded-opentype'),
    url('../../font/NotoSansKR-Regular-Hestia.woff') format('woff'),
    url('../../font/NotoSansKR-Regular-Hestia.otf') format('opentype');
}

@font-face {
    font-family: 'NotoSansKR_B';
    font-style: normal;
    src: url('../../font/NotoSansKR-Bold-Hestia.eot'),
    url('../../font/NotoSansKR-Bold-Hestia.eot?#iefix') format('embedded-opentype'),
    url('../../font/NotoSansKR-Bold-Hestia.woff') format('woff'),
    url('../../font/NotoSansKR-Bold-Hestia.otf') format('opentype');
}

@font-face {
    font-family: 'NotoSansKR_M';
    font-style: normal;
    src: url('../../font/NotoSansKR-Medium-Hestia.eot'),
    url('../../font/NotoSansKR-Medium-Hestia.eot?#iefix') format('embedded-opentype'),
    url('../../font/NotoSansKR-Medium-Hestia.woff') format('woff'),
    url('../../font/NotoSansKR-Medium-Hestia.otf') format('opentype');
}

@font-face {
    font-family: 'NotoSansKR_L';
    font-style: normal;
    src: url('../../font/NotoSansKR-Light-Hestia.eot'),
    url('../../font/NotoSansKR-Light-Hestia.eot?#iefix') format('embedded-opentype'),
    url('../../font/NotoSansKR-Light-Hestia.woff') format('woff'),
    url('../../font/NotoSansKR-Light-Hestia.otf') format('opentype');
}

@font-face {
    font-family: 'NotoSansKR_T';
    font-style: normal;
    src: url('../../font/NotoSansKR-Thin-Hestia.eot'),
    url('../../font/NotoSansKR-Thin-Hestia.eot?#iefix') format('embedded-opentype'),
    url('../../font/NotoSansKR-Thin-Hestia.woff') format('woff'),
    url('../../font/NotoSansKR-Thin-Hestia.otf') format('opentype');
}

body {margin:0;padding:0;font-size:0.9em; font-family:'NotoSansKR';background:#484848; border-top:2px solid #272727;} /* 180517 수정 */
body.popBody {background:#f7f7f7 !important;overflow:auto}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img, pre {margin:0;padding:0;border:0; font-family:'NotoSansKR';}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'NotoSansKR';font-weight:bold;} /* 180517   수정 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

#hd ul, nav ul, #ft ul, ul {margin:0;padding:0;list-style:none}
li {list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0px 10px; font-family:'NotoSansKR'; background-color:#fff; font-size:14px; color:#555; letter-spacing:-0.025em; margin-top:2px;} /*200323   수정 */
button {cursor:pointer}
textarea, input[type="text"], select {
    font-size:14px;
    background-color:#fff;
}


textarea, input, select:disabled {background-color:#fff;} /* 200706 배경색 수정 */


input[type="radio"] {width:19px; height:19px; border:1px solid #ccc; background:#fff;}
input {border:1px solid #e1e1e1; height:28px; border-radius:3px; outline-style:none;}
input:focus {border:1px solid #424e6c; /*outline:none; box-shadow: 0 0 0 1px #424e6c;*/ transition-duration:0.3s;transition-timing-function:ease-in-out; transition-delay:0;}
select:focus {border:1px solid #424e6c; outline:none; /*box-shadow: 0 0 0 1px #424e6c;*/ transition-duration:0.3s;transition-timing-function:ease-in-out; transition-delay:0;} /* 200323 높이값 24px로 수정   */


textarea, select {font-family:'NotoSansKR'; border:1px solid #eaeaea; color:#555; line-height:1.5em;} /* 180517   수정 */

input[type="checkbox"] {display:none;}
input[type="checkbox"] + label, input[type="checkbox"] + input[type="hidden"] + label {/*margin-left:17px; */font-size:14px; color:#555; font-weight:normal; cursor:pointer}
input[type="checkbox"] + label span, input[type="checkbox"] + input[type="hidden"] + label span {text-indent:-9999px; display:inline-block; margin-right:8px; width:21px; height:21px; vertical-align:middle; background:url(../../../images/theme/blue/img-chkbx-chk.png) left top no-repeat; cursor:pointer;}
input[type="checkbox"]:checked + label span, table input[type="checkbox"]:checked + input[type="hidden"] + label span {background:url(../../../images/theme/blue/img-chkbx-chk-ov.png) left top no-repeat;}

input[type="radio"] {display:none;}
input[type="radio"] + label {margin-left:17px; font-size:14px; color:#555; font-weight:normal;}
input[type="radio"]:first-child + label {margin-left:5px;}
input[type="radio"] + label span {text-indent:-9999px; display:inline-block; margin-right:8px; width:18px; height:17px; vertical-align:middle; background:url(../../../images/theme/blue/img-radio-chk.png) left top no-repeat; cursor:pointer;}
input[type="radio"]:checked + label span {background:url(../../../images/theme/blue/img-radio-chk-ov.png) left top no-repeat;}


/* 200323 셀렉트박스 아이콘 위치 수정   */
select {
    border:1px solid #e1e1e1; background:#fff; /*height:24px;*/
    line-height:26px;
    padding: 0px 20px 0px 10px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #FFF url('../../../images/theme/blue/selectbox_arrow.gif') no-repeat 100% 50%;
    border-radius: 3px;
}
/* 200323 셀렉트박스 아이콘 위치 수정   */
select::-ms-expand {
    display: none;	/* 화살표 없애기 for IE10, 11*/
}
/* select:disabled {
	background-image:none;
	background-color:#EBEBE4;
}*/ /*200323 삭제처리 Line61과 합침 */

.dept-roots select { /*대학선정 셀렉트박스에 화살표 없애기*/
	background: none;	
}

p {margin:0;padding:0;/*word-break:normal;*/word-break:keep-all;}
hr {display:none}
pre {overflow-x:scroll;font-size:1em}
a:link, a:visited {color:#555;text-decoration:none}
a:hover, a:focus, a:active {color:#555;text-decoration:none;}

/* 하이퍼링크 */
a:link,
a:visited,
a:active {color:#5f5f5f}
a:hover {color:#305597} /* 200706 color 변경 */
a.underline {text-decoration:underline !important;}

* {padding:0px; margin:0px; line-height:100%;}

.webEditorView ul, .webEditorView ul li {margin:3px 10px 3px 10px !important;padding:0px 0px 0px 0px !important;list-style:disc !important;}
.webEditorView ol, .webEditorView ol li {margin:3px 10px 3px 10px !important;padding:0px 0px 0px 0px !important;list-style:decimal !important;}

em {font-style:normal;}

/* 테이블 */
table {border-collapse:collapse; width:100%;}
caption {height:0;overflow:hidden;font-size:0;line-height:0;text-indent:-20000px;}
tr {color:#5f5f5f;}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute; width:0px !important; height:0px !important; top:0;left:0;margin:0 !important;padding:0 !important;font-size:0 !important;line-height:0 !important;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000; position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/*#wrap {min-width:1560px; *//*max-width:1900px;*//* overflow: hidden;}*/

/*

hd {width:100%; margin:0; padding:0; position:relative; z-index:10;}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd .head {min-height:50px; overflow:hidden;}
#hd .head .logo {float:left; margin:12px 0px 0px 60px;}
#hd .head .country {float:left; margin:12px; background:url(../../../images/theme/blue/img-earth.png) no-repeat left center; padding-left:30px;}
#hd .head .country > ul {overflow:hidden; background:#333333; height:29px; padding:0px 2px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
#hd .head .country > ul > li {float:left; line-height:29px; margin-left:5px;}
#hd .head .country > ul > li:first-child {margin-left:2px;}
#hd .head .country > ul > li > a {display:inline-block; line-height:24px; padding:0px 5px; font-size:12px; color:#999;}
#hd .head .country > ul > li > a.active {color:#fff; background-color:#0195d3; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
#hd .head .tnb {display:block; float:right; margin-top:16px; margin-right:20px;}
#hd .head .tnb > ul {overflow:hidden;}
#hd .head .tnb > ul > li {float:left; background:url(../../../images/theme/blue/line-nav.png) no-repeat left center; line-height:20px; padding-left:12px; margin-left:12px; color:#fff;}
#hd .head .tnb > ul > li:first-child {background:none;}
#hd .head .tnb > ul > li > a {display:inline-block; line-height:20px; font-size:13px; color:#e7e7e7;}
#hd .head .tnb > ul > li > a.fir {background:url(../../../images/theme/blue/ico-tnb01.png) no-repeat left center; padding-left:24px;}
#hd .head .tnb > ul > li > a.two {background:url(../../../images/theme/blue/ico-tnb02.png) no-repeat left center; padding-left:22px;}
#hd .head .tnb > ul > li > a.thr {background:url(../../../images/theme/blue/ico-tnb03.png) no-repeat left center; padding-left:24px;}
#hd .head .tnb > ul > li > a.thr > span {display:inline-block; line-height:20px; background:url(../../../images/theme/blue/ico-tnb04.png) no-repeat right center; padding-right:32px;} */

/* 200320 lnb,rnb 추가 및 클래스 경로 수정 작성자   */

.head {min-height:40px; overflow:hidden;  border-bottom: solid 1px #e3e3e3; background-color:#fff;} /* 200603 height값 수정 */
.head .logo {float:left; margin:12px 0px 0px 60px;} /* 180517   수정 */
.head .country {float:left; margin:12px; background:url(../../../images/theme/blue/img-earth.png) no-repeat left center; padding-left:30px;} /* 180517   수정 */
.head .country > ul {overflow:hidden; background:#333333; height:29px; padding:0px 2px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.head .country > ul > li {float:left; line-height:29px; margin-left:5px;}
.head .country > ul > li:first-child {margin-left:2px;}
.head .country > ul > li > a {display:inline-block; line-height:24px; padding:0px 5px; font-size:12px; color:#999;} /* 180517   수정 */
.head .country > ul > li > a.active {color:#fff; background-color:#0195d3; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}

.head .lnb {float:left; height:40px;} /* 200603 height값 수정 */
.head .rnb .user {margin-top:5px; margin-left:10px; width:50px; height:50px; line-height:20px; display:inline-block; float:left;} /* 200603 margin-left, top 값 수정 수정 */
.head .rnb .user-pic {margin-top:10px;  width:50px; height:50px; background-color:#000; line-height:20px; display:inline-block; float:left;} /* 180517   수정 */
.head .rnb .user-info-txt {color:#000; margin-bottom:5px; display:block; margin-top:10px; font-size:14px;} /* 180517   수정 */
.head .rnb .user-time {display:block;  font-size:13px; color:#e7e7e7;} /* 180517   수정 */
.head .rnb .ico-bg {margin-top:5px; margin-right:5px; padding:3px; width:25px; height:25px; display:inline-block; float:left;} /* 200603 margin 값 수정 */
.head .rnb .user-info {width:238px; height:86px; background:#fff; box-shadow: 9px 3px 48px -3px rgba(0,0,0,0.2); padding:8px 12px; box-sizing:border-box; display:none; position:absolute;  right:10px; top:50px; text-align:left; z-index:9;} /* 200603 width, height, padding 값 수정 */


.head .lnb > ul {overflow:hidden; }
.head .lnb > ul > li {background:url(../../../images/theme/blue/line-nav.png) no-repeat left center; padding-left:12px; color:#fff;} /* 180517   수정 */
.head .lnb > ul > li:first-child { background:none;}
.head .lnb > ul > li > a {font-size:13px; color:#e7e7e7;} /* 180517   수정 */
.head .lnb > ul > li > a.fir {background:url(../../../images/theme/blue/ico-tnb01.png) no-repeat left center; padding-left:24px;}
.head .lnb > ul > li > a.two {background:url(../../../images/theme/blue/ico-tnb02.png) no-repeat left center; padding-left:22px;}
.head .lnb > ul > li > a.thr {background:url(../../../images/theme/blue/ico-tnb03.png) no-repeat left center; padding-left:24px;}
.head .lnb > ul > li > a.thr > span {display:inline-block;  background:url(../../../images/theme/blue/ico-tnb04.png) no-repeat right center; padding-right:32px;}



.head .rnb {height:40px; float:right; margin-right:30px;} /* 200603 height값 수정 */
.head .rnb .txt {width:70px; margin-left:13px; border-left:solid 1px #eaeaea; padding-left:12px; height:30px; vertical-align: middle; color:#fff;} /* 200603 border-left 추가 */
.head .rnb > ul {overflow:hidden;}
.head .rnb > ul > li {float:left; background:url(../../../images/theme/blue/line-nav.png) no-repeat left center; color:#fff;}
.head .rnb > ul > li:first-child {background:none;}
.head .rnb > ul > li > a {display:inline-block;font-size:13px; color:#e7e7e7;}
.head .rnb > ul > li > a.fir {background:url(../../../images/theme/blue/ico-tnb01.png) no-repeat left center; padding-left:24px;}
.head .rnb > ul > li > a.two {background:url(../../../images/theme/blue/ico-tnb02.png) no-repeat left center; padding-left:22px;}
.head .rnb > ul > li > a.thr {background:url(../../../images/theme/blue/ico-tnb03.png) no-repeat left center; padding-left:24px;}
.head .rnb > ul > li > a.thr > span {display:inline-block;  background:url(../../../images/theme/blue/ico-tnb04.png) no-repeat right center; padding-right:32px;}
.head .rnb .logout-bg {margin-top:10px; width:25px; height:25px; } /* 180517   수정 */
.head .rnb .language {display:inline-block; margin-right:5px; } /* 200603 margin-right 추가 */

/* 200603 전체보기 위치 수정   */
.head .rnb .allmenu {float:left; display:inline-block;}
.head .rnb .allmenu a {float:left; display:inline-block;width:34px; height:32px; line-height:32px; margin-top: 4px; text-align:center; font-size:15px; color:#babec2; background:url(../../../images/theme/blue/ico-amenu.png) no-repeat center;}  /* 200603 margin값 수정*/
.head .rnb .allmenu a:hover {display:inline-block; width:34px; height:32px; line-height:32px; margin-top: 4px; text-align:center; font-size:15px; } } /* 200603 margin값 수정*/
.head .rnb .allmenu a.active {background:url(../../../images/theme/blue/ico-amenu.png) no-repeat center  ; width:34px; height:32px;}
.head .rnb .am-bx {display:none; position:absolute; width:840px; right:10px; top:50px;  z-index:9;} /* 200603 위치수정, 화살표 이미지 삭제*/
.head .rnb .am-bx2 {background:#fff; box-shadow: 9px 3px 48px -3px rgba(0,0,0,0.2); width:100%; height:100%; padding:2px 26px; box-sizing:border-box;}
.head .rnb .am-bx2 .close {}
.head .rnb .am-bx2 .close a {position: absolute; border-left:none; z-index:10; left:656px; top:9px; display: inline-block; line-height:22px; width:20px; height:20px; background:url(../../../images/theme/blue/btn_help-close.png) no-repeat;}
.head .rnb .am-bx2 .close a:active {position: absolute; border-left:none; z-index:10; left:656px; top:9px; display: inline-block; line-height:22px; width:20px; height:20px; background:url(../../../images/theme/blue/btn_help-close.png) no-repeat;}


.head .rnb .am-tbl {margin: 0px 14px 0 0; width:140px; display:inline-block; vertical-align: top;}  /* 200603 margin-right값 수정*/
.head .rnb .am-tbl th {  text-align:left; margin-left:15px; width:140px; height:35px; font-size:15px; color:#000000; }
.head .rnb .am-tbl td { line-height:26px; color:#000; }
.head .rnb .am-tbl td a:first-child {}
.head .rnb .am-tbl td a { font-size:13px; color:#000000;}
.head .rnb .am-tbl tr:first-child th,.am-tbl tr:first-child td {border-top:none;}
.head .rnb .am-tbl h1 {font-size:1.1em; line-height:26px; font-weight:normal;}
.head .rnb .am-tbl ul {margin-bottom:10px !important;} /* 200603 display:inline-block 속성 삭제 */
.head .rnb .am-tbl ul > li {text-align:left; width:140px;  font-size:13px; color:#000000;  }
.head .rnb .am-tbl ul > li span {font-size:16px; line-height:28px; font-weight:bold; color:#1f4271; }
.head .rnb .am-tbl ul > li > ul {margin-bottom	:10px !important;}
.head .rnb .am-tbl ul > li > ul > li a {color:#444 !important; line-height:20px; height:20px; margin-bottom:2px !important; padding-left:8px; background:url(../../../images/theme/blue/ico-bullet_navy.png) no-repeat left center !important;}
/* 200603 전체보기 위치 수정 끝 */

#container {position:relative; z-index:9; width:100%; margin:0; padding:0; min-height:300px;}

#gnb {position:relative; float:left; width:75px; /* 270 */}  /* 200310   수정 */
#gnb > ul {background-color: #2E343F;}
#gnb > ul > li > a {    display: inline-block;
    width: 100%;
    height: 78px;
    display: inline-flex;
    align-items: center;
    justify-content: center;} /* 200310   수정 */
#gnb > ul > li > a.gnb01 {background:url(../../../images/theme/blue/ico-allmenu_dn.png) no-repeat center center; height:64px;  background-color:#2E343F; border-bottom: solid 1px #373e4a;} /* 200402 파일명 수정  */
#gnb > ul > li > a.home {background:url(../../../images/theme/blue/ico-home.png) no-repeat center center;position: relative;
    top: -14px;}
/* #gnb > ul > li > a.home:hover,#gnb > ul > li > a.home.active {background:url(../../../images/theme/blue/ico-home-ov.png) no-repeat center center;} */



/*180530   추가 */
#gnb .fniconbg .fnicon {margin:0; /*height:54px;*/ background-color: #2E343F; margin-top:3px;} /* 200603 배경컬러 수정 */ /* height jk삭제 */ /*margin-top jk추가*/

#gnb .fniconbg .fnicon ul {}
#gnb .fniconbg .fnicon ul	> li > a > span {display:inline-block; margin-top: 45px;}
#gnb .fniconbg .fnicon ul	> li > a:hover {display:inline-block; color:#fff; width:100%; height:54px; background-color:var(--basic-color-secondary); } /* 230216 kjk 수정 배경 컬러 */
#gnb .fniconbg .fnicon ul	> li:hover {background-color:var(--basic-color-secondary); } /* 230216 kjk 수정 배경 컬러 */
#gnb .fniconbg .fnicon ul	> li > a {display:inline-block; color:#696a6c; background-color: var(--basic-color); width:100%; height:54px; border-bottom: solid 1px #373e4a;} /* 230216 kjk 수정 배경 컬러 수정 */
/* 200603 아이콘 위치 수정 */
#gnb .fniconbg .fnicon > ul > li > a.gnb02 {background:url(../../../images/theme/blue/menu_icon/icon01.png) no-repeat center;}
#gnb .fniconbg .fnicon > ul > li > a.gnb03 {background:url(../../../images/theme/blue/menu_icon/icon02.png) no-repeat center;}
#gnb .fniconbg .fnicon > ul > li > a.gnb04 {background:url(../../../images/theme/blue/menu_icon/icon03.png) no-repeat center;}
#gnb .fniconbg .fnicon > ul > li > a.gnb05 {background:url(../../../images/theme/blue/menu_icon/icon04.png) no-repeat center;}
#gnb .fniconbg .fnicon > ul > li > a.gnb06 {background:url(../../../images/theme/blue/menu_icon/icon05.png) no-repeat center;}
/* 200603 아이콘 위치 수정 끝 */

/* 200603 아이콘 위치 수정 */
#gnb .fniconbg .fnicon > ul > li > a.gnb02:hover,#gnb > ul > li > a.gnb02.active {background: url(../../../images/theme/blue/menu_icon/icon01_on.png)  no-repeat center;}
#gnb .fniconbg .fnicon > ul > li > a.gnb03:hover,#gnb > ul > li > a.gnb03.active {background: url(../../../images/theme/blue/menu_icon/icon02_on.png)  no-repeat center;}
#gnb .fniconbg .fnicon > ul > li > a.gnb04:hover,#gnb > ul > li > a.gnb04.active {background:  url(../../../images/theme/blue/menu_icon/icon03_on.png)  no-repeat center;}
#gnb .fniconbg .fnicon > ul > li > a.gnb05:hover,#gnb > ul > li > a.gnb05.active {background:  url(../../../images/theme/blue/menu_icon/icon04_on.png)  no-repeat center;}
#gnb .fniconbg .fnicon > ul > li > a.gnb06:hover,#gnb > ul > li > a.gnb06.active {background:  url(../../../images/theme/blue/menu_icon/icon05_on.png)  no-repeat center;}
/* 200603 아이콘 위치 수정 끝 */

/* 200312   추가 아이콘메뉴 depth2 */
#gnb .fniconbg .fnicon > ul .icon-depth2 {position: absolute; display: none;  z-index: 9; width: 240px; margin-left: 63px; margin-top:-55px;}
#gnb .fniconbg .fnicon > ul:hover .icon-depth2 {position: absolute; display: block; z-index: 9;}
#gnb .fniconbg .fnicon ul .icon-depth2 > li > a {text-align: left; display:block; margin-left:12px; padding:0px 23px 0px 10px; font-size:13px; height:32px; color:#babec2; line-height:32px; padding-left:11px; /* background:url(../../../images/theme/blue/ico-bullet.png) no-repeat left center;*/ } /* 200310   수정 */
#gnb .fniconbg .fnicon ul .icon-depth2 > li > a > span {display:block; height:32px; line-height:32px; margin:0; }
#gnb .fniconbg .fnicon ul .icon-depth2 > li > a.active > span {background-color:#fff;} /* 200310   수정 */
#gnb .fniconbg .fnicon ul .icon-depth2 > li > a:hover > span {color:#fff;} /* 200310   수정 */

#gnb .fniconbg .fnicon > ul .icon-depth3 {position: relative; z-index: 9; width: 240px; }
#gnb .fniconbg .fnicon > ul:hover .icon-depth3 {display: block; z-index: 9;}
#gnb .fniconbg .fnicon ul .icon-depth3 > li > a {text-align: left; display:block; margin-left:12px; padding:0px 23px 0px 10px; font-size:13px; height:32px; color:#babec2; line-height:32px; padding-left:11px; /* background:url(../../../images/theme/blue/ico-bullet.png) no-repeat left center;*/ } /* 200310   수정 */
#gnb .fniconbg .fnicon ul .icon-depth3 > li > a > span {display:block; height:32px; line-height:32px; margin: 0 0 0 20px; }
#gnb .fniconbg .fnicon ul .icon-depth3 > li > a.active > span {background-color:#fff;} /* 200310   수정 */
#gnb .fniconbg .fnicon ul .icon-depth3 > li > a:hover > span {color:#fff;} /* 200310   수정 */


/*
#gnb .fnicon ul	> li > a.gnb04 {background:url(../../../images/theme/blue/ico-notice.png) no-repeat 45% 25%; }
#gnb .fnicon ul	> li > a.gnb05 {background:url(../../../images/theme/blue/ico-qa.png) no-repeat center center;}
#gnb .fnicon ul	> li > a.gnb06 {background:url(../../../images/theme/blue/ico-traf.png) no-repeat center center;}
#gnb .fnicon ul	> li > a.gnb07 {background:url(../../../images/theme/blue/ico-fw.png) no-repeat center center;}
#gnb .fnicon ul	> li > a.gnb08 {background:url(../../../images/theme/blue/ico-conf.png) no-repeat center center;}
#gnb .fnicon ul	> li > a.gnb04:hover,#gnb .fnicon ul > li > a.gnb04.active {background: url(../../../images/theme/blue/ico-notice-ov.png) no-repeat 45% 25%;}
#gnb .fnicon ul	> li > a.gnb05:hover,#gnb .fnicon ul > li > a.gnb05.active {background: url(../../../images/theme/blue/ico-qa-ov.png) no-repeat center center;}
#gnb .fnicon ul	> li > a.gnb06:hover,#gnb .fnicon ul > li > a.gnb06.active {background: url(../../../images/theme/blue/ico-traf-ov.png) no-repeat center center;}
#gnb .fnicon ul	> li > a.gnb07:hover,#gnb .fnicon ul > li > a.gnb07.active {background: url(../../../images/theme/blue/ico-fw-ov.png) no-repeat center center;} */


#gnb .depth2 {display:none; /* position:absolute; */ left:0px; top:0px; /* padding-left:6px; */} /*200310   수정*/
#gnb .depth2:hover {color:#fff; background-color:#232426; display:block !important;}  /*200326   수정*/
/* #gnb .depth2.menu01 {background:url(../../../images/theme/blue/img-gnbarr.png) no-repeat left 20px;} */

#gnb .depth2.menu01 .menu {background-color:#2E343F;}
#gnb .depth2.menu01 .menuLvl2 {background-color: #2E343F;}
#gnb .depth2.menu01 .menuLvl2 > li:hover{background-color: #333a46;}

#gnb .depth2.menu01 .menuLvl3 {background-color: #262a33;}
#gnb .depth2.menu01 .menuLvl4 {background-color: #262a33;}
#gnb .depth2.menu02 {left:0px; padding-left:0px;}
#gnb .depth2.menu03 {background:url(../../../images/theme/blue/img-gnbarr.png) no-repeat left 126px;}
#gnb .depth2.menu03.moveUp {background:url(../../../images/theme/blue/img-gnbarr.png) no-repeat left 75px !important;}
#gnb .depth2.menu04 {background:url(../../../images/theme/blue/img-gnbarr.png) no-repeat left 179px;}
#gnb .depth2.menu05 {background:url(../../../images/theme/blue/img-gnbarr.png) no-repeat left 232px;}
#gnb .depth2.menu06 {background:url(../../../images/theme/blue/img-gnbarr.png) no-repeat left 285px;}

#gnb .depth2 .menu {width:100%; overflow:hidden; /* min-height:683px; */}
#gnb .depth2 .menu .logo{width:100%; height:100px; line-height:100px; margin:0; text-align:left;}
#gnb .depth2 .menu .allmenu {height:66px; width:104px;} /* 200402   수정 */
#gnb .depth2 .menu .allmenu a {display:inline-block; height:32px; line-height:32px; height:60px; width:104px; margin:15px 12px 15px 105px; text-align:center; font-size:15px; color:#babec2; background-color:#404857; border:1px solid #545d6e;} /* 200402   수정 */
#gnb .depth2 .menu .allmenu a:hover {display:inline-block; height:32px; line-height:32px; width:104px; margin:15px 12px 15px 100px; text-align:center; font-size:15px; background-color:#4a5364; border:1px solid #5c687c;} /* 200406 위치 수정   */
#gnb .depth2 .menu .allmenu a span {background:url(../../../images/theme/blue/ico-allmenu-btn.png) no-repeat left center; padding-left:16px;}
#gnb .depth2 .menu .allmenu a.active span {background:url(../../../images/theme/blue/ico-allmenu-btn2.png) no-repeat left center; padding-left:16px;}


#gnb .depth2 .menu .favo a {display:inline-block; height:32px; line-height:32px; width:158px; margin:10px; text-align:center; font-size:14px; color:#00638d; font-family:'NotosansKR';} /*180517   수정*/
#gnb .depth2 .menu .favo a span {display:inline-block; line-height:20px; background:url(../../../images/theme/blue/allmenu-ico.png) no-repeat right center; padding-right:50px;}
#gnb .depth2 .menu .favo-btn {display:inline-block; height:52px; line-height:52px;}
#gnb .depth2 .menu .favo-btn > a {display:inline-block; height:32px; line-height:32px; background:#fff; font-size:13px; color:#333333; font-weight:bold; padding:0px 10px;}
#gnb .depth2 .menu .favo-btn > a:first-child {margin-left:10px;}
#gnb .depth2 .menu > ul {overflow: auto; height: calc(100vh - 120px);} /*jk수정*/
#gnb .depth2 .menu > ul > li {line-height:43px; border-top:1px solid #373e4a;} /* 200402   수정 */
#gnb .depth2 .menu > ul > li > a {display:inline-block; width:100%; font-size:15px; color:#babec2;} /* 200310   수정 */
#gnb .depth2 .menu > ul > li > a:active {display:inline-block; width:100%; font-size:15px;} /* 200310   수정 */

#gnb .depth2 .menu > ul:last-child {border-bottom:1px solid #373e4a;} /* 200402   수정 */


/* 200402 메뉴아이콘 수정, Depth2 아이콘 Active 상태 추가  *//* 210129 좌측 마진값 추가, active시 background-color: #262a33 -> #00c9e7 수정*/
#gnb .depth2 .menu > ul > li > .micon01 {display:inline-block; width:100%; height:100%; font-size:15px; color:#babec2;}
#gnb .depth2 .menu > ul > li > .micon01.active {display:inline-block; width:100%; height:100%; font-size:15px; color:#fff; background-color:var(--basic-color-secondary);}
#gnb .depth2 .menu > ul > li > .micon02 {display:inline-block; width:100%; height:100%; font-size:15px; color:#babec2;}
#gnb .depth2 .menu > ul > li > .micon02.active {display:inline-block; width:100%; height:100%; font-size:15px; color:#fff; background-color:var(--basic-color-secondary);}
#gnb .depth2 .menu > ul > li > .micon03 {display:inline-block; width:100%; height:100%; font-size:15px; color:#babec2;}
#gnb .depth2 .menu > ul > li > .micon03.active {display:inline-block; width:100%; height:100%; font-size:15px; color:#fff; background-color:var(--basic-color-secondary);}
#gnb .depth2 .menu > ul > li > .micon04 {display:inline-block; width:100%; height:100%; font-size:15px; color:#babec2;}
#gnb .depth2 .menu > ul > li > .micon04.active {display:inline-block; width:100%; height:100%; font-size:15px; color:#fff; background-color:var(--basic-color-secondary);}
#gnb .depth2 .menu > ul > li > .micon05 {display:inline-block; width:100%; height:100%; font-size:15px; color:#babec2;}
#gnb .depth2 .menu > ul > li > .micon05.active {display:inline-block; width:100%; height:100%; font-size:15px; color:#fff; background-color:var(--basic-color-secondary);}
#gnb .depth2 .menu > ul > li > .micon06 {display:inline-block; width:100%; height:100%; font-size:15px; color:#babec2;}
#gnb .depth2 .menu > ul > li > .micon06.active {display:inline-block; width:100%; height:100%; font-size:15px; color:#fff; background-color:var(--basic-color-secondary);}
#gnb .depth2 .menu > ul > li > .micon07 {display:inline-block; width:100%; height:100%; font-size:15px; color:#babec2;}
#gnb .depth2 .menu > ul > li > .micon07.active {display:inline-block; width:100%; height:100%; font-size:15px; color:#fff; background-color:var(--basic-color-secondary);}
#gnb .depth2 .menu > ul > li > .micon08 {display:inline-block; width:100%; height:100%; font-size:15px; color:#babec2;}
#gnb .depth2 .menu > ul > li > .micon08.active {display:inline-block; width:100%; height:100%; font-size:15px; color:#fff; background-color:var(--basic-color-secondary);}
#gnb .depth2 .menu > ul > li > .micon09 {display:inline-block; width:100%; height:100%; font-size:15px; color:#babec2;}
#gnb .depth2 .menu > ul > li > .micon09.active {display:inline-block; width:100%; height:100%; font-size:15px; color:#fff; background-color:var(--basic-color-secondary);}
#gnb .depth2 .menu > ul > li > .micon10 {display:inline-block; width:100%; height:100%; font-size:15px; color:#babec2;}
#gnb .depth2 .menu > ul > li > .micon10.active {display:inline-block; width:100%; height:100%; font-size:15px; color:#fff; background-color:var(--basic-color-secondary);}
#gnb .depth2 .menu > ul > li > .micon39 {display:inline-block; width:100%; height:100%; font-size:15px; color:#babec2;}
#gnb .depth2 .menu > ul > li > .micon39.active {display:inline-block; width:100%; height:100%; font-size:15px; color:#fff; background-color:var(--basic-color-secondary);}
/* 200402 메뉴아이콘 수정, Depth2 아이콘 Active 상태 추가 끝.  */


#gnb .depth2 .menu > ul > li > a > span {position: relative; line-height:43px; display:block; margin:0px 22px 0px 18px;}/* 200603 좌측 마진값 수정 210129 좌측 마진값 수정 */
#gnb .depth2 .menu > ul > li > a > span::after{
    content: '';
    top: 42%; transform: translateY(-50%); right: 0px;
    width: 15px; height: 10px;
    position: absolute;
    background: url(../../../images/theme/blue/ico-gnbarr-close.png) no-repeat right -1px center;
    transform: rotate(180deg);
}
#gnb .depth2 .menu > ul > li > a.active > span::after{
    background: url(../../../images/theme/blue/ico-gnbarr-close.png) no-repeat right -2px center;
    transform: rotate(0);
    right: 2px;
}

#gnb .depth2 .menu > ul > li > a.active {background-color:#00c9e7;}
#gnb .depth2 .menu > ul > li > a.active > span {line-height:43px; color:#fff;}
#gnb .depth2 .menu > ul > li > a > span.hover {color:#fff;}

#gnb .depth2 .menu > ul > li > ul {max-height:0px;overflow:hidden;transition:max-height 0.4s ease-in-out;}
#gnb .depth2 .menu > ul > li > ul.active {max-height:500px;overflow:hidden;transition:max-height 0.4s ease-in-out; }
#gnb .depth2 .menu > ul > li > ul > li {border-top:1px solid #31364a;}
#gnb .depth2 .menu > ul > li > ul > li:first-child {border-top:none;}
#gnb .depth2 .menu > ul > li > ul > li:last-child {border-bottom:none;}

#gnb .depth2 .menu > ul > li > ul > li > a {position: relative; display:block; margin-left:12px; padding:0px 23px 0px 10px; font-size:13px; height:32px; color:#babec2; line-height:32px; padding-left:20px;} /* 200603 좌측 패딩값 수정  */
/* #gnb .depth2 .menu > ul > li > ul > li > a > span {display:block; height:32px; line-height:32px; background:url(../../../images/theme/blue/ico-gnbarr-open2.png) no-repeat right center;} */
#gnb .depth2 .menu > ul > li > ul > li > a > span.leafY {display:block; height:32px; line-height:32px;}
#gnb .depth2 .menu > ul > li > ul > li > a> span.leafN::after{
    position: absolute;
    top: 42%; transform: translateY(-50%); right: 0px;
    width: 15px; height: 10px;
    content: ''; display: inline-block;
    background: url(../../../images/theme/blue/ico-gnbarr-close.png) no-repeat right -2px center;
    transform: rotate(0);
    right: 24px;
}
#gnb .depth2 .menu > ul > li > ul > li > a.active > span.leafN::after{
    background: url(../../../images/theme/blue/ico-gnbarr-close.png) no-repeat right -2px center;
    transform: rotate(180deg);
    right: 20px;
}

/* #gnb .depth2 .menu > ul > li > ul > li > a.active > span {background:url(../../../images/theme/blue/ico-gnbarr-close2.png) no-repeat right center; color:#00c9e7;} 200310 수정 */
#gnb .depth2 .menu > ul > li > ul > li > a.active > span.leafY {}
/* #gnb .depth2 .menu > ul > li > ul > li > a.active > span.leafN {background:url(../../../images/theme/blue/ico-gnbarr-close2.png) no-repeat right center; color:#00c9e7;} */
/*#gnb .depth2 .menu > ul > li > ul > li > a.active > span.leafN {background:url(../../../images/theme/blue/ico-gnbarr-close2.png) no-repeat right center; color:#00c9e7;}*/
#gnb .depth2 .menu > ul > li > ul > li > ul {max-height:0px;overflow:hidden;transition:max-height 0.4s ease-in-out;}
#gnb .depth2 .menu > ul > li > ul > li > ul.active {max-height:500px;overflow:hidden;padding:10px 0px;transition:max-height 0.4s ease-in-out;}
#gnb .depth2 .menu > ul > li > ul > li > ul > li {margin-top:17px;}
#gnb .depth2 .menu > ul > li > ul > li > ul > li:first-child {margin-top:0px;}
#gnb .depth2 .menu > ul > li > ul > li > ul > li > a {margin-left:45px; display:block; font-size:13px; color:#babec2; padding:0px 23px 0px 10px; /*background:url(../../../images/theme/blue/ico-bullet2.png) left center no-repeat;*/} /* kjsong수정!!!!!!!  200310 수정, 210127 margin-left 수정*/

#gnb .depth2 .menu > ul > li > ul > li > ul > li.active > a {margin-left:45px; display:block; font-size:13px; color:#00c9e7; padding:0px 23px 0px 10px; /*background:url(../../../images/theme/blue/ico-bullet2.png) left center no-repeat;*/}  /* kjsong 수정!!!!!!! */
/* #gnb .depth2 .menu > ul > li > ul > li > ul > li > a > span {display:block; font-weight:normal; background:url(../../../images/theme/blue/ico-gnb.png) right center no-repeat;} */
#gnb .depth2 .menu > ul > li > ul > li > ul > li:active > a {background:url(../../../images/theme/blue/ico-bullet2-ov.png) left center no-repeat; color:#fff;} /* 200312 수정 */
#gnb .depth2 .menu > ul > li > ul > li > ul > li:hover > a {background:url(../../../images/theme/blue/ico-bullet2-ov.png) left center no-repeat; color:#fff;} /* 200312 수정 */
#gnb .depth2 .menu > ul > li > ul > li > ul > li > span {margin:0px 20px 0px 30px; display:block; color:#fff;	font-weight:normal; background:url(../../../images/theme/blue/ico-gnb.png) right center no-repeat;}
#gnb .depth2 .menu > ul > li > ul > li > ul > li .active {color:#00c9e7;}
/* 메뉴 접기 버튼 위치 수정 200406   */
#gnb a.close {display:none; position:absolute; left:194px; top:40px; width:31px; height:36px; text-indent:-9999px;
    border: 1px solid #fff; background: var(--basic-color-secondary);
}
#gnb a.close:hover,#gnb a.close.active {display:none; position:absolute; right:18px; top:40px; width:31px; height:36px; text-indent:-9999px;  background:url(../../../images/theme/blue/btn-menu-close-ov_dn.png) no-repeat;}
/* 메뉴 접기 버튼 위치 수정 끝 200406   */


#gnb .menu03.depth2 .menu > ul {background-color:#0195d3;}
#gnb .menu03.depth2 .menu > ul > li > a > span {background-image:none !important;}
#gnb .menu03.depth2 .menu > ul > li > ul {background-color:0087bf;}
#gnb .menu03.depth2 .menu > ul > li > ul > li > a {display:none !important;}
#gnb .menu03.depth2 .menu > ul > li > ul > li:first-child > ul {background:#007cb2 url(../../../images/theme/blue/gnb-menu-bg2.png) no-repeat !important;}
#gnb .menu03.depth2 .menu > ul > li > ul > li > ul {background-color:#007cb2;}
#gnb .menu03.depth2 .menu > ul > li > ul > li > ul > li > span > a {padding-left:10px; background:url(../../../images/theme/blue/ico-bullet2.png) left center no-repeat;}
#gnb .menu03.depth2 .menu > ul > li > ul > li > ul > li > span {margin-left:12px !important; background-image:none !important;}

#contents {float:left; margin-left:5px; background:#fff; width:1535px; /* 1325 */}

.relative{position:relative !important;}
.absolute{position:absolute !important;}

.nonZ-index{z-index:2 !important;} /* emkim 추가 */

.link {cursor:pointer !important;}

.input-box-default-text {color:#515151 !important; letter-spacing:-1px;}

.fb-like,
.fb-like>span,
.fb-like>span>iframe {min-width:90px !important;min-height:25px !important;}

/* 폰트 색상 */
.red {color:#ff0000;}
.blue {color:blue}
.orange {color:orange}
.green {color:green}
.black {color:black}
.white {color:white}
.gray {color:#ccc}
.navy {color:navy}
.tahoma {font-family:tahoma;}

/* 좌,우 여백설정 */
.m0 {margin:0px !important;}
.m5 {margin:5px !important;}
.m10 {margin:10px !important;}
.m20 {margin:20px !important;}

.mr0{margin-right:0px !important}
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mr25{margin-right:25px !important}
.mr30{margin-right:30px !important}

.ml0{margin-left:0px !important}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml25{margin-left:25px !important}
.ml30{margin-left:30px !important}
.ml40{margin-left:40px !important}
.ml45{margin-left:45px !important}
.ml50{margin-left:50px !important}
.ml55{margin-left:55px !important}
.ml60{margin-left:60px !important}
.ml65{margin-left:65px !important}

.mt0{margin-top:0px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mt60{margin-top:60px !important}
.mt90{margin-top:90px !important}
.mt100{margin-top:100px !important}
.mt150{margin-top:150px !important}
.mt200{margin-top:200px !important}

.mb0{margin-bottom:0px !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}
.mb40{margin-bottom:40px !important}
.mb50{margin-bottom:50px !important}
.mb60{margin-bottom:60px !important}
.mb70{margin-bottom:70px !important}

.pd0{padding:0px !important} /*jk추가*/
.pd5{padding:5px !important}
.pd7{padding:7px !important}
.pd10{padding:10px !important}
.pd15{padding:15px !important}
.pd20{padding:20px !important}
.pd30{padding:30px !important}
.pd40{padding:40px !important}

.pl0{padding-left:0px !important}
.pl5{padding-left:5px !important}
.pl10{padding-left:10px !important}
.pl15{padding-left:15px !important}
.pl20{padding-left:20px !important}
.pl30{padding-left:30px !important}
.pl40{padding-left:40px !important}

.pr0{padding-right:0px !important}
.pdr5{padding-right:5px !important}
.pdr10{padding-right:10px !important}
.pdr15{padding-right:15px !important}
.pdr20{padding-right:20px !important}
.pdr30{padding-right:30px !important}
.pdr40{padding-right:40px !important}

.pdt0{padding-top:0px !important}
.pdt5{padding-top:5px !important}
.pdt10{padding-top:10px !important}
.pdt20{padding-top:20px !important}
.pdt30{padding-top:30px !important}
.pdt40{padding-top:40px !important}

.pdb0{padding-bottom:0px !important}
.pdb5{padding-bottom:5px !important}
.pdb10{padding-bottom:10px !important}
.pdb30{padding-bottom:30px !important}
.pdb40{padding-bottom:40px !important}

.wp15{width:15% !important;}
.wp20{width:20% !important;}
.wp25{width:25% !important;}
.wp45{width:45% !important;}
.wp49{width:49% !important;}
.wp48{width:48% !important;}
.wp50{width:50% !important;}
.wp55{width:55% !important;}
.wp60{width:60% !important;}
.wp67{width:67% !important;}
.wp70{width:70% !important;}
.wp80{width:80% !important;}
.wp85{width:85% !important;}
.wp90{width:90% !important;}
.wp95{width:95% !important;}
.wp96{width:96% !important;}
.wp97{width:97% !important;}
.wp99{width:99% !important;}
.wp100{width:100% !important;}

.wx20 {width:20px !important;}
.wx30 {width:30px !important;}
.wx50 {width:50px !important;}
.wx60 {width:50px !important;}
.wx70 {width:70px !important;}
.wx75 {width:70px !important;}
.wx80 {width:80px !important;}
.wx85 {width:85px !important;}
.wx90 {width:85px !important;}
.wx95 {width:85px !important;}
.wx100 {width:100px !important;}
.wx110 {width:110px !important;}
.wx120 {width:120px !important;}
.wx130 {width:130px !important;}
.wx140 {width:140px !important;}
.wx150 {width:150px !important;}
.wx160 {width:160px !important;}
.wx165 {width:165px !important;}
.wx170 {width:170px !important;}
.wx200 {width:200px !important;}
.wx210 {width:210px !important;}
.wx220 {width:220px !important;}
.wx230 {width:230px !important;}
.wx240 {width:240px !important;}
.wx250 {width:250px !important;}
.wx260 {width:260px !important;}
.wx270 {width:270px !important;}
.wx280 {width:280px !important;}
.wx290 {width:290px !important;}
.wx300 {width:300px !important;}
.wx320 {width:320px !important;}
.wx340 {width:340px !important;}
.wx350 {width:350px !important;}
.wx360 {width:360px !important;}
.wx370 {width:370px !important;}
.wx377 {width:377px !important;}
.wx380 {width:380px !important;}
.wx390 {width:390px !important;}
.wx400 {width:400px !important;}
.wx405 {width:405px !important;}
.wx410 {width:410px !important;}
.wx420 {width:420px !important;}
.wx430 {width:430px !important;}
.wx440 {width:440px !important;}
.wx450 {width:450px !important;}
.wx460 {width:460px !important;}
.wx470 {width:470px !important;}
.wx480 {width:480px !important;}
.wx490 {width:490px !important;}
.wx500 {width:500px !important;}
.wx550 {width:550px !important;}
.wx580 {width:580px !important;}
.wx600 {width:600px !important;}
.wx650 {width:650px !important;}
.wx670 {width:670px !important;}
.wx700 {width:700px !important;}
.wx702 {width:702px !important;}
.wx720 {width:720px !important;}
.wx732 {width:732px !important;}
.wx750 {width:750px !important;}
.wx800 {width:800px !important;}
.wx850 {width:850px !important;}
.wx900 {width:900px !important;}
.wx950 {width:950px !important;}
.wx1000 {width:1000px !important;}
.wx1057 {width:1057px !important;}
.wx1100 {width:1100px !important;}
.wx1150 {width:1150px !important;}
.wx1200 {width:1200px !important;}

.p0 {padding:0px !important;}

.hx0 {height:0px !important;}
.hx20 {height:20px !important;}
.hx25 {height:25px !important;}
.hx29 {height:29px !important;}
.hx30 {height:30px !important;}
.hx32 {height:32px !important;}
.hx40 {height:40px !important;}
.hx50 {height:50px !important;}
.hx60 {height:60px !important;}
.hx80 {height:80px !important;}
.hx100 {height:100px !important;}
.hx101 {height:101px !important;}
.hx110 {height:110px !important;}
.hx150 {height:150px !important;}
.hx180 {height:180px !important;}
.hx190 {height:180px !important;}
.hx200 {height:200px !important;}
.hx250 {height:250px !important;}
.hx270 {height:270px !important;}
.hx300 {height:300px !important;}
.hx340 {height:340px !important;}
.hx350 {height:350px !important;}
.hx400 {height:400px !important;}
.hx410 {height:410px !important;}
.hx450 {height:450px !important;}
.hx500 {height:500px !important;}
.hx503 {height:503px !important;}
.hx541 {height:541px !important;}
.hx550 {height:550px !important;}
.hx560 {height:560px !important;}
.hx570 {height:570px !important;}
.hx600 {height:600px !important;}
.hx620 {height:620px !important;}
.hx650 {height:650px !important;}
.hx700 {height:700px !important;}
.hx750 {height:750px !important;}

.hp100 {height:100% !important;}

.fs10 {font-size:10px !important;}
.fs11 {font-size:11px !important;}
.fs12 {font-size:12px !important;}
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}
.fs15 {font-size:15px !important;}
.fs16 {font-size:16px !important;}
.fs17 {font-size:17px !important;}
.fs18 {font-size:18px !important;}
.fs20 {font-size:20px !important;}
.fs22 {font-size:22px !important;}
.fs24 {font-size:24px !important;}
.fs26 {font-size:26px !important;}
.fs28 {font-size:28px !important;}

.fs-blue {color:#005c98 !important;}
.fs-black {color:#2f2f2f !important;}
.fs-reds {color:#e7586c !important;}
.fs-gray {color:#555 !important;}
.fs-bold {font-weight:bold !important;}
.fs-normal {font-weight:normal;}

/* 정렬 */
.txt-l {text-align:left !important}
.txt-r {text-align:right !important}
.txt-c {text-align:center !important}
.hide {display:none !important;}

.bdr-0 {border:none !important;}
.bdr-t0 {border-top:none !important;}
.bdr-l0 {border-left:none !important;}
.bdr-r0 {border-right:none !important;}
.bdr-b0 {border-bottom:none !important;}

.bdr-a1 {border:1px solid #2f2f2f !important;}
.bdr-l1 {border-left:1px solid #ccc !important;}
.bdr-t1-black {border-top:1px solid #2f2f2f !important;}
.bdr-t1 {border-top:1px solid #e1e1e1;}

.bdr-b-dbl {border-bottom:3px double #e1e1e1 !important;}

.linehauto {line-height:normal !important;}

.let5 {letter-spacing:-0.05em;}
.bgf9 {background:#f9f9f9;}
/* 171114 add */
.bgf {background:#fff;}

/* 클리어부스 */
.fl {float:left !important;}
.fr {float:right !important;}
.cboth{clear:both}
.clearbox {*zoom:1;}
.clearbox:after {content:""; display:block; clear:both;}
.ovf {overflow:hidden;}


.tbl-type01 {margin:0px 20px; border-top:2px solid	#484848;}
.tbl-type01 th {height:32px; border-left:1px solid #d1d1d1; border-bottom:1px solid	#d1d1d1; font-size:13px; color:#000000; font-weight:normal; background:#eaeaea;}
.tbl-type01 td {height:28px; border-bottom:1px solid	#eeeeee; border-left:1px solid #eeeeee; padding:0px 10px; color:#555555; font-size:13px; text-align:center; background:#fff;}
.tbl-type01 td.name {text-align:left;}
.tbl-type01 td.result {background-color:#ebf9ff;}
.tbl-type01 td.average {color:#1e76b9;}
.tbl-type01 td.td-type01 {text-align:left;}
.tbl-type01 td.td-type02 {text-align:right;}
.tbl-type01 td.td-type02Result {text-align:right; background-color:#ebf9ff;}
.tbl-type01 td.td-type01 span {border-bottom:1px solid #555;}
.tbl-type01 td input[type="text"] {line-height:24px; height:24px;}
.tbl-type01 td.text-type01,.tbl-type01 td p.text-type01 {padding:5px 0 5px 0; line-height: 20px;}
.tbl-type01 th:first-child,.tbl-type01 td:first-child {border-left:0px;}
.tbl-type01 .pButton3 {margin: 2px 0 2px 10px; padding: 0 16px 0 16px; box-sizing:border-box; display:inline-block; height:24px; line-height:18px; text-align:center; font-size:11px; border: 1px solid #ccc; color:#666; font-weight:bold; background:#fff; text-align:center}
.tbl-type01 textarea {margin-top:5px; border:1px solid #e1e1e1; width:100%; padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; letter-spacing:1px;line-height:120%;}
.pButton_grid  {margin: 4px 0 0 4px; padding: 0 5px 0 5px; box-sizing:border-box; display:inline-block; height:20px; line-height:18px; text-align:center; font-size:11px; border: 1px solid #ccc; color:#666; font-weight:bold; background:#fff; text-align:center}


.tbl-type02 {padding: 0px 20px 20px 20px; border-spacing: 0px ! important; border-top:1px solid #a0a9ba !important;}
.tbl-type02 tr {text-align:left; height:36px; font-size:14px; background:#f1f4f9; color:#455268; font-weight:normal; border-bottom: 1px solid #e5e9ef;}

.tbl-type02 th {text-align:left; /*border-left: 1px solid #e5e9ef;*/ border-right: 1px solid #e5e9ef; height:36px; font-size:14px; background:#f1f4f9; color:#455268; font-weight:normal; /*tbl-type02-vborder-bottom:1px solid #e5e9ef;*/ }
.tbl-type02 th:first-child {font-size:14px; border-left: none !important;}
.tbl-type02 th:last-child {border-right: none !important;}

.tbl-type02 th.th-type01 {text-align:center;}
.tbl-type02 th.th-type02 {text-align:right;}
.tbl-type02 tbody tr:nth-child(even){background: #f7faff;}
.tbl-type02 tbody tr:nth-child(odd) {background: #fff;}
.tbl-type02 thead { background-color:#fff; height:36px; border-bottom:solid 1px #e5e9ef; /*border-top:solid 1px #a0a9ba;*/}  /* 디자인 수정 200706 */

.tbl-type02 td {height:36px; padding:0px 10px; border-bottom:1px solid #eeeeee; font-size:14px;}  /* 디자인 수정 200706 */
.tbl-type02 input[type="text"] {height:23px; line-height:23px; padding:0px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.tbl-type02 select {width:100%; height:23px; line-height:23px;}
.tbl-type02 td.td-type01 {text-align:left;}
.tbl-type02 td.td-type02 {text-align:right;}
.tbl-type02 td {border-left:1px solid #e5e9ef;}
.tbl-type02 td:first-child {border-left:none;}
.tbl-type02 .t-box01 {width:100%;}
.tbl-type02 .t-box02 {width:300px;}
.tbl-type02 .t-box03 {width:50%;}
.tbl-type02 .btn-search {background:#484848 url(../../../images/theme/blue/btn-search.png) no-repeat center center; display:inline-block; width:36px; height:23px; text-indent:-9999px; vertical-align:middle;}
.tbl-type02 .btn-search-grid {background:#4848487a url(../../../images/theme/blue/btn-search.png) no-repeat center center; display:inline-block; width:36px; height:23px; text-indent:-9999px; vertical-align:middle;}
.tbl-type02 .btn-search-grid02 {background:/*#eaeaea*/ url(../../../images/theme/blue/btn-search.png) no-repeat center center; display:inline-block; width:36px; height:23px; text-indent:-9999px; vertical-align:middle;}
.tbl-type02 .close {background:url(../../../images/theme/blue/btn-close.png) no-repeat; display:inline-block; width:18px; height:18px; vertical-align:middle; margin-left:10px; text-indent:-9999px;}
.tbl-type02 textarea {margin-top:5px; border:1px solid #e1e1e1; height:100px; width:100%; padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; letter-spacing:1px;line-height:120%;}
.tbl-type02 .byte {font-size:13px; color:#555555; padding:10px;}
.tbl-type02 .hTable {width:99% !important; border-top:2px solid #484848 !important;}
.tbl-type02 td label.floatLabel {float:left; line-height:23px}

/* 테이블 스타일 수정 끝 200323   */

/* 테이블 스타일 클래스 추가 tbl-type-02-v 200323   */

.tbl-type02-v th {text-align:left; height:36px; padding:4px 14px; font-size:14px; background-color:#f1f4f9; color:#455268; font-weight:normal; border-right: 1px solid #e5e9ef; border-bottom:1px solid #e5e9ef; /*border-top:1px solid #e5e9ef;*/}  /* 디자인 수정 200706 */
.tbl-type02-v th:first-child {border-left:0px; font-size:14px;}
.tbl-type02-v th:last-child {border-right:none;}
.tbl-type02-v th.th-type01 {text-align:center;}
.tbl-type02-v th.th-type02 {text-align:right;}
.tbl-type02-v th.subject {text-align:right;}
.tbl-type02-v tbody {border-top:solid 1px #a0a9ba; border-bottom:solid 1px #e5e9ef;}
.tbl-type02-v tbody th {padding: 4px 14px; border-right: solid 1px #e5e9ef;}
.tbl-type02-v tr:first-child {border-bottom:solid 1px #e5e9ef}
.tbl-type02-v tr:last-child {border-bottom:solid 1px #e5e9ef}
.tbl-type02-v tr:last-child {border-bottom:solid 1px #e5e9ef}
.tbl-type02-v thead { background-color:#fff; height:36px; border-bottom:solid 1px #e5e9ef; border-top:solid 1px #a0a9ba;}
.tbl-type02-v td {height:36px; padding:4px 14px; border-bottom:1px solid #e5e9ef; border-right:solid 1px #e5e9ef; font-size:14px;}/* 디자인 수정 200706 */
.tbl-type02-v td:last-child {border-right:none;}
.tbl-type02-v tr:first-child td {border-top: 1px solid #a0a9ba !important;}
.tbl-type02-v td:last-child {border-right:none;}
.tbl-type02-v input[type="text"] {height:28px; border-radius: 3px; line-height:28px; padding:0px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.tbl-type02-v select {width:100%; height:28px; border-radius: 3px; line-height:28px;}
.tbl-type02-v td.td-type01 {text-align:left;}
.tbl-type02-v td.td-type02 {text-align:right;}
.tbl-type02-v .t-box01 {width:100%;}
.tbl-type02-v .t-box02 {width:300px;}
.tbl-type02-v .t-box03 {width:50%;}

/* 버튼 스타일 수정 200323   */
.tbl-type02-v .btn-search {border-radius: 25px; background:#fff url(../../../images/theme/blue/btn-search.png) no-repeat center center; display:inline-block; width:30px; height:23px; text-indent:-9999px; vertical-align:middle;}
.tbl-type02-v .close {background:url(../../../images/theme/blue/btn-close.png) no-repeat; display:inline-block; width:18px; height:18px; vertical-align:middle; margin-left:4px; text-indent:-9999px;}
.tbl-type02-v textarea {border-radius: 5px; border:1px solid #e6ebf3; height:100px; width:100%; padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; letter-spacing:1px;line-height:120%;}
.tbl-type02-v .byte {font-size:13px; color:#555555; padding:10px;}
.tbl-type02-v .hTable {width:99% !important; border-top:2px solid #484848 !important;}
.tbl-type02-v td label.floatLabel {float:left; line-height:23px}
/* 테이블 스타일 수정 끝 200323   */

.btn-search-grid {background:/*#eaeaea*/ url(../../../images/theme/blue/btn-search.png) no-repeat center center; display:inline-block; width:36px; height:23px; text-indent:-9999px; vertical-align:middle;}
.close-grid {background:url(../../../images/theme/blue/btn-close.png) no-repeat; display:inline-block; width:18px; height:18px; vertical-align:middle; margin-left:10px; text-indent:-9999px;}
.tbl-type03 {margin:0px; width:100%; border-top:2px solid	#484848; border-bottom:1px solid #eeeeee;}
.tbl-type03 table {width:100%; height:440px;}
.tbl-type03 th {text-align:center; height:35px; font-size:13px; color:#000000; font-weight:normal; border-top:1px solid #d1d1d1; border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1; background:#F5F5F5;}
.tbl-type03 th:first-child {border-left:0px;}
.tbl-type03 th:last-child {border-right:0px;}

/* 180529  추가 */
.tbl-type04 {margin:0px 20px; border-bottom:1px solid	#484848; border-top:1px solid #d1d1d1}
.tbl-type04 th {height:40px; border-left:1px solid #d1d1d1; border-bottom:1px solid	#d1d1d1; font-size:13px; color:#000000; font-weight:bold; background:#eaeaea;}
.tbl-type04 td {height:35px; border-bottom:1px solid #eeeeee; border-left:1px solid #fff; padding:0px 10px; color:#555555; font-size:13px; text-align:left; background:#fff;}
.tbl-type04 td label {display:inline-block; line-height:40px; margin-left:6px; padding-left:20px; font-size:13px; color:#333333; background:url(../../../images/theme/blue/ico-bullet3.png) no-repeat 10px center;}
.tbl-type04 td input[type="text"] {line-height:24px; height:24px;}
.tbl-type04 th:first-child,.tbl-type01 td:first-child {border-left:0px;}
.tbl-type04 .pButton3 {margin: 2px 0 2px 10px; padding: 0 16px 0 16px; box-sizing:border-box; display:inline-block; height:24px; line-height:18px; text-align:center; font-size:11px; border: 1px solid #ccc; color:#666; font-weight:bold; background:#fff; text-align:center}

/* 180607   추가 */
.tbl-type05 {margin:0px 20px; border-top:1px solid	#e1e1e1; border-bottom:1px solid #e1e1e1;}
.tbl-type05 th {text-align:left; height:35px; font-size:13px; color:#000000; font-weight:normal; background:#f1f1f1;}
.tbl-type05 th:first-child {border-left:0px;}
.tbl-type05 th.th-type01 {text-align:center;}
.tbl-type05 td {height:35px;background:#f1f1f1; padding:8px 17px; border-top:1px solid e1e1e1; font-size:13px;}
.tbl-type05 input[type="text"] {height:27px; line-height:27px; padding:0px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.tbl-type05 textarea {margin-top:5px; border:1px solid #e1e1e1; height:100px; width:100%; padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.tbl-type05 .byte {font-size:13px; color:#555555; padding:10px;}
.tbl-type05 .tbl-btn {margin:-30px 18px 0 0; text-align:center;}
.tbl-type05 .tbl-btn > a.saveBig {display:inline-block; text-align: center; width:85px; height:98px; padding:40px 15px ; color:#fff; font-size:14px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background:#0195d3;}

/* 180517   추가 */
.tbl-typedash {margin:0px 32px;}
.tbl-typedash th {height:35px; border-left:1px solid #fff; border-bottom:1px solid	#d1d1d1; font-size:13px; color:#000000; font-family:'NotosansKR'; background:#fff;}
.tbl-typedash td {height:35px; border-bottom:1px solid	#eeeeee; border-left:1px solid #fff; padding:0px 10px; color:#aaa; font-size:13px;	text-align:center; background:#fff;}
.tbl-typedash td.name {text-align:left; color:#000; padding: 0 0 0 16px;}
.tbl-typedash td.td-type01 {text-align:left;}
.tbl-typedash td.td-type02 {text-align:right;}
.tbl-typedash td.td-type01 span {border-bottom:1px solid #555;}
.tbl-typedash td input[type="text"] {line-height:24px; height:24px;}
.tbl-typedash th:first-child,.tbl-type01 td:first-child {border-left:0px;}



/* 테이블 게시판 스타일 클래스 추가 tbl-bg, tbl-bbs 200323   */

.tbl-bg {margin:0px 10px 20px 10px; padding: 16px 20px 16px 20px; border-bottom:1px solid #eeeeee; background-color:#fff; box-shadow: rgba(0, 0, 0, 0.03) 0px 0px 4px 2px; border-radius: 0.42rem;/*width: calc(100vw - 168px);*/height: calc(100vh - 100px); min-height:600px;}
.tbl-bg-w {margin:0px 10px 20px 10px; padding: 16px 20px 16px 20px; border-bottom:1px solid #eeeeee; background-color:#fff; box-shadow: rgba(0, 0, 0, 0.03) 0px 0px 4px 2px; border-radius: 0.42rem; width: calc(100vw - 168px); height: calc(100vh - 100px); min-height:600px;}
.tbl-bg-nwh {margin:0px 10px 20px 10px; padding: 16px 20px 16px 20px; border-bottom:1px solid #eeeeee; background-color:#fff; box-shadow: rgba(0, 0, 0, 0.03) 0px 0px 4px 2px; border-radius: 0.42rem; /*width: calc(100vw - 168px); height: calc(100vh - 100px);*/ min-height:calc(100vh - 100px);}
.tbl-bg-nwhmwh {margin:0px 10px 20px 10px; padding: 16px 20px 16px 20px; border-bottom:1px solid #eeeeee; background-color:#fff; box-shadow: rgba(0, 0, 0, 0.03) 0px 0px 4px 2px; border-radius: 0.42rem; /*width: calc(100vw - 168px); height: calc(100vh - 100px);*/ /*min-height:calc(100vh - 100px);*/}
.tbl-bg-insa-his {margin:0px 10px 20px 10px; padding: 16px 20px 16px 20px; border-bottom:1px solid #eeeeee; background-color:#fff; box-shadow: rgba(0, 0, 0, 0.03) 0px 0px 4px 2px; border-radius: 0.42rem;/*width: calc(100vw - 168px);*//*height: calc(100vh - 100px);*/ min-height: calc(100vh - 250px);}

.tbl-bbs {border-bottom:solid 1px #eee; background-color:#fff;}
.tbl-bbs tr { background-color:#fff;}
.tbl-bbs thead { background-color:#fff; border-bottom:solid 1px #ccc; border-top:solid 1px #ddd;}
.tbl-bbs th {text-align:left; height:50px; font-size:14px; color:#000000; font-weight:bold; border-bottom:1px solid #ccc; border-top:1px solid #ddd; border-left:1px solid #e6e6e6;}
.tbl-bbs th:first-child {border-left:0px;}
.tbl-bbs tbody tr:nth-child(even){background: #fff;}
.tbl-bbs tbody tr:nth-child(odd) {background: #f9f9f9;}
.tbl-bbs td {height:46px; padding:0px 10px; border-bottom:1px solid #eeeeee; font-size:15px;}
.tbl-bbs input[type="text"] {height:23px; line-height:23px; padding:0px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.tbl-bbs select {width:100%;height:23px; line-height:23px;}
.tbl-bbs td.td-type01 {text-align:left;}
.tbl-bbs td.td-type02 {text-align:right;}
.tbl-bbs .t-box01 {width:100%;}
.tbl-bbs .t-box02 {width:300px;}
.tbl-bbs .t-box03 {width:50%;}
.tbl-bbs .btn-search {background:#484848 url(../../../images/theme/blue/btn-search.png) no-repeat center center; display:inline-block; width:36px; height:23px; text-indent:-9999px; vertical-align:middle;}
.tbl-bbs .close {background:url(../../../images/theme/blue/btn-close.png) no-repeat; display:inline-block; width:18px; height:18px; vertical-align:middle; margin-left:10px; text-indent:-9999px;}
.tbl-bbs textarea {margin-top:5px; border:1px solid #e1e1e1; height:100px; width:100%; padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; letter-spacing:1px;line-height:120%;}
.tbl-bbs .byte {font-size:13px; color:#555555; padding:10px;}
.tbl-bbs .hTable {width:99% !important; border-top:2px solid #484848 !important;}
.tbl-bbs td label.floatLabel {float:left; line-height:23px}
/* 테이블 게시판 스타일 클래스 추가 끝. tbl-bg, tbl-bbs 200323   */


/* 180607   추가	탭메뉴*/
#CommonTabMenu {
    /*margin: 5px auto;*/
    /*padding: 3px 2px 3px 4px;*/
    /*background-color: #fff;
    border: solid 1px #efefef;*/
    width: 400px;
    border-radius: 8px;
    display: inline-block;
}




#CommonTabMenu a {text-decoration: none;}
#CommonTabMenu .tabmenu ul {padding: 0px;}
#CommonTabMenu .tabmenu li {height: 32px; line-height: 26px; text-align: center; border-radius: 4px;
    background-color:transparent; padding: 0 20px 0 20px; font-size: 15px; color: #454E5E; font-weight: normal; margin-right:4px;}
#CommonTabMenu .tabmenu li:last-child {margin-right:0px;}
#CommonTabMenu .tabmenu li:hover {cursor:pointer;}
#CommonTabMenu .tabmenu li.tab_on {background-color: #dcdce8; color:#4e77da; border:none !important; font-weight:bold;}
#CommonTabMenu .tabmenu li.tab_on a	{background-color: #dcdce8; color:#4e77da; border:none !important; font-weight:bold;}
#CommonTabMenu .tabmenu li.tab_on label:hover {cursor:pointer;}
#CommonTabMenu .tabmenu li.tab_off {border: 1px solid #e4e4e4;}
#CommonTabMenu .tabmenu li.tab_off a {color: #454E5E;}
#CommonTabMenu .tabmenu li.tab_off:hover {background-color:#fff; border:1px solid #e5e5e9; color:#4e77da; transition: background-color .3s;}
#CommonTabMenu .tabmenu li.tab_off label:hover {cursor:pointer;}
#CommonTabMenu .tabmenu {height: 32px; margin: 0 !important;  border-bottom: none !important;}

#CommonTabMenu-nw {
    border-radius: 8px;
    display: inline-block;
}

#CommonTabMenu-nw a {text-decoration: none;}
#CommonTabMenu-nw .tabmenu ul {padding: 0px;}
#CommonTabMenu-nw .tabmenu li {height: 32px; line-height: 26px; text-align: center; border-radius: 4px;
    background-color:transparent; padding: 0 30px 0 30px; font-size: 15px; color: #454E5E; font-weight: normal; margin-right:4px;}
#CommonTabMenu-nw .tabmenu li:last-child {margin-right:0px;}
#CommonTabMenu-nw .tabmenu li:hover {cursor:pointer;}
#CommonTabMenu-nw .tabmenu li.tab_on {background-color: #dcdce8; color:#4e77da; border:none !important; font-weight:bold;}
#CommonTabMenu-nw .tabmenu li.tab_on a	{background-color: #dcdce8; color:#4e77da; border:none !important; font-weight:bold;}
#CommonTabMenu-nw .tabmenu li.tab_on label:hover {cursor:pointer;}
#CommonTabMenu-nw .tabmenu li.tab_off {border: 1px solid #e4e4e4;}
#CommonTabMenu-nw .tabmenu li.tab_off a {color: #454E5E;}
#CommonTabMenu-nw .tabmenu li.tab_off:hover {background-color:#fff; border:1px solid #e5e5e9; color:#4e77da; transition: background-color .3s;}
#CommonTabMenu-nw .tabmenu li.tab_off label:hover {cursor:pointer;}
#CommonTabMenu-nw .tabmenu {height: 32px; margin: 0 !important;  border-bottom: none !important;}

#CommonTabMenu-w {
    /*margin: 5px auto;*/
    /*padding: 3px 2px 3px 4px;*/
    /*background-color: #fff;
    border: solid 1px #efefef;*/
    width: 400px;
    border-radius: 8px;
    display: inline-block;
}

#CommonTabMenu-w a {text-decoration: none;}
#CommonTabMenu-w .tabmenu ul {padding: 0px; border-bottom: 1px solid #e4e4e4; display:flex;}
#CommonTabMenu-w .tabmenu li {flex: 1; height: 50px; line-height: 50px; text-align: center;
    background-color:transparent; padding: 0 20px 0 20px; font-size: 15px; color: #aaaaaa; font-weight: normal; margin-right: 0px !important;}
#CommonTabMenu-w .tabmenu li:last-child {margin-right:0px; border-top-right-radius:0.42rem; border-right: none !important;}
#CommonTabMenu-w .tabmenu li:first-child {margin-right:0px; border-top-left-radius:0.42rem;}
#CommonTabMenu-w .tabmenu li:hover {cursor:pointer;}
#CommonTabMenu-w .tabmenu li.tab_on {background-color: #464b55; color:#fff; border:none !important; font-weight:bold;}
#CommonTabMenu-w .tabmenu li.tab_on a {background-color: #464b55; color:#fff; border:none !important; font-weight:bold; display: inline !important;}
#CommonTabMenu-w .tabmenu li.tab_on label:hover {cursor:pointer;}
#CommonTabMenu-w .tabmenu li.tab_off {border-right: 1px solid #e4e4e4 !important;}
#CommonTabMenu-w .tabmenu li.tab_off:last-child {border-right: none !important;}
#CommonTabMenu-w .tabmenu li.tab_off a {color: #aaaaaa; display: inline !important; border: none !important;}
#CommonTabMenu-w .tabmenu li.tab_off:hover {background-color:#fff;  color:#4e77da; transition: background-color .3s;}
#CommonTabMenu-w .tabmenu li.tab_off label:hover {cursor:pointer;}
#CommonTabMenu-w .tabmenu {height: 50px; margin: 0 !important;  border-bottom: none !important;}

/*
#CommonTabMenu {width:100%; margin:0 auto;}
#CommonTabMenu a {text-decoration: none;}
#CommonTabMenu .tabmenu ul {padding: 0 30px 0 0px;}
#CommonTabMenu .tabmenu li {height: 36px; line-height: 40px; text-align: center; border-left: solid 1px #e5e5e5;
border-right: solid 1px #e5e5e5; border-top: solid 1px #e5e5e5; float: left; border-bottom: solid 1px #eaeaea; border-top-left-radius: 8px; border-top-right-radius: 8px;
background-color: #fff; padding: 0 50px 0 50px; font-size: 15px; color: #Fff; font-weight: normal;}
#CommonTabMenu .tabmenu li.tab_on	{margin-right:-1px; background-color: #454E5E;}
#CommonTabMenu .tabmenu li.tab_on a	{display: block; padding-top: 11px; color: #fff; background-color:#454E5E;}
#CommonTabMenu .tabmenu li.tab_off	{margin-right:-1px; background-color: #fff;}
#CommonTabMenu .tabmenu li.tab_off a {display: block; padding-top: 11px; color: #454E5E; background-color:#fff;}
#CommonTabMenu .tabmenu li.tab_on a:hover, .tabmenu li.tab_on a:active, .tabmenu li.tab_on a:focus,
#CommonTabMenu .tabmenu li.tab_off a:hover, .tabmenu li.tab_off a:active, .tabmenu li.tab_off a:focus{text-decoration:none !important;}
#CommonTabMenu .tabmenu {height: 36px; margin: 0px 12px 6px 10px;  border-bottom: solid 1px #eaeaea;}
*/
.mapp select.multiselect,
.tbl-type03 select.multiselect {width:100%; height:100%; border-width:0px;border-color:#EEEEEE;padding:0px !important}
.mapp select.multiselect option,
.tbl-type03 select.multiselect option {padding:3px 5px;font-size:13px;}
select.multiselect {background-image:none;}

.paging {margin-top:15px; text-align:center; font-size:13px; color:#333333; font-weight:bold; line-height:24px;}
.paging > a {margin-left:10px; vertical-align:middle;}
.paging .first {margin-left:0px; display:inline-block; width:9px; height:12px; text-indent:-9999px; background:url(../../../images/theme/blue/img-page-left2.png) no-repeat;}
.paging .prev {display:inline-block; width:8px; height:12px; text-indent:-9999px; background:url(../../../images/theme/blue/img-page-left.png) no-repeat;}
.paging .next {display:inline-block; width:8px; height:12px; text-indent:-9999px; background:url(../../../images/theme/blue/img-page-right.png) no-repeat;}
.paging .end {display:inline-block; width:9px; height:12px; text-indent:-9999px; background:url(../../../images/theme/blue/img-page-right2.png) no-repeat;}
.paging input[type="text"] {margin-left:10px; width:22px; height:24px; border:1px solid #e1e1e1; padding:0px 10px;}

.btn-set {text-align:center; margin-top:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.btn-set a {display:inline-block;}

#contents {position:relative; background:#f2f4f7;}

#contents h3 {display:block; line-height:42px; padding-left:28px; background:#ffffff; font-size:18px; font-weight:800; color:#2d7ec0; border-bottom:1px solid #e1e1e1;}	/* 180517   수정 */
#contents h3 > span {border-left:5px solid #2d7ec0; padding-left:10px; display:inline-block; line-height:20px; font-weight:800;}
/* 180711   추가 도움말 풍선*/
#contents .help {position: relative; top:4px; left:5px; display: inline-block;	line-height:22px; width:20px; height:20px; background:url(../../../images/theme/blue/btn_help.png) no-repeat; cursor:pointer}
#contents .help .text {visibility: visible; background-color: #fff; font-weight:100; color:#000; line-height:20px; text-align: left; border-radius: 6px;	border-left:2px solid #fff; border-top:2px solid #fff; border-right:2px solid #fff; border-bottom:2px solid #fff;	padding: 10px 10px; position: absolute; z-index: 1; top: 150%; left:-600%; font-size:13px;-moz-box-shadow:0.5px 0.5px 16px 0px rgba(0,0,0,0.17); -webkit-box-shadow:0.5px 0.5px 16px 0px rgba(0,0,0,0.17); cursor:default;}
#contents .help .text .title {font-size:16px; font-weight:800; color:#2d7ec0; margin: 0 0 20px 0; border:none;padding:0;}
#guideComment {margin-top:5px; display:block; font-weight:100; color:#000; line-height:20px;overflow-y:auto;max-height:300px;}
#contents .help .text::after {content: ""; position: absolute; bottom: 100%; left: 2.5%; margin-left: 80px; border-width: 10px; border-style: solid; border-color: transparent transparent white transparent;}
#contents .help:hover .text {visibility: visible;}
#contents .help .text .close {position: absolute; border-left:none; top:10px; left:1190px; display: inline-block; line-height:22px; width:20px; height:20px; background:url(../../../images/theme/blue/btn_help-close.png) no-repeat;}
#contents .help .text #helpImages {margin-top:10px;}

/* .nav {position:absolute; right:22px; top:12px; overflow:hidden;} */ /* 180517   수정 */
.nav {display:block; height:42px; font-size:14px; font-weight:normal; color:#555; } /* 200323   수정 */
/*kjsong 수정*/
.nav > ul {float:left; overflow:hidden; margin-right:0px; padding-right:8px; /* background:url(../../../images/theme/blue/line-nav.png) no-repeat right center; */}
.nav > ul > li {float:left; line-height:20px; margin-left:15px; padding-left:15px; background:url(../../../images/theme/blue/ico-navarr.png) left center no-repeat;} /* 200323   수정 */
.nav > ul > li:first-child {background:none;}
.nav > ul > li > a.home {display:inline-block; width:20px; height:20px; text-indent:-9999px; background:url(../../../images/theme/blue/ico-home.png) no-repeat; vertical-align:middle; position: relative; top: -1px; }	/* 180517   수정 */
.nav > a.favo {float:left; display:inline-block; width:20px; height:22px; text-indent:-9999px; background:url(../../../images/theme/blue/img-star.png) no-repeat; vertical-align:top;}
.nav > a.favo.active {background:url(../../../images/theme/blue/img-star-fill.png) no-repeat;}

.contents {padding:0px 0px 20px; background-color:#f2f4f7;}

.sch-bx {position:relative; margin-bottom:3px;} /* 200323   수정 */
/* .sch-bx {position:relative; background:#fff; border-bottom:2px solid #0195d3; margin:0 10px 0 0;} */
.sch-bx > ul {overflow:hidden; height:36px; /*border-top:1px dotted #e1e1e1;*/} /* 180524   수정 */
.sch-bx > ul:first-child {border-top:none;}
.sch-bx > ul > li {float:left; margin:0 10px 0 0;}
.sch-bx > ul > li label {display:inline-block; margin-right:10px; line-height:30px; /*padding-left:10px;*/ font-size:14px; color:#000; /*background:url(../../../images/theme/blue/ico-bullet3.png) no-repeat left;*/} /* 200323   수정 */
.sch-bx > ul > li > span {display:inline-block; vertical-align:middle; margin-right:10px; /*line-height:40px;*/ font-size:14px; color:#333333;}
.sch-bx > ul > li input[type="radio"] + label {padding-left:5px; background:none;}
.sch-bx > ul > li select {/*margin-top:1px;*/ padding:0px 0px 0px 10px; font-size:14px; color:#777777;}
.sch-bx input[type="text"] {height:28px; line-height:28px; border-radius: 3px; padding:0px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.sch-bx .t-box02 {width:300px;}
.sch-bx .btn-sch {position:absolute; display:inline-block; border-radius:4px; width:40px; height:36px; top:0px; right:0px; text-indent:-9999px; background:#454e5e url(../../../images/theme/blue/btn-search3.png) no-repeat center center;} /* 200323   수정 */
.sch-bx .btn-sch:hover{ background:#51575d url(../../../images/theme/blue/btn-search3.png) no-repeat center center;} /* 200323   수정 */
.sch-bx .btn-dw {margin-top:10px;}

.sch-bx2 {margin:20px; position:relative; border-top:1px solid #0195d3; background:#fff; border-bottom:1px solid #eee; height:40px;}
.sch-bx2 > ul {overflow:hidden;}
.sch-bx2 > ul > li {float:left; margin-right:10px; line-height:40px; padding-left:30px; font-size:13px; color:#333333; background:url(../../../images/theme/blue/ico-bullet3.png) no-repeat 20px center;}
.sch-bx2 > ul > li span {color:#777777;}
.sch-bx2 > ul > li span.active {color:#368fd7;}

.sch-bx3	{overflow:hidden;}
.sch-bx3 > li {float:left; margin-right:10px; line-height:38px; padding-left:30px; font-size:13px; color:#333333; background:url(../../../images/theme/blue/ico-bullet3.png) no-repeat 20px center;}	/* 180524   수정 */
.sch-bx3 > li span {color:#777777;}
.sch-bx3 > li span.active {color:#368fd7;}

/* sub_sch-bx 180814   추가 */
.sub_sch-bx {position:relative; background:#fff; border-top: 1px solid #aaa; border-bottom: 2px solid #aaa; margin:10px 20px 0 20px;}
.sub_sch-bx > ul {overflow:hidden; height:44px; border-top:1px dotted #e1e1e1;}
.sub_sch-bx > ul:first-child {border-top:none;}
.sub_sch-bx > ul > li {float:left; margin:2px 0 0 10px;}
.sub_sch-bx > ul > li label {display:inline-block; margin-right:10px; line-height:40px; padding-left:30px; font-size:13px; color:#333333; background:url(../../../images/theme/blue/ico-bullet3.png) no-repeat 20px center;}
.sub_sch-bx > ul > li > span {display:inline-block; vertical-align:middle; margin-right:10px; line-height:40px; font-size:13px; color:#333333;}
.sub_sch-bx > ul > li input[type="radio"] + label {padding-left:5px; background:none;}
.sub_sch-bx > ul > li select {margin-top:1px; padding:0px 0px 0px 10px;font-size:13px; color:#777777;}
.sub_sch-bx input[type="text"] {height:24px; line-height:24px; padding:0px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.sub_sch-bx .t-box02 {width:300px;}
.sub_sch-bx .btn-sch {position:absolute; display:inline-block; width:80px; height:100%; top:0px; right:0px; text-indent:-9999px; background:#aaa url(../../../images/theme/blue/btn-search3.png) no-repeat center center;}
.sub_sch-bx .btn-dw {margin-top:10px;}

.btn-dw {margin:5px 20px;}
.btn-dw a {display:inline-block; padding:4px 15px; background:#484848; color:#fff; font-size:13px; font-weight:bold;}
.btn-dw a.excel span {background:url(../../../images/theme/blue/ico-excel.png) no-repeat; padding-left:20px;}

/* 180523   추가 */
.btn-dw2 {margin:-3px 20px 0px 0; float: right;}
.btn-dw2 a {display:inline-block; padding:4px 15px; margin: 0 20px 0 0; background:#484848; color:#fff; font-size:13px; font-weight:bold;}
.btn-dw2 a.excel span {background:url(../../../images/theme/blue/ico-excel.png) no-repeat; padding-left:20px;}

.sch-oga {margin:1px 0px 0px 5px;/*  background:#f8f8f8 url(../../../images/theme/blue/ico-oga2.png) no-repeat; */ height:28px; /* padding-left:46px;  */cursor:pointer;}
.sch-oga > ul {border:1px solid #e1e1e1; border-left:none; height:24px;}
.sch-oga > ul > li > p {font-size:13px; color:#555555; line-height:24px; padding:6px 10px;} /* 200316   수정 */
.sch-oga > ul > li > p > span {color:#368fd7;}
.sch-oga .oga-bx {min-height:350px !important; max-height:600px !important;}
.sch-oga .oga-bx > ul {min-height:350px !important; height:100% !important;}
.sch-oga .ogaTree {background: url(../../../images/theme/blue/ico-oga2.png) no-repeat;  height:30px;  padding-left:46px; cursor:pointer; float: right;clear: both}

.oga-bx {/* display:none;	*/z-index:1; position:absolute; border:1px solid #d1d1d1; background:#fbfbfb;/*  margin-left:-46px; */ margin-top:3px; width:380px;
    overflow:auto; min-height:450px; max-height:700px;}
.oga-bx > ul {background:#fff; border:1px solid #e1e1e1;width:100%; margin:0px !important;}
.oga-bx > ul > li {margin-top:5px;}
.oga-bx > ul > li:first-child {margin-top:10px;}
.oga-bx ul {margin-left:20px}
.oga-bx li > a {background:url(../../../images/theme/blue/ico-bullet5.png) no-repeat 13px center;display:table-cell; vertical-align:middle; height:25px; padding-left:25px; padding-right:10px; font-size:13px; color:#555555;}
.oga-bx li > a > span {white-space:nowrap;}
.oga-bx li.hasChild > a {background:url(../../../images/theme/blue/ico-oga-arr.png) 10px center no-repeat;}
.oga-bx li.hasChild > ul {/* display:none; */max-height:0px;overflow:hidden;transition:max-height 0.3s ease-out;}
.oga-bx li.hasChild > a.active {background:url(../../../images/theme/blue/ico-oga-arr2.png) 10px center no-repeat;}
.oga-bx li.hasChild > a.active + ul {/* display:block; */max-height:2000px;overflow:visible;transition:max-height 0.3s ease-out;}
#scDeptList > ul {}

.oga-bx.ogam {display:block; margin:0px auto; position:relative; width:255px;}
.oga-bx.ogam > ul {border:none; background:#fbfbfb;}
.oga-menu {background:#0087bf; width:265px; height:100%; margin-left:5px;}
.oga-menu .title {display:block; line-height:50px; font-size:18px; color:#ffffff; font-weight:bold; background:url(../../../images/theme/blue/ico-oga-ov.png) no-repeat 15px center; padding-left:55px;}
.oga-menu .close {position:absolute; right:0px; top:8px; display:inline-block; width:31px; height:36px; text-indent:-9999px; background:url(../../../images/theme/blue/btn-menu-close.png) no-repeat;}

.page-noti {margin:20px; background: #f5f5f5; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
.page-noti > ul {padding:13px 10px;}
/*.page-noti > ul > li {margin-top:8px; background:url(../../../images/theme/blue/ico-noti.png) no-repeat left center; font-size:13px; color:#777777; padding-left:17px;}*/
.page-noti > ul > li {margin-top:8px; background:url(../../../images/theme/blue/ico-noti.png) no-repeat left bottom; font-size:14px; color:#ff0000; padding-left:17px;} /* kjsong수정 */ /*sjHa수정 이미지 center->bottom*/
.page-noti > ul > li:first-child {margin-top:0px;}

/* 180529   추가 */
.page-line {margin:30px 20px 10px 20px; border-bottom:1px solid #000;}


/* 200323   버튼 컬러 수정 */
/*.tbl-btn {margin:10px 0px; text-align:right; }*/
.tbl-btn > a {display:inline-block; padding:8px 18px; color:#fff; font-size:14px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box; border-radius:5px; height:30px; min-width:100px; text-align:center; font-weight:bold;} /*jk수정*/
.tbl-btn > a:hover {transition: background-color .3s; background:var(--basic-color); display:inline-block; padding:8px 18px; color:#fff; font-size:14px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box; border-radius:4px;} /*jk수정*/

.tbl-btn > a.type01 {background:#fff; border:1px solid #d0d0d0;} /*jk수정*/
.tbl-btn > a.type01:hover {background:#f8f8fb;} /*jk수정*/

.tbl-btn > a.add {background:var(--basic-color); color:#fff; text-decoration:none !important;} /*jk수정*/
/*.tbl-btn > a.add:hover {background:#7f92b5; border:1px solid #6f92b5;}*/ /*jk수정*/

.tbl-btn > a.edit {background:#fff; border:1px solid #d0d0d0;} /*jk수정*/
.tbl-btn > a.edit:hover {background:#f8f8fb;} /*jk수정*/

.tbl-btn > a.save {background:var(--basic-color); color:#fff; text-decoration:none !important;} /*jk수정*/
/*.tbl-btn > a.save:hover {background:#02a7d0; border: 1px solid #02a7d0;}*/ /*jk수정*/

.tbl-btn > a.new {background:#fff; border:1px solid #d0d0d0;}
.tbl-btn > a.new:hover {background:#f8f8fb;}

.tbl-btn > a.outline {background:#fff; border:1px solid #d0d0d0;}
.tbl-btn > a.outline:hover {background:#f8f8fb;}

.tbl-btn > a.delete {background:#fff; border:1px solid #d0d0d0;}
.tbl-btn > a.delete:hover {background:#f8f8fb;}

.tbl-btn > a.close {background:#fff; border:1px solid #d0d0d0;}
.tbl-btn > a.close:hover {background:#f8f8fb;}

.tbl-btn > a.dw {background:#fff; border:1px solid #d0d0d0;}
.tbl-btn > a.dw:hover {background:#f8f8fb;}

.tbl-btn > a.sbt {background:#fff; border:1px solid #d0d0d0;}
.tbl-btn > a.sbt:hover {background:#f8f8fb;}

.tbl-btn > a.ok {background:#454e5e; border:1px solid #fff; color:#fff;}
.tbl-btn > a.ok:hover {background:#51575d;}

.tbl-btn > a.okb {background:#fff; border:1px solid #d0d0d0;}
.tbl-btn > a.okb:hover {background:#f8f8fb;}

.tbl-btn > a.view {background:#fff; border:1px solid #d0d0d0;}
.tbl-btn > a.view:hover {background:#f8f8fb;}

.tbl-btn > a.jcopy {padding:9px 14px; background:#f8f8f8; border:1px solid #292B2D; color:#333333;}
.tbl-btn > a.jcopy {padding:9px 14px; background:#f8f8f8; border:1px solid #51575d; color:#333333;}

.tbl-btn > a.jmove {padding:9px 14px; background:#f8f8f8; border:1px solid #292B2D; color:#333333;}
.tbl-btn > a.jmove {padding:9px 14px; background:#f8f8f8; border:1px solid #51575d; color:#333333;}

.tbl-btn > a.jmodify {padding:9px 14px; background:#f8f8f8; border:1px solid #292B2D; color:#333333;}
.tbl-btn > a.jmodify {padding:9px 14px; background:#f8f8f8; border:1px solid #51575d; color:#333333;}

/*kjsong 수정*/
.tbl-wbtn {/* margin-top:19px; */ text-align:left;border-radius:4px; }
.tbl-wbtn > a {border-radius:4px; display:inline-block; padding:10px 15px; color:#000; font-size:13px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.tbl-wbtn > a.prev {padding:9px 14px; background:#292B2D; color:#fff;}
.tbl-wbtn > a.prev span {padding-left:13px; background:url(../../../images/theme/blue/ico-arr.png) no-repeat left center;}
.tbl-wbtn > a.prev:hover {background-color:#51575d;}

.tbl-wbtn > a.save {background:#292B2D; color:#fff;}
.tbl-wbtn > a.save {background:#292B2D; color:#fff;}


.tbl-wbtn > a.delete {background:#fff; border:1px solid #d0d0d0;}
.tbl-wbtn > a.delete:hover {background:#f8f8fb;}

.tbl-wbtn > a.excel {padding:9px 14px; background:#292B2D; color:#fff;}
.tbl-wbtn > a.excel > span {padding-left:20px;background:url(../../../images/theme/blue/ico-excel.png) no-repeat; }

/* 200323   버튼 컬러 수정  끝 */

/* 180529   추가 */
.tbl-rbtn {text-align:center;}
.tbl-rbtn .title {width:100%; height:37px; background-color:#fff; padding-top:6px; font-size:13px; text-align:center; background:url(../../../images/theme/blue/rmt_ctr_line.png) no-repeat left center; color:#0195d3; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.tbl-rbtn .subtitle1 {width:100%; padding-left:10px; height:16px; text-align:left; color:#000;}
.tbl-rbtn .subtitle2 {width:100%; padding-left:10px; height:16px; margin-top:12px; text-align:left; color:#000;}
.tbl-rbtn > a {display:inline-block; color:#fff; margin-top:2px; font-size:13px; -moz-box-shadow:0 1px 1px #efefef; -webkit-box-shadow:0 1px 1px #efefef; box-shadow:0 1px 1px #efefef; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.tbl-rbtn > a.btn {line-height:26px; font-size:12px; background:#fff; border-bottom: 2px solid #ecebeb; color:#555555; width:100px; height:26px; border: 1px solid #eaeaea;}
.tbl-rbtn > a.btn span {padding-left:13px; background:url(../../../images/theme/blue/ico-arr.png) no-repeat left center;}

.tbl-bottom {margin:0; position:relative; overflow:hidden; height:50px;} /* 200323   수정 */
/* .tbl-bottom {margin:0 20px; position:relative; overflow:hidden; height:50px;} */
.tbl-bottom .tbl-btn {position:absolute; right:0px;line-height:50px}
.tbl-bottom .tbl-wbtn {position:absolute; left:0px;}

.oga-menu {background:#0087bf; width:265px; margin-left:5px;}

.ptitle {position:relative;  background:url(../../../images/theme/blue/ico-arr2.png) no-repeat left center; padding-left:10px; line-height:50px; font-size:15px; font-weight:bold; color:#333333;}
.ptitle_noLeftMag {position:relative; margin:20px 20px 10px 0; background:url(../../../images/theme/blue/ico-arr2.png) no-repeat left center; padding-left:10px; line-height:30px; font-size:15px; font-weight:bold; color:#333333;}
.ptitle .pButtons {position:absolute; top:4px; display:inline-block; width:94px; height:24px; line-height:24px; text-align:center; font-size:13px; color:#fff; font-weight:bold; background:#777777; text-align:center}
.ptitle .pButton1 {right:100px;}
.ptitle .pButton2 {right:0px;}

/* 180523   추가*/
.ptitle .pButton3 {position:absolute; top: 4px; padding: 0 16px 0 16px; box-sizing:border-box; display:inline-block; height:24px; line-height:22px; text-align:center; font-size:13px; border: 1px solid #484848; color:#ffffff; font-weight:bold; background:#484848; text-align:center}

.ptitle2	{margin:20px 20px 0 20px;}

/*.expand_btn {width:20px; height:20px;	padding: 0 36px 0 0; background:url(../../../images/theme/blue/open_02.png) no-repeat;  box-sizing:border-box;}*/ /*jk수정*/
/*.expand_close_btn {width:20px; height:20px;	padding: 0 36px 0 0; background:url(../../../images/theme/blue/close_02.png) no-repeat left center;  box-sizing:border-box;}*/ /*jk수정*/
.expand_btn {width:24px; height:24px;	padding: 0 31px 0 0; background:url(../../../images/theme/blue/btn_expand.png) no-repeat;  box-sizing:border-box; cursor:pointer;} /*jk수정*/
.expand_close_btn {width:24px; height:24px;	padding: 0 31px 0 0; background:url(../../../images/theme/blue/btn_expand_close.png) no-repeat left center;  box-sizing:border-box; cursor:pointer;} /*jk수정*/

/* 180523   추가 */
.ptitle3 {width:100%; display:inline-block; box-sizing:border-box; margin:30px 0px 10px 20px; background:url(../../../images/theme/blue/ico-arr2.png) no-repeat left center; padding-left:12px;font-size:15px; font-weight:bold; color:#333333;} /* 180518   수정 */
.ptitle3 .txt {display:inline-block; box-sizing:border-box;	padding: 8px 0 0 0; font-size:15px; font-weight:normal; color:#333333; float:left; font-family:NotoSansKR_M;} /* 180518   수정 */
.ptitle3 .moreinfo_btn {width:30px; height:30px; padding: 0 0 0 0; margin: 0 0 0 10px; background:url(../../../images/theme/blue/btn_moreinfo.png) no-repeat; float:left;box-sizing:border-box;}
.ptitle3 .closeInfo_btn {width:30px; height:30px;	padding: 0 0 0 0; margin: 0 0 0 10px; background:url(../../../images/theme/blue/btn_closeinfo.png) no-repeat left center; float:left; box-sizing:border-box;}
.ptitle3 .expand_btn {width:24px; height:24px;	padding: 0 65px 0 0; margin: 6px 0 0 0;background:url(../../../images/theme/blue/btn_expand.png) no-repeat; float:right; box-sizing:border-box;}
.ptitle3 .expand_close_btn {width:24px; height:24px;	padding: 0 65px 0 0; margin: 6px 0 0 0; background:url(../../../images/theme/blue/btn_expand_close.png) no-repeat left center; float:right; box-sizing:border-box;}
.ptitle3.for_popup {padding-left:32px !important; margin-left:0px !important; background:url(../../../images/theme/blue/ico-arr2.png) no-repeat 20px center !important;}


.table-bx {overflow:hidden; margin:20px;}
.table-bx .tbl-type02 {float:left; margin:0; width:-webkit-calc(50% - 5px); width:-moz-calc(50% - 5px);	width:calc(50% - 5px); }
.table-bx .tbl-type02:first-child {margin-right:10px;}

/* 200323   추가 */
.table-bx {overflow:hidden; margin:20px 30px; padding: 0px 20px 20px 20px;; border-bottom:1px solid #eeeeee; background-color:#fff; box-shadow: 9px 3px 48px -3px rgba(0,0,0,0.1) ;}
.table-bx {overflow:hidden; margin:20px 30px; padding: 0px 20px 20px 20px;; border-bottom:1px solid #eeeeee; background-color:#fff; box-shadow: 9px 3px 48px -3px rgba(0,0,0,0.1) ;}
.table-bx .tbl-type02-v table {float:left; margin:0; width:-webkit-calc(50% - 5px); width:-moz-calc(50% - 5px);	width:calc(50% - 5px); }
.table-bx .tbl-type02-v table:first-child {margin-right:10px;}
/* .table-bx .2table .tbl-type02-v {float:left; margin:0; width:-webkit-calc(50% - 5px); width:-moz-calc(50% - 5px);	width:calc(50% - 5px); }
.table-bx .2table .tbl-type02-v:first-child {margin-right:10px;} */

/*조직트리가 아닌 일반 multiselect boxing 2개처리 css start*/
.table-bx3 {overflow:hidden; margin:5px 20px; display:flex;}
.table-bx3 .moveLeft {float:left; margin:0; width:47%; height:100%; flex:4.75}
.table-bx3 .moveCenter {margin:0; width:5%; height:100%; padding-top:15% ;vertical-align:middle; text-align:center; flex:0.5}
.table-bx3 .moveRight {float:Right; margin:0; width:47%; height:100%; flex:4.75}

/* 180702   추가 */
.table-bx3 .moveCenter .goLeft {width:23px; height:23px; background: url(../../../images/theme/blue/btn_goLeft.png) no-repeat left center; border: none;}
.table-bx3 .moveCenter .goRight {width:23px; height:23px; background: url(../../../images/theme/blue/btn_goRight.png) no-repeat left center; border: none;}

.moveLeft , .moveRight {border:1px solid #d1d1d1; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.moveLeft > ul , .moveRight > ul {background:#fff;}
/*.childn > a {background:none !important;}
.childn > p {background:none !important;}*/ /*jk수정*/
.red > a {color:#ff0000 !important;}
.moveLeft, .moveRight {position:relative;}
.moveLeft > p , .moveRight > p {display:block; line-height:40px; background:#eaeaea; padding:0px 20px; font-size:15px; font-weight:bold; color:#333333;}
/*조직트리가 아닌 일반 multiselect boxing 2개처리 css end*/

.thbg {background:#fafafa !important;}
.thcenter th {text-align:center;} /* 200323 왼쪽 정렬 삭제 */
.thcenter td {border-left:1px solid #e1e1e1;}
.thcenter td:first-child {border-left:none;} /* 200323 속성 추가   */


table input[type="checkbox"] {display:none;}
.ui-jqgrid input[type="checkbox"] {display:inline;}
table input[type="checkbox"] + label, table input[type="checkbox"] + input[type="hidden"] + label {margin-left:17px; font-size:13px; color:#666666; font-weight:normal; cursor:pointer}
table input[type="checkbox"] + label span, table input[type="checkbox"] + input[type="hidden"] + label span {text-indent:-9999px; display:inline-block; margin-right:8px; width:21px; height:21px; vertical-align:middle; background:url(../../../images/theme/blue/img-chkbx-chk.png) left top no-repeat; cursor:pointer;}
table input[type="checkbox"]:checked + label span, table input[type="checkbox"]:checked + input[type="hidden"] + label span {background:url(../../../images/theme/blue/img-chkbx-chk-ov.png) left top no-repeat;}

table input[type="radio"] {display:none;}
table input[type="radio"] + label {margin-left:17px; font-size:13px; color:#666666; font-weight:normal;}
table input[type="radio"]:first-child + label {margin-left:5px;}
table input[type="radio"] + label span {text-indent:-9999px; display:inline-block; margin-right:8px; width:18px; height:17px; vertical-align:middle; background:url(../../../images/theme/blue/img-radio-chk.png) left top no-repeat; cursor:pointer;}
table input[type="radio"]:checked + label span {background:url(../../../images/theme/blue/img-radio-chk-ov.png) left top no-repeat;}

/* 180529   추가 */
/*
.scBtns {position:relative;}
.scBtns .scChkboxDiv input[type="checkbox"] {display: none;}
.scBtns .scChkboxDiv input[type="checkbox"] + label span {display: inline-block; margin:-2px 10px 0 0; vertical-align:middle; width:17px; height: 17px; background:url(../../../images/theme/blue/chkbox_check_bg.png) left top no-repeat; cursor: pointer;}
.scBtns .scChkboxDiv input[type="checkbox"]:checked + label span {background:url(../../../images/theme/blue/chkbox_check.png) top no-repeat;}
*/

/* 200323 btn-as 디자인 수정   */
.btn-as {display:inline-block; margin-top:5px; background:#777; font-size:13px; color:#fff !important; padding:5px 15px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;}
/* 200323 btn-as 디자인 수정 끝   */



.check {background:#b8d7f5 !important;}
.checkAct {background:#00FF00 !important;}

/*조직매핑 처리 css start*/
.table-bx2 {overflow:hidden; margin:5px 20px;}
.table-bx2 .mapp {float:left; margin:0; width:-webkit-calc(50% - 5px); width:-moz-calc(50% - 5px);	width:calc(50% - 5px);}
.table-bx2 .mapp:first-child {margin-right:10px;}

.mapp {border:1px solid #d1d1d1; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.mapp ul {margin-left:20px}
.mapp > ul {background:#fff; margin-left:0px;}
.mapp > ul > li {margin-top:5px;}
.mapp > ul > li:first-child {margin-top:0px;}
.mapp li.childn > a,
.mapp li.childn > p {background:url(../../../images/theme/blue/c-s-bar.png) 15px center no-repeat; display:block; line-height:25px; padding-left:30px; font-size:14px; font-weight: 400; color:#333; margin-bottom: 3.5px;} /*jk수정*/
.mapp li.red > a,
.mapp li.red > p {background:url(../../../images/theme/blue/ico-bullet5-ov.png) 15px center no-repeat; display:block; line-height:25px; padding-left:30px; font-size:14px; font-weight: 400; color:#333; margin-bottom: 3.5px;} /*jk수정*/
.mapp li.hasChild > a,
.mapp li.hasChild > p {background:url(../../../images/theme/blue/c-s-up.png) 15px center no-repeat; display:block; line-height:25px; padding-left:30px; font-size:14px; font-weight: 400; color:#333; margin-bottom: 3.5px;} /*jk수정*/
.mapp li.hasChild > a.active,
.mapp li.hasChild > p.active {background:url(../../../images/theme/blue/c-s-down.png) 15px center no-repeat; display:block; line-height:25px; padding-left:30px; font-size:14px; font-weight: 400; color:#333; margin-bottom: 3.5px;} /*jk수정*/

.mapp li label {margin-left:5px;}

.red > a {color:#ff0000 !important;}
.mapp {position:relative;}
/* .mapp > p {display:block; line-height:40px; background:#eaeaea; padding:0px 20px; font-size:15px; font-weight:bold; color:#333333;} */
.mapp > p {display:block; line-height:40px; padding-left:20px; background:/*#0195d3*/ #484848 url(../../../images/theme/blue/h3-title-line2.png) 10px center no-repeat; font-size:18px; font-weight:800; color:#fff;}
.mapp .abring {position:absolute; top:8px; right:214px; display:inline-block; width:94px; height:24px; line-height:24px; text-align:center; font-size:13px; color:#fff; font-weight:bold; background:#777777;}
.mapp .abring span {padding-left:15px; background:url(../../../images/theme/blue/ico-arr3-open.png) no-repeat left center;}
.mapp .aopen {position:absolute; top:8px; right:114px; display:inline-block; width:94px; height:24px; line-height:24px; text-align:center; font-size:13px; color:#fff; font-weight:bold; background:#777777;}
.mapp .aopen span {padding-left:15px; background:url(../../../images/theme/blue/ico-arr3-open.png) no-repeat left center;}
.mapp .aclose {position:absolute; top:8px; right:15px; display:inline-block; width:94px; height:24px; line-height:24px; text-align:center; font-size:13px; color:#fff; font-weight:bold; background:#777777;}
.mapp .aclose span {padding-left:15px; background:url(../../../images/theme/blue/ico-arr3-close.png) no-repeat left center;}
/*조직매핑 처리 css end*/

/*조직트리가 아닌 일반 multiselect boxing 2개처리 css start*/
.table-bx3 {overflow:hidden; margin:5px 20px;}
.table-bx3 .moveLeft {float:left; margin:0; width:47%; height:100%;}
.table-bx3 .moveCenter {float:left; margin:0; width:5%; height:100%; padding-top:/*250px*/310px; vertical-align:middle; text-align:center;}
.table-bx3 .moveRight {float:Right; margin:0; width:47%; height:100%;}

.moveLeft , .moveRight {border:1px solid #d1d1d1; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.moveLeft > ul , .moveRight > ul {background:#fff;}
/*.childn > a {background:none !important;}
.childn > p {background:none !important;}*/ /*jk수정*/
.moveLeft, .moveRight {position:relative;}
/* .moveLeft > p , .moveRight > p {display:block; line-height:40px; background:#eaeaea; padding:0px 20px; font-size:15px; font-weight:bold; color:#333333;} */
.moveLeft > p , .moveRight > p {display:block; line-height:40px; padding-left:20px; background:/*#0195d3*/ #484848 url(../../../images/theme/blue/h3-title-line2.png) 10px center no-repeat; font-size:18px; font-weight:800; color:#fff;}
/*조직트리가 아닌 일반 multiselect boxing 2개처리 css end*/

.table-bx-top {}
.table-bx-top .table-bx2 {float:left; width:30%; margin: 5px 2px 5px 20px;}
.table-bx-top .table-bx2 .mapp {float: left; margin: 0; width:-webkit-calc(100% - 5px); width:-moz-calc(100% - 5px);	width: calc(100% - 5px);}
.table-bx-top .table-bx3 {float:right; width:/*65%*/67%; margin: 5px 0px 5px 2px;}


.popup {margin:10px 10px 10px 10px; padding: 0px 20px 5px 20px;; border-bottom:1px solid #eeeeee; background-color:#fff; box-shadow: 0 0 4px 2px rgba(0,0,0,.03);}
.popup .title {display:block; line-height:40px; padding-left:20px; background:/*#0195d3*/ #484848 url(../../../images/theme/blue/h3-title-line2.png) 10px center no-repeat; font-size:18px; font-weight:800; color:#fff;}

.w_popup {/* position:absolute; z-index:100; left:50%; margin-left:-445px; top:200px; height:664px; */ margin-left:10px; width:890px; background:#fff; border:2px solid /*#484848*/ #484848;} /* 180531   수정 */
.w_popup .title {display:block; line-height:50px; padding-left:20px; background:/*#0195d3*/ #484848 url(../../../images/theme/blue/h3-title-line2.png) 10px center no-repeat; font-size:18px; font-weight:800; color:#fff;}	/* 180531   수정 */

#bg-bx {position:fixed; width:100%; height:100%; top:0px; left:0px; z-index:99; background:#000; opacity :0.5; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5;}

.tbl-scroll {border-collapse:collapse;}
.tbl-scroll thead {float:left; width:850px;}
.tbl-scroll tbody {overflow-y:auto; overflow-x:hidden; float:left; width:850px; height:396px}
.tbl-scroll tbody tr {display:table; width:850px;}
.tbl-scroll th, .tbl-scroll td {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.tbl-scroll2 {border-collapse:collapse;}
.tbl-scroll2 thead {float:left; width:1285px;}
.tbl-scroll2 tbody {overflow-y:auto; overflow-x:hidden; float:left; width:1285px; height:360px}
.tbl-scroll2 tbody tr {display:table; width:1285px;}
.tbl-scroll2 th, .tbl-scroll2 td {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

/* 200603 삭제
.am-bx {display:none; position:absolute; width:800px; height:600px; right:10px; top:50px; background:url(../../../images/theme/blue/allmenu-ico.png) no-repeat 6px 126px; padding-top:11px; z-index:9;}
.am-bx2 {background:#fff; box-shadow: 9px 3px 48px -3px rgba(0,0,0,0.1); width:100%; height:100%; padding:15px 44px; box-sizing:border-box;}
.am-tbl {margin: 5px 45px 0 0; width:140px; display:inline-block; vertical-align: top;}
.am-tbl th {  text-align:left; margin-left:15px; width:140px; height:35px; font-size:15px; color:#000000; }
.am-tbl td { line-height:26px; color:#000; }
.am-tbl td a:first-child {}
.am-tbl td a { font-size:13px; color:#000000;}
.am-tbl tr:first-child th,.am-tbl tr:first-child td {border-top:none;}
.am-tbl h1 {font-size:1.1em; line-height:26px; font-weight:normal;}
.am-tbl ul {margin-bottom:10px !important;}
.am-tbl ul > li {text-align:left; width:140px;  font-size:13px; color:#000000;  }
.am-tbl ul > li span {font-size:16px; line-height:28px; font-weight:bold; color:#1f4271; }
.am-tbl ul > li > ul {margin-bottom	:10px !important;}
.am-tbl ul > li > ul > li a {color:#444 !important; line-height:20px; height:20px; margin-bottom:2px !important; padding-left:8px; background:url(../../../images/theme/blue/ico-bullet_navy.png) no-repeat left center !important;}
.am-tbl:last-child {margin-right:0;}
 */




/* 181004   추가 */
.fwtable-bx {display:none; position:absolute; left:58px; top:10px; background:url(../../../images/theme/blue/img-fwtablebar_w.png) no-repeat left 324px; padding-left:6px; margin-left:5px; z-index:9;}
.fwtable-bx2 {background:#fff; width:1350px; padding:15px;}
.fwtable-tbl {border:1px solid #d1d1d1; margin-top:10px;}
.fwtable-tbl .list {height:53px; display:block;}
.fwtable-tbl .cancel-icn {width:27px; height:27px; padding-top:3px; box-sizing:border-box; background:url(../../../images/theme/blue/ico_cancel.png) no-repeat; color:#fff; font-size:9px;  margin: -14px 0 0 -22px; 	display:block;}
.fwtable-tbl .cancel-bg {width:194px; height:53px; padding: 0 10px 0 10px; box-sizing: border-box; line-height:16px; border:2px solid #b6b6b6; border-radius: 4px; text-align:center; display:inline-block;float:left;}
.fwtable-tbl .cancel-bg .txt {display:inline-block; vertical-align:middle; margin-top:-4px; line-height:16px; color:#919191; font-size:14px; }
.fwtable-tbl .complete-icn {width:27px; height:27px; line-height:20px; padding-top:3px; box-sizing:border-box; background:url(../../../images/theme/blue/ico_complete.png) no-repeat; color:#0195d3; font-size:9px;  margin: -14px 0 0 -22px; 	display:block;}
.fwtable-tbl .complete-bg {width:194px; height:53px; padding: 0 10px 0 10px; box-sizing: border-box; line-height:16px; border:2px solid #0195d3; border-radius: 4px; text-align:center; display:inline-block;float:left;}
.fwtable-tbl .complete-bg .txt {display:inline-block; vertical-align:middle; margin-top:-4px; line-height:16px; color:#0195d3; font-size:14px; }
.fwtable-tbl .bg-empty {width:194px; height:53px; padding: 0 10px 0 10px; box-sizing: border-box; line-height:16px; text-align:center; display:inline-block;float:left;}
.fwtable-tbl .arrow-right {width:55px; height:53px; display:inline-block;float:left; background:url(../../../images/theme/blue/ico_fwarrw_right.png) center center no-repeat;}
.fwtable-tbl .arrow-left {width:55px; height:53px; display:inline-block;float:left; background:url(../../../images/theme/blue/ico_fwarrw_left.png) center center no-repeat;}
.fwtable-tbl .arrow-down {width:100%; display: block; height:34px; background:url(../../../images/theme/blue/ico_fwarrw_down.png) 90.5% 0% no-repeat;}
.fwtable-tbl .arrow-down-empty {width:100%; display: block; height:34px;}
.fwtable-tbl .arrow-empty {width:55px; height:53px; display:inline-block;float:left;}

.fwtable-tbl th {background:#eaeaea; border-right:1px solid #d1d1d1; width:70px; height:35px; font-size:14px; color:#000000; font-weight:normal; border-top:1px solid #d1d1d1; padding:12px;}
.fwtable-tbl td {border-top:1px solid #d1d1d1; height:76px; padding:17px 10px 17px 30px;}
.fwtable-tbl td a:first-child {margin-left:20px;}
.fwtable-tbl td a {margin-left:30px; font-size:13px; color:#000000;}
.fwtable-tbl tr:first-child th,.fwtable-tbl tr:first-child td {border-top:none;}

/* kimyh custom */
.hide2 {display:none}
.block {display:block !important;}
.block2 {display:block;}

.formHiddenData, .gridData {display:none}
.ui-dialog {z-index:2000 !important; border-radius:13px !important;	box-shadow: 5px 3px 22px -3px rgba(0, 0, 0, 0.3);}

.loadingDiv {display:none;position:absolute;top:0;left:0;border:0;z-index:3000;width:100%;height:100%;}
.loadingImgDiv {position:absolute;z-index:10;width:200px;height:30px;left:0;right:0;margin:auto;}
.loadingPercentDiv {text-align:center; width:100%; margin-top:10px; color:#FFFFFF; font-size:18px; text-shadow:1px 1px #555555; display:none;}
.loadingBGDiv {position:absolute;width:100%;height:100%;background-color:#65A4E0;opacity:0.3}
#hiddenFrame {width:0;height:0;display:none;}

/* 디자인 시안 custom */
.btn-dw {height:21px}
.tbl-bottom2 {width:300px; float:right; margin-top:-50px}
.tbl-bottom3 {width:500px; float:right; margin-top:-50px}
.tbl-bottom4 {margin-top:-50px}
.mapp .active2, .oga-bx .active2, .acList .active2, .acList .active2Over {background-color:#d6ecf5 !important;}
.mapp .red > p >label {color:#FF0000 !important;}
.mapp > ul {overflow-y:scroll}
.mapp > ul ul {display:none;}
.mapp > ul a.active + ul, .mapp > ul p.active + ul {display:block !important;}
.mapp .distributionList li {line-height:25px;padding-left:20px;}
.contents h3 {display: block; line-height: 42px; padding-left: 28px; background: #ffffff; font-size: 18px; font-weight: 800; color: #2d7ec0; border-bottom: 1px solid #e1e1e1;}	/* 180517   수정 */
.popBody .contents h3 {line-height:13px !important; padding-left:0px; background:none; font-size:13px; font-weight:700; color:#000 !important; border-bottom:none;}

#bookmark #favoBtns, #bookmark input[type="checkbox"] {display:none;}
#bookmark.showEdit #favoBtns, #bookmark.showEdit input[type="checkbox"] {display:inline-block;}
#bookmark {background: #007cb2 url(../../../images/theme/blue/gnb-menu-bg.png) no-repeat}
#bookmark .favo {background-color: #0195d3;}
#bookmark .favo a {background-color: #82d8fc; border: 1px solid #000;}


.disabled, .disabled select,
    /*
    input[type="radio"].disabled + label,
    input[type="checkbox"].disabled + input[type="hidden"] + label,
    input[type="checkbox"].disabled + label,
    .grpDisabled, .grpDisabled select,
    input[type="radio"].grpDisabled + label,
    input[type="checkbox"].grpDisabled + input[type="hidden"] + label,
    input[type="checkbox"].grpDisabled + label {background-color:#EBEBE4}
    */
input[type="radio"].disabled + label,
input[type="checkbox"].disabled + input[type="hidden"] + label,
input[type="checkbox"].disabled + label,
.grpDisabled, .grpDisabled select {background-color:#f6f7f9} /* 200706 배경색 수정 */
#calList .calTemplate {display:none;}

/*.select2-container--default .select2-selection--single {border-radius:0px !important; border-color:#E1E1E1 !important;}*/

/* sgFileUploader */
/* 18.05.17   수정 */
.sgFileUploader {padding: 10px 0 0 0; min-width:500px}
.sgFileUploader .boxDragndrop {display:none;}
.sgFileUploader .inputFile {display:none;}
.sgFileUploader .fileBox {width:500px; font-size:1em;color:#aaa;background-color:#f6f6f6;position:relative;}
.sgFileUploader .fileBox.has-advanced-upload {outline:1px dashed #aaaaaa;}
.sgFileUploader .fileBox.has-advanced-upload .boxDragndrop {display:inline;}
.sgFileUploader .fileBox.is-dragover {background-color:#E8FAFF;}
.sgFileUploader .divInputFile label {cursor:pointer;width:100%;display:block;text-align:center;padding:30px 15px;box-sizing:border-box;}
.sgFileUploader .divStatus, .sgFileUploader .divFileList, .sgFileUploader .divNewFileList {font-size:13px; margin:10px 0 0 0; min-width:500px;}
.sgFileUploader .fileList a label {cursor:pointer}
.sgFileUploader .close {cursor:pointer; border:none; background: url(../../../images/theme/blue/btn-close.png) no-repeat; display: inline-block; width: 18px; height: 18px; vertical-align: middle; margin-left: 10px; text-indent: -9999px;}
.downloadOnly.sgFileUploader .divFileList {margin-top:0}

/* jqgrid 관련 */
div.jqgridTextareaDiv {
    max-height:50px;
    overflow:auto;
    text-align:left;
}
.ui-jqgrid td.noGridResult {text-align:center;height:30px}
.ui-datepicker {z-index:10000 !important;}
.ui-jqgrid tr.jqgrow td {text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.ui-jqgrid-bdiv {border-bottom:1px solid #EEE}
.ui-jqgrid {background:none;font-size:14px;}
.ui-jqgrid input[type="text"] {height:20px;font-size:13px;}
.ui-widget.ui-widget-content {margin:0px ; border-left-width:0;border-right-width:0;} /* 200706 border-top 컬러 수정   */
.ui-widget.ui-widget-content.ui-datepicker {border:1px solid #484848 !important; margin-left:0;}
.ui-jqgrid-hdiv {background-color:#F5F5F5}
.ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th {color:#455268;font-size:14px; font-family: NotoSansKR; font-weight: normal !important; background:#f1f4f9; height:36px; border-right: 1px solid #e5e9ef; border-bottom:1px solid #eaeaea;} /*200706 디자인 수정 */
.ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable tr:first-child th {border-left-width:0px !important}
.ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable tr:first-child th:last-child,
.ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable tr.jqg-second-row-header th:last-child {border-right-color:#EAEAEA}
.ui-datepicker-calendar .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border:1px solid #e5e9ef;} /* 200706 컬러 수정 */
.ui-jqgrid-hbox {background-color:#fff} /* 200323 배경컬러 수정 */
.ui-widget-content {border-bottom-width:0 !important;}
.ui-widget-content .ui-row-ltr {border-top-width:0 !important; border-color:#e5e9ef !important; color:#5f5f5f; font-weight:normal !important;} /* 200706 폰트컬러 수정 */
.ui-widget-content .ui-row-ltr td {padding:0 10px !important;height:36px !important;} /* 200706 height값 수정   */
.ui-widget-content .ui-row-ltr {border-left-width:0;border-right-width:0;}
.ui-widget-content .ui-row-ltr td:last-child {border-right-width:0;}
.ui-widget-content .ui-jqgrid-view {background:#fff; border-top:1px solid #a0a9ba;}
.ui-widget-content .ui-jqgrid-pager {background:none;}
.ui-jqgrid .ui-jqgrid-pager, .ui-jqgrid .ui-jqgrid-pager .ui-pager-control {height:50px}
.ui-jqgrid .ui-pg-input {text-align:center;width: 40px;height:24px;border:1px solid #e1e1e1;/* padding:0px 10px; */}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {opacity:1;filter:none}
.ui-jqgrid .ui-separator {display:none !important;}
.ui-jqgrid .ui-pg-button {border-style:hidden;border-width:1px; padding:0 !important;}
.ui-jqgrid .jqgrid-selectedRow {background-color:#c9f5ff}
.ui-widget-content td a {text-decoration:none;}
.ui-widget-content td a:hover {text-decoration:underline;}
.ui-widget-content tr:hover {background-color:#c9f5ff;}
.ui-widget-content td.edit-cell select {max-width:95%;}
#gbox_list .jqg-second-row-header th[colspan] {height:30px !important;}
.ui-jqgrid .ui-jqgrid-htable .editableColumn div {background:url(../../../images/ico_editable.png) left center no-repeat; display:inline-block; padding-left:15px; padding-right:10px}

.ui-jqgrid-ftable .footrow-ltr {border-top-width:0 !important;border-color:#EEE !important;color:#000;} /* 200323 폰트컬러수정   */
.ui-jqgrid-ftable .footrow-ltr {border-left-width:0;border-right-width:0;}
.ui-jqgrid-ftable .footrow-ltr td {height:40px !important;background:#eaeaea;border-color:#d1d1d1 !important;border-top-width:1px;} /* height값 40px로 수정   */
.ui-jqgrid-ftable .footrow-ltr td:last-child {border-right-color:#EAEAEA !important;}

.popInnerGrid .ui-jqgrid {
    margin:0px !important;
}
.popInnerGrid .ui-widget.ui-widget-content {
    border-top:1px solid #d1d1d1;
}
.popInnerGrid .ui-jqgrid-bdiv {
    border-bottom-width:0px;
}

/* 조직도 검색조건 */
.sch-oga > ul {min-width:100px;}
.sch-oga > ul > li {display:inline-block}
.sch-oga .liScDeptList {display:block}
.sch-oga .liAc {display:none}
.sch-oga .liAcList {display:block; margin-top:2px}
.sch-oga .scDeptList {top:35px; background-color:#FFF; width:250px; padding:0 /* 5px */}
.sch-oga .scDeptList > ul {border:none;}
.sch-oga .acInput {border-width:0px !important; font-size:13px !important; line-height:24px !important; height:24px !important;}
/*
.sch-oga .acList {position:absolute; z-index:1; border:1px solid #D1D1D1; background-color:#fbfbfb;
					min-width:200px; height:208px; margin-left:-46px; margin-top:-2px;}
.sch-oga .acList ul {height:200px; overflow-y:auto; margin:3px;}
.sch-oga .acList li {font-size:13px; padding:5px}
.sch-oga .acList .acMatchedStr {font-weight:bold; color:red/*#0195D3*/}


/* 개발 가이드 */
.devGuide {font-size:14px;margin:20px;padding:10px;border-radius:5px;background-color:#F0F0F0;}
.devGuide h1,.devGuide h2,.devGuide h3,.devGuide h4,.devGuide h5 {clear:both}
.devGuide ol {margin:10px 0 0 25px;}
.devGuide li {line-height:1.8em;clear:both}
.devGuide dl {float:left;padding-top:10px}
.devGuide dl dt {float:left;font-weight:bold;min-width:150px;}
.devGuide dl dd {float:left;margin-left:1em;line-height:1.8em;}
.devGuide .devGuideSource {background-color:white;font-weight:bold;padding:2px 5px;border-radius:5px}
.devGuide .tab {width:40px;display:inline-block;}

/* 임시 */
#scDeptLayer {display:none; position:absolute; z-index:1}
#userList li {cursor:pointer;}

#popDistributionList li span {cursor:pointer;}

/*monitoring*/
.h300p {height:300px;}
.h490p {height:490px;}
.h390p {height:390px;}

.ptitleLeft	{margin:15px 20px 0 20px; width:100%; font-size:15px; font-weight:bold; color:#333333; box-sizing:border-box; background:url(../../../images/theme/blue/ico-arr2.png) no-repeat left center; padding-left:12px;}
.ptitleRight {margin:15px 20px 0 5px; font-size:15px; font-weight:bold; color:#333333;}

.tbl-typeLeft {margin:10px 5px 10px 20px; border-top:2px solid	#484848;}
.tbl-typeLeft th {height:40px; border-left:1px solid #d1d1d1; border-bottom:1px solid	#d1d1d1; font-size:13px; color:#000000; font-weight:bold; background:#f5f5f5;}
.tbl-typeLeft td {height:35px; border-bottom:1px solid	#eeeeee; border-left:1px solid #eeeeee; padding:0px 10px; color:#555555; font-size:13px; text-align:center; background:#fff;}
.tbl-typeLeft td.name {text-align:left;}
.tbl-typeLeft td.result {background-color:#ebf9ff;}	/* 180518   추가 */
.tbl-typeLeft td.td-type01 {text-align:left;}
.tbl-typeLeft td.td-type01 span {border-bottom:1px solid #555;}
.tbl-typeLeft td input[type="text"] {line-height:24px; height:24px;}
.tbl-typeLeft th:first-child,.tbl-type01 td:first-child {border-left:0px;}

.tbl-typeRight {margin:10px 20px 10px 5px; border-top:2px solid	#484848;}
.tbl-typeRight th {height:40px; border-left:1px solid #d1d1d1; border-bottom:1px solid	#d1d1d1; font-size:13px; color:#000000; font-weight:bold; background:#f5f5f5;}
.tbl-typeRight td {height:35px; border-bottom:1px solid	#eeeeee; border-left:1px solid #eeeeee; padding:0px 10px; color:#555555; font-size:13px; text-align:center; background:#fff;}
.tbl-typeRight td.result {background-color:#ebf9ff;}	/* 180518   추가 */
.tbl-typeRight td.name {text-align:left;}	/* 180518   수정 */
.tbl-typeRight td.td-type01 {text-align:left;}
.tbl-typeRight td.td-type01 span {border-bottom:1px solid #555;}
.tbl-typeRight td input[type="text"] {line-height:24px; height:24px;}
.tbl-typeRight th:first-child,.tbl-type01 td:first-child {border-left:0px;}

.divDualBox {width:100%;}
.divDualBox .divFloatLeft {float:left;width:50%}
.divDualBox .divFloatLeft .chartLeft {margin:10px 5px 10px 20px;}
.divDualBox .divFloatLeft .chartRight {margin:10px 20px 10px 5px;}

.signalCircle {margin:0 auto;width:14px;height:14px;border-radius:8px;}
.lblBullet {margin-right:10px;line-height:40px; padding-left:30px; background:url(../../../images/theme/blue/ico-bullet3.png) no-repeat 20px center;}
.inlineBtn {display:inline-block; margin:5px 10px; text-align:center;}

/* 180518   추가 dashboard */
.divSectionTitle {width:100%; height:19px; margin:15px 0 20px 20px; font-size:16px; font-weight:bold; color:#444; padding: 0 0 0 10px; background: url(../../../images/theme/blue/ico-arr2.png) no-repeat left center;}

/* 180617   추가 */
.divTitleC-Graph {width:100%; height:19px; margin:15px 0 20px 20px; font-size:16px; font-weight:bold; color:#444; padding: 0 0 0 27px; background: url(../../../images/theme/blue/ico-dashb_c-graph.png) no-repeat left center;}
.divTitleH-Graph {width:100%; height:19px; margin:15px 0 20px 20px; font-size:16px; font-weight:bold; color:#444; padding: 0 0 0 27px; background: url(../../../images/theme/blue/ico-dashb_h-graph.png) no-repeat left center;}
.divTitleV-Graph {width:100%; height:19px; margin:15px 0 20px 20px; font-size:16px; font-weight:bold; color:#444; padding: 0 0 0 27px; background: url(../../../images/theme/blue/ico-dashb_v-graph.png) no-repeat left center;}
.divTitleV-Graph .selectBox {float:right;position:relative;margin-right:40px;}
.divTitleT-Graph {width:100%; height:19px; margin:15px 0 20px 20px; font-size:16px; font-weight:bold; color:#444; padding: 0 0 0 27px; background: url(../../../images/theme/blue/ico-dashb_table.png) no-repeat left center;}
.divTitleUD-Graph {width:100%; height:19px; margin:15px 0 20px 20px; font-size:16px; font-weight:bold; color:#444; padding: 0 0 0 27px; background: url(../../../images/theme/blue/ico-dashb_ud-graph.png) no-repeat left center;}
.divTitleUD-GraphDivided01 {width:66.5%; height:19px; margin:15px 0 10px 20px; font-size:16px; font-weight:bold; color:#444; float:left; padding: 0 0 0 27px; background: url(../../../images/theme/blue/ico-dashb_ud-graph.png) no-repeat left center;}


.divSectionTitleDivided01 {width:66.5%; height:19px; margin:15px 0 10px 20px; font-size:16px; font-weight:bold; color:#444; padding: 0 0 0 10px; float:left; background: url(../../../images/theme/blue/ico-arr2.png) no-repeat left center;}
.divSectionTitleDivided02 {width:25%; height:40px; margin:15px 0 0 20px; float:left; text-align:right;}

.divPerforTitleBg {width:100%; height:20px; padding: 0 32px 0 32px; color:#A9A9A9; box-sizing:border-box;}
.divPerforTitleBg	.txt {width:25%; height:20px; text-align:left; float:left;}

/*
.divPerforNumBg {width:100%; height:50px; padding:0 32px 0 32px; font-size:20px; box-sizing:border-box;}
.divPerforNumBg .txt {width:25%; height:50px; text-align:center; float:left;}
*/

/* 180607   추가 */
.divPerforNum {width:50%; margin-top:50px; height:100%; padding:0 20px 0 10px; float:left; box-sizing:border-box;}
.divPerforNum .BgL	{width:43%; height:64px; float:left; box-sizing:border-box; background-color:#fff;}
.divPerforNum .BgL .Title	{width:100%; height:18px; text-align:center; padding:0 0 2px 0; font-size:13px;border-bottom:1px solid	#000;}
.divPerforNum .BgL .Num {width:100%; height:42px; text-align:right; padding-top:6px;font-weight:bold; font-size:20px; font-family:NotoSansKR_L; color:#484848;}
.divPerforNum .BgR	{width:43%; height:64px; margin: 0 0 0 20px; box-sizing:border-box; float:right;background-color:#fff;}
.divPerforNum .BgR .Title	{width:100%; height:18px; text-align:center; padding:0 0 2px 0; font-size:13px;border-bottom:1px solid	#000;}
.divPerforNum .BgR .Num {width:100%; height:42px; text-align:right; padding-top:6px; font-weight:bold; font-size:20px; font-family:NotoSansKR_L; color:#484848;}

.divPerforIndicatorD	{width:100%; height:42px; padding:0 32px 0 32px; float:left; box-sizing:border-box; clear:both;}
.divPerforIndicatorD .Bg	{width:23%; height:42px; margin:0 20px 0 0; float:left; box-sizing:border-box; background-color:#fff; border-bottom:2px solid	#d1d1d1;}
.divPerforIndicatorD .Title	{width:20%; height:42px; float:left; text-align:left; padding:16px 0 0 0; font-size:16px;}
.divPerforIndicatorD .Num {width:80%; height:42px; float:right; margin-top:6px; text-align:right; font-size:28px; font-family:NotoSansKR_L; color:#484848;}
.divPerforIndicatorD .NumRed	{width:80%; height:42px; float:right; margin-top:6px; text-align:right; font-size:28px; font-family:NotoSansKR_L; color:#d91132;}
.divPerforIndicatorD .NumYellow	{width:80%; height:42px; float:right; margin-top:6px; text-align:right; font-size:28px; font-family:NotoSansKR_L; color:#ffae00;}
.divPerforIndicatorD .NumGreen {width:80%; height:42px; float:right; margin-top:6px; text-align:right; font-size:28px; font-family:NotoSansKR_L; color:#73d301;}

.divKeyIndicatorPerfor {width:100%;height:20px;padding:4px 32px 0 24px;color:#A9A9A9;box-sizing:border-box;} /* 180607   수정 */
.divKeyIndicatorPerfor .Bg {width:25%; height:74px; border-left: solid #666 1px; text-align:left; float:left; padding:0 40px 0 14px; box-sizing:border-box;} /* 180607   수정 */
.divKeyIndicatorPerfor .TitleLeft {width:70%; height:20px; text-align:left; float:left; font-size:14px; color:#000;} /* 180607   수정 */
.divKeyIndicatorPerfor .TitleRight {width:30%; height:20px; text-align:right; float:right; font-size:14px; color:#000;} /* 180607   수정 */
.divKeyIndicatorPerfor .Num {width:70%; height:54px; text-align:left; float:left; clear:both; margin-top:12px; font-size:26px; color:#484848; font-family:'NotoSansKR_L';} /* 180607   수정 */
.divKeyIndicatorPerfor .NumRed {width:70%; height:54px; text-align:left; float:left; clear:both; margin-top:30px; font-size:26px; color:#d91132; font-family:'NotoSansKR_L';} /* 180607   수정 */
.divKeyIndicatorPerfor .NumYellow {width:70%; height:54px; text-align:left; float:left; clear:both; margin-top:30px; font-size:26px; color:#ffae00; font-family:'NotoSansKR_L';} /* 180607   수정 */
.divKeyIndicatorPerfor .NumGreen {width:70%; height:54px; text-align:left; float:left; clear:both; margin-top:30px; font-size:26px; color:#73d301; font-family:'NotoSansKR_L';} /* 180607   수정 */
.divKeyIndicatorPerfor .StandardBg {width:30%; height:54px; text-align:right; float:right;}
.divKeyIndicatorPerfor .StandardBg .Line01 {width:100%; height:20px; text-align:right; margin-top:18px; color:#000; font-size:14px;}
.divKeyIndicatorPerfor .StandardBg .Line02 {width:100%; height:20px; text-align:right; margin-top:2px; color:#000; font-size:14px;}

/*180607   수정 * 대시보드 미니탭메뉴 */
#thirdTabMenu {width:100%; margin:0 auto;}
#thirdTabMenu a {text-decoration: none;}
#thirdTabMenu .tabmenu ul {padding: 0 30px 0 30px;}
#thirdTabMenu .tabmenu li {min-width:60px; height: 28px; text-align: center; float: left; padding: 0 20px 0 20px; font-size: 12px; font-weight: bold; letter-spacing: 0px;}
#thirdTabMenu .tabmenu li.tab_on	{border-bottom:2px solid #11aaea; background-color:#fff; margin-right:2px;}
#thirdTabMenu .tabmenu li.tab_on a	{display: block; padding-top: 7px; color: #11aaea;}
#thirdTabMenu .tabmenu li.tab_off	{background-color:#fff; margin-right:2px;}
#thirdTabMenu .tabmenu li.tab_off a {display: block; padding-top: 7px; color: #666666;}
#thirdTabMenu .tabmenu li.tab_on a:hover, .tabmenu li.tab_on a:active, .tabmenu li.tab_on a:focus,
#thirdTabMenu .tabmenu li.tab_off a:hover, .tabmenu li.tab_off a:active, .tabmenu li.tab_off a:focus{text-decoration:none !important;}
#thirdTabMenu .tabmenu {height: 29px; margin-bottom: 10px; border-bottom:1px solid #d2d2d2;}

/*180524   추가 * 대시보드 미니탭메뉴 */
#thirdTabMenu {width:100%; margin:0 auto;}
#thirdTabMenu a {text-decoration: none;}
.tabmenu ul {padding: 0 30px 0 30px;}
.tabmenu li {min-width:60px; height: 28px; text-align: center; float: left; padding: 0 20px 0 20px; font-size: 12px; font-weight: bold; letter-spacing: 0px;}
.tabmenu li.tab_on	{border-bottom:2px solid #11aaea; background-color:#fff; margin-right:2px;}
.tabmenu li.tab_on a	{display: block; padding-top: 7px; color: #11aaea;}
.tabmenu li.tab_off	{background-color:#fff; margin-right:2px;}
.tabmenu li.tab_off a {display: block; padding-top: 7px; color: #666666;}
.tabmenu li.tab_on a:hover, .tabmenu li.tab_on a:active, .tabmenu li.tab_on a:focus,
.tabmenu li.tab_off a:hover, .tabmenu li.tab_off a:active, .tabmenu li.tab_off a:focus{text-decoration:none !important;}
.tabmenu {height: 29px; margin-bottom: 10px; border-bottom:1px solid #d2d2d2;}

/*
.ui-btn {border-top-width: 6px;border-left-width: 26px; border-right-width: 26px; border-bottom-width: 6px;margin-top: 8px; background-color: #ccc;}
.ui-item-btn {border-top-width: 6px;border-left-width: 26px; border-right-width: 26px; border-bottom-width: 6px; background-color: #ccc;}
*/
/* 180607   수정 */
.ui-btn {width:45px; height:45px; margin-top: 2px; background: url(../../../images/theme/blue/btn_customUI.png) no-repeat left center; border: solid #fff;}
.ui-item-btn {width:44px; height:35px; background: url(../../../images/theme/blue/btn_indicator_select.png) no-repeat left center; border: solid #fff; position:absolute; margin: -6px 0 0 174px;}

/*.drag {width: 100%; height: 100%; display: inline-block; border:1px; border:1px solid	#ececec; background-color:white;-moz-box-shadow:0 20px 34px #e9e9e9; -webkit-box-shadow:0 20px 34px #e9e9e9;}*/
.drag {width: 100%; height: 100%; display: inline-block; border:1px; border:1px solid	#ececec; background-color:white; -moz-box-shadow:0.5px 0.5px 16px 0px rgba(0,0,0,0.09); -webkit-box-shadow:0.5px 0.5px 16px 0px rgba(0,0,0,0.09);} /* 180607   수정 */
.dropCanvas {height:100%;display:inline-block;padding:10px;box-sizing:border-box;}
.wsmall {width:33.3333%;}
.wnormal {width:66.6666%;}
.wlong {width:99.9999%;}
.hnormal{height:300px;}
.hshort{height:180px;}
.hlong{height:340px;}
.dragGroup {background-color:#F5F5F5; padding: 5px 15px 5px 15px;}
#detailDiv .chartRightDetail {background-color:#f7f7f7;margin: 20px 20px 0 0;}
.signalTable {width:13px !important; display:inline-block; border-radius:10px; vertical-align:top;}

/* 180529   수정 */
.strategyToolBar-div {z-index:10;position:absolute;top:100px;left:1000px;width:120px;height:400px;background-color:#f7f7f7;border-top:2px solid	#0195d3; border-bottom: 1px solid #a7a7a7; -moz-box-shadow:0 30px 64px #e3e3e3; -webkit-box-shadow:0 30px 64px #e3e3e3; box-shadow:0 30px 64px #e3e3e3; text-align:center;}

.gridSignal {display:inline-block;width:13px;border-radius:10px;}
.chkGrp {display:inline-block; line-height:25px; min-width:120px}
.chkGrp label {margin-left:0px !important; margin-right:17px}
.ww-pre {white-space: pre-wrap; word-wrap: break-word;overflow:hidden;}

#mcTable tr.hover td {background-color:#DADADA !important}
#mcTable .mcReply {background:url(../../../images/theme/blue/tree.gif) no-repeat left center; padding-left:20px;}

.pButton3_grid {margin: 2px 0 2px 10px !important; padding: 0 10px; box-sizing:border-box; display:inline-block; height:24px; line-height:18px; text-align:center; font-size:11px; border: 1px solid #ccc; color:#666; font-weight:bold; background:#fff; text-align:center}

.ui-sortable-placeholder {visibility:visible !important; background-color:gray; opacity:0.2; /*position: absolute;*/}
.dropCanvas {float:left}

.customInput, .customCodeInput {padding-top:5px;}
.customInput input, .customCodeInput input {width:calc(100% - 75px) !important; height:20px !important;margin-bottom:5px !important;display:inline-block !important;}
.customInput .langNm, .customCodeInput .langNm {width:70px; height:20px; line-height:20px; display:inline-block; margin-bottom:5px; text-align:center; vertical-align:middle}

.popCloseOption {height:33px;line-height:33px;cursor:pointer;}
.popCloseOption input+label{line-height:33px;}

/*
	180710	kimyh
	메뉴 height 100% 관련 수정
	며칠 간 사용해보고 이상이 없으면 위에 선언된 css와 통합 예정
*/
html, body, form {height:100%;}
form {width:100%;}
#command, #layoutPopForm {height:0}
body {border-width:0px; width:100%;}
#wrap {width:100%; height:100%; display:table; min-width:1600px;min-height: 900px;}
/*#wrap {min-width:1560px; *//*max-width:1900px;*//* overflow: hidden;}*/
/*#wrap {min-width:1600px; max-width:1920px;}*/ /* 200310   수정 */
#hd {height:53px; display:table-row;}
#hd > div {position:absolute; width:100%; min-width:1560px}
#hd .head {/*max-width:1920px*/}  /* 200310   수정 */

#container {height:100%; display:table-row; border-collapse:collapse;}
.containerCellL {display:table-cell; vertical-align:top; width:220px; height:100%;position: sticky;z-index: 1;left: 0px;}  /* 200310   수정*/
.containerCellR {display:table-cell; vertical-align:top; width:100%; height:100%; background-color: #f2f4f7; /* padding-left:5px; */} /* 200320   수정*/

#gnb {height:100%;display:table-cell;}
#gnb > ul {width:100%; height:100%; position:absolute; margin:0; text-align:center;} /* 200310   수정 */
#gnb .depth2 {height:100%; position:relative;}
#gnb .depth2 .menu {height:100%;}
#contents {width:100%;height:calc(-77px + 100%);display:table; margin-left:0;} /* 200320   높이값 수정 */
#contents > h3 {height:42px;display:table-row;}
#contents > h3 > span {margin-left:28px}
#contents .contentsWrap {display:table-row;width:100%;height:100%;}
#contents .contents {width:100%; padding: 15px 13px 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#contents .contents form {display:inline-block;}
/* #gnb .close {left:238px;} */
.table100 {display:table; width:100%}
.gridContainerForResize {width:100%}
.gridContainerForResize .ui-jqgrid {display:none}

/* 181004   추가 */
/*.customSelector {margin:9px; width:180px; height:24px;border:1px solid #e1e1e1; display:inline-block;}*/
.customSelector {width:180px; height:24px;border:1px solid #e1e1e1; display:inline-block; vertical-align:middle;}
.customSelector .customSelectorSelectedTxt {background: url(../../../images/theme/blue/btn_csbx_arrow.png) no-repeat right center; width:100%; height:100%; text-align:left; text-indent:10px; line-height:24px; vertical-align:middle; background-color:#fff;}
.customSelector .customSelectorLists {width:100%; height:105px; position:absolute; top:24px; left:-1px; border:1px solid #e1e1e1;}
.customSelector .customSelectorLists input {width:94%; color:#000; padding-left:10px; height:32px; line-height:32px; border-bottom:1px solid #e1e1e1; border-top:none; border-left:none; border-right:none;}
.customSelector .customSelectorLists li {width:100%; height:26px; line-height:26px;  cursor:pointer; text-indent:10px; background-color:#fff; display:block;}
.customSelector .customSelectorLists li:hover {background-color:#ade1f5; color:#fff}
.customSelector .customSelectorLists li.lastList {border-bottom:0px;}
#customSelector2 .customSelectorLists li:hover {background-color:#1E90ff; color:#fff}
.customSelector .customSelectorSelectedTxt, .customSelector .customSelectorBtn {cursor:pointer;}
.customSelector div.open {display:block; background-color:#fff;}
.customSelector .customSelectorLists {overflow:auto;}
.customSelector .customSelectorLists li {cursor:pointer;}

/*
	하위지표점선표시
	190628 megers
*/
.subMetric {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right:5px;
    border-color: #444; /* changes to "pink" for the rest */
    border-bottom-style: dotted;
    border-left-style: dotted;
}



/*프로필사진*/
.user-avatar {
    display: inline-block;
    float:inherit;
    width: 36px;
    height: 36px;
    margin: 5px;
    line-height: 36px;
    border-radius: 50%;
    background-size: cover;
    font-weight: 100;
    font-size: 18px;
    text-align: center;
    text-shadow: 0 0 2px rgba(0,0,0,.9);
    color: white;
&.-initial {
     background-color: black;
 }
&.-large {
     width: 64px;
     height: 64px;
     line-height: 64px;
     font-size: 32px;
 }
&.-medium {
     width: 48px;
     height: 48px;
     line-height: 48px;
     font-size: 24px;
 }
&.-small {
     width: 24px;
     height: 24px;
     line-height: 24px;
     font-size: 12px;
 }
&.-icon {
     width: 16px;
     height: 16px;
     line-height: 16px;
     font-size: 8px;
     font-weight: normal;
 }
&.-online-ring {
     box-shadow: inset 0 0 0 2px #53b900;
 }
&.-online-bubble {
     position: relative;
&:after {
     content: "";
     width: 18px;
     height: 18px;
     background: #7FB54F;
     border: 3px solid #fff;
     display: inline-block;
     position: absolute;
     top: 70%;
     left: 72%;
     border-radius: 50%;
 }
}
}
.col-md-12 {
    padding:10px;
}

.ico-file{
    background: url(../../../images/new_img/ico-clip.png) no-repeat;
    display: inline-block;
    width: 17px;
    height: 17px;
    /*vertical-align: middle;*/
    padding: 0;
    /*margin: 5px 0px 0px 0px;*/
    text-indent: -9999px;
}

.delAttachFiles {
    width:13px;
    height:13px;
    background: url(../../../images/new_img/ico-layerpopup-close.gif) center no-repeat;
    background-size: 50%;
    padding-top: 0px;
    margin-left: 0px;
    margin-top: 0px;
    color:#555;
    background-color: transparent !important;
    padding-left: 0px;
    text-indent: -9999px;
    cursor: pointer; /*jk추가*/
}


.info_label_bg {
    padding: 0px 6px 1px 6px;
    background: #949ba8;
    color: #fff;
    font-size: 12px;
    border-radius: 14px;
    margin-right: 4px;
    line-height: 100%;
}
.info_num {
    font-size: 14px;
    color: #000;
    margin-right: 8px;
}

.txt_line {
    padding:0 5px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/*emkim추가*/
.target {
    display: inline-block;
    width: 980px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

.txt_line_no_padding {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}


input::placeholder {
    color: #d1d1d1;
    font-style: italic;
}
textarea::placeholder {
    color: #b5bdcc;
    /*font-weight: bold;*/
}
input::-webkit-input-placeholder {
    color: #d1d1d1;
    font-style: italic;
}
input:-ms-input-placeholder {
    color: #d1d1d1;
    font-style: italic;
}
textarea::-webkit-input-placeholder {
    color: #b5bdcc;
    /*font-weight: bold; */
}
textarea:-ms-input-placeholder {
    color: #b5bdcc;
    /* font-weight: bold; */
}



/*=============================================
=            스킨변경 칼라 선택            =
=============================================*/

/* TODO BODY ADD CLASS 따라서 색상 변경 */

body.Basic{
    /* TODO 원하는 색상 hsla값 넣어주세요 */
    /* --basic-color: hsla(217,83%,61%,1); */
    --basic-color: hsla(201.951, 100%, 40%, 1);
	
    /* TODO 공통: Hsla 세번째 인자값 위에서 -13% 빼주세요 */
    /* --basic-color-secondary :  hsla(217,83%,48%,12);
    --basic-color-tertiary : hsla(217,83%,31%,12); */
	--basic-color-secondary: hsla(201.951, 100%, 35%, 1);
	--basic-color-tertiary : hsla(201.951, 100%, 30%, 1);
}

body.Green{
    --basic-color: hsla(117,77%,36%,1);
    /* TODO Basic를 제외한 나머지 색은  --basic-color-secondary,--basic-color-tertiary 칼라색 동일합니다. */
    --basic-color-secondary: hsla(117,77%,23%,1);
    --basic-color-tertiary : hsla(117,77%,16%,1);
}

/* TODO 공통: 홈레이어 전체메뉴, 우측상단 아이콘, 설명자료 팝업아이콘, 로그아웃 아이콘 이미지색 블루->회색으로 통일 */
body.Green .home-layers ul li a::after, body.Green .head .rnb .ico-bg img, body.Green .nav li.desc-data img,body.Green .settings .bot .wrap .login img, body.Green .section2.bd .next-btn,body.Green .section2.bd .prev-btn {
    filter: grayscale(1);
}

body.Autumn{
    --basic-color: hsla(21,70%,60%,1);
    /* TODO Basic를 제외한 나머지 색은  --basic-color-secondary,--basic-color-tertiary 칼라색 동일합니다. */
    --basic-color-secondary: hsla(21,70%,56%,1);
    --basic-color-tertiary : hsla(21,70%,49%,1);
}

body.Autumn .home-layers ul li a::after, body.Autumn .head .rnb .ico-bg img, body.Autumn .nav li.desc-data img,body.Autumn .settings .bot .wrap .login img, body.Autumn .section2.bd .next-btn,body.Autumn .section2.bd .prev-btn{
    filter: grayscale(1);
}

body.Yellow{
    --basic-color: hsla(45,100%,45%,1);
    /* TODO Basic를 제외한 나머지 색은  --basic-color-secondary,--basic-color-tertiary 칼라색 동일합니다. */
    --basic-color-secondary: hsla(45,100%,39%,1);
    --basic-color-tertiary : hsla(45,100%,32%,1);
}

body.Yellow .home-layers ul li a::after, body.Yellow .head .rnb .ico-bg img, body.Yellow .nav li.desc-data img,body.Yellow .settings .bot .wrap .login img, body.Yellow .section2.bd .next-btn,body.Yellow .section2.bd .prev-btn{
    filter: grayscale(1);
}

body.DeepGreen{
    --basic-color: hsla(166,75%,44%,1);
    /* TODO Basic를 제외한 나머지 색은  --basic-color-secondary,--basic-color-tertiary 칼라색 동일합니다. */
    --basic-color-secondary: hsla(166,75%,38%,1);
    --basic-color-tertiary : hsla(166,75%,32%,1);
}

body.DeepGreen .home-layers ul li a::after, body.DeepGreen .head .rnb .ico-bg img, body.DeepGreen .nav li.desc-data img,body.DeepGreen .settings .bot .wrap .login img, body.DeepGreen .section2.bd .next-btn,body.DeepGreen .section2.bd .prev-btn{
    filter: grayscale(1);
}

body.Spring{
    --basic-color: hsla(350,100%,75%,1);
    /* TODO Basic를 제외한 나머지 색은  --basic-color-secondary,--basic-color-tertiary 칼라색 동일합니다. */
    --basic-color-secondary: hsla(350,100%,69%,1);
    --basic-color-tertiary : hsla(350,100%,62%,1);
}

body.Spring .home-layers ul li a::after, body.Spring .head .rnb .ico-bg img, body.Spring .nav li.desc-data img,body.Spring .settings .bot .wrap .login img, body.Spring .section2.bd .next-btn,body.Spring .section2.bd .prev-btn{
    filter: grayscale(1);
}

body.Red{
    --basic-color: hsla(0,100%,32%,1);
    /* TODO Basic를 제외한 나머지 색은  --basic-color-secondary,--basic-color-tertiary 칼라색 동일합니다. */
    --basic-color-secondary: hsla(0,100%,26%,1);
    --basic-color-tertiary : hsla(0,100%,19%,1);
}

body.Red .home-layers ul li a::after, body.Red .head .rnb .ico-bg img, body.Red .nav li.desc-data img,body.Red .settings .bot .wrap .login img, body.Red .section2.bd .next-btn,body.Red .section2.bd .prev-btn{
    filter: grayscale(1);
}

body.Violet{
    --basic-color: hsla(258,47%,54%,1);
    /* TODO Basic를 제외한 나머지 색은  --basic-color-secondary,--basic-color-tertiary 칼라색 동일합니다. */
    --basic-color-secondary: hsla(258,47%,48%,1);
    --basic-color-tertiary : hsla(258,47%,41%,1);
}

body.Violet .home-layers ul li a::after, body.Violet .head .rnb .ico-bg img, body.Violet .nav li.desc-data img,body.Violet .settings .bot .wrap .login img, body.Violet .section2.bd .next-btn,body.Violet .section2.bd .prev-btn{
    filter: grayscale(1);
}

body.SkyBlue{
    --basic-color: hsla(197,71%,63%,1);
    /* TODO Basic를 제외한 나머지 색은  --basic-color-secondary,--basic-color-tertiary 칼라색 동일합니다. */
    --basic-color-secondary: hsla(197,71%,57%,1);
    --basic-color-tertiary : hsla(197,71%,51%,1);
}

body.SkyBlue .home-layers ul li a::after, body.SkyBlue .head .rnb .ico-bg img, body.SkyBlue .nav li.desc-data img,body.SkyBlue .settings .bot .wrap .login img, body.SkyBlue .section2.bd .next-btn,body.SkyBlue .section2.bd .prev-btn{
    filter: grayscale(1);
}

/* 20221101 추가 */
body.Orange {
    --basic-color: hsla(18, 100%, 60%, 66);
    /* TODO Basic를 제외한 나머지 색은  --basic-color-secondary,--basic-color-tertiary 칼라색 동일합니다. */
    --basic-color-secondary: hsla(18, 100%, 54%, 66) ;
    --basic-color-tertiary: hsla(18, 100%, 47%, 66);
}

/*body.Gray {
    --basic-color: hsla(219, 16%, 21%, 3);
    --basic-color-secondary: hsla(219, 16%, 12%, 3);
    --basic-color-tertiary: hsla(219, 16%, 2%, 3);
}*/

body.Gray {
    --basic-color: hsla(201, 9%, 62%, 3);
    /* TODO Basic를 제외한 나머지 색은  --basic-color-secondary,--basic-color-tertiary 칼라색 동일합니다. */
    --basic-color-secondary: hsla(201, 9%, 56%, 3);
    --basic-color-tertiary: hsla(201, 9%, 49%, 3);
}

/*=====  End of 스킨변경 칼라 선택  ======*/


/*----------  공통 선색깔  ----------*/
body{
    --basic-border : 5px solid #f5f5f5;
}


/* Yellow , deepGreen , Spring ... 등 추가*/

.no-webkit {
    display: block;
    margin: auto;
    width: 100%;
    height: 0px;
    text-align: center;
    vertical-align: bottom;
    margin-top: 60px;
    color: #5e819e;
    font-size: 35px;
    font-weight: bold;
    line-height: 60px;
}

#gnb .depth2.menu01 .menu{background: var(--basic-color);}
#gnb .depth2.menu01 .menuLvl2{background: var(--basic-color);}
#gnb .depth2 .menu > ul:last-child{border-bottom: 1px solid rgba(255,255,255,0.3);}
#gnb .depth2 .menu > ul > li{border-top:1px solid rgba(255,255,255,0.3);}
#gnb .depth2.menu01 .menuLvl2 > li:hover{background: var(--basic-color);}
#gnb .depth2.menu01 .menuLvl3{background: var(--basic-color);}
#gnb a.close{
    left:188px;
}
#gnb a.close::before{
    content: '';
    width: 6px;
    height: 12px;
    background: url(../../../images/theme/blue/icon-gnb-close.png);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    /*z-index: 10;*/
    z-index: 1; /* kjsong 수정 */
    background-size: cover;
}
#gnb .depth2 .menu .logo{position: relative; top: -3px;}
#gnb .depth2 .menu .logo{height: 118px; line-height: 118px;}
#gnb a.close:hover, #gnb a.close.active{
    display: none;
    position: absolute;
    left: 188px;
    top: 40px;
    width: 31px;
    height: 36px;
    text-indent: -9999px;
    background: none;
}
#gnb .depth2 .menu > ul > li > a > span{line-height: 50px;}
#gnb .depth2 .menu > ul > li > a.active > span{line-height: 50px; font-weight: bold; opacity: 1;}
#gnb .depth2 .menu > ul > li > a > span{font-weight: 400;opacity: 0.9;color: #fff;}
#gnb .depth2 .menu > ul > li > a.active{border-bottom: 1px solid rgba(255,255,255,0.3);background: var(--basic-color-secondary);}
#gnb .depth2 .menu > ul > li > ul > li > a{color: #fff;opacity: 1; font-size: 14px;padding-left: 32px;padding-left: 44px;margin-left: 0;}
#gnb .depth2 .menu > ul > li > ul > li > a:hover{
    background: var(--basic-color-secondary);
}
#gnb .depth2.menu01 .menuLvl4{background: trasnparent;}
#gnb .depth2 .menu > ul > li > ul > li{border-top:none;}
#gnb .depth2 .menu > ul > li > ul > li:hover{background: var(--basic-color);}
#gnb .depth2 .menu > ul > li > ul > li > a.active{background:var(--basic-color-secondary);opacity: 1; font-weight: 600;}
#gnb .depth2 .menu > ul > li > ul > li > a.active > span.leafN{color: #fff; opacity: 1; font-weight: bold;}
/* #gnb .depth2 .menu > ul > li > ul > li > a.active > span.leafN{ background: url(../../../images/theme/blue/ico-gnbarr-close.png) no-repeat right -2px center} */ /*jk삭제*/
/* #gnb .depth2.menu01 .menuLvl4{background: var(--basic-color);} */
#gnb .depth2 .menu > ul > li > ul > li > ul > li.active > a{color: #fff;}
#gnb .depth2 .menu > ul > li > ul > li > ul > li> a{color: #fff; opacity: 1;}
#gnb .depth2 .menu > ul > li > ul > li > ul > li> a:hover span{
    opacity: 1; font-weight: bold;
}
#gnb .depth2 .menu > ul > li > ul > li > ul > li .active{color: #fff;}

.CellR-main-tab{
    margin-bottom:10px; /*jk추가*/
}
.CellR-main-tab ul{
    display: flex;
    border-bottom: 1px solid #cccccc;
}
.CellR-main-tab ul li {
    flex: 1; text-align: center;
    position: relative;
    /* max-width: 185px; */
    transition: all 0.4s ease-in-out;
}
.CellR-main-tab ul li:hover{
    flex:1.2;
}
.CellR-main-tab ul li a{
    display: block; height: 40px;
    line-height: 38px;
    font-weight: 500; color: #666666; text-align:center;
}
.CellR-main-tab ul li a::after{
    content: '';
    display: inline-block;
    left: 0; right: 0; bottom: 0;
    height: 2px; background: var(--basic-color-tertiary);width: 100%;
    position: absolute;
    width: 0%;
    transition: all 0.4s ease-in-out;
}
.CellR-main-tab ul li.active a{
    color: var(--basic-color-tertiary); font-weight: bold;
}
.CellR-main-tab ul li.active a::after{
    content: '';
    display: inline-block;
    left: 0;  bottom: 0;
    height: 4px; background: var(--basic-color-tertiary);width: 100%;
    position: absolute;
}
.CellR-main-tab ul li a:hover{
    color: var(--basic-color-tertiary); font-weight: bold;
}
.containerCellR{background: #fff;}
.contents{background: #fff;}
#contents .contents{padding-top: 12px;}
#contents > .contentsWrap > .contents{overflow: auto; height: calc(100vh - 41px);}
.tbl-bg{box-shadow: none; padding: 0;border-bottom: none;}
.com-border{
    background: #fff;
    border : var(--basic-border); border-radius: 10px;
    padding: 10px 20px;
}
.com-sarch-type01{}
.com-sarch-type01 .flex{
    display: flex;
}
.com-sarch-type01 .flex .lef{
    flex: 1;
}
.com-sarch-type01 .flex .lef ul{
    display: flex;
    flex-wrap: wrap;
}
.com-sarch-type01 .flex .lef ul li{
    flex: 1 1 33.3%;
    max-width: 33.3%;
    margin-bottom: 12px;
}
.com-sarch-type01 .flex .lef ul.w100 li{
    flex:1 1 100%;
    max-width: 100%;
}
.form-wrap{
    position: relative;
}
.form-wrap.flex{
    display: flex;
}
.form-wrap .form-chkbox__control{
    margin-right: 15px;
    padding-left: 22px;
}
.form-wrap.flex .form-chkbox__indicator{
    left: 10px;
    top: 10px;
}
.form-wraps .form-chkbox__control{
    display: flex;
}
.form-wrap .c-form-box{
    display: flex; align-items: center;
    position: relative;
}
.form-wrap .c-form-box span{
    display: inline-block; width: auto; background: #a5a5a5;
    color: #fff; font-weight: 500; text-align: center;
    position: relative;
    padding: 4px 12px 5px 7px; box-sizing: border-box;
    border-radius: 5px;
    margin-right: 6px;
    font-size: 13px;
}
.form-wrap .c-form-box span img{
    display: inline-block; margin-left: 2px;
    cursor: pointer;
    position: relative;
    top: -1px;
}
.form-wrap button, a:has(.svg-search) { /*jk추가*/
    position: absolute;
    /* background: url(../../../images/theme/blue/c-search.png)no-repeat; */ /*jk삭제*/
    width: 20px; height: 20px;
    top: 53%;
    transform: translateY(-50%);
    right: 8px;
}
.form-wrap button.r22{
    right: 22px;
}
.com-sarch-type01 .flex .lef ul li dl{
    display: flex;
    align-items: center;
    margin-right: 18px;
}
.com-sarch-type01 .flex .lef ul li dl dt{
    position: relative;
    font-size: 14px;
    color: var(--basic-color);  /* kjsong 수정 */
    font-weight: bold;
    margin-right: 13px;
    flex: 0 0 95px;
    padding-left: 12px;
}
.singleLine .flex .lef ul li dl dt{ /*sjHa 추가*/
    flex: none !important;
}
.com-sarch-type01 .flex .lef ul li dl dt::before{
    content: '';
    position: absolute; left: 0; top: 50%; transform: translateY(-50%);
    width: 3px; height: 14px;  background: var(--basic-color);
}
.com-sarch-type01 .flex .lef ul li dl dd{
    flex: 1;
}
.com-sarch-type01 .flex .lef ul li dl dd select{}
.com-sarch-type01 .flex .ref{
    flex: 0 0 180px;
    display: flex;
    align-items: flex-end; justify-content: flex-end;
}
.com-had-type01{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom:10px; /*jk추가*/
}
.com-had-type01.left{ /*jk추가*/
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom:10px;
}

.com-had-type03{ /*jk추가*/
    display: flex;
    justify-content: flex-end; align-items: center;
}
#contents .contentsWrap{background: #fff;}
.com-tbl-wrap{
    max-height: 701px;
    margin-top: 10px;
    overflow-y: auto; /*jk수정*/
}
.com-tbl-wrap.mh80{
    max-height: 80vh;
}
.com-tbl-wrap.mh60{
    max-height: 60vh;
}
.com-tbl-wrap.mh30{
    max-height: 300px;
}
.com-tbl-wrap.mt0{margin-top: 0;}
.com-table{
    border-collapse: collapse;
}
.com-table.td-p10 td{padding: 10px;}
.com-table tr{}
.com-table tr th .form-chkbox__indicator{
    background: none; border: 1px solid #fff;
}
.com-table  tr th .form-chkbox__indicator::after{display: none;}

/* kjsong 수정 */
.com-table tr th{
    height: 35.5px; line-height: 35.5px; text-align: center;
    /*background: var(--basic-color-tertiary);*/
    background: var(--basic-color);
    color: #fff; font-size: 14px; font-weight: bold;
    border: 0.5px solid #b5b5b5;
    position: sticky;
    top: 0px;
    z-index: 0;
}
.com-table tr td a:hover{
    color: var(--basic-color-tertiary) !important; /*수정*/
}
.com-table tr:hover {
    background: #e7eaff!important;
}
.com-table tr td{
    /* min-height: 36px; */ /*jk삭제*/
    text-align: center;
    height: 38px; /*jk수정*/
    padding: 8px 10px; /*jk수정*/
    border: 0.5px solid #b5b5b5;
    font-weight: 500;
    font-size: 14px;
    color: #222222;
    line-height: 1.4;
    word-break: keep-all;
    box-sizing: border-box; /*jk추가*/
}
.com-table tr:nth-of-type(2n-1){
    background: #f4f4f4;
}
.com-table tr td.left{
    padding-left: 20px; box-sizing: border-box;
}
.com-table tr th.left,.com-table tr td.left,.com-table tr td.left a{
    text-align: left;
}
.com-table tr td a{
    font-weight: bold;
    color: #222222;
    text-decoration: underline;
    /* text-decoration-style: solid; */
    text-underline-offset: 7px;
    /*jk추가*/
    /*display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;*/
}
.com-table tr .underline2{	/*ds추가 tr underline*/
    font-weight: bold;
    color: #222222;
    text-decoration: underline;
    /* text-decoration-style: solid; */
    text-underline-offset: 7px;
    /*jk추가*/
    /*display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;*/
}
.tbl-bg{height: 100%;}

/* 팝업 */
.cd-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index: 12;
}
.cd-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container {
    position: fixed;
    /*width: 760px;*/
    width : auto; /* kjsong 수정 */
    background: #FFF;
    border-radius: 0.25em 0.25em 0.4em 0.4em;
    text-align: center;
    -webkit-box-shadow: 0 0 20px rgb(0 0 0 / 20%);
    box-shadow: 0 0 20px rgb(0 0 0 / 20%);
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 10px;
}
.cd-popup-container .had-tit {
    min-height: 25px; /*jk추가*/
    padding: 10px 10px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    color: #Fff;
    text-align: left;
    padding-left: 23px;
    position: relative;
    border-radius: 10px 10px 0 0;
    background: var(--basic-color-tertiary);
}
.cd-popup-container .had-tit::before{
    content: '';
    width: 4px;
    height: 20px;
    background: #fff;
    border-radius: 5px;
    position: absolute;
    left: 11px;
    top: 14px;
}
.cd-popup .c-btn-set{
    justify-content: flex-end;
}
.cd-popup .contents{
    padding: 10px!important;
    background: #e8e8e8;
    border-radius: 10px;
}
.cd-popup .contents .bg-info{
    background: #fff;
    border-radius: 5px;
    border: 1px solid #aaa;
    padding: 13px 18px; /*jk수정*/
}
.modal-body .bg-info{ /*jk추가*/
    background: #fff;
    border-radius: 5px;
    border: 1px solid #aaa;
    padding: 13px 18px;
}
.bg-info .pop-tbl-type01{}
.bg-info .pop-tbl-type01 table{}
.bg-info .pop-tbl-type01 table tr{}
.bg-info .pop-tbl-type01 table tr th{
    /*border-left: none!important;*/ /*jk삭제*/
    text-align: left;
    padding-left: 13px;
    font-size: 14px;
    font-weight: bold;
    color: var(--basic-color-tertiary);
}
.bg-info .pop-tbl-type01 table tr th:first-child{
    border-left: none!important;
}
.bg-info .pop-tbl-type01 table tr td{
    border-right: none!important;
}
.bg-info .pop-tbl-type01 table tr th.bl-show{
    border-left: 1px solid #ddd!important;
}
.bg-info .pop-tbl-type01 table tr th,.cd-popup,.contents .bg-info .pop-tbl-type01 table tr td, .bg-info .pop-tbl-type01 table tr td{ /*jk추가*/
    border: 1px solid #ddd;
    line-height: 1;
    text-align: left;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 14px;
    padding: 10px 16px;
}
.contents .bg-info .pop-tbl-type01 table tr td span.txt, .bg-info .pop-tbl-type01 table tr td span.txt { /*jk추가*/
    font-weight:bold;
    color : #010101;
    word-break: break-all;
}
.cd-popup-container .cd-buttons.w100 li {
    width: 100%;
}
.cd-popup-container .cd-buttons li {
    float: left;
    width: 50%;
    list-style: none;
}
.cd-popup-container .cd-buttons .cd-close {
    background: #a5c544 !important;
}
.cd-popup-container .cd-buttons:after {
    content: "";
    display: table;
    clear: both;
}

/* 공통 */
.deptTreeFolds2{
    background: #fff url(../../../images/theme/blue/c-s-up2.png);
    width: 10px;
    height: 6px;
    position: absolute;
    left: -7px;
    top: 8px;
}
.t-form-input{
    margin-left: 10px;
    width: 280px; height: 24px;
    line-height: 24px;
    padding: 5px 10px; box-sizing: border-box;
    background: #fff;
}
.t-form-input::placeholder{
    font-size: 14px;
    color: #aaaaaa;
    font-style: normal;

}
.po-stc{
    position: sticky;
    top: 0; left: 0; right: 0; width: 100%; z-index: 0; /*emkim z-index 0으로변경*/
}
.h800{
    height: 800px;
    overflow-y: scroll;
}
.h740{ /* kjsong 추가 */
    height: 740px;
    overflow-y: scroll;
}
.h750{ /* kjsong 추가 */
    height: 750px;
    overflow-y: scroll;
}
.h686{ /* kjsong 추가 */
    height: 686px;
    /*overflow-y: scroll;*/
}
.h780{ /* kjsong 추가 */
    height: 780px;
    /*overflow-y: scroll;*/
}
.bg-main{
    background: var(--basic-color); /* kjsong 수정 */
    color: #fff;
}
.size-mid{
    width: 100px; height: 30px; line-height: 30px; font-size: 14px; font-weight: bold; border-radius: 5px;
}
.size-lg{
    width: 100%;height: 30px; line-height: 30px; font-size: 14px; font-weight: bold; border-radius: 5px;
}
.size-tag{
    width: 60px; height: 20px; line-height: 20px; color: #ffffff; background: #b2b2b2; text-align: center; font-size: 12px; display: inline-block; border-radius: 5px;
}
.bd-none{border:none!important;background: #f5f5f5; /* kjsong추가 */}
.bd-none.h800+.bd-none.h800 .com-card1 a
.c-main{color: var(--basic-color-tertiary);font-weight: bold;}
.c-red{font-weight: bold; color: #ff332e;}
.section1{padding: 12px 0;}
.section2{padding-top: 12px;}
.section2.bd{position: relative; padding:10px; border: 1px solid #cccccc; border-radius:0 0  5px;}
.section2.bd.p-bd-none{
    padding: 0; border:none;
    padding-top: 20px;
}
.section2.bd .next-btn{
    background: var(--basic-color-tertiary);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background-size: cover;
    position: absolute;
    left: auto;
    right: 33%; /*jk수정*/
    top: 45%;
    transform: translateY(-50%);
}
.section2.bd .prev-btn{
    position: absolute;
    background: var(--basic-color-tertiary);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background-size: cover;
    left: auto;
    right: 33%; /*jk수정*/
    top: 50%;
    transform: translateY(-50%);
}
.section2.bd .next-btn:after,.section2.bd .prev-btn:after{
    position: absolute;
    left: 11px;
    top: 4%;
    content: '';
    width: 10px;
    height: 10px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(225deg) translate(-50%,-50%);
}
.section2.bd .next-btn:after{
    transform: rotate(45deg);
    left: 6px;
    top: 9px;
}
/*hjahn 추가*/
.section2.bd .prev-btn:after{
	top: -4%;
}
/*kjsong 추가*/
.download span.excelDownload {background:url(../../../images/theme/blue/ico-excel.png) no-repeat; padding-left:29px; }

a.download{
    display: inline-block; width: 140px; height: 30px;
    border: 1px solid var(--basic-color-tertiary);
    border-radius: 5px; text-align: center; line-height: 28px;
    color: var(--basic-color-tertiary); font-weight: bold; font-size: 14px;
}
a.download img{
    display: inline-block; margin-right: 5px;
    position: relative;
    top: -2px;
}
a.download span{}
.c-btn-set{
    display: flex;
    /* gap: 10px; */ /*jk삭제*/
}
.c-btn-set > li{ /*jk추가*/
    padding-right:10px;
}
.c-btn-set > li:last-child{ /*jk추가*/
    padding-right:0px;
}
.flex-end{
    display: flex;
    justify-content: flex-end;
    position: relative;
    z-index: 0; /* kjsong 수정 */
}
.c-btn-set.mt-10{ /*ds추가*/
    margin-top: -10px;

}
.c-btn-set.mt-30{
    margin-top: -32px;

}
.c-btn-set.mt-40{ /*ds추가*/
    margin-top: -40px;

}
.c-btn-set.mt8{
    margin-top: 8px;

}
.c-btn-set.mb-10{ /*ds추가*/
    margin-bottom: -10px;
}

.c-btn-set li a{
    display: block;
    min-width: 100px;
    height: 30px;
    line-height: 30px;
    background: var(--basic-color-tertiary);
    text-align: center;
    color: #fff;
    border-radius: 5px; font-weight: bold; font-size: 14px;
}
.c-btn-set li.detail a{
    min-width: 55px !important;
    background: #a0a0a0;
    color: #fff;
}
.c-btn-set li.delete a{
    background: #a0a0a0;
    color: #fff;
}
.c-btn-set li.default a{
    background: #fff;
    border: 1px solid var(--basic-color-tertiary);
    color: var(--basic-color-tertiary); font-weight: bold; font-size: 14px;
}
.c-btn-set li a img{
    display: inline-block; margin-right: 3px;
    position: relative;
    top: -2px;
}
.c-btn-set li a span{}

/* form */
.form-chkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
}
.form-chkbox__control {
    font-size: 1.25rem;
    font-weight: 500;
}
.form-chkbox__control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-left: 1.875rem;
    font-size: 1rem;
}
.form-chkbox__control:not(:disabled) {
    cursor: pointer;
}
.form-chkbox input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.form-chkbox__indicator {
    top: 48%;
}
.form-chkbox__indicator {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    height: 15px;
    width: 15px;
    border: 1px solid #b5b5b5;
}

.form-chkbox input:checked + .form-chkbox__indicator {
    background: var(--basic-color-tertiary);
    border: 1px solid var(--basic-color-tertiary);
}
.form-chkbox__indicator::after {
    content: '';
    position: absolute;
    left: 4px;
    top: 0px;
    width: 0.1875rem;
    height: 0.5rem;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: none;
}
.form-chkbox input:checked + .form-chkbox__indicator::after{
    display: block;
}
.radio-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.form-radio {
    position: relative;
}
.form-radio input[type="radio"] {
    opacity: 0;
    position: absolute;
    z-index: -1;
    overflow: hidden;
    position: absolute;
    left: 1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0.875rem;
    height: 0.875rem;
    background: transparent;
    border: 0;
}
.form-radio label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    min-width: 1rem;
    min-height: 1rem;
    line-height: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 20px;
}
.form-radio label:before {
    content: "";
    display: block;
    display: inline-block;
    min-width: 1rem;
    height: 1rem;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    line-height: 1.125rem;
}
.form-radio label p {
    padding-left: 0.5rem;
    font-weight: 400;
    font-size: 14px; font-weight: 500;
    color: #333;
}
.form-radio label:after {
    content: "";
    display: block;
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    left: 0.1875rem;
    top: 18%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.form-radio input[type="radio"]:checked + label::after {
    background-color: var(--basic-color-tertiary) !important;
    border: 1px solid var(--basic-color-tertiary) !important;
}
.c-form-input,.c-form-box{
    width: 100%; height: 30px; line-height: 30px;color: #010101; font-weight: bold; padding: 8px 10px; border: 1px solid #aaaaaa; border-radius: 3px;
}
.c-form-input::placeholder{
    color: #bbb;
    font-size: 14px;
    font-style: normal;
}

.c-form-select{width: 100%; height: 30px; line-height: 28px;color: #010101; font-weight: bold; padding: 8px 10px; border: 1px solid #aaaaaa; border-radius: 3px;  -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(../../../images/theme/blue/c-s-down.png) no-repeat right 10px center!important;}
.c-form-select option{
    border-radius: 3px;
}

/*kjsong 수정*/
.pagings {
    position: relative;
    clear: both;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 1.975rem;
    z-index: 0;
    margin-top: 10px !important;   /* ds수정 */
    margin-bottom: 0;
    display: flex;
    justify-content: center;
}
.pagings span:first-child {
    margin-left: 0;
}
.pagings span {
    vertical-align: middle;
    display: inline-block;
    width: 3rem;
    line-height: 1.975rem;
    text-align: center;
    margin-left: -1px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 30px;
    height: 30px;
    border: 1px solid #b5b5b5;
}
.pagings span a {
    vertical-align: middle;
    display: block;
    height: auto;
    color: #424242;
    font-size: 1rem;
    font-family: "Noto Sans KR";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    height: 100%;
    align-items: center;
    font-size: 14px;
    color: #b5b5b5;
}
.pagings span img {
    vertical-align: middle;
    max-width: 100%;
    border: 0 solid #ccc;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.pagings span.on {
    vertical-align: middle;
    color: #fff;
    /*background: var(--basic-color-tertiary);*/
    background: var(--basic-color); /* kjsong 수정 */
}
.pagings span.on a {
    color: #fff;
    font-weight: bold;
}
.com-tpy-had3{}
.com-tpy-had3 p{
    font-weight: bold; color: #333333;
    position: relative; padding-left: 12px;
    font-size: 20px;
}
.com-tpy-had3 p::after{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 14px;
    background: var(--basic-color-tertiary);
}
.com-tpy-had2{
    position: relative;
    padding: 6px 8px;
    background: var(--basic-color-tertiary);
    font-size: 20px; font-weight: bold; color: #fff;
    display: inline-block;
}
.com-tpy-had2 p{
    padding-left: 15px;
}
.com-tpy-had2 p:after {
    content: '';
    width: 4px;
    height: 20px;
    background: #fff;
    border-radius: 5px;
    position: absolute;
    left: 11px;
    top: 50%; transform: translateY(-50%);
}

.com-tpy-had{
    height: 45px;
    line-height: 45px;
    background: var(--basic-color-secondary);
    display: flex;
    align-items: center;
    border-radius: 10px 10px 0 0;
    justify-content: space-between;
}
.com-tpy-had.gray{
    background: #aaaaaa;
    border-radius: 3px 3px 0 0;
}
.com-tpy-had p{
    position: relative;
    padding-left: 24px;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
}
.com-tpy-had p:after{
    content: '';
    width: 4px;
    height: 20px;
    background: #fff;
    border-radius: 5px;
    position: absolute;
    left: 11px;
    top: 1px;
}
.bg-info{
    padding: 15px 10px;
}
.com-bg-info{
    padding: 15px 10px;
    background: #f5f5f5;
    border-radius: 0 0 10px 10px;
}
.com-bg-info.bd-full{
    border-radius: 10px 10px 10px 10px;
}
.com-bg-info.bg-fff{
    background: #fff;
    border: 1px solid #aaaaaa;
}
.br-none{
    border-right: none!important;
}
.bl-none{
    border-left: none!important;
}
.c-form-txtarea{
    min-height: 83px;
    box-sizing: border-box;
    border:1px solid #aaaaaa;
    padding: 6px 8px;
    border-radius: 5px;
    width: 100%;
    color: #010101;
    font-weight: bold;
}

.c-form-txtarea-input{
    min-height: 83px;
    box-sizing: border-box;
    border:1px solid #aaaaaa;
    padding: 6px 8px;
    border-radius: 5px;
    width: 100%;
    color: #010101;
    font-weight: bold;
    resize: vertical;
}

.c-form-txtarea::placeholder{
    font-size: 14px; color: #aaaaaa; font-weight: 500;
}
.card-type01{
    display: flex;
    gap: 20px;
}
.card-type01 li{
    flex: 1;
}
.card-type01 li a{
    text-align: center;
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #dddddd;
    border-radius: 10px;
    border: 1px solid #c7c7c7;
}
.card-type01 li a:hover{
    border: 2px solid var(--basic-color-tertiary);
}
.card-type01 li .toggle-btn-wrap{
    width: 260px;
    height: 110px;
    border-radius: 100px;
    background: #999999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card-type01 li .toggle-btn-wrap .knobs{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #fff;
    margin-right: 60px;
}
.card-type01 li .toggle-btn-wrap p{
    font-size: 48px;
    color: #fff;
    font-weight: bold;
}
.card-type01 li .l-name{
    font-size: 42px;
    margin-left: 36px;
    color: #999999;
    font-weight: bold;
}
.card-type01 li.is-active  .toggle-btn-wrap .knobs{
    margin-right: 60px;
    margin-left: 0;
}
.card-type01 li.nth-2 .toggle-btn-wrap .knobs{
    margin-left: 60px;
    margin-right: 0;
}
.card-type01 li.is-active a{background: #fff;}
.card-type01 li.is-active .toggle-btn-wrap{background: #81df42;}
.card-type01 li.is-active .l-name{color: #2d2d2d;}
.card-type01 li.is-active.nth-2 .toggle-btn-wrap .knobs{
    margin-right: 0px;
    margin-left: 60px;
}
.card-type01 li.is-active.nth-2 .toggle-btn-wrap{background: #ff4747;}

.com-border2{
    border: 1px solid #cccccc;
    border-radius: 5px;
}
.flex-w30{
    display: flex;
    gap:15px;
}
.flex-w30>div{
    flex:1;
    border-radius: 5px;
    border: 1px solid #999999;
}
.flex-w30 .lef{
    flex:0 0 19%;
}
.flex-w30 .ref{}
.flex-w50{
    display: flex;
    gap: 20px;
}
.flex-w50>div{
    flex:1;
}
.flex-w50 .lef{
    max-height: calc(100% - 70px);
}
.flex-w50 .ref{}
.com-had-type02{
    border: 1px solid #ccc;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px;
}
.com-had-type02.bg-fff{
    background: #fff;
}
.com-had-type02>div{
    display: flex;
    flex:1;
    align-items: center;
    margin-right: 10px;
}
.com-had-type02 .tit{
    position: relative;
    font-size: 14px;
    font-weight: bold;
    color: var(--basic-color-tertiary);
    margin-right: 15px;
    flex: 0 0 130px;
    padding-left: 14px;
}
.com-had-type02 .tit.sm{
    flex:0 0 73px;
}
.com-had-type02 .tit::before{
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 14px;
    background: rgb(37, 51, 120);
}
/*ghjang 추가 - 트리 구조 css*/
.com-had-type04 .flex .ref{
    flex: 1;
    margin-right: 10px;
    display: flex;
    justify-content: flex-end;
}

.com-had-type04 .flex{
    height: 45px;
    display: flex;
    align-items: center;
    border-radius: 10px 10px 0 0;
}

.com-had-type04 .flex .lef{
    flex: 2;
    position: relative;
    padding-left: 24px;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
}

.com-had-type04 .flex .lef:after{
    content: '';
    width: 4px;
    height: 20px;
    background: #fff;
    border-radius: 5px;
    position: absolute;
    left: 11px;
    top: 1px;
}

.com-had-type04.gray{
    background: #aaaaaa;
    border-radius: 3px 3px 0 0;
}
/****/

.dept-roots{
    padding: 10px 0px;
    overflow: auto; /*jk추가*/
    white-space: nowrap; /*ghjang 추가 (가로 스크롤)*/
}
.dept-roots li{position: relative;padding-left: 15px;}
.dept-roots > li{
    margin-bottom: 18px;
}
.dept-roots > li.mb0 button{
    padding-left: 0;
}
.dept-roots button{
    color: #333;
    font-size: 15px; /*jk수정*/
    font-weight: 400;
    margin-bottom: 15px;
    padding : 0px 3px; /*jk추가*/
}
.dept-roots span{ /*jk추가*/
    color: #333333;
    font-size: 15px; /*jk수정*/
    font-weight: 400;
    padding : 3px 3px;
    font-family: 'NotoSansKR';
    background-color: #fff;
    letter-spacing: -0.025em;
    vertical-align: middle;
    margin-bottom: 5px; /*jk수정*/
    display: inline-block;
    cursor : pointer;
    margin-left:10px;
}
.dept-roots button.is-active{
    font-weight: bold;
}
.dept-roots button.is-active-main{
    font-weight: bold;
    color: var(--basic-color)
}
.dept-roots span.is-active{ /*jk추가*/
    font-weight: bold;
}
.dept-roots span.is-active-main{ /*jk추가*/
    font-weight: bold;
    color: var(--basic-color) !important
}
.dept-roots span.is-select-main{ /*hj추가*/
    font-weight: bold;
    color: #ff0000 !important;
}
.dept-roots span.compClick{ /*hj추가*/
    width: 97%;
    text-align: left;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.dept-roots li.compRoot1 { /*hj추가*/
    max-width: 99%;
    margin-bottom: 0px;
}

.deptTreeFolds{
    background: #fff url(../../../images/theme/blue/c-s-up.png);
    width: 9px;
    height: 10px;
    position: absolute;
    left: 10px;
    top: 4px;
}
.deptTreeFolds.is-active{
    width: 10px;
    height: 9px;
    background: #fff url(../../../images/theme/blue/c-s-down.png);
}
.deptTreeIsleafs{
    background: #fff url(../../../images/theme/blue/c-s-bar.png); width: 9px; height: 2px;
    position: absolute;
    left: 10px;
    top: 10px; /*jk수정*/
}
.deptTreeIsleafs2{
    background: #fff url(../../../images/theme/blue/c-s-down2.png);
    width: 6px;
    height: 10px;
    position: absolute;
    left: -2px;
    top: 6px;
}
.com-group-area{padding: 10px;
    border: 1px solid #aaaaaa;
    margin: 10px 0;
    border-radius: 5px;}
.com-group-area ul{}
.com-group-area ul li{margin-bottom: 9px;
    font-weight: bold; font-size: 14px;
    color: #333333;}
.com-group-area ul li.is-active{    color: #ff3030;}
select[multiple="multiple"] option {  /*jk추가*/
    min-height:24px;
    font-weight: bold;
    font-size: 14px;
    color: #333333;
}
select[multiple="multiple"] option:checked { /*jk추가*/
    background-color : var(--basic-color);
}
.auth.flex{    display: flex;
    gap: 70px;}
.auth.flex .lef.flex{
    flex: 1;
    /* border: 1px solid #aaaaaa; */
    border-radius: 5px;
    display: flex;
    gap: 10px;
    min-height: 550px; /*jk수정*/
}
.auth.flex .lef.flex>div:nth-of-type(1){
    border: 1px solid #aaa;
    border-radius: 5px;
    flex: 1;
}
.auth.flex .lef.flex>div:nth-of-type(2){
    border: 1px solid #aaa;
    border-radius: 5px;
    flex: 1;
}
.auth.flex .ref{
    flex: 0 0 31.75%;
    border-radius: 5px;
    border: 1px solid #aaa;
}
.auth2{
    display: flex;
    gap: 10px;
}

.auth2>.lef{
    display: flex;
    gap: 10px;
    /*flex: 0 0 40%;*/
    flex: 0 0 35%; /* kjsong수정 */
}
.auth2>.lef>div{
    flex:1;
}
.auth2>.lef ul{
    padding: 20px 10px;
    /*background: #f5f5f5;*/  /* kjsong 수정 */
}
.auth2>.lef ul li{
    margin-bottom: 10px;
}
.auth2>.ref{
    flex: 1;
}
.auth2>.ref.bd-none>ul{
    padding: 10px;
    background: #f5f5f5;
}
.auth2 .bg-info{
    padding: 10px;
    background: #f5f5f5;
}
.auth2 .bg-info .root{
    background: #fff;
    border: 1px solid #c7c7c7;
    border-bottom: none;
}
.auth2 .bg-info .root li .tit{
    font-size: 16px;
    color: #333333;
}
.auth2 .bg-info .root li .tit:hover{
    color: var(--basic-color);
}
.auth2 .bg-info .root li .value{
    background:transparent;
}
.auth2 .bg-info .root li .row{
    display: flex; align-items: center; justify-content: space-between;
    height: 40px; line-height: 40px;
    border-bottom: 1px solid #c7c7c7;
    padding-right: 15px;
}
.auth2 .bg-info .root li .row .lef{
    position: relative;
}
.auth2 .bg-info .root>li>.row{
    padding-left: 35px;
}
/* 20221101 lcy 수정 */
.auth2 .bg-info .root>li>ul>li>.row{
    padding-left: 35px;
}
.auth2 .bg-info .root>li>ul>li>ul>li>.row{
    padding-left: 35px;
}
.auth2 .bg-info .root>li>ul>li>ul>li>ul>li>.row{
    padding-left: 35px;
}
.auth2 .bg-info .root>li>ul>li>ul>li>ul>li>ul>li>.row{
    padding-left: 35px;
}
.auth2 .bg-info .root>li>ul>li>ul>li>ul>li>ul>li>ul>li>.row{
    padding-left: 35px;
}
.auth2 .bg-info .root>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>.row{
    padding-left: 35px;
}
.auth2 .bg-info .root>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>.row{
    padding-left: 35px;
}
.auth2 .bg-info .root>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>.row{
    padding-left: 35px;
}
/* 20221101 lcy 수정 eee */
.com-card1{
    width: 100%;
    height: 90px;
}
.com-card1 a{
    position: relative;
    display: block;
    width: 100%; height: 100%;
    border: 1px solid #c7c7c7;
    background: #ffffff;
    border-radius: 5px;
    transition: all 0.4s ease-in-out;
}
.com-card1 a::after{
    position: absolute;
    content: '';
    left: 0; top: 0; bottom: 0; height: 100%;
    width: 10px;
    background: #999999; border-radius: 5px 0 0 5px;
}
.com-card1 a .txt-wrap{
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}
.com-card1 a .txt-wrap .lef{
    font-size: 20px;
    font-weight: bold;
    color: #2d2d2d;
    margin-left: 20px;
    margin-top: 3px;
}
.com-card1 a .txt-wrap .ref .num{
    position: absolute;
    right: 17px;
    bottom: 13px;
    font-size: 32px;
    font-weight: 500;
    background: transparent!important;
}

.com-card1.is-active a ,ul.hover .com-card1:hover a{
    background: #edf2ff;
}
.com-card1.is-active a::after,ul.hover .com-card1:hover a:after{
    background: var(--basic-color-tertiary);
}
.com-card1.is-active a .num , .com-card1.is-active .size-tag{
    background: var(--basic-color-tertiary);
}
.c-chart{
    position: relative; padding: 0 10px;
}
.c-chart .flex{
    display: flex;
    align-items: center;
}
.c-chart .flex>div{
    flex:1;
}
.c-chart .color-bg{
    display: block;
    width: 28px;
    height: 28px;
    /* background: #63b7f8; */
    border-radius: 6px;
    flex: 0 0 28px!important;
    cursor: pointer;
}
.c-chart .color-value{
    margin-left: 6px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #b5b5b5; border-radius: 5px;
}
.c-chart .color-value.left{
    justify-content: flex-start;
    padding-left: 10px;
}

.svg-search{
    fill:var(--basic-color-tertiary);
    stroke-width: 0;
}

.c-chart .color-value span{
    font-weight: 500;
    color: #2d2d2d;
    font-size: 14px;
}
.colorpicker{
    position: absolute;
    z-index: 11;
    width: 176px; height: 204px;
    background: url(../../../images/theme/blue/bg-colorpicker.png);
    top: 34px;
}
.desc-txt{
    color: darkred;
}
.process-wrap{}
.bd-line-type1{
    border: 1px solid #aaaaaa;
    padding: 10px 7px;
    border-radius: 5px;
}
.bd-line-type2{
    background: #f5f5f5;
    padding: 10px;
    border-radius: 5px;
}
.process-wrap ul.protype1{
    display: flex;
    gap: 12px;
}
.process-wrap ul.protype1 li{
    flex: 1; transition: all 0.4s ease-in-out;
}
.process-wrap ul.protype1 li a .wrap{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #aaaaaa;
    border-radius: 5px;
    padding: 16px 0;
    padding-top: 32px;
    transition: all 0.4 ease-in-out;
    height: 109px;
}
.process-wrap ul.protype1 li a .wrap::after{
    content: '';
    position: absolute;
    left: 0; width: 100%; top: 0;
    height: 11px;
    background: #c7c7c7;
    border-radius: 5px 5px 0 0;
}
.process-wrap ul.protype1 li a .wrap p{
    font-size: 20px;
    font-weight: bold;
    color: #c7c7c7;
}
.process-wrap ul.protype1 li a .wrap svg{
    position: relative;
    margin-right: 15px;
}
.process-wrap ul.protype1 li a .wrap svg path,.process-wrap ul.protype1 li a .wrap svg rect,.process-wrap ul.protype1 li a .wrap svg line,.process-wrap ul.protype1 li a .wrap svg ellipse{
    position: relative;
    fill: transparent;
    stroke: #C7C7C7!important;
    stroke-width: 2;
    transition: all .4s ease-in-out;
    stroke-dasharray: 150;
    /* animation-delay: 0.4s;
    animation: ani 4s; */
}
.process-wrap ul.protype1 li:hover{
    flex:1.1;
}
.process-wrap ul.protype1 li a .wrap:hover p{
    color: var(--basic-color-tertiary);
}
.process-wrap ul.protype1 li a .wrap:hover::after{
    background: var(--basic-color-tertiary);
}
.process-wrap ul.protype1 li a .wrap:hover svg path,.process-wrap ul.protype1 li a .wrap:hover svg rect,.process-wrap ul.protype1 li a .wrap:hover svg line,.process-wrap ul.protype1 li a .wrap:hover svg ellipse{
    stroke: var(--basic-color-tertiary)!important;
    animation: ani 3s;
}
.process-wrap ul.protype1 li.is-active a .wrap p{
    color: var(--basic-color-tertiary);
    font-weight: bold;
}
.process-wrap ul.protype1 li.is-active a .wrap::after{
    background: var(--basic-color-tertiary);
}
.process-wrap ul.protype1 li.is-active a .wrap svg path,.process-wrap ul.protype1 li.is-active a .wrap svg rect,.process-wrap ul.protype1 li.is-active a .wrap svg line,.nav > ul > li a svg line,.nav > ul > li a svg path,.head .rnb .ico-bg svg path,.head .rnb .ico-bg svg line,.head .rnb .ico-bg svg rect, .process-wrap ul.protype1 li.is-active a .wrap svg ellipse{ /*수정*/
    stroke: var(--basic-color-tertiary)!important;
    animation: ani 3s;
}
@keyframes ani{
    0%{
        stroke-dashoffset: 150;
    }
    100%{
        stroke-dashoffset: 0;
    }
}
.form-chkbox input:checked ~ .form-chkbox__indicator::after {
    display: block;
}
.form-chkbox input:checked + .form-chkbox__indicator {
    background: var(--basic-color-tertiary);
}
.language{
    display: flex;
    gap:6px!important;
}
.language li{
    flex: 1;
    transition: all 0.4s ease-in-out;
}
.language li a{
    display: inline-block;
    height: 40px;
    display: flex; align-items: center; justify-content: center;
    background: #a5a5a5; color: #fff;
    font-size: 18px; font-weight: bold;
    transition: all 0.4s ease-in-out;
    border-radius: 5px;
}
.language li a:hover{
    background: var(--basic-color-tertiary);
}
.language li.is-active{
    flex: 1.1;
}
.language li.is-active a{
    background: var(--basic-color-tertiary);
}

.ch-txt{
    display: flex; align-items: center; justify-content: center;
    width: 25px; height: 28px;
    border: 2px solid var(--basic-color-tertiary);
    margin-left: 15px;
}
.ch-txt span{
    display: inline-block;
    font-size: 15px; font-weight: bold;
    color: var(--basic-color-tertiary);
}

.protype2{
    display: flex;
    gap:14px;
}
.protype2 li{
    flex: 1;
    text-align: center;
    transition: all 0.4s ease-in-out;
}
.protype2 li:hover{
    flex: 1.2;
}
.protype2 li a{
    position: relative!important;
    width: 100%;
    height: 100%; /*emkim수정*/
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 1px solid #c7c7c7;
    border-radius: 6px;
    padding: 15px;
}
.protype2 li a::after{
    content: '';
    position: absolute;
    left: 0; width: 100%; top: 0;
    height: 7px;
    border-radius: 5px 5px 0 0;
}
.protype2 li a .tit{
    font-size: 16px;
    font-weight: bold;
    color: #2d2d2d;
    margin-bottom: 12px;
}
.protype2 li a .num{
    font-size: 30px;
    /* color: var(--basic-color-tertiary); */
    font-weight: 500;
    background: transparent!important;
}
.root li{
    position: relative;
}
.root li::before{
    content: '';
    position: absolute;
    left: 6px; top: 6px;
    width: 6px; height: 30px;
    border-radius: 5px;
    background: #000;
}
li.c-process a:after,li.c-process a::before, li.c-process .num , li.c-process .value , .root li.c-process::before{
    background: var(--basic-color-tertiary);
    color: var(--basic-color-tertiary);
}
li.c-job a:after, li.c-job .num, li.c-job .value,.root li.c-job::before{
    background: #1255eb;
    color: #1255eb;
}
li.c-lev1 a:after, li.c-lev1 .num, li.c-lev1 .value,.root li.c-lev1::before{
    background: #38a5f9;
    color: #38a5f9;
}
li.c-lev2 a:after, li.c-lev2 .num, li.c-lev2 .value,.root li.c-lev2::before{
    background: #386641;
    color: #386641;
}
li.c-lev3 a:after, li.c-lev3 .num, li.c-lev3 .value,.root li.c-lev3::before{
    background: #8ac926;
    color: #8ac926;
}
li.c-lev4 a:after, li.c-lev4 .num, li.c-lev4 .value,.root li.c-lev4::before{
    background: #ffd373;
    color: #ffd373;
}
li.c-lev5 a:after, li.c-lev5 .num, li.c-lev5 .value,.root li.c-lev5::before{
    background: #ff6f59;
    color: #ff6f59;
}
li.c-act a:after, li.c-act .num, li.c-act .value,.root li.c-act::before{
    background: #666666;
    color: #666666;
}
li.c-chk a:after, li.c-chk .num, li.c-chk .value,.root li.c-chk::before{
    background: #999999;
    color: #999999;
}
#gnb .depth2.menu01 .menuLvl4{
    background: var(--basic-color-secondary);
}
#gnb > ul{
    background: var(--basic-color);
}
#gnb .fniconbg .fnicon{
    background-color: var(--basic-color);
}
#gnb > ul > li > a.gnb01{
    position: relative;
    background: var(--basic-color-secondary);
    border-bottom: 1px solid var(--basic-color);
    width: 31px;
    height: 36px;
    text-indent: -9999px;
    border: 1px solid #fff;
}
#gnb > ul > li > a.gnb01::before{
    content: '';
    width: 6px;
    height: 12px;
    background: url(../../../images/theme/blue/icon-gnb-open.png);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 10;
    background-size: cover;
}
#gnb .fniconbg .fnicon ul > li > a{
    color: #fff;
    /*display: none;*/ /*jk삭제*/
    font-size:0.8em; /*jk추가*/
}
.nav li.desc-data img{
    position: relative;
    top:-1px;
}
#gnb .fniconbg .fnicon ul > li > a{
    border-bottom: none;
}

.home-layers {
    display: none;
    /* height: 333px; */
    position: absolute;
    top: 71px;
    left: 76px;
    z-index: 1500;
    text-align: left;
    background: #eff5ff;
    box-shadow: 9px 3px 28px -3px rgb(0 0 0 / 30%);
    border-radius: 5px;
}
.home-layers.on{
    display: block;
}

.home-layers ul {
    width: 290px;
    list-style:none;
    display: flex;
    flex-wrap: wrap;
    padding: 10px 20px;
    gap:3%;
}

.home-layers ul li {
    width: 31.3333%;
    margin-bottom: 2%;
    text-align: center;
    height: 84px;
    color: #fff;
    background-color: var(--basic-color); /*jk수정*/
}
.home-layers ul li a{
    position: relative;
    display: flex;
    width: 100%; height: 100%;
    display: flex; align-items: center; justify-content: center;
    background: #fff;
    /* border: 1px solid #e0e2e3; */ /*jk삭제*/
    border-radius: 5px;
}
.home-layers ul li a span {
    color: #393e47;
    font-size: 13px;
    /* font-weight: bold; */
    display: block;
    font-size: 14px;
    color: #fff; /*jk수정*/
    padding-top: 40px;
}
.home-layers ul li a::after{
    content: '';
    position: absolute;
    top: 40%; left: 50%; transform: translate(-50%,-50%);
    background-size: contain!important;
}

.home-layers ul li .menu01::after {
    content: '';
    /*background: url(../../../images/theme/blue/bg-menu01.png)no-repeat;*/ /*jk삭제*/
    width: 36px; height: 28px;
    position: absolute;
}

.home-layers ul li .menu02::after {
    content: '';
    background: url(../../../images/theme/blue/bg-menu02.png)no-repeat;
    width: 36px; height: 28px;
    position: absolute;
}

.home-layers ul li .menu03::after {
    content: '';
    background: url(../../../images/theme/blue/bg-menu03.png)no-repeat;
    width: 36px; height: 28px;
    position: absolute;
}

.home-layers ul li .menu04::after {
    content: '';
    background: url(../../../images/theme/blue/bg-menu04.png)no-repeat;
    width: 36px; height: 28px;
    position: absolute;
}

.home-layers ul li .menu05::after {
    content: '';
    background: url(../../../images/theme/blue/bg-menu05.png)no-repeat;
    width: 36px; height: 28px;
    position: absolute;
}

.home-layers ul li .menu06::after {
    content: '';
    background: url(../../../images/theme/blue/bg-menu06.png)no-repeat;
    width: 36px; height: 28px;
    position: absolute;
}

.home-layers ul li .menu07::after {
    content: '';
    background: url(../../../images/theme/blue/bg-menu07.png)no-repeat;
    width: 36px; height: 28px;
    position: absolute;
}
.home-layers ul li .menu08::after {
    content: '';
    background: url(../../../images/theme/blue/bg-menu08.png)no-repeat;
    width: 36px; height: 28px;
    position: absolute;
}
.home-layers ul li .menu09::after {
    content: '';
    background: url(../../../images/theme/blue/bg-menu09.png)no-repeat;
    width: 28px; height: 28px;
    position: absolute;
}
.all-menus{
    display: none;
    position: absolute;
    top: 38px;
    right: 94px;
    padding: 22px 20px;
    background: #fff;
    border: 1px solid #aaaaaa;
    border-radius: 5px;
    z-index: 10;
    box-shadow: 9px 3px 28px -3px rgb(0 0 0 / 30%);
    min-width: 255px; /*jk추가*/
}
.all-menus.on{
    display: inherit;
}
.all-menus .header {
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 15px;
}
.all-menus .header {
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 15px;
}
.all-menus .header .wrap{
    display: flex; align-items: flex-start; justify-content: space-between;
}
.all-menus .header .wrap h1 {
    font-size: 18px;
    color: #2d2d2d;
    font-weight: bold;
}
.all-menus .header .wrap .ref {
    display: flex;
    gap: 10px;
    align-items: center;
}
.all-menus .info {
    display: flex;
    gap: 10px;
    list-style: none;
    flex-wrap: wrap;
    overflow-y: scroll;
    min-height: 325px; /* jk 수정 */
    width: 100%;/* kjsong 수정 */
}
.all-menus .info>ul{
    /*flex: 1;*/
}
.all-menus .info>ul>li{}
.all-menus .info>ul>li dt{
    height: 24px;
    padding: 0 15px; /*jk수정*/
    background: var(--basic-color-tertiary);
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
}
.all-menus .info>ul>li dd{
    padding: 10px 15px; /*jk수정*/
    min-height: 281px;
    background: #f5f5f5;
    /*padding-bottom:10px;*/
    width: 220px; /*jk추가*/
}
.all-menus .info>ul>li dd a{
    font-size: 14px; /* kjsong 수정222 */
    color: #2d2d2d;
    font-weight: bold;
}
.all-menus .info>ul>li dd span{ /*jk추가*/
    font-size: 14px;
    color: #2d2d2d;
    font-weight: bold;
    cursor:default;
}
.all-menus .info>ul>li dd a:hover{
    color:var(--basic-color-tertiary);
}
.all-menus .info>ul>li dd ul{
    margin-bottom: 10px; /*jk추가*/
}
.all-menus .info>ul>li dd ul li{
    margin: 0 3px; /*jk수정*/
}
.all-menus .info>ul>li dd ul li.l-bar a, .all-menus .info>ul>li dd ul li.l-bar-first a{
    font-weight: 400;
    color: #666;
}
.all-menus .info>ul>li dd ul li.l-bar-first{
    margin-top: 3px !important;
}
.all-menus .info>ul>li dd ul li.l-bar a:hover, .all-menus .info>ul>li dd ul li.l-bar-first a:hover{
    color:var(--basic-color-tertiary);
}
.all-menus .info>ul>li dd ul ul li{
    font-weight: 400;
    margin-bottom: 7px;
}
.checkbox-toggle input {
    display: none;
}
.checkbox-toggle label {
    outline: 0;
    display: block;
    width: 45px;
    height: 16px;
    background: #999;
    position: relative;
    cursor: pointer;
    border-radius: 2em;
    padding: 2px;
    transition: all 0.4s ease;
    margin: 0;
}
.checkbox-toggle label:after {
    position: relative;
    display: block;
    content: "";
    width: 22px;  /* kjsong 수정 */
    height: 20px;
    border-radius: 50%;
    background: #fff;
    transition: all 0.2s ease;
    border: 1px solid #999;
    box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
    left: -3px; /* kjsong 수정 */
    top: -3px; /* kjsong 수정 */
}
.checkbox-toggle input:checked + label {
    background: #5ebd18;
}
.checkbox-toggle input:checked + label:after {
    left: 52%;
}

.settings{
    display: none;
    position: absolute; top: 38px; right: 70px;
    z-index: 9999; /* kjsong */
    width: 390px; /* kjsong */
    /* border: 1px solid #aaaaaa; */
    border-radius: 5px;
    box-shadow: 9px 3px 28px -3px rgb(0 0 0 / 30%);
}
.settings.on{
    display: block;
}
.settings .info{
    padding: 22px; box-sizing: border-box;
    background: #fff;
    border-radius: 5px;
}
.settings .info .header .wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}
.settings .info .header .wrap h1 {
    font-size: 18px;
    font-weight: bold;
}
.settings .info .header .wrap h2 {
    font-size: 16px;
    font-weight: bold;
}
.settings .info .info-desc{}
.settings .info .info-desc dl{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.settings .info .info-desc dl dt{
    flex:0 0 40%; /* kjsongc */
    font-size: 14px; font-weight: bold;
}
.settings .info .info-desc dl dd{
    flex: 0 0 60%;
}
.settings .info .info-desc dl dt::before{
    content: '';
    display: inline-block;
    width: 4px; height: 14px; margin-right: 5px;
    background: var(--basic-color-tertiary);
    position: relative;
    top: 2px;
}
.settings .info .info-desc dl dd select{}
.settings .info .info-desc dl dd a{
    position: relative;
    width: 100%;
    display: flex; align-items: center; gap: 5px; justify-content: center;
    text-align: center;
    color: #fff;
}

.settings .bot{}
.settings .bot .wrap{
    display: flex;
    align-content: center;
    height: 40px;
    align-items: center;
    background: #eeeeee;
    border-radius: 5px;
}
.settings .bot .wrap .time{
    flex: 1;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #2d2d2d;
    gap: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #aaa;
}
.settings .bot .wrap .time span{}
.settings .bot .wrap .login a{
    font-size: 14px;
    font-weight: bold;
    color: #2d2d2d;
}
.settings .bot .wrap .login a:hover{
    color: var(--basic-color-tertiary);
}
.settings .bot .wrap .login{
    flex: 1;
    text-align: center;
    gap: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#pop-user-info{display: none!important;}

.skin-theme{
    display: none;
    width: 360px;
    position: fixed;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    z-index: 10;
    background: #fff;
    box-shadow: 9px 3px 28px -3px rgb(0 0 0 / 30%);
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 20px;
}
.skin-theme.on{
    display: block;
}
.skin-theme .header{
    height: 40px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
    justify-content: space-between;
}
.skin-theme .header h1{
    font-size: 18px;
    font-weight: bold;
}
.skin-theme .theme-list{}
.skin-theme .theme-list ul{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 25px;
}
.skin-theme .theme-list ul li{
    flex: 1;
    text-align: center;
}
.skin-theme .theme-list ul li .img{}
.skin-theme .theme-list ul li .txt-select{
    text-align: center;
    margin-top: 20px;
}
.skin-theme .theme-list ul li .txt-select p{
    color: #333;
    font-size: 14px;
    text-align: center;
    font-weight: 600;
}
.skin-theme .theme-list ul li .txt-select label{
    margin: 0;
    margin-top: 10px;
}



/* 20220923 css 수정 및 추가 */
.com-table tr:last-of-type td{
    border-bottom: none;
}
.com-tbl-wrap{
    position: relative;
    border-bottom: 1px solid #aaa;
}
.com-tbl-wrap::after{
    content: ''; display: block;
    position: absolute; left: 0; top: 0; height: 100%; width: 1px;
    background: #aaa;
}
.com-tbl-wrap::before{
    content: ''; display: block;
    position: absolute; right: 0; top: 0; height: 100%; width: 1px;
    background: #aaa;
}


/*----------
    TODO Table 높이 지정 css
    <div class="com-tbl-wrap h400">  테이블 높이 400px
    <div class="com-tbl-wrap h500">  테이블 높이 500px
    <div class="com-tbl-wrap h600">  테이블 높이 600px
    <div class="com-tbl-wrap h700">  테이블 높이 700px
    <div class="com-tbl-wrap h800">  테이블 높이 800px
----------*/
.com-tbl-wrap.h211{	/* ds 추가 테이블 높이고정*/
    max-height: 211px!important;
    height: 211px!important;
}

.com-tbl-wrap.h221{	/* hw 추가 테이블 높이고정*/
    max-height: 221px!important;
    height: 221px!important;
}

.com-tbl-wrap.h184{ /* kjsong 추가 */
    max-height: 184px!important;
    height: 184px!important;
}
.com-tbl-wrap.h400{
    max-height: 400px!important;
    height: 400px!important;
}
.com-tbl-wrap.h418{	/* ds 추가 테이블 높이고정*/
    max-height: 418px!important;
    height: 418px!important;
}
.com-tbl-wrap.h498{	/* ds 추가 테이블 높이고정*/
    max-height: 498px!important;
    height: 498px!important;
}
.com-tbl-wrap.h500{
    max-height: 500px!important;
    height: 500px!important;
}
.com-tbl-wrap.h507{	/* ds 추가 테이블 높이고정*/
    max-height: 507px!important;
    height: 507px!important;
}
.com-tbl-wrap.h533{	/* ds 추가 테이블 높이고정*/
    max-height: 533px!important;
    height: 533px!important;
}
.com-tbl-wrap.h600{
    max-height: 600px!important;
    height: 600px!important;
}
.com-tbl-wrap.h620{
    max-height: 620px!important;
    height: 620px!important;
}
.com-tbl-wrap.h630{
    max-height: 630px!important;
    height: 630px!important;
}
.com-tbl-wrap.h650{
    max-height: 650px!important; /* kjsong수정 */
    height: 650px!important; /* kjsong수정 */
}
.com-tbl-wrap.h666{ /* kjsong 추가 1줄일때 */
    max-height: 666px!important;
    height: 666px!important;
}
.com-tbl-wrap.h617{ /* kjsong 추가 검색조건 2줄일때 */
    max-height: 617px!important;
    height: 617px!important;
}
.com-tbl-wrap.h668{	/* ds 추가 테이블 높이고정*/
    max-height: 668px!important;
    height: 668px!important;
}
.com-tbl-wrap.h700{
    max-height: 700px!important;
    height: 700px!important;
}
.com-tbl-wrap.h722{	/* ds 추가 테이블 높이고정*/
    max-height: 722px!important;
    height: 722px!important;
}
.com-tbl-wrap.h800{
    max-height: 800px!important;
    height: 800px!important;
}

/* 20220925 css 수정 및 추가 */
.com-table tr:last-of-type td{border-bottom: 1px solid #aaa;}

.com-tbl-wrap table{ /*jk추가*/
    table-layout: fixed;
    width: 100%;
    white-space: nowrap;
}
.com-tbl-wrap table td{ /*jk추가*/
    display: table-cell;
    overflow: hidden;
    text-overflow: ellipsis;
}

table tr td.tdColor{ /*emkim추가*/
    background-color:#28dbbd;!important;
}

/*----------  20220928 css 추가  ----------*/
.form-wrap .layer_popup button{
    position: relative;
    width: auto;
    top: auto; right: auto; transform: translateY(0);
}
.form-wrap .layer_popup .btn-close-popup{
    position: absolute;
    top: 12px;
    right: 12px;
    width: 12px;
    height: 12px;
    transform: translateY(10px);

}
#gnb .depth2 .menu .logo{
    display: flex;
    align-items: center;
	padding-left: 20px;
}
#gnb .depth2 .menu > ul > li > ul > li > a span{
    display: flex;
    height: 100%; align-items: center;
}
#gnb .depth2 .menu > ul > li > ul > li > a.active > span.leafN{
    background: none;
}
a.download{
    /*display: flex;*/ /* kjsong 수정 */
    align-items: center;
    justify-content: center;
}
a.download img{
    top:0;
}
.c-btn-set li a span{
    display: inline-block;
    line-height: 30px;
}
.tbl-btn .delete{
    background: #a0a0a0;
    color: #fff;
}
.bg-info .pop-tbl-type01 table tr th, .cd-popup, .contents .bg-info .pop-tbl-type01 table tr td, .bg-info .pop-tbl-type01 table tr td{
    padding: 10px 10px;
}
.process-wrap-top{
    display: flex;
    width: 100%;
    gap:10px;
}
.process-wrap-top .left{
    flex:0 0 64%; /* 850/1320 */
}
.process-wrap-top .right{
    flex:1;
}
.process-wrap .process-wrap-top ul.protype1 li a .wrap::after{
    display: none;
}
.process-wrap .process-wrap-top ul.protype1 li a .wrap{
    padding-top: 0;
    min-height: 122px;
}
.process-wrap .process-wrap-top ul.protype1 li a .wrap{
    height: auto;
}
.process-wrap .process-wrap-top ul.protype1 li a .wrap{
    flex-direction: column;
    position: relative;
}
.process-wrap .process-wrap-top ul.protype1 li a .wrap .tit{
    position: absolute;
    left: 0; right: 0; top: 0;
    height: 30px;
    line-height: 30px;
    background: #b5b5b5;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
.process-wrap .process-wrap-top ul.protype1 li a .wrap .bot{
    display: flex;
    padding-top: 44px;
    display: flex;
    align-items: center;
    width: 45%;
    justify-content: space-between;
}
.process-wrap .process-wrap-top ul.protype1 li a .wrap .bot p{
    font-weight: 500;
    font-size: 30px;
}
.process-wrap .process-wrap-top ul.protype1 li.is-active a .wrap .tit{
    background: var(--basic-color-tertiary);
}
.process-wrap .process-wrap-top ul.protype1 li a:hover .tit{
    background: var(--basic-color-tertiary);
}
.process-wrap-top .left,.process-wrap-top .right {
    border: none;
}
.process-wrap-top .left .com-tpy-had2,.process-wrap-top .right .com-tpy-had2{
    margin-bottom: 10px;
}
.process-wrap .process-wrap-top ul.protype1{
    border: 1px solid #aaaaaa;
    padding: 10px 7px;
    border-radius: 5px;
}
.process-wrap .process-wrap-top .bd-line-type1{
    padding: 0;
}
.com-sarch-type01.li-mb0 li{
    margin-bottom: 0!important;
}
.process-wrap ul.protype1 li a .wrap p{
    font-weight: 500;
}
#gnb .depth2 .menu .logo{
    top:0;
}
.tf-trees {
}
.tf-trees__box {
    margin-top: 20px;
    position: relative;
    padding: 40px 13px;
    border: 1px solid #bbbbbb;
    border-radius: 5px;
    overflow: scroll;
    /* width: 100%; */
    max-height: 850px;
    text-align: center;
}
.tf-trees__btns {
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 20;
    display: flex;
    gap:7px;
}
.tf-trees__btns2 {	/* ds추가 */
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 1;
    display: flex;
    gap:7px;
}
.tf-trees__btn {
    width: 110px; height: 30px; line-height: 30px;
    color: #fff; background: #b5b5b5;
    font-size: 14px; font-weight: bold;  color: #fff;
    border-radius: 5px;
}
.tf-trees__wrap {
    display: inline-block;
    align-items: center;
    flex-direction: column;
    position: relative;
}
.tf-trees__wrap ul.flex{
    display: flex;
    position: relative;
}
.tf-trees__wrap ul.flex::before{
    content: '';
    display: block;
    width: calc(100% - 200px);
    height: 1px;
    background: #b5b5b5;
    position: absolute;
    top: -15px;
    left: 50%;
    z-index: 11;
    transform: translateX(-50%);
}
.tf-trees__wrap ul
.tf-trees__wrap ul.flex li{
    margin-left: 15px;
    margin-right: 15px;
    z-index: 2;
    background: #fff;
    display: flex;
    flex-direction: column;
}
.tf-trees__wrap ul.flex li:first-of-type{
    margin-left: 0;
}
.tf-trees__wrap ul.flex li:last-of-type{
    margin-right: 0;
}
.tf-trees__profile::before{
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 20px;
    z-index: -13;
    background: #aaa;
    top: -15px;
}
/* .tf-trees__wrap ul li:before{
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 20px;
    z-index: -13;
    background: #aaa;
    top: -15px;
} */
.tf-trees__wrap ul.tac>li .tf-trees__profile{
    margin: 0 auto;
}
.tf-trees__wrap li{
    position: relative;
    margin-left: 15px;
    margin-right: 15px;
    z-index: 2;
    background: #fff;
    display: flex;
    flex-direction: column;
}
.tf-trees__profile {
    position: relative;
    width: 200px; border-radius: 5px;
    margin: 0 auto;
    margin-bottom: 30px;
    background: #fff;
}
.tf-trees__profile.first::before{
    display: none;
}
.tf-trees__profile.po-right{
    position: absolute;
    right: -374px;
    top: 0;
}
.tf-trees__profile.po-right::before{
    content: '';
    display: inline-block;
    position: absolute;
    left: -100%;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    background: #b5b5b5;
    z-index: -1;
}
.tf-trees__profile.po-right::after{
    display: none;
}
.tf-trees__profile::after{
    content: '';
    display: block;
    background: #b5b5b5;
    width: 1px;
    height: 15px;
    position: absolute;
    top: auto;
    left: 50%;
    transform: translateX(-50%);
}
ul.flex .tf-trees__profile:last-of-type::after{
    display: none;
}
.tf-trees__tit {
    height: 30px; line-height: 30px;
    font-size: 14px; font-weight: bold;
    text-align: center; color: #fff;
    border-radius: 5px 5px 0 0;
    display: block; /*jk추가*/
    overflow: hidden; /*jk추가*/
    text-overflow: ellipsis; /*jk추가*/
    white-space: nowrap; /*jk추가*/
    padding: 0px 3px; /*jk추가*/
}
.tf-trees__class,.tf-trees__part-wrap{
    border: 1px solid #b5b5b5;
    border-top: none;
}
.tf-trees__class,.tf-trees__part {
    display: flex;
    justify-content: space-between;
    padding: 10px 10px;
    font-size: 14px;
}
.tf-trees__class2,.tf-trees__part-wrap2{
    border: 1px solid #b5b5b5;
    border-top: none;
}
.tf-trees__class2,.tf-trees__part2 {
    display: flex;
    justify-content: space-between;
    padding: 9px 10px;
    font-size: 14px;
}
.tf-trees__class-right,.tf-trees__part-right {
    color: #666666;
}
.tf-trees__class-right2,.tf-trees__part-right2 {
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 16px;
    max-width: 70px;
    text-align: right;
}
.tf-trees__part {
    border-top:none;
    background: #f4f4f4;
}
.tf-trees__part-left {

}
.tf-trees__part-right {

}
.tf-trees__class-left {
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 16px;
    max-width: 70px;
    flex: 1;
    flex: 0.9;
    text-align: left;
}
.tf-trees__class-center {
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 16px;
    max-width: 70px;
    flex: 1;
    text-align: left;
}
.tf-trees__class-right2 {
    flex: 1;
    text-align: right;
}
.section2.w1650{
    width: 1650px;
}
.nav > ul > li > a.home{
    /*background: none;*/
    margin-top: 2px;
}
.nav > ul > li{
    position: relative;
}
.nav > ul > li:first-of-type>a{
    position: absolute;
}
.nav > ul > li:first-of-type>a svg{
    position: absolute; left: 0;
}
.nav > ul > li:nth-of-type(2){
    margin-left: 63px;
}
.nav > ul > li.desc-data a {
    position: relative;
    top: 1px;
}
.head .rnb .ico-bg.user{
    margin-left: 0;
}
.head .rnb .ico-bg.user a.userBtn{ /*kjsong수정*/
    position: relative;
    display: inline-block;
    width: 20px; height: 20px;
    background: var(--basic-color-tertiary);
    border-radius: 50px;
}
.head .rnb .ico-bg.user a.userBtn:after{ /*kjsong 수정*/
    display: block;
    content: '';
    background: url(../../../images/theme/blue/user-after.png);
    width: 20px;
    height: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform:translate(-50%,-50%);
    /*z-index: 10;*/
    z-index: 1; /* kjsong수정 */
}
.cd-popup-container .c-close-pop{
    position: absolute;
    /* -webkit-transform: translate(2800%,-176%); */ /* jk추가 */
    top: 14px; right: 20px; /* kjsong수정 */
}

section.admin-login {
    width: 100%;
    /*height: 100vh; */
    /* position: absolute; */
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-color: #f2f2f4; */

}

.background {
    z-index: -999;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    background: url(../../../images/common/login/login_bg.png) center bottom / 100% 100% no-repeat;
}

.background .leftLarge{
    position: absolute;
    width: 630px;
    bottom: 100px;
    left: 5%;
    z-index: -999;
    max-width: 30%;
}
.background .rightLarge{
    position: absolute;
    width: 440px;
    bottom: 100px;
    right: 7%;
    z-index: -999;
    max-width: 23%;
}

.srs_logo{
    display: block;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    box-sizing:border-box;
}


.ispark-brand {width: 100%; height: 100vh; /*background-color:#e4efff;*/ box-sizing:border-box; /*padding-top: 60px;*/ /*background: url(../../../images/common/login/login_bg.png) no-repeat center bottom #ffffff; background-size:*/}

.ispark-brand > div {box-sizing:border-box;}
.ispark-brand > section {box-sizing:border-box; z-index:10;}
.ispark-brand > section > article {box-sizing:border-box;}

.ispark-brand #loginApp {/*background-color: #e4efff;*/ height:100%; padding-top:120px;}

section.admin-login article.admin-login__box {

    text-align: center;
    background-color: #fff;
    border-radius: 24px;
    /* border: 0px solid #3a6eba;*/
    box-shadow: 7px 7px 20px 0px rgb(0, 75, 118, 0.3);
    width: 410px;
    color: #fff;
    box-sizing: border-box;
    position: relative;
    top: -100%;
    /*transition: 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);*/
    padding-bottom: 60px;
}
section.admin-login article.admin-login__box:before {
    box-sizing:border-box;
    content: "";
    display: block;
    width: 100%;
}
section.admin-login article.admin-login__box form h2.admin-login__tit2 {
    font-family: "NotoSansKR", sans-serif;
    color: #0082cd;
    font-weight: normal;
    font-size: 18px;
    box-sizing:border-box;
    margin-top: 10px;
    margin-bottom: 4px;
	text-align: left;
}

section.admin-login article.admin-login__box form h3.admin-login__tit3 {
    font-family: "NotoSansKR", sans-serif;
    color: #000000;
    font-weight: bold;
    font-size: 20px;
    box-sizing:border-box;
    margin-bottom: 35px;
	text-align: left;
}
section.admin-login .form-chkbox{
    color: #000;
    margin: 15px 0;
}
section.admin-login .form-chkbox__control{
    width: 100%;
    justify-content: flex-end;
    margin-right: 58px;
}
section.admin-login .form-chkbox__indicator{
    position: absolute;
    top: 58%;
    -webkit-transform: translateY(-50%);
    transform: translate(-50%,-50%);
    left: 76%;
    height: 15px;
    width: 15px;
    border: 1px solid #b5b5b5;
    cursor: pointer;
}
section.admin-login article.admin-login__box form input.admin-login__input {
    display: block;
    margin: 15px auto;
    background: #f3f3f3;
    border: 2px solid #ddd;
    border-radius: 5px;
    padding:10px 10px;
    width: 320px;
    outline: none;
    color: #222;
    /*border: 1px solid #b5b5b5;*/
    font-size: 18px;
    height: 46px;
}
section.admin-login article.admin-login__box form input.admin-login__input:focus {
    display: block;
    margin: 15px auto;
    background: #f3f3f3;
    border: 2px solid #0082cd;
    outline:none;
    border-radius: 5px;
    padding:10px 10px;
    width: 320px;
    outline: none;
    color: #0082cd;
    font-size: 18px;
    font-weight: bold;
    height: 46px;
}
section.admin-login article.admin-login__box form input.admin-login__input::placeholder{
    color: #bbb; font-size: 15px;
    font-style: normal;
}
section.admin-login article.admin-login__box form input[type=submit] {
    border: 0;
    background-color: #0082cd;
    color: #ffffff;
    border-radius: 12px;
    width: 78%;
    height: 50px;
    font-size: 16px;
    cursor: pointer;
    position: relative;
    top: 0;	
    /*transition: 0.5s;*/
    margin-top: 15px;

    font-weight: bold;
}
section.admin-login article.admin-login__box form input[type=submit]:hover {
    border: 0;
    background-color: #28a2e9;
    color: #dfdeee;
    border-radius: 12px;
    width: 78%;
    height: 50px;
    font-size: 16px;
    cursor: pointer;
    position: relative;
    top: 0;
    transition-duration:0.3s;transition-timing-function:ease-in-out; transition-delay:0;
    margin-top: 15px;
    font-weight: bold;
    color:#fff;
    vertical-align: middle;


}

section.admin-login article.admin-login__box form input[type=button] {
    border: 1px solid #0082cd;
    background-color: #ffffff;
    color: #0082cd;
    border-radius: 12px;
    width: 78%;
    height: 50px;
    font-size: 16px;
    cursor: pointer;
    position: relative;
    top: 0;
    /*transition: 0.5s;*/
    margin-top: 15px;

    font-weight: bold;
}
section.admin-login article.admin-login__box form input[type=button]:hover {
    border: 1px solid #0082cd;
    background-color: #e1f4ff;
    color: #0082cd;
    border-radius: 12px;
    width: 78%;
    height: 50px;
    font-size: 16px;
    cursor: pointer;
    position: relative;
    top: 0;
    transition-duration:0.3s;transition-timing-function:ease-in-out; transition-delay:0;
    margin-top: 15px;
    font-weight: bold;
    vertical-align: middle;

}
section.admin-login article.admin-login__box form input[type=submit]:hover {
    /*top: -10px;*/ /* kjsong 수정 */
}
section.admin-login article.admin-login__box form .admin-login__desc-wrap {
    padding: 20px 0;
}
section.admin-login article.admin-login__box form .admin-login__desc-wrap p.admin-login__desc {
    margin-top: 10px;
    color: #fff;
    opacity: 0.8;

}
section.admin-login.on article {
    top: 0;
}

section.admin-login .form-chkbox input:checked + .form-chkbox__indicator {
    background:#fff;
    border: 1px solid #aaa;
}
section.admin-login .form-chkbox__indicator::after {
    content: '';
    position: absolute;
    left: 6px;
    top: 2px;
    width: 0.1875rem;
    height: 0.5rem;
    border: solid #333;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: none;
}

.section2.bd .prev-btn{
    top: 51%;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #000!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #aaaaaa transparent transparent transparent!important;;
    border-width: 9px 5px 0 5px!important;
    margin-left: -6px!important;
}
.tr_menu .staff-bx strong{
    position: relative;
    background: #aaaaaa!important;
    color: #fff!important;
    text-align: left!important;
    padding-left: 25px!important;
    font-size: 15px!important;
    border-radius: 5px 5px 0 0;
}
.tr_menu .staff-bx strong.bottom { /*jk추가*/
    border-radius: 0 0 5px 5px;
}
.tr_menu .left_menu strong{
    position: relative;
    background: #aaaaaa!important;
    color: #fff!important;
    text-align: left!important;
    padding-left: 25px!important;
    font-size: 15px!important;
}
.tr_menu .left_menu strong:after, .tr_menu .staff-bx strong:after{
    content: '';
    width: 4px;
    height: 20px;
    background: #fff;
    border-radius: 5px;
    position: absolute;
    left: 11px;
    top: 12px;
}
.tr_menu .left_menu,.tr_menu .staff-bx .staff01{
    border: 1px solid #ddd;
    border-top: none;
}
.staff-bx .staff01{
    border-left:0!important;
}
.staff-bx .staff-arr+.staff01{
    border-left:1px solid #ddd!important;
}
.layer_popup .btn-area .btn-save{
    background: var(--basic-color-tertiary)!important;
}
.tr_menu .staff-bx .staff-arr .btn-right,.tr_menu .staff-bx .staff-arr .btn-left{
    background: var(--basic-color-tertiary)!important;
    border-radius: 50%!important;
    width: 30px!important;
    height: 30px!important;
    background-size: cover!important;
    position: absolute!important;
    right: 33.2%!important;
    top: 45%!important;
    transform: translateY(-50%)!important;
}
.tr_menu .staff-bx .staff-arr .btn-left{
    top:54%!important;
}
.tr_menu .staff-bx .staff-arr .btn-right::after{
    transform: rotate(45deg);
    left: 6px;
    top: 9px;
    display: block;
    content: '';
    position: absolute;
    left: 8px;
    top: 10px;
    content: '';
    width: 7px;
    height: 7px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
}
.tr_menu .staff-bx .staff-arr .btn-left::after{
    position: absolute;
    left: 12px;
    top: 4px;
    content: '';
    width: 7px;
    height: 7px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(225deg) translate(-50%,-50%);
}
.settings .bot .wrap .login img,.home-layers ul li a::after{
    filter: grayscale(1);
}

.com-card2{
    position: relative;
    width: 100%;
    height: 90px;
}
.com-card2 a{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #c7c7c7;
    background: #ffffff;
    border-radius: 5px;
    transition: all 0.4s ease-in-out;
}
.com-card2 a .txt-wrap {
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}
.com-card2 a .txt-wrap .lef {
    font-size: 20px;
    font-weight: bold;
    color: #2d2d2d;
    margin-left: 20px;
    margin-top: 3px;
}
.com-card2 a .txt-wrap .ref .num {
    position: absolute;
    right: 17px;
    bottom: 13px;
    font-size: 32px;
    font-weight: 500;
    background: transparent!important;
}
.com-card2__color{
    position: absolute;
    left: 0; top:0;
    height: 100%;
    width: 10px;
    border-radius: 5px 0 0 5px;
}
.root li::before{
    display: none;
}
.root__color{
    content: '';
    position: absolute;
    left: 6px;
    top: 6px;
    width: 6px;
    height: 30px;
    border-radius: 5px;
    background: #000;
}

.root__li-first{
    display: block!important;
}
.root__li  ul{
    display: none;
}
.root__li  ul.is-active{
    display: block;
}
.root__li.on >.row .deptTreeFolds2{
    transform: rotate(-180deg);
}
.protype2 li a::after{
    display: none;
}
.protype2__color{
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 4px;
}
.desc-data { /* kjsong추가 */
    float:left; line-height:45px; padding-left:15px; /* 200323   수정 */
}
.desc-data a { /* kjsong추가 */
    margin-left:6px;
}
.com-tbl-wrap table td#colorTd {overflow: visible;}	/* ds추가 */

.btn-header > div { /* sjHa추가 */
    float: right;
    margin-right: 45px;
    position: relative;
    bottom: 4px;
}

.btn-header > div.tbl-btn > a.save{ /* sjHa추가 */
    /* width: 80px; */ /*jk삭제*/
    color: var(--basic-color-tertiary);
    background-color: #FFF
}



/*==============Section comment block===============================
=              20221028 추가          =
=============================================*/
.auth2 .bg-info .root li .row{
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.auth2 .bg-info .root li .row .lef{
    padding-left: 38px;
}
.deptTreeFolds2{
    left:30px;
}
.pop-tbl-type01 .protype2{
    gap: 30px;
}
.pop-tbl-type01 .protype2 li{
    position: relative;
}
.pop-tbl-type01 .protype2 li:last-of-type:after{
    display: none;
}
.pop-tbl-type01 .protype2 li:after {
    content: '';
    display: inline-block;
    position: absolute;
    right: -38px;
    top: 0;
    border: 14px solid transparent;
    border-left-color: #aaa;
    top: 50%;
    transform: translateY(-50%)
}
.pop-tbl-type01 .protype2 li a {
    position: relative;
}
.pop-tbl-type01 .protype2 li a div{
    /*  line-height: 1.4;
       word-break: keep-all;  emkim삭제*/
}
.layer_popup_header{
    min-height: 25px;
    padding: 10px 10px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    color: #Fff;
    text-align: left;
    padding-left: 23px;
    position: relative;
    border-radius: 10px 10px 0 0;
    background: var(--basic-color-tertiary);
    font-size: 24px;
    position: relative;
}
.layer_popup_header::before{
    content: '';
    width: 4px;
    height: 20px;
    background: #fff;
    border-radius: 5px;
    position: absolute;
    left: 11px;
    top: 14px;
}
.layer_popup.br-10{
    border-radius: 10px!important;
}
.layer_popup.br-10 .btn-area {
    background: #f8f8f8;
}
.layer_popup.br-10 .tr_menu .left_menu>ul>li>ul>li>ul>li>ul>li>ul>li>button{
    font-size: 12px;
}
.layer_popup .bg-e8{
    background: #e8e8e8!important;
    padding: 10px!important;
    border-radius: 5px; /*jk추가*/
}
.layer_popup.br-10 .tr_menu{
    width: 976px; /*jk수정*/
    display: flex;
    gap:10px;
}
.layer_popup.br-10 .staff-bx .staff01{
    border-left: 1px solid #ddd!important;
}
.layer_popup.br-10 .tr_menu .staff-bx strong{
    border-radius: 0;
}
/*jk삭제*/
/* .layer_popup.br-10 .contents{
    border-radius: 5px;
} */
.layer_popup.br-10 .bg-info{
    border-radius: 5px;
    padding: 0;
    border: 1px solid #aaa;
    background: #e8e8e8;
}
.layer_popup.br-10 .sch-st, .layer_popup .layer_ct{
    background: #fff;
}
.layer_popup.br-10 .sch-st{
    border-radius: 5px 5px 0 0;
}
.layer_popup.br-10 .layer_ct.p10-18{
    padding: 10px 18px;
}
.layer_popup.br-10 .tr_menu .left_menu>ul{
    padding-left: 5px!important;
}
.layer_popup.br-10 .tr_menu button{
    font-size: 13px;
    height: 26px!important;
}
.layer_popup.br-10 .tr_menu .left_menu strong{
    font-size: 14px !important;
}
.layer_popup.br-10 .btn-close-popup{
    height: 16px;
    background: url(../../../images/theme/blue/p-close_btn.png) no-repeat;
    position: absolute;
    top: 5px;
}
.ct-popup.p10{
    padding: 0px;
    border-radius: 10px;
}
.ct-popup.p10 .CellR-main-tab ul li a{
    height: 35px;
    line-height: 35px;
}
.ct-popup.p10 .title::before{
    content: '';
    width: 4px;
    height: 20px;
    background: #fff;
    border-radius: 5px;
    position: absolute;
    left: 11px;
    top: 12px;
}
.ct-popup.p10 .title{
    display: flex;
    align-items: center;
    height: 41px;
    /*margin-bottom: 5px;*/
    background: var(--basic-color-tertiary);
    color:#fff;
    width: 100%;
    border-radius: 10px 10px 0 0;
    position: relative;
    justify-content: space-between;
}
.ct-popup.p10 .title span{
    display: inline-block;
    margin-left: 5px;
    font-size: 18px;
    font-weight: bold;
}
.ct-popup.p10 .btn-close-popup .btn-close{
    height: 16px;
    background: url(../../../images/theme/blue/p-close_btn.png) no-repeat;
    position: relative;
}

.ct-popup.p10 .btn-popup{
    display: flex;
    position: relative;
    align-items: center;
    gap: 18px;
    margin-right: 10px;
}

.ct-popup.p10 .popup-content{
    padding: 10px;
}
.ct-popup.p10 .bg-info .pop-tbl-type01 table tr th,
.cd-popup,
.ct-popup.p10 .bg-info .pop-tbl-type01 table tr td /*jk추가*/
    /* .contents .bg-info .pop-tbl-type01 table tr td, */
    /* .bg-info .pop-tbl-type01 table tr td*/{  /*jk삭제*/
    padding: 7px;
    font-size: 13px;
}
.ct-popup.p10 .com-bg-info{
    padding: 10px;
}
.ct-popup.p10 .com-border{
    padding: 5px 10px;
}
.ct-popup.p10 .select2-container .select2-selection--single,
.ct-popup.p10 .c-form-input{ /*jk수정*/
    height: 26px;
    font-size: 13px;
}
.ct-popup.p10 .selectize-input{ /*jk추가*/
    min-height:26px;
    font-size: 13px;
}
.ct-popup.p10 .c-form-txtarea { /*jk추가*/
    font-size: 13px;
}
.ct-popup.p10 .c-form-txtarea-input{ /*jk추가*/
    font-size: 13px;
}
.ct-popup.p10 .pop-tbl-type01 table tr td{ /*jk추가*/
    height: 41px;
}
.ct-popup.p10 .com-table tr th{
    height: 28px; line-height: 28px; font-size: 13px;
}
.ct-popup.p10 .com-table tr td{
    height: 27px;
    padding: 5px 15px;
    font-size: 13px;
}
.ct-popup.p10 .com-sarch-type01 .flex .lef ul li dl dt{
    font-size: 13px;
}
.ct-popup.p10 .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: -1px;
}
.ct-popup.p10 .member_info>ul>li.name{font-size: 13px;}
.ct-popup.p10 pre{font-size: 13px;}
.ct-popup.p10 .comment_list>ul>li{ padding: 9px 14px;} /* kjsong수정 */
.ct-popup.p10 .member_info>ul>li{line-height: 21px;}
.ct-popup.p10 .write-bx .btn{/*margin: 5px 0;*/padding: 5px 5px; border-top: 1px solid #e4e4e4; text-align: right; min-height: 40px; overflow: auto;} /* kjsong 수정 */
textarea:focus {border: 1px solid #5e6a9a;} /* kjsong추가 */
.tf-trees__profile.af-none{
    position: absolute;
    z-index: 10;
}
.tf-trees__profile.af-none::before{
    display: none;
}
.tf-trees__profile.af-none::after{
    display: none;
}
.tf-tree-notice{
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 20;
    display: flex;
}
.tf-tree-notice dl dt,.tf-tree-notice dl dd{
    text-align: left;
}
.tf-tree-notice dl dt{
    font-size: 16px;
    margin-bottom: 5px;
}
.tf-tree-notice dl dd{
    font-size: 15px;
    margin-top: 10px;
}
#gnb .depth2 .menu>ul>li>ul>li>ul>li>a{
    position: relative;
    /* margin-left: 54px; */
}
/*#gnb .depth2 .menu>ul>li>ul>li>ul>li>a::before{
    position: relative;
    left: 0;
    z-index: 0; !* kjsong 수정 *!
    display: inline-block;
    content: '';
    border:6px solid transparent;
    border-left-color:white;
    top: 1px;
}*/
#gnb .depth2.menu01 .menuLvl4{
    background:var(--basic-color);
}
#gnb .depth2 .menu>ul>li>ul>li>ul>li>a{
    margin-left: 0;
    padding: 10px 23px 10px 55px;
}
#gnb .depth2 .menu>ul>li>ul>li>ul>li>a:hover{
    background: var(--basic-color-tertiary);
}
#gnb .depth2 .menu>ul>li>ul>li>ul>li.active>a{
    margin-left: 0;
    background: var(--basic-color-tertiary) !important; /*jk수정*/
    padding: 10px 23px 10px 55px;
}
#gnb .depth2 .menu>ul>li>ul>li>ul>li>a:has(span.leafY){  /*jk추가*/
    background: var(--basic-color-secondary);
}
#gnb .depth2 .menu>ul>li>ul>li>ul.active{
    padding: 0;
}
#gnb .depth2 .menu>ul>li>ul>li>ul>li{
    margin-top: 0;
}

/* 20221102 추가 */
.dashboard-graph{}
.dashboard-graph .wrap{
    display: flex;
}
.dashboard-graph .wrap .lef{
    flex: 0 0 420px;
}
.dashboard-graph .wrap .lef .graph-box{
    margin-right: 10px;
    border-radius: 10px;
    border: 1px solid #b5b5b5;
}
.dashboard-graph .wrap .lef .graph-box .info{
    width: 100%;
    height: 264px;
    padding: 20px;
    /* border: 1px solid #000; */
}
.dashboard-graph .wrap .lef .graph-box .tit{
    text-align: center;
    font-size: 18px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    background: var(--basic-color);
    border-radius: 9px 9px 0 0;
}
.dashboard-graph .wrap .lef .graph-box .row{
    width: 100%;
    height: 222px;
    display: flex;
    gap: 40px;
    align-items: center;
    padding: 20px;
}
.dashboard-graph .wrap .lef .graph-box .row .bar-graph{
    width: 210px;
    /*height: 220px;*/
    /*border: 1px solid #000;*/
}
.dashboard-graph .wrap .lef .graph-box .row .ref{
    text-align: center;
}
.dashboard-graph .wrap .lef .graph-box .row .ref .num{
    font-size: 30px; font-weight: bold;
    margin-top: 10px;
}
.dashboard-graph .wrap .lef .graph-box .row .ref .num.red{
    color: #ff5236;
}
.dashboard-graph .wrap .lef .graph-box .row .ref .num.blue{
    color: #4285F4;
}
.dashboard-graph .wrap .ref{
    flex:1;
}
.graph-box2{
    margin-top: 10px;
    margin-right: 10px;
}
.graph-box2 .tit{
    position: relative;
    font-size: 18px;
    padding-left: 24px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    background: var(--basic-color);
    border-radius: 9px 9px 0 0;
}

.graph-box2 .tit:after{
    content: '';
    width: 4px;
    height: 20px;
    background: #fff;
    border-radius: 5px;
    position: absolute;
    left: 11px;
    top: 13px;
}

.graph-box2 .row{
    padding: 10px;
    border: 1px solid #b5b5b5;
    border-radius: 0 0 10px 10px;
}
.graph-box2 .row li{
    display: flex;
    align-content: center;
    justify-content: space-between;
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #b5b5b5;
    border-radius: 5px;
    margin-bottom: 10px;
}
.graph-box2 .row li:last-of-type{
    margin-bottom: 0;
}
.graph-box2 .row li>p{
    font-size: 18px;
    font-weight: bold;
}
.graph-box2 .row li .ref{
    flex:none;
    display: flex;
    align-items: center;
    gap:30px;
}
.graph-box2 .row li .ref .date-recode{}
.graph-box2 .row li .ref .date-recode>p{}
.graph-box2 .row li .ref .date-recode p.today{
    margin-top: 7px;
    font-weight: bold;
}
.graph-box2 .row li.row-item{
    height: 62.5px;
}
.graph-box2 .row li .ref .inc-num{
    text-align: center;
    width: 24px;
}
.graph-box2 .row li .ref .inc-num p{
    margin-top: 3px;
}
.graph-box2 .row li .ref .dec-num{
    text-align: center;
}
.com-table tr th {
    border-top: 0px;
    top:-1px;
}
.process-wrap ul.protype1 li a .wrap svg path,
.process-wrap ul.protype1 li a .wrap svg rect,
.process-wrap ul.protype1 li a .wrap svg line,
.process-wrap ul.protype1 li a .wrap svg ellipse {
    stroke-dasharray: inherit;
}

.adminY {background: rgb(240, 240, 240);}


/* 20221116 대시보드 css 추가  */

.dashboardTop{
    padding: 25px 20px;
    padding-bottom: 0px;
    border: 1px solid #b5b5b5;
    border-radius: 5px;
}
.dashboardTop ul{
    display: flex;
}
.dashboardTop ul li{
    flex:1;
    height: 297px;
    position: relative;
}
.dashboard .tagWrap{
    display: flex;
    gap:30px;
}
.dashboard .tagWrap .tag{
    display: flex;
    align-items: center;
    gap:10px;
    font-weight: bold;
    font-size: 14px;
}
.dashboard .tagWrap .tag em{
    display: inline-block;width: 16px;height: 16px;
    border-radius: 5px;
}
.dashboard .tit{
    position: relative;
    font-size: 20px;
    font-weight: bold;
    color: #2d2d2d;
    display: inline-block;
    padding-bottom: 8px;
    z-index: 2;
}
.dashboard .tit span.before{
    position: absolute;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 5px;
    z-index: -1;
    left: -7px;
    top: -5px
}
.dashboard .tit span:last-of-type{
    display: inline-block; padding-left: 7px; position: absolute; top: -3px;
}
.dashboard .tabBtn{
    gap:40px;
    display: flex;
}
.tabBtnContent .content{
    display: none;
    margin-top: 15px;
}
.tabBtnContent .content.on{
    display: block;
}
.tabBtnContent .content2 {
    display: none;
}
.tabBtnContent .content2.on {
    display: block;
}
.tabBtnContent .content .flex{
    align-items: flex-start;
}
.tabBtnContent .content .flex .lef{
    flex:1;
    min-width: 100px;
}
.tabBtnContent .content .flex .lef li{
    margin-bottom: 15px;
}
.tabBtnContent .content .flex .lef li a{
    color: #dddddd; font-weight: bold; font-size: 20px;
    transition: all 0.4s;
}
.tabBtnContent .content .flex .lef li a::before{
    position: relative;
    left: -100%;
    transition: all 0.4s;
}
.tabBtnContent .content .flex .lef li.on a{
    color: #4393e4;
}
.tabBtnContent .content .flex .lef li.on a::before{
    content: '▶';
    display: inline-block;
    margin-right: 4px;
    font-size: 15px;
    top: -2px;
    left: 0;
}
.tabBtnContent .content .flex .lef li.on a span{
    position: relative;
    top: -2px;
    left: 2px;
}
.tabBtnContent .content .flex .ref{}
.dashboard .tabBtn li{
    border:none;
    flex:auto!important;
    padding: 0;
}
.dashboard .tabBtn li.on a{
    color: #000;
    font-weight: bold;
    padding-bottom: 8px;
    border-bottom: 2px solid #4285f4;
}
.dashboard .tabBtn li a{
    position: relative;
    font-size: 20px; color: #b5b5b5; font-weight: bold;
}
.dashboard .tabBtn li:first-of-type a::after{
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%; transform: translateY(-50%);
    right: -22px;
    width: 2px; height: 80%; background: #b5b5b5;
}
.dashboardTop ul li .txt{
    margin-top: 12px;
}
.dashboardTop ul li .txt:nth-of-type(2){
    margin-top: 20px;
}
.dashboardTop ul li .txt{
    font-size: 14px;
    color: #666666; font-weight: bold;
}
.dashboardTop ul li .txt dt{
    color: #666666;
}
.dashboardTop ul li .txt dd{
    color: #666666;
    font-weight: 700;
    display: inline-block;
    margin-top: 5px;
    font-size: 20px;
}
.dashboardTop .graphWrap{
    position: absolute;
    bottom:28px;
    left: 90px;
    width: 66.666667%; /* 180/270 */
    height: 66.66666%;
}
.dashboardTop .graphWrap .graph {
    border: 1px solid #000;
    width: 100%; height: 100%;
}
.dashboardTop .graphWrap .perCent{
    position: absolute;
    left: 50%; top: 50%;
    transform: translate(-50%,-50%);
    font-size: 20px; font-weight: 500;
}
.dashboardTop .graphWrap .perCent span{
    display: inline-block;
    font-size: 30px;
    font-weight: bold;
}

.dashboardMid{
    margin-top: 10px;
    padding: 27px 20px;
    padding-bottom: 20px;
    border: 1px solid #b5b5b5;
    border-radius: 5px;
}
.dashboardMid ul{
    display: flex;
    gap:40px;
    justify-content: space-between;
}
.dashboardMid ul li:nth-of-type(1)::after{
    position: absolute;
    right: -20px;
    top: 0;
    bottom: 0;
    content: '';
    display: inline-block;
    width: 1px; height: 100%;
    background: #dddddd;
}
.dashboardMid ul li{
    position: relative;
    flex: 1;
}
.dashboard ul li .flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dashboardMid .graphWrap{
    margin-top: 15px;
    width: 100%; height: 207px;
}
.dashboardMid .graphWrap .graph{
    width: 100%; height: 100%;
    border: 1px solid #000;
}
.dashboardBottom{
    margin-top: 10px;
}
.dashboardBottom>ul{
    display: flex;
    gap: 10px;
}
.dashboardBottom>ul>li{
    flex: 1;
    border: 1px solid #b5b5b5;
    border-radius: 5px;
    padding: 27px 20px;
    padding-bottom: 20px;
}
.dashboardBottom>ul>li:nth-of-type(1){
    flex: 0 0 31.818182%; /* 420/1320 */
}
.dashboardBottom>ul>li:nth-of-type(2){
    padding: 30px 45px;
}
.dashboardBottom .graphWrap {
    margin-top: 15px;
    width: 100%;
    height: 207px;
}

.dashboardBottom .graphWrap .graph {
    width: 100%;
    height: 100%;
    border: 1px solid #000;
}

.tabBtnContent .content .flex .ref .com-tbl-wrap{
    width: 101%;
}
.tabBtnContent .content .flex .ref{
    flex:0 0 85.718182%; /* 610/880 */
}
.tabBtnContent .content2.on .graphWrap{margin-top: 0;}
.tabBtnContent .com-table tr th{
    height: 30px; line-height: 30px;
    font-size: 13px;
}
.tabBtnContent .com-table tr td{
    height: 30px; line-height: 30px;
    font-size: 13px;
    padding: 1px 7px;
}
/* .tabBtnContent
.tabBtnContent */



/* 20221124 추가 */
.dashboardTop{
    padding: 15px 20px;
}
.dashboardMid{
    padding: 15px 20px;
}
.dashboardBottom>ul>li{
    padding: 15px 20px!important;
}
.dashboardTop ul li{
    height: 220px;
}
.dashboardMid .graphWrap{
    height: 175px;
}
.dashboardBottom .graphWrap{
    height: 175px;
}
.dashboardTop .graphWrap{
    bottom: 0;
    height: 80.6666%;
}

/* 20221130 추가 */
.uesrRegist {
    width: 420px;
}
.uesrRegist .rowBox {
    border-radius: 10px;
    border: 1px solid #aaa;
    padding: 10px 17px;
    background: #fff;
}
.uesrRegist .tabBtn{
    display: flex;
    justify-content: center;
}
.uesrRegist .tabBtn li{
    width: 50%;
}
.uesrRegist .tabBtn li button {
    padding: 10px 0;
    width: 100%;
    font-size: 15px;
}
.uesrRegist .tabBtn li button:hover{
    color: var(--basic-color);
}
.uesrRegist .tabBtn li.on button{
    border-bottom: 3px solid var(--basic-color);
    color: var(--basic-color); font-weight: bold;
}
.uesrRegist .contents{
    display: none;
    background: #fff;
}
.uesrRegist .contents.on{
    display: block;
}
.uesrRegist .profileImg{
    margin-top: 16px;
    width: 50px; height: 50px;
    background-repeat: no-repeat;
    background-size:cover;
}
.uesrRegist .name{
    margin-top: 10px;
    font-size: 16px; font-weight: bold;
}
.uesrRegist .department{
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
    display: flex; align-items: center;
    justify-content: center;
}
.uesrRegist .department span{
    display: inline-block;
    position: relative;
    margin-right: 20px;
}
.uesrRegist .department span:last-of-type{
    margin-right: 0;
}
.uesrRegist .department span:last-of-type::after{
    display: none;
}
.uesrRegist .department span::after{
    display: block;
    content: '>';
    position: absolute;
    top: 50%; transform: translateY(-50%);
    right:-15px;
}
.uesrRegist .userInfo{
    margin-top: 20px;
    display: inline-flex;
    flex-direction: column;

}
.uesrRegist .userInfo p.phone{
    display: flex;
    gap:10px;
    margin-bottom: 10px;
    align-items: center;
}
.uesrRegist .userInfo p.email {
    display: flex;
    gap: 10px;
    align-items: center;
}
.uesrRegist .userInfo p.phone img,.uesrRegist .userInfo p.email img{width: 14px;height: auto;}
.uesrRegist .userInfo p.phone span,.uesrRegist .userInfo p.email span {
    width: 63px;
    display: inline-block; text-align: left;
    font-weight: 500;
    font-weight: 14;
}
.uesrRegist .userInfo p.phone .txt,.uesrRegist .userInfo p.email .txt{
    width: auto;
    font-size: 14px; font-weight: 600;
    color: var(--basic-color);
    position: relative;
    top: 1px;
}

div.modal-header > div > div.modal-button > div > div.tbl-btn {
    float:right;
    padding-top: 10px;
    margin-right: 45px;
    top: -14px;
    position: relative;
}

.sbox .safe {background: url('../../../images/common/dash_ico_safe.png') center left no-repeat;  height:65px; padding-left: 50px; display: table-cell; vertical-align: middle;}
.sbox .safe .safetitle {font-family: NotoSansKR_M;font-size: 14px;display: block;color: #70b5ff;}
.sbox .bold {font-family: NotoSansKR_B; font-size: 22px; color: #51546b;}

.com-tbl-wrap .com-table .comTbody .label {
    overflow: hidden !important;
    white-space: nowrap !important;;
    text-overflow: ellipsis !important;;
}

.iris-picker {
    position: absolute !important;
}

.iris-palette-container .iris-palette {
    width: 21.2px !important;
    height: 21.2px !important;
}

.iris-picker .iris-square {
    margin-right: 3% !important;
}

.iris-strip {
    height: 139px !important;
}

.iris-border {
    height: 215px !important;
    width: 189px !important;
}

.iris-palette-container > a {
    margin-top: 3px !important;
}

.flex {display: flex; position: relative;}

.fs30 {    font-size: 30px !important;}

.heavy {
    font-family: NotoSansKR_B;
    font-weight: bold;
}

#gnb .copyright {position:absolute; bottom:30px;}
#gnb .copyright li {background:none !important;}
#gnb .copyrightc {display:inline-block; font-size:10px; font-weight:bold; color:#FFFFFF; width:179px; padding: 0px 0px 11px 0px; margin-left:15px;}
#gnb .copyrightc p { line-height:14px;}
#gnb .copyrightc .title {color: #fff; line-height:26px; font-size:14px !important;}

.editor-noti {
    padding-top:10px;
    color: red;
    float: right;
    background:url(../../../images/theme/blue/ico-noti.png) no-repeat left bottom;
    padding-left: 17px;
}

.datePickParent{  /*jk추가*/
    display: flex;
    align-items: center;
    gap: 7px;
}

.date-picker-close{
    background:url(../../../images/theme/blue/btn-close-grey.png) no-repeat;
    width:20px;
    height:20px;
}

.noBorder { /* hjahn추가 */
	border-left: none !important;
 	border-right: none !important;
 }