/**
 제목 : devinfo 용 style css
 설명 : 
 
 201206 생성 
 240105 card UI 여백 삭제 개선 / 조승희
*/

/* mobile/pc UI */
/* PC */
@media (min-width: 576px) {
	.onlyPc {
	}
	.onlyMobile {
		display:none;
	}
	
	
	main {
	    min-height: 80vh; /* footer 는 최소 80% 이하에 붙게 됨 */
	}
	
}

/* MOBILE */
@media (max-width: 575px) {
	.onlyPc {
		display:none;
	}
	.onlyMobile {
		
	}
	
	
	main {
		overflow-x:hidden; /* 이제 좌우 넘치는것도 볼수 없게 되었어 - 안에서 스크롤 시켜야 함 240105*/
	    min-height: 80vh; /* footer 는 최소 80% 이하에 붙게 됨 */
	}
	
}

footer {
    z-index: 1030;
}

section {
	max-width : 1000px;	
}

.center {
	text-align : center;
}
/* BEGIN OF bootstrap 거 덮음 240105*/
/* 카드 여백 */
.container-fluid {
	margin : 0px;
	padding : 0px;
	overflow:hidden; /* 이제 좌우 넘치는것도 볼수 없게 되었어 - 안에서 스크롤 시켜야 함 240105*/
}


.cascading-admin-card {
    margin-top: 0px;
}

.fixed-sn main, .hidden-sn main {
    padding-top: 3rem;
}


/* 제목 영역 여백 */
.cascading-admin-card .admin-up {
    margin-top: 4%;
    border-bottom: 7px #4285f455 solid;
    padding-bottom: 4px;
}

/* 제목 아이콘 크기 줄이기*/
.admin-up .fas, .admin-up .far {
    padding: 0.7rem !important;
    float: left;
}

/* 제목 글씨 여백 */
.cascading-admin-card .admin-up .data {
	margin-top : 0;
	float: left;
}


@media (min-width: 576px) { /* PC */
	/*.card-body bootstrap 제공 기본 여백으로 사용 */ 
}


@media (max-width: 575px) { /* mobile */
	.card-body {
	    padding: 1.25rem 3px;
	}

}
/* END OF bootstrap 거 덮음 240105*/


#cateListTblDad {
	border : 1px solid #ddd;
	padding : 20px;
	border-radius : 5px;
	background : white;
	
}

#cateListTblDad .cateEle {
	list-style-type: none;	
}

/* #cateListTblDad .transparentBtn { 공통 사용으로 변경 */

#cateListTblDad .cateNo[data-depth="0"] {
	display : none;	
}

#cateListTblDad .cateNo[data-depth="1"] {
	background-color : red;	
}
#cateListTblDad .cateNo[data-depth="2"] {
	background-color : orange;	
}
#cateListTblDad .cateNo[data-depth="3"] {
	background-color : yellow;	
}
#cateListTblDad .cateNo[data-depth="4"] {
	background-color : green;	
}
#cateListTblDad .cateNo[data-depth="5"] {
	background-color : blue;	
}
#cateListTblDad .cateNo[data-depth="6"] {
	background-color : indigo;	
}
#cateListTblDad .cateNo[data-depth="7"] {
	background-color : violet;	
}


/** 사이트 전체 공통 *//** 사이트 전체 공통 *//** 사이트 전체 공통 *//** 사이트 전체 공통 *//** 사이트 전체 공통 */
.cateNo {
	border : 1px solid;
/* 	margin-right : 10px; */
	padding-left : 3px;
	padding-right : 3px;
	color : white;
	border-radius : 20px;
}
.cateNo[data-depth="0"] {
	display : none;	
}
.cateNo[data-depth="1"] {
	background-color : red;	
}
.cateNo[data-depth="2"] {
	background-color : orange;	
}
.cateNo[data-depth="3"] {
	background-color : yellow;	
}
.cateNo[data-depth="4"] {
	background-color : green;	
}
.cateNo[data-depth="5"] {
	background-color : blue;	
}
.cateNo[data-depth="6"] {
	background-color : indigo;	
}
.cateNo[data-depth="7"] {
	background-color : violet;	
}

