@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:550px; 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; border-radius: 15px; overflow: hidden;}
.pop_profile.on{opacity:1; visibility:visible; top:10%;}
.pop_profile h1{padding:20px 30px; text-align: left; font-size:20px; color:#fff; background:#18567c; font-family:'score','Noto Sans KR','Nanum Gothic', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif' !important;}
.pop_profile .info{overflow:hidden; width:100%; padding:30px 40px; box-sizing:border-box;}
.pop_profile .pic_wrap{position:relative; width:100%; min-height:155px; padding:0 0 0px 117px; box-sizing:border-box; border-bottom: 1px solid #ddd; margin-bottom: 25px;}
.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; border-radius: 10px;}
.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 1.5em 0; line-height:1.5em;}
.pop_profile .detail li{position:relative; padding:0 0 0 100px; border-bottom:1px solid #ddd; box-sizing:border-box; line-height: 35px;}
.pop_profile .detail li:last-child {border-bottom: none;}
.pop_profile .detail li *{display:inline-block; vertical-align:top;}
.pop_profile .detail li em {position:absolute; top:0; left:8px; width:82px; white-space:pre; font-weight:600; color:#000;}
.pop_profile .detail li em:after {content: ''; width: 2px; height: 15px; background: #d9d9d9; position: absolute; top: 50%; right: 6px;
 transform: translateY(-50%);}
.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 0; 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 h2:before {content: ''; width: 30px; height: 30px; background: url(/images/kr/common/profile_ico01.png) no-repeat 0px -1px; display: inline-block; background-size: contain; vertical-align: middle; margin-right: 8px;}
.pop_profile .career .list{padding:20px 30px; 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; border-radius: 20px; padding-right: 10px; }
.pop_profile .career .list .list_inner {padding-right: 10px; overflow-y: auto; height: 160px;}
.pop_profile .career li{position:relative; padding:0 0 0 10px;}
.pop_profile .career li:before{content: ''; display: block; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; background: #014897; border-radius: 50%;}
.pop_profile .list .dash {margin: 0 0 20px 5px;}
.pop_profile .list strong {position: relative;}
.pop_profile .list strong:before {content: ''; width: 22px; height: 20px; display: inline-block; vertical-align: sub; margin-right: 5px; background: url(/images/kr/common/profile_ico02.png) no-repeat -4px -2px; background-size: 58px 25px;}
.pop_profile .list strong.li02:before {background-position: -33px -2px;}

.btn_p_close{width:100%; padding:8px 0 10px 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:22px; 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%;}
.lec2 {letter-spacing: 10px;}
.lec3 {letter-spacing: 0.6px;}

@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{padding: 20px 20px;}
	.pop_profile .info {padding: 25px 25px;}
	.pop_profile .career .list .list_inner {height: 105px;}
	.pop_profile .detail li {line-height: 31px; font-size: 14px;}
	.pop_profile .detail {margin: 0 0 1em 0;}
	.pop_profile .pic_wrap {margin-bottom: 15px;}
}

@media all and (max-width:380px) {
	.pop_profile h1{padding:13px 20px 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;}
	.pop_profile .detail li em {width: 59px;}
	
}