@charset "utf-8";

::-webkit-scrollbar {width:12px;height:12px;}
::-webkit-scrollbar-thumb {border: 2px solid transparent;background-clip: padding-box;border-radius:40px;background-color:#B4B9C2;}
::-webkit-scrollbar-track {background-color:#F9F9F9;}
::-webkit-scrollbar-horizontal {width: 8px;border: 2px solid transparent;background-clip: padding-box;background-color:red !important;}

.type-fleft {float:left;}
.type-fright {float:right;}
.type-fright a:hover {color:#fff;}
.type-full {width:100% !important;}

/*************************************************************
    Form : Setting Box
 *************************************************************/
 .form-setting-box{background:#fff;}
.form-setting-box .ui-setting{display:flex;padding:10px;background:#fff;}
.form-setting-box .ui-setting:after {display:table; clear:both; content:'';}
/* .form-setting-box .ui-setting + .ui-setting {margin:16px 0 0 0;} */
.form-setting-box .ui-setting .form-setting {float:left;padding-right:20px;}
.form-setting-box .ui-setting .form-setting:last-of-type {padding-right:0;}
.form-setting .txt-label {display:inline-block; float:left; width:110px; padding:13px 0 7px 0; font-size:14px; color: #000;}
.form-setting .component-input-search {float:left;}
.form-setting .component-calen {float:left;}

.setting-button {padding:20px 0 0 0; text-align:center;}


/*************************************************************
    Component : Button
 *************************************************************/
.component-button {width:125px;background:#1C4EFC;color:#fff;line-height:40px;}
.component-button:hover{background:#112F97;}

.component-button-s {display:inline-block;width:70px; background-color:#003471;font-size:14px; font-weight:400; text-align:center; color:#fff;}
.component-button-s.type-s {font-size:13px; padding:8px 19px; width:auto;}
.btn-box-search {display:inline-block; width:26px; height:26px; background:url(../images/btn_search.png) no-repeat;}
.component-button-s.type-line {color:#231F20;border: 1px solid #231F20; background:none;}

.component-button-s.type-Y {color:#fff !important;;border: 1px solid #F05A22; background:#F05A22;}
.component-button-s.type-N {color:#F05A22;border: 1px solid #F05A22; background:#FFFFFF;}

.component-button-s.type-a {font-size:14px; width:auto; padding:7px 19px 8px 19px;}
.component-button-s.type-add {font-size:14px; width:auto; padding:7px 19px; background-color:#406BB3;}
.component-button-s.type-del {font-size:14px; width:auto; padding:7px 19px; background-color:#8099B8;}
.component-button-s.type-c {font-size:14px; width:auto; padding:7px 19px; background-color:#C7C7C7;}
.component-button-s.type-v {width:125px;background:#A4B8FE;color:#fff;line-height:40px;font-size:14px;}
.component-button-s.type-v:hover{background:#7795FD;}

.bottom-buttons {
	padding: 20px 0 0 0;
	text-align: center;
}

.bottom-buttons .btn-bottom {margin:0 3px;}
.btn-bottom {display:inline-block;font-size:16px; color:#fff;}
.btn-bottom:hover {color:#fff;}
.btn-bottom.type-a {width: 125px;text-align: center;border: 1px solid #6A7181;background: #fff;color: #6A7181;line-height: 38px;}
.btn-bottom.type-a:hover{border:1px solid #6A7181;background:#F9F9F9;color:#6A7181;font-weight:700}
.btn-bottom.type-b{width:125px;background:#1C4EFC;color:#fff;line-height:40px;}
.btn-bottom.type-b:hover{background:#112F97;color:#fff;}
.btn-bottom.type-c  {background-color:#C7C7C7; font-weight: 500;}
.btn-help {float:right; display: inline-block; position: relative; margin-left: 10px; padding: 0 6px; line-height: 20px; min-width: 50px; padding: 0 10px; background: #fff; border: solid 1px #e8e8e8; border-radius: 5px; font-size: 12px; color: #5f6062; text-align: center; line-height: 26px; vertical-align: top; cursor: pointer; transition: all 0.4s;}

/*************************************************************
    Component : Tab Line
 *************************************************************/
.component-tab-line {border-bottom: 1px solid #253589; overflow:hidden;}
.component-tab-line .list-tab li {float:left;}
.component-tab-line .list-tab li a {display:inline-block; padding:16px 25px; font-size:16px; color:#003471; border-bottom: 4px solid transparent;}
.component-tab-line .list-tab li.is-selected a {border-bottom: 4px solid #253589; font-weight:bold;}


table.component-detail-table tr td .component-button-s.type-v{line-height:32px;}

/*************************************************************
    Component : Select
    2024.11.29. Select 스타일 수정
 *************************************************************/
/*  
.component-select {display:inline-block; padding:0 8px 0 8px; width:148px; height:28px; border: 1px solid #E9E9E9; border-radius: 2px; color:#231F20; font-size:12px; background: #fff url(./././statics/images/comm/sub/select_arrow.png) no-repeat 95% center; background-size: 24px 24px;appearance: none;} */
select{color: #000;}
select:disabled{background-color:#E6E8EC; color:#9DA3AF;}

/*************************************************************
    Component : Input
    2024.11.29.
    text disabled color 수정
    
 *************************************************************/
input[type="text"] {height:38px;border: 1px solid #9DA3AF;text-indent:15px;color:#000;box-sizing:content-box;}
input[type="text"]::placeholder {color:#9DA3AF}
input[type="text"]:disabled {background-color:#E6E8EC; color:#9DA3AF;}
input[type="text"]:focus{border:1px solid #4971FD}

input[type="password"] {height:38px;border: 1px solid #9DA3AF;text-indent:15px;color:#9DA3AF;box-sizing:content-box;}
input[type="password"]::placeholder {color:#DDDDDD}
input[type="password"]:disabled {background-color:#E6E8EC}
input[type="password"]:focus{border:1px solid #4971FD}

/* 2024.11.29. date 기본 컬러 변경*/
input[type="date"] {height:38px;border: 1px solid #9DA3AF;text-indent:5px;color:#000;padding-right:10px;box-sizing:content-box;}
input[type="date"]::placeholder {color:#9DA3AF}
input[type="date"]:disabled {background-color:#E6E8EC; color:#9DA3AF;}
input[type="date"]:focus{border:1px solid #4971FD}

input[type="datetime-local"] {height:38px;border: 1px solid #9DA3AF;text-indent:5px;color:#9DA3AF;padding-right:10px;box-sizing:content-box;min-width: 200px!important;}
input[type="datetime-local"]::placeholder {color:#9DA3AF}
input[type="datetime-local"]:disabled {background-color:#E6E8EC}
input[type="datetime-local"]:focus{border:1px solid #4971FD}

input[type="file"] {height:38px;padding-top:15px;border: 1px solid #9DA3AF;text-indent:15px;color:#9DA3AF}
input[type="file"]::placeholder {color:#9DA3AF}
input[type="file"]:disabled {background-color:#E6E8EC}
input[type="file"]:focus{border:1px solid #4971FD}

.component-input {display:inline-block; width:148px; height:40px; background: #FFFFFF; border: 1px solid #9DA3AF; color:#9DA3AF; font-size:14px;}
.component-input[type="text"]:disabled {background: #E8E8E8;}
.component-input[type="text"]:read-only {background: #E8E8E8;}

/*************************************************************
    Component : Calen
 *************************************************************/
.area-calen:after {display:table; clear:both; content:'';}
.area-calen .component-calen {float:left;}
.area-calen .component-calen input {width:100px;}
.area-calen .component-time {float:left; margin-left:10px;}
.component-calen:after {display:table; clear:both; content:'';}
.component-calen .data-calen {float:left;}
.component-calen .data-calen .component-input {float:left; width:100px;}
.component-calen .data-calen .icon-calen {display:inline-block; margin:4px 0 0 4px;float:left; width:18px; height:20px; background:url(../images/icon_calen.png) no-repeat;}
.component-calen .txt-bar {float:left; padding:5px 0;display:inline-block; margin:0 9px; font-size: 12px; color: #4D5580;}

.component-time {}
.component-time .component-input {width:40px;}
.component-time .time-bar{display:inline-block; margin:0 4px;font-size:12px; color:#003471;}

/*************************************************************
    Component : Input Search
 *************************************************************/
.component-input-search:after {display:table; clear:both; content:'';}
.component-input-search .component-input {float:left; width:147px; margin-right:3px;}
.component-input-search .btn-search,
.component-input-search .btn-search-close {display:inline-block; margin:1px 0 0 0; float:left; width:26px; height:26px; }
.component-input-search .btn-search-close {background:url(../images/btn_search_close.png) no-repeat;}
.component-input-search .btn-search {background:url(../images/btn_search.png) no-repeat;}
.component-input-search [class^="btn-search"] + [class^="btn-search"] {margin-left:3px;}

/*************************************************************
    Component : Icon
 *************************************************************/
.icon-necessary {display:inline-block; margin:0 4px 0 -8px;width:4px; height:4px; background:url(../images/icon_necessary.png) no-repeat; vertical-align: top;}



/*************************************************************
    Component : Table
 *************************************************************/
table.component-table {background-color:#fff;}
table.component-table tr th {padding:13px 0 13px 18px;background: #E6E8EC; font-size:16px; color:#000; font-weight:bold; text-align:left; }
table.component-table tr th:last-of-type {padding-right:18px;}
table.component-table tr:hover {background: #F0F3FF;}
table.component-table tr {cursor: pointer;}
table.component-table tr td {height:46px;padding:11px 0 11px 16px; color:#231F20; font-size:14px;border-top:1px solid #F3EFEE; border-bottom:1px solid #F3EFEE;}
table.component-table tr:first-child td{border-top:1px solid #4971FD}

table.component-table tr td:last-of-type {padding-right:16px;}
table.component-table tr th.txt-center,
table.component-table tr td.txt-center {text-align:center;}

table.component-detail-table {border:1px solid #B4B9C2; background-color:#fff;}
table.component-detail-table tr th {padding:16px 16px 15px 16px; text-align:left; font-weight:normal; color:#231F20; font-size:14px;background-color:#F0F3FF; border:1px solid #B4B9C2; letter-spacing:-1px;}
table.component-detail-table tr:first-of-type th,
table.component-detail-table tr:first-of-type td {border-top:none;}
table.component-detail-table tr td {padding:4px 16px 4px 16px; height:36px; font-size:14px; color:#231F20;border:1px solid #B4B9C2; }
table.component-detail-table thead tr th {padding:16px 10px 15px;text-align:center;}
table.component-detail-table tr th.txt-center,
table.component-detail-table tr td.txt-center {text-align:center;}
table.component-detail-table tr td.txt-center a:hover {color:#fff;}
table.component-detail-table tr th .th-sub {display:block; font-size:11px;}
table.component-detail-table tr th .th-sub_br {display:block;}
table.component-detail-table tr td.type-vertical-top {vertical-align: top;}
table.component-detail-table .btn-search-close {display:inline-block; margin:1px 0 0 0; float:left; width:26px; height:26px; }
table.component-detail-table .btn-search-close {background:url(../images/btn_search_close.png) no-repeat;}


.component-detail-table tbody td > a.link {text-decoration:underline;transition:color 0.4s;}
.component-detail-table tbody td > a.link:hover {color:#FF6B37;}

.scroll-x {width:1069px; overflow-x: scroll; white-space:nowrap;}
table.component-table-c {border:1px solid #f2fbfe; background-color:#fff;}
table.component-table-c .cell-green {background-color:#F1FAE5;}
table.component-table-c .cell-yellow {background-color:#FFFAE7;}
table.component-table-c .cell-red {background-color: #FFE8E4;}
table.component-table-c tr th {padding:8px 5px 8px 5px; text-align:left; font-weight:500s; color:#231F20; font-size:12px;line-height:16px;background-color:#ECF5FF; border:1px solid #C3CFDD; letter-spacing:-1px; vertical-align: top;}
table.component-table-c tr:first-of-type th,
table.component-table-c tr:first-of-type td {border-top:none;}
table.component-table-c tr td {text-align: center; padding:2px 5px 2px 5px; height:36px; font-size:12px; color:#231F20;border:1px solid #E1E0DC; line-height:16px;}
table.component-table-c thead {border-bottom: 2px solid #C3CFDD; border-top: 1px solid #C3CFDD;}
table.component-table-c thead tr th {padding:8px 2px;text-align:center; vertical-align: middle;}
table.component-table-c tr td.txt-center {text-align:center;}
table.component-table-c tr td.txt-center a:hover {color:#fff;}
table.component-table-c tr th.th-sub {display:block; font-size:11px;}
table.component-table-c tr td.type-vertical-top {vertical-align: top;}


/*************************************************************
    Component : Textarea
 *************************************************************/
.component-textarea {display:block; width:100%; padding:8px 9px; height:98px; border: 1px solid #E1E0DC; border-radius:3px; font-size:13px; color:#231F20; line-height:18px;}

/*************************************************************
    Component : Radio
 *************************************************************/
.component-radio input {display:none;}
.component-radio i {display:inline-block; width:16px; height:16px; background:url(../images/icon_radio.png) no-repeat;}
.component-radio input:checked + i {background-position-x:-17px;}
/* .component-radio input:disabled + i {background-position-x:-34px;} */
.component-radio .txt-radio {display:inline-block; font-size:14px; color:#231F20; margin:2px 0 0 6px;vertical-align: top;}
.component-radio + .component-radio {margin-left:30px;}

/*************************************************************
    Component : Checkbox
 *************************************************************/
.component-checkbox input {display:none;}
.component-checkbox i {display:inline-block; width:16px; height:16px; background:url(../images/icon_checkbox.png) no-repeat;}
.component-checkbox input:checked + i {background-position-x:-17px;}
/* .component-checkbox input:disabled + i {background-position-x:-34px;} */
.component-checkbox .txt-checkbox {display:inline-block; font-size:13px; color:#231F20; margin:2px 0 0 6px;vertical-align: top;}

/*************************************************************
    Component : Status
 *************************************************************/
.tag-status {display:inline-block; padding:5px 11px; border-radius: 100px; font-size:12px; font-weight:bold; color:#231F20;}
.tag-status.type-ing { background: #E7ECF8;}
.tag-status.type-change { background: #FAEFF0;}
.tag-status.type-complete { background: #EAFCE8;}


/*************************************************************
    Component : page
 *************************************************************/
.component-pageing {padding:25px 0 0 0;text-align:center;}
.component-pageing a {display:inline-block; width:40px;margin:0 4px;border-radius:4px;font-size:14px; background:#fff; color:#231F20; vertical-align:top;}
.component-pageing a:hover{background:#E6E8EC}
.component-pageing a span {display:inline-block; position:relative; width:40px; height:40px;border-radius:4px;line-height:40px;}
.component-pageing a.is-selected span {background-color:#1455A9; color:#fff; font-weight:bold;}
.component-pageing a.btn-prev {width:60px;height:40px;}
.component-pageing a.btn-prev span,
.component-pageing a.btn-next span{width:60px;height:40px;}
.component-pageing a.btn-prev span:after,
.component-pageing a.btn-next span:after {position:absolute; top:0; left:0;width:60px; height:40px; content:'';}
.component-pageing a.btn-prev span:after{background:url(../images/Basic-Pagination-left.png) no-repeat 0 0/60px 40px;}
.component-pageing a.btn-next span:after{background:url(../images/Basic-Pagination-right.png) no-repeat 0 0/60px 40px;}


/*************************************************************
    Layout : Sub
 *************************************************************/
.wrap-page-sub .layout-header {position:relative;height:105px; background:none; background-color:#003471;}
.wrap-page-sub .layout-contents {margin:0 auto;}
.wrap-page-sub .layout-header .img-logo {margin:42px 0 0 0;}
.wrap-header {position:relative;}
.wrap-header .area-user {position:absolute; top:22px; right:0; color:#FFFFFF; font-size:12px;}
.wrap-header .btn-user-login {display:inline-block; padding:2px 7px;margin-left:13px; border: 1px solid rgba(255,255,255,0.5); box-sizing: border-box; border-radius: 2px; font-size:12px; color:#fff;}

.sub-lnb {width:210px; float:left;border: 1px solid #D8DAE8; overflow:hidden; border-radius:4px; background-color:#fff; margin-right: 40px;}
.sub-lnb .lnb-title {padding:32px 19px 12px 19px; font-size:20px; color:#FFF; font-weight:bold; background-color:#003471;}
.sub-lnb .lnb-title-sub {padding:8px 19px 12px 8px; font-size:14px; color:#003471; font-weight:bold; background-color:#ECF5FF;} /* 2023.10.17 kdy 추가  */
.sub-lnb .list-sub-lnb > li a {display:block; position:relative; padding:17px 30px 17px 19px; font-size:13px; color:#231F20;}
.sub-lnb .list-sub-lnb > li + li {border-top:1px solid #D8DAE8;}
.sub-lnb .list-sub-lnb > li > a:after {display:inline-block; position:absolute; top:50%; right:19px; margin:-7px 0 0 0; width:9px; height:14px; background:url(../images/icon_menu_arrow.png) no-repeat; content:'';}
/* .sub-lnb .list-sub-lnb > li.is-show > a:first-child {background: #406BB3; color:#fff; font-weight:bold;} */
.sub-lnb .list-sub-lnb > li.is-show > a:after {transform:rotate(90deg); background: url(../images/icon_menu_arrow_w.png) no-repeat; content:'';}
.sub-lnb .list-sub-lnb > li.is-selected > a {background: #406BB3; color:#fff; font-weight:bold;}
.sub-lnb .list-sub-lnb > li.is-selected > a:after {background: url(../images/icon_menu_arrow_w.png) no-repeat; content:'';}
.sub-lnb .list-sub-lnb > li.is-show .sub-list-in {display:block;border-top:1px solid #D8DAE8;}
.sub-lnb .list-sub-lnb > li .sub-list-in {display:none; padding:9px 0;background-color:#ECF5FF}
.sub-lnb .list-sub-lnb > li .sub-list-in > li a {display:block; padding:10px 0 10px 16px; font-size:12px;}
.sub-lnb .list-sub-lnb > li .sub-list-in > li a:focus {text-decoration:underline; font-weight: bold; color:#2C5FB5;}
/* .sub-lnb .list-sub-lnb > li .is-selected_Lvl3 {text-decoration:underline; font-weight: bold; color:#2C5FB5;} */ 
.sub-lnb .list-sub-lnb > li .is-selected_Lvl3 {background: #406BB3; color:#fff; font-weight:bold;} /* 2023.10.26 kdy */

.clear {clear:both;}

/*************************************************************
    location
 *************************************************************/
.nav_sec {margin-bottom:20px; height: 30px;}
.location {float:left;}
.location li {float:left;}
.location li a {display: inline-block; font-size: 13px; color: #929394; line-height: 30px; vertical-align: top;}
.location li.home:before {content: ""; display: inline-block; width: 15px; height: 30px; margin-right: 5px; background: url(../images/ico_home.png) no-repeat left center; vertical-align: top;}
.location li:after { content: ""; display: inline-block; width: 30px; height: 30px; background: url(../images/nav_line.png) no-repeat center center;    vertical-align: top;}
.location li:last-child a {color:#6998b8;}
.location li:last-child:after {display:none;}


.nav_sec .option-left {float:left;}
.nav_sec .option-right {float:right;}


/*************************************************************
    text
 *************************************************************/
.tit-b {font-size: 25px; text-align: center; font-weight: 600; margin:20px 0 20px 0;}
h3 {}


/*************************************************************
    Page : Sub List
 *************************************************************/
.page-list {float:left; padding-bottom:63px; width:1050px;}
.area-list {padding:10px; margin:26px 0 0 0;background: #FFFFFF;}
.table-option {padding:0 0 7px 0;}
.table-option:after {display:table; clear:both; content:'';}
.table-option .option-left {float:left;}
.table-option .option-right {float:right;}
.table-option .component-button-s {display:inline-block; margin:28px 0 0 0;padding:8px 0; width:70px; background-color:#003471;border-radius: 5px; font-size:12px; font-weight:bold; text-align:center; color:#fff;}
.table-option .type-fleft {float:left;}
.table-option .btn-download-s {display:inline-block; padding:5px 8px; margin:33px 0 0;border-radius: 5px; color:#231F20; font-size:12px; border:1px solid #231F20}
.table-option .btn-download-s .icon-download {display:inline-block; margin-right:2px;width:8px; height:9px; background:url(../images/icon_down.png) no-repeat;}

.table-option .table-num {font-size:13px; color:#231F20;}
.table-option .table-num strong {font-weight:bold;}

/* .form-setting-box .ui-setting .form-setting:nth-child(1) {width:500px;}
.form-setting-box .ui-setting .form-setting:nth-child(2) {width:400px;} */
.form-setting-box .ui-setting .form-setting:nth-child(1) {width:50%;}
.form-setting-box .ui-setting .form-setting:nth-child(2) {width:50%;}


/*************************************************************
    Page : Sub View
 *************************************************************/
.page-view {padding:41px 0 63px 0;}
.page-view:after {display:table; clear:both; content:'';}

.area-detail {width:1040px; float:right;}
.component-select.type-division {width:148px;}
.component-input-search.type-division .component-input {width:200px;}
.contents-label {font-size:16px; color:#231F20; font-weight:bold;}
.contents-sub_label {font-size:14px; color:#231F20; float: left; line-height: 50px;}

.top-detail {padding-bottom:8px; overflow:hidden;}
.top-detail .contents-label{padding:16px 0 0 0;}
.top-detail .component-button-s {margin:12px 0 0 6px;float:left;}
.component-detail-table.type-file tr th {vertical-align: middle;}
.component-detail-table.type-file tr td {height:50px;}
.component-detail-table.type-tab tr td {padding:5px 10px 5px 10px}
/*.table-detail + .table-detail {padding-top:43px;}*/
.page-view .component-tab-line {margin:64px 0 20px 0;}

/*************************************************************
    Page : Sub Register
 *************************************************************/
.left-box {float:left;}
.right-box {float:right;}
table.component-table tr.is-selected td {background-color:#F3F8FF;}
.sub-lnb .list-sub-lnb > li .sub-list-in > li.is-selected a {font-weight:bold; text-decoration:underline;}
.wrap-box-move {overflow:hidden;}
.wrap-box-move table.component-table {white-space:nowrap;}
.wrap-box-move table.component-table tr th {border-top:none;}
.box-move-list {width:480px; height:400px; background-color:#fff;border: 1px solid #E1E0DC; border-radius: 4px; overflow:auto;}
.ui-move-button {float:left; padding:159px 20px 0 23px; width:68px;}
.ui-move-button .btn-move-right,
.ui-move-button .btn-move-left {display:inline-block; width:30px; height:30px; background:url(../images/btn_move.png) no-repeat;}
.ui-move-button .btn-move-right {margin-bottom:19px;}
.ui-move-button .btn-move-left {transform:rotate(180deg);}


/*************************************************************
    Page : error
 *************************************************************/
.contents-box {position:relative; width:750px; padding:33px 48px 38px 49px; background: #FFFFFF; border-radius: 4px; overflow:hidden; margin: 50px auto;}
.contents-box .title {font-size: 30px; font-weight: 600; color: #231F20; text-align: center; margin: 30px 0 30px 0;}
.contents-box img {display:block; margin:0 auto;}
.contents-box p {font-size: 16px; line-height: 24px; font-weight: 600; margin-top: 20px; text-align: center;}
.contents-box ul {width:380px; margin:20px auto;}
.contents-box ul li {font-size:15px; line-height: 24px; font-weight: 500; list-style-image:url(../images/bul.png); list-style-position: inline;}


/*************************************************************
    bodyBasic : text-align
 *************************************************************/
.txtr {text-align: right;padding-right: 5px;}
.txtl {text-align: left;padding-left: 5px;}
.txtc {text-align: center;}


/* Size */
.w100 {width:100%;box-sizing:border-box;}
.w85 {width:85%;}
.w80 {width:80%;}
.w75 {width:75%;}
.w70 {width:70%;}
.w60 {width:60%;}
.w50 {width:50%;}
.w40 {width:40%;}
.w35 {width:35%;}
.w20 {width:20%;}
.w10 {width:10%;}


table th.searchTrm{
    background-image: url('../images/icon_question.png') !important;
	background-position: right 10px center !important;
	background-repeat: no-repeat !important;
	cursor: pointer;
}



/* 210325_ 추가 */
.cal_view:after {background:url(../images/ico_cal_bk.png) no-repeat center center;}
.cal_view.view:after {background:url(../images/ico_cal_ht.png) no-repeat center center;}
.hid_cal {display:none;position:absolute; left: 267px; top: 180px;}
/* DatePicker */
/*.dp_vbox .ui-datepicker {width:100%;margin:0;}*/ /* 달력 가로 */
.ui-datepicker {padding:0 8px;border:solid 1px #dedede;font-family:'Montserrat';}
/* .ui-datepicker .ui-datepicker-title {padding:20px 0 40px;font-size:18px;font-weight:500;} */
.ui-datepicker .ui-datepicker-prev {left:0;top:20px;background:url("../images/arr_lt.png") no-repeat center center;cursor:pointer;}
.ui-datepicker .ui-datepicker-next {right:0;top:20px;background:url("../images/arr_rt.png") no-repeat center center;cursor:pointer;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {display:none;}
.ui-datepicker table {margin-bottom:8px;}
.ui-datepicker th {padding:0 0 8px;background:#fff;font-size:11px !important;}
.ui-datepicker-calendar tr th, .ui-datepicker-calendar tr td {border:none;}
.ui-datepicker-calendar td:first-child a {color:#c20073;}
.ui-datepicker-calendar td:last-child a {color:#2441a3;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border:none !important;line-height:36px;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {background:#2441a3;color:#fff !important;}
/*.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {background:#c20073;}*/ /* 달력 선택, 오늘날짜 색상 */
/* DatePicker + Trigger */
.dp_box {display:inline-block;position:relative;vertical-align:top;}
.input.datepicker {padding:5px 30px 5px 10px;}
.input + .ui-datepicker-trigger {position:absolute;right:10px;top:50%;margin:-6px 0 0;}



/*
	2021-05-17 손연우
	평가대상 엑셀업로드 관련 추가
*/
.btn-download-s {display:inline-block; cursor:pointer; padding:7px 8px; margin:12px 0px 12px 5px;border-radius: 5px; color:#231F20; font-size:12px; border:1px solid #231F20}
.btn-download-s .icon-download {display:inline-block; margin-right:2px;width:8px; height:9px; background:url(../images/icon_down.png) no-repeat;}

.btn-upload-s {display:inline-block; cursor:pointer; padding:7px 8px; margin:12px 0px 12px 5px;border-radius: 5px; color:#231F20; font-size:12px; border:1px solid #231F20}
.btn-upload-s .icon-upload {display:inline-block; margin-right:2px;width:8px; height:9px; background:url(../images/icon_up.png) no-repeat;}


/* new */
.primary{width:125px;background:#1C4EFC;color:#fff;line-height:40px;}
.primary:hover{background:#112F97;color:#fff;}
.gprimary{width:125px;background:#9DA3AF;color:#fff;line-height:40px;}
.gprimary:hover{background:#E65578;color:#fff;}
.secondary{width:125px;background:#A4B8FE;color:#fff;line-height:40px;}
.secondary:hover{background:#7795FD;color:#fff;}
.btn_preview{width:125px;background:#A4B8FE;color:#fff;line-height:32px;}
.btn_preview:hover{background:#7795FD;color:#fff;}
.outline{width:125px;text-align:center;border:1px solid #1C4EFC;background:#fff;color:#1C4EFC;line-height:38px;}
.outline:hover{border:1px solid #112F97;background:#F0F3FF;color:#112F97;font-weight:700;}
.goutline{width:125px;text-align:center;border:1px solid #6A7181;background:#fff;color:#6A7181;line-height:38px;}
.goutline:hover{border:1px solid #6A7181;background:#F9F9F9;color:#6A7181;font-weight:700}

.primary.h_small{line-height:32px;}
.gprimary.h_small{line-height:32px;}
.secondary.h_small{line-height:32px;}
.outline.h_small{line-height:32px;}
.goutline.h_small{line-height:32px;}

.primary.h_large{line-height:50px;}
.gprimary.h_large{line-height:50px;}
.secondary.h_large{line-height:50px;}
.outline.h_large{line-height:48px !important;}
.goutline.h_large{line-height:48px !important;}

.icon{padding:0 10px;border:1px solid #6A7181;background:#fff;color:#6A7181;line-height:38px;}
.icon img{margin-top:-4px;}
.icon:hover{border:1px solid #6A7181;background:#F9F9F9;color:#6A7181;}

.btn_img.circle{border-radius:40px;}
.btn_img{display:inline-block;vertical-align:middle;width:40px;height:40px;text-align:center;line-height:38px;}
.btn_img img{width:24px;}
.btn_img.secondary{background:#F0F3FF;}
.btn_img.secondary:hover{background:#7795FD;}
.btn_img.secondary.minus:hover{background: #7795FD url(../images/ic_minus.png) no-repeat center/24px;}
.btn_img.secondary.minus:hover img{opacity:0;}

.btn_img.gprimary{background:#E6E8EC;}
.btn_img.secondary.add:hover{background: #7795FD url(../images/icon_add.png) no-repeat center/24px;}
.btn_img.secondary.add:hover img{opacity:0;}
.btn_img.gprimary.add:hover{background: #E65578 url(../images/icon_add.png) no-repeat center/24px;}
.btn_img.gprimary.add:hover img{opacity:0;}

.btn_img.h_small{width:32px;height:32px;line-height:30px;}
.btn_img.h_small img{width:20px;}

.btn_img.goutline.h_small{width:30px;height:30px;line-height:28px !important;}

.ic_search{display:inline-block;vertical-align:middle;}
.ipt.date{width:40px;text-align:center;text-indent:0;}
.datepicker01{width:198px}
.txt_bar{display:inline-block;vertical-align:middle;width:17px;text-align:center;font-size:14px;}
.txt_hipen{display:inline-block;vertical-align:middle;width:23px;text-align:center;font-size:14px;}
.point{color:#DC3545}
.ipt_srh{position:relative;display:inline-block;vertical-align:middle;}
.ipt_srh a{position:absolute;top:50%;right:15px;margin-top:-12px;}
.ipt_srh input{width:100%;}
.ex{display:inline-block;vertical-align:middle;margin-left:10px;font-size:14px;}
.ex_flex{display:flex;align-items:center}
.ex_flex input{width:100%}

.step ul{font-size:0;}
.step ul li:first-child{margin-left:0;padding-left:0;background:none;}
.step ul li{display:inline-block;vertical-align:middle;margin-left:10px;padding-left:34px;font-size:20px;line-height: 30px;color:#B4B9C2;background:url(../images/ic_step_ar.png) no-repeat 0 center;color:#0B1F65}
.step ul li.ing{color:#1C4EFC}
.step ul li.complete{color:#B4B9C2}

.gridwrap{position:relative;overflow:auto;}
.gridwrap table{width:100%;table-layout: fixed;}
.gridwrap table thead tr th{height:53px;padding:0 16px;text-align:left;border-bottom: 1px solid #4971FD;background:#E6E8EC;font-size:16px;font-weight:500;color:#000;}
.gridwrap table tbody tr td{height:45px;padding:0 16px;text-align:left;border-bottom: 1px solid #B4B9C2}
.gridwrap table tbody tr:hover td{background:#F0F3FF}
.gridwrap .hv_none table tbody tr:hover td{background:transparent}

/* popup */
#pop_wrap{width:100%;height:100%;background:#F9F9F9;overflow-y: auto;}
.pop_cnt{padding:20px;}
.pop_cnt .gridwrap{margin-top:20px}
.pop_cnt .gridwrap table thead tr th{height:40px;}
.btm_pop{text-align:center;margin-top:20px;}

.crTbl {width:100%;}
.crTbl th,.crTbl td{text-align:left;}
.crTbl th{font-weight:700;}
.crTbl2 {margin-top: 10px;}
.crTbl2 th{padding-left: 10px;}

.respon{margin-top:20px;}
div+h3{margin-top:30px;}
div + .step{margin-top:20px;}
.step + .iptTbl{margin-top:20px;}
h3 + .iptTbl{margin-top:20px}
.ipt_srh + input{margin-left:10px;}
.ipt_srh + a{margin-left:10px;}
table + h3{margin-top:30px;}
.step + .top_select {margin-top:20px;}
.board_wrap + .board_wrap{margin-top:20px;}
.ipt_flex{display:flex;flex-wrap: wrap;align-items:center;}
.ipt_flex label{width:80px;}
.ipt_flex div+div{margin-left:10px;}

.cnt_btm{margin-top:30px;text-align:center;}
.top_select label{width:140px;font-size:16px;font-weight:bold;}
.type01.none{border-top:1px solid #B4B9C2}
.chk_t{color:red}
.area{margin-top:20px;}
.btm_srh + .gridwrap{margin-top:30px;}
.hidden{font-size:0;}
.td_chk{text-align:center !important}
input[type="checkbox"] + label.hidden:before{margin:0;}

.half_grid > div{flex:1;}

h3 + .half_grid{margin-top:20px;}
h4{font-size:18px;color:#000;line-height:26px}
h4 + table{margin-top:10px;}

.tbl_ipt_flex{display:flex;gap:5px;margin-top:10px;}
.tbl_ipt_flex input:first-child{width:70%;}
.tbl_ipt_flex input{flex:1;width:30%;margin-left:auto}

.tbl_ipt_flex01{display:flex;gap:5px;margin-top:10px;}

.cnt_Tbl th, .cnt_Tbl td{text-align:left;}
.cnt_Tbl td{padding:4px 16px;}

.chk_icon{overflow:hidden;margin-top:40px;}
.chk_icon .str{float:left;width:100px;line-height:30px;}
.chk_icon .btn_group{float:left;}
.chk_icon .btn_group a{display:inline-block;vertical-align:middle;text-align:center;box-sizing: border-box;font-size:14px;width:125px;background:#9DA3AF;color:#fff;line-height:30px;}
.chk_icon .btn_group a:hover{background:#E65578;color:#fff;}
.chk_icon .btn_group a.off{background:#fff;color:#000;border: 1px solid #9DA3AF;line-height:28px;}
.chk_icon .btn_group a.off:hover{background:#112F97;color:#fff;}
.chk_icon .btn_group a.on{background:#1C4EFC}
.chk_icon .btn_group a.on:hover{background:#112F97;color:#fff;}

.chk_person{margin-top:20px;}
.chk_person .time{display:inline-block;vertical-align:middle;}
.chk_person .time span + span{margin-left:10px;}
.chk_person .box{margin-top:10px;padding:15px 16px;background:#fff;}
.chk_person_ipt{margin-top:20px;}
.chk_person_ipt .inpt_box{margin-top:10px;padding:15px 16px;background:#fff;}

.flex1{flex:1;}
.chk_person{display:flex;}
.chk_person.gap20{gap: 20px;}
.chk_person>div{flex:1;}
.chk_person ul{display:flex;margin-top:10px;}
.chk_person ul{gap:20px;}
.chk_person ul{display:flex;gap:20px;}
.chk_person ul li{flex:1;height:102px;padding:10px;background:#fff;box-sizing: content-box;color:#000}
.chk_person ul li .item_tit{font-size:18px;font-weight:500;color:#4E545F}
.chk_person ul li .item_tit .ico{margin-right:8px;}
.chk_person ul li .data{margin-top:18px;text-align:center;}
.chk_person ul li .data span{display:inline-block;vertical-align:bottom;width:90px;font-size: 20px;color:#6A7181}
.chk_person ul li .data strong{display:inline-block;vertical-align:bottom;line-height:50px;font-size: 56px;font-weight:700;color:#1C4EFC}

.area + .iptTbl{margin-top:20px;}
.ipt_lst{margin-top:10px;}
.ipt_lst select + select{margin-left:5px;}
.iptTbl + .step{margin-top:20px;}
.ipt_flex + .gridwrap {margin-top:20px;}
h3 + .section{margin-top:10px;}
.iptTbl + .iptTbl{margin-top:10px;}
.right_btn{text-align:right !important;}


.gridwrap table.type02 thead tr th{height:30px;padding:0 6px;border-bottom:0;}
.gridwrap table.type02 tbody tr:first-child{border-top:1px solid #4971FD}
.gridwrap table.type02 tbody tr td{height:30px;padding:6px 6px;}
.gridwrap table.type02 thead tr th{text-align:center; border-right: 1px solid #B4B9C2;}
.gridwrap table.type02 tbody tr td{border-right: 1px solid #B4B9C2; border-bottom: 1px solid #B4B9C2;}
.gridwrap table.type02 tbody tr.grdHeaderRow th{height:30px;padding:0 6px;text-align:center;border-right: 1px solid #B4B9C2;border-bottom:0;background:#E6E8EC;font-size:16px;font-weight:500;color:#000;}


/* 2024.11.05. type03추가_평가결과 전용 */
.gridwrap table.type03 thead tr th{text-align:center; border-right: 1px solid #B4B9C2;}
.gridwrap table.type03 tbody tr td{text-align:center; border-right: 1px solid #B4B9C2; border-bottom: 1px solid #B4B9C2;}
.gridwrap table.type03 tbody th {cursor: none;}
.gridwrap table.type03 tbody tr {cursor: pointer;}

/* 2024.11.15. 스크롤 3단 추가, 2024.11.21. 두번째행 수정 */
.gridwrap.row table.type03 thead tr {position: sticky !important;top: 0 !important;}
.gridwrap.row table.type03 thead tr:nth-child(2) {position: sticky !important;top: 46px !important; /* 첫 번째 행의 높이에 따라 조정 필요 */}
.gridwrap.row table.type03 thead tr:nth-child(3) {position: sticky !important;top: 92px !important; /* 첫 번째와 두 번째 행의 높이 합계에 따라 조정 필요 */}
.gridwrap.row table.type03 thead tr:nth-child(4) {position: sticky !important;top: 92px !important; /* 첫 번째와 두 번째 행의 높이 합계에 따라 조정 필요 */}
.gridwrap.row table.type03 tbody {max-height: 200px !important;overflow-y: scroll !important;}
.gridwrap.row table.type03 tbody tr:first-child td {border-top:1px solid #B4B9C2}
.gridwrap.row table.type03 thead th {border-top: 1px solid #B4B9C2 !important;}

/*
2024.11.05. type04 추가_가운데정렬 전용
2024.11.06. type04 호버 클릭 버튼 추가
2024.11.06. 명칭변경 type-center
*/
.gridwrap table.type-center thead tr th{text-align:center;}
.gridwrap table.type-center tbody tr:first-child{border-top:1px solid #4971FD}
.gridwrap table.type-center tbody tr td{text-align:center;}
.gridwrap table.type-center tbody th {cursor: none;}
.gridwrap table.type-center tbody tr {cursor: pointer;}

/* 2024.11.06 type-progress 평가진행전용 */
.gridwrap table.type-progress thead tr th{height:35px;padding:0;border-bottom:0;}
.gridwrap table.type-progress tbody tr:first-child{border-top:1px solid #4971FD}
.gridwrap table.type-progress tbody tr td{height:35px;padding:3px 3px;}

.list_pos {padding:18px;border:1px solid #9DA3AF;}
.list_pos ul{overflow:auto;height:100px;}
.list_pos li{display:flex;gap:10px;}
.list_pos li + li{margin-top:5px;}
.list_pos li .date{margin-left:auto;}
.list_box li .date{margin-left:auto;}

.board_wrap .eval label{font-weight: bold;}
.board_wrap .eval span{margin-left: 53px;}

/* popup */
.layout-pop {
	overflow: auto;
	position: fixed;
	top: 50%;
	left: 50%;
	height: 80%;
	z-index: 10;
	background: #F9F9F9;
	transform: translate(-50%, -50%)
}

.layout-pop .cnt_grid {
	display: flex
}

.popBack {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5)
}

/*2024.10.21추가*/
.crTbl2 tbody > tr td:first-child {
	font-weight: bold;
}

.crTbl2 thead > tr input + label {
	font-weight: normal;
}

.sub_align {
	vertical-align: top;
	padding-top: 7px;
}

.crTbl2 .ex_flex input {
	width: auto;
}

.pool :where(select, .ipt_srh) {
	width: 100%;
}

.head_btn .btn_group {
	margin-right: 10px;
}

.btn_text > a {
	width: 45px;
	height: 32px;
	line-height: 32px;
}

.btn_text {
	position: relative;
}

.btn_finish {
	position: absolute;
	bottom: 0;
	right: 10px;
}

a.disabled {
	pointer-events: none;
	background-color: #E6E8EC;
	border-color: #9DA3AF;
}

.iptTbl_02 tr:last-child .right_btn {
	display: flex;
}

.tbl_p10 {
	background-color: #fff;
	height: 116px;
}

.tbl_p10 th, td {
	padding: 10px;
}

.tbl_p10 th {
	font-weight: normal;
}

.gridwrap {
	background-color: #fff;
	padding: 10px;
}

table td > .ipt_width {
	width: 100%;
}

.mt10 {
	margin-top: 10px;
}

.panel_dv .part.pl76 {
	padding-left: 76px;
}


/* main 추가 */
.cnt_tit h3 {
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px;
	line-height: 26px
}

.cnt_tit .btn_line_mid {
	margin-top: -2px;
}


/* login 왕혜민 변경확인 */
#login_container {min-width: 1280px; min-height: 700px; height: 100%; background-color: #F0F4F9;  position: relative;}
#login_container .login_inner {width: 1280px; height: 100%; margin: 0 auto; display: flex; flex-direction: column; justify-content: center;}
#login_container .login_cnt {width: 100%; height: calc(100% - 32%); background-color: #fff; border-radius: 60px; display: flex; align-items: center; justify-content: center; gap: 100px;}
#login_container .login_cnt.gap260 {gap: 260px;}
#login_container .login_head {background: url(../images/logo.png) no-repeat left center / 93px 104px; padding-left: 128px; text-align: center;}
#login_container .login_head > h1 {font-size: 56px; color: #00479B; font-weight: 700;}
#login_container .login_head > h2 {font-size: 28px; font-weight: 500; color: #383c44;}
#login_container .login_frm02 {display: flex; flex-direction: column; align-items: center;}
#login_container .tab {display: flex; margin-bottom: 60px;}
#login_container a {box-sizing: border-box; display: inline-block; text-align: center;}
#login_container .tab a {width: 157px; height: 54px; line-height: 54px; background-color: #fff; border: 1px solid #6A7181; color: #6A7181; font-size: 16px;}
#login_container .tab a:hover {background-color: #F9F9F9; font-weight: 700;}
#login_container .tab li.on a {background-color: #00479B; color: #fff;}
#login_container .login_btn a:hover {background-color: #002E63;}
#login_container .ipt_dv input {width: 584px; height: 60px;}
#login_container .ipt_dv li:nth-child(2) {margin: 28px 0 20px 0;}
#login_container .ipt_dv li:last-child {margin: 28px 0 20px 0;}
#login_container .ipt_dv input {width: 584px; height: 60px;}
#login_container .ipt_dv span {color: #4E545F;}
#login_container .ipt_dv a {width: 190px; float: right; height: 62px; line-height: 62px; background-color: #00479B; color: #fff; font-size: 16px;}
#login_container .ipt_dv a.disabled {pointer-events: none;background-color: #E6E8EC;border-color: #9DA3AF;}
#login_container .text_dv {text-align: center;}
#login_container .text_dv p{font-size: 28px; line-height: 42px; font-weight: 500;color: #383c44;}
#login_container .login_btn {margin-top: 60px; text-align: right;}
#login_container .login_btn a {width: 280px; height: 54px; line-height: 54px; background-color: #00479B; color: #fff; font-size: 16px;}
#login_container .addr {margin-top: 40px; display: flex; align-items: center;}
#login_container .addr > img {width: 125px; height: 40px; margin-right: 20px;}
#login_container .addr >.lnk {margin-left: auto;}
#login_container .addr >.lnk > a {width: 140px; height: 40px; line-height: 40px; background-color: #00A2A2; color: #fff;}
#login_container .addr > address {font-size: 16px; color: #383c44;}
#login_container .addr >.lnk > a:hover {background-color: #006868;}
#login_container input.timer {padding-right: 50px;}
#login_container .ipt_dv span.timer-text {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);color: red;font-size: 14px;pointer-events: none;}

/* 2024.11.25. 메인공지사항 */
.main_box
.container {height: 50px; overflow: hidden; background-color: #fff; display: flex; justify-content: center; align-items: center; position: relative;}
.scroll-text {display: flex; flex-direction: column; position: absolute; top: 0; left: 0; width: 100%;}
.text-item {height: 50px; line-height: 50px; text-align: left; font-size: 16px;}
.text-item a:hover {color: #00479B;}

/*테이블 내 스크롤*/
.main_box .gridwrap {width: 100%; padding: 0; margin-top: 0;}
.gridwrap table {width: 100%; background-color: #fff; position: relative; border-collapse: separate;}
.gridwrap table thead tr {position: sticky; top: 0;}
.gridwrap.row table thead tr:last-child {position: sticky; top: 31px;} /*fix되어야하는게 두 줄일경우*/
.gridwrap table tbody {max-height: 200px; overflow-y: scroll;}
.gridwrap table thead th {border-top: 1px solid #B4B9C2;}

/* 팝업 스트롤 */
.pop_scroll {
	overflow: auto;
	height: calc(100vh - 130px);
}

/*btn-오른쪽정렬*/
.ipt_flex.right {justify-content: flex-end;}
.ipt_flex.space-btw {justify-content: space-between;}

/* 2024.12.12. 왕혜민 추가 side-bar */
.side_bar {display: none; position: fixed; left: 0; z-index: 5; width: 15px; height: 100%; background: #fff url(../images/pg_last.png) no-repeat center / contain; border: 1px solid #6a7181; cursor: pointer;}
.side_bar:hover{background-color: #F0F3FF; border-color:#1C4EFC;}
.menu_hide {padding: 24px 0 0 30px;}
.menu_hide a {width: calc(100% - 30px);}