/***********************************
responsive website design style
***********************************/
@media screen and (min-width:50em) {
	.user-wrap.mobile {
		--nd-user-padding-x: 0;
	}
}

#grid-container {
	display: flex;
	flex-wrap: wrap;
	gap: 5rem;
}
#grid-container > .grid {
	flex: 0 0 auto;
	min-width: 0;
}
#grid-container > .grid.side {
	width: 240px;
}
#grid-container > .grid.body {
	flex: 1 1 0;
	max-width: 100%;
}
@media screen and (max-width:49.99875em) {
	#grid-container {margin:1.25rem 0}
	#grid-container > .grid {width:100%}
	#grid-container > .grid.side {display:none}
}

/***********************************
* 소개페이지
***********************************/
.about-us {letter-spacing:-.05em}

/* 창립선언문 */
.about-us.com-1 {position:relative}
.about-us.com-1 .com-bg-img {position:absolute;z-index:-1;top:0;right:0}
.about-us.com-1 .header {position:relative;gap:1.5rem;margin-bottom:1.5rem}
.about-us.com-1 .header .mark-img {gap:.625rem;flex:0 0 auto;width:90px;font-size:.875rem;font-weight:400}
.about-us.com-1 .header .heading {margin:0;font-size:2.125rem;font-weight:500;letter-spacing:-.075em}
.about-us.com-1 .header .heading > p {margin:.625rem 0 0;font-size:1.063rem;font-weight:500;color:var(--nd-gray-600);line-height:1.5}
.about-us.com-1 .content {}
.about-us.com-1 .content > p {font-size:1.063rem;color:var(--nd-gray-600);text-align:justify}
.about-us.com-1 .content > p > strong {display:block;margin-top:.625rem;font-size:1.25rem;color:var(--nd-dark, #222);text-decoration:underline}
.about-us.com-1 .content .sign {margin-top:2.5rem;font-family: "Nanum Brush Script", cursive;font-size:2.5rem;text-align:right}

@media print, screen and (max-width: 49.99875em) {
	.about-us.com-1 .com-bg-img {display:none}
	.about-us.com-1 .header .heading {font-size:1.875rem}
	.about-us.com-1 .header .heading > p {margin:.625rem 0 0;font-size:1.063rem;font-weight:500;color:var(--nd-gray-600);line-height:1.5}
}

/* 그린넷현장 */
.about-us.com-3 {position:relative}
.about-us.com-3 .header {margin-bottom:2.5rem}
.about-us.com-3 .content > p {font-size:1.063rem;color:var(--nd-gray-600);text-align:justify}
@media print, screen and (max-width: 49.99875em) {
}

/* 연혁(com-4 / com-8-2) */
.about-us.com-history .group {display:flex;flex-wrap:wrap;gap:5rem}
.about-us.com-history .group + .group {margin-top:2.5rem;padding-top:2.5rem;border-top:3px dashed var(--nd-gray-200)}
.about-us.com-history .group-year {flex:0 0 auto;width:220px;font-family: "Josefin Sans", sans-serif;font-style:italic;font-size:5rem;font-weight:700;color:var(--nd-primary);line-height:1}
.about-us.com-history .group-content {flex:1 1 0;max-width:100%;min-width:0}
.about-us.com-history .group-content .item {display:flex;flex-wrap:wrap;gap:.9375rem}
.about-us.com-history .group-content .item + .item {margin-top:.9375rem}
.about-us.com-history .group-content .item > .month {flex:0 0 auto;width:60px;font-weight:700}
.about-us.com-history .group-content .item > ul {flex:1 1 0;max-width:100%;min-width:0;margin:0}
.about-us.com-history .group-content .item > ul > li {color:var(--nd-gray-600)}
@media print, screen and (max-width: 49.99875em) {
	.about-us.com-history .group {flex-direction:column;gap:1.875rem;}
}

/* 임원(com-5 / com-8-3) */
.about-us.com-employee .group {display:flex;flex-wrap:wrap;align-items:stretch;gap:2%}
.about-us.com-employee .group + .group {margin-top:1.25rem}
.about-us.com-employee .group .group-item {flex:0 0 auto;width:49%;padding:1.25rem;border:1px solid var(--nd-gray-200);background-color:var(--nd-white, #fff)}
.about-us.com-employee .group .group-title {display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.625rem;font-size:1.25rem;font-weight:600;color:var(--nd-primary)}
.about-us.com-employee .group .group-title::before {content:'';width:.375rem;height:.375rem;background-color:var(--nd-primary);border-radius:50%}
.about-us.com-employee .group .con-item {font-weight:500}
@media print, screen and (max-width: 49.99875em) {
	.about-us.com-employee .group {flex-direction:column;gap:1.25rem}
	.about-us.com-employee .group .group-item {width:100%}
}

/* 기구표(조직도 - com-6 / com-8-4) */
.about-us.com-chart .content {display:flex;flex-wrap:wrap;align-items:center}
.about-us.com-chart .title {position:relative;flex:1 1 0;max-width:100%;min-width:0;margin-bottom:0;font-size:2.5rem;font-weight:700;line-height:1}
.about-us.com-chart .title::before {content:'';position:absolute;top:50%;right:2.5rem;width:90px;border-width:1px 0 0 0;border-style:solid;border-color:var(--nd-black);transform:translateY(-50%)}
.about-us.com-chart .title > span {display:block;margin-top:.5rem;font-size:1.5rem;font-weight:400;color:var(--nd-secondary)}
.about-us.com-chart .chart-image {flex:0 0 auto;width:524px;min-width:0}
@media print, screen and (max-width: 49.99875em) {
	.about-us.com-chart .content {flex-direction:column}
	.about-us.com-chart .title {margin-bottom:50px;padding-bottom:90px;text-align:center}
	.about-us.com-chart .title::before {top:initial;bottom:0;left:50%;right:initial;width:0;height:50px;border-width:0 0 0 1px;transform:translate(-50%, 0)}
	.about-us.com-chart .chart-image {width:100%}
}

/* 상징로고 */
.about-us.com-7 {text-align:center}
.about-us.com-7 .content {display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;gap:1.5rem}
.about-us.com-7 .ci-image {}
.about-us.com-7 .down-btn {padding:.5rem 1.25rem;color:var(--nd-white, #fff);background-color:var(--nd-primary);border-radius:.5rem;transition:all .2s ease-in-out}
.about-us.com-7 .down-btn:hover {text-decoration:none;background-color:var(--nd-dark, #222)}
.about-us.com-7 .ci-summary {margin:0;padding:1.25rem;border:5px solid var(--nd-gray-200)}
@media print, screen and (max-width: 49.99875em) {
}

/* 통합전 구 약속재단 */
.about-us.com-8 .tabs-wrap {
	/* tab navs */
	--nd-tabs-border-width: 0;
	--nd-tabs-link-padding-x: 1.25rem;
	--nd-tabs-link-padding-y: .625rem;
	--nd-tabs-link-font-size: 1.125rem;
	--nd-tabs-link-active-color: var(--nd-white, #fff);
	--nd-tabs-link-bg: var(--nd-gray-200);
	--nd-tabs-link-hover-bg: var(--nd-gray-400);
	--nd-tabs-link-active-bg: var(--nd-primary);
}
@media print, screen and (max-width: 49.99875em) {
	.about-us.com-8 .tabs-wrap .tabs-item {flex:0 0 auto;width:50%}
}

/* 통합전 - 창립선언문 */
.about-us.com-8-1 {position:relative}
.about-us.com-8-1 .header {display:flex;flex-wrap:wrap;align-items:center;gap:2.5rem;margin-bottom:2.5rem}
.about-us.com-8-1 .heading {flex:1 1 0;max-width:100%;min-width:0;margin:0;font-size:2.125rem;font-weight:500;letter-spacing:-.075em}
.about-us.com-8-1 .heading > p {margin:.625rem 0 0;font-size:1.063rem;font-weight:500;color:var(--nd-gray-600);line-height:1.5}
.about-us.com-8-1 .com-logo {flex:0 0 auto;width:150px}
.about-us.com-8-1 .content > p {font-size:1rem;color:var(--nd-gray-600);text-align:justify}
.about-us.com-8-1 .content > p > strong {display:block;margin-top:.625rem;font-size:1.25rem;color:var(--nd-dark, #222);text-decoration:underline}
.about-us.com-8-1 .content .com-image {display:flex;flex-wrap:wrap;justify-content:flex-start;gap:1.25rem;margin:1.875rem 0}
.about-us.com-8-1 .content .promise {margin-top:2.5rem;padding:2.5rem;border:3px solid var(--nd-gray-200)}
.about-us.com-8-1 .content .promise .item {font-size:1.125rem;font-weight:500;line-height:1}
.about-us.com-8-1 .content .promise .item + .item {margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--nd-gray-200)}
.about-us.com-8-1 .content .promise .item .item-title {display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.625rem;font-size:1.25rem;font-weight:600;color:var(--nd-primary)}
.about-us.com-8-1 .content .promise .item .item-title::before {content:'';width:.375rem;height:.375rem;background-color:var(--nd-primary);border-radius:50%}
.about-us.com-8-1 .content .promise .item p {margin:0}
@media print, screen and (max-width: 49.99875em) {
	.about-us.com-8-1 .header {flex-direction:column-reverse}
	.about-us.com-8-1 .header .heading {font-size:1.875rem;text-align:center}
	.about-us.com-8-1 .header .heading > p {margin:.625rem 0 0;font-size:1.063rem;font-weight:500;color:var(--nd-gray-600);line-height:1.5}
}

/* 통합전 - 임원 */
.about-us.com-8-3 {background:url('/image/company/com8-3-bg2.jpg') no-repeat;background-position:top right}
@media print, screen and (max-width: 49.99875em) {
	.about-us.com-8-3 {padding-bottom:300px;background-position:bottom right}
}


/***********************************
* 게시판
***********************************/
/* 검색 */
#user-wrap.mobile .bbs-search {align-items:center;justify-content:center;width:100%;margin:0 auto;padding:1.25rem;background-color:#f4f4f4}