.tdBtn {
	border-top: 1px solid #aaa !important;
	text-align: center;	
}

.hiddenUi {
	display: none!important;	
}

.transparentBtn { 
	margin-left : 10px;
	color : #efe;
	border-color : #efe;
	border-style : solid;
	background : white;
}


.transparentBtn:hover {
	margin-left : 10px;
	color : black;
	border-color : black;
}

.deleted, .deleted a, .deleted a:visited {
	color : #ccc !important;	
}

button.btnKte {
	padding: 0.6rem 1rem;
}

i.btnFvrt, i.btnAttn {
	font-size: 1.2rem;
} 

nav#paginationSmall, nav#pagination {
	display:table;
	margin-left : auto;
	margin-right: auto;
}

li.page-item a span, li.page-item a {
	font-size : 20px !important;
}

li.page-item.disabled a {
	color : #ddd !important;
}

.easyPagingBtn {
        width: 70px;
	    text-align: center;
	    margin-bottom: 5px;
	    height: 50px;
	    line-height: 35px;
	    vertical-align: middle;
	    border : 1px solid #E2E2E2 !important; 
}

a.ktePageLink.disabled {
	opacity:0.5;
}

/* 탭 좌우 여백 ex)커리큘럼 */
.md-tabs {
	/* 덮어씀 */
	margin-left : 0;
	margin-right : 0;
}

/*  모달 안쪽 여백 삭제  */
.know-modal-body {
	padding : 3px !important;
}

.know-tab-content {
	padding-left : 0;
	padding-right : 0;	
}

/* 게시물내 링크 */
/* 230402 tx-link 공통으로 모두 적용되게 변경함 */
 a.tx-link:link {
	color : blue;
}

 a.tx-link:visited{
	color : purple;
}

 a.tx-link:hover {
	background : cyan;
}

 a.tx-link:active {
	background : red;
}

.bbsPstInfo i {
	margin-right : 0.2em;
}


/* 카테고리 현재 위치 */
.nowLocation {
	font-size: 1.5em;
    font-weight: bolder;
}


a.ctgrLnk.nowLocation .cateNo {
	border: 0 !important;
}

/*공통 - 댓글 */

.tblReply .tdReply {
	padding-bottom : 2px;
}

.tblReply .tdNoReply {
}

.tblReply .tdReply .nickname {
	float : left;
	font-size : xx-small ;
}

.tblReply .tdReply .date {
	float : right;
	color : #aaa;
	font-size : xx-small;
}

.tblReply .tdReply .content {
	
}

.tblReply  .tdReplyWrite .nickname  {
	float : left;
	font-weight : bold;
}

 .tblReply .tdReplyWrite .date {
	float : right;
	font-weight : bold;
}


/* 댓글 작성 정보 관련 */
#frmReply .replyInfo span, #frmReply .replyInfo input {
	float:left;
}

.replyInfo .delPwd {
	width:160px;	
}

.ctgrClick:hover { /* 카테고리 */ 
	background-color: powderblue;
  transition: background-color .5s;
  cursor:pointer;
}

.ctgrUi {
	border : 1px solid #ddd;
	border-radius : 5px;	
	padding: 3px;
}

/* 카테고리 패스 */
.ctgrPath .ctgrTpNm {
	font-size : xx-small;
	color : #aaa;	
}

a.ctgrLnk {
	display : inline-block;
	background: white;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 6px;
    border-radius: 20px;
    margin-bottom: 1px !important;
    border: 3px solid #007bff;
    float:left;
    height : 30px;
 	vertical-align : middle;
 	margin-top : 5.5px !important;
}

a.ctgrLnk.nowLocation {
	margin-top : 0px !important;
	height : 41px;
    background-color: #007bff;
    color: white;

}


.ltIcon {
	 width: 40px !important;
    font-size: 30px;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    height: 40px;
    color : #007bff;
}

