@charset "utf-8";


/* 레이아웃 */
html, body { width:100%; }
#minutesViewer { width:100%; }

#minutesTop { position:fixed; top:0; left:0; right:0; width:100%; height:60px; background:#35478c; z-index:3; }

#minutesLeft { position:absolute; top:60px; bottom:0; left:0; width:230px; border-right:1px solid #ccc; background:#f4f4f4; overflow:auto; z-index:100; }
	#minutesLeftArea { position:relative; width:210px; padding-right:20px; } 
#minutesContent { position:relative; top:60px; bottom:0; left:231px; right:0; width:calc(100% - 231px); height:calc(100vh - 60px); z-index:1; }
	#minutesContentArea { padding:20px; } 
		#content { font-size:12pt; font-family:gulim; line-height:160%; color:#000;} 
		
		
		
		
@media (min-width:1024px) and (max-width:1500px){
	#minutesContent { position:absolute; top:110px; }
}


@media (min-width:768px) and (max-width:1023px){
	#minutesTop { height:106px;}
	#minutesLeft { top:60px; }
	#minutesContent { top:111px; }
}
@media (max-width:767px){
	#minutesTop { height:106px;}
	#minutesLeft { top:60px; display:block; border-right:1px solid #ccc; }
	#minutesContent { top:111px; left:0; width:100%; }
	#minutesContentArea { padding:10px; } 
}


