@charset "utf-8";


/* 레이아웃 */

/*
html, body { width:100%;  }
#minutesViewer { width:100%; }

#minutesTop { position:absolute; top:0; left:0; right:0; width:100%; height:60px; background:#35478c; }

#minutesLeft { position:absolute; top:60px; bottom:0; left:0; width:230px; border-right:1px solid #ccc; background:#f4f4f4; overflow:auto; }
	#minutesLeftArea { position:relative; width:210px; padding-right:20px; } 
	
#minutesContent { position:absolute; top:60px; bottom:0; left:231px; right:0; overflow:auto; }
	#minutesContentArea { padding:20px; } 
		#content { font-size:12pt; font-family:gulim; line-height:160%; color:#000; background-position:calc(50% + 60px) 110px !important; background-attachment:fixed !important;}
		.agnd_e { font-size:12pt; font-family:gulim; line-height:160%; color:#000;}

@media (min-width:768px) and (max-width:1023px){
	#minutesTop { height:106px;}
	#minutesLeft { top:60px; }
	#minutesContent { top:111px; }
		#content { background-position:calc(50% + 75px) 150px !important; }
}
@media (max-width:768px){
	#minutesTop { height:106px;}
	#minutesLeft { top:60px; display:block; border-right:1px solid #ccc; }
	#minutesContent { top:111px; left:0; }
	#minutesContentArea { padding:10px; } 
		#content { background-position:calc(50% + 0px) 150px !important;  background-size:80px auto !important;}
}
*/


html, body { width:100%; }
#minutesViewer { width:100%; }

#minutesTop { position:relative; width:100%; height:60px; background:#35478c; z-index:200; }


#minutesLeft { position:absolute; top:60px; bottom:0; left:0; width:230px; min-height:100%; border-right:1px solid #ccc; background:#f4f4f4; overflow:auto; z-index:301; }
	#minutesLeftArea { position:relative; width:210px; padding-right:20px; } 
	
#minutesContent {  position:absolute; top:60px; bottom:0; left:231px; right:0; z-index:100; }
	#minutesContentArea { padding:20px; } 
		#content { font-size:12pt; font-family:gulim; line-height:160%; color:#000; background-position:calc(50% + 60px) 110px !important; background-attachment:fixed !important;}
		.agnd_e { font-size:12pt; font-family:gulim; line-height:160%; color:#000;}

@media (min-width:769px) and (max-width:1024px){
	#minutesTop { height:106px;}
	#minutesLeft { top:60px; }
	#minutesContent { top:111px; }
		#content { background-position:calc(50% + 75px) 150px !important; }
}
@media (max-width:768px){
	#minutesTop { height:106px;}
	
	/*#minutesLeft { top:60px; display:block; border-right:1px solid #ccc; }*/
	
	#minutesContent { top:111px; left:0; }
	#minutesContentArea { padding:10px; } 
		#content { background-position:calc(50% + 0px) 150px !important;  background-size:80px auto !important;}
}




/* 바로가기 */
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:768px){
	ul.skipUl li.li3 { display:none; }
}
/* 상단 */
#minutesTop .title { float:left; width:231px; height:60px; background:url(/minutes/img/svc/mnts/topbar_line.gif) no-repeat right top; text-align:center; margin-right:20px; }
#minutesTop .title h1 { padding-top:10px; }
#minutesTop .title h1 img { height:40px;}

#minutesTop h3 { height:60px; line-height:60px; font-size:20px; color:#fff; text-shadow:1px 1px 1px #333; }

@media (min-width:769px) and (max-width:1024px){
	#minutesTop .title { display:none; }
	#minutesTop h3 { width:100%; height:60px; line-height:60px; text-align:center; }
}
@media (max-width:768px){
	#minutesTop .title { display:none; }
	#minutesTop h3 { width:100%; height:60px; line-height:60px; font-size:15px; text-align:center; letter-spacing:-1px;   }
}




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

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


#minutesTop #topFunction #topFunctionArea > ul > li { float:left; margin-left:10px;}

#minutesTop #topFunction #topFunctionArea .minutessearch { float:right; }
#minutesTop #topFunction #topFunctionArea .minutessearch .text_minutesSearch { width:168px; height:28px; border:1px solid #20306c; padding-left:10px; font-size:120%; }
#minutesTop #topFunction #topFunctionArea .minutessearch .submit_searchBtn { width:44px; height:30px; line-height:30px; font-size:95%; color:#fff; border-radius:3px; background:#111e4d; border:1px solid #111e4d;  }

#minutesTop #topFunction #topFunctionArea .sidemenu {  float:right;}
#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(/minutes/img/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(/minutes/img/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 { float:right;}
#minutesTop #topFunction #topFunctionArea .fontsetting li { float:left; margin-right:5px; }
#minutesTop #topFunction #topFunctionArea .fontsetting li:last-child { margin:0; }

#minutesTop #topFunction #topFunctionArea .close { float:right; }



