@charset "utf-8";

#banner{display: none;}

@media screen and (max-width:768px){
	.no_mobile{display:none;}
}

/* 구성원 추가 웹페이지 CSS 추후 css통합필 PC버전, 모바일버전은 별도구성 필*/    

.contents-uppon-total-container{
	position: relative;
	padding-bottom : 20px;
}

.contents-title-container{
	position: relative;
	padding-bottom : 10px;
}

.contents-title-container .contents-title{
	  font-size: 21px;
     font-weight: 600;
} 

 .dropdown-container {
 	position: relative;
    display: inline-block;
 }
 
.dropdown-container.dropdown-round-container{
	padding-top : 5px;
	padding-bottom : 5px;
}

.table-button {
    font-size: 13px;
    color: white;
    background-color : #4A91F7;
    width : 50px;
    height: 25px;
    cursor: pointer;
}
.dropdown-container .dropdown-content {
    display: none;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    transition: max-height 0.5s ease-in-out;
}
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.dropdown-content a:hover {
    background-color: #f1f1f1;
}   

.date-container{
	padding-top : 5px;
	padding-bottom : 5px;
}

.table-button-container{
	float:right;
}

.commonPopup{
           
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) scale(0.8);
            opacity: 0; 
            transition: transform 0.3s ease-out, opacity 0.3s ease-out;
            z-index: 1001;
}


 /* 팝업 클릭 시 나타남 */
  .commonPopup.active {
            
            transform: translate(-50%, -50%) scale(1);
            opacity: 1; 
}

        /* 배경 레이어 스타일 */
        .popupOverlay {
          
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5); /* 반투명 검은 배경 */
            z-index: 1000; /* 팝업보다 아래에 위치시킵니다. */
            transition: opacity 0.3s ease-out; /* opacity에 대한 트랜지션 설정 */
        }

        /* 배경 레이어 활성화 시 나타남 */
        .popupOverlay.active {
           
            opacity: 1; /* 투명도를 설정하여 나타납니다. */
        }