/* 바로가기 */
ul.skipUl { position:absolute; top:0; width:100%; height:0; z-index:1000; }
ul.skipUl li a { width:1px; height:1px; margin-bottom:-1px; text-align:center; color:#fff; white-space:nowrap; overflow:hidden; display:block; }

ul.skipUl li.li1 a:focus, 
ul.skipUl li.li1 a:active{  width:100%; height:30px; line-height:30px; display:block; background:#da131a;}
ul.skipUl li.li2 a:focus, 
ul.skipUl li.li2 a:active{  width:100%; height:30px; line-height:30px; display:block; background:#1757b7;}
ul.skipUl li.li3 a:focus, 
ul.skipUl li.li3 a:active{  width:100%; height:30px; line-height:30px; display:block; background:#5faf00;}

@media (max-width:767px){
	ul.skipUl li.li3 { display:none; }
}


/* 검색 키워드 */
.highlight {color:#fff; background:#0072c7;}

/* 상단 */
#minutesTop .title { float:left; width:231px; height:60px; background:url(/images/egovframework/com/svc/mnts/topbar_line.gif) no-repeat right top; text-align:center; margin-right:20px; }
#minutesTop .title h1 { padding-top:10px; }

#minutesTop h3 { height:60px; line-height:60px; padding-right:760px; font-size:20px; color:#fff; text-shadow:1px 1px 1px #333; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; }

@media (min-width:1024px) and (max-width:1500px){
	#minutesTop h3 { padding-right:15px; text-align:center; }
}

@media (min-width:768px) and (max-width:1023px){
	#minutesTop .title { /*display:none;*/ }
	#minutesTop h3 { calc(width:100% - 266px); height:60px; line-height:60px; text-align:center; padding-left:0px;  padding-right:15px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block;  }
}
@media (max-width:767px){
	#minutesTop .title { display:none; }
	#minutesTop h3 { width:100%; height:60px; line-height:60px; padding-right:0; font-size:15px; text-align:center; letter-spacing:-1px;   }
}




/* 검색, 상단메뉴들 */
#minutesTop #topFunction { position:absolute; right:20px; top:15px; height:60px; text-align:right; }
#minutesTop #topFunction #topFunctionArea { position:relative; display:block; display:flex; justify-content:right ;}

#minutesTop #topFunction #topFunctionArea .sidebar_control { display:none;}

#minutesTop #topFunction #topFunctionArea .minutessearch { display:flex; flex-wrap:nowrap; }
#minutesTop #topFunction #topFunctionArea .minutessearch .input-group { float:left; margin-right:15px;}
#minutesTop #topFunction #topFunctionArea .minutessearch .input-group .form-control { width:168px; height:28px; border:1px solid #20306c; padding-left:10px; font-size:110%; }
#minutesTop #topFunction #topFunctionArea .minutessearch .input-group .searchBtn { width:44px; height:30px; line-height:30px; font-size:95%; color:#fff; border-radius:3px; background:#111e4d; border:none; cursor:pointer; }

#minutesTop #topFunction #topFunctionArea .minutessearch .searchEnter { float:left; color:#fff; display:flex; flex-wrap:nowrap; }
#minutesTop #topFunction #topFunctionArea .minutessearch .searchEnter .txt { line-height:30px; font-size:95%; display:inline-block; margin-right:10px; }
#minutesTop #topFunction #topFunctionArea .minutessearch .searchEnter .btnArea { position:relative; top:-3px; padding:0; vertical-align:top; }
#minutesTop #topFunction #topFunctionArea .minutessearch .searchEnter .btnArea button { width:30px; height:30px; border:none; background:none; display:inline-block; }


#minutesTop #topFunction #topFunctionArea .sidemenu { /*position:absolute; right:170px; top:0px;*/ margin-left:20px; }
#minutesTop #topFunction #topFunctionArea .sidemenu li { float:left; margin-right:5px; }
#minutesTop #topFunction #topFunctionArea .sidemenu li:last-child { margin:0; } 

#minutesTop #topFunction #topFunctionArea .sidemenu li a.filedown1 { width:60px; height:30px; line-height:30px; padding-left:10px; background:#8f6bda url(/images/egovframework/com/svc/mnts/topbtn_original_on.gif) no-repeat right top; border-radius:3px; font-size:90%; color:#fff; text-align:left; display:block; }
#minutesTop #topFunction #topFunctionArea .sidemenu li a.filedown2 { width:60px; height:30px; line-height:30px; padding-left:10px; background:#8f6bda url(/images/egovframework/com/svc/mnts/topbtn_original_off.gif) no-repeat right top; border-radius:3px; font-size:90%; color:#fff; text-align:left; display:block; }

#minutesTop #topFunction #topFunctionArea .fontsetting { /*position:absolute; right:50px; top:0; */ margin-left:20px; }
#minutesTop #topFunction #topFunctionArea .fontsetting li { float:left; margin-right:5px; }
#minutesTop #topFunction #topFunctionArea .fontsetting li:last-child { margin:0; }

#minutesTop #topFunction #topFunctionArea .close { /*position:absolute; right:0px; top:0;*/ margin-left:20px; }


@media (min-width:1024px) and (max-width:1500px){
	#minutesTop #topFunction { position:absolute; left:0; right:0; top:60px; width:100%; height:50px; background:#2b3b77; border-top:1px solid #223063; }
	#minutesTop #topFunction #topFunctionArea { float:right; position:relative; top:10px; height:30px; margin-right:10px; }
}

@media (min-width:768px) and (max-width:1023px){
	#minutesTop #topFunction { position:absolute; left:0; right:0; top:60px; width:100%; height:50px; background:#2b3b77; border-top:1px solid #223063; }
	#minutesTop #topFunction #topFunctionArea { float:right; position:relative; top:10px; height:30px; margin-right:10px; }
	#minutesTop #topFunction #topFunctionArea .sidemenu { display:none; }
	#minutesTop #topFunction #topFunctionArea .fontsetting { display:none; }
}
@media (max-width:767px){
	#minutesTop #topFunction { position:absolute; left:0; right:0; top:60px; width:100%; height:50px; background:#2b3b77; border-top:1px solid #223063; }
	#minutesTop #topFunction #topFunctionArea { position:relative; top:10px; width:calc(100% - 15px); height:30px; justify-content:left; margin:0 auto; }	
	#minutesTop #topFunction #topFunctionArea .close { position:absolute; right:0px; top:0; }

	#minutesTop #topFunction #topFunctionArea .sidebar_control { display:block; margin-right:10px; }

	#minutesTop #topFunction #topFunctionArea .minutessearch .input-group .form-control { width:130px; }

	#minutesTop #topFunction #topFunctionArea .minutessearch .searchEnter .txt { display:none; }

	#minutesTop #topFunction #topFunctionArea .sidemenu { display:none; }
	#minutesTop #topFunction #topFunctionArea .fontsetting { display:none; }	
}


/* 좌측 */
.speaker { width:210px; }
.speaker h3 { width:172px; height:49px; line-height:49px; padding-left:38px; font-size:18px; background:url(/images/egovframework/com/svc/mnts/lefticon1.png) no-repeat 10px 17px; border-bottom:1px solid #ddd; }
.agenda h3 { width:172px; height:49px; line-height:49px; padding-left:38px; font-size:18px; background:url(/images/egovframework/com/svc/mnts/lefticon2.png) no-repeat 10px 17px; border-bottom:1px solid #ddd; }
.supplement h3 { width:172px; height:49px; line-height:49px; padding-left:38px; font-size:18px; background:url(/images/egovframework/com/svc/mnts/lefticon3.png) no-repeat 10px 17px;  border-bottom:1px solid #ddd;}


#minutesLeft h3 a:link,
#minutesLeft h3 a:visited { width:172px; background:url(/images/egovframework/com/svc/mnts/leftblt_off.gif) no-repeat right top; display:block; }
#minutesLeft h3 a:active,
#minutesLeft h3 a:focus,
#minutesLeft h3 a:hover,
#minutesLeft h3 a.select { background:url(/images/egovframework/com/svc/mnts/leftblt_on.gif) no-repeat right top; }



.listbox { width:195px; padding:15px 5px 25px 10px; background:#fff; border-bottom:1px solid #ddd; display:none; }

.listbox ul { width:195px; overflow:hidden; }
.listbox ul li { padding:4px 0; line-height:130%; font-size:13px; color:#000; overflow:hidden;  }

.listbox ul li .checkboxarea { float:left; width:20px; }
.listbox ul li .item { float:left; width:175px; }
.listbox ul li a:link,
.listbox ul li a:visited { color:#000; }
.listbox ul li a:active,
.listbox ul li a:focus,
.listbox ul li a:hover { color:#06c; }

.listbox ul li .icon { float:left; width:20px; }
.listbox ul li .icon img { position:relative; top:3px;}
.listbox ul li .supplement_subject { float:left; width:175px; }


.listbox .btnarea { margin-top:15px; }
.listbox .btnarea a.abtn_select { width:85px; height:28px; line-height:28px; border:1px solid #d7d7d7; border-radius:3px; box-shadow:2px 2px 1px #dedede; text-align:center; text-decoration:none; color:#113d8e; font-size:13px; background:#fff; display:inline-block; }
.listbox .btnarea a.abtn_deselect { width:85px; height:28px; line-height:28px; border:1px solid #d7d7d7; border-radius:3px; box-shadow:2px 2px 1px #dedede; text-align:center; text-decoration:none; color:#a40735; font-size:13px; background:#fff; display:inline-block; }


/* sns 버튼*/
#minutesLeftArea .snsbtn { width:100%; margin-top:20px; padding-bottom:50px; }
#minutesLeftArea .snsbtn ul { overflow:hidden;}

#minutesLeftArea .snsbtn ul.pcTabletBtn { display:block; }
#minutesLeftArea .snsbtn ul.mobileBtn { display:none; }

#minutesLeftArea .snsbtn ul li { float:left; margin:0 4px; }
#minutesLeftArea .snsbtn ul li.print { display:none; }


@media (min-width:768px) and (max-width:1024px){
	.pathbar .snsbtn { right:30px; }
	.pathbar .snsbtn ul.pcTabletBtn li.print { display:none; }
}

@media (max-width:767px){
	.pathbar .snsbtn { position:absolute; right:5px; top:10px; }
	
	.pathbar .snsbtn ul.pcTabletBtn { display:none; }
	.pathbar .snsbtn ul.mobileBtn { display:block; }
	.pathbar .snsbtn ul li { margin-left:5px; }
}


/* 우측 위로 버튼 */
#minutesContent .pageTopBtn { position:fixed; right:40px; bottom:20px; }


@media (max-width:767px){
	#minutesContent .pageTopBtn { position:fixed; right:30px; bottom:15px; }
}

#content a.topbtn { position:relative; top:2px; margin-left:5px;}


/* 모달윈도우 */
.mw { position:fixed; position:absolute; top:0px; left:0; width:100%; height:100%; z-index:1000000001; }
.mw .bg { position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50) }
.mw .fg { position:absolute; left:40%; top:40%; width:450px; height:150px; margin:0 auto; }
.mw .fg .mbox { width:calc(100% - 30px); height:calc(100% - 50px); padding:25px 15px; border-radius:10px; background:#fff; display:inline-block; margin:0 auto; }
.mw .fg .mbox p { margin-bottom:15px; }
.mw .fg .mbox .close { width:90px; height:35px; line-height:35px; border-radius:5px; background:#2f6ec7; display:block; text-align:center; margin:0 auto; }
.mw .fg .mbox .close a { width:100%; height:100%; color:#fff; }

@media (max-width:1024px){
	.mw .fg { left:30%; top:40%; }

}

@media (max-width:768px){
	.mw .fg { left:20%; top:40%; }

}

@media (max-width:768px){
	.mw .fg { left:15%; top:40%; width:350px; height:180px; margin:0 auto;  }

}

@media (max-width:480px){
	.mw .fg { left:25%; top:40%; width:245px; height:200px; margin:0 auto; }
	
}

@media (max-width:425px){
	.mw .fg { left:20%; top:40%; width:245px; height:200px; margin:0 auto; }
	
}