#content {}


#navigator{margin-bottom:10px;font-size:0;}
#navigator:after{content:"";display:block;clear: both;}
#navigator .home{float:left;width:45px;height:35px;border-radius:5px;font-size:0;background-image:url(../images/sub/home_i.png);background-repeat:no-repeat;background-color:#1d326c;background-position:center;}
#navigator .navi-list{float:left;padding:0 30px;background-color:#fff;}
#navigator .navi-list > li{float:left;}
#navigator .navi-list > li{position:relative;padding-right:15px;}
#navigator .navi-list > li:after{content:"";position:absolute;right:4px;top:50%;width:7px;height:8px;background-image:url(../images/sub/navi_arrow.png);background-repeat: no-repeat;transform: translateY(-50%);}
#navigator .navi-list > li:last-child:after{content:none;}
#navigator .navi-list > li:last-child{padding-right:0;}
#navigator .navi-list > li > a{display: block;line-height:35px;font-size:14px;color:#7b7b7b;}
#navigator .navi-list > li > a.active{color:#000000;font-weight:500;}

#con{position:relative;padding:15px 15px 25px;font-size:14px;color:#7b7b7b;background-color: #fff;}

#con .tit-i-01{display: block;padding-left:25px;font-size:18px;color:#1d326c;background-image:url(../images/custom/tit_i_01.png);background-repeat: no-repeat;background-position:left top 4px;}

#con .tit-01{display: block;color:#000000;font-size:18px;}
#con .tit-02{display: block;color:#000000;font-size:15px;}


#con .con-tit-box{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #e9e9e9;}
#con .con-tit-box:after{content:"";display:block;clear: both;}
#con .con-tit-box .tit-i-01{float:left;}


#con .txt-col-01{color: #0341bb !important;font-weight: bold;}
#con .txt-col-02{color: #ff0000 !important;font-weight: bold;}


#con .sub-menu-list{margin:0 -3px 30px;border-bottom:1px solid #f68121;;}
#con .sub-menu-list:after{content:"";display:block;clear: both;}
#con .sub-menu-list > li{float:left;padding:0 3px;}
#con .sub-menu-list > li > a{display:block;padding:8px 15px;border-width:1px 1px 0 1px;border-style:solid;border-color:#ddd;border-bottom:0;font-size:14px;color:#000;}
#con .sub-menu-list > li > a:hover,
#con .sub-menu-list > li > a.active{color:#fff;border-color:#1d326c;background-color:#1d326c;}

#con .data-box{}
#con .data-box:after{content:"";display:block;clear: both;}
#con .data-box .form-data{margin-bottom:10px;}


#con .data-cell-box{margin:0 -20px}
#con .data-cell-box:after{content:"";display:block;clear: both;}
#con .data-cell-box .cell-con{float:left;padding:0 20px;}

#con .tit-box-01{margin-bottom:10px;}
#con .tit-box-01:after{content:"";display:block;clear: both;}
#con .tit-box-01 .tit-01{float:left;}
#con .tit-box-01 .btn-list-box{float:right;}


/* 탭박스 */
#con .data-tab-box{display: none;}
#con .data-tab-box.on{display: block;}

#con .table-box{overflow: auto;}

#con .info-table{min-width:100%;width:auto;border-top:2px solid #a5b6c9;}
#con .info-table tr > th{padding:5px;border-width:1px 1px 1px 0;border-style:solid;border-color:#e9e9e9;text-align:center;font-size:13px;font-weight:500;color:#343a40;background:#eff2f7;}
#con .info-table tr > th:first-child{border-width:1px 1px 1px 1px;}
#con .info-table tr > td{padding:5px;border-width:1px 1px 1px 0;border-style:solid;border-color:#e9e9e9;text-align:center;font-size:13px;color:#7b7b7b;background-color: #fff;}
#con .info-table tr > td:first-child{border-width:1px 1px 1px 1px;}
#con .info-table tr > td.th{text-align:center;font-weight:bold;font-size:14px;color:#000;background-color: #f4f6f8;}
#con .info-table tr > td.left{padding:8px 20px;text-align: left;}