/** 아이콘에 취소선 긋기 ex : 링크>관리자 추천 켜기 - 끄기 */
.iconCancel {
	text-decoration: overline line-through underline;
}

.iconCancel2:after {
    position: relative;
    top: 2px;
    left: -13px;
    content: "\00d7";
    font-size: 14px;
    /* 20px 가 적당한데 밀어내 */
    color: black;
    opacity : 0.4;
}
					

table.table a {
	overflow-wrap: anywhere; /* 링크 길어저 body width 도 늘어나는것 방지 */ 
}

.tinyInfo {
	float : left;	
	text-align: center;
	margin-left : 3px;
	margin-right : 3px;
}

.diTable {
	border-left : none;
	border-right : none;
}

.diTable td {
	border-left : none;
	border-right : none;
}

.diTable td.smallPadding {
 	padding-top : 3px;
	padding-bottom : 3px;
}

.diTable .fieldTtl {
	color: #fff;
    background: #ff9800; 
    padding-top : 2px;
    padding-bottom: 2px;
    padding-left : 4px;
    padding-right : 4px;
    border-radius : 10px;
    margin-bottom: 1px;
    font-size : xx-small;
}

.lnkIcon {
	width : 20px;	
}

.btnBundleAttain .on {
	color : #33ff33 !important;
}

.btnBundleAttain .off {
	color : #9e9e9e  !important;
}


/** 사이트 전체 공통 끝*//** 사이트 전체 공통 끝*//** 사이트 전체 공통 끝*//** 사이트 전체 공통 끝*//** 사이트 전체 공통 끝*/

/** 홈 화면 *//** 홈 화면 *//** 홈 화면 *//** 홈 화면 *//** 홈 화면 *//** 홈 화면 *//** 홈 화면 */
#diHome .card {
	min-height : 400px;
}

#diHome .table td, #diHome .table th {
	padding-top:3px;
	padding-bottom: 3px;	
}

/*
	최근링크 목록
*/
#diHome .tblLinkList {
	
}
#diHome .tblLinkList th {
	text-align : center;
}

#diHome .tblLinkList .link {
	 max-width:100px; /* 최대크기 제한되어야 주소 길어져도 늘어나지 않음*/ 
	 overflow:hidden;
     text-overflow:ellipsis;
     white-space:nowrap;
}

#diHome .tblLinkList .link2 { /* 바로가기*/
	 max-width:10px;  
}

#diHome .tblLinkList .title {
	 max-width:100px; /* 최대크기 제한되어야 주소 길어져도 늘어나지 않음*/ 
	 overflow:hidden;
     text-overflow:ellipsis;
     white-space:nowrap;
}

#diHome .tblLinkList .recomm {
	min-width : 60px; /* 2글자 제목 개행되지 않는 최소 너비*/	
	text-align : center;
}

/*
 최근게시물 목록 
*/
#diHome .tblPostList th {
	text-align : center;
}


#diHome .tblPostList .no { 
	min-width:60px;	/* 2글자 제목 개행되지 않는 최소 너비*/
	text-align : center;
}


#diHome .tblPostList .title {
	 max-width:100px; /* 최대크기 제한되어야 주소 길어져도 늘어나지 않음*/ 
	 overflow:hidden;
     text-overflow:ellipsis;
     white-space:nowrap;
     min-width : 60px; /* 2글자 제목 개행되지 않는 크기 */  
}


#diHome .tblPostList .link2 { /* 바로가기*/
	 max-width:10px;  
}

#diHome .tblPostList .user { 
	min-width:60px;	/* 2글자 제목 개행되지 않는 최소 너비*/
	text-align : center;
}


#diHome .tblPostList .recomm { 
	min-width:60px;	/* 2글자 제목 개행되지 않는 최소 너비*/
	text-align : center;
}


/* /link 링크*//* /link 링크*//* /link 링크*//* /link 링크*//* /link 링크*//* /link 링크*/

