/*이벤트*/
.eventList .contentWrap {padding-top:0px;}
.eventList .listArea {margin-bottom:60px;}
.eventList .listArea .gridWrapper {overflow:hidden;}
.eventList .listArea .grid {display:flex; flex-wrap:wrap; padding:20px 0 0 20px; margin:-20px}
.eventList .listArea .grid .gridCell {
	box-sizing:border-box;
	width:calc(100% / 3);
	border:0 solid transparent;
	border-width:0 20px 20px 0;
}
.eventList .listArea .gridCell > a.contWrap {display:block; width:100%; height:100%; border:solid 1px #d5d5d5; box-sizing: border-box;}
.eventList .listArea .gridCell .imgCell {position:relative;}
.eventList .listArea .gridCell .imgCell > img {display:block; width:100%;}
.eventList .listArea .gridCell .imgCell .cover {position:absolute; top:0; left:0; width:100%; height:100%;}
.eventList .listArea .gridCell .imgCell .cover .rectLine {position:absolute; top:50px; bottom:50px; left:30px; right:30px; border:solid 1px #ffffff;}
.eventList .listArea .gridCell .imgCell .cover .listLogo {position:absolute; top:10px; left:30px;}
.eventList .listArea .gridCell .imgCell .cover .iconCell {position:absolute; width:100%; bottom:0; padding:0 30px; padding-bottom:10px; box-sizing: border-box;}
.eventList .listArea .gridCell .imgCell .cover .iconCell img {margin-right:5px;}
.eventList .listArea .gridCell .imgCell .cover .iconCell img:last-child {float:right; margin-right:0;}
.eventList .listArea .gridCell .imgCell .over {position:absolute; display:none; justify-content: center; align-items: center; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,0.5);}
.eventList .listArea .gridCell:hover .imgCell .over {display:flex;}
.eventList .listArea .gridCell .textCell {text-align:center; padding:20px 10px; border-top:solid 1px #d5d5d5; box-sizing: border-box;}
.eventList .listArea .gridCell .textCell .title {font-size:20px; color:#303030; font-family:NotoSansM; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.eventList .listArea .gridCell .textCell .describe {font-size:16px; color:#909090;}
.eventList .listArea .gridCell .textCell .period {font-size:12px; color:#909090; margin-top:10px; padding-top:10px; border-top:solid 1px #d5d5d5;}

/*이벤트 상세*/
.eventView .contentWrap {padding-top:0px;}
.eventView .eventContent {border:solid 1px #d5d5d5; padding:40px; box-sizing: border-box;}
.eventView .eventContent .title {font-size:28px; font-family:NotoSansB; text-align:center; padding-bottom:50px; margin-bottom:50px; border-bottom:solid 1px #d5d5d5;}
.eventView .eventContent .contentText {text-align:center;}
.eventView .eventContent .period {font-size:12px; color:#909090; text-align:right; border-top:solid 1px #d5d5d5; margin-top:50px; padding-top:10px;}

/*의료진소개*/
.introduceDoctor .greeting {height:700px; font-size:0; margin-bottom:100px; background-position:center; background-image:url("/app/layout/web/images/introduceDoctor_contImg1.jpg");}
.introduceDoctor .greeting .contentWrap > div {display:inline-block; vertical-align: bottom;}
.introduceDoctor .greeting .textCell {font-size:18px; color:#303030; letter-spacing: -1px; padding-top:95px; padding-left:100px; box-sizing: border-box;}
.introduceDoctor .greeting .textCell > span {font-size:70px; color:#59c2d8; font-family:RobotoT;}
.introduceDoctor .greeting .textCell > span .bold {font-family:RobotoB;}
.introduceDoctor .greeting .signCell {padding-left:250px; box-sizing: border-box;}

.introduceDoctor .doctorBox {display:flex; margin-bottom:50px;}
.introduceDoctor .doctorBox:last-child {margin-bottom:0;}
.introduceDoctor .doctorBox .photoCell {width:550px;}
.introduceDoctor .doctorBox .photoCell img {width:100%;}
.introduceDoctor .doctorBox .doctorHistory {flex:1; padding:80px; padding-bottom:0; box-sizing: border-box; border:solid 1px #eaeaea; line-height:30px;}
.introduceDoctor .doctorBox .doctorHistory .historyTitle {margin-bottom:35px; border-bottom:solid 2px #59c2d8;}
.introduceDoctor .doctorBox .doctorHistory .historyTitle .decoText {font-size:15px; color:#59c2d8; font-family:RobotoL;}
.introduceDoctor .doctorBox .doctorHistory .historyTitle .nameCell {font-size:35px; color:#303030; margin-bottom:15px;}
.introduceDoctor .doctorBox .doctorHistory .historyTitle .nameCell span {font-family:NotoSansM;}
.introduceDoctor .doctorBox .doctorHistory > table {font-size:18px; color:#303030; letter-spacing: -1px; vertical-align: top;}
.introduceDoctor .doctorBox .doctorHistory > table th {width:75px; font-weight:normal; text-align:left; vertical-align: top;}
.introduceDoctor .doctorBox .doctorHistory .historyCont {font-size:18px; color:#303030; letter-spacing: -1px;}
.introduceDoctor .simpleIntro {padding-bottom:20px; margin-bottom:20px; line-height:30px; border-bottom:1px solid #e2e2e2;}

@media all and (max-width:768px) {
	/*이벤트*/
	.eventList {}
	.eventList .listArea {margin-bottom:60px;}
	.eventList .listArea .gridWrapper {overflow:hidden;}
	.eventList .listArea .grid {display:flex; flex-wrap:wrap; padding:20px 0 0 20px; margin:-20px}
	.eventList .listArea .grid .gridCell {
		box-sizing:border-box;
		width:100%;
		border:0 solid transparent;
		border-width:0 20px 20px 0;
	}
	.eventList .listArea .gridCell > a.contWrap {display:block; width:100%; height:100%; border:solid 1px #d5d5d5; box-sizing: border-box;}
	.eventList .listArea .gridCell .imgCell {position:relative;}
	.eventList .listArea .gridCell .imgCell > img {display:block; width:100%;}
	.eventList .listArea .gridCell .imgCell .cover {position:absolute; top:0; left:0; width:100%; height:100%;}
	.eventList .listArea .gridCell .imgCell .cover .rectLine {position:absolute; top:50px; bottom:50px; left:30px; right:30px; border:solid 1px #ffffff;}
	.eventList .listArea .gridCell .imgCell .cover .listLogo {position:absolute; top:10px; left:30px;}
	.eventList .listArea .gridCell .imgCell .cover .iconCell {position:absolute; width:100%; bottom:0; padding:0 30px; padding-bottom:10px; box-sizing: border-box;}
	.eventList .listArea .gridCell .imgCell .cover .iconCell img {margin-right:5px;}
	.eventList .listArea .gridCell .imgCell .cover .iconCell img:last-child {float:right; margin-right:0;}
	.eventList .listArea .gridCell .imgCell .over {position:absolute; display:none; justify-content: center; align-items: center; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,0.5);}
	.eventList .listArea .gridCell:hover .imgCell .over {display:flex;}
	.eventList .listArea .gridCell .textCell {text-align:center; padding:10px 5px; border-top:solid 1px #d5d5d5; box-sizing: border-box;}
	.eventList .listArea .gridCell .textCell .title {font-size:14px; color:#303030; font-family:NotoSansM; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.eventList .listArea .gridCell .textCell .describe {font-size:16px; color:#909090;}
	.eventList .listArea .gridCell .textCell .period {font-size:12px; color:#909090; margin-top:10px; padding-top:10px; border-top:solid 1px #d5d5d5;}
	
	/*이벤트 상세*/
	.eventView {}
	.eventView .eventContent {border:solid 1px #d5d5d5; padding:15px; box-sizing: border-box;}
	.eventView .eventContent .title {font-size:22px; font-family:NotoSansB; text-align:center; padding-bottom:20px; margin-bottom:20px; border-bottom:solid 1px #d5d5d5;}
	.eventView .eventContent .contentText {text-align:center;}
	.eventView .eventContent .period {font-size:12px; color:#909090; text-align:right; border-top:solid 1px #d5d5d5; margin-top:50px; padding-top:10px;}
	
	/*의료진소개*/
	.introduceDoctor .doctorBox {display:flex; flex-direction: column-reverse; margin-bottom:40px;}
	.introduceDoctor .doctorBox:last-child {margin-bottom:0;}
	.introduceDoctor .doctorBox .photoCell {width:100%; padding:25px; box-sizing:border-box;}
	.introduceDoctor .doctorBox .photoCell img {display:block; width:100%;}
	.introduceDoctor .doctorBox .doctorHistory {flex:1; padding:20px 10px; box-sizing: border-box; border:solid 1px #eaeaea;}
	.introduceDoctor .doctorBox .doctorHistory .historyTitle {margin-bottom:20px; text-align:center; border-bottom:solid 2px #59c2d8;}
	.introduceDoctor .doctorBox .doctorHistory .historyTitle .decoText {font-size:12px; color:#59c2d8; font-family:RobotoL;}
	.introduceDoctor .doctorBox .doctorHistory .historyTitle .nameCell {font-size:22px; color:#303030; margin-bottom:5px;}
	.introduceDoctor .doctorBox .doctorHistory .historyTitle .nameCell span {font-family:NotoSansM;}
	.introduceDoctor .doctorBox .doctorHistory > table {font-size:14px; color:#303030; letter-spacing: -1px; vertical-align: top;}
	.introduceDoctor .doctorBox .doctorHistory > table th {width:60px; font-weight:normal; text-align:left; vertical-align: top;}
	.introduceDoctor .doctorBox .doctorHistory .historyCont {font-size:14px; color:#303030; letter-spacing: -1px;}
}