@charset "utf-8";


/* 위원회소개 */ 
.cmtGreeting { width:100%; display:flex;     justify-content: space-between; }
.cmtGreeting .pic { position: relative; display: inline-block; width: 350px; border-radius: 5px 5px 30px 5px; box-shadow: 2px 3px 10px #ddd; overflow:hidden; }
.cmtGreeting .pic img { width:100%; height:100%; object-fit: cover; }

.cmtGreeting .txtBox { position: relative; width:calc(100% - 400px); border-top:3px #ddd dotted; border-right:3px #ddd dotted; border-top-right-radius:20px; margin: 20px 0 30px; padding: 30px 0 0; word-break: keep-all;   }
.cmtGreeting .txtBox .tit { position: absolute; top: -22px; font-weight: 900; font-size:3.5rem; background: #fff; padding: 0 12px 0 0; }
.cmtGreeting .txtBox .con strong { font-size:2.4rem; color:#008270; margin:10px 0 20px; display:block;  }


.cmtGreeting .txtBox:after { position: absolute; content: '';     bottom: -30px; background:#fff url(/images/common/dg_line.png) repeat-x bottom; height: 2.4rem; width: 100%; opacity: .2; }
.cmtGreeting .txtBox:before { position:absolute; top:-3px; right:-3px; content:''; width:10%; height:40%; border-radius:0 20px 0 0; border-right:3px solid #008270; border-top:3px solid #008270; z-index:1; animation:borderUp 1s linear forwards; animation-delay:0.6s; }


@keyframes borderUp {
	0% { width:10%; }
	80% { width:40%; }
	100% { width:50%; }
}



@media (min-width: 1024px) and (max-width: 1279px) {
	@keyframes borderUp {
		0% { width:10%; }
		80% { width:20%; }
		100% { width:40%; }
	}
}

@media (max-width: 1023px) {
	.cmtGreeting { flex-direction: column; }
	.cmtGreeting .pic { width:100%; min-height:240px; margin-bottom: 40px; }
	.cmtGreeting .txtBox { width:100%;  }
	
	@keyframes borderUp {
		0% { width:10%; }
		80% { width:20%; }
		100% { width:40%; }
	}
}


@media (max-width: 425px) { 
	.cmtGreeting .txtBox:before { display:none; }
}


/* 위원회 구성 */
.cmtMember { width:100%; }
.cmtMember > ul { display:flex; justify-content: space-between; flex-wrap: wrap;  }
.cmtMember > ul > li { width:calc(50% - 15px); margin-bottom: 30px; border:1px solid #ddd; border-radius: 15px; transition:.4s; overflow:hidden; display: flex; flex-direction: column; justify-content: space-between; }
.cmtMember > ul > li .mProTop { padding:25px; min-height:260px;}

.cmtMember > ul > li .mProTop > dl { position: relative; padding: 0 0 20px 180px; box-sizing: border-box; }
.cmtMember > ul > li .mProTop > dl dt { position: absolute; left: 0; max-width:145px; }
.cmtMember > ul > li .mProTop > dl dt img { max-width:100%; border-radius:10px; width:140px; max-height:180px; height:auto; }
.cmtMember > ul > li .mProTop > dl dd { width: 100%; }


.cmtMember > ul > li.chairman { background:#f5fafa; }
.cmtMember > ul > li.chairman .mProTop dl dd strong { color:#00796B; }
.cmtMember > ul > li .mProTop dl dd strong { display:block; font-size:2.4rem; margin-bottom:20px; }
.cmtMember > ul > li .mProTop dl dd strong span { font-size:.8em; font-weight:400; }

.cmtMember > ul > li .mProTop .dot li { padding: 0 0 0 90px; margin-bottom: 8px; }
.cmtMember > ul > li .mProTop .dot li em { position: absolute; left: 14px; width: 54px; font-weight: 200; display: inline-block; text-align: justify; text-justify: inter-ideograph; }
.cmtMember > ul > li .mProTop .dot li em:after { content:''; display:inline-block; width:100%; height: 0; line-height: 0; font-size: 0; }
.cmtMember > ul > li .mProTop .dot li span i { font-size:.9em; font-weight: 100; margin-left: 10px; color: #888; }


.cmtMember > ul > li .mProBtm { display:flex; border-top:1px solid #ddd; overflow:hidden; border-radius: 0 0 15px 15px; }
.cmtMember > ul > li .mProBtm a { display:flex; align-items:center; justify-content: center;  width:50%; height:50px; line-height:50px; background:#fafafa; color:#888; transition:.4s;  }
.cmtMember > ul > li .mProBtm a:first-child { border-right:1px solid #ddd; } 
.cmtMember > ul > li .mProBtm a:active,
.cmtMember > ul > li .mProBtm a:focus,
.cmtMember > ul > li .mProBtm a:hover { background:#FFFDE7; color:#00796B; }


.cmtMember > ul > li:hover { border:1px solid #00796B; } 



@media (max-width: 1279px) {
	.cmtMember > ul > li.chairman .mProTop { padding:16px; }
	.cmtMember > ul > li .mProTop dl dt { max-width:120px;  }
	.cmtMember > ul > li .mProTop dl { padding:0 0 20px calc(100% - 60%); }
}



@media (max-width: 768px) {
	.cmtMember > ul > li { width:100%; }
	.cmtMember > ul > li .mProTop dl dt { width:35%; max-width:155px; }
	.cmtMember > ul > li .mProTop dl dt img {width:87%; max-width:119px; height:auto;}
}


/* 의사일정 */
.mSechedule { width:100%; height:784px; }
.mSechedule .scheduleLeft { position:relative; float:left; width:calc(50% - 20px); height:784px; margin-right:20px; }

.mSechedule .scheduleLeft .calendar_date { width:380px; height:26px; line-height:26px; text-align:center; margin:12px auto 22px;  }
.mSechedule .scheduleLeft .calendar_date .date { position:relative; top:1px;  font-size:172%; font-family:NotoSans-Medium, "본고딕 미디엄"; }
.mSechedule .scheduleLeft .calendar_date .date strong { color:#026bad;  }

.mSechedule .scheduleLeft .calendar_date #cal_prev { float:left; }
.mSechedule .scheduleLeft .calendar_date #cal_next { float:right; }

.mSechedule .scheduleLeft .calendar_calendar { width:100%; } 
.mSechedule .scheduleLeft .calendar_calendar table { border-collapse:separate; border-top:2px solid #000; border-right:1px solid #ddd; }
.mSechedule .scheduleLeft .calendar_calendar table th { width:14.2%; height:60px; line-height:60px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; background:#f2f2f2; color:#113d8e; }
.mSechedule .scheduleLeft .calendar_calendar table th.sun,
.mSechedule .scheduleLeft .calendar_calendar table th.sat { width:14.5%; }
.mSechedule .scheduleLeft .calendar_calendar table td { height:100px; line-height:100px; border-bottom:1px solid #ddd;  border-left:1px solid #ddd; background:#fff; color:#666; text-align:center;  }


.mSechedule .scheduleLeft .calendar_calendar table .sun { color:#da131a;}
.mSechedule .scheduleLeft .calendar_calendar table .sat { color:#1757b7;}
.mSechedule .scheduleLeft .calendar_calendar table td.none { background:#fafafa; } 

.mSechedule .scheduleLeft .calendar_calendar table td.today { text-decoration:underline; font-weight:bold; font-size:150%; color:#113d8e; }
.mSechedule .scheduleLeft .calendar_calendar table td.onday a { height:100px; line-height:100px; background:#cde1f9;  color:#333; font-weight:bold; font-size:150%; display:block;  }
.mSechedule .scheduleLeft .calendar_calendar table td.today a { height:100px; line-height:100px; color:#1757b7; text-decoration:underline; font-weight:bold; font-size:150%; display:block; }

.mSechedule .scheduleLeft h4 { position:absolute; left:0; bottom:0; }


.mSechedule .scheduleRight { float:left; width:calc(50% - 20px); margin-left:20px; }
.mSechedule .scheduleRight .bar { position:relative; width:100%; height:50px; line-height:50px; padding-left:20px; box-sizing:border-box; background:#0073bc; color:#aaccea; font-size:110%; font-family:NotoSans-Medium, "본고딕 미디엄"; margin-bottom:10px;  }
.mSechedule .scheduleRight .bar span { color:#fff;}
.mSechedule .scheduleRight .bar .more { position:absolute; right:15px; top:17px; }

.mSechedule .scheduleRight .scbox { position:relative; width:100%; height:568px; padding:20px; border:1px solid #ddd; box-sizing:border-box; background:#fff; overflow:auto;  }
.mSechedule .scheduleRight .scbox ul.scheduleList { width:100%; }
.mSechedule .scheduleRight .scbox ul.scheduleList li { margin-bottom:20px; display:block; }

.mSechedule .scheduleRight .scbox ul.scheduleList li.none { width:100%; padding:150px 0 200px 0; background:url(/kiosk/images/sub/schedule_none_icon.jpg) no-repeat 50% 180px; text-align:center; font-size:125%;  }
.mSechedule .scheduleRight .scbox ul.scheduleList li .inbox { padding:25px 30px; background:#f9f9f9; }
.mSechedule .scheduleRight .scbox ul.scheduleList li .inbox .resultContent { line-height:1.8; }