@charset "utf-8";


/* 레이아웃 */
html, body { width:100%; height:100%; }
#minutesViewer { width:100%; height: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 { position:relative; font-size:12pt; /*font-family:gulim;*/ line-height:160%; color:#000;}
		.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; }
}
@media (max-width:767px){
	#minutesTop { height:106px;}
	#minutesLeft { top:60px; display:block; border-right:1px solid #ccc; }
	#minutesContent { top:111px; left:0; }
	#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; }
}
/* 상단 */
#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 h3 { height:60px; line-height:60px; font-size:20px; color:#fff; text-shadow:1px 1px 1px #333; }

@media (min-width:768px) and (max-width:1023px){
	#minutesTop .title { /*display:none;*/ }
	#minutesTop h3 { width:100%; height:60px; line-height:60px; text-align:center; }
}
@media (max-width:767px){
	#minutesTop .title { display:none; }
	/*#minutesTop h3 { width:100%; height:60px; line-height:60px; font-size:100%; text-align:center; letter-spacing:-1px;   }*/
	#minutesTop h3 { width:100%; height:60px;  padding:20px 10px;  box-sizing:border-box; line-height:1.3; font-size:110%; 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 .minutessearch { position:absolute; right:295px; left:0; top:0px; }
#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 { position:absolute; right:170px; top:0px; }
#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 { position:absolute; right:50px; top:0; }
#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; }
*/

#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: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; width:560px; height:30px; margin-right:10px; }
}
@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: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; }
}


/* 좌측 */
.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:#1757b7; }



.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;}


#myDiv { position: fixed; left: 250px; top: calc(50% - 200px); width: 420px; height: 420px; 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: 340px; padding-right: 20px; box-sizing: border-box; overflow: auto; }
#myDiv #slideId .slidesession { width: 100%;	height: 400px; }
#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; }


.temporarily { position:fixed; left:calc(50% + 10px); bottom:calc(50% - 375px); }

@media (max-width:1440px){
	/*.temporarily { left:calc(50% - 280px); }*/
}

@media (max-width:1024px){
	.temporarily { /*left:calc(50% - 150px);*/ bottom:calc(50% - 400px); }
	.temporarily img { width:112px; }
}

@media (max-width:767px){
	.temporarily { left:calc(50% - 56px); }
	.temporarily img { width:112px; }
}

@media (max-width:450px){
	.temporarily { left:calc(50% - 56px); }
	.temporarily img { width:112px; }
}


.temporarilyTXt { width:100%; padding:0 0 20px 0; box-sizing:border-box; text-align:right !important;  }
.temporarilyTXt p { color:#da131a; }

dl dt.bold {text-indent:2em;}