@charset "utf-8";

/*회의록 내 프로필 스타일*/
.pop_profile p{margin:0;}
#top .pop_profile{top:100px;}
#top .pop_profile.on{top:110px;}

body{min-width:320px;}

.pop_profile{z-index:101; opacity:0; visibility:hidden; position:fixed; top:2%; left:50%; width:500px; transform:translateX(-50%); background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.25); transition:0.4s ease-in-out; font-family:'score','Noto Sans KR','Nanum Gothic', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif' !important;}
.pop_profile.on{opacity:1; visibility:visible; top:10%;}
.pop_profile h1{padding:15px 0 14px; text-align:center; font-size:20px; color:#fff; box-shadow:0 5px 5px rgba(0,0,0,0.2); background:#416bb2; font-family:'score','Noto Sans KR','Nanum Gothic', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif' !important;}
.pop_profile .info{overflow:hidden; width:100%; padding:22px 15px 15px 15px; box-sizing:border-box;}
.pop_profile .pic_wrap{position:relative; width:100%; min-height:155px; padding:0 0 10px 117px; box-sizing:border-box;}
.pop_profile .pic{position:absolute; top:0; left:0; max-width:102px; margin:0 0 10px 0;}
.pop_profile .pic img{max-width:100%; border:1px solid #e5e5e5; box-sizing:border-box;}
.pop_profile .pic .name{width:100%; padding:8px 0 0 0; font-size:106%; font-weight:600; text-align:center;}
.pop_profile .detail{width:100%; margin:0 0 0.5em 0; line-height:1.5em;}
.pop_profile .detail li{position:relative; padding:0 0 4px 80px; margin:0 0 7px 0; border-bottom:1px solid #ddd; box-sizing:border-box;}
.pop_profile .detail li:before,
.pop_profile .career h2:before{content:''; display:block; position:absolute; top:11px; left:0; height:4px; width:4px; background:#d5525e; border-radius:50%;}
.pop_profile .detail li *{display:inline-block; vertical-align:top;}
.pop_profile .detail li em{position:absolute; top:0; left:8px; width:70px; white-space:pre; font-weight:400; color:#000;}
.pop_profile .detail li span{width:100%; word-break:break-all;}
.pop_profile .career{position:relative; clear:both; width:100%;}
.pop_profile .career h2{position:relative; padding:0px 0 6px 10px; font-size:105%; font-weight:normal; color:#000; font-family:'score','Noto Sans KR','Nanum Gothic', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif' !important;}
.pop_profile .career .list{height:160px; padding:10px; overflow:auto; border:1px solid #ddd; line-height:1.5em; background:#f9f9f9 url(/images/common/logo_l.png) no-repeat bottom -80px right -51px; background-size:200px;}
.pop_profile .career li{position:relative; padding:0 0 0 10px;}
.pop_profile .career li:before{content:'';display:block;position:absolute;top: 11px;left:0;height:1px;width:5px;background:#777;}

.btn_p_close{width:100%; padding:8px 0 17px 0; text-align:right; background:#ccc;} 
.btn_p_close a{display:inline-block; padding:0 20px 0 0; font-weight:900; color:#444; font-size:13px; letter-spacing:0; text-transform:uppercase;}
.tit .btn_p_close{position:absolute; top:17px; right:10px; width:auto; padding:0; background:none;}
.tit .btn_p_close a{position:relative; width:27px; height:27px; padding:0; font-size:0; line-height:0; text-indent:-999px; vertical-align:top;}
.tit .btn_p_close a:before,
.tit .btn_p_close a:after{content:''; display:block; width:25px; height:3px; transform:rotate(45deg); transform-origin:0 100%; background:#fff;}
.tit .btn_p_close a:after{margin:-3px 0 0 -5px; transform:rotate(-45deg); transform-origin:100% 100%;}

@media all and (max-width:568px){
	.pop_profile{width:94%; min-width:300px;}
	.pop_profile.on{top:4%;}
	.pop_profile .detail li:before,
	.pop_profile .career h2:before{top:6px;}
	.pop_profile .career .list{height:150px; background-size:150px; background-position: bottom -55px right -31px;}
	.pop_profile .career li:before {top:10px;}
}
@media all and (max-width:380px) {
	.pop_profile h1{padding:13px 0 12px; font-size:18px;}
	.pop_profile .pic_wrap{padding-left:31%;}
	.pop_profile .pic{max-width:28%}
	.pop_profile .detail li{padding:0 0 4px 64px;}
	.pop_profile .career .list{height:140px;}
	.tit .btn_p_close{top:14px; right:7px;}
}