#diLink .table td, #diLink .table th {
	padding-top:3px;
	padding-bottom: 3px;	
}

#diLink .table th {
	text-align : center;	
	font-weight : bold;
}

#diLink .tblLinkList .no { 
	min-width:60px;	/* 2글자 제목 개행되지 않는 최소 너비*/
	text-align : center;
}

#diLink .tblLinkList .link {
	 max-width:100px; /* 최대크기 제한되어야 주소 길어져도 늘어나지 않음*/ 
	 overflow:hidden;
     text-overflow:ellipsis;
     white-space:nowrap;
     min-width : 60px; /* 2글자 제목 개행되지 않는 크기 */  
}


#diLink .tblLinkList .title {
	 max-width:100px; /* 최대크기 제한되어야 주소 길어져도 늘어나지 않음*/ 
	 overflow:hidden;
     text-overflow:ellipsis;
     white-space:nowrap;
     min-width : 60px; /* 2글자 제목 개행되지 않는 크기 */  
}


#diLink .tblLinkList .link2 { /* 바로가기*/
	 max-width:10px;  
}

#diLink .tblLinkList .recomm { 
	min-width:60px;	/* 2글자 제목 개행되지 않는 최소 너비*/
	text-align : center;
}


#diLink .tblLinkList .hit { 
	min-width:60px;	/* 2글자 제목 개행되지 않는 최소 너비*/
	text-align : center;
}

#diLink .tblLinkList .user {
	text-align : center;
}


#diLink .tblLinkList .dscr {
	font-size : small;
	color : #777;
}

#diLink .tblLinkList .cdStts {
	color : orange;
}

#diLink .tblLinkList .ctgrNm a {
	color : #ccc;
}

#diLinkDtl th {
	text-align : center;
}



#diLinkDtl .gray {
color : #aaa !important;	
}


#diLinkDtl .tblLnkDtl td {
	border-left : none;
	border-right : none;
	padding-top : 3px;
	padding-bottom : 3px;
}


/* /link 링크 끝 *//* /link 링크 끝 *//* /link 링크 끝 *//* /link 링크 끝 *//* /link 링크 끝 *//* /link 링크 끝 *//* /link 링크 끝 */

/* /bbs 게시판*//* /bbs 게시판*//* /bbs 게시판*//* /bbs 게시판*//* /bbs 게시판*//* /bbs 게시판*//* /bbs 게시판*/
#diBbs .table td, #diBbs .table th {
	padding-top:3px;
	padding-bottom: 3px;	
	min-width:60px;	/* 2글자 제목 개행되지 않는 최소 너비*/
}

#diBbs .table th {
	text-align : center;	
/* 	font-weight : bold; */
}


#diBbs .tblPostList .no { 
	min-width:60px;	/* 2글자 제목 개행되지 않는 최소 너비*/
	text-align : center;
}

#diBbs .tblPostList .title {
	 max-width:100px; /* 최대크기 제한되어야 주소 길어져도 늘어나지 않음*/ 
	 overflow:hidden;
     text-overflow:ellipsis;
     white-space:nowrap;
     min-width : 60px; /* 2글자 제목 개행되지 않는 크기 */  
}


#diBbs .tblPostList .link2 { /* 바로가기*/
	 max-width:10px;  
}

#diBbs .tblPostList .recomm { 
	min-width:60px;	/* 2글자 제목 개행되지 않는 최소 너비*/
	text-align : center;
}


#diBbs .tblPostList .hit { 
	min-width:60px;	/* 2글자 제목 개행되지 않는 최소 너비*/
	text-align : center;
}

#diBbs .tblPostList .user {
	text-align : center;
}

.cdWrtrTp_ADM {
	color : red !important;
}

.cdWrtrTp_USR{
	color : black !important;
}

.cdWrtrTp_NUS {
	/*기본값 대로 회색 */
}

#diBbs .pstContent {
	padding : 20px 10px 20px 10px !important;
	/* min-height : 400px !important; 왜 안먹히지? */	
}

