@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;}

.impl .doctor01 > ul >  li {cursor: pointer; display:inline-block; margin:10px 17px;}
.impl .doctor01 > ul >  li:nth-child(1){width:100%;}
.impl .doctor01 > ul >  li:nth-child(1) img {padding-left:50px;}


#con02 .doctor01 > ul >  li {cursor: pointer; display:inline-block; margin:10px 24px}



@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 {display: flex; flex-wrap: wrap; justify-content: center;}
	.doctor01 > ul >  li {width:23%; display:inline; }
	.doctor01 > ul >  li img  {width:100%; }
	.doctor01 > ul >  li {display:inline-block; margin:10px 5px;}

	.impl .doctor01 > ul >  li:nth-child(1) img {padding-left:0;}
	.impl .doctor01 > ul >  li:nth-child(1) img:nth-child(1) {width:23%;}
	.impl .doctor01 > ul >  li:nth-child(1) img:nth-child(2) {width:70%;}

	#con02 .doctor01 > ul >  li {display:inline-block; margin:10px 15px;}
	#con02 .doctor01 > ul >  li:nth-child(4), 
	#con02 .doctor01 > ul >  li:nth-child(5), 
	#con02 .doctor01 > ul >  li:nth-child(6), 
	#con02 .doctor01 > ul >  li:nth-child(8) {margin: 10px 24px;}




	/*#con02 .doctor01 > ul >  li:nth-child(4) img {width:50%; }*/
}