@charset "utf-8";
section {border:1px solid #cccccc; width:100%; max-width:1200px; margin:60px auto 50px; padding:50px 10px 50px 10px; }
/* 내용관리 */
#ctt {margin:10px 0;padding:20px;background:#fff}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

.cata {width:100%; max-width:1000px; height:50px; float:right;}
.cata a {padding:10px 10px 10px 10px; float:right; font-size:18px; font-weight:600; background:#0c829a; color:#ffffff;}

.law{ width:100%; max-width:1100px; margin:40px auto 30px;}
.law .law_tit {font-size:20px; font-weight: 600; margin-top:-20px; margin-left:20px; margin-right:30px; float:left;}
.law .law_tit2 {font-size:20px; font-weight: 300; margin-top:-20px; margin-left:20px; margin-right:30px; float:left;}

/* 
	구성원 상세
*/
.member-view { 
	display: flex; 
}
.member-view .img-wrap {
	flex-shrink:0;
	width: 33%;
}
.member-view .img-wrap img {
	max-width:100%;
}
.member-view .txt-wrap {
	padding-left: 7%;
	width: 100%;
}
.member-view .txt-wrap .name {
	display: flex;
    align-items: end;
	padding-bottom: 13px;
	border-bottom:1px solid #d3d4de;
	font-weight: 300; font-size: 24px;
	color: #111;
}
.member-view .txt-wrap .name strong {
	font-weight: 500;
}
.member-view .txt-wrap .name span {
	margin-left: auto;
	font-weight: 300; font-size: 18px;
	font-family: 'Outfit', sans-serif;
	color: #22265b;
	letter-spacing: 0;
}
.member-view .detail {
	counter-reset: conts;
}
.member-view .txt-wrap-en .detail {
	counter-reset: conts-en;
}
.member-view .conts {
	display: flex;
	margin-top: 80px;
}
.member-view .conts-en {
	display: block;
	margin-top: 80px;
}
.member-view .conts .sub-tit {
	flex-shrink:0;
	display: flex;
    align-items: center;
	padding-left: 20px;
	width:180px; height:50px;
	background:#22265b;
	font-weight: 500; font-size: 18px;
	color: #fff;
	text-align:center;
}
.member-view .conts .sub-tit:before {
  counter-increment: conts;
	content: "0" counter(conts) ".";
	margin-right: 10px;
	font-family: 'Outfit', sans-serif;
	letter-spacing: 0;
}
.member-view .conts-en .sub-tit-en {
	display: inline-block;
	align-items: center;
	padding: 20px;
	margin-bottom: 30px;
	background:#22265b;
	font-weight: 500; font-size: 20px;
	color: #fff;
	text-align:left;
}
.member-view .conts-en .sub-tit-en:before {
	counter-increment: conts-en;
	content: "0" counter(conts-en) ".";
	margin-right: 10px;
	font-family: 'Outfit', sans-serif;
	letter-spacing: 0;
}
.member-view .conts .box {
	padding-left: 7%;
	width: 100%;
}
.member-view .conts .box h1 {
	margin:30px 0 15px;
	font-weight: 700; font-size: 20px;
	color: #22265b;
}
.member-view .conts .box h1:first-of-type {
	margin-top: 0;
}
.member-view .conts-en .box h1 {
	margin:30px 0 15px;
	font-weight: 700; font-size: 20px;
	color: #22265b;
}
.member-view .conts-en .box h1:first-of-type {
	margin-top: 0;
}
.member-view .conts ul {
}
.member-view .conts ul li {
	margin-bottom: 8px;
	padding-left: 15px;
	font-weight: 300; font-size: 18px;
	color: #333;
	text-indent: -15px;
}
.member-view .conts ul li:last-child {
	margin-bottom: 0;
}
.member-view .conts ul li:before {
	content:'■';
	position: relative; top: -3px;
	margin-right: 7px;
	font-weight: 700; font-size: 10px;
	color: #22265b;
}
.member-view .conts-en ul {
}
.member-view .conts-en ul li {
	margin-bottom: 12px;
	padding-left: 15px;
	font-weight: 300; font-size: 19px;
	color: #333;
	text-indent: -15px;
}
.member-view .conts-en ul li:last-child {
	margin-bottom: 0;
}
.member-view .conts-en ul li:before {
	content:'□';
	position: relative; top: -3px;
	margin-right: 7px;
	font-weight: 700; font-size: 10px;
	color: #22265b;
}
.member-view .txt-wrap-en {
	padding-left: 7%;
	width: 100%;
}
.member-view .txt-wrap-en .name {
	display: block;
	padding-bottom: 10px;
	border-bottom:1px solid #d3d4de;
	font-weight: 300; font-size: 30px;
	color: #111;
}
.member-view .txt-wrap-en .name strong {
	font-weight: 700; font-size: 60px;
}
.member-view .txt-wrap-en .name span {
	float:right;
	margin-left: auto; margin-top: -30px;
	font-weight: 300; font-size: 20px;
	font-family: 'Outfit', sans-serif;
	color: #22265b;
	letter-spacing: 0;
}

@media screen and (max-width: 950px) { 
	.member-view .txt-wrap .name {
		flex-wrap:wrap;
	}
	.member-view .txt-wrap .name span {
		width: 100%;
		text-align:right;
	}
	.member-view .conts {
		display: block;
	}
	.member-view .conts .box {
		margin-top: 30px;
		padding-left: 0;
	}
}
@media screen and (max-width: 767px) { 
section {border:1px solid #cccccc; width:100%; max-width:380px; margin:20px auto 50px; padding:50px 10px 10px 10px; }


.law{ width:100%; max-width:350px; margin:30px auto 20px; display: flex;  flex-wrap: wrap;}
.law .law_tit {font-size:20px; font-weight: 600; margin-top:-20px; margin-left:20px; margin-right:30px; float:left;}
.law .law_tit2 {font-size:20px; font-weight: 300; margin-top:-20px; margin-left:20px; margin-right:30px; float:left;}

.lawyer {display: flex;  flex-wrap: wrap; }
.lawyer li { margin-left:10px; width:50%; max-width:160px; margin-top:10px; float:left;  text-align:center; height:380px;}
.lawyer li img {width:95%;}


	.member-view {
		display: block;
	}
	.member-view .img-wrap {
		padding:0 10%;
		width: 100%;
		text-align:center;
	}
	.member-view .txt-wrap {
		margin-top: 40px;
		padding:0;
	}
	.member-view .txt-wrap .name {
		font-size: 36px;
	}
	.member-view .txt-wrap .name span {
		font-size: 15px;
	}
	.member-view .conts {
		margin-top: 40px;
	}
	.member-view .conts .sub-tit {
		padding-left: 12px;
		width:130px; height:40px;
		font-size: 16px;
	}
	.member-view .conts-en .sub-tit-en {
		padding: 10px;
		font-size: 16px;
	}
	.member-view .conts .box h1 {
		margin:25px 0 10px;
		font-size: 16px;
	}
	.member-view .conts ul li {
		margin-bottom: 10px;
		padding-left: 13px;
		font-size: 16px;
		text-indent: -13px;
	}
	.member-view .conts ul li:before {
		font-size: 7px;
	}
	.member-view .txt-wrap-en .name {
		padding-top: 10px;
		font-size: 18px;
	}
	.member-view .txt-wrap-en .name strong {
		font-size: 26px;
	}
	.member-view .txt-wrap-en .name span {
		margin-top: -18px;
		font-size: 15px;
	}
}