/**************************************

                오픈플랫폼

***************************************/

/********* 소개, 이용안내 title , sub title *********/
.guideUseUnivAPI .title01,
.introUnivAPI .title01 { /*소개, 이용안내 title , sub title*/
    float: none;
    margin-top: 37px;
    color: #000;
    letter-spacing: -1px;
    margin-bottom: 9px;
}
.guideUseUnivAPI .text-container,
.introUnivAPI .text-container{
    padding: 0;
}
.guideUseUnivAPI .text-container p,
.introUnivAPI .text-container p{
    font-size: 15px;
    letter-spacing: -0.35px;
    color: #000;
}
/********* 소개 *********/
.introImg {
    width: 100%;
    margin-top: 64px;
}
.introImg img {
    width: 100%;
}

/********* 이용안내 *********/
.guideUseProcess {
    margin-top: 74px;
}
.guideUseProcess ul {}
.guideUseProcess ul:after {content: ""; display: block; clear: both;}
.guideUseProcess ul li {
    float: left;
    margin-right: 50px;
}
.guideUseProcess ul li:last-child {
    margin-right: 0;
}
.guideUseProcess .maininfo { /*이용안내 프로세스 메인가이드*/
    padding: 47px 10px 10px 10px;
    width: 224px;
    height: 224px;
    text-align: center;
    border: solid 3px #eaeaea;
    border-radius: 50%;
    box-sizing: border-box;
    position: relative;
}
.guideUseProcess ul li .maininfo:after { /*프로세스 화살표*/
    content: '';
    display: block;
    width: 13px;
    height: 22px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -35px;
    background: url('/res/img/right-arrow-2.png') no-repeat center top;
}
.guideUseProcess ul li:last-child .maininfo:after {
    display: none;
}
.guideUseProcess .maininfo h3 {
    font-size: 20px !important;
    font-weight: bold !important;
    margin-bottom: 30px;
    letter-spacing: -1.23px;
    color: #000;
}
.guideUseProcess ul li:first-child .maininfo h3 {
    margin-bottom: 20px;
}
.guideUseProcess .maininfo p {
    font-size: 14px;
    color: #000;
    letter-spacing: -0.86px;
    margin-bottom: -1px;
}

.guideUseProcess .subinfo { /*이용안내 프로세스 서브가이드*/
    margin-top: 30px;
    text-align: center;
    width: 224px;
    background-color: #f4f4fb;
    height: 95px;
    border-radius: 14px;
    display: table;
}
.guideUseProcess .subinfo p {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    color: #4e4d61;
    letter-spacing: -0.86px;
    line-height: normal;
}
/**************************************

                오픈 API

***************************************/

/********* 오픈 API 조회 *********/
.apiDocService_dialog{}
.apiDocService_dialog input[type=checkbox]{display:none;}

