.sub_top{background-image: url("//static.gnghospital.co.kr/gnghospital-kr/www-img/sub/top_bg/s_01.jpg");height: 175px;}
.sub_top_txt p{color: #2e2d2d;}
.sub_top_txt h1{color: #2e2d2d;}

.ppp{color:#000;text-align: center;padding: 30px 0 40px 0;}

/* list */
#paging{text-align: center;margin-top: 20px;}
#paging span{cursor: pointer;border: 1px solid #ddd;padding: 0 5px;margin: 0 2px;}
#paging span:hover{opacity:0.5}
#paging .selected{font-weight: bold;border-color: #000;}


/* list */
.cat_div li{width: 25%;height: 80px;display: none;}
.cat_div li a div{font-size: 20px;font-weight: bold;}
.cat_div{margin-bottom: 0;}


.bna-selfie li{width: 49%;}
.bna-selfie li:nth-child(odd) {margin-right: 2%;}
.img-div{margin: 0 auto;position: relative;overflow:hidden;}
.img-div img{
/* 	-webkit-filter: blur(10px); */
/*     -moz-filter: blur(10px); */
/*     -o-filter: blur(10px); */
/*     -ms-filter: blur(10px); */
/*     filter: blur(10px); */
    
}  

.bna-selfie .img-div {cursor: pointer;position: relative;} 
.tag-div{height: 50px;margin: 10px auto 20px auto;overflow-y: auto;}
.tag-div p {display: inline-block;padding: 0 23px;height: 21px;line-height: 18px;font-size: 14px;color: #191617;
    border: 1px solid #bbbfc6;margin: 0 3px 5px 0;border-radius: 20px;}
    
#detail-view-wrap{width: 100%;height: 600px;position: fixed;top: 50%;left: 0;margin-top: -250px;z-index: 999999;display: none;} 
#detail-view-wrap .div-1{display: table;width: auto;height: 100%;margin: 0 auto;max-width: 100%;}
#detail-view-wrap .div-2{display: table-cell;vertical-align: middle;} 
#detail-view-wrap .div-3{padding: 40px;background: #fff;position: relative;max-width: 878px;}
#detail-view-wrap .link li{width: 32%;margin-right: 2%;border: 1px solid #ededed;height: 40px;}   
#detail-view-wrap .link .li3{margin-right: 0;}
#detail-view-wrap .link a{display: table;width: 100%;height: 100%;}
#detail-view-wrap .link p{color: #000;font-weight: bold;display: table-cell;vertical-align: middle;text-align: center;line-height: normal;padding: 0 5px;
word-break:keep-all;}
#detail-view-wrap .link li:hover{background: #e6157a;} 
#detail-view-wrap .link a:hover{opacity:1;}
#detail-view-wrap .link li:hover p{color: #fff;}
#detail-view-wrap .tag-div{margin: 10px auto;}
#detail-view-wrap .close_detail{width: 26px;height: 25px;position: absolute;background-position: -6px -858px;
    top: -28px;right: 0;cursor: pointer;}


.blind{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.blind .div-1{position: absolute;width: 50%;height: 100%;top: 0;left: 0;background: rgba(52,52,52,0.75);}

.blind a{display: table;width: 100%;height: 100%;}
.blind .d-1{display: table-cell;vertical-align: middle;}
.blind .div-1 p{color: #fff;font-weight: bold;font-size: 12px;text-align: center;}
.blind .div-1 .p-2{width: 110px;height: 20px;line-height: 19px;border-radius: 20px;border: 1px solid #fff;margin: 0 auto;}
.blind .div-1 .p-1{margin-bottom: 5px;display: none;}
.blind a:hover{opacity:1;}
.blind .div-1:hover{background: rgba(52,52,52,0.90);}
.blind .div-1:hover .p-1{display: block;}


@media only screen and (max-width: 1023px) {
	.sub_top{background-position: 55% 0;}
	.ppp{padding: 15px 0 20px 0;}
	.cat_div li a div{font-size: 16px;}
}

@media only screen and (max-width: 768px) {
	#detail-view-wrap .div-3{padding: 10px;}
}

@media only screen and (max-width: 640px) {
	
	.bna-selfie li{width: 100%;margin: 0 auto;}
	.bna-selfie li:nth-child(odd){margin-right:auto;}
	.cat_div li a div{font-size: 14px;}
	
	#detail-view-wrap{height: 500px;}
	#detail-view-wrap .link p{font-size: 12px;}
	
	.blind p br{display: block;}
	
}