@charset "utf-8";

/* 오늘의 생방송 */
.mTodayOnair { width:100%; }
.mTodayOnair h2 { color:#fff; font-size:3.0rem; text-align:center; margin-bottom:2.0rem;}
.mTodayOnair h2 span { color:#ffb400; margin-right:2rem; }
.mTodayOnair ul { padding:1.6rem 1.6rem; border-radius:2rem; background:#fff; display:flex; justify-content:space-between; box-shadow:0.5rem 0.5rem 0.8rem rgba(0,0,0,0.75); }
.mTodayOnair ul li { width:100%; padding:0 1.2rem; border-right:1px solid #ddd; }
.mTodayOnair ul li:last-child { border-right:none; }

.mTodayOnair ul li a { width:100%; padding:0.8rem 0.8rem; border-radius:0.8rem; background:#eee; color:#333; font-size:2rem; font-weight:700; letter-spacing:-1px; display:flex; justify-content:space-between; align-items:center; }
.mTodayOnair ul li a.off { color:#777; cursor:/*default*/ not-allowed; }

.mTodayOnair ul li a span { width:9rem; height:4rem; line-height:4rem; border-radius:0.8rem; background:#666; color:#ccc; text-align:center; display:inline-block; }
.mTodayOnair ul li a span.off { background:#333; }
.mTodayOnair ul li a span.on { background:#da131a; color:#fff; }


@media (min-width:1025px) and (max-width:1400px){	
	.mTodayOnair ul {  padding:1.6rem 1.6rem; flex-wrap:wrap; row-gap:0.8rem;}
	.mTodayOnair ul li { width:calc(100% / 4); border-right:none; }
	.mTodayOnair ul li:last-child { margin-right:auto; }
	.mTodayOnair ul li a { font-size:1.8rem; }
}

@media (min-width:769px) and (max-width:1024px){
	.mTodayOnair ul {  padding:1.6rem 1.6rem;flex-wrap:wrap; row-gap:0.8rem; }
	.mTodayOnair ul li { width:calc(100% / 3); border-right:none; }
	.mTodayOnair ul li:last-child { margin-right:auto; }
	.mTodayOnair ul li a { font-size:1.8rem; }
}

@media (max-width:768px){
	.mTodayOnair ul { padding:1.6rem 1.6rem; flex-wrap:wrap; row-gap:0.8rem;}
	.mTodayOnair ul li { width:calc(100% / 2); border-right:none; }
	.mTodayOnair ul li:last-child { margin-right:auto; }
	.mTodayOnair ul li a { font-size:1.8rem; }
}

@media (max-width:520px){
	.mTodayOnair h2 span { display:block; margin:0 0 0.4rem 0; }
	.mTodayOnair ul { row-gap:0;}
	.mTodayOnair ul li { width:100%; padding:0.4rem 0; border-bottom:1px solid #eee; }
	.mTodayOnair ul li:last-child { border-bottom:none; }
	.mTodayOnair ul li a { }
	.mTodayOnair ul li a span { height:3.6rem; line-height:3.6rem; }
}



/* cont2 .inner */
#cont2 > .inner { display:flex; justify-content:space-between; gap:4rem; }

#cont2 > .inner > section { width:calc(100% / 3); border-radius:2rem; background:#fff; box-shadow:0.8rem 0.8rem 1rem rgba(0,0,0,0.1); overflow:hidden; }
#cont2 > .inner > section .sectionTop { position:relative; width:100%; height:9rem; padding:0 2rem 0 2.4rem; display:flex; justify-content:space-between; align-items:center; }
#cont2 > .inner > section .sectionTop h2 { color:#fff; font-size:3.2rem; }
#cont2 > .inner > section .sectionTop a:link,
#cont2 > .inner > section .sectionTop a:visited { color:#ccc; }
#cont2 > .inner > section .sectionTop a:active, 
#cont2 > .inner > section .sectionTop a:focus,
#cont2 > .inner > section .sectionTop a:hover { color:#fff; }
#cont2 > .inner > section .sectionTop a img { margin-left:1.2rem; }

#cont2 > .inner > section .sectionBody { padding:2.4rem 2rem 3.6rem; }
#cont2 > .inner > section .sectionBody ul { border-top:1px solid #ddd; margin-bottom:2.4rem; }
#cont2 > .inner > section .sectionBody ul li { border-bottom:1px solid #ddd; }
#cont2 > .inner > section .sectionBody ul li a:link,
#cont2 > .inner > section .sectionBody ul li a:visited { position:relative; padding:0.7rem 0.8rem 0.6rem; display:block; transition:0.3s; }
#cont2 > .inner > section .sectionBody ul li a:active,
#cont2 > .inner > section .sectionBody ul li a:focus,
#cont2 > .inner > section .sectionBody ul li a:hover { background:#f4f4f4; }

#cont2 > .inner > section .sectionBody ul li a strong { color:#333; font-size:2.2rem; display:inline-block; margin-bottom:0.4rem; }
#cont2 > .inner > section .sectionBody ul li a strong span { position:relative; top:-0.2rem; width:4rem; height:2.4rem; line-height:2.4rem; border-radius:1.2rem; background:#009944; color:#fff; font-size:1.5rem; font-weight:700; text-align:center; display:inline-block; margin-right:1rem; }
#cont2 > .inner > section .sectionBody ul li a div { display:flex; justify-content:flex-start; }
#cont2 > .inner > section .sectionBody ul li a div span { position:relative; }
#cont2 > .inner > section .sectionBody ul li a div span:after { content:''; position:relative; top:-3px; width:0.6rem; height:0.6rem; border-radius:50%; background:#ddd; display:inline-block; margin:0 1rem; }
#cont2 > .inner > section .sectionBody ul li a div span:last-child::after { display:none; }
#cont2 > .inner > section .sectionBody ul li a p { color:#555; text-align:center; } 
#cont2 > .inner > section .sectionBody ul li a p strong { color:#777; font-size:3.6rem; display:block; margin-bottom:-0.9rem; }


#cont2 > .inner > section .sectionBody ul li .none { height:76px; background:#f9f9f9; color:#777; display:flex; justify-content:center; align-items:center; }


#cont2 > .inner > section .sectionBody .search {}
#cont2 > .inner > section .sectionBody .search .select_search { float:left; width:calc(50% - 0.6rem); height:4.4rem; padding-left:1.0rem; border:1px solid #ddd; border-radius:0.8rem; background:#fff; display:inline-block; margin-bottom:1.2rem; }
#cont2 > .inner > section .sectionBody .search .select_search.end { float:right; }
#cont2 > .inner > section .sectionBody .search .text_search { width:100%; height:4.4rem; padding-left:1.0rem; border:1px solid #ddd; border-radius:0.8rem; background:#fff; display:block; margin-bottom:1.2rem; }
#cont2 > .inner > section .sectionBody .search .btn_search  { width:100%; height:4.8rem; border-radius:0.8rem; color:#fff; display:block; }



@media (min-width:1025px) and (max-width:1280px){
	#cont2 > .inner { gap:2rem; }
	#cont2 > .inner > section .sectionBody { padding:2.4rem 1.6rem 3.6rem; }
}

@media (min-width:769px) and (max-width:1024px){
	#cont2 > .inner { flex-wrap:wrap; }
	#cont2 > .inner > section { width:calc(100% / 2 - 2rem); }
}

@media (max-width:768px){
	#cont2 > .inner { flex-wrap:wrap; }
	#cont2 > .inner > section { width:100%; }
	#cont2 > .inner > section .sectionBody ul li a div span:after { margin:0 0.8rem; }
}




/* 최근회의록 */
.mMinutes { position:relative;  } 
.mMinutes .sectionTop { background:#14938a url(/mnts/images/main/bar_bg.png) no-repeat 0 50%; }
.mMinutes .sectionTop:before { content:''; position:absolute; right:11rem; bottom:0; width:7.3rem; height:8rem; background:url(/mnts/images/main/minutes_icon.png) no-repeat; display:inline-block; }
.mMinutes .sectionBody ul li a p { position:absolute; right:0.8rem; top:-0.1rem; }
.mMinutes .sectionBody .search .btn_search { background:#14938a; } 


/* 영상회의록 */
.mBroadcast { position:relative;  } 
.mBroadcast .sectionTop { background:#465aa3 url(/mnts/images/main/bar_bg.png) no-repeat 0 50%; }
.mBroadcast .sectionTop:before { content:''; position:absolute; right:11rem; bottom:0; width:10.6rem; height:8rem; background:url(/mnts/images/main/broadcast_icon.png) no-repeat; display:inline-block; }
.mBroadcast .sectionBody ul li a p { position:absolute; right:6.4rem; top:-0.1rem; }
.mBroadcast .sectionBody ul li a i { position:absolute; right:0.8rem; top:1.8rem; }
.mBroadcast .sectionBody .search .btn_search { background:#465aa3; } 

@media (min-width:1025px) and (max-width:1280px){
	.mBroadcast .sectionBody ul li a p { right:4.0rem; }
	.mBroadcast .sectionBody ul li a i { right:0; }
}

@media (min-width:769px) and (max-width:1024px){
	.mBroadcast .sectionBody ul li a p { right:5.2rem; }
	.mBroadcast .sectionBody ul li a i { right:0.4rem; }
}

@media (max-width:768px){
	.mBroadcast .sectionBody ul li a p { right:4.8rem; }
	.mBroadcast .sectionBody ul li a i { right:0.2rem; }
}







/* 생방송일정 & 의안검색 */
#cont2 > .inner > section.osbs { border-radius:none; background:none; box-shadow:none; overflow:visible; }

@media (min-width:769px) and (max-width:1024px){
	#cont2 > .inner > section.osbs { width:100%; display:flex; justify-content:space-between; align-items:flex-start; }
}







/* 생방송 일정 */
.mSchedule { width:100%; border-radius:2rem; background:#fff; box-shadow:0.8rem 0.8rem 1rem rgba(0,0,0,0.1); overflow:hidden; margin-bottom:1.5rem; }
.mSchedule .sectionTop { position:relative; width:100%; height:9rem; padding:0 2rem 0 2.4rem; background:#573099 url(/mnts/images/main/bar_bg.png) no-repeat 0 50%; display:flex; justify-content:space-between; align-items:center; }
.mSchedule .sectionTop:before { content:''; position:absolute; right:11rem; bottom:0; width:10.1rem; height:8rem; background:url(/mnts/images/main/schedule_icon.png) no-repeat; display:inline-block; }
.mSchedule .sectionTop h2 { color:#fff; font-size:3.2rem; }
.mSchedule .sectionTop a:link,
.mSchedule .sectionTop a:visited { color:#ccc; }
.mSchedule .sectionTop a:active, 
.mSchedule .sectionTop a:focus,
.mSchedule .sectionTop a:hover { color:#fff; }
.mSchedule .sectionTop a img { margin-left:1.2rem; }

.mSchedule .sectionBody { padding:2.4rem 2rem 3rem !important; }

.mSchedule .sectionBody .calDate { width:18rem; margin:0 auto 1.8rem; display:flex; justify-content:space-between; align-items:center; }
.mSchedule .sectionBody .calDate .date { color:#4d268d; font-weight:700; font-size:1.8rem; }
.mSchedule .sectionBody .calDate .calBtn.prev { transform:rotate(90deg); }
.mSchedule .sectionBody .calDate .calBtn.next { transform:rotate(-90deg); }


			/* 달력 */
.mSchedule .sectionBody table { border-top:1px solid #ddd; border-right:1px solid #ddd; font-weight:500; }
.mSchedule .sectionBody table th,
.mSchedule .sectionBody table td { border-bottom:1px solid #ddd; border-left:1px solid #ddd; }
.mSchedule .sectionBody table th { width:14.2%; height:40px; line-height:40px; background:#e3f2f3; color:#333; }
.mSchedule .sectionBody table th.sun,
.mSchedule .sectionBody table th.sat { width:14.5%; }
.mSchedule .sectionBody table td { height:5.1rem; padding:0.4rem; background:#fff; color:#777; text-align: center;}
.mSchedule .sectionBody table td.prevD span { color:#888 !important; } 

.mSchedule .sectionBody table .sun { color:#da131a;}
.mSchedule .sectionBody table .sat { color:#1757b7;}
.mSchedule .sectionBody table .today { position:relative; }
.mSchedule .sectionBody table .today:after { content:''; position:absolute; left:50%; bottom:-0.6rem; width:2.3rem; height:0.6rem; background:#ff9503; display:block; transform:translate(-50%, 0);}


.mSchedule .sectionBody table td a:link,
.mSchedule .sectionBody table td a:visited { max-width:5.2rem; width:100%; height:100%; line-height:4.2rem; border-radius:4px; background:#522996; color:#fff; display:block; margin:0 auto; }
.mSchedule .sectionBody table td a:active,
.mSchedule .sectionBody table td a:focus,
.mSchedule .sectionBody table td a:hover { box-shadow:2px 2px 5px rgba(82,41,150,0.5);}

@media (min-width:769px) and (max-width:1024px){
	.mSchedule { width:calc(50% - 2rem); margin:0 2rem 0 0; }
}





/* 의안검색 */
.mBill { width:100%; padding:0 2rem 3.6rem; border-radius:2rem; background:#fff; box-shadow:0.8rem 0.8rem 1rem rgba(0,0,0,0.1); overflow:hidden; }
.mBill .billTop { height:7.3rem; padding-top:2rem; background:url(/mnts/images/main/bill_icon.png) no-repeat right 4rem bottom 0; }
.mBill .billTop h2 { color:#111; font-size:3.2rem; }

.mBill .text_search { width:100%; height:4.4rem; padding-left:1.0rem; border:1px solid #ddd; border-radius:0.8rem; background:#fff; display:block; margin-bottom:1.2rem; }
.mBill .btn_search  { width:100%; height:4.8rem; border-radius:0.8rem; background:#981f62; color:#fff; display:block; }

@media (min-width:769px) and (max-width:1024px){
	.mBill { width:calc(50% - 2rem); margin:0 0 0 2rem; }
}