#con .info-table.cont tr > th{padding:8px 16px 8px 2px;background-image: url(../images/custom/table_cont.png);background-repeat: no-repeat;background-position: right 5px center;cursor: pointer;}
#con .info-table.cont2 tr > th{padding:8px 16px 8px 2px;background-image: url(../images/custom/table_cont.png);background-repeat: no-repeat;background-position: right 5px center;cursor: pointer;}
#con .info-table tr > th.no_cont{background-image:none;}



#con .input-table{min-width:100%;;width:auto;border-top:2px solid #a5b6c9;}
#con .input-table tr > th{padding:8px 5px;border:1px solid #e9e9e9;text-align:center;font-size:14px;font-weight:500;color:#343a40;background:#eff2f7;}
#con .input-table tr > th:first-child{border-width:0 0px 1px 0px;}
#con .input-table thead tr > th{border-width:0 0px 1px 1px;border-color:transparent transparent #9ca6b1 #e8ecf1;}

#con .input-table tr > td{padding:8px 5px;border-width:0 0px 1px 1px;border-style:solid;border-color:#e8ecf1;text-align:center;font-size:12px;color:#000;font-weight:400;background-color: #fff;}
#con .input-table tr > td.th{text-align:center;font-weight:bold;font-size:14px;color:#000;background-color: #f4f6f8;}
#con .input-table tr > td:first-child{border-width:0 0px 1px 0px;}
#con .input-table tr > td .label{padding-right:10px;font-size:13px;color:#777777;}
#con .input-table tr > td .txt_col_01{color:#0341bb;font-weight: bold;}
#con .input-table tr > td .txt_col_02{color:#22b2e9;font-weight: bold;}
#con .input-table tr > td .txt_col_03{color:#ff0000;font-weight: bold;}



#con .input-table.cont tr > th{padding:8px 16px 8px 2px;background-image: url(../images/custom/table_cont.png);background-repeat: no-repeat;background-position: right 5px center;cursor: pointer;}
#con .input-table.cont2 tr > th{padding:8px 16px 8px 2px;background-image: url(../images/custom/table_cont.png);background-repeat: no-repeat;background-position: right 5px center;cursor: pointer;}
#con .input-table tr > th.no_cont{background-image:none;}

#con .input-table.int-from tr > th{padding:8px 15px;}
#con .input-table.int-from tr > td{padding:8px 15px;}

#con .input-table.detail tr > th{border-width:0 0px 1px 1px;color:#fff;background-color:#1b3362;}

/* 팝업 whtiebox */
#con .whitebox {display: block; border-top: 3px solid #a5b6c9; background-color: #fff;}
#con .whitebox .w-head {display: block; padding: 8px 5px; border: 1px solid #e8ecf1; border-top: none; text-align: center; background-color: #eff2f7;}
#con .whitebox .w-head .tit {font-weight: 500; font-size:14px; color: #343a40;}
#con .whitebox .w-body {display: block; padding: 20px; border: 1px solid #e8ecf1; border-top: none;}



/* 팝업 graybox */
#con .graybox {display: block; padding: 20px; border: 1px solid #e8ecf1; background-color: #f6f8fb;}
#con .graybox .g-tit {margin: 20px 0; font-weight: bold; font-size: 20px; text-align: center; color: #000;}
#con .graybox .g-txt {text-align: left; color: #000;}

/* 팝업 formlist v02*/
#con .form-list.v02 > li:first-child {padding-top: 15px; border-top: 1px solid #e8ecf1;}
#con .form-list.v02 > li {border: 1px solid #e8ecf1; border-top: none;}
#con .form-list.v02 > li .form-con {}


#con .intxt.num::-webkit-outer-spin-button, #con .intxt.num::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}




