@charset "utf-8";

.subCon{width:850px; margin: 0 auto;}
.subCon{letter-spacing:-1px; line-height:1;}
.doctor01{position:relative;}
.doctor01 > img{max-width:1700px; position:relative; left:50%; margin-left:-850px;}
.subCon > div > div{width:1400px; position:absolute; left:50%; margin-left:-700px; text-align:center; z-index:1;}
.subCon > div > div.doctor_popWrap{height:830px; position:absolute; top:50%; left:50%; margin:-415px 0 0 -700px; display:none; z-index:100;}
.doctor_popWrap > .black_bg{width:100%; height:100%; position:fixed; top:0; left:0; background:#000; opacity:0.67;}
.doctor_pop{position:relative;}
.doctor_pop img{width:50%; display:none;}
.doctor01 > ul >  li {cursor: pointer; display:inline-block; margin:10px 10px}
.doctor01 > ul >  li:first-child{margin-left:16px;}


@media screen and (max-width: 850px){

	.subCon{width:100%; margin: 0 auto;}
	.subCon{letter-spacing:-1px; line-height:1;}
	.doctor01{position:relative;}
	.subCon > div > div.doctor_popWrap{width:100%;height:830px; position:absolute; top:0; left:0; margin:0; display:none; z-index:100;}
	.subCon > div > div{position:absolute; left:50%;  text-align:center; z-index:1;}

	.doctor_popWrap > .black_bg{width:100%; height:100%; position:fixed; top:0; left:0; background:#000; opacity:0.67;}
	.doctor_pop{position:relative;}
	.doctor_pop img{ width: 100%;display:none;}
	.doctor01 > ul >  li {width:27%; display:inline; }

	.doctor01 > ul > li:first-child{margin-left:26px;}
	.doctor01 > ul > li:nth-child(2){margin-right:25px;}


	.doctor01 > ul >  li img  {width:100%; }

	.doctor01 > ul >  li {display:inline-block; margin:5px 5px}

}
