@charset "utf-8";

/* 레이아웃 */

html, body { width:100%; }

#minutesViewer { width:100%; height:100%; overflow:hidden; }

#minLeft { position:fixed; left:0; top:0; width:420px; height:100%; background:linear-gradient(90deg, #2d3c76 90px, #f0f0f0 90px); z-index:1;}
#minRight { position:absolute; right:0; top:0; width:calc(100% - 420px); height:100%; background:#f0f0f0; z-index:2;  }

	/*#minTop { position:relative; width:100%; height:60px; line-height:60px; background:#35478c;  }*/
	#minTop { position:fixed; top:0; right:0; display: flex; align-items: center; width:calc(100% - 420px); height:60px; line-height:60px; background:#35478c; z-index:2; }


/* 스크롤에 영향을 줌 */
	/*#minBody { position:absolute; left:0px; top:70px; right:10px; bottom:10px; width:calc(100% - 10px); padding:35px 20px; background:#fff; overflow-y:auto; }*/
	#minBody { position:relative; width:100%; padding:5px 20px 35px 20px; background:#fff; z-index:1; margin-top:70px; }



#minLeft.leftViewOff { display:none; width:0; }
#minRight.rightWidthMax { width:100%; }
	#minRight.rightWidthOn #minBody { left:10px; width:calc(100% - 20px); }
	#minRight.rightWidthMax #minTop { width:100%; }




@media (max-width:1024px){
	#minLeft { display:none;}
	#minRight { width:100%; }
		#minTop { width:100%; }
		#minBody { left:10px; width:calc(100% - 20px); }

	#minLeft.leftViewOff { position:fixed; width:300px; display:block; }
	#minRight.rightWidthOn { width:100%; }

	#minLeft.leftViewOn { position:fixed; left:0; top:0; width:320px; height:100%; background:linear-gradient(90deg, #2d3c76 90px, #f0f0f0 90px); z-index:2; display:block; }
	#minRight.rightWidthMax { position:absolute; right:0; top:0; width:100%; height:100%; background:#f0f0f0; z-index:1; }

	
}

@media (max-width:768px){
	#minTop { align-items: flex-start; height:100px; line-height:1.3; }
	#minBody { margin-top:110px;  }
}





h2 { position:absolute; left:0; top:0; width:0; height:0; line-height:0; font-size:0; text-indent:-10000px; }





