.fieldWrap .subVWrap {background:url(../img/sub/field-bg.jpg) no-repeat center / cover;}
.caseWrap .subVWrap {background:url(../img/sub/case-bg.jpg) no-repeat center / cover;}
.subInner  {width:100%; max-width:148rem; padding:0 2rem; margin:0 auto;}
.fieldCont {padding:12rem 0;}

/* 필드 메뉴 */
.fieldMenu {
    display: flex;
	justify-content: space-between;
}

.fieldMenuBox {
	width:16.6rem;
	height:16.6rem;
	
	min-width:16.6rem;
	min-height:16.6rem;
	
	border: 1px solid #EEE;
	background: #FFF;
	position:relative;
	margin-right:1.6rem;
}
.fieldMenuBox:last-child {margin-right:0;}
.fieldMenuBox:hover {border: 1px solid #000;}

.fieldMenuBox a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 1rem;
    box-sizing: border-box;
	position:relative;
}
.fieldMenuBox a::before {
	content:'';
	width:95.13%;
	height:95.13%;
	border: 1px solid #000;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	opacity:0;
}
.fieldMenuBox:hover a::before {opacity:1;} 
.fieldMenuIcon {width: 6rem; height: auto;}
.fieldMenuIcon img {width:100%; height:auto;}

.fieldContWrap {padding-top:8rem;}
.fieldMenuTxt {text-align: center; font-family: "Pretendard-Medium"; font-size: 1.8rem; line-height: 2.4rem; margin-top: 2.5rem;}
.fieldMenuBox:hover .fieldMenuTxt {color: #093C71; font-family: "Pretendard-Bold";}


.fieldMenuBox.active {border: 1px solid #000;}
.fieldMenuBox.active a::before {opacity:1;} 
.fieldMenuBox.active .fieldMenuTxt {color: #093C71; font-family: "Pretendard-Bold";}
/* 업부문야  */
.macrimeGroup {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 1rem;
    padding-bottom: 6rem;
    border-bottom: 1px solid #DDD;
}
.bbotmNone {border-bottom:none!important;}
.macrimeGroup.last {padding-bottom:0; margin-bottom:0; border-bottom:none;}

.fieldContTitle {
	color: #111;
	font-family: "Pretendard-Medium";
	font-size: 4rem;
	line-height: 5.2rem; /* 130% */
	margin-bottom:4rem;
	padding-bottom:4rem;
	border-bottom:1px solid #1A3764;
}
.fieldContTxt {
    color: #444;
    font-family: "Pretendard-Light";
	word-break: keep-all;
    font-size: 2rem;
    line-height: 4rem;
    padding-bottom: 4rem;
    border-bottom: 1px solid #EEE;
}
.fieldContTxt span {font-family: "Pretendard-Bold";}

.macrimebox {display: flex; flex-direction: column; width:50%; margin-top:5rem;}
.macrimebox.width100 {width:100%; padding:0;}
.macrimebox .v_cont02_right_wrap .macrimeTxt {margin-top:20px;}
/* .v_cont02_box.macrimebox:nth-child(2n-1) {padding-right:6rem; border-right:1px solid #EEE;} */
.v_cont02_box.macrimebox:nth-child(2n) {padding-left:6rem;}
.v_cont02_box.macrimebox:last-child {border-right:none;}

.titleBox {
    display: flex;
    align-items: flex-start;
}
.fieldNum {
	color: #36628F;
	font-family: "Pretendard-Bold";
	font-size: 2.2rem;
	line-height: 3.8rem;
	margin-right:1rem;
}
.left_box .b_title {
	color: #111;
	font-family: "Pretendard-Medium";
	font-size: 2.2rem;
	line-height: 3.8rem;
}

.s_title {
	color: #666;
	font-size: 1.8rem;
	line-height: 2.8rem;
	margin-top:1rem;
}

.macrimeTtitle {
	color: #222;
	font-family: "Pretendard-Bold";
	font-size: 2.5rem;
	margin-bottom:2rem;
}
.macrimeTxt {
	color: #222;
	font-family: Pretendard;
	font-size: 1.6rem;
	line-height: 2.8rem;
}

.detention {margin-top:8rem;}
.caseContWrap {padding:4rem 0 4rem;}


/* :::::::::::::::::::: ======================= 업무사례 ======================= :::::::::::::::::::: */
.caseTitle {
	color: #111;
	text-align: center;
	font-size: 2.8rem;
	line-height: 4rem;
}
.caseCont {
	margin-top:4rem;
	border-top:1px solid #111;
	
}
.caseBoxGroup {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.caseBoxGroup a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
.caseBox .new {position:absolute; right:0; top:0;}
.caseBox {
    display: flex;
    margin: 6rem 0;
	position:relative;
    align-items: flex-start;
    width: calc(50% - 4rem);
}
.caseBox:last-child {padding-bottom:0; border-bottom:none;}

.caseWrap .caseBox .caseRight {margin-top: 0; width: 59.412%;}

.caseImg {
	background: #EEE;
	width:22.6rem;
	height:31.1rem;
	margin-right:5rem;
	padding:1rem;
}
.caseImg  img {width:100%; height:auto;}


@media (max-width:1500px) and (min-width:992px) {
	.subInner {padding: 0 6rem;}
	.fieldCont {padding: 10rem 0;}
	.fieldContTitle {font-size: 3.8rem; line-height: 4.5rem; margin-bottom: 3.5rem; padding-bottom: 3.5rem;}
	.fieldContTxt {font-size: 1.8rem; line-height: 3.2rem;}
	
	.fieldNum {font-size: 2rem; line-height: 3.5rem; margin-right: 1rem;}
	.left_box .b_title {font-size: 2rem; line-height: 3.5rem;}
	.s_title {font-size: 1.7rem; line-height: 2.4rem; margin-top: 0.6rem;}
	.s_title {font-size: 1.7rem; line-height: 2.4rem; margin-top: 0.6rem;}


	.caseImg {background: #EEE; width: 28.6rem; height: auto; margin-right: 2rem;}
	
	.fieldMenu {
		display: flex;
		flex-wrap: wrap;
		padding: 0;
		margin: -0.8rem;
		list-style-type: none;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.fieldMenuBox{
		flex: 0 0 calc(12.5% - 1.6rem);
		margin: 0.8rem;
		box-sizing: border-box;
		position: Relative;
		/* display: flex; */
		/* flex-direction: row; */
		/* align-items: center; */
		/* justify-content: center; */
	}
	/* .fieldMenu { */
		/* width: calc(100% + 2rem); */
		/* display: flex; */
		/* justify-content: space-between; */
		/* overflow-y: hidden; */
		/* overflow-X: scroll; */
		/* padding-right:2rem; */
	/* } */
	/* .fieldMenu::-webkit-scrollbar {width: 4px;} */
	/* .fieldMenu::-webkit-scrollbar-thumb { */
		/* height: 4px; */
		/* background: #DDD; */
		/* border-radius: 10px; */
		/* border: 5px solid #FFF; */
		/* box-sizing: border-box; */
	/* } */
	/* .fieldMenu::-webkit-scrollbar-track {background: #FFF;} */
	
	.caseWrap .cirBlueBox {
		font-size: 1.2rem;
		line-height: 2rem;
		letter-spacing: -0.4px;
		padding: 0.6rem 1rem;
	}
	
	.caseWrap .caseBox {width: calc(50% - 2rem); margin: 4rem 0;}
	.caseWrap .caseswSTitleBox {padding: 1rem 0;}
	.caseWrap .caseswTitleBox {flex-wrap: wrap; padding: 1rem 0;}
	.caseWrap .caseswTitle {font-size: 1.6rem; line-height: 2.2rem;}
	.caseWrap .caseswDate {font-size: 1.5rem; line-height: 2.6rem; width: auto; min-width: unset;}



}
@media (max-width:991px) {
	.fieldWrap .subVWrap {background:url(../img/sub/field-bg-mo.jpg) no-repeat center / cover;}
	/* .fieldMenu { */
		/* width: calc(100% + 2rem); */
		/* display: flex; */
		/* justify-content: space-between; */
		/* overflow-y: hidden; */
		/* overflow-X: scroll; */
		/* padding-right:2rem; */
	/* } */
	/* .fieldMenu::-webkit-scrollbar {width: 4px;} */
	/* .fieldMenu::-webkit-scrollbar-thumb {height: 4px; background: #DDD; border-radius: 10px; border: 5px solid #FFF; box-sizing: border-box;} */
	/* .fieldMenu::-webkit-scrollbar-track {background: #FFF;} */
	.fieldMenu {
		display: flex;
		flex-wrap: wrap;
		padding: 0;
		margin: -0.3rem;
		list-style-type: none;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.fieldMenuBox{
		flex: 0 0 calc(12.5% - 0.6rem);
		margin: 0.3rem;
		box-sizing: border-box;
		position: Relative;
	}
	.fieldMenuBox {
		width: 12rem;
		height: 12rem;
		min-width: 12rem;
		min-height: 12rem;
		/* margin-right: 0.6rem; */
	}
	.fieldMenuIcon {
		width: 4.5rem;
		height: auto;
	}
	.fieldMenuTxt {
		margin-top: 0.6rem;
		font-size: 1.3rem;
		line-height: 2rem;
	}
	.fieldMenuBox a {padding:0;}	
}


@media (max-width:991px) {
	.caseContWrap {padding: 3rem 0;}
	.caseTitle {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
	.fieldCont {
		padding: 6rem 0;
	}
	.fieldContWrap {
		padding-top: 4rem;
	}
	.fieldContTitle {
		font-size: 2.6rem;
		line-height: 3.8rem;
		margin-bottom: 2rem;
		padding-bottom: 2rem;
	}
	.fieldContTxt {
		font-size: 1.4rem;
		line-height: 2.5rem;
		padding-bottom: 2rem;
	}
	.macrimeGroup {
		flex-direction: column;
		padding: 3rem 0 0;
	}
	.macrimebox {
		display: flex;
		flex-direction: column;
		width: 100%;
		margin-top: 0rem;
	}
	
	.v_cont02_box.macrimebox:nth-child(2n-1) {padding-right: 0; border-right: none;}
	.v_cont02_box.macrimebox:nth-child(2n) {padding-left: 0;}
	
	.left_box {
		padding-bottom: 2rem;
		margin-bottom: 2rem;
		border-bottom: 1px solid #EEE;
		width: 100%;
	}
	
	.v_cont02_box.macrimebox:last-child .left_box {
		padding-bottom: 3rem;
		margin-bottom: 0;
		border-bottom: none;
	}
	.fieldNum {font-size: 1.6rem; line-height: 2.2rem; margin-right: 0.6rem;}
	.left_box .b_title {font-size: 1.6rem; line-height: 2.2rem;}
	.s_title {font-size: 1.4rem; line-height: 2.2rem; margin-top: 0.6rem;}
}

@media (max-width:767px) {
	.caseContWrap {padding: 3rem 0;}
	
	.subInner.field{
		padding: 0 0.6rem;
	}
	.fieldMenu {
		text-align: left;
		width: 100%;
		display: flex;
		flex-flow: row wrap;
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.fieldMenuBox{
		        min-width: auto;
		width: calc(25% - 2.3px);
        margin: 0 3px 3px 0px;
		flex:inherit;
		box-sizing: border-box;
		position: Relative;
		min-height: 10rem;
		height: 10rem;
	}
	.fieldMenuBox:nth-child(4) {
		margin-right: 0px;
	}
	.fieldMenuIcon {
		width: 4rem;
		height: auto;
	}
	.fieldMenuTxt {
		margin-top: 0.6rem;
		font-size: 1.2rem;
		line-height: 1.6rem;
	}
}


/* case */
@media (max-width:1500px) and (min-width:992px) {
	
}
@media (max-width:991px) {
	.caseWrap .subVWrap {background:url(../img/sub/case-bg-mo.jpg) no-repeat center / cover;}
	.caseCont {margin-top: 2.5rem; align-items: flex-start;}
	.caseBox {margin: 0; padding: 3rem 0; flex-direction: column; width: calc(50% - 2rem); border-bottom: 1px solid #EEE;}

	.caseBoxGroup a {width:100%;}
	.caseImg {width: 100%; height:auto; margin-right: 0;}
	.caseWrap .caseBox .caseRight {width: 100%; margin-top: 2.4rem;}
	
	.cirBlueBox {font-size: 1.3rem; line-height: 1.8rem; letter-spacing: -0.0327rem; padding: 0.5rem 0.8rem;}
	.caseswTitle {font-size: 1.6rem; line-height: 2rem;
			overflow: unset;
		text-overflow: unset;
		display: unset;
		-webkit-line-clamp: unset;
		-webkit-box-orient: unset;
	}
	.caseswDate {font-size: 1.4rem; line-height: 2rem;}
	.caseswSTitleBox {padding: 1rem 0;}
	.caseswList li {font-size: 1.4rem; line-height: 2rem; padding-top: 1rem;}
	.caseswSTitle {
		overflow: unset;
		text-overflow: unset;
		display: unset;
		-webkit-line-clamp: unset;
		-webkit-box-orient: unset;
	}

}
@media (max-width:767px) {
	.caseBox .caseRight {margin-top:2.4rem;}
	.caseBox {width:100%;}

}