#con .form-list{}
#con .form-list:after{content:"";display:block;clear: both;}
#con .form-list > li:first-child{padding-top:0;}
#con .form-list > li{padding:5px 0;border-bottom:1px dotted #ddd;}
#con .form-list > li.data-tab-box.on{background-color:#f8f8f8;}
#con .form-list > li:after{content:"";display:block;clear: both;}
#con .form-list > li.bob{border-bottom:0;}
#con .form-list > li .form-tit{float:left;padding:0 20px;line-height:30px;text-align: right;font-size:13px;color:#343a40;}
/* #con .form-list > li .form-tit{float:left;padding:0 20px;line-height:30px;text-align: left;font-size:14px;color:#343a40;} */
#con .form-list > li .form-tit.txt_col_01{color:#000;font-weight:500;font-size:14px;}
#con .form-list > li .form-con{float:left;}
#con .form-list > li .form-con.txt-con{padding-top: 5px;}
#con .form-list > li .form-con.ck_form{padding-top:4px;}
#con .form-list > li .right_cell{float:right;}
#con .cell_caption{padding:0 5px;font-size:15px;}
#con .form-list > li .block-box{display:inline-block;}

#con .form-list.no_bod > li{border-bottom:0;}

#con .not-result{padding:100px 0;}
#con .not-result > p{position:relative;padding-top:40px;font-size:1rem;font-weight:700;color:#333;text-align:center;}
#con .not-result > p:before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:33px;height:34px;background:url('../images/custom/ico_empty.png') no-repeat;}

#con .select{height:30px;vertical-align: middle;padding:0 35px 0 15px;border:1px solid #e2e2e2;font-size:13px;color:#444;background-image:url(../images/custom/select_btn.png);background-repeat:no-repeat;background-position:center right 15px;}
#con .select::-ms-expand {
    display: none;
}

#con .intxt{height:30px;padding:0 15px;border:1px solid #e2e2e2;font-family: 'Noto Sans KR', sans-serif;}
#con .intxt.disabled{height:30px;padding:0 15px;border:1px solid #e2e2e2; background-color: #f2f2f2;}
#con .intxt::-webkit-input-placeholder { color: #999;}
#con .intxt::-moz-placeholder { color: #999;}
#con .intxt:-ms-input-placeholder { color: #999;}
#con .intxt:-moz-placeholder { color: #999;}
#con .intxt.in-txt{display:inline-block;}



#con .intxt.datepicker{width:230px;padding: 0 37px 0 15px;text-align:center;background-image:url(../images/custom/cal_i.png);background-repeat:no-repeat;background-position:center right 10px;}

#con .textarea{width:100%;height:150px;padding:15px;border:1px solid #e2e2e2;text-align:left;font-size:13px;color:#7b7b7b;}



#con .intxt:read-only{background-color:#f8f8f8;}
#con .textarea:read-only{background-color:#f8f8f8;}
#con .select:disabled{background-color:#f8f8f8;}

#con .btn{height:30px;padding:0 10px;border:1px solid #dae1e9;border-radius:5px;color:#343a40;font-weight:bold;font-size:13px;cursor: pointer;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);

}
#con .btn.disabled{color: #000;background: #959595;}
#con .btn:not(.disabled):hover{border:1px solid #384d84;color:#fff;background:#728fe1;}




/* #con .btn-b{min-width:60px;height:30px;padding:0 15px;border:0;border-radius:5px;color:#fff;font-size:13px;background-color:#22429c;cursor: pointer;} */
#con .btn-b{min-width:60px;height:25px;padding:0 15px;border:0;border-radius:5px;color:#fff;font-size:13px;line-height:25px;background-color:#22429c;cursor: pointer;}
#con .btn-b.li01{background-color:#1d326c;}
#con .btn-b.li02{background-color:#22429c;}
#con .btn-b.li03{background-color:#2a4590;}

#con .check-box{display:inline-block;vertical-align: middle;cursor:pointer;}
#con .check-box input[type="checkbox"] {display: none;}
#con .check-box label {font-size: 13px;color: #000000;font-weight:500;cursor:pointer;}
#con .check-box label span {display: inline-block;width: 18px;height: 18px;margin: -2px 10px 0 0;vertical-align: middle;background-image: url(../images/custom/img_source.png);background-repeat:no-repeat;background-position:-188px -24px;cursor: pointer;transition: none;}
#con .check-box input[type="checkbox"]:checked+label span {background-position:-140px -24px}
#con .check-box input[type="checkbox"]:checked+input+label span {background-position:-140px -24px}
#con .check-box input[type="checkbox"]:disabled+label span {background-position:-92px -138px;}
#con .check-box input[type="checkbox"]:disabled+input+label span {background-position:-92px -138px;}
#con .check-box.b-box{display:block;}
#con .check-box.b-box label{font-size:12px;}

