﻿/* 컨텐츠 관리 - 사용자 조회 */
.cntView_prgrm h3 {border-top: 2px solid #007cd6; border-bottom: 1px solid #ccc; padding: min(1rem, 4vw) 0; font-size: var(--font-size-024); color: #000; font-weight: 700; text-align: center;}
.cntView_prgrm .conWr {border-bottom: 1px solid #ccc; padding: 2rem 1.75rem 2.75rem;}
.cntView_prgrm .conWr .imgWr {display: flex; justify-content: center; align-items: center; border-radius: 1rem 0 2rem 0; background: #fafafa; font-size: 0; line-height: 0; overflow: hidden;}
.cntView_prgrm .conWr .imgWr img {max-width: 100%; object-fit: cover;}
.cntView_prgrm .conWr .txtWr,
.cntView_prgrm .conWr .txtWr + .edtWr {border-top: 2px dotted #999; padding-top: 2rem; margin-top: 2.25rem;}
.cntView_prgrm .btns {margin: 2.5rem 0 0;}



/* 사이트맵 */
.sitemap a {display: block; position: relative;}
.sitemap .depth01 > ul > li {display: flex; align-items: flex-start; border-bottom: 1px solid #ddd; padding: max(1rem, calc(var(--content-white-space) * 0.35)) 0;}
.sitemap .depth01 > ul > li:first-child {padding-top: 0;}
.sitemap .depth01 > ul > li > a {flex-shrink: 0; width: 11rem; padding: calc(((var(--font-size-018) * 2.78) - (var(--font-size-025) * 1.6)) * 0.5) 0; padding-right: 1rem; font-size: var(--font-size-025); color: #0c4eb1; font-weight: 700; word-break: break-all;}
.sitemap .depth02 {flex: 1; font-size: var(--font-size-018);}
.sitemap .depth02 > ul {display: flex; flex-wrap: wrap; margin: -0.56em;}
.sitemap .depth02 > ul > li {width: 20%; padding: 0.56em;}
.sitemap .depth02 > ul > li > a {display: flex; justify-content: space-between; border-radius: 1.39em; border: 1px solid #b2bfd3; background: #f2f6fc; padding: 0.55em 0.83em; font-weight: 700;}
.sitemap .depth02 > ul > li > a::after {display: flex; justify-content: center; align-items: center; width: 1.39em; height: 1.39em; border-radius: 50%; top: 0.1em;}
.sitemap .depth02 > ul > li > a > span {padding-left: 0.56em;}
.sitemap .depth03 {font-size: var(--font-size-017);}
.sitemap .depth03 > ul {padding: 0.58em 0.58em 0;}
.sitemap .depth03 > ul > li > a {padding: 0.125rem 0; padding-left: calc(4px + 0.58em); position: relative;}
.sitemap .depth03 > ul > li > a > span {background-image: linear-gradient(transparent calc(100% - 1px), #111 calc(100% - 1px)); background-position: left bottom; background-size: 0 1px; background-repeat: no-repeat;}
.sitemap .depth03 > ul > li > a::before {content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; background: #ccc; position: absolute; left: 0; top: calc(0.925em - 2px);}
.sitemap .depth04 {font-size: var(--font-size-016);}
.sitemap .depth04 > ul {border-radius: 0.5rem; background: #f7f7f7; padding: 0.75em 1.25em; margin: 0.625em 0;}
.sitemap .depth04 > ul > li > a {padding: 0.15em 0; padding-left: calc(5px + 0.5em); color: #555;}
.sitemap .depth04 > ul > li > a::before {content: ""; display: block; width: 5px; height: 1px; background: #777; position: absolute; left: 0; top: calc(0.95em - 1px);}
/* 사이트맵 : xeicon */
.sitemap a::after {font-family: 'xeicon'; display: inline-block; font-weight: 400; margin-left: 0.25em; position: relative; top: 0.05em;}
.sitemap a[target="_blank"]::after {content: "\e980";}
.sitemap .depth02 > ul > li.dep > a::after {content: "\e93f";}
/* 사이트맵 : active */
.sitemap .depth02 > ul > li > a,
.sitemap .depth02 > ul > li > a::after,
.sitemap .depth03 > ul > li > a,
.sitemap .depth03 > ul > li > a > span,
.sitemap .depth04 > ul > li > a {transition: var(--trst-short);}
.sitemap .depth02 > ul > li.on > a {border-color: #42597b; background: #fff;}
.sitemap .depth02 > ul > li.on > a::after {background: #42597b; color: #fff;}
.sitemap .depth03 > ul > li.on > a {font-weight: 700;}
.sitemap .depth03 > ul > li.on > a > span {background-size: 100% 1px;}
.sitemap .depth04 > ul > li.on > a {color: #111; font-weight: 500;}



@media screen and (max-width: 1440px) {

	/* 사이트맵 */
	.sitemap .depth02 > ul > li {width: 25%;}
}



@media screen and (max-width: 1240px) {

	/* 컨텐츠 관리 - 사용자 조회 */
	.cntView_prgrm .conWr {padding: 1.5rem 1rem 2.25rem;}
	.cntView_prgrm .conWr .txtWr,
	.cntView_prgrm .conWr .edtWr {padding-top: 1.5rem; margin-top: 1.75rem;}
	.cntView_prgrm .btns {margin-top: 2rem;}

	/* 사이트맵 */
	.sitemap .depth02 > ul > li {width: calc(100% / 3);}
}



@media screen and (max-width: 1024px) {

	/* 사이트맵 */
	.sitemap .depth01 > ul > li > a {width: 9.5rem;}
}



@media screen and (max-width: 768px) {

	/* 사이트맵 */
	.sitemap .depth01 > ul > li {display: block;}
	.sitemap .depth01 > ul > li > a {width: unset; padding: 0;}
	.sitemap .depth02 {margin-top: 0.5em;}
}



@media screen and (max-width: 680px) {}



@media screen and (max-width: 580px) {

	/* 사이트맵 */
	.sitemap .depth02 > ul > li {width: 50%;}
}



@media screen and (max-width: 480px) {}



@media screen and (max-width: 380px) {

	/* 컨텐츠 관리 - 사용자 조회 */
	.cntView_prgrm .conWr {padding: 1.25rem 0.75rem 2rem;}

	/* 사이트맵 */
	.sitemap .depth02 > ul {margin: -0.5em;}
	.sitemap .depth02 > ul > li {padding: 0.5em;}
	.sitemap .depth02 > ul > li > a {padding: 0.5em 0.75em;}
	.sitemap .depth02 > ul > li > a > span {padding-left: 0;}
}