@media (min-width:769px) and (max-width:1024px){
	#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; width:520px; height:30px; margin-right:10px; }
}
@media (max-width:768px){
	#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:100%; height:30px; margin:0 auto; }
	
	#minutesTop #topFunction #topFunctionArea .sidebar_control {  position:absolute; left:10px; top:0; display:block; }

	#minutesTop #topFunction #topFunctionArea .minutessearch { position:absolute; left:50px; right:auto;top:0px; }
	

	#minutesTop #topFunction #topFunctionArea .sidemenu { display:none; }
	#minutesTop #topFunction #topFunctionArea .fontsetting { display:none; }
	#minutesTop #topFunction #topFunctionArea .close { position:absolute; right:10px; top:0; }
}




/* 좌측 */
/* 좌측 */
/* 좌측 */

/* 좌측검색 */
.leftSearch { position:relative; width:calc(100% - 32px); padding:10px; background:#e3e8eb; border-radius:5px; margin:10px 20px 20px 12px; }
.leftSearch .form-control { width:calc(100% - 70px); height:30px; height:28px; padding:0 70px 0 5px; border:1px solid #ddd; }
.leftSearch .search-btn { position:absolute; right:51px; top:15px; width:20px; height:20px; line-height:20px; border:none; background:none; }
.leftSearch .btn_prev { position:absolute; right:34px; top:17px; width:9px; height:15px; line-height:20px; border:none; background:none; }
.leftSearch .btn_next { position:absolute; right:15px; top:17px; width:9px; height:15px; line-height:20px; border:none; background:none; }
.leftSearch .txt { font-size:80%; margin-top:5px;}

.speaker { width:210px; }
.speaker h3 { width:172px; height:49px; line-height:49px; padding-left:38px; font-size:18px; background:url(/minutes/img/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(/minutes/img/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(/minutes/img/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(/minutes/img/svc/mnts/leftblt_off.gif) no-repeat right top; color:#333; display:block; }
#minutesLeft h3 a:active,
#minutesLeft h3 a:focus,
#minutesLeft h3 a:hover,
#minutesLeft h3 a.select { background:url(/minutes/img/svc/mnts/leftblt_on.gif) no-repeat right top; color:#113d8e; }



.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; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block;  }
.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:769px) and (max-width:1024px){
	.pathbar .snsbtn { right:30px; }
	.pathbar .snsbtn ul.pcTabletBtn li.print { display:none; }
}

@media (max-width:768px){
	.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:768px){
	#minutesContent .pageTopBtn { position:fixed; right:30px; bottom:15px; }
}

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


#myDiv { position: fixed; left: 250px; top: calc(50% - 100px); width: 360px; height: 220px; padding: 10px 20px; 	border: 3px solid #113d8e; box-sizing: border-box; background: #f9f9f9; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); display: block; }
#myDiv #slideId { width: 100%; height: 150px; padding-right: 20px; box-sizing: border-box; overflow: auto; }
#myDiv #slideId .slidesession { width: 100%;	height: 150px; }
#myDiv #slideId .slidesession .applist { width: 100%; }
#myDiv #slideId .slidesession .applist ul { width: 100%; overflow: hidden; }
#myDiv #slideId .slidesession .applist ul li { padding: 10px 0; line-height: 1.5; border-bottom: 1px solid #ddd; }
#myDiv #slideId .slidesession .applist ul li a:link, 
#myDiv #slideId .slidesession .applist ul li a:visited { font-size: 90%;	color: #555; letter-spacing: -1px; }
#myDiv #slideId .slidesession .applist ul li a:active, 
#myDiv #slideId .slidesession .applist ul li a:focus, 
#myDiv #slideId .slidesession .applist ul li a:hover { color: #1757b7; }
#myDiv .btnArea { width: 100%; height: 50px; padding-top: 10px; text-align: center; }
#myDiv .btnArea .myButton { width: 100px; height: 30px; border: 1px solid #113d8e; border-radius: 3px; background: #113d8e; color: #fff; font-size: 90%; text-align: center; display: block; margin: 0 auto; }
.dotline { margin-bottom: 12px; width: 100%; height: 10px;	border-bottom: 1px dashed #000; line-heigh: 0%; font: 0% dotum; }

.SELECTTEXT { background:#fff; color:#da131a; font-weight:bold; }

.temporarily { position: fixed; left: calc(50% + 10px); bottom: calc(50% - 375px); }
.temporarilyTXt { width: 100%; padding: 0 0 20px 0; box-sizing: border-box; text-align: right !important; }
.temporarilyTXt p { color: #da131a; }


/* 모달윈도우 */
.mw { position:fixed; 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:calc(50% - 250px); top:calc(50% - 100px); width:500px; margin:0 auto; }
.mw .fg .mbox { width:100%; height:100%; padding:30px 20px 20px 20px; box-sizing:border-box; border-radius:10px; background:#fff; display:inline-block; margin:0 auto; }
.mw .fg .mbox p { color:#444; letter-spacing:0px; font-size:100%; font-weight:normal; text-align:center; word-break:keep-all; margin-bottom:15px; }
.mw .fg .mbox p b { color:#ff0000; margin-top:5px; font-size:110%;}
.mw .fg .mbox .close { width:90px; height:35px; line-height:35px; border-radius:5px; background:#2c7dbf; display:block; text-align:center; margin:0 auto; }
.mw .fg .mbox .close a { width:100%; height:100%; color:#fff; display:block; }


@media (max-width:768px){
	.mw .fg { left:calc(50% - 150px); top:calc(50% - 130px); width:300px; height:225px; }

}