@charset "utf-8";



/* masterTop */
.masterTop { width:100%; height:50px; line-height:50px; background:#4b5eab; font-weight:100; font-size:95%; overflow:hidden; }

.masterTop .nuri { float:left; color:#fff; }
.masterTop .nuri:before { content:''; position:relative; top:2px; width:24px; height:16px; background:url(/mnts/images/common/icon_taegeukgi.gif) no-repeat; display:inline-block; margin-right:7px; }

.masterTop .sideMenu { float:right; display:flex; justify-content:flex-end; }
.masterTop .sideMenu li { margin-left:0.5rem; }
.masterTop .sideMenu li a:link,
.masterTop .sideMenu li a:visited { width:30px; height:30px; line-height:30px; background:#93b0ce; text-align:center; display:inline-block; transition:0.3s; }
.masterTop .sideMenu li a:active, 
.masterTop .sideMenu li a:focus,
.masterTop .sideMenu li a:hover { background:#18407e; }


.masterTop .sideMenu li:first-child { margin-right:1rem; } 
.masterTop .sideMenu li:first-child a:link,
.masterTop .sideMenu li:first-child a:visited { width:auto; height:auto; line-height:1.3; background:none; color:#ccc; text-align:left; }
.masterTop .sideMenu li:first-child a:active,
.masterTop .sideMenu li:first-child a:focus,
.masterTop .sideMenu li:first-child a:hover { color:#fff; }

.masterTop .sideMenu li:first-child::after { position:relative; top:2px; content:''; width:16px; height:14px; background:url(/mnts/images/common/icon_newWindow.gif) no-repeat; display:inline-block; margin-left:0.7rem; }




/* 아이콘 */
#container .micon1 { position:absolute; top:25px; right:50px; z-index:-1;
	animation-name:iconMove1;
	animation-duration:10.0s; /* 걸리는 시간 */
	animation-fill-mode:forwards;
	animation-delay:0s;
	animation-timing-function:ease;
	animation-iteration-count:1000000; /* 반복횟수 */
	animation-direction:normal; /* 진행방향 alternate : 순방향 -> 역방향*/ 	
}

@keyframes iconMove1 {
	from { transform:rotate(0deg);}
	to { transform:rotate(359deg); }
}


#container .micon2 { position:absolute; bottom:70px; left:50px; z-index:-1;
	animation-name:iconMove2;
	animation-duration:12.0s; /* 걸리는 시간 */
	animation-fill-mode:forwards;
	animation-delay:0.5s;
	animation-timing-function:ease;
	animation-iteration-count:1000000; /* 반복횟수 */
	animation-direction:normal; /* 진행방향 alternate : 순방향 -> 역방향*/ 	
}

@keyframes iconMove2 {
	from { transform:rotate(0deg);}
	to { transform:rotate(359deg); }
}






/* 메인검색 */
.mSearch { position:relative; width:100%; border-radius:20px; padding:25px 50px; background:#fff; box-shadow:0px 8px 10px rgba(0,0,0,0.1); }
.mSearch fieldset { display:flex; flex-wrap:nowrap; justify-content:space-between; }
.mSearch h1 { float:left; width:135px; height:50px; line-height:50px !important; color:#111; font:700 150% pgov; }
.mSearch .select_daesu { width:150px; height:50px; padding-left:15px; border:1px solid #ddd; margin-right:20px; }
.mSearch .select_kind { width:250px; height:50px; padding-left:15px; border:1px solid #ddd; margin-right:20px; }
.mSearch .text_searchtxt { width:calc(100% - 775px); height:50px; padding-left:15px; border:1px solid #ddd; margin-right:20px; }
.mSearch .submit_searchbtn { width:180px; height:50px; border-radius:3px; background:#63308f; color:#fff; }



@media (min-width:1025px) and (max-width:1280px){
	.mSearch { padding:25px 30px; }
	.mSearch .select_daesu { width:120px; }
	.mSearch .select_kind { width:220px; }
	.mSearch .text_searchtxt { width:calc(100% - 685px); }
	.mSearch .submit_searchbtn { width:150px; }
}

@media (min-width:769px) and (max-width:1024px){
	.mSearch { padding:25px 30px; }
	.mSearch fieldset { flex-wrap:wrap; }
	.mSearch h1 { float:left; width:100%; height:auto; line-height:1.3 !important; margin-bottom:10px; }
	.mSearch .select_daesu { width:100px; margin-right:15px; }
	.mSearch .select_kind { width:150px; margin-right:15px; }
	.mSearch .text_searchtxt { width:calc(100% - 415px); margin-right:15px; }
	.mSearch .submit_searchbtn { width:120px; }
}

@media (max-width:768px){
	.mSearch { padding:20px 15px; margin-top:40px; }
	.mSearch fieldset { flex-wrap:wrap; }
	.mSearch h1 { width:100%; height:auto; line-height:1.3 !important; margin-bottom:10px; }
	.mSearch .select_daesu { width:100px; margin-right:15px; }
	.mSearch .select_kind { width:150px; margin-right:15px; }
	.mSearch .text_searchtxt { width:calc(100% - 415px); margin-right:15px; }
	.mSearch .submit_searchbtn { width:120px; }
}

@media (max-width:650px){
	.mSearch .select_daesu { width:calc(50% - 5px); margin:0 5px 10px 0; }
	.mSearch .select_kind { width:calc(50% - 5px); margin:0 0 10px 5px; }
	.mSearch .text_searchtxt { width:calc(100% - 100px); margin-right:10px; }
	.mSearch .submit_searchbtn { width:90px; }
}








/* 생방송 영역 */
#mcont2a { width:440px; }

@media (min-width:1281px) and (max-width:1400px){
	#mcont2a { width:calc(33.333% - 26.666px); }
}

@media (min-width:1025px) and (max-width:1280px){
	#mcont2a { width:calc(33.333% - 20px); }
}

@media (min-width:769px) and (max-width:1024px){
	#mcont2a { width:100%; margin-bottom:40px; }
}

@media (max-width:768px){
	#mcont2a { width:100%;  margin-bottom:40px; }
}





/* 메인영상플레이어 */
.mOnair { width:100%; border-radius:20px; box-shadow:0px 8px 10px rgba(0,0,0,0.2); overflow:hidden; margin-bottom:40px; }
.mOnair .onairTop { width:100%; height:50px; border-radius:20px 20px 0 0; background:#666 url(/mnts/images/main/patten_line.png); text-align:center; overflow:hidden; display:flex; flex-wrap:nowrap; justify-content:center;  }
.mOnair .onairTop h1 { height:50px; line-height:50px; color:#fff; font-size:120%; display:inline-block;   }
.mOnair .onairTop span { position:relative; top:-2px; width:70px; height:25px; line-height:25px; padding-right:5px; border-radius:15px; background:#12124d; color:#fff; font-style:italic; font-weight:bold; font-size:90%; text-align:center; display:inline-block; margin:15px 0 0 10px; }
.mOnair .onairTop span.live { background:#da131a; }

.mOnair .onairBody { position:relative; width:100%; background:#f4f4f; border-radius:0 0 20px 20px; overflow:hidden; aspect-ratio:16/9; }
.mOnair .onairBody video { width:100%; height:100%; object-fit:cover; display:block; }
.mOnair .onairBody .video-js { width:100%; height:100%; background:#f4f4f4; }
.mOnair .onairBody .vjs-poster { width:100%; background-size:cover; }


@media (min-width:769px) and (max-width:1024px){
	.mOnair { float:left; width:calc(50% - 15px); margin:0 15px 0 0; } 
}







/* 생방송 일정*/
.mSchedule { position:relative; width:100%; border-radius:20px; background:#fff; box-shadow:0px 8px 10px rgba(0,0,0,0.1); overflow:hidden; }
.mSchedule .scheduleTop { width:100%; height:50px; line-height:50px; background:#666 url(/mnts/images/main/patten_line.png); }
.mSchedule .scheduleTop h1 { height:50px; line-height:50px; padding-left:20px; color:#fff; font-size:135%; }
.mSchedule .scheduleTop .more { position:absolute; right:20px; top:15px;  }

.mSchedule .scheduleBody { width:100%; height:206px; padding:25px 20px 0 20px; }
.mSchedule .scheduleBody .date { width:100%; height:45px; line-height:45px !important; border-radius:5px; background:#f78419; color:#fff; font-weight:700; font-size:130%; text-align:center; display:block; margin-bottom:20px;  }
.mSchedule .scheduleBody ul li { width:100%; height:30px; line-height:30px; margin-bottom:10px; }
.mSchedule .scheduleBody ul li .icon { float:left; width:80px; height:30px; line-height:30px; border-radius:20px; background:#666; color:#fff; font-weight:700; text-align:center; margin-right:10px; }
.mSchedule .scheduleBody ul li .icon.on { background:#da131a; }
.mSchedule .scheduleBody ul li strong { float:left; width:calc(100% - 90px); color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; }
.mSchedule .scheduleBody ul li a:link strong,
.mSchedule .scheduleBody ul li a:visited strong { color:#333; transition:0.3s; }
.mSchedule .scheduleBody ul li a:active strong,
.mSchedule .scheduleBody ul li a:focus strong,
.mSchedule .scheduleBody ul li a:hover strong { color:#f78419; }

.mSchedule .scheduleBody ul li.none { color:#777; text-align:center; margin-top:20px; }

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





/* 최근회의록 */
.mMinutes { position:relative; width:440px; border-radius:20px; background:#fff; box-shadow:0px 8px 10px rgba(0,0,0,0.1); overflow:hidden; } 
.mMinutes .minutesTop { position:relative; width:100%; height:108px; padding:27px 25px 0 25px; background:#313575 url(/mnts/images/main/patten_line.png);   }
.mMinutes .minutesTop h1 { color:#fff; font-weight:700; font-size:145%; margin-bottom:7px; }
.mMinutes .minutesTop p { color:#ccc; font-size:95%; letter-spacing:-1px; }
.mMinutes .minutesTop .more { position:absolute; right:20px; top:30px; }

.mMinutes .minutesBody { width:100%; padding:10px 25px 0 25px; }
.mMinutes .minutesBody li { height:51px; line-height:50px; border-bottom:1px solid #ddd; }

.mMinutes .minutesBody li a { width:100%; display:block; }

.mMinutes .minutesBody li .icon1 { float:left; width:70px; height:30px; line-height:30px; border-radius:15px; background:#313575; color:#fff; font-size:90%; text-align:center; display:inline-block; margin:10px 5px 0 0; }
.mMinutes .minutesBody li .icon2 { float:left; width:60px; height:30px; line-height:30px; border-radius:15px; background:#63308f; color:#fff; font-size:90%; text-align:center; display:inline-block; margin:10px 10px 0 0; }


.mMinutes .minutesBody li a:link strong,
.mMinutes .minutesBody li a:visited strong { float:left; width:calc(100% - 245px); color:#111; font-weight:700; font-size:105%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block;  }
.mMinutes .minutesBody li a:active strong,
.mMinutes .minutesBody li a:focus strong,
.mMinutes .minutesBody li a:hover strong { text-decoration:underline; }

.mMinutes .minutesBody li a strong span { color:#446bd9 !important; display:inline-block; }

.mMinutes .minutesBody li .date { float:right; width:90px; color:#666; font-size:95%; text-align:right; display:inline-block; margin-left:10px; }


.mMinutes .minutesBody p.none { padding-top:20px; text-align:center; }
.mMinutes .minutesBody p.none img { width:100%; margin-top:20px; margin-bottom:30px; }
.mMinutes .minutesBody p.none .btn:link,
.mMinutes .minutesBody p.none .btn:visited { height:40px; line-height:40px; padding:0 20px; border-radius:20px; background:#06c; color:#fff; text-align:center;  display:inline-block; transition:0.3s; margin:0 auto; }
.mMinutes .minutesBody p.none .btn:active,
.mMinutes .minutesBody p.none .btn:focus,
.mMinutes .minutesBody p.none .btn:hover { background:#113d8e; }


@media (min-width:1281px) and (max-width:1400px){
	.mMinutes { width:calc(33.333% - 26.666px); }

	.mMinutes .minutesBody li a:link strong,
	.mMinutes .minutesBody li a:visited strong { width:calc(100% - 145px); }
	.mMinutes .minutesBody li .date { display:none; }
}

@media (min-width:1025px) and (max-width:1280px){
	.mMinutes { width:calc(33.333% - 20px); }
	
	.mMinutes .minutesBody { width:100%; padding:10px 15px 20px 15px; }
	.mMinutes .minutesBody li a:link strong,
	.mMinutes .minutesBody li a:visited strong { width:calc(100% - 145px); }
	.mMinutes .minutesBody li .date { display:none; }
}

@media (min-width:901px) and (max-width:1024px){
	.mMinutes { width:calc(50% - 15px); margin:0 15px 0 0; }
	.mMinutes .minutesBody { padding:10px 15px 25px 15px; }

	.mMinutes .minutesBody p.none { margin:50px auto 50px; }
}


@media (max-width:900px){
	.mMinutes { width:100%; margin-bottom:40px; }
	.mMinutes .minutesBody { padding:10px 15px 25px 15px; }

	.mMinutes .minutesBody p.none { margin:50px auto 50px; }
}

@media (max-width:550px){
	.mMinutes .minutesTop p { font-size:85%; }

	.mMinutes .minutesBody li a:link strong,
	.mMinutes .minutesBody li a:visited strong { width:calc(100% - 145px); }
	.mMinutes .minutesBody li .date { display:none; }
}






/* 회의영상 다시보기 */
.mBroadcast { position:relative; width:440px; border-radius:20px; background:#fff; box-shadow:0px 8px 10px rgba(0,0,0,0.1); overflow:hidden;                 display:none; } 
.mBroadcast .broadcastTop { position:relative; width:100%; height:108px; padding:27px 25px 0 25px; background:#b22f37 url(/mnts/images/main/patten_line.png);   }
.mBroadcast .broadcastTop h1 { color:#fff; font-weight:700; font-size:145%; margin-bottom:7px; }
.mBroadcast .broadcastTop p { color:#ccc; font-size:95%; letter-spacing:-1px;  }
.mBroadcast .broadcastTop .more { position:absolute; right:20px; top:30px; }

.mBroadcast .broadcastBody { width:100%; padding:10px 25px 0 25px; }
.mBroadcast .broadcastBody li { height:51px; border-bottom:1px solid #ddd; }

.mBroadcast .broadcastBody li a { width:100%; height:50px; line-height:50px; padding:10px 0; display:block; }

.mBroadcast .broadcastBody li .icon1 { float:left; width:70px; height:30px; line-height:30px; border-radius:15px; background:#7e141b; color:#fff; font-size:90%; text-align:center; display:inline-block; margin-right:5px; }
.mBroadcast .broadcastBody li .icon2 { float:left; width:60px; height:30px; line-height:30px; border-radius:15px; background:#785d41; color:#fff; font-size:90%; text-align:center; display:inline-block; margin-right:10px; }


.mBroadcast .broadcastBody li a:link strong,
.mBroadcast .broadcastBody li a:visited strong { float:left; width:calc(100% - 285px); height:30px; line-height:30px; color:#111; font-weight:700; font-size:105%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block;  }
.mBroadcast .broadcastBody li a:active strong,
.mBroadcast .broadcastBody li a:focus strong,
.mBroadcast .broadcastBody li a:hover strong { text-decoration:underline; }

.mBroadcast .broadcastBody li a strong span { color:#446bd9 !important; display:inline-block; }

.mBroadcast .broadcastBody li .date { float:left; width:90px; height:30px; line-height:30px; color:#666; font-size:95%; text-align:right; display:inline-block; margin-left:10px; }
.mBroadcast .broadcastBody li i { float:right; width:40px; text-align:right; display:inline-block; }

.mBroadcast .broadcastBody p.none { width:200px; height:120px; padding-top:109px; background:url(/mnts/images/main/broadcast_icon.jpg) no-repeat 50% 0%; text-align:center; margin:110px auto 30px; }


@media (min-width:1281px) and (max-width:1400px){
	.mBroadcast { width:calc(33.333% - 26.666px); }
	
	.mBroadcast .broadcastBody li a:link strong,
	.mBroadcast .broadcastBody li a:visited strong { width:calc(100% - 185px); }
	.mBroadcast .broadcastBody li .date { display:none; }
}

@media (min-width:1025px) and (max-width:1280px){
	.mBroadcast { width:calc(33.333% - 20px); }
	
	.mBroadcast .broadcastBody { padding:10px 15px 20px 15px; }
	.mBroadcast .broadcastBody li a:link strong,
	.mBroadcast .broadcastBody li a:visited strong { width:calc(100% - 185px); }
	.mBroadcast .broadcastBody li .date { display:none; }
}

@media (min-width:901px) and (max-width:1024px){
	.mBroadcast { width:calc(50% - 15px); margin:0 0 0 15px; }
	.mBroadcast .broadcastBody { padding:10px 15px 25px 15px; }

	.mBroadcast .broadcastBody p.none { margin:50px auto 50px; }
}


@media (max-width:900px){
	.mBroadcast { width:100%; }
	.mBroadcast .broadcastBody { padding:10px 15px 25px 15px; }

	.mBroadcast .broadcastBody p.none { margin:50px auto 50px; }
}


@media (max-width:550px){
	.mBroadcast .broadcastTop p { font-size:85%; }

	.mBroadcast .broadcastBody li a:link strong,
	.mBroadcast .broadcastBody li a:visited strong { width:calc(100% - 185px); }
	.mBroadcast .broadcastBody li .date { display:none; }

}