/**************************************

                esb

***************************************/
/********* esb 모달 팝업 *********/
.esb_tablebox h2 {
    float: left;
    margin: 20px 0 10px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 1.2em;
    font-weight: 500;
    line-height: 34px;
}
.addInfo_B { /* 온라인로그 조회, 배치로그조회 팝업 : 구간별로그 하단 추가정보 (파란색)*/
    color: blue;
    padding-top: 5px;
}
.addInfo_B .underBar {
    display: inline-block;
}
.addInfo_B .underBar::after {
    content: '';
        display: block;
        width: 110%;
        border-top: 1px dashed blue;
        margin-left: -6px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
.addInfo_B .underBar p {
    margin-left: 5px;
}
/********* 에러로그조회 *********/
.esb{
    display: flex;
    flex-direction: column;
}
.esb .title01{margin-bottom:0;}
.esb_search{
    display: flex;
    flex-direction: column;
    margin-bottom:23px;
}
.esb_search .top{
    display: flex;
}
.esb_search .bottom{
    display: flex;
}
.esb_search .tit{
    margin: 15px 0 3px 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    letter-spacing: -0.08px;
    color: #868c93;
}
.esb_search input[type=text],
.esb_search select{
    height: 36px;
    padding: 0 15px;
    border-radius: 7px;
    box-shadow: 0 7px 10px 0 rgba(40, 94, 218, 0.05);
    border: solid 1px #f2f6fb;
}
.esb_search input[type=text]:focus,
.esb_search select:focus{
    outline: none;
    border-color: #ef3b24;
}
.esb_search input[type=text]:active,
.esb_search select:active{
    border-color: #ef3b24;
}

.esb_search .datepicker_wrap{
    display: flex;
    flex-direction: column;
}
    .esb_search .datepicker_wrap .input_box{
        display: flex;
        align-items: center;
        width:355px;
    }
        .esb_search .datepicker_wrap .input_box span{
            width: 5px;
            height: 19px;
            margin: 0 5px;
            font-size: 13px;
            letter-spacing: -0.34px;
            color: #9ea0ae;
        }
        .esb_search .datepicker_wrap .input_box input[type=text]{
            width:170px;
            background:url(../img/calendar.png) right center no-repeat;
        }
        .esb_search .middle{
            display: flex;
            box-sizing: border-box;
            width:calc(100% - 260px);
        }
            .esb_search .middle .input_box{
                margin-left:30px;
                width:calc(33.3% - 40px);
            }

            .bottom.hidden_setting_content .widAt .input_box {  /* 임시 */
                width: auto;
                min-width: 170px;
                max-width: calc(33.6% - 40px);
            }
            .esb_search .middle .input_box input[type=text]{width:100%;}
            .esb_search .middle .input_box select{width:100%;}

        .esb_search .bottom .middle .input_box:first-of-type{
            /*width:calc(66.6% - 50px);*/
            margin-left: 0;
        }
        .esb_search .full{
            width:355px;
        }
        .esb_search .full input[type=text]{
            width:100%;
        }
        .esb_search .btn_area{
            display: flex;
            width:260px;
            justify-content: flex-end;
            align-items: flex-end;
        }
        .esb_search .btn_area .btn_red{
            width: 100px;
            height: 36px;
            border-radius: 7px;
            font-weight: 400;
        }
        .esb_search .btn_area .btn_black{
            width: 120px;
            height: 36px;
            border-radius: 7px;
            font-weight: 400;
            margin-left: 15px;
            color:#fff;
            line-height:36px;
        }
        .esb_search .btn_area .btn_black.widSmall{
            width: 70px;
            height: 36px;
            border-radius: 7px;
            font-weight: 400;
            margin-left: 15px;
            color:#fff;
            line-height:36px;
        }
        .esb_search .btn_area .excelDw{
            width: 50px;
            height: 36px;
            border-radius: 7px;
            font-weight: 400;
            margin-left: 15px;
            border: 1px solid #dbe2ef;
            color: #333;
            text-align: center;
            line-height:36px;
        }
        .oneline .twin{
            width:50%;
            display:flex;
        }
        .oneline .twin:first-of-type{margin-right:30px;}
        .oneline .twin select{
            width:170px;
            margin-right:30px;
        }
        .oneline .twin .col1{width:170px; margin-right:30px;}
        .oneline .twin .col2{width:calc(100% - 200px);}
        .oneline .twin input[type=text]{width:100%;}
        .esb .datepicker{
            background:url(../img/calendar.png) right center no-repeat;
        }
        .markRed {color: red;}


/**************************************

                모니터링

***************************************/

/********* 모니터링 *********/
.monitoring_content{overflow:hidden;}

/* 페이지 타이틀 */
.monitoring_content .title01{
    width:100%;
    margin-bottom:11px;
}

/* 그래프 타이틀 */
.monitoring_content .total{position:relative; font-size:15px; margin-bottom:13px; line-height:32px;}
.monitoring_content .total::before {
    width: 22px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #e33b27;
    content: '';
}
.monitoring_content .total input[type=text]{width:96px; margin:0 6px;}

/* 차트 영역 */
.monitoring_content .vertical_half{
    float:left;
    width:49%;
}
.monitoring_content .vertical_half:nth-of-type(odd){
    margin-right:2%;
}

/* 그래프 조건 */
.monitoring_searchArea{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    margin-bottom:30px;
}
.monitoring_searchArea li{
    width:25%;
    margin-right:20px;
}
.monitoring_searchArea li:last-of-type{
    flex-grow:1;
    text-align:right;
}
.monitoring_searchArea li .tit{line-height:33px;}
.monitoring_searchArea input[type=checkbox]{display:none;}
.monitoring_searchArea li select,
.monitoring_searchArea li .m_input{width:160px;}

/* 그래프 영역 */
.monitoring_content .graphArea{margin-bottom:20px;}

/* 테이블 타이틀 */
.monitoring_content .section_table_tit{position:relative; margin-bottom:28px; font-size:15px; font-weight:400; line-height:32px;}
.monitoring_content .section_table_tit::before {
    width: 22px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #e33b27;
    content: '';
}

/* 테이블 검색 조건 */
.monitoring_tableSearchArea{
    display: flex;
    align-items: center;
    height: 60px;
    border-radius: 11px;
    box-sizing: border-box;
    box-shadow: 0 7px 10px 0 rgba(40, 94, 218, 0.05);
    border: solid 1px #f2f6fb;
    margin-bottom:20px;
}
.monitoring_tableSearchArea .searchBlock{
    display: flex;
    align-items:center;
    border-right:1px solid #f2f6fb;
}
.monitoring_tableSearchArea .searchBlock:last-of-type{border-right:none;}
.monitoring_tableSearchArea .searchBlock .tit{
    position:relative;
    height: 60px;
    line-height: 60px;
    border-radius: 11px;
    padding-left: 25px;
    padding-right: 25px;
    font-weight: 500;
    font-size: 1em;
    text-align: center;
    border: none;
    box-sizing: border-box;
    white-space:nowrap;
}
.monitoring_tableSearchArea .searchBlock .tit::after{
    position: absolute;
    right: -1px;
    top: 24px;
    display: block;
    width: 1px;
    height: 13px;
    background: #e3dcd9;
    content: '';
}
.monitoring_tableSearchArea .searchBlock .m_input,
.monitoring_tableSearchArea .searchBlock select{
    width:120px;
    border:none;
    padding-left: 25px;
}
.monitoring_tableSearchArea .searchBlock.selectWrap{flex-grow:1;}
.monitoring_tableSearchArea .searchBlock select{flex-grow:1;}
.monitoring_tableSearchArea .search_btn{
    min-width:70px;
    width:70px;
    padding:0;
    margin-right:20px;
}
/* 테이블 */
.monitoring_content .x_tablebox{overflow:auto;}
.monitoring_content .tablebox td{
    overflow:hidden;
    text-overflow:ellipsis;
}

/********* 거래추적 *********/
.trace{
    display: flex;
    flex-direction: column;
}
.trace .title01{margin-bottom:0;}
.trace_search{
    display: flex;
    flex-direction: column;
    margin-bottom:23px;
}
.trace_search .top{
    display: flex;
}
.trace_search .bottom{
    display: flex;
}
.trace_search .tit{
    margin: 15px 0 3px 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    letter-spacing: -0.08px;
    color: #868c93;
}
.trace_search input[type=text],
.trace_search select{
    height: 36px;
    padding: 0 15px;
    border-radius: 7px;
    box-shadow: 0 7px 10px 0 rgba(40, 94, 218, 0.05);
    border: solid 1px #f2f6fb;
}
.trace_search input[type=text]:focus,
.trace_search select:focus{
    outline: none;
    border-color: #ef3b24;
}
.trace_search input[type=text]:active,
.trace_search select:active{
    border-color: #ef3b24;
}

.trace_search .datepicker_wrap{
    display: flex;
    flex-direction: column;
}
    .trace_search .datepicker_wrap .input_box{
        display: flex;
        align-items: center;
        width:355px;
    }
        .trace_search .datepicker_wrap .input_box span{
            width: 5px;
            height: 19px;
            margin: 0 5px;
            font-size: 13px;
            letter-spacing: -0.34px;
            color: #9ea0ae;
        }
        .trace_search .datepicker_wrap .input_box input[type=text]{
            width:170px;
            background:url(../img/calendar.png) right center no-repeat;
        }
        .trace_search .middle{
            display: flex;
            box-sizing: border-box;
            width:calc(100% - 260px);
        }
            .trace_search .middle .input_box{
                margin-left:30px;
                width:calc(33.3% - 40px);
            }
            .trace_search .middle .input_box input[type=text]{width:100%;}
            .trace_search .middle .input_box select{width:100%;}

        .trace_search .bottom .middle .input_box:first-of-type{
            /*width:calc(66.6% - 50px);*/
            margin-left: 0;
        }
        .trace_search .full{
            width:355px;
        }
        .trace_search .full input[type=text]{
            width:100%;
        }
        .trace_search .btn_area{
            display: flex;
            width:260px;
            justify-content: flex-end;
            align-items: flex-end;
        }
        .trace_search .btn_area .btn_red{
            width: 100px;
            height: 36px;
            border-radius: 7px;
            font-weight: 400;
        }
        .trace_search .btn_area .btn_black{
            width: 120px;
            height: 36px;
            border-radius: 7px;
            font-weight: 400;
            margin-left: 15px;
            color:#fff;
            line-height:36px;
        }
        .oneline .twin{
            width:50%;
            display:flex;
        }
        .oneline .twin:first-of-type{margin-right:30px;}
        .oneline .twin select{
            width:170px;
            margin-right:30px;
        }
        .oneline .twin .col1{width:170px; margin-right:30px;}
        .oneline .twin .col2{width:calc(100% - 200px);}
        .oneline .twin input[type=text]{width:100%;}
        .trace .datepicker{
            background:url(../img/calendar.png) right center no-repeat;
        }

/********* 거래제어 *********/

.trace_control{}
.trace_control .title01{float:none;}
.trace_control .searchList{
    width:100%;
    display:flex;
    margin-bottom:20px;
}
.trace_control .searchList .selectarea{
    position:relative;
    height:60px;
    width:339px; height:60px;
    margin-right:15px;
    box-shadow:0 7px 10px 0 rgba(40, 94, 218, 0.05);
    border:1px solid #f2f6fb;
    border-radius:11px;
}
.trace_control .searchList .selectarea .selectbox{
    float:left;
    width:50%; height:60px;
    border:none;
    box-sizing:border-box;
    margin:0;
    padding-left:20px;
}
.trace_control .searchList .selectarea::after{
    position:absolute;
    left:50%; top:24px;
    height:13px; width:1px;
    background:#e3dcd9;
    content:'';
}
/* 검색 영역 */
.trace_control .searchList .searcharea{
    position:relative;
    display:flex;
    flex-grow:1;
    height:60px;
    margin-right:15px;
    box-shadow:0 7px 10px 0 rgba(40, 94, 218, 0.05);
    border:1px solid #f2f6fb;
    border-radius:11px;
    align-items:center;
}
.trace_control .searchList .searcharea::after{
    position:absolute;
    left:170px; top:24px;
    height:13px; width:1px;
    background:#e3dcd9;
    content:'';
}
.trace_control .searchList .searcharea .selectbox{
    position:relative;
    float:left;
    width:170px; height:60px;
    border:none;
    box-sizing:border-box;
    margin:0;
}
.trace_control .searchList .searcharea .m_input{
    flex-grow:1;
    border:none;
    height:36px;
    padding-left:20px;
}
.trace_control .searchList .searcharea .btn_search{
    width:100px; height:36px;
    border-radius:18px;
    margin-right:15px;
}
/* 버튼 영역 */
.trace_control .searchList .btn_area{
    margin-top:11px;
}
.trace_control .searchList .btn_area ul{
    width:430px;
    overflow:hidden;
    border-radius:6px;
    border:1px solid #000;
}
.trace_control .searchList .btn_area ul li{
    float:left;
    width:25%;
    border-right:1px solid #000;
    box-sizing:border-box;
}
.trace_control .searchList .btn_area ul li:last-of-type{
    border-right:0;
}
.trace_control .searchList .btn_area ul li button{
    width:100%;
    font-weight:400;
    color:#000;
    background:#fff;
    padding:0; margin:0;
    height:36px;
    text-align:center;
    font-family: 'Noto Sans KR', sans-serif;
}

/*********************************

            약관 및 정책

*********************************/

/********* 약관 관리 *********/
.terms_dialog input[type=text],
.terms_dialog select{min-width:175px; float:left;}
.terms_dialog input[type=text] + select{margin-left:10px;}

/********* 사용정책 *********/
.api_policy_dialog input[type=text],
.api_policy_dialog select{min-width:175px;}
#popPolicySday, #popPolicyEday{width:100%; min-width:100%;}

/********* 과금정책 *********/
.billPolicy_dialog input[type=text]{width:100%;}
.billPolicy_dialog button,
.billPolicy_dialog button:hover{
    color: #fff;
    background: #ef3b24;
    width:60px;
    margin-right:8px;
    margin-bottom:5px;
}
.billPolicy_dialog .table-list td button{
    color:#fff;
    width:60px;
    background-color: #6c6c6c;
    margin:0;
}

/********* 할인정책 *********/
.discountPolicy_dialog input[type=text],
.discountPolicy_dialog input[type=number]{width:100%;}
.discountPolicy_dialog button,
.discountPolicy_dialog button:hover{
    color: #fff;
    background: #ef3b24;
    width:60px;
    margin-right:8px;
    margin-bottom:5px;
}
.discountPolicy_dialog .table-list td button{
    color:#fff;
    width:60px;
    background-color: #6c6c6c;
    margin:0;
}
/********* SCOPE 관리 *********/
.scopeList_dialog{}
    .scopeList_dialog .m_modal_container.edit_modal{
        display:none;
        position:fixed;
        top:50%; left:50%;
        width:500px; min-height:300px;
        margin-top:-150px;
        z-index:101;
        animation-duration:0.6s;
        animation-name:slide;
    }
    .scopeList_dialog .m_modal_container.edit_modal.on{display:block; margin-left:251px;}
    @keyframes slide{
        from{opacity:0; margin-left:-250px;}
        to{opacity:1; margin-left:251px;}
    }
    /* scope구분관리 모달 헤더 영역 */
    .scopeList_dialog .add_btn_area{
        overflow:hidden;
        margin-bottom:10px;
        padding:20px 30px 0;
    }
        .add_btn_area .tit{
            float:left;
            font-size: 15px;
            line-height: 30px;
        }
        .add_btn_area button{float:right; font-size:12px;}

    /* scope구분관리 모달 바디 영역 */
    .scopeList_dialog .m_modal_container.edit_modal .m_modal_body{
        padding:0;
        border-radius:10px;
    }
    .scopeList_dialog .m_modal_container.edit_modal .m_modal_body .tablebox{
        padding:3px 30px 0;
        max-height:300px; overflow:auto;
    }
    .scopeList_dialog .modal_flexwrap select{flex-grow:1;}
    .scopeList_dialog button{height:30px; min-width:60px; margin-right:8px;}
    .scopeList_dialog td button{margin:0; font-size: 12px;}

    /* scope구분관리 모달 하단 버튼 영역 */
    .scopeList_dialog .m_modal_btnarea{
        text-align:right;
        padding:30px;
    }
    .scopeList_dialog .m_modal_btnarea button{margin-left:10px; height:36px; min-width:110px;}

    /********* SMS 정책 *********/
    .smsList_dialog{}
    .smsList_dialog .inline_checkbox input[type="checkbox"] + label{
        width:25%;
        margin:0;
        box-sizing:border-box;
    }
    .smsList_dialog .btn-container-small{display:flex; justify-content:space-between; align-items:center; margin-top:30px;}
    .smsManage_dialog{}

/*********************************

            승인/거절

*********************************/

/********* 승인요청 대상 ********/

.approve_request_list{}
.approve_request_list .top{
    display:flex;
    margin-top:24px;
    margin-bottom:40px;
}
/* 카운트 블럭 */
.approve_request_list .info_area{
    width:750px;
}
.approve_request_list .info_area ul{
    display:flex;
    width:100%;
}
.approve_request_list .info_area ul li{
    width:25%;
    position:relative;
    height:60px;
    margin-right:20px;
    border-radius:7px;
    border:1px solid #f2f2fb;
    box-sizing:border-box;
    cursor:pointer;
}
.approve_request_list .info_area ul li:nth-of-type(1){
    padding-left:49px;
    background:url(../img/icon_count01.png) 20px center no-repeat;
}
.approve_request_list .info_area ul li:nth-of-type(2){
    padding-left:42px;
    background:url(../img/icon_count02.png) 17px center no-repeat;
}
.approve_request_list .info_area ul li:nth-of-type(3){
    padding-left:49px;
    background:url(../img/icon_count03.png) 20px center no-repeat;
}
.approve_request_list .info_area ul li:nth-of-type(4){
    padding-left:48px;
    background:url(../img/icon_count04.png) 18px center no-repeat;
}
.approve_request_list .info_area ul li .tit{
    line-height:60px;
}
.approve_request_list .info_area ul li .badge{
    position:absolute;
    right:0; top:0;
    display:inline-block;
    margin-top:-5px;
    margin-right:-5px;
    padding:3px 5px;
    font-size:12px;
    font-weight:300;
    line-height:1;
    border-radius:9px;
    background:#ef3b24;
    color:#fff;
}
/* 기간별 조회 */
.approve_request_list .search_area{
    position:relative;
    display: flex;
    flex-grow:1;
    height:60px;
    border:1px solid #f2f6fb;
    border-radius:11px;
    box-shadow:0 7px 10px 0 rgba(40, 94, 218, 0.05);
}
.approve_request_list .search_area::after{
    position:absolute;
    left:170px; top:24px;
    height:13px; width:1px;
    background:#e3dcd9;
    content:'';
}
.approve_request_list .search_area .selectbox{
    float:left;
    border:none;
    width:170px; height:60px;
    padding-left:20px;
    background:url(../img/arrow_select2.png) right center no-repeat;
}
.approve_request_list .search_area .datepicker_area{
    float:left;
    width:calc(100% - 170px); height:60px;
    display:flex;
    align-items:center;
}
.approve_request_list .search_area .datepicker_area .datepicker{
    border:none;
    text-align:center;
}
.approve_request_list .search_area .datepicker_area .btn_search{
    width:100px; height:36px;
    border-radius:18px;
    margin-right:11px;
}

/*********************************

            포탈 관리

*********************************/

/********* 이용기관 계약관리 ********/
.manageContract_dialog select {
    width: 100%;
}

.manageContract_dialog input[type=button] {
    height: 30px;
    padding: 0 18px;
    font-size: 12px;
    cursor: pointer;
}

.manageContract_dialog #files {
    padding-top: 0;
    padding-bottom: 0;
}