.tblPostList .smallFont, .tblLinkList .smallFont {
	font-size : xx-small;
	color : gray;
	padding-left : 1px;
	padding-right : 1px;
	text-align : center;
	min-width:60px;	/* 2글자 제목 개행되지 않는 최소 너비*/
}

.tblPostList a {
	display:inline-block;
	width: 100%;
}

#ctgr #cateListTblDad li span.ctgr:hover {
	cursor : pointer;
}

#ctgr #cateListTblDad li span.selected {
	border : 1px solid red;	
}

/* /bbs 게시판 끝 *//* /bbs 게시판 끝 *//* /bbs 게시판 끝 *//* /bbs 게시판 끝 *//* /bbs 게시판 끝 *//* /bbs 게시판 끝 *//* /bbs 게시판 끝 */



/* 에디터 관련 */
.editorContainer {
	max-width:700px;
/* 	margin-left : auto; */
/* 	margin-right : auto; */
}


/* 카테고리 에디터 */
#ctgrClsList .selected {
	background : yellow;
}

/** 목록에서 비중요 정보 / ex:대시보드 게시물목록 조회수 등 */ 
.rowInfo {
	float: right;
    color: #ccc;
    font-size: x-small;
}

.rowInfo .field {
	margin-left: 5px;
}

/** 게시물 상세 /pstDtl *//** 게시물 상세 /pstDtl *//** 게시물 상세 /pstDtl *//** 게시물 상세 /pstDtl *//** 게시물 상세 /pstDtl *//** 게시물 상세 /pstDtl */
/** 게시물 상세정보 */
#diBbsDtl .tblContent {
	border : none;	
}

#diBbsDtl .pstContent2 {
	min-height : 200px;
}

#diBbsDtl .tblContent td {
	padding : 0px;
	border : none;	
} 

#diBbsDtl .trPstInfo td {
	border-bottom : 1px solid #aaa;
}

#diBbsDtl .trTitle td {
	border-bottom : 1px solid #aaa;
	font-size : large;
	padding-top : 10px;
	padding-bottom: 10px;
	font-weight: bolder;
}


#diBbsDtl .trContent td {
	padding-top : 10px;
}


#diBbsDtl .bbsPstInfo {
	margin-top : 3px;
}

#diBbsDtl .bbsPstInfo .field {
	margin-left: 10px;
}

.bbsPstTable td {
	padding-left : 0;
	padding-right : 0;
}

/** 게시물 상세 /pstDtl 끝*//** 게시물 상세 /pstDtl 끝*//** 게시물 상세 /pstDtl 끝*//** 게시물 상세 /pstDtl 끝*//** 게시물 상세 /pstDtl 끝*//** 게시물 상세 /pstDtl 끝*/

/** 비교표 *//** 비교표 *//** 비교표 *//** 비교표 *//** 비교표 */
#diChtView {
	width: fit-content;
}

#diChtView section {
	max-width : none;
}

#diChtView th.contents {
	min-width : 150px;
}
	

#diChtView .btnModify {
	border : 1px solid red;
	color : red;
	position: absolute; 
	top: 0px; 
    left:0px; 
}

#diChtView .tdContent {
	 position: relative; 
}
#diChtView .btnSetExtend {
    position: absolute;
    top: 0; 
    right: 0px; 
    background: yellow;
    padding-left : 1px;
    padding-right : 1px;
}

#diChtView .reduceCntnt {
	height: 40px;
	overflow : hidden;
}

/** 행 이름 너비 임시 지정 */
#diChtView td div.rowNm {
	width : 200px;
}

#diCht .chtFvrt .on {
/* 	color : yellow; */
}

#diChtView #tblCht_noFilterContent {
	min-width : 350px;	
}

#diChtView #tblCht_noFilterContent th {
	font-weight : bolder;
}

#diChtView #tblWidthControll {
    width: 100vw;
    overflow-x: auto; /* scroll 인 경우 PC 인 경우에도 언제나 비활성화된 스크롤바가 나타남 */
    padding-right: 50px;
}

