@charset "utf-8";

/* 의원소개 */
.intro {float:left; width:100%;}
.intro > div{display:inline-block; vertical-align:top;}
.intro .left {width: 42%; max-width: 381px; position: relative;}
.intro .img { position: relative; width: 97.375%; z-index: 2; }
.intro .img .wrap { position: relative; max-width: 371px;}
.intro .img .wrap img{width:100%;}
.intro .img p { position: absolute; left: 0; bottom: 0; text-align: right; width: 100%; height: 60px; line-height: 60px; background-color: rgba(0, 0, 0, .7); font-size: 18px; font-weight: 100; color: #fff; box-sizing: border-box; padding: 0 20px; }
.intro .img p img { vertical-align: text-bottom; margin-left: 5px; }
.intro .img .wrap:after {content: ''; display: block; width:100%; height: 100%; background: url("../../images/member/sub/bg_pattern.png") left top repeat; position: absolute; left:10px; top: 10px; z-index: -1; }
.intro .right {width: 57%; box-sizing: border-box; padding-left: 5%;}
.intro .name{padding:20px 10px 0 0; text-align:right;}
/* 의원소개 > 의원인사말 */
#sub_greeting .right h3, #sub_profile .right h3{ margin-bottom: 30px; }
#sub_greeting .right h3 img, #sub_profile .right h3 img { max-width: 100%; }
#sub_greeting .right p {word-wrap:break-word; word-break:keep-all;}
#sub_greeting .right .name { margin-top: 50px; text-align: right; margin-bottom: 50px; }
/* 의원소개 > 의원프로필 */
#sub_profile .pList > li { position: relative; padding: 10px 0; padding-left: 15px; border-bottom: 1px solid #e5e5e5; font-weight: 100; }
#sub_profile .pList > li span { float: left; }
#sub_profile .pList > li .tit { max-width: 80px; }
#sub_profile .pList > li .con { max-width: calc(100% - 80px); }
#sub_profile .pList > li:before { content: ''; display: block; width: 3px; height: 3px; background-color: #155f84; position: absolute; left: 2px; top: 22px; }
#sub_profile .pList > li:after { content: ''; display: block; clear: both; } 
#sub_profile .pList > li.career > div { clear: both; padding-top: 5px; } 
#sub_profile .pList > li.career > div .dash li { margin-bottom: 3px; }
#sub_profile .pList > li.career > div .dash li:before { top: 12px; }
@media all and (max-width: 768px) {
	/* 의원소개 */
	.intro .left,
	.intro .right { float: none; width: 100%; max-width:100%;}
	.intro .left { margin: 0 auto; margin-bottom: 50px; }
	.intro .img .wrap,
	.intro .name{width:320px; margin:0 auto;}
	.intro .name{padding-right:5px;}
	.intro .right { padding-left: 0; }
	.intro .right h3 { font-size: 20px; line-height: 1.2em; word-break: keep-all; word-wrap: break-word; }
	.intro .right h3 span { display: inline; }
}
@media all and (max-width: 568px) {
	.intro .img .wrap,
	.intro .name{width:280px; max-width:65%;}
	#sub_greeting .right .name img { height: 23px; }
}