@charset "utf8";

/* ------------------------------------------------------------------- */
/* Media Queries */

/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.keyword_wrapper .input_search {line-height : 45px;}
	/* li ul.menu-sub i.menu-arrow-no {right : 191px;} */
	.content-body {padding:28px 20px;}
	.lst-cond_bg input, .lst-cond_bg input[type='text'] {line-height: 0px;}
}

/*
 * 1024px 이상 일 때
 */
@media all and (min-width: 1025px) {
	.app-tool {display: block !important;}
}


/*
 * 13인치 노트북 기준
 */
@media (max-width : 1280px) {
	.portal-contents .content-col {
		margin-bottom: 10px;
	}
	.portal .info-box {
		min-height: 200px;
	}
}

/*
 * 13인치 노트북 기준
 */
@media (max-width : 1100px) {
	.form-field {
		width: 100%;
		max-width: 100%;
		flex: 0 0 100%;
	}
}


/*
 * IPad 기준으로 패드 스타일 정의함
 * 화면 너비 0~1024px
*/
@media (max-width : 1024px) {
	.testUser {
		display: none;
	}
	.console-setting {
		display: none;
	}
	.main-article {
		padding-left: 0;
	}
	.main-nav.m-toggled {display: block;}
	.main-article.m-toggled { margin-left : 260px !important; }
	.head-r-middle {width: 43%;}
	.user-menu .userInfo { top:50px}
	.dashboard #logo {margin-right: 10px;}
	.user-menu-countent .userInfo {top:76px;}
	.page-header {margin-top: -46px;}
	.dialog_form { top: 52px !important; }
	.app-tool .tool-item {
		margin-right: 0px;
	}

	/* header total search */
	.user-menu-countent.active {
		top: 52px;
	}
	.egene-root:not(.pms) #header .contain {
		justify-content: inherit;
	}
	.center-side {
		margin: 5px 0 0;
	}

	#app-tool-btn {
		display: block;
		text-align: center;
		width: 35px; height: 35px;
		position: absolute; top: 8px; right: 10px;
		cursor: pointer;
		border: 0; border-radius: 50%;
		background-color: transparent;
		z-index: 11;
	}
	#app-tool-btn.on {
		color: #fff;
	}
	#app-tool-btn.on i {
		color: #fff;
	}
	#app-tool-btn.on i:before {
		content: '\f00d'
	}

	.app-tool {
		opacity: 1;
		transition: all 0.3s ease;
	}
	.app-tool.on {
		opacity: 1;
		margin-right: 45px;
	}
	.egene-root .right-side {
		position: absolute;
		top: 6px;
		right: 7px;
		z-index: 1;
		height: 39px;
		transition: all 0.3s ease;
		transform: translateX(120%);
	}
	.right-side.on {
		transform: translateX(0);
		background: #f9fbfd;
	}

	.app-tool .tool-item:first-child {
		margin-right: 5px;
	}
	.comment-new-list {
		right: -100px !important;
	}

	/* userinfo */
	.userInfo .group-count-all,
	.userInfo .group-list {
		float: none;
		max-width: 100%;
	}
	.group-user-Infomation {
		padding: 20px;
	}

	/* xportal */
	.srm-req-link-heading .info-box {
		padding: 15px !important;
	}
	.portal .info-box {
		min-height: 250px;
	}
	.portal .info-box + div {
		display: none;
	}

	.portal-contents .content-row.content-list .row {
		display: block;
	}

	.portal-contents .content-row.content-list .content-col {
		float: none;
		width: 100%;
	}

	/* doc portal */
	.portal-doc .recent-doc {
		flex-wrap: wrap;
	}
	.portal-doc .recent-doc > li {
		width: 50%;
		margin-bottom: 15px;
	}
	.portal-doc .recent-doc > li:nth-child(2n) .doc-item {
		margin-right: 0;
	}
}

/*

@media (min-width: 1000px) and (max-width : 1099px) {
	.user-menu-countent .userInfo {width: 1046px;}
}

@media (min-width : 900px) and (max-width : 1200px) {
	#navigation {width: 202px;}
	.head-r-middle {width: 27%;}
}

@media (max-width : 900px) {
	.user-menu-countent .userInfo  { top : 158px; }
	.menu-nav.m-toggled {margin-top : 82px !important;}
}

@media (min-width: 876px) and (max-width : 999px) {
	.user-menu-countent .userInfo {width: 940px;}
}

@media (min-width: 770px) and (max-width : 875px) {
	.user-menu-countent .userInfo {width: 100%;}
}

/*
화면 너비 0~768px
 */

@media (max-width : 768px) {
	/* .head-r-group { width: 50%; }
	.right-side > div:first-child {padding-bottom: 10px;}
	.testUser {width: 50%; padding-left: 47px; padding-top:10px}
	.rel-top .button {float:left; } */
	/* xportal */.srm-req-link-heading .info-box {min-height: auto;}
}
/**
 * IPad 기준으로 767 이하는 모바일 스타일 정의함
 */
@media (max-width : 767px) {
	.dashboard #logo {display: none;}
	.user-menu-countent .userInfo { top : 52px; width : 100%;}
	.user-menu-countent.active .userInfo { padding-left:0;  position : fixed; display: flex; height: 500px; }
	.row.all_group { height : 100%; overflow-y : scroll; overflow-x : hidden; width : 100%;}
	.group-count { width: 50%;}
}

/*
@media (min-width : 600px) and (max-width : 900px) {
 	.menu-nav.m-toggled {margin-top : 97px !important;}
}

@media (min-width : 600px) and (max-width : 895px) {
	.page-header {margin-top : 0 !important;;}
}

@media (max-width : 600px) {
	.row.userInfo > div:nth-child(2) { left: 220px;}
	.page-header {margin-top: 76px;}
	#head .history{display: none;}
	.menu-nav.m-toggled {margin-top : 98px !important;}
	.list-top >div.top-btn {padding-left: 0}
}

@media screen and (min-width: 481px) and (max-width: 767px) {
}

@media screen and (max-width: 480px) {
}
*/

@media (max-width : 600px) {
	.total-search .input-search,
	.total-search .input-search:focus {
		width: 400px;
	}
}

@media (max-width : 500px) {
	.total-search .input-search,
	.total-search .input-search:focus {
		width: 300px;
	}
}

@media (max-width : 400px) {
	.total-search .input-search,
	.total-search .input-search:focus {
		width: 250px;
	}
}


/* ------------------------------------------------------------------- */
/*FullScreen Contents 와 category 영역 size*/
#GLeft_wrap {width: 40%;}
#GRight_wrap {width: 60%;}
.form-categories-mini {display: none;}