/********* 코드 관리 ********/

.code_group {
}

.code_group .title01 {
    float: none;
}

.code_group .searchList {
    width: 100%;
    margin-bottom: 50px;
}

.code_group .searchList ul {
    width: calc(100% - 100px);
}

.code_group .searchList ul li {
    float: left;
    width: 16.6%;
    padding-right: 20px;
    box-sizing: border-box;
}

.code_group .searchList ul li .tit {
    line-height: 26px;
    font-weight: 500;
}

.code_group .searchList ul li input[type=text],
.code_group .searchList ul li .selectbox {
    width: 100%;
    height: 36px;
    border: 1px solid #f2f6fb;
    box-shadow: 0 7px 10px 0 rgba(40, 94, 218, 0.05);
}

.code_group .searchList .btn_red {
    width: 100px;
    margin-top: 26px;
}

.code_group .tablebox_wrap .tablebox.code td.on {
    background-color: #428bca;
}
.code_group .tablebox_wrap .tablebox.code td.on a {color: #fff;}

/* 테이블 */
.code_group .tablebox_wrap {
    display: flex;
}

.code_group .tablebox_wrap .tablebox {
    position: relative;
    overflow: auto;
    border-radius: 7px;
    border: 1px solid #dbe2ef;
    height: calc(100vh - 400px);
    min-height: 400px;
}

.code_group .tablebox_wrap .tablebox.code {
    min-width: 220px;
    width: 300px;
    margin-right: 20px;
}

.code_group .tablebox_wrap .tablebox td {
    height: 40px;
}

.code_group .tablebox_wrap .tablebox.code th,
.code_group .tablebox_wrap .tablebox.code .m_table td {
    cursor: pointer;
    border-left: none;
}

.code_group .ui-jqgrid .ui-jqgrid-htable thead tr,
.code_group .ui-jqgrid .ui-jqgrid-htable thead th {
    border-radius: 0;
}

.code_group .tablebox_wrap .tablebox.menu {
    min-width: 450px;
    width: 450px;
    margin-right: 20px;
}

.code_group .tablebox_wrap .tablebox .m_table {
    border-top: 0;
}

.code_group .tablebox_wrap .tablebox .m_table tr:last-of-type td {
    border-bottom: 0;
}
.code_group .code .ui-jqgrid .ui-jqgrid-btable tbody td,
.code_group .code .ui-jqgrid .ui-jqgrid-htable thead th {
    border-right:1px solid #dbe2ef;
}
.code_group .code .ui-jqgrid .ui-jqgrid-btable tbody td:last-of-type,
.code_group .code .ui-jqgrid .ui-jqgrid-htable thead th:last-of-type {
    border-right:none;
}

.code_group .tablebox_wrap .m_table::after {
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 1px;
    background: #dbe2ef;
    content: '';
}

.glyphicon-unchecked {
    background: url(../img/checkbox_off.png) left center no-repeat;
}

.glyphicon-check {
    background: url(../img/checkbox_on.png) left center no-repeat;
}

.code_group .m_table td {
    text-overflow: ellipsis;
    overflow: hidden;
}
.code_group .ui-jqgrid .ui-jqgrid-bdiv{overflow:initial;}

#codeTableBody input {width: 100%;min-width:auto;}
/********* 권한 관리 ********/

/* 권한 그룹 */
.m_custom_tab {
    margin-bottom: 10px;
}

.m_custom_tab ul {
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #f4f4fb;
}
.m_custom_tab ul li{
    float:left;
    width:170px; height:47px;
    margin-right:10px;
    text-align:center;
    line-height:47px;
    font-size:14px;
    color:#41464d;
    border-radius:5px 5px 0 0;
    border:1px solid #f4f4fb;
    border-bottom:none;
    background:#f4f4fb;
    cursor:pointer;
}
.m_custom_tab ul li.on{
    color:#000;
    font-weight:600;
    border:1px solid #ef3b24;
    border-bottom:none;
    background:#fff;
}
.tab_content section{display:none;}
.tab_content section.on{display:block;}
.tab_content .h_newSearchArea{margin-bottom:10px;}
.dialog-func-new th{width: 60px;}

/* 메뉴 권한 */
.menulist .title01,
.menulist .mainbtn-container{padding-top:15px; padding-bottom:19px;}
.menulist .title01{float:none; margin-bottom:0; padding-bottom:15px;}
.menulist .mainbtn-container h3{margin-left:0; position:relative;}
.menulist .mainbtn-container h3::after{
    position: relative;
    width: 22px;
    height: 2px;
    bottom: 0;
    display: block;
    left: 0;
    background: red;
    content: '';
}
.menulist .nav #lv2Menu{display:none;}
.menulist .mainbtn-container input[type=button]{width:100px; height:36px; font-weight:300; font-size:13px; margin-left:7px;}
.menulist .m_table{border-top:1px solid #41464d;}
#topMenuList{margin-left:10px;}
.menulist .m_table th{color:#000; border-bottom:1px solid #dbe2ef; font-weight:400;}
.menulist .m_table input[type=text],
.menulist .m_table select{width:254px; height:30px;}
.menulist .m_table .btn_white{
    width:74px; height:30px;
    font-size:11px;
    padding:0;
    margin-left:5px;
}
.menulist .save_btn_area{margin: 10px -2px 0 0; display:flex; justify-content:flex-end;}
.menulist .save_btn_area .btn_red{width:100px;}

/* 접근 경로 관리 */
.accessRoute .h_newSearchArea{justify-content:space-between;}
.accessRoute_search{
    display:flex;
    justify-content:flex-end;
}
.accessRoute_search .btn_black{
    width:120px; height:36px;
    margin-right:13px;
}
.accessRoute_search select{
    width:170px; height:36px;
    box-shadow:0 7px 10px 0 rgba(40, 94, 218, 0.05);
    margin-right:13px;
    padding-left:15px;
}
.accessRoute_search .m_input{
    width:568px; height:36px;
    box-shadow:0 7px 10px 0 rgba(40, 94, 218, 0.05);
    margin-right:13px;
    padding-left:17px;
}
.accessRoute_search .btn_red{
    width:100px; height:36px;
}
.accessRoute_search button{
    font-size:13px;
}
.accessRoute .btn_darkgray{width:60px; height:30px;}

/********* 사용자 관리 ********/
.user_modal{}
.user_modal .m_modal_container{
    width:820px;
    /*margin-top:150px;*/ /*팝업위로올려달라는 요청으로 수정*/
}
.user_modal .m_modal_header{
    background:#fff;
    color:#000;
    padding-top:20px;
    height:75px;
}
.user_modal .m_modal_body{
    padding:0 30px 30px;
}
.user_modal .m_modal_body .m_table{}
.user_modal .m_modal_body .m_table th{border-bottom:1px solid #dbe2ef;}
.user_modal .m_modal_body .m_table input[type=text],
.user_modal .m_modal_body .m_table .selectbox{width:100%;}
.user_modal .modal_btn_area{
    margin:30px 0 20px;
    text-align:right;
}
.user_modal .modal_btn_area button{margin-left:10px;}

.user_modal .tableScroll_Y {
    max-height: 280px;
    overflow: hidden;
    overflow-y: scroll;
}

/********* 사용자 권한 관리 ********/
.user_authority{}
.user_authority .title01{float:none;}
.user_authority .searchList{
    width:100%;
    margin-bottom:50px;
}
.user_authority .searchList ul{
    width:calc(100% - 100px);
}
.user_authority .searchList ul li{
    float:left;
    width:16.6%;
    padding-right:20px;
    box-sizing:border-box;
}
.user_authority .searchList ul li .tit{line-height:26px; font-weight:500;}
.user_authority .searchList ul li input[type=text],
.user_authority .searchList ul li .selectbox{
    width:100%; height:36px;
    border:1px solid #f2f6fb;
    box-shadow:0 7px 10px 0 rgba(40, 94, 218, 0.05);
}
.user_authority .searchList .btn_red{width:100px; margin-top:26px;}

/* 테이블 */
.user_authority .tablebox_wrap{
    display:flex;
}
.user_authority .tablebox_wrap .tablebox{
    position:relative;
    overflow:auto;
    border-radius:7px;
    border:1px solid #dbe2ef;
    height:calc(100vh - 400px);
    min-height:400px;
}
.user_authority .tablebox_wrap .tablebox.code{
    min-width:220px;
    width:220px;
    margin-right:20px;
}
.user_authority .tablebox_wrap .tablebox td{height:40px;}
.user_authority .tablebox_wrap .tablebox.code th,
.user_authority .tablebox_wrap .tablebox.code .m_table td{cursor:pointer; border-left:none;}
.user_authority .ui-jqgrid .ui-jqgrid-htable thead tr,
.user_authority .ui-jqgrid .ui-jqgrid-htable thead th{border-radius:0;}
.user_authority .tablebox_wrap .tablebox.menu{
    min-width:450px;
    width:450px;
    margin-right:20px;
}
.user_authority .tablebox_wrap .tablebox.code td{padding:0;}
.user_authority .tablebox_wrap .tablebox.code td a{padding:0 8px; color:#444;}
.user_authority .tablebox_wrap .tablebox.code td a:hover{text-decoration:none;}
.user_authority .tablebox_wrap .tablebox.code td.on{
    background-color: #428bca;
}
.user_authority .tablebox_wrap .tablebox.code td.on a{
    color:#fff;
}
.user_authority .tablebox_wrap .tablebox .m_table{border-top:0;}
.user_authority .tablebox_wrap .tablebox .m_table tr:last-of-type td{border-bottom:0;}
.user_authority .tablebox_wrap .m_table::after{
    position:absolute;
    display:block;
    width:100%; height:1px;
    margin-top:1px;
    background:#dbe2ef;
    content:'';
}
.glyphicon-unchecked{background: url(../img/checkbox_off.png) left center no-repeat;}
.glyphicon-check{background: url(../img/checkbox_on.png) left center no-repeat;}


/* 사용자 권한 관리 트리뷰 커스텀 */
.user_authority .left-treeView .tree-container{border:none; overflow:hidden; padding:0; box-sizing:border-box; border-radius:0; height:auto;}
.user_authority .tablebox_tit{
     height: 42px;
     padding: 0 7px;
     font-weight: 500;
     line-height:42px;
     text-align:center;
     font-size: 0.923em;
     color: #758aa6;
     background: #f4f4fb;
 }
.user_authority .treeview span.glyphicon-plus{
    background:url(../img/lnb-right-arrow.png) 10px center no-repeat;
}
.user_authority .treeview span.glyphicon-minus{
    background:url(../img/lnb-down-arrow.png) 10px center no-repeat;
}
.user_authority .treeview .indent + span.glyphicon{margin-right:4px;}
.user_authority .treeview .list-group-item{height:40px; line-height:40px; border-bottom: 1px solid #dbe2ef;}
.user_authority .treeview span.icon, .treeview span.image{width:0;}
.user_authority .ui-jqgrid .ui-jqgrid-bdiv{overflow:initial;}
/*
.user_authority tr[aria-selected="true"] td,
.user_authority tr[aria-selected="true"] a{
    color: #fff;
    background-color: #428bca;
}
*/
.user_authority .node-menu_treeview.node-selected{color:#fff;}
/*********************************

            API 등록 관리

*********************************/

/********* 인터페이스 ********/

/** 모달 헤더 **/
.m_dialog_container.ui-dialog .ui-dialog-titlebar{
    padding:0 0 0 29px;
    height:50px;
    line-height:50px;
    background:#838383;
    color:#fff;
    border-radius:10px 10px 0 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.m_dialog_container.ui-dialog .ui-dialog-titlebar span{
    float:none;
    font-weight:500;
    widtH:auto;
}
.m_dialog_container.ui-dialog .ui-dialog-titlebar div{
    margin-left: 10px;
}
.m_dialog_container.ui-dialog .ui-dialog-titlebar div a{
    color: #fff;
    border-radius: 3px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    margin-left: 5px;
    min-width: 74px;
    box-sizing:content;
}


/** 모달 바디 **/
.m_dialog_container.ui-dialog .ui-dialog-content{
    padding:25px 30px 0 30px;
    box-sizing:border-box;
}
.m_dialog.modaldialog{overflow:hidden; display:flex;}
.m_dialog.modaldialog > .right-contents{}
.right-contents .ui-jqgrid-view{/*max-height:605px; */overflow:auto;max-height:493px; }
.right-contents .ui-jqgrid,
.right-contents .ui-jqgrid .ui-jqgrid-view{width:100% !important;}
.right-contents .ui-jqgrid .ui-jqgrid-hdiv,
.right-contents .ui-jqgrid .ui-jqgrid-bdiv{overflow:initial; padding-right:1px;}
.right-contents .input_table{padding-right:1px;}
.m_dialog{
}
.m_dialog .left-treeView{
}
.m_dialog .left-treeView .itf_treeview_area{
    height:670px;
    text-align:left;
}
.m_dialog .left-treeView .itf_treeview_area h3{}
.m_dialog .left-treeView .itf_treeview_area .search_area{
    display:flex; margin-bottom:5px;
}
.m_dialog .left-treeView .itf_treeview_area .search_area .m_input{
    width: 210px;
    border: 1px solid #cdcdcd;
    margin-right: 3px;"
    font-family: 'Noto Sans KR', sans-serif;
}
.m_dialog .left-treeView .itf_treeview_area .search_area .search_btn{
    border:1px solid #333;
    color:#333;
    background:#fff;
}
.m_dialog table th{}
/* LNB 트리 */
.left-treeView .tree-container{
    padding:7px 0;
}
#itf_param_search{
    position:relative;
    height:32px;
    margin-bottom:10px;
}
#itf_param_search .m_input{
    position:absolute;
    top:0; left:0;
    width:100%; height:32px;
    padding:0 17px;
    box-sizing:border-box;
    border:1px solid #e1e5eb;
    border-radius:7px;
}
.tree_search_btn{
    position:absolute;
    right:0;
    width:60px; height:32px;
    font-size:12px;
    font-weight:400;
    color:#000;
    background:#fff;
    border:1px solid #6c6c6c;
    border-radius:7px;
    z-index:1;
    font-family: 'Noto Sans KR', sans-serif;
}
.m_dialog .btn-group{margin-top:15px;}

/* api 등록 버튼 */
.right-contents .btn_link_area{
    text-align:right;
    margin-bottom:14px;
    font-size:0;
}
.right-contents .btn_link_area a{
    display:inline-block;
    width:110px; height:34px;
    margin-left:15px;
    line-height:34px;
    text-align:center;
    font-size:12px;
    box-sizing:border-box;
    padding:0;
}

/* 모달 테이블 */
.m_dialog table th{
    font-size: 0.923em;
    font-weight: 500;
    color: #758aa6;
    background: #f4f4fb;
}
.m_dialog .textleft th{
    text-align:left;
    font-size: 0.923em;
    font-weight: 500;
    color: #758aa6;
    background: #f4f4fb;
}
.m_dialog .textcolor-b th{
    font-weight:400;
    color:#000;
    padding:0 15px;
    white-space:nowrap;
}

/** 목록 추가 삭제 버튼 area **/

.m_itf_btn_group button{padding:0; width:auto; flex-grow:1; font-weight:300;}
.m_itf_btn_group .up{
    width:29px;
    flex-grow:0;
    text-indent:-6000px;
    background:url(../img/btn_up.png) center center no-repeat, #626262;
}
.m_itf_btn_group .down{
    width:29px;
    flex-grow:0;
    text-indent:-6000px;
    background:url(../img/btn_down.png) center center no-repeat, #626262;
}

/*
.m_custom_table{}

.m_custom_table input[type=text]{
    width:190px;
    max-width:100%;
    min-width:inherit;
}
.m_custom_table input[type=text][disabled]{
    color:#929ab6;
    font-size:12px;
    padding:0 13px;
    box-sizing:border-box;
}
.m_custom_table select{
    width:245px;
    max-width:100%;
    min-width:inherit;
    background:url(../img/arrow_select.png) right center no-repeat, #f2f2f2;
    font-size:12px;
    padding:0 13px;
    box-sizing:border-box;
    min-width:inherit;
}
.m_custom_table select[disabled]{
    background:url(../img/arrow_select.png) right center no-repeat, #f2f2f2;
    color:#929ab6;
}
.m_custom_table .radio-set{}
.m_custom_table .radio-set input[type=radio]{
    display:none;
}
.m_custom_table .radio-set input[type=radio] + label{
    display:inline-block;
    padding-left:24px;
    background:url(../img/radio_off.png) left center no-repeat;
    cursor:pointer;
}
.m_custom_table .radio-set input[type=radio]:checked + label{
    background:url(../img/radio_on.png) left center no-repeat;
}
*/
.right-contents input[type=text]{
    width:300px;
    max-width:100%;
    min-width:inherit;
    border:1px solid #f3f2f7;
}
.right-contents input[type=text]:focus,
.right-contents input[type=text]:active{
    border:1px solid #ef3b24;
}
.right-contents input[type=text][disabled]{
    color:#929ab6;
    font-size:12px;
    padding:0 13px;
    box-sizing:border-box;
    border:none;
}
.right-contents select{
    width:300px;
    max-width:100%;
    min-width:auto;
    /*background:url(../img/arrow_select.png) right center no-repeat, #f2f2f2;*/
    font-size:12px;
    padding:0 28px 0 13px;
    box-sizing:border-box;
    border:1px solid #f3f2f7;
}
.right-contents select:focus,
.right-contents select:active{
    border:1px solid #ef3b24;
}
.right-contents select[disabled]{
    color:#929ab6;
    border:none;
}
.right-contents .radio-set{}
.right-contents .radio-set input[type=radio]{
    display:none;
}
.right-contents .radio-set input[type=radio] + label{
    display:inline-block;
    padding-left:24px;
    background:url(../img/radio_off.png) left center no-repeat;
    cursor:pointer;
}
.right-contents .radio-set input[type=radio]:checked + label{
    background:url(../img/radio_on.png) left center no-repeat;
}
.right-contents .check-set{height:24px;}
.right-contents .check-set input[type=checkbox]{display:none;}
.right-contents .check-set input[type=checkbox] + label{
    display:inline-block;
    min-width:24px; min-height:24px;
    padding-left:24px;
    background:url(../img/checkbox_off.png) left center no-repeat;
    cursor:pointer;
}
.right-contents .check-set input[type=checkbox]:checked + label{
    background:url(../img/checkbox_on.png) left center no-repeat;
}
.treeview .list-group-item{padding-right:30px; white-space: nowrap;padding-left: 15px;}
.treeview .node-itf_treeview.node-selected{color:#fff;}
.treeview span.icon, .treeview span.image{
    width:18px;
    text-indent:-6000px;
    padding-left:30px;
}
.treeview span.glyphicon-minus{
    display:inline-block;
    height:13px;
    padding-left:28px;
    margin-right:9px;
    background:url(../img/lnb-down-arrow.png) 10px center no-repeat, url(../img/icon-folder-y-on.png) 28px center no-repeat;
}
.treeview span.glyphicon-minus + .node-icon{display:none;}
.treeview .indent + span.glyphicon{
    display:inline-block;
    height:13px;
    padding-left:28px;
    margin-right:9px;
    background:url(../img/icon-folder-y-on.png) 28px center no-repeat;
}
.treeview .indent + span.glyphicon-minus{
    display:inline-block;
    height:13px;
    padding-left:28px;
    margin-right:9px;
    background:url(../img/lnb-down-arrow.png) 10px center no-repeat, url(../img/icon-folder-y-on.png) 28px center no-repeat;
}
.treeview span.glyphicon-plus{
    display:inline-block;
    height:13px;
    padding-left:28px;
    margin-right:9px;
    background:url(../img/lnb-right-arrow.png) 11.5px center no-repeat, url(../img/icon-folder-y-off.png) 28px center no-repeat;
}
.treeview .indent + span.glyphicon-plus{
    display:inline-block;
    height:13px;
    padding-left:28px;
    margin-right:9px;
    background:url(../img/lnb-right-arrow.png) 11.5px center no-repeat, url(../img/icon-folder-y-off.png) 28px center no-repeat;
}
.node-icon{display:none;}
/*
.treeview .node-itf_treeview.node-selected,
.treeview .node-itf_treeview.node-selected:hover,
.treeview .node-itf_treeview.node-selected:active,
.treeview .node-itf_treeview:not(.node-disabled):hover{
    background-color:#fff;
    color:#585858;
}
*/
/*
.m_dialog_container .modal-body{overflow:auto; padding-right:20px; box-sizing:border-box;}*/

/********* 오픈 API *********/
.gatewayApiDetail_dialog{}
.gatewayApiDetail_dialog input[type=checkbox]{display:none;}

/********* API 서비스 그룹 *********/
.microserviceList_dialog select{width:100%;}
.microserviceList_dialog .modal_flexwrap .m_input{flex-grow:1; margin-right:10px;}

/********* 오픈API 서비스 그룹 ********/
.openApiService_dialog{}
.openApiService_dialog .ui-dialog .ui-dialog-buttonpane .modal_btn_red,
.openApiService_dialog .ui-dialog .ui-dialog-buttonpane .modal_btn_red:hover,
.openApiService_dialog .ui-dialog .ui-dialog-buttonpane .modal_btn_red:active{
    min-width: 110px;
    height: 34px;
    padding: 7px 33px 8px 34px;
    color:#fff;
    border-radius: 3px;
    border:none;
    box-shadow: 0 7px 10px 0 rgba(196, 68, 68, 0.17);
    background-image: linear-gradient(107deg, #f04e3b, #dc311d 103%);
}
.openApiService_dialog .ui-dialog .ui-dialog-buttonpane .modal_btn_gray,
.openApiService_dialog .ui-dialog .ui-dialog-buttonpane .modal_btn_gray:hover,
.openApiService_dialog .ui-dialog .ui-dialog-buttonpane .modal_btn_gray:active{
    min-width: 110px;
    height: 34px;
    padding: 7px 33px 8px 34px;
    color:#fff;
    border-radius: 3px;
    border:none;
    box-shadow:0 7px 10px 0 rgba(149, 149, 149, 0.17);
    background-image:linear-gradient(107deg, #6a6a6a, #5e5e5e 103%);
}
.openApiService_dialog .ui-dialog .ui-dialog-buttonpane #btnDelete,
.openApiService_dialog .ui-dialog .ui-dialog-buttonpane #btnDelete,
.openApiService_dialog .ui-dialog .ui-dialog-buttonpane #btnDelete{
    min-width: 110px;
    height: 34px;
    padding: 7px 33px 8px 34px;
    color:#fff;
    border-radius: 3px;
    border:none;
    box-shadow:0 7px 10px 0 rgba(149, 149, 149, 0.17);
    background-image:linear-gradient(107deg, #393939, #323232 103%);
}
.openApiService_dialog select{width:100%; margin-right:10px;}
.openApiService_dialog input[type=text]{width:100%;}

/********* 통합 API 테스트 ********/
    .test_tit_area{overflow:hidden;}
    .test_tit_area .title01{margin-bottom:12px;}
    .subtit_area{
        display:flex;
        justify-content: space-between;
        align-items:center;
        margin-bottom:20px;
    }
        .subtit_area h3{
            position:relative;
            height:34px;
            line-height:30px;
            padding-right:40px;
            flex-grow:0;
        }
        .subtit_area h3::before{
            width: 22px;
            height: 2px;
            position: absolute;
            left: 0;
            bottom: 0;
            background: #e33b27;
            content: '';
        }
        .subtit_area .search_area{
            display: flex;
            flex-grow:1;
            align-items: center;
            width: 300px; max-width:1000px;
            height: 60px;
            margin-left: 10px;
            border-radius: 11px;
            box-sizing: border-box;
            box-shadow: 0 7px 10px 0 rgba(40, 94, 218, 0.05);
            border: solid 1px #f2f6fb;
        }
            .subtit_area .search_area input[type=text]{
                box-shadow:none;
                border:0;
                flex-grow:1;
                height: 36px;
                margin: 12px 0;
                padding-left: 54px;
                box-sizing: border-box;
                border: none;
                color: #000;
                letter-spacing: -0.7px;
                font-weight: 400;
                font-family: 'Noto Sans KR', sans-serif;
                background:url(../img/icon_search.png) 20px center no-repeat;
            }
            .subtit_area .search_area button{
                height: 36px;
                margin-right: 20px;
                padding: 9px 0 8px 0;
                border-radius: 18px;
                flex-grow:0;
            }
        .m_table th{
            font-size: 0.923em;
            height: 42px;
            background: #f4f4fb;
            font-weight: 500;
            color: #758aa6;
            border: 1px solid #dbe2ef;
            border-width: 0 0 1px 1px;
            border-top: none;
            /*border-bottom: none;*/
            padding: 0 7px;
            box-sizing: border-box;
            word-break: keep-all;
        }
        .m_table th:first-of-type,
        .m_table td:first-of-type{border-left:0;}
        .test_container{margin-bottom:40px;}
            .test_container .textleft .ui-jqgrid .ui-jqgrid-htable th,
            .test_container .textleft .ui-jqgrid .ui-jqgrid-btable td,
            .test_container .textleft th,
            .test_container .textleft td{text-align:left;}
                .test_container .m_table .inline_checkbox label{
                    margin:0 auto;
                    padding:0;
                    min-width:18px;
                }
                .test_container .entertable td{white-space:normal;}
                .test_container .ui-jqgrid .ui-jqgrid-btable td a{
                    width:100%;
                    overflow:hidden;
                    text-overflow:ellipsis;
                }
                .test_container .modal_flexwrap{}
                    .test_container .modal_flexwrap input[type=text]{
                        width:200px;
                        flex-grow:1;
                    }
                    .test_container .modal_flexwrap button{
                        flex-grow:0;
                        width:13px; height:13px;
                        min-width:12px; min-height:13px;
                        margin-left:10px;
                        line-height:12px;
                        padding:0;
                        font-size:10px;
                        border-radius:3px;
                        background:#656565;
                    }

    .test_container .entertable-pg-table{min-width:auto; width:auto;}
    .test_btn_area{
        margin-top:20px;
    }
        .test_btn_area button{
            height:36px;
            margin-left:20px;
        }

/*********** 통합 api 테스트 모달 ***********/

.m_modal{
    display:none;
    position:fixed;
    left:0; top:0; bottom:0; right:0;
    width:100%; height:100%;
    padding:20px;
    box-sizing:border-box;
    background:rgba(0,0,0,0.7);
    z-index:100;
}
.m_modal.on{
    display:block;
}
.m_modal_container{
    width:100%;
    max-width:1200px;
    margin:5vh auto;
}
.m_modal_container .m_modal_header{
    position:relative;
    padding: 0 0 0 29px;
    height: 50px;
    line-height: 50px;
    background: #838383;
    color: #fff;
    box-sizing:border-box;
    border-radius:10px 10px 0 0;
}
.m_modal_container .m_modal_header .tit{
    font-size: 1.2em;
    font-weight:500;
}
.m_modal_container .m_modal_header .m_modal_close {
    position: absolute;
    right: 0;
    top: 16px;
    right: 20px;
    width: 17px;
    height: 17px;
    cursor: pointer;
    text-indent: -6000px;
    background: url(../img/cancel.png) center center no-repeat;
}

.m_modal_container .m_modal_header .m_modal_sub_close {
    position: absolute;
    right: 0;
    top: 16px;
    right: 20px;
    width: 17px;
    height: 17px;
    cursor: pointer;
    text-indent: -6000px;
    background: url(../img/cancel.png) center center no-repeat;
}

.m_modal_container .m_modal_header .m_modal_close.intitle {
    top: 16px;
    right: 20px;
}

.m_modal_container .m_modal_body{
    overflow:auto;
    max-height:calc(90vh - 50px);
    padding:10px 30px 10px;
    box-sizing:border-box;
    background:#fff;
    border-radius:0 0 10px 10px;
}
.default_container.m_modal_container .m_modal_header{
    color: #333;
    background: #fff;
    height: 65px;
    line-height: 65px;
    font-size:20px;
}
.default_container.m_modal_container .m_modal_header .tit{font-size:17px;}
.default_container.m_modal_container .m_modal_body{padding-top:10px;}
.test_container .tabcontent{
    max-height: 65vh;
    overflow: auto;
}
.tooltip_helf{
    display:inline-block;
    position:relative;
}
.tooltip_icon{
    width:17px; height:17px;
    border-radius:20px;
    line-height:17px;
    text-align:center;
    display:inline-block;
    background:#758aa6;
    color:#fff;
    margin:0 7px;
    cursor:pointer;
    font-size:11px;
}
.tooltip_helf .tooltip_text{
    display:none;
    position:absolute;
    top:0; left:32px;
    padding:10px 15px;
    border-radius:10px;
    background:#758aa6;
    color:#fff;
    width:350px;
    white-space:normal;
    text-align:left;
    z-index:1;
}
.tooltip_helf:hover .tooltip_text{
    display:block;
}
.apiTestPop_dialog{}
.apiTestPop_dialog #popup{
    display: flex;
}
.apiTestPop_dialog #popup .test_textarea{flex-grow: 1; margin-right:10px;}
.apiTestHistory{
    width:30%;
    border:1px solid #e8eaf1;
    box-sizing: border-box;
    overflow: auto;
    border-radius: 7px;
}
.apiTestHistory li{
    line-height:50px;
    border-bottom:1px solid #e8eaf1;
}
.apiTestHistory li.on{
}
.apiTestHistory li a{
    display: block;
    line-height:50px;
    padding-left:20px;
    color: #758aa6;
    font-weight: 300;
}
.apiTestHistory li.on a{
    color: #000;
    font-weight: 400;
}
/*********************************

            정보제공자

*********************************/

/********* 자격증명관리 ********/
.content.proof{}
.proof .h_newSearchArea{
    /*justify-content:space-between;*/
    margin-bottom:10px;
}
.proof .h_newSearchArea .btn_area{}
.proof .h_newSearchArea .btn_area select{
    float:left;
    width:170px;
    height:36px;
    border-color:#dbe2ef;
    padding: 0 15px;
    border-radius: 7px;
    box-shadow: 0 7px 10px 0 rgba(40, 94, 218, 0.05);
    border: solid 1px #f2f6fb;
}
.proof .h_newSearchArea .btn_area button{
    float:left;
    width:100px; height:36px;
    margin-left:10px;
    font-size:13px;
    border-radius:7px;
}
.proof_box{display:flex;}
.proof .h_newSearchArea button{width:100px;}
.proof .input_wrap{
    width:25%;
    font-weight: 500;
    color: #758aa6;
    border: 1px solid #dbe2ef;
    border-radius:7px;
    margin-right:20px;
    overflow:hidden;
}
.proof .input_wrap:last-of-type{margin-right:0;}
.proof .input_wrap .tit{
    width:100%;
    font-size:14px;
    background: #f4f4fb;;
    line-height: 50px;
    font-weight:500;
    padding: 0 20px;
    margin-bottom:5px;
    border-bottom:1px solid #dbe2ef;
    box-sizing:border-box;
}
.proof .input_wrap label{
    display:block;
    padding:10px 20px;
    box-sizing:border-box;
}
.proof .input_wrap label:last-of-type{padding-bottom:20px;}
.proof .input_wrap label span{
display: block;
    line-height: 30px;
    font-weight: 400;
    font-size: 13px;
    width: 100%;
    color: #333;
}
.proof .input_wrap label input[type=text]{
    width:100%; height:35px;
    margin-right:10px;
}
.right_btn_area{
    display:flex;
    justify-content:flex-end;
    padding:20px 0;
    align-items: center;
}

/*********************************

              인터페이스

*********************************/
/********* 인터페이스 어댑터 ********/
.ift_para_tablebox{
    overflow: hidden;
}
.ift_para_tablebox h2{
    float: left;
    margin: 20px 0 10px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 1.2em;
    font-weight: 500;
    line-height:34px;
}
.ift_para_tablebox .tit_btn{
    float: right;
    margin: 20px 0 10px;
    height:34px;
    font-size: 12px;
}
.ift_para_tablebox td{text-align: center;}
.ift_para_tablebox input[type=text]{width:100%; max-width:100%;}
.ift_para_tablebox td a{display: inline-block; margin-right:5px;}
.ift_para_tablebox td a:last-of-type{margin-right:0;}

/********* 인터페이스 입력항목 ********/
.iftColumnList_content #tbColumn input[type=text]{width:100%;}
.iftColumnList_content #tbColumn .btn_darkgray{
    display:inline-block;
    height:30px;
    color:#fff;
    line-height:30px;
}
/********* 파라미터 리졸버 ********/
.resolver_dialog select{width:100%;}

/*********************************

              엔진관리

*********************************/

/********* 엔진 acl ********/
.acl_dialog select{width:100%;}

/*********************************

              회원가입

*********************************/

/* 가입유형선택 */
.join_tit{
    text-align: center;
    width:100%;
    margin-top:150px;
    margin-bottom: 40px;
}
.join_tit .tit{
    font-size: 24px;
}
.join_tit p{
    margin-top:7px;
    font-size: 16px;
}
.join_wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.join_wrap .join_box{
    display: flex;
    align-items: center;
    width:320px; height:200px;
    margin:20px; padding:20px 40px;
    box-sizing: border-box;
    border-radius: 15px;
    border: solid 1px #f2f6fb;
    box-shadow: 0 7px 10px 0 rgba(40, 94, 218, 0.05);
    cursor: pointer;
}
.join_wrap .join_box img{
}
.join_box .text_box{
    margin-left: 30px;
    text-align:left;
}
.join_box .text_box h4{
    font-size: 20px;
}
.join_box .text_box p{
    margin:5px 0;
    font-size: 14px;
    word-break: keep-all;
}

/* 사업자등록증 파일 등록 테이블 */
#mFileList td{border:none;}



/*********************************

          승인이력 조회

*********************************/
.progress{text-align: center;}
.progress li{
    position:relative;
    display:inline-block;
    width:20px; height:20px;
    margin-right:21px;
    background:url(../img/radio_on_disabled.png) center center no-repeat;
}
.progress li.on{
    background:url(../img/radio_on.png) center center no-repeat;
}
.progress li:last-of-type{margin-right:0;}
.progress li::after{
    position: absolute;
    left: 20px;
    display: inline-block;
    width: 20px;
    line-height: 20px;
    color:#646a84;
    content: '…';
}
.progress li:last-of-type::after{
    display:none;
}
/*
*/
/*
.progress{
}
.progress li{
    position:relative;
    display:inline-block;
    width:30px; height:15px;
    margin-top:2.5px;
    background:#f4f4fb;
    border:1px solid #dbe2ef;
    border-left:none;
    border-right:none;
}
.progress li.on{
    background:#ef3b24;
}
.progress li:first-of-type{border-radius:5px 0 0 5px; border-left:1px solid #dbe2ef;}
.progress li:last-of-type{margin-right:0; border-radius:0 5px 5px 0; border-right:1px solid #dbe2ef;}*/

/* 다이얼로그 팝업 타이틀 통일*/
.ui-draggable .ui-dialog-titlebar,
.ui-dialog .ui-dialog-titlebar{
        padding: 0 0 0 29px !important;
        /*height: 50px;*/
        line-height: 50px;
        background: #838383;
        color: #fff;
        box-sizing: border-box;
        border-radius: 10px 10px 0 0;
}
.ui-dialog .ui-dialog-title {
    margin:  !important;
}
.ui-dialog .ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar-close:hover {
    top:10px !important;
    right:20px !important;
}
.ui-dialog .ui-dialog-content {
    padding-top: 40px;
}