/** 비교표 끝 *//** 비교표 끝 *//** 비교표 끝 *//** 비교표 끝 *//** 비교표 끝 */
/** 애플리케이션 메뉴 *//** 애플리케이션 메뉴 *//** 애플리케이션 메뉴 *//** 애플리케이션 메뉴 *//** 애플리케이션 메뉴 */
#diAppMain #appList .tdNm {
	font-size : large;
	font-weight : bolder;
}

#diAppMain #appList .tdInfo {
	text-align : left;
}

#diAppMain #appList .tdInfo span {
	display:block;
}
/* 모바일용 에서 제목 강조 */
#diAppMain #appList .tdInfo .nm {
	font-size : large;
	font-weight : bolder;
}

#diAppMain #appList td {
	 text-align: center;
}

#diAppMain #appList a {
	
}

/* 애플리케이션 메뉴 끝*//* 애플리케이션 메뉴 끝*//* 애플리케이션 메뉴 끝*//* 애플리케이션 메뉴 끝*//* 애플리케이션 메뉴 끝*//* 애플리케이션 메뉴 끝*/
/** 사과필터 *//** 사과필터 *//** 사과필터 *//** 사과필터 *//** 사과필터 *//** 사과필터 */
#diAppleFilter .intro1 {
	margin-bottom: 10px;
}

#diAppleFilter img {
/* width: 100%; */
/* object-fit: contain; */

}

/** 사과필터 끝 *//** 사과필터 끝 *//** 사과필터 끝 *//** 사과필터 끝 *//** 사과필터 끝 */



/** 회원메뉴  *//** 회원메뉴  *//** 회원메뉴  *//** 회원메뉴  *//** 회원메뉴  *//** 회원메뉴  */

#diMember .memberTabTitle {
	margin-left: 0;
    margin-right: 0;
}

#diMember .knowAttainLi {
	list-style-type : none;	
}

#diMember .noKnowAttainResult {
	  text-align: center;
}


/** 지식트리 *//** 지식트리 *//** 지식트리 *//** 지식트리 *//** 지식트리 *//** 지식트리 *//** 지식트리 *//** 지식트리 */
#diKnwScrpt #scrptList {
	width : 200px;
	border : 1px solid;
	float:left;
}

#diKnwScrpt #scrptEdit {
	width : 800px;
	float:left;
}

.scrptTextarea {
	width : 100%;
	height : 500px;	
}


.modal-body .representativeUrl {
/* 	margin-left : 20px;	 */
}

.deactive {
  opacity:0.65
}

/* 랜덤 이미지 *//* 랜덤 이미지 *//* 랜덤 이미지 *//* 랜덤 이미지 *//* 랜덤 이미지 *//* 랜덤 이미지 *//* 랜덤 이미지 *//* 랜덤 이미지 */
#randomImg .input{
	width : 65px;
}

#randomImg .siteLink {
              		font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
              		background-color: #ebeef0;
              		border-radius: 4px;
              		margin-bottom: 2em;
    				margin-top: 1em;
    				padding: 1em;
    				width: 100%;
    				max-width: 465px;
}


#randomImg .title {
	font-size: 1.5rem;
	font-family: Roboto,sans-serif;
	font-weight: 600 !important;
	margin-bottom: 0.5em;
}

#randomImg .content {
	padding: 100px 0;
}

#randomImg .content-2 {
	flex-direction: row-reverse;
}

#randomImg img {
	border-radius: 0.375rem !important;
	box-shadow: 0 2px 25px -5px rgba(0, 0, 0, .16), 0 25px 21px -5px
		rgba(0, 0, 0, .1) !important;
	margin-bottom: 0.5em;
}

#randomImg .input-group {
	align-items: center; /* 텍스트 상하 가운데 정렬 */
	text-align:center;
}

#randomImg .input-group input {
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}


/* 소개 */
.introMyName
{
  display: flex;
  align-items: center;
}

.introContent {
	margin-left: auto;
    margin-right: auto;
}