.suth1.system h1 {
    gap: 1.25rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.suth1.system h1 p{
	margin:0;
	color: #FFF;
	font-family: 프리텐다드400, sans-serif;
	font-size: 1.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.625rem;
	letter-spacing: -0.6px;
}
@media (max-width:767px) {
	.suth1.system h1 {
		gap: 0.625rem;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.suth1.system h1 p {
		font-size: 1.063rem;
		line-height: 1.5rem;
		letter-spacing: -0.6px;
	}
}

/*================== :::::::::::::: 새로운 참모부/지원센터 리스트 START ~ :::::::::::::: ==================*/
.newtypsSystemBox{
	position:relative;
}
.sysWrap {
    position: relative;
    width: 100%;
    padding: 6.25rem 0 0rem 0;
    background: #fff;
}
.sysTopSideBox{
	max-width:95rem;
	padding:0 1.25rem;
	margin:0 auto;
	position:relative;
}
.sysTop{
	position:relative;
	width:100%;
}
.sysNavBox{
	position:relative;
	width:100%;
}
.sysNavBtn{display:none;}
ul.sysNav{
	position:relative;
	width:100%;
	display:flex;
	margin:0;
	padding:0;
	list-style:none;
	gap:4px;
}
ul.sysNav li{
	width:100%;
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}
ul.sysNav li a{
	text-decoration: none !important;
	margin: 0;
	position:relative;
	width:100%;
	height:5.375rem;
	border-radius: 4px;
	border: 1px solid #EEE;
	display: flex;
	padding: 0;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	color: #111;
	text-align: center;
	font-family: 프리텐다드500, sans-serif;
	/* font-size: 1.125rem; */
	font-size: 1.063rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.625rem;
	letter-spacing: -0.36px;
}
ul.sysNav li.on a{
	background: #3A68AD;
	color:#fff;
	font-weight: 600;
	font-family: 프리텐다드600, sans-serif;
}

.systabBox{
	margin:2.5rem 0 0 0;
	display:flex;
	position:relative;
	width:100%;
}
.systab{
	cursor:pointer;
	position:relative;
	width:100%;
	border-radius: 8px 8px 0 0;
	border-top: 1px solid #F8F8F8;
	border-left: 1px solid #F8F8F8;
	border-right: 1px solid #F8F8F8;
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);
	background: #F8F8F8;
	
	display: flex;
	padding: 1.563rem 2rem;
	justify-content: center;
	align-items: flex-start;
}
.systab span{
	position:relative;
	color: #AAA;
	text-align: center;
	font-family: 프리텐다드500, sans-serif;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.25rem;
	letter-spacing: -0.48px;
}
.systab.on{
	background:#fff;
	border-top: 1px solid rgba(0, 0, 0, 0.10);
	border-right: 1px solid rgba(0, 0, 0, 0.10);
	border-left: 1px solid rgba(0, 0, 0, 0.10);
	border-bottom:none;
}
.systab.on span {
    text-decoration: underline;
    color: #3A68AD;
    font-weight: 700;
    font-family: 프리텐다드700, sans-serif;
}

.sysBody{
	padding:2.5rem 2.5rem 3.125rem 2.5rem;
	width:100%;
	position:relative;
	border-right: 1px solid rgba(0, 0, 0, 0.10);
	border-left: 1px solid rgba(0, 0, 0, 0.10);
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}
.sysBodyFlex{
	width:100%;
	position:relative;
	display:flex;
}
.sysBodyCont{
	width:100%;
	position:relative;
}
.sysBodyCont.sb01{padding:0 2.5rem 0 0;border-right: 1px solid rgba(0, 0, 0, 0.10);}
.sysBodyCont.sb02{padding:0 0 0 2.5rem;}
.sysh2{
	position:relative;
	width:100%;
	padding:0 0 1.125rem 2.5rem;
	margin:0 0 1.125rem 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}
.sysh2 span{
	position:absolute;
	left:0;
	top:0;
	display: flex;
	width: 1.875rem;
	height: 1.875rem;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 6px;
	background: #3A68AD;
	color: #FFF;
	text-align: center;
	font-family: 프리텐다드700, sans-serif;
	font-size:1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.25rem;
}
.sysh2 h2{
	display:block;
	text-align:left;
	color: #111;
	font-family: 프리텐다드700, sans-serif;
	font-size:1.375rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.875rem;
	letter-spacing: -0.44px;
}
h3.sysh3{
	margin:0;
	display:block;
	text-align:left;
	color: #111;
	font-family: 프리텐다드400, sans-serif;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2rem;
	letter-spacing: -0.36px;
}
h3.sysh3 span{
	font-weight: 700;
	font-family: 프리텐다드700, sans-serif;
}
ul.sysul{
	position:relative;
	width:100%;
	margin:0;
	padding:0 0 0 0.813rem;
	list-style:none;
}
ul.sysul li{
	position:relative;
	width:100%;
	margin:0;
	padding:0 0 0 0.75rem;
	list-style:none;
}
ul.sysul li:before{
	content: '';
    position: absolute;
    left: 0rem;
    top: 0.875rem;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: #3A68AD;
}
ul.sysul li h3{
	margin:0;
	display:block;
	text-align:left;
	color: #111;
	font-family: 프리텐다드400, sans-serif;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2rem;
	letter-spacing: -0.36px;
}

.sysBodyBottom{
	border-top: 1px solid rgba(0, 0, 0, 0.10);
	margin:40px 0 0 0;
	padding:40px 0 0 0;
	position:relative;
	width:100%;
}


.sysinfo{
	position:relative;
	width:100%;
	padding:0 0 0 2.5rem;
	margin:0;
}
.sysinfo b{
	position:absolute;
	left:0;
	top:0;
	display: flex;
	width: 1.875rem;
	height: 1.875rem;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 6px;
	background: #3A68AD;
	color: #FFF;
	text-align: center;
	font-family: 프리텐다드700, sans-serif;
	font-size:1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.25rem;
}
.sysinfo b.bg{
	background-image: url(/img/sub/sysinfo_icon.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 0.875rem;
}
.sysinfo p{
	margin:0;
	display:block;
	text-align:left;
	color: #111;
	font-family: 프리텐다드400, sans-serif;
	font-size:1.375rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.875rem;
	letter-spacing: -0.44px;
}
.sysinfo p.mart{
	margin:0.938rem 0 0 0;
}
.sysinfo p span{
	font-weight: 700;
	font-family: 프리텐다드700, sans-serif;
}

@media (max-width:1200px) {
	.sysNavBox{
		position:relative;
		z-index: 2;
	}
	.sysNavBtn{
		cursor:pointer;
		border-radius: 4px;
		border: 1px solid #3A68AD;
		/* box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.15); */
		display:flex;
		width:100%;
		position:relative;
		padding: 13px 18px;
		justify-content: space-between;
		align-items: center;
		align-self: stretch;
	}
	.sysNavBtn span{
		color: #3A68AD;
		font-family: 프리텐다드600, sans-serif;
		font-size: 19px;
		font-style: normal;
		font-weight: 600;
		line-height: 30px; /* 160% */
		letter-spacing: -0.3px;
	}
	.sysNavBtn:before{
		content:'';
		position:absolute;
		right: 11px;
		top:13px;
		width:30px;
		height:30px;
		background-image: url(/img/sub/sysbtn_icon.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 16px;
	}
	
	
	ul.sysNav {
		display: none;
		border-radius: 0 0 4px 4px;
		border: 1px solid #3A68AD;
		background: #fff;
		position: absolute;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
		gap: 0;
		flex-direction: column;
	}
	ul.sysNav li a {
		opacity: 0.5;
		margin: 0;
		position: relative;
		width: 100%;
		height: auto;
		border-radius: 0;
		border: none;
		display: flex;
		padding: 13px 18px;
		justify-content: flex-start;
		align-items: center;
		align-self: stretch;
		color: #111;
		text-align: left;
		font-family: 프리텐다드500, sans-serif;
		/* font-size: 1.125rem; */
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: 22px;
		letter-spacing: -0.36px;
	}
	ul.sysNav li a br{display:none;}
	ul.sysNav li a:hover{
		opacity: 1;
		color: #3A68AD;
		font-weight: 700;
		font-family: 프리텐다드700, sans-serif;
	}
	ul.sysNav li.on a{
		opacity: 1;
		color: #fff;
	}
	ul.sysNav li.on a:after {
		content: '';
		position: absolute;
		right: 15px;
		top: 13px;
		width: 24px;
		height: 20px;
		background-image: url(/img/sub/syscheck.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 16px;
	}
	.sysNavBox.on .sysNavBtn{
		box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.15);
		border-radius: 4px 4px 0 0;
	}
	.sysNavBox.on ul.sysNav{
		box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.15);
		display:flex;
	}
}
@media (max-width:991px) {
	.sysh2 {
		padding: 0 0 1.125rem 2.2rem;
		margin: 0 0 1.125rem 0;
	}
	.sysh2 h2 {
		font-size: 1.25rem;
		line-height: 1.625rem;
		letter-spacing: -0.44px;
	}
	.sysh2 span {
		width: 1.625rem;
		height: 1.625rem;
		font-size: 1rem;
		line-height: 1.25rem;
	}
	
	
	.sysinfo {
		padding: 0 0 0 2.2rem;
	}
	.sysinfo p {
		font-size: 1.25rem;
		line-height: 1.625rem;
		letter-spacing: -0.44px;
	}
	.sysinfo b {
		width: 1.625rem;
		height: 1.625rem;
		font-size: 1rem;
		line-height: 1.25rem;
	}
}
@media (max-width:767px) {
	.newtypsSystemBox {
		overflow: hidden;
		border-radius: 1.25rem 1.25rem 0 0;
		background: #FFF;
		margin: -1.25rem 0 0 0;
		position: relative;
	}
	.sysWrap {
		padding: 1.875rem 0 0rem 0;
	}
	
	
	.sysNavBtn {
		padding: 13px 40px 13px 18px;
	}
	.sysNavBtn span {
		font-size: 15px;
		line-height: 24px;
		letter-spacing: -0.3px;
	}
	.sysNavBtn:before {
		right: 18px;
		top: 19px;
		width: 12px;
		height: 12px;
		background-size: 12px;
	}
	ul.sysNav li a {
		padding: 13px 18px;
		font-size: 15px;
		line-height: 24px;
		letter-spacing: -0.3px;
	}
	ul.sysNav li.on a:after {
		right: 18px;
		top: 20px;
		width: 12px;
		height: 10px;
		background-size: 12px;
	}
	
	
	.systabBox {
		margin: 20px 0 0 0;
	}
	.systab {
		border-radius: 8px 8px 0 0;
		padding: 14px 10px;
	}
	.systab span {
		font-size: 16px;
		line-height: 22px;
		letter-spacing: -0.32px;
	}
	
	
	.sysBody {
		padding: 0;
		width: 100%;
		position: relative;
		border-right: none;
		border-left: none;
		border-bottom: none;
	}
	.sysBodyFlex {
		width: 100%;
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.sysBodyCont.sb01 {
		padding: 0;
		border-right: none;
	}
	.sysBodyCont.sb02 {
		padding: 0;
	}
	.sysBodyCont {
		padding: 20px 0!important;
	}
	.sysh2 {
		padding: 0 0 14px 0;
		margin: 0 0 14px 0;
	}
	.sysh2 span {
		position: relative;
		width: 24px;
		height: 24px;
		font-size: 13px;
		line-height: 13px;
	}
	.sysh2 h2 {
		margin: 6px 0 0 0;
		font-size: 16px;
		line-height: 24px;
		letter-spacing: -0.32px;
	}
	h3.sysh3 {
		font-size: 14px;
		line-height: 22px;
		letter-spacing: -0.28px;
	}
	ul.sysul {
		padding: 0;
	}
	ul.sysul li {
		padding: 0 0 0 12px;
	}
	ul.sysul li h3 {
		font-size: 14px;
		line-height: 22px;
		letter-spacing: -0.28px;
	}
	ul.sysul li:before {
		left: 0rem;
		top: 9px;
		width: 4px;
		height: 4px;
	}
	
	
	.sysBodyBottom {
		border-top: none;
		margin: 0;
		padding: 0;
		position: relative;
		width: 100%;
	}
	.sysinfo {
		padding: 0;
	}
	.sysinfo b {
		position: relative;
		width: 24px;
		height: 24px;
		font-size: 13px;
		line-height: 13px;
	}
	.sysinfo b.bg {
		background-image: url(/img/sub/sysinfo_icon.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 12px;
	}
	.sysinfo p {
		margin: 6px 0 0 0;
		font-size: 16px;
		line-height: 24px;
		letter-spacing: -0.32px;
	}
	.sysinfo p.mart {
		margin: 6px 0 0 0;
	}
}

/* ==================== 하단 리스트 ==================== */
.systBoaWrap{
	position:relative;
}
.systBoaSideBox{
	max-width: 95rem;
	padding: 0 1.25rem;
	margin: 0 auto;
	position: relative;
}
.systBoaList{
	padding: 30px;
	width:100%;
	position:relative;
	border-radius: 0 0 6px 6px;
	border: 1px solid rgba(0, 0, 0, 0.10);
	border-top:none;
}
.systBoaInner{
	position:relative;
	width:100%;
}
@media (max-width:767px) {
	.systBoaList {
		padding: 20px 0 0 0;
		width: 100%;
		position: relative;
		border-radius: 0;
		border: none;
		border-top: none;
	}
}

/* ==================== 페이징 ==================== */
.pagingBtnBoxInner {
    display: flex;
    margin: 60px 0 0 0;
    justify-content: center;
    align-items: flex-start;
}
.pagingBtnBox{
    display: flex;
    margin: 0;
    padding: 0;
}
.pagingBtnBox span{
    display: flex;
    cursor: pointer;
    list-style: none;
    border-radius: 0.25rem;
    background: #F3F3F3;
    border: 1px solid #F3F3F3;
    width: 3.125rem;
    height: 3.125rem;
    margin: 0 0.125rem;
    color: #2F2C2C;
    font-family: 프리텐다드500, sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.375rem;
    align-items: center;
    justify-content: center;
}
.pagingBtnBox span.on{
    background: #2F2C2C!important;
    border: 1px solid #2F2C2C!important;
    color: #fff!important;
}


/*================== :::::::::::::: 새로운 참모부/지원센터 상세 START ~ :::::::::::::: ==================*/
/*==== 컨텐츠 바디 영역 ====*/
.semaintitleBox.caseborb.sysContentWrap {
	border-bottom: 1px solid #111;
	margin:0 0 5rem 0;
}
.semaintitleBox.caseborb.sysContentWrap .pagemainh1 h1 {
    font-size: 2.25rem;
    line-height: 3.625rem;
}

.nxtCusBox .sysbodyBox {
    max-width: 60rem;
    font-size: 1.125rem;
    font-family: 프리텐다드400, sans-serif;
    position: relative;
    margin: 0rem auto 0 auto;
    padding-top: 0rem;
}
.syspostInner {
    padding: 0rem;
    max-width: 62.25rem;
    margin: 0 auto;
}


.sysIntro {
    margin: 0 0 5rem 0;
    gap: 1.25rem;
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.sysIntro dl{
	margin:0;
	display:block;
	color: #111;
	text-align: center;
	font-family: 프리텐다드600, sans-serif;
	font-size: 1.75rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.75rem;
	text-transform: uppercase;
}
.sysIntro h2{
	margin:0!important;
	padding:0!important;
	display:block;
	color: #111;
	text-align: center!important;
	font-family: 프리텐다드400, sans-serif!important;
	font-size: 1.25rem!important;
	font-style: normal;
	font-weight: 400!important;
	line-height: 2.25rem!important;
}


/* .syspost h2:nth-child(1){ */
	/* margin:0; */
	/* padding:0; */
	/* border-top:none; */
/* } */
.syspost h2{
	margin:0 0 3.75rem 0;
	padding:0;
	position:relative;
	display:block;
	text-align:left;
	color: #111;
	font-family: 프리텐다드700, sans-serif;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.375rem;
	text-transform: uppercase;
}
.syspost h2 strong{
	color: #3A68AD;
}

.syspost h3{
	margin:3.75rem 0 1rem 0;
	padding:0 0 0 2.5rem;
	position:relative;
	display:block;
	text-align:left;
	color: #111;
	font-family: 프리텐다드600, sans-serif;
	font-size: 1.375rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.875rem;
	text-transform: uppercase;
}
.syspost h3 strong{
	position:absolute;
	left:0;
	top:0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width:1.875rem;
	height:1.875rem;
	border-radius: 6px;
	background: #3A68AD;
	color: #FFF;
	text-align: center;
	font-family: Pretendard;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.25rem;
	text-transform: uppercase;
}

.syspost .wp-block-separator {
    background-color: #ddd;
    border-top: none!important;
    margin:3.75rem 0!important;
}

.syspost figure.wp-block-image {
	margin: 3.75rem 0;
    display: flex;
    justify-content: center;
}

@media (max-width: 767px){
	.semaintitleBox.caseborb.sysContentWrap {
		margin:0 0 40px 0;
	}
	.nxtCusBox .sysbodyBox {
		line-height: 1.375rem;
		font-size: 0.9375rem;
		margin-bottom: 1.88rem!important;
	}
}

/*==== 컨텐츠 최하단 영역 ====*/
.bottomContent {
    margin: 3.75rem 0 0 0;
    position: relative;
}
.bottomInner {
	border-top:1px solid #ddd;
	padding: 3.75rem 0 0 0;
    max-width: 60rem;
    margin: 0 auto;
}
.botadtextBox{
	width:100%;
	position:relative;
	padding:0 0 0 2.5rem;
}
.botad{
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    width: 1.875rem;
    height: 1.875rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: #3A68AD;
    background-image: url(/img/sub/sysinfo_icon.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 0.875rem;
}
.botadtext{
	width:100%;
	position:relative;
}
.botadtext p{
	display:block;
	text-align:left;
	margin:0.938rem 0 0 0;
	color: #111;
	font-family: 프리텐다드400, sans-serif;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.875rem;
	text-transform: uppercase;
}
.botadtext p span{
	font-weight: 700;
	font-family: 프리텐다드700, sans-serif;
}
.botadtext p.num.fir{
	margin:0.938rem 0 0 0;
}
.botadtext p.num{
	padding:0 0 0 1.75rem;
	margin:4px 0 0 0;
	position:relative;
	width:100%;
}
.botadtext p.num b {
    border-radius: 50%;
    border: 1px solid #3A68AD;
    position: absolute;
    left: 0;
    top: 0.25rem;
    display: flex;
    width:1.25rem;
    height: 1.25rem;
    flex-direction: column;
    justify-content: center;
    color: #3A68AD;
    text-align: center;
    font-family: 프리텐다드500, sans-serif;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.75rem;
    text-transform: uppercase;
}
.botsuBinfo {
    display: block;
    padding: 0;
    margin: 5rem 0 0 0;
}
.botsuBinfo h3 {
    margin: 0;
    display: block;
    color: rgb(136, 136, 136);
    text-align: center;
    font-family: 프리텐다드300, sans-serif;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.75rem;
    letter-spacing: 0.0175rem;
}
@media (max-width: 991px){
	
}
@media (max-width: 767px){
	.bottomContent {
		margin: 40px 0 0 0;
	}
	.bottomInner {
		padding: 40px 0 0 0;
	}
	.botadtextBox {
		padding: 0;
	}
	.botad {
		position: relative;
        width: 24px;
        height: 24px;
        font-size: 13px;
        line-height: 13px;
		background-size: 12px;
	}
	.botadtext p {
		letter-spacing: -0.32px;
		margin: 10px 0 0 0;
		font-size: 16px;
		line-height: 24px;
	}
	.botadtext p.num {
		padding: 0 0 0 20px;
		margin: 3px 0 0 0;
	}
	.botadtext p.num.fir {
		margin: 10px 0 0 0;
	}
	.botadtext p.num b {
		top: 3px;
		width: 16px;
		height: 16px;
		font-size: 11px;
		line-height: 11px;
	}
	.botsuBinfo {
		margin: 30px 0 0 0;
	}
	.botsuBinfo h3 {
		font-size: 0.813rem!important;
		line-height: 1.375rem;
		letter-spacing: 0.0175rem;
	}
}