/* 건너뛰기 */   
.skipUl { position:absolute; left:0; right:0; top:0; width:100%; text-align:center; z-index:10000;}
.skipUl a { display:block; color:#fff; height:1px; overflow:hidden;}
.skipUl a:focus,
.skipUl a:active { height:30px; line-height:30px; background:#da131a; color:#fff !important; font-size:110%; }




/* 좌측영역 */
#minLeft h1.title { float:right; width:330px; height:60px; text-align:center; vertical-align:top; }
#minLeft h1.title span { height:36px; line-height:36px; padding-left:46px; background:url(/content/minutes/mnts/img/common/mark.png) no-repeat 0 50%; background-size:auto 36px; color:#000; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:80%; display:inline-block; margin-top:12px; }
#minLeft .abtn_minLeftClose { position:absolute; right:15px; top:17px; display:none; }


@media (max-width:1024px){
	#minLeft.leftViewOn h1.title { width:100%; padding-right:55px; text-align:right; }
	#minLeft .abtn_minLeftClose { display:block; }
}

/* 검색 */
#minLeft .leftSearch { position:relative; width:100%; height:88px; background:#f0f0f0; clear:both; }
#minLeft .leftSearch h1 { float:left; width:90px; height:88px; padding-top:15px; border-top:1px solid #17345e; border-bottom:1px solid #17345e; font-size:95%; text-align:center; }
#minLeft .leftSearch h1 span { padding-top:35px; background:url(/content/minutes/mnts/img/viewer_left_icon0.png) no-repeat 50% top; color:#2d3c76; display:block; }
#minLeft .leftSearch .searchBody { float:left; width:calc(100% - 100px); height:88px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-left:10px; }
#minLeft .leftSearch .searchBody .input-group { position:relative; width:calc(100% - 20px); height:40px; border:2px solid #ddd; background:#fff; margin:15px 10px 3px 10px; }
#minLeft .leftSearch .searchBody .input-group .form-control { width:calc(100% - 40px); height:36px; line-height:36px; padding-left:15px; border:0 !important; color:#113d8e; font-size:110%; }
#minLeft .leftSearch .searchBody .input-group .searchBtn { position:absolute; right:0; top:0; }

#minLeft .leftSearch .searchBody .txt { float:left; font-size:90%; margin-left:10px; }
#minLeft .leftSearch .searchBody .btnArea { float:right; margin-right:13px; }
#minLeft .leftSearch .searchBody .btnArea .btn_prev { width:17px; height:17px; border:none; display:inline-block; }
#minLeft .leftSearch .searchBody .btnArea .btn_next { width:17px; height:17px; border:none; display:inline-block; }

@media (max-width:1024px){

}





/* 좌측메뉴 */
#minLeft .menuUl { position:relative; height:calc(100% - 148px);  }
#minLeft .menuUl > li { width:90px; height:86px; border-bottom:1px solid #17345e; }
#minLeft .menuUl > li > a:link,
#minLeft .menuUl > li > a:visited { width:100%; height:86px; padding-top:15px; color:#eee; text-align:center; font-size:95%; }
#minLeft .menuUl > li > a:active,
#minLeft .menuUl > li > a:focus,
#minLeft .menuUl > li > a:hover,
#minLeft .menuUl > li > a.select { background:#f0f0f0; color:#2d3c76; }


#minLeft .menuUl > li > a span { padding-top:35px; display:block; }
#minLeft .menuUl > li > a.abtn1 span { background:url(/content/minutes/mnts/img/viewer_left_icon1.png) no-repeat 50% top; }
#minLeft .menuUl > li > a.abtn2 span { background:url(/content/minutes/mnts/img/viewer_left_icon2.png) no-repeat 50% top; }
#minLeft .menuUl > li > a.abtn3 span { background:url(/content/minutes/mnts/img/viewer_left_icon3.png) no-repeat 50% top; }
#minLeft .menuUl > li > a.abtn4 span { background:url(/content/minutes/mnts/img/viewer_left_icon4.png) no-repeat 50% top; }

#minLeft .menuUl > li .ulContent { position:absolute; left:90px; top:0; width:calc(100% - 90px); height:calc(100% - 0px); padding:20px 20px 40px 20px; display:none; overflow-y:auto; }
#minLeft .menuUl > li .ulContent h1 { float:none; width:100%; height:auto; padding-top:0; color:#222; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:110%; text-align:left; margin-bottom:10px; }

#minLeft .menuUl > li .ulContent ul li { position:relative; width:100%; font-size:90%; }
#minLeft .menuUl > li .ulContent ul li .checkbox_normal { position:relative; top:1px; }
#minLeft .menuUl > li .ulContent ul li .checkbox_normal2 { position:relative; top:-1px; }


#minLeft .menuUl > li .ulContent ul li .checkboxarea { float:left; width:20px; display:inline-block; }
#minLeft .menuUl > li .ulContent ul li .checkboxarea .checkbox_normal2 { position:relative; top:-3px; }
#minLeft .menuUl > li .ulContent ul li .item { float:left; width:calc(100% - 20px); line-height:1.3; display:inline-block; margin-bottom:5px; }


#minLeft .menuUl > li .ulContent ul li a:link,
#minLeft .menuUl > li .ulContent ul li a:visited { color:#333; letter-spacing:-1px; }
#minLeft .menuUl > li .ulContent ul li a:active,
#minLeft .menuUl > li .ulContent ul li a:focus,
#minLeft .menuUl > li .ulContent ul li a:hover { color:#113d8e; }



#minLeft .menuUl > li .ulContent ul li a.abtn_vod { position:relative; top:5px; margin-left:7px; }



#minLeft .menuUl > li .ulContent ul li .icon { position:relative; top:2px; float:left; width:20px; }
#minLeft .menuUl > li .ulContent ul li .icon img { height:16px; }


#minLeft .menuUl > li .ulContent ul.minutesList li { position:relative; padding-left:7px; margin-bottom:8px; }
#minLeft .menuUl > li .ulContent ul.minutesList li:before { content:''; position:absolute; left:0; top:10px; width:2px; height:2px; background:#ccc; }



#minLeft .menuUl > li .ulContent .btnarea { width:100%; padding-top:10px; border-top:1px solid #ddd; margin-top:10px; }
#minLeft .menuUl > li .ulContent .btnarea a:link,
#minLeft .menuUl > li .ulContent .btnarea a:visited { width:90px; height:30px; line-height:26px; border:1px solid #ddd; border-radius:3px; background:#fff; display:inline-block; font-size:95%; text-align:center; margin-right:3px; }
#minLeft .menuUl > li .ulContent .btnarea a:active,
#minLeft .menuUl > li .ulContent .btnarea a:focus,
#minLeft .menuUl > li .ulContent .btnarea a:hover { background:#fff; box-shadow:2px 2px 4px rgba(0,0,0,0.1); }

#minLeft .menuUl > li .ulContent .btnarea a.abtn_select { color:#1757b7 !important; }
#minLeft .menuUl > li .ulContent .btnarea a.abtn_deselect { color:#da131a !important; }


#minLeft .menuUl > li .ulContent ul li { width:100%; overflow:hidden; display:block; }
#minLeft .menuUl > li .ulContent ul li .abtn_preivew { float:left; position:relative; top:2px; width:22px; text-align:right; display:inline-block; }
#minLeft .menuUl > li .ulContent ul li .abtn_addfile { float:left; width:calc(100% - 22px); display:inline-block; }


@media (max-width:1024px){

}






/* 뷰어 상단 */
#minTop .pcBtn { display:block; }
#minTop .mobileBtn { display:none; }

#minTop .abtn_sideviewOff { float:left; width:66px; height:60px; padding:19px 0 0 0; text-align:center; }
#minTop .abtn_sideviewOn { float:left; width:66px; padding-left:20px; margin:19px 0 0 0; display:none; }

#minTop .abtn2_sideviewOff { float:left; width:66px; padding-left:20px; margin:19px 0 0 0; display:none;  }
#minTop .abtn2_sideviewOn { float:left; width:66px; padding-left:20px; margin:19px 0 0 0;  }



#minTop h1 { position:relative; float:left; width:calc(100% - 527px); color:#fff; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:120%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; -index:2; }

#minTop ul { position:absolute; right:20px; top:15px; width:auto; z-index:1; }
#minTop ul li { float:left; margin-left:5px; }


#minTop ul li .select_font { height:30px; line-height:26px; padding:0 5px 0 8px; border:2px solid #6777b4; border-radius:3px; background:#35478c; color:#ccc; font-size:90%; letter-spacing:-1px; display:inline-block; vertical-align:top; }

#minTop ul li a:link,
#minTop ul li a:visited { width:30px; height:30px; border:2px solid #6777b4; border-radius:3px; display:block; transition:0.3s; text-indent:-100000px;  }
#minTop ul li a:active,
#minTop ul li a:focus,
#minTop ul li a:hover { background:#6777b4; }

#minTop ul li .abtn_fontOk:link,
#minTop ul li .abtn_fontOk:visited { width:40px; height:30px; line-height:30px; border:none; border-radius:3px; background:#6777b4; color:#ccc; font-size:90%; text-align:center; display:inline-block; text-indent:0; vertical-align:top;  }
#minTop ul li .abtn_fontOk:active,
#minTop ul li .abtn_fontOk:focus,
#minTop ul li .abtn_fontOk:hover { background:#16216b; color:#ffcb07; }


#minTop ul li a.abtn_down:link,
#minTop ul li a.abtn_down:visited { background:url(/content/minutes/mnts/img/viewer_top_download.png) no-repeat 50% 50%; margin-left:10px; }
#minTop ul li a.abtn_down:active,
#minTop ul li a.abtn_down:focus,
#minTop ul li a.abtn_down:hover { background:#6777b4 url(/content/minutes/mnts/img/viewer_top_downloadOn.png) no-repeat 50% 50%; }

#minTop ul li a.abtn_print:link,
#minTop ul li a.abtn_print:visited { background:url(/content/minutes/mnts/img/viewer_top_print.png) no-repeat 50% 50%; }
#minTop ul li a.abtn_print:active,
#minTop ul li a.abtn_print:focus,
#minTop ul li a.abtn_print:hover { background:#6777b4 url(/content/minutes/mnts/img/viewer_top_printOn.png) no-repeat 50% 50%; }

#minTop ul li a.abtn_plus:link,
#minTop ul li a.abtn_plus:visited { background:url(/content/minutes/mnts/img/viewer_top_plus.png) no-repeat 50% 50%; margin-left:10px; }
#minTop ul li a.abtn_plus:active,
#minTop ul li a.abtn_plus:focus,
#minTop ul li a.abtn_plus:hover { background:#6777b4 url(/content/minutes/mnts/img/viewer_top_plusOn.png) no-repeat 50% 50%; }

#minTop ul li a.abtn_normal:link,
#minTop ul li a.abtn_normal:visited { background:url(/content/minutes/mnts/img/viewer_top_normal.png) no-repeat 50% 50%; }
#minTop ul li a.abtn_normal:active,
#minTop ul li a.abtn_normal:focus,
#minTop ul li a.abtn_normal:hover { background:#6777b4 url(/content/minutes/mnts/img/viewer_top_normalOn.png) no-repeat 50% 50%; }

#minTop ul li a.abtn_minus:link,
#minTop ul li a.abtn_minus:visited { background:url(/content/minutes/mnts/img/viewer_top_minus.png) no-repeat 50% 50%; }
#minTop ul li a.abtn_minus:active,
#minTop ul li a.abtn_minus:focus,
#minTop ul li a.abtn_minus:hover { background:#6777b4 url(/content/minutes/mnts/img/viewer_top_minusOn.png) no-repeat 50% 50%; }

#minTop ul li a.abtn_close:link,
#minTop ul li a.abtn_close:visited { background:url(/content/minutes/mnts/img/viewer_top_close.png) no-repeat 50% 50%; }
#minTop ul li a.abtn_close:active,
#minTop ul li a.abtn_close:focus,
#minTop ul li a.abtn_close:hover { background:#6777b4 url(/content/minutes/mnts/img/viewer_top_closeOn.png) no-repeat 50% 50%; }


@media (max-width:1024px){
	#minTop .pcBtn { display:none; }
	#minTop .mobileBtn { display:block; }

	#minTop h1 { width:calc(100% - 295px); }

	#minTop ul li:nth-child(1),
	#minTop ul li:nth-child(2) { display:none; }
}


@media (max-width:768px){
	#minTop h1 { width:calc(100% - 66px); font-size:110%; margin-top:20px; }
	#minTop ul {  right:15px; top:55px; }
}






/* 뷰어 콘텐츠 */
#minBody .abtn_top:link,
#minBody .abtn_top:visited { position:fixed; right:20px; bottom:20px; width:30px; height:30px; border-radius:3px; background:#ccc; opacity:0.5; transition:0.3s; }
#minBody .abtn_top:active,
#minBody .abtn_top:focus,
#minBody .abtn_top:hover { background:#ffcb07; opacity:1; }





@media (max-width:1024px){


}


#positionTop { position:absolute; left:0; top:0; width:10px; height:10px; }


/* width */
::-webkit-scrollbar {
  width: 6px;
  border-radius:4px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #ddd;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #bbb;
  border-radius:4px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #888; 
}