
.companyWrap {position:relative;}
.companyInner  {width:100%; max-width:148rem; padding:0 2rem; margin:0 auto;}
.aboutTitleBox {display: flex; align-items: center;}
.aboutSTitle {
	color: #36628F;
	font-family: Cormorant;
	font-size: 3.6rem;
	font-weight: 700;
	line-height: 4.8rem;
	letter-spacing: 1.08px;
	text-align:center;
}
.aboutSTxt {
	color: #111;
	font-family: 'MaruBuriBold';
	font-size: 4.6rem;
	line-height: 6.4rem;
	margin-top:3rem;	
	text-align:center;
	font-weight: normal;
}

.aboutSTxt02 {
    margin-top: 3rem;
    color: #555;
    font-family: "Pretendard-Light";
    font-size: 2.2rem;
    line-height: 4rem;
    letter-spacing: -0.44px;
    text-align: center;
	word-break: keep-all;
}


.aboutSTxt02span {
	color: #111;
	font-family: "Pretendard-Medium";
	font-size: 3.2rem;
	line-height: 8rem;
	letter-spacing: -0.064rem;
}

.aboutSTxt02span .flow {
    color: #36628F;
    font-family: Cormorant;
    font-size: 4rem;
}

/* Greeting */
.companyWrap .subVWrap {background:url(../img/sub/company-bg.jpg) no-repeat center / cover;}
.greeting {
    background: #FFF;
    padding: 13rem 2rem 40rem;
    background: url(../img/sub/darksky.jpg) no-repeat bottom / cover;
}
.greeting .companyInner {
    padding: 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.greeting .aboutSTxt {
    color: #FFF;
    font-family: 'MaruBuriBold';
    font-size: 4.6rem;
    line-height: 6.4rem;
    margin-top: 3rem;
    width: 100%;
}

.omissBTxt {
    color: #FFF;
    font-family: "Pretendard";
    font-size: 2.6rem;
    line-height: 4.2rem;
    letter-spacing: -0.052rem;
    margin-top: 8rem;
    text-align: center;
}

.omissBTxtSapn {
	color: #FFF;
	text-align: center;
	font-family: 'MaruBuriLight';
	font-size: 3.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 5.2rem; /* 152.941% */
	letter-spacing: -0.068rem;
	margin-top:2rem;
}
.welcomeT {
	color: #FFF;
	text-align: center;
	font-family: 'MaruBuriLight';
	font-size: 3.2rem;
	font-weight: 400;
	line-height: 5.8rem;
	letter-spacing: -0.064rem;
	margin-top:8rem;
}
.omissTxt {
    color: #FFF;
    text-align: center;
    font-family: 'MaruBuriLight';
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 300;
    line-height: 4.8rem;
    letter-spacing: -0.048rem;
}

.p40 {margin-top:4rem;}


.omissBoldTxt {
    color: #FFF;
    text-align: center;
    text-shadow: 0px 0px 10px #FFF;
    font-family: 'MaruBuriSemiBold';
    font-size: 3.2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 5.6rem;
    letter-spacing: -0.064rem;
    margin: 6rem 0 6rem 0;
}

.omissBoldTxt::before,
.omissBoldTxt::after {
	content:'';
	width: 3.2rem;
	height: 2.5rem;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
}

.omiss50Txt {
    margin: 3rem 0 6rem;
    color: #FFF;
    text-align: center;
    font-family: 'MaruBuri';
    font-size: 3.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 5.8rem;
    letter-spacing: -0.064rem;
}

.omissTxtfrom {
	color: #FFF;
	margin-top:2rem;
	font-size: 2.5rem;
	line-height: 4.2rem;
	letter-spacing: -0.05rem;
	text-align:center;
}

.fromlogo {
    width: auto;
    height: 4rem;
    display: flex;
    justify-content: center;
}
.fromlogo img {width:auto; height:100%;}

@media (min-width:2000px) {
	.greeting .companyInner {max-width: 172rem; padding: 0 0 0 2rem; margin: 0 auto; display: flex; align-items: center;}
	.greetingLeft {margin-right: 0; padding: 0 0rem 0 0rem;}
}

@media (max-width: 1400px) and (min-width: 992px) {
	.companyInner {padding:0 6rem;}
	
	.greeting { padding: 13rem 2rem 36rem;}
	.greeting .companyInner {padding: 0;}
	
	.greetingRight {width: 55%;}
	.greetingLeft {width: 45%; padding: 0 0rem 0 0rem;}
	
}


@media (max-width:991px) {
	.companyWrap .subVWrap {background:url(../img/sub/company-bg-mo.jpg) no-repeat center / cover;}
	.greeting .aboutSTxt {
		font-size: 2.5rem;
		line-height: 3.8rem;
		margin-top: 2rem;
	}
	
	.greeting .companyInner {
		max-width: unset;
		padding: 0 2rem;
		margin: 0 auto;
		display: flex;
		align-items: center;
		flex-direction: column;
	}
	
	.omissTxt {
		font-size: 2rem;
		line-height: 4rem;
	}
	
	.omissBTxt {
		font-size: 2.4rem;
		line-height: 4rem;
		letter-spacing: -0.052rem;
		margin-top: 6rem;
	}


	.omiss50Txt {
		margin: 4rem 0 4rem;
		font-size: 2.5rem;
		line-height: 4.8rem;
		letter-spacing: -0.064rem;
	}

	.omissBTxtSapn {
		font-size: 2.8rem;
		line-height: 4.5rem;
		letter-spacing: -0.068rem;
		margin-top: 3rem;
	}
	.welcomeT {
		font-size: 2.8rem;
		line-height: 5rem;
		letter-spacing: -0.064rem;
		margin-top: 6rem;
	}

}
@media (max-width:767px) {
	.acompany.greeting {padding: 6rem 0 17rem;}
	.greeting .aboutSTxt {
		font-size: 2.5rem;
		line-height: 3.8rem;
		margin-top: 2rem;
	}
	.omissBTxt {
		font-size: 1.8rem;
		line-height: 2.8rem;
		letter-spacing: -0.036rem;
		margin-top: 6rem;
		text-align: center;
	}
	.omissBTxtSapn {
		font-size: 2.2rem;
		line-height: 3.6rem;
		letter-spacing: -0.044rem;
		margin-top: 1.4rem;
	}
	
	.welcomeT {
		font-size: 2rem;
		line-height: 3rem;
		letter-spacing: -0.04rem;
		margin-top: 3.4rem;
	}
	.omissTxt {
		font-size: 1.6rem;
		line-height: 3rem;
		letter-spacing: -0.064rem;
	}
	.omissTxt.p40 {margin-top:2rem;}
	
	.omissBoldTxt {
		font-size: 2.2rem;
		line-height: 3.6rem;
		letter-spacing: -0.088rem;
		margin: 4rem 0 4rem;
		padding: 0;
	}
	.omissBoldTxt::before, .omissBoldTxt::after {
		width: 2.3rem;
		height: 1.8rem;
	}
	.omiss50Txt {
		margin: 2rem 0 3.4rem;
		font-size: 2.2rem;
		font-weight: 300;
		line-height: 3.6rem;
		letter-spacing: -0.088rem;
	}
	.fromlogo {height: 2.8rem;}
	.omissTxtfrom {
		margin-top: 1rem;
		font-size: 1.7rem;
		line-height: 2.3rem;
		letter-spacing: -0.034rem;
	}
}
	
	

/* system */
.system {padding:12rem 0;}
.systemList {margin-top: 8rem;}
.systemList li {
    width: 100%;
    display: flex;
    margin-right: 0;
	margin: 0 0 0 0;
	position:relative;
}
/* .systemList li::before { */
    /* content: ''; */
    /* width: 11.4rem; */
    /* height: 9.4rem; */
    /* background: url(../img/sub/flowArrow.png) no-repeat center / cover; */
    /* position: absolute; */
    /* left: 50%; */
    /* top: 100%; */
/* } */

.systemList li:last-child {margin-bottom:0;}
.systemList li:last-child::before {display:none;}

.porTGroupArrowBox { 
	width: 11.4rem;
    height: 9.4rem;
	justify-content: center;
	margin-bottom: 2rem!important;
}
.porTGroupArrowBox::Before {display:none;}

.porTGroup {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    padding: 5rem;
    background: #EAF0F5;
	min-width:44rem;
	position:relative;
}
.porNum {
	color: #36628F;
	font-family: "Pretendard-SemiBold";
	font-size: 3rem;
	line-height: 3rem;
	letter-spacing: 0.06rem;
}
.sysArrow {width: 2.4rem; height: 1.6rem;}
.sysArrow img {width:100%; height:auto;}

.porEngTitle {
	color: #111;
	font-family: Cormorant;
	font-size: 3.3rem;
	font-weight: 700;
	line-height: 10rem;
	height:10rem;
	letter-spacing: 0.132rem;
	white-space: nowrap;
}

.porEngTitle span {
	color: #36628F;
	font-size: 9rem;
	letter-spacing: 0;
	
}
.porTitle {
    color: #111;
    font-family: "Pretendard-Medium";
    font-size: 4.4rem;
    line-height: 6rem;
    margin-top: 1rem;
    position: relative;
}

.porTxtBox {
    border-top: 1px solid #EEE;
    border-right: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    background: #FFF;
    padding: 4rem 5rem;
    box-sizing: border-box;
}

.protxt {
	color: #111;
	font-family: Pretendard;
	font-size: 2rem;
	font-weight: 400;
	line-height: 3.6rem;
	padding-bottom:3rem;
	margin-bottom:3rem;
	border-bottom:1px solid #EEE;
}
.protList {}
.protList li {
    position: relative;
    padding-left: 2.5rem;
    color: #111;
    font-family: Pretendard;
    font-size: 1.9rem;
    line-height: 2.8rem;
    letter-spacing: -0.038rem;
    margin-right: 0;
    margin-bottom: 1rem;
	box-sizing: border-box;
	width:100%;
}
.protList li:last-child {margin-bottom:0;}
.protList li::before {
	content:'';
	width:1.5rem;
	height:1.2rem;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	background:url(../img/sub/portlistCheck.png) no-repeat center / cover;
}
.systemList li:last-child {
    margin-bottom: 0;
}

.systemList .protList li:last-child::before {display:block!important;}


@media (max-width:1500px) and (min-width:992px) {
	.aboutSTxt {
		font-size: 4.2rem;
		line-height: 6rem;
		margin-top: 3rem;
	}
	
	.aboutSTxt02 {
		font-size: 2rem;
		margin-top: 3rem;
		line-height: 4rem;
	}
	.porTxtBox {padding:4rem;}
	.porTitle {font-size: 3.5rem; line-height: 5rem; margin-top: 0.2rem;}
	.protxt {font-size: 1.8rem; line-height: 3.2rem; padding-bottom: 3rem; margin-bottom: 3rem;}
	.protList li {padding-left: 2.5rem; font-size: 1.8rem; line-height: 2.4rem; letter-spacing: -0.038rem; margin-bottom: 1.5rem;}
	.protList li::before {width: 1rem; height: 0.8rem;}
}

@media (max-width:991px) {
	.acompany {padding: 8rem 0 28rem;}
	
	.aboutSTxt02 {font-size: 2rem; line-height: 3.8rem;}
	.aboutSTxt02span {font-size:2.8rem; line-height:4.3rem; margin-top: 3rem;}
	.aboutSTxt02span .flow {font-size: 3.5rem;}
	
	.systemList {display: flex; align-items: flex-start; margin-top: 6rem; flex-direction: column;}
	.systemList li {width: 100%; margin:0; display: flex; margin-right: 0; flex-direction: column;}
	.systemList li::before {left: 50%; top: 100%; width: 7.4rem; height: 6.1rem; transform: translateX(-50%);}
	
	li.porTGroupArrowBox {
		width: 100%;
		max-width: 7.4rem;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0;
	}
	
	.porTGroup {display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; padding: 2.4rem 2rem; min-width: unset;}
	.porTGroup .porNum {position: absolute; right: 2rem; font-size: 2.5rem;}
	
	.porEngTitle {height: auto; font-size: 2.5rem; line-height: 5rem; letter-spacing: 0.072rem;}
	.porEngTitle span {font-size: 5rem;}

	.porTitle {font-size: 3.2rem; line-height: 4rem;}
	.porTxtBox {border-left: 1px solid #EEE; padding: 2rem;}
	.protxt {font-size: 1.8rem; line-height: 3rem; padding-bottom: 2.5rem; margin-bottom: 2.5rem;}
	
	.systemList .protList li {padding-left: 1.9rem; font-size: 1.7rem; line-height: 2.5rem; letter-spacing: 0; margin-bottom: 1.2rem;}
	.systemList .protList li::before {top: 0; width: 1.1rem; height: 2.3rem; transform: translateY(0); background: url(../img/sub/portlistCheck-mo.png) no-repeat center / cover; left: 0;}
	
	.acTitleGroup .aboutSTitle {width: 100%; margin-right: 0rem;}
	.acTitleGroup .aboutSTxt {width: 100%; font-size: 3.2rem; line-height: 4.8rem; letter-spacing: -0.28px; margin-top: 3rem;}
}


@media (max-width:767px) {
	.acompany {padding: 6rem 0rem 4rem;}
	.aboutSTitle {font-size: 2.4rem; font-weight: 700; line-height: 3.2rem; letter-spacing: 0.072rem;}
	.aboutSTxt { font-size: 2.5rem; line-height: 3.8rem;	}
	.aboutSTxt02 {margin-top: 2rem; font-size: 1.8rem; line-height: 2.8rem; letter-spacing: -0.036rem;}
	.aboutSTxt02span {font-size: 2.4rem; line-height: 3.6rem; letter-spacing: -0.048rem; margin-top: 2rem;}
	
	.aboutSTxt02span .flow {font-size: 3rem;}
	
	.systemList {margin-top:4rem;}
	
	.porTGroup {padding: 2.4rem 2rem;}
	
	.porEngTitle {height: auto; font-size: 1.8rem; line-height: 3.8rem; letter-spacing: 0.072rem;}
	.porEngTitle span {font-size: 4.2rem; letter-spacing: -0.336rem;}
	
	.porTitle {font-size: 2.8rem; line-height: 3.6rem;}
	.protxt {font-size: 1.6rem; line-height: 2.6rem; padding-bottom: 2rem; margin-bottom: 2rem;}
	
	.protList li {font-size: 1.5rem; line-height: 2.3rem;}
	.systemList .protList li {font-size: 1.5rem; line-height: 2.3rem;}
	
	.acTitleGroup .aboutSTxt {margin-top:2rem;}
	
	.systemList .protList li::before {
		height: 2rem;
	}
}


/* Service */
.service {padding:12rem 0;background: linear-gradient(0deg, #F8F8F8 0%, #F8F8F8 100%), #FFF;}

.macrimeImgGroup {margin-top:8rem;}
.serviceImgbox {background: #FFF; padding: 0; display: flex; align-items: center; justify-content: space-between; margin-bottom:2rem;}
.serviceImgbox:last-child {margin-bottom:0; border-bottom:none;}
.macrimeImgF {
    margin: 0;
    min-width: auto;
    height: auto;
    background: #888;
    width: 22.223%;
	min-width: 32rem;
    vertical-align: bottom;
    position: relative;
}
.macrimeImgF img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    position: relative;
}
.hiddenBox {overflow:hidden;}
.macrimeTxtBox {padding: 3rem 0 3rem 4rem; display: flex; position: relative;}
.macrimeTNum {
    color: #36628F;
    font-family: "Pretendard-SemiBold";
    font-size: 3rem;
    line-height: 3rem;
    letter-spacing: 0.06rem;
    margin-right: 1rem;
}
.macrimeTtitle {
    color: #111;
    font-family: "Pretendard-Medium";
    font-size: 3rem;
    line-height: 3.4rem;
    margin-top: 0;
    margin-bottom: 1.6rem;
    padding-bottom: 0rem;
    position: relative;
}

  .macrimeTxt {
	color: #555;
	font-family: Pretendard;
	font-size: 1.8rem;
	line-height: 3.2rem;
	padding-left:1.4rem;
	position:relative;
	margin-bottom:1.4rem;
}

.macrimeTxt::before {
    content: '';
    left: 0;
    top: 1.6rem;
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    background: #111;
    border-radius: 50%;
}

.macrimeTxt:last-child {margin-bottom:0;}


@media (max-width:1500px) and (min-width:992px) {
	.macrimeTxtBox {padding: 3rem 2rem  3rem 3rem;}
	.macrimeImgF {width: 24.223%; min-width: 34rem;}
	.macrimeTNum {font-size: 2.8rem; line-height: 2.8rem; margin-right: 1rem;}
	.macrimeTtitle {font-size: 2.7rem; line-height: 3rem; margin-bottom: 1.2rem; padding-bottom: 0rem;}
	.macrimeTxt {font-size: 1.7rem; line-height: 3rem; padding-left: 1rem; margin-bottom: 0.8rem;}
	.macrimeTxt::before {top: 1.3rem;}
}

@media (max-width:991px) {
	.service {padding: 8rem 0;}
	.service .aboutSTxt {width: 100%; font-size: 3.2rem; line-height: 4.8rem; letter-spacing: -0.28px; margin-top: 3rem;}
	.service .aboutSTxt02 {margin-top: 2rem;}
	.macrimeTxt::before {top:1.4rem;}
	.macrimeTxtBox {padding: 3.4rem 3rem 4rem; width: 100%;}
	
	.macrimeTNum {margin-right: 2rem;}

	.macrimeGroup {flex-direction: column;}
	.serviceImgbox {margin-bottom: 4rem; flex-direction: column}
	.macrimeImgGroup {margin-top:6rem;}
	.macrimeImgbox {padding: 30px 0; flex-direction: column;}
	.macrimeImgF {width: 100%; min-width: unset; height: auto; padding-bottom:0;}
	
}


@media (max-width:767px) {
	.service {padding: 6rem 0;}
	.service .aboutSTxt {font-size: 2.5rem; line-height: 3.8rem; letter-spacing: 0; margin-top: 2rem;}
	.macrimeTxtBox {padding: 2.4rem 2rem  3rem; width: 100%;}

	.macrimeImgGroup {margin-top:4rem;}
	.serviceImgbox {margin-bottom: 1rem;}
	.macrimeImgGTitle {font-size: 20px; padding-bottom:1rem;}
	.macrimeTxtBox {padding: 2.4rem 2rem 3rem 2rem;}
	.macrimeTNum {font-size: 2.2rem; line-height: 2.6rem; margin-bottom: 0.044rem; position: absolute; right: 2rem; margin-right: 0;}
	.macrimeTtitle {font-size: 2.4rem; margin-bottom: 1.8rem; line-height: 3rem;}
	.macrimeTxt {font-size: 1.5rem; line-height: 2.3rem; padding-left: 1rem; margin-bottom:1.2rem;}
	.macrimeTxt::before {top: 1rem;}
	.support .macrimeImgGSTxt {font-size: 15px; line-height: 25px; letter-spacing: -0.1px; padding-bottom:15px;}
}
/*================== :::::::::::::: // ~ Company END :::::::::::::: ==================*/


/*================== :::::::::::::: 구성원 START ~  :::::::::::::: ==================*/
.companyWrap.member .subVWrap {background:url(../img/sub/member-bg.jpg) no-repeat center / cover;}

.memberWrap {padding:12rem 0 12rem;}
.memSTitle {
	color: #111;
	text-align: center;
	font-family: Cormorant;
	font-size: 4rem;
	font-style: normal;
	font-weight: 700;
	line-height: 4.8rem;
	letter-spacing: 0.12rem;
}
.memTitle {
    color: #111;
    font-size: 4rem;
    line-height: 5.2rem;
    font-family: "Pretendard-Medium";
    padding-bottom: 3rem;
    margin-bottom: 4rem;
    border-bottom: 1px solid #1A3764;
}


.emlist {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0rem;
	justify-content: flex-start;
}

.emlist>li {
    width: calc(100%/3 - 12rem);
    position: relative;
    margin-right: 18rem;
    margin-bottom: 10rem;
}

.emlist>li:last-child {margin-right:0;}
.emlist>li:nth-child(3n) {margin-right:0;}

.emCont {position: relative; overflow: hidden; margin-bottom:3.6rem;}
.emlist .emPic {
    height: 0;
    width: 100%;
    overflow: hidden;
    background: #666;
    position: relative;
    padding-bottom: 136.12%;
}
.emlist .emPic::before {
	z-index: 1;
	content:'';
	top:2.4rem;
	right:2.4rem;
	width: 3.6rem;
	height: 2.4rem;
	position:absolute;
	background:url(../img/sub/about/cllogo.png) no-repeat center / cover;
}
.emlist .emPic img {
    top: 0;
	left: 0;
    width: 100%;
    height: auto;
    position: absolute;
}

.profileUpArrow {
	left:50%;
	bottom:2rem;
	width:4.1rem;
	height:4.1rem;
	position:absolute;
	transform:translateX(-50%);
}

.profileUpArrow img {width:100%; height:auto;}

.emGma {
    color: #888;
    text-align: right;
    font-size: 1.8rem;
    line-height: 2.6rem;
    margin-left: 1rem;
}

.memNameBox {
    display: flex;
	position:relative;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
	align-items: flex-end;
    border-bottom: 1px solid #EEE;
}

.emName {
    color: #111;
    font-family: 'MaruBuriSemiBold';
    font-size: 3.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 4.3rem;
    letter-spacing: 0.34rem;
}

.infoName {
    color: #FFF;
    font-family: "Pretendard-Medium";
    font-size: 2.4rem;
    line-height: 2.4rem;
    margin-bottom: 1.4rem;
    text-align: left;
}

.infoList li {
	color: #111;
	font-family: Pretendard;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	margin-bottom:1rem;
}
.infoList li:last-child {margin-bottom:0;}


.nmlawlist{
	position:relative;
	width:100%;
	margin:0 0 10rem 0;
}
.nmlawlist ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    /* margin: -1.5rem; */
    margin: -1rem;
    list-style-type: none;
}
.nmlawlist ul li {
    list-style: none;
    flex: 0 0 calc(20% - 2rem);
    margin: 1rem;
    box-sizing: border-box;
    position: Relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.nmlawImg img{
	max-width:100%;
}
.nmlawText{
	position:Relative;
}
.nmlawText h2 {
	    padding: 0 0 0 1rem;
    gap: 1rem;
    margin: 3rem 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.nmlawText h2 span{
	color: #888;
    font-family: Pretendard;
font-size: 1.8rem;
font-style: normal;
font-weight: 400;
line-height: 2.6rem;
}
.nmlawText h2 p{
	color: #111;
    font-family: 'MaruBuriSemiBold';
font-size: 3.4rem;
font-style: normal;
font-weight: 600;
line-height: 4.3rem;
letter-spacing: 3.4px;
}

@media (max-width:1300px) and (min-width:992px) {
	.emLeft {width: 29%; padding-right: 2rem;}
	.emstitle {font-size: 2.2rem; line-height: 4rem;}
	
	.emlist>li {width: calc(100%/3 - 2rem); margin-right: 3rem; margin-bottom: 6rem;}
	.emName {font-size: 2.4rem; line-height: 3.2rem; margin-top: 1.5rem;}
	
	.emInfoBox {padding: 1.4rem 2rem;}
	.infoName {font-size: 2rem; line-height: 2rem; margin-bottom: 1.5rem;}
}

@media (max-width:1200px) {
	.nmlawlist ul {
		margin: -2rem;
	}
	.nmlawlist ul li {
		flex: 0 0 calc(33.33333333% - 4rem);
		margin: 2rem;
	}
}

@media (max-width:991px) {
	.companyWrap.member .subVWrap {background:url(../img/sub/member-bg-mo.jpg) no-repeat center / cover;}
	.memberWrap {padding: 6rem 0;}

	.aboutInner {
		padding-top: 6rem;
		padding-bottom: 2rem;
		display: flex;
		align-items: flex-start;
		flex-direction: column;
	}
	.emLeft {width: 100%;}
	.emstitle {font-size: 1.7rem; line-height: 3rem; letter-spacing: -0.34px;}
	.emRight {width: 100%;}
	.aboutTitleBox {margin-bottom: 1.6rem;}
	
	
	.emlist>li {width: calc(50% - 1.5rem); position: relative; margin-bottom: 0rem; margin-right: 3rem; margin-top: 5rem;}
	
	
	.emlist>li:nth-child(3n) {margin-right:2rem;}
	.emlist>li:nth-child(2n) {margin-right:0;}
	.emGma {
		font-size: 1.4rem;
		line-height: 1.6rem;
		letter-spacing: 0;
		margin: 0;
	}
	.emName {
		margin-top: 0.6rem;
		font-size: 2.4rem;
		line-height: 3.4rem;
		letter-spacing: -0.24px;
	}
	.infoName {font-size: 2rem; line-height: 2.2rem; margin-bottom: 1.2rem;}
	.infoList li {
		font-size: 1.6rem;
		line-height: 2rem;
		letter-spacing: 0;
		padding-left: 0;
		margin-top: 0;
	}
	
	.emCont {position: relative; overflow: hidden; margin-bottom: 2.4rem;}
	.emInfoBox {padding: 2rem; bottom: 1.6rem; width: calc(100% - 3.2rem); height: calc(100% - 3.2rem);}
	.emLeft {margin-bottom: 6rem; width: 100%;}
	
	.memTitle {font-size: 2.6rem; line-height: 3.8rem; padding-bottom: 2rem; margin-bottom: 0;}
	
	.memNameBox {margin-bottom: 1.6rem; padding-bottom: 1.6rem; align-items: flex-start; flex-direction: column-reverse;}

	.moArrowP {
		display: flex;
		width: 4.9rem;
		height: 4.9rem;
		padding: 1.7rem 1.6rem 1.5rem 1.6rem;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
		background: #1A3764;
		position: absolute;
		right: 0;
		top: 0;
		background:url(../img/sub/moArrowP.jpg) no-repeat center / cover;
	}
	
	.advisoryMember {margin-top:6rem;}
	
	
	.nmlawlist ul {
		padding: 4rem 0 0 0;
		margin: -2rem;
	}
}
@media (max-width:767px) {
	.memberWrap {padding: 6rem 0;}
	.emlist>li {width: 100%; position: relative; margin-right: 0rem; margin-bottom: 0rem; margin-top:4rem;}
	.emlist>li:nth-child(3n) {margin-right: 0rem;}
	.aboutBTitle {font-size: 3rem; line-height: 3.8rem;}
	
	
	.nmlawlist {
		margin: 0 0 6rem 0;
	}
	.nmlawlist ul {
		padding: 4rem 0 0 0;
		margin: -2rem;
	}
	.nmlawlist ul li {
		flex: 0 0 calc(50% - 4rem);
		margin: 2rem;
	}
	.nmlawText h2 p {
		font-size: 2.4rem;
		line-height: 3.4rem;
		letter-spacing: 2.4px;
	}
	.nmlawText h2 span {
		font-size: 1.4rem;
		line-height: 1.6rem;
	}
	.nmlawText h2 {
		gap: 0.6rem;
		margin: 2.4rem 0 0 0;
	}
}
@media (max-width:600px) {
	.nmlawlist ul {
		padding: 4rem 0 0 0;
		margin: 0rem;
		gap:5rem;
	}
	.nmlawlist ul li {
		flex: 0 0 calc(100% - 0rem);
		margin: 0rem;
	}
}

/* 구성원 디테일 페이지 */
.memberDtailCont {
    display: flex;
	position:relative;
    align-items: flex-start;
	justify-content: space-between;
}
.mdLeft {width: 30.556%;}
.mdImg {}
.mdImg img {width:100%; height:auto; vertical-align: bottom;}

.mdTagBox {
	background: #EAF0F5;
	padding: 4rem 3rem;
}
.mdTagTitle {
	color: #111;
	font-family: "Pretendard-SemiBold";
	font-size: 2.2rem;
	line-height: 3rem;
	padding-bottom:2rem;
	margin-bottom:2rem;
	border-bottom:1px solid #DBE4EC;
	
}
.mdTag {
	color: #1A3764;
	margin-bottom: 0.4rem;
	font-family: "Pretendard-Medium";
	font-size: 1.8rem;
	line-height: 3.2rem;
}
.mdTag span {padding-right: 0.6rem;}
.mdTag:last-child {margin-bottom:0;}
.mdRight {width: 63.195%;}

.mdbackArrowBox {display: flex; align-items: center; margin-bottom:6rem;}
.mdbackArrow {width:6rem; height:6rem;}
.mdbackArrow img {width:100%; height:auto;}

.mdbackATxt {
	color: #111;
	font-size: 2.2rem;
	line-height: 3.8rem;
	margin-left:2rem;
}
.mdInfoC {
	color: #888;
	font-size: 1.8rem;
	line-height: 2.6rem;
}
.mdName {
	color: #111;
	font-family: 'MaruBuriBold';
	font-size: 5rem;
	font-weight: 700;
	line-height: 6.2rem;
	letter-spacing: 0.5rem;
	margin-top:1rem;
	margin-bottom:4rem;
	padding-bottom:4rem;
	position:relative;
}

.mdName::before {
	content:'';
	width: 5rem;
	height: 0.1rem;
	background: #111;
	position:absolute;
	left:0;
	bottom:0;
}

.mdInfoT {
	color: #111;
	font-size: 2.2rem;
	line-height: 3.8rem;
}

.mdInfoUl {display: flex; margin-top: 4rem;}
.mbottom {margin-bottom:1.2rem;}
.mdInfoUl li {display:flex; position:relative; padding-right:2.4rem; margin-right:2.4rem; color: #111; font-size: 1.7rem; line-height: 2.3rem; text-decoration:none;}
.mdInfoUl li span {font-family: "Pretendard-Bold";color:#1A3764; margin-right:2rem;}
.mdInfoUl li::before {
    content: '';
    width: 1px;
    height: 1.4rem;
    background: #999999;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.mdInfoUl .eamilF {text-decoration: unset;}
.mdInfoUl li:last-child {padding-right:0; margin-right:0;}
.mdInfoUl li:last-child::before {display:none;}
.mdInfoUl li p {text-decoration:none;}

.mdprofBox {margin-top:4rem;}
.mdprofTitle {
	color: #111;
	font-family: "Pretendard-SemiBold";
	font-size: 3.6rem;
	line-height: 4.4rem;
	padding-bottom:2rem;
	border-bottom:1px solid #111;
}

.mdprofBT {
	color: #111;
	font-family: "Pretendard-SemiBold";
	font-size: 2.6rem;
	line-height: 3.4rem;
	margin-bottom:1rem;

}

.mdprofBox ul {}
.mdprofBox ul li {
	color: #111;
	font-size: 1.8rem;
	line-height: 3.2rem;
	margin-top:0.6rem;
	padding-left:1.4rem;
	position:relative;
}
.mdprofBox ul li::before {
    content: '';
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: #1A3764;
    position: absolute;
    left: 0;
    top: 1.5rem;
    transform: translateY(-50%);
    min-width: 0.4rem;
    min-height: 0.4rem;
}
.mdprofileBox {margin-top:10rem;}
.mdRight .mdTagBox {display:none;}


@media (max-width:991px) {	
	.mdbackArrowBox {margin-bottom: 4rem;}
	.mdbackArrow {width:4rem; height:4rem;}
	.mdLeft {width: 32.556%;}
	.mdbackATxt {font-size: 1.6rem; line-height: 2.2rem; margin-left: 0.8rem;}
	.mdInfoC {font-size: 1.4rem; line-height: 1.6rem;}
	.mdName {
		font-size: 3.4rem;
		line-height: 3.4rem;
		letter-spacing: 0.34rem;
		margin-top: 0.6rem;
		margin-bottom: 1.8rem;
		padding-bottom: 1.8rem;
	}
	.mdName::before {width:2.5rem;}
	.mdInfoT {font-size: 1.5rem; line-height: 2.4rem;}
	
	.mdprofileBox {margin-top: 6rem;}
	
	.mdprofTitle {font-size: 2.4rem; line-height: 3.4rem; padding-bottom: 1.2rem;}
	.mdprofBox {margin-top: 2.4rem;}
	.mdprofBT {font-size: 2rem; line-height: 2.6rem; margin-bottom: 1rem;}
	.mdInfoUl {margin-top: 3rem; flex-wrap: wrap;}
	.mdprofBox ul li {font-size: 1.5rem; line-height: 2.2rem; margin-top: 0.6rem; padding-left: 1rem;}
	.mdprofBox ul li::before {top:1rem;}
	.mdInfoUl li {margin-right: 0; box-sizing: border-box; width: 50%; flex-direction: column;}
	.mdInfoUl li::before {display: none;}
	.mdInfoUl li:first-child {padding-right: 2rem; border-right: 1px solid #EEE; }
	.mdInfoUl li:nth-child(2n) {padding-left: 2rem; padding-right: 0;}
	.mdInfoUl li span {margin-bottom: 0.4rem; margin-right:0;}
	.mdInfoUl li.mow100 {
		width: 100%;
		padding-right: 0;
		padding-top: 2rem;
		margin-top: 2rem;
		border-top: 1px solid #EEE;
	}
	
	.mdTagBox {padding: 2.4rem 2rem 2rem 2rem;}
	.mdTagTitle {font-size: 1.8rem; line-height: 2.4rem; padding-bottom: 1.4rem; margin-bottom: 1.4rem;}
	.mdTag {font-size: 1.5rem; line-height: 2.5rem;}
	.mdTag span {padding-right: 0.4rem;}
}

@media (max-width:767px) {
	
	.memberDtailCont {flex-direction: column; padding-top: 6rem;}
	.mdbackArrowBox {
		display: flex;
		align-items: center;
		margin-bottom: 6rem;
		position: absolute;
		left: 0;
		top: 0;
	}
	.mdLeft {width: 100%;}
	.mdRight {width: 100%; margin-top:3rem;}
	
	.mdTagBox {margin-top:6rem;}
	.mdTag {font-size: 1.5rem; line-height: 3.3rem;}
	.mdLeft .mdTagBox {display:none;}
	.mdRight .mdTagBox {display:block;}
	
	
}


/* 오시는 길 */
.roadWrap .subVWrap {background:url(../img/sub/road-bg.jpg) no-repeat center / cover;}

.contactCont {padding:12rem 0 0;}

.map {
    width: 100%;
    height: 0;
    padding-bottom: 38.89%;
    background: #f8f8f8;
    position: relative;
    overflow: hidden;
}
.mapImg {width:160%; height:160%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

.contactInfo {border-top:1px solid #111; padding-bottom:6rem;}
.contactInfo li {display: flex; padding:3rem 0; align-items: center; border-bottom:1px solid #EEE;}
.contactInfo li:last-child {border-bottom:none;}


.ctactInfoLeft {display: flex; margin-right:5rem; align-items: center; min-width:16.2rem;}
.ctactInfoRight {}
.ctactIcon {width: 6rem; height: 6rem; border-radius:50%;}
.ctactIcon img {height: auto; width: 100%;}

.ctactBtitle {
	color: #111;
	font-family: "Pretendard-Medium";
	font-size: 2.2rem;
	line-height: 3.2rem;
	margin-left:1.8rem;
}
.ctacttxt {
    color: #111;
    font-size: 2.2rem;
    line-height: 3.2rem;
    margin-bottom: 1.4rem;
	font-family: "Pretendard-Medium";
}
.contactInfo li:nth-child(2) .ctacttxt {margin-bottom:0;}
.ctactlisttxt {
	color: #111;
	font-family: "Pretendard-Light";
	font-size: 1.8rem;
	line-height: 3rem;
	padding-left:1.4rem;
	position:relative;
	margin-top:0.6rem;
}
.ctactlisttxt:last-child {margin-bottom:0;}
.ctactlisttxt::before {
	content:'';
	width: 4px;
	height: 4px;
	background: #1A3764;
	position:absolute;
	left:0;
	top:50%;
	border-radius:50%;
	transform:translateY(-50%);
}

@media (max-width:1500px) and (min-width:992px) {
	.ctactIcon {width: 5.5rem; height: 5.5rem;}
	.ctactBtitle {font-size: 2rem; line-height: 3rem; margin-left: 1.8rem;}
	.ctacttxt {font-size: 2rem; line-height: 3rem; margin-bottom: 1.2rem;}
	.ctactlisttxt {font-size: 1.6rem; line-height: 2.8rem; padding-left: 1.4rem; margin-bottom: 0.6rem;}
}
@media (max-width:991px){
	.roadWrap .subVWrap {background:url(../img/sub/road-bg-mo.jpg) no-repeat center / cover;}
	.contactCont {padding: 8rem 0 0;}
	.contactInfo {padding-bottom: 6rem;}
	.ctactIcon {width: 4rem; height: 4rem;}
	.ctactInfoRight {margin-left: 5.2rem;}
	.ctactInfoRight .ctacttxt {margin-bottom:0;}
	.ctactBtitle {font-size: 1.8rem; line-height: 3.2rem; margin-left: 1.2rem;}
	.ctacttxt {font-size: 1.6rem; line-height: 2.6rem; word-break: keep-all;}
	.ctactlisttxt {font-size: 1.4rem; line-height: 2.2rem; margin-top: 0.6rem; word-break: keep-all;}
	.ctactlisttxt::before {top: 1.1rem;}
	.map {width: 100%; padding-bottom: 106.89%;}
	.mapImg {width:160%; height:160%;}
}

@media (max-width:767px){
	.contactCont {padding: 6rem 0 0;}
	
	.contactInfo li {
		display: flex;
		padding: 2rem 0;
		align-items: flex-start;
		border-bottom: 1px solid #EEE;
		flex-direction: column;
	}
}