.commonPopup .commonPopupInner{position:relative;display:inline-block; padding:20px 20px; background:#fff4e9; width:450px; vertical-align:middle; font-size:16px;border-radius: 20px;
    box-shadow: 5px 5px 5px #5d5c5c;}   

/*.commonPopup{position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); font-size:0; text-align:center; z-index: 1001; }
.commonPopup:after{display:inline-block; height:100%; vertical-align:middle; content:'';}
 
.companyNameCell{cursor: pointer;} */
 
.inputBox-button {font-size: 13px; color: white; background-color : #4A91F7; height: 28px; cursor: pointer;}
 
/*구성원 추가 웹페이지 css 끝*/    

/*방산업체현황*/

.locationRound {
    position: absolute;
    background-color: #319cf74a;
    border-radius: 50%; /* 동그라미 모양 */
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    flex-direction: column;
    text-align: center;
}
.locationRound.on{
    background-color: #478fffab;
 
}
.locationRound > .outputCount{
	font-size: 1em;
	color: #f7f7f7;
	font-weight: bold;
}

.locationRound > .outputName{
	color: #f4f4f4;
}

.locationRound.on> .outputCount{
	color: #fd8701;
}
.locationRound.on> .outputName{
	color: #fd8701;
}
.di_statusIcon{display: block;text-align: center; width: 44px;margin-left: 30px;font-weight: 600;}
.di_statusIcon> span.orange{color: #EA771E;}
.di_statusIcon> span.blue{color: #187FBE;}
.di_statusIcon> span.indigo{color: #50698E;}
.di_statusIcon > img{height: 44px;}
.di_statusIcon > span{display: block;font-size: 15px; margin-top: 5px;}
.locationDetailDisplayTable >tbody > td{color}


/*방산물자관리 상세*/
.dim_box_div{display: flex;}
.dim_box_div > .dim_box_type1{flex: 1; margin-left: 30px;}
.dim_box_div > .dim_box_type1 > .dim_box_type1_content{font-size: 18px; font-weight: 600;}
.dim_box_div > .dim_box_type1 > .dim_box_type1_title{color: #4A8FF5; font-size: 20px; font-weight: 700; margin-bottom: 5px;}
.dim_box_div > .dim_box_type1 > img {width: 100%;}
.dim_img > img {width: -webkit-fill-available; margin-left: 30px; margin-top: 10px;}

/*방산물자 현황*/
.dm_component_list{display: flex; margin-left: 30px; justify-content: center;}
.dm_component_box{cursor: pointer;}
.dm_component_box:nth-child(n+2) {margin-left:10px;}
.dm_component_list > div > img{width: 100%;}
.dm_component_list > div.on > p{color: #4A8FF5;border-bottom: 5px solid #4A8FF5; font-size: 16px;font-weight: 700;}
.dm_component_data{display: none;}
.dm_component_data.on{display: inherit; width: 49.6%;}
.dm_component_data a:hover{color: #4A8FF5; font-weight: 700;}
.dm_component_data .dm_component_data_company_a{    background-repeat: no-repeat;
    background-position: 100%;
    background-size: 14px;
    height: 21px;
    display: block;
    background-image: url(../images/sub/move_btn_gray.png);}
.dm_component_data img{}
.dm_component_data span:hover{color: #4A8FF5; font-weight: 700;}
.dm_component_data span:hover ~ .dm_component_data_company_a{ background-image: url(../images/sub/move_btn_blue.png);}
.dm_component_data_company_a:hover{background-image: url(../images/sub/move_btn_blue.png);}
.dm_component_data_company_a:hover + .dm_component_data_span{color: #4A8FF5; font-weight: 700;}
/*물자관리 부품*/
.dim_component_list{display: flex; margin-left: 30px; justify-content: center;}
.dim_component_box{cursor: pointer;}
.dim_component_box:nth-child(n+2) {margin-left:10px;}
.dim_component_list > div > p{text-align: center;border-bottom: 2px solid #4A8FF5; font-size: 16px;font-weight: 700;}
.dim_component_list > div > img{width: 100%;}
.dim_component_list > div.on > p{color: #4A8FF5;border-bottom: 5px solid #4A8FF5; font-size: 16px;font-weight: 700;}
.dim_component_data{display: none;}
.dim_component_data.on{display: inherit; width: 49.6%;}
.dim_component_data a:hover{color: #4A8FF5; font-weight: 700;}
.dim_component_data .dim_component_data_company_a{    background-repeat: no-repeat;
    background-position: 100%;
    background-size: 14px;
    height: 21px;
    display: block;
    background-image: url(../images/sub/move_btn_gray.png);}
.dim_component_data img{width: 10px;margin-left: 5px;}
.dim_component_data span:hover{color: #4A8FF5; font-weight: 700;}
.dim_component_data span:hover ~ .dim_component_data_company_a{ background-image: url(../images/sub/move_btn_blue.png);}
.dim_component_data_company_a:hover{background-image: url(../images/sub/move_btn_blue.png);}
.dim_component_data_company_a:hover + .dim_component_data_span{color: #4A8FF5; font-weight: 700;}

/*방산물자현황 기업별 */

.dm_company_list_top{border-bottom: 2px solid #4a8ff5; padding-bottom: 5px; margin-bottom: 20px;}
.dm_company_con_wrap{margin: 15px 0px; display: flex; flex-direction: row; align-items: center;flex-wrap: nowrap;}
.dm_company_con{}
.dm_company_con:nth-child(n+2){margin-left: 10px;}
.dm_company_con img { max-height: 224px;}
.dm_company_con p {background:#4a8ff5; font-size: 16px; color: #fff; text-align: center; line-height: 1.5;}
.noEditInput {
    background: none !important;
    border: none !important;
    outline: none !important;
    color: inherit !important;
    margin: 0 auto !important;
    text-align: center !important;
}


.noEditExecInputText{
	        font-size: 17px !important; /* 필요에 따라 조정 */
            font-weight: 500;
}

.noEditComNameInputText{
	text-align: left !important;
}

.execAllComCol {
            width: 170px; /* 클래스의 너비 설정 */          
}

.dropdown-span-title{
	font-size: 16px;
}


.dataTables_info {
    font-size: 14px;
    color: #555;
    margin-bottom: 10px;
}

.pagination-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 30px;
}

.pagination {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0 10px;
    justify-content: center;
}

.pagination li {
    margin: 0 5px;
}

.pagination li a {
    display: inline-block;
    padding: 8px 12px;
    font-size: 14px;
    color: #EA771F;
    text-decoration: none;
    border: 1px solid #EA771F;
    border-radius: 4px;
    transition: background-color 0.3s, color 0.3s;
}

.pagination li a:hover,
.pagination li a:active {
    background-color: #EA771F;
    color: #fff;
}

.pagination li strong {
    display: inline-block;
    padding: 8px 12px;
    font-size: 14px;
    color: #EA771F;
    border: 1px solid #EA771F;
    border-radius: 4px;
    font-weight: bold;
    transition: background-color 0.3s, color 0.3s;
}

.pagination li strong:hover,
.pagination li strong:active {
    background-color: #EA771F;
    color: #fff;
}

.prev-page,
.next-page,
.jump-backward,
.jump-forward {
    cursor: pointer;
    padding: 8px 10px;
    font-size: 14px;
    color: #EA771F;
    border: 1px solid #EA771F;
    margin: 0 2px;
    border-radius: 4px;
    transition: background-color 0.3s, color 0.3s;
}

.prev-page:hover,
.next-page:hover,
.jump-backward:hover,
.jump-forward:hover,
.prev-page:active,
.next-page:active,
.jump-backward:active,
.jump-forward:active {
    background-color: #EA771F;
    color: #fff;
}

.pagination li.active a,
.pagination li strong {
    background-color: #EA771F;
    color: #fff;
    font-weight: bold;
    cursor: default;
    border: 1px solid #EA771F;
}
/* pagenation sky */
.paginationSky {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0 10px;
        justify-content: center;
}

.paginationSky li {
    margin: 0 5px;
}

.paginationSky li a {
    display: inline-block;
    padding: 8px 12px;
    font-size: 14px;
    color: #4A8FF5;
    text-decoration: none;
    border: 1px solid #4A8FF5;
    border-radius: 4px;
    transition: background-color 0.3s, color 0.3s;
}

.paginationSky li a:hover,
.paginationSky li a:active {
    background-color: #4A8FF5;
    color: #fff;
}

.paginationSky li strong {
    display: inline-block;
    padding: 8px 12px;
    font-size: 14px;
    color: #EA771F;
    border: 1px solid #4A8FF5;
    border-radius: 4px;
    font-weight: bold;
    transition: background-color 0.3s, color 0.3s;
}

.paginationSky li strong:hover,
.paginationSky li strong:active {
    background-color: #4A8FF5;
    color: #fff;
}

.prev-pageSky,
.next-pageSky,
.jump-backwardSky,
.jump-forwardSky {
    cursor: pointer;
    padding: 8px 10px;
    font-size: 14px;
    color: #4A8FF5;
    border: 1px solid #4A8FF5;
    margin: 0 2px;
    border-radius: 4px;
    transition: background-color 0.3s, color 0.3s;
}

.prev-pageSky:hover,
.next-pageSky:hover,
.jump-backwardSky:hover,
.jump-forwardSky:hover,
.prev-pageSky:active,
.next-pageSky:active,
.jump-backwardSky:active,
.jump-forwardSky:active {
    background-color: #4A8FF5;
    color: #fff;
}

.paginationSky li.active a,
.paginationSky li strong {
    background-color: #4A8FF5;
    color: #fff;
    font-weight: bold;
    cursor: default;
    border: 1px solid #4A8FF5;
}

.radio-group {
    display: flex;
    gap: 15px; /* 라디오 버튼 간 간격 */
    align-items: center; /* 버튼과 텍스트 정렬 */
}

.radio-group label {
    display: flex;
    align-items: center;
    gap: 5px; /* 버튼과 텍스트 간 간격 */
    font-size: 14px; /* 텍스트 크기 조정 */
    cursor: pointer; /* 클릭 가능한 스타일 */
}

.radio-group input[type="radio"] {
    accent-color: #007bff; /* 라디오 버튼 색상 변경 (브라우저 지원) */
    width: 16px;
    height: 16px;
}

.drop-zone {
  height: 130px !important; 
  padding: 0;
  overflow: hidden;
  position: relative;
}

.showImg_zone {
  height: 260px !important; 
  padding: 0;
  overflow: hidden;
  position: relative;
}

.editorDiv img {max-width: 100%; height: auto;}