#con .radio-box{display:inline-block;vertical-align: middle;cursor:pointer;}
#con .radio-box input[type="radio"] {display: none;}
#con .radio-box input[type="radio"]+label {font-size: 15px;color: #000000;font-weight:500;cursor:pointer;}
#con .radio-box input[type="radio"]+label span {display: inline-block;width: 18px;height: 18px;margin: -2px 10px 0 0;vertical-align: middle;background-image: url(../images/custom/img_source.png);background-repeat:no-repeat;background-position:-92px -24px;cursor: pointer;transition: none;}
#con .radio-box input[type="radio"]:checked+label span {background-position:-44px -24px}
#con .radio-box input[type="radio"]:disabled+label span {background-position:-44px -138px;}


#con .filebox{display:table;vertical-align: middle;}
#con .filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
#con .filebox label {display:inline-block;height:30px;padding:0 15px;font-size: inherit;line-height:30px;vertical-align: middle;cursor: pointer;border: 1px solid #e2e2e2;color: #fff;background-color: #22429c;}
#con .filebox .filebox-cell{display: table-cell;width:1%;}
#con .filebox .upload-name {width:100%;height:30px;padding:0 15px;vertical-align: middle;background-color: #fff;border: 1px solid #e2e2e2;border-bottom-color: #e2e2e2; }


#con .input-group{display:table;width:100%;}
#con .input-group .cell_caption{display:table-cell;width:1%;}


#con .w_100s{width:100% !important;}
#con .w_90s{width:90% !important;}
#con .w_85s{width:85% !important;}
#con .w_80s{width:80% !important;}
#con .w_75s{width:75% !important;}
#con .w_70s{width:70% !important;}
#con .w_65s{width:65% !important;}
#con .w_60s{width:60% !important;}
#con .w_55s{width:55% !important;}
#con .w_50s{width:50% !important;}
#con .w_45s{width:45% !important;}
#con .w_40s{width:40% !important;}
#con .w_35s{width:35% !important;}
#con .w_30s{width:30% !important;}
#con .w_25s{width:25% !important;}
#con .w_20s{width:20% !important;}
#con .w_15s{width:15% !important;}
#con .w_10s{width:10% !important;}
#con .w_5s{width:5% !important;}
#con .w_150{width:150px !important;}
#con .w_auto{width:auto !important;}

#con .btn-wrap{padding:20px 0 0;text-align: center;}




#paging_div{margin-top:30px;text-align:center;}
#paging_div .paging_align{}
#paging_div .paging_align > li{display:inline-block;margin-left:5px;}
#paging_div .paging_align > li:last-child{margin-right:0;}
#paging_div .paging_align > li strong{display:block;width:30px;height:30px;color:#fff;line-height:30px;background:#22429c;font-weight:500;}
#paging_div .paging_align > li a{display:block;width:30px;height:30px;margin-bottom:5px;border:1px solid #ebebeb;line-height:30px;color:#999;font-weight:500;}
#paging_div .paging_align > li a:hover{color:#fff;background:#22429c;}



/*  팝업공통  */
#con .pop-modal{display:none;overflow:auto;position: fixed;top:0;right:0;bottom: 0;left: 0;z-index: 1040;background:rgba(0,0,0,0.5);}
#con .pop-modal.fade{ opacity: 0;-webkit-transition: opacity 0.15s linear;transition: opacity 0.15s linear;}
#con .pop-modal.fade.in {opacity: 1;}
#con .pop-modal.fade .pop-lay{
    -webkit-transform: translate(0, -25%);
    -ms-transform: trans late(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}
#con .pop-modal.in .pop-lay{
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
#con .pop-modal .pop-lay{z-index: 1050;top:0px;right: auto;left: 50%;width:1000px;margin-right: auto;margin-left: auto;padding-top:5%;padding-bottom: 30px;}

#con .pop-modal .pop-lay.lay-01{width:600px;top:0;padding-top:5%;}
#con .pop-modal .pop-lay.lay-02{width:800px;top:0;padding-top:5%;}
#con .pop-modal .pop-lay.lay-03{width:1200px;top:0;padding-top:5%;}
#con .pop-modal .pop-lay.lay-04{width:400px;top:0;padding-top:5%;}

#con .pop-modal .pop-lay .pop-h{position:relative;padding:15px 65px 15px 20px;font-weight:500;color:#fff;font-size:20px;background-color:#1d326c;}
#con .pop-modal .pop-lay .pop-h .pop-close{position:absolute;right:15px;top:0;width:45px;height:100%;cursor:pointer;font-size:0;background-image:url(../images/custom/pop_close_i.png);background-repeat:no-repeat;background-position:center center;}

/* 2021-12-30추가 */
#con .pop-modal .pop-lay .pop-h .pop-close-history{position:absolute;right:15px;top:0;width:45px;height:100%;cursor:pointer;font-size:0;background-image:url(../images/custom/pop_close_i.png);background-repeat:no-repeat;background-position:center center;}

#con .pop-modal .pop-lay .pop-con{display:block;padding:30px 20px;background:#fff;}
#con .pop-modal .pop-lay .pop-con:after{display:block;content:"";clear:both;}
#con .pop-modal .pop-lay .pop-con .column-wrap{position:relative;margin:0 -20px;}
#con .pop-modal .pop-lay .pop-con .column-wrap:after{content:"";display: block;clear: both;}
#con .pop-modal .pop-lay .pop-con .column-wrap:before{content: "";position:absolute;left:50%;top:50%;width:19px;height:34px;background-image:url(../images/custom/colum_arrow.png);background-repeat: no-repeat;transform:translate(-50%, -50%);}
#con .pop-modal .pop-lay .pop-con .column-wrap .column-box{float:left;width:50%;padding:0 20px;}
#con .pop-modal .pop-lay .pop-con .column-wrap .column-box .con-box{padding:20px;background:#f7f7f7;}
#con .menu-wrap{}
#con .menu-wrap:after{content:"";display:block;clear:both;}
#con .menu-wrap .menu-list-box{float:left;width:350px;padding:25px;border:1px solid #ebebeb;}
#con .menu-wrap .menu-content-box{overflow:hidden;padding-left:20px;}
#con .menu-wrap .menu-content-box .menu-con-box{padding:50px;border:1px solid #ebebeb;background-color:#f7f7f7;}
#con .menu-wrap .menu-content-box .menu-con-box.half {width: 60%;}



#con .pad05 {padding:5px;}




#con .info-list{margin-top:10px;}
#con .info-list > li{display:table;margin-bottom:20px;border:2px solid #a5b6c9;}
#con .info-list > li:last-child{margin-bottom:0;}
#con .info-list > li .check-box-wrap{display:table-cell;width:1%;padding:10px;background:#eff2f7;vertical-align:top;}
#con .info-list > li .info-con{display:table-cell;width:99%;padding:10px;border-left:1px solid #e9e9e9;}
#con .info-list > li .info-con p,
#con .info-list > li .info-con .check-box{line-height:30px;}
#con .info-list > li .info-con .form-list > li:last-child{padding-bottom:0;border-bottom:none;}





#con .tab-content{display:none;}
#con .tab-content.active{display:block;}


/*커스텀 탭박스*/
#con [data-tab-con] {display: none;}
#con [data-tab-con].active {display: block;}



/*  20220401 추가 */

.print-tab-box{display:none;padding:15px 50px;border:1px solid #ddd;background-color:#f8f8f8;}
.print-tab-box.on{display:block;}


#con .sub-menu-list.tab-list-tit{position:relative;border-bottom:0;}
#con .sub-menu-list.tab-list-tit:before{content:"";position:absolute;bottom:3px;left:0;width:100%;height:1px;background-color:#f68121;}
#con .sub-menu-list.tab-list-tit > li{padding: 0 3px 3px;}
#con .sub-menu-list.tab-list-tit > li > a{border-wdith:1px;border-bottom:1px solid #ddd;}




#typical .form-con select {display: block; width: 100%;}





#con .intro-con{display:flex;flex-direction:column;align-items: center;width:100%;padding:40px 0;}
#con .intro-con .txt-con{padding-top:20px;font-size:25px;color:#000;}