@charset "utf-8";

.pop_profile{z-index:101; position:fixed; opacity:0; visibility:hidden; width:700px; top:2%; left:50%;
					transform:translateX(-50%); background:url(/images/kr/main/pop_profile_bg.png); box-shadow:0 5px 10px rgba(0,0,0,0.25); transition:0.4s ease-in-out;}
.pop_profile.on{opacity:1; visibility:visible; top:10%;}
.pop_profile h1{padding:15px 0; text-align:center; font-size:20px; color:#fff;background:#00c5de;}
.pop_profile .info{overflow:hidden; width:100%; padding:27px 3% 10px 3%; box-sizing:border-box;}
.pop_profile .pic_wrap{overflow:hidden; width:100%; margin:0 0 15px;}
.pop_profile .pic{float:left; width:29%;}
.pop_profile .pic img{width:100%; border:5px solid #01a1b6; box-sizing:border-box;}
.pop_profile .pic .name{width:100%; padding:8px 0 0 0; font-size:110%; font-weight:bold; color:#0a58a5; text-align:center;}
.pop_profile .detail{float:right; width:67%;}
.pop_profile .detail li{position:relative; padding:10px 0 10px 8px; border-bottom:1px solid #cfcfcf;  font-weight:500}
.pop_profile .detail li:before{content:''; display:block; position:absolute; top:17px; left:0; height:3px; width:3px; background:#474747; border-radius:50%;}
.pop_profile .detail li *{display:inline-block; vertical-align:top; }
.pop_profile .detail li em{width:65px; white-space:pre;  font-weight:700}
.pop_profile .detail li span{width:75%;}
.pop_profile .career{clear:both; margin:0px 0 10px 0;}
.pop_profile .career h2{position:relative; padding:0px 0 6px 10px; font-size:105%; font-weight:600;}
.pop_profile .career .list2{height:160px; padding:10px; overflow:auto; border:1px solid #cfcfcf; line-height:1.5em; background:#fff;}
.pop_profile .career li{position:relative; padding:0 0 0 10px; font-weight:500}
.pop_profile .career li:before{content:''; display:none; position:absolute; top:12px; left:0; height:1px; width:5px; background:#474747;}
.btn_p_close{width:100%; padding:8px 0 12px 0; text-align:right; background:#535353;}
.btn_p_close a{display:inline-block; padding:0 20px 0 0; color:#fff; font-size:13px; letter-spacing:0; text-transform:uppercase;}
.tit .btn_p_close{position:absolute; top:13px; 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:35px; height:1px; transform:rotate(45deg); transform-origin:0 100%; background:#fff;}
.tit .btn_p_close a:after{margin:0 0 0 -10px; transform:rotate(-45deg); transform-origin:100% 100%;}

@media all and (max-width:768px){
	.pop_profile{width:80%; min-width:300px;}
}


@media all and (max-width:568px){
	.pop_profile{width:94%; min-width:300px;}
	.pop_profile.on{top:4%;}
	.pop_profile .detail li span{width:calc(100% - 65px);}
	.pop_profile .detail li{padding:5px 0 5px 8px }
}
@media all and (max-width:430px) {
	.pop_profile .info{padding:20px 10px 10px 10px;}
	.pop_profile .pic .name{font-size:105%;}
	.pop_profile .detail li em{width:55px;}
	.pop_profile .career .list2{height:150px;}
}