@charset "utf-8";

h1 { font-family:NotoSans-Medium, "본고딕 미디엄"; letter-spacing:-1px; }

.hanja { font-family:Verdana, Geneva, sans-serif; }


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



/* 박스 */
.box { width:100%; padding:20px 25px; border:1px solid #ddd; box-sizing:border-box; display:block; }
.box2 { width:100%; padding:15px 20px; border:1px dashed #eee; box-sizing:border-box; background:#f4f4f4; display:block; }
.box p { line-height:1.7; }


@media (max-width:768px){
	.box { padding:15px 15px; }
}

/* 새창아이콘 */
.nw { position:relative; padding-right:25px; background:url(/broadcast/images/inc/icon_nw.gif) no-repeat right 50%; display:inline-block; }

/* 간격 */
.sp5 { display:block; margin-bottom:5px; }
.sp10 { display:block; margin-bottom:10px; }
.sp15 { display:block; margin-bottom:15px; }
.sp20 { display:block; margin-bottom:20px; }
.sp30 { display:block; margin-bottom:30px; }
.sp50 { display:block; margin-bottom:50px; }

.left5 { margin-left:5px; }
.left10 { margin-left:10px; }
.left15 { margin-left:15px; }
.left20 { margin-left:20px; }
.right5 { margin-right:5px; }
.right10 { margin-right:10px; }
.right15 { margin-right:15px; }
.right20 { margin-right:20px; }



.center { text-align:center; }
.right { text-align:right; padding-bottom:5px; }

/* 소제목 */
#content h3 { padding-left:21px; background:url(/broadcast/images/egovframework/com/svc/council/inc/blt_h3.gif) no-repeat 0 9px; font-weight:normal; font-size:130%; color:#000; margin-bottom:10px; }
#content h4 { padding-left:21px; background:url(/broadcast/images/egovframework/com/svc/council/inc/blt_h4.gif) no-repeat 0 7px; font-weight:normal; font-size:110%; color:#222; margin-bottom:10px; }
#content h5 { padding-left:21px; background:url(/broadcast/images/egovframework/com/svc/council/inc/blt_h5.gif) no-repeat 0 11px; font-weight:normal; font-size:105%; color:#222; margin-bottom:10px; }
#content h6 { font-weight:bold; font-size:100%; color:#333; margin-bottom:10px;  }




/* 탭메뉴 */
.tabmenu { width:100%; height:45px; margin-bottom:30px;  }
.tabmenu ul { position:relative; top:1px; height:45px; padding-left:1px; }
.tabmenu ul li { float:left; margin-left:-1px; }
.tabmenu ul li a:link,
.tabmenu ul li a:visited { width:100%; height:43px; line-height:43px; text-align:center; border:1px solid #ddd; background:#f4f4f4; color:#888; display:inline-block;  }
.tabmenu ul li a:active,
.tabmenu ul li a:focus,
.tabmenu ul li a:hover { background:#1757b7; color:#fff; border-color:#ddd; }
.tabmenu ul li a.select { background:#fff; color:#000; }

.tabmenu ul.tm2 li { width:50%; }
.tabmenu ul.tm3 li { width:33%; }
.tabmenu ul.tm3 li:last-child { width:34%; }
.tabmenu ul.tm4 li { width:25%; }
.tabmenu ul.tm5 li { width:20%; }
.tabmenu ul.tm7 li { width:14.3%; }
.tabmenu ul.tm7 li:last-child { width:14.2%; }



@media (max-width:768px){
	.tabmenu { width:100%; /*padding:0 15px;*/ box-sizing:border-box; }
	.tabmenu ul li a { font-size:75%; letter-spacing:-2px; }
}


/* table */
.stable { width:100%; border-top:2px solid #113d8e;  }
.stable thead th { padding:13px 0; border-right:1px solid #ccc; border-bottom:1px solid #aaa; background:#f9f9f9; color:#222; }

.stable tbody th,
.stable tbody td { padding:10px 10px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; }

.stable thead th:last-child { border-right:none; }
.stable tbody td:last-child { border-right:none; }

.stable tbody .left { text-align:left; padding-left:15px; padding-right:15px; }

.stable tbody td.name { color:#113d8e; }




.gtable { width:100%; border-top:2px solid #113d8e;  }
.gtable th { padding:13px 0; border-right:1px solid #ccc; border-bottom:1px solid #aaa; background:#f9f9f9; color:#222; }

.gtable tbody th,
.gtable tbody td { padding:10px 10px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; }

.gtable tbody th { background:#fcfcfc; }
.gtable tbody td { text-align:left; padding:10px 15px; }

.gtable thead th:last-child { border-right:none; }
.gtable tbody td:last-child { border-right:none; }

.gtable tbody .left { text-align:left; padding-left:15px; padding-right:15px; }





.stateTable thead th { background:#ebeff1; }
.stateTable tbody th { background:#fafafa; }

/*
.basicsTable { width:100%; border:0; border-spacing:0; border-collapse:collapse; border-top:1px solid #ccc; border-right:1px solid #ccc; } 
.basicsTable th,
.basicsTable td { padding:5px 10px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; } 

.basicsTable2 { width:100%; border:0; border-spacing:0; border-collapse:collapse; border-top:1px solid #ccc; border-right:1px solid #ccc; } 
.basicsTable2 th,
.basicsTable2 td { padding:5px 10px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; } 
.basicsTable2 th { background:#f4f4f4; }

.basicsTable2 td.center { text-align:center;}
*/


/* 입력 Table */
table.inputTable { width:100%; border-top:2px solid #113d8e; margin-bottom:25px; }
table.inputTable th,
table.inputTable td { padding:10px 15px 10px 15px; border-bottom:1px solid #ddd; }
table.inputTable th { border-right:1px solid #ddd; background:#f9f9f9; color:#113d8e; }
table.inputTable th span.eng { font-size:80%; color:#888; display:block; } /* 영어 */


.inTable { width:100%; border-top:1px solid #ddd; border-right:1px solid #ddd;  }
.inTable th,
.inTable td { padding:5px 2px !important; border-left:1px solid #ddd; border-bottom:1px solid #ddd; }
.inTable th { color:#333; font-weight:normal; }
.inTable td.center { text-align:center; }

.inTable2 { width:100%; border-top:1px solid #ddd; border-right:1px solid #ddd;  }
.inTable2 th,
.inTable2 td { padding:5px 5px !important; border-left:1px solid #ddd; border-bottom:1px solid #ddd; }
.inTable2 th { color:#333; font-weight:normal; }
.inTable2 td { text-align:center; }
.inTable2 td.left { text-align:left; padding:5px 10px !important; }



/* 색상 */
.Cred { color:#da131a !important; }
.Cblue { color:#06c; }
.Cyellow { color:#ffd40c; }
.Corange { color:orange; } 
.Cgreen { color:#75aa00; } 



/* 글자 */
.stxt { font-size:90%; color:#888; }


/* 버튼 */
.submit_searchBox_btn { height:32px; line-height:32px; padding:0 12px; border:none; border-radius:3px; background:#113d8e; color:#fff; font-size:90%; cursor:pointer; }

.abtn_blue { height:30px; line-height:30px; padding:0 10px; border-radius:3px; background:#113d8e; color:#fff !important; font-size:90%; text-decoration:none; display:inline-block; }

.abtn_pdfDown { height:30px; line-height:30px; padding:0 15px 0 30px; border-radius:3px; background:#da1f26 url(../images/inc/blt_filedown.gif) no-repeat 10px 50%; color:#fff !important; font-size:90%; text-decoration:none; display:inline-block; }
.abtn_filedown { height:30px; line-height:30px; padding:0 15px 0 30px; border-radius:3px; background:#113d8e url(../images/inc/blt_filedown.gif) no-repeat 10px 50%; color:#fff !important; font-size:90%; text-decoration:none; display:inline-block; }

.submit_searchboxBtn { width:100px; height:40px; line-height:40px; text-align:center; background:#113d8e; font-size:95%; color:#fff; border-radius:3px; border:1px solid #113d8e; display:inline-block; cursor:pointer; }

.submit_ok { width:70px; height:32px; line-height:32px; text-align:center; background:#666; color:#fff; border:1px solid #666; border-radius:3px; font-size:90%; display:inline-block; vertical-align:top; cursor:pointer; }




/* 결과제목바 */
.resultBar { width:100%; height:44px; padding:7px 0 0 41px; border:1px solid #8fbbe0; background:#add5f7 url(/broadcast/images/sub/resultbar_blt.png) no-repeat 11px 10px; color:#000; font-size:110%; margin-bottom:30px; box-sizing:border-box; }
.resultBar strong { padding-right:5px; color:#113d8e; }
.resultBar span.eng {  font-size:80%; color:#537c9e; letter-spacing:-1px; }
.resultBar span.num { color:#da131a; font-weight:bold; }

/* UL */
ul.depth1 { overflow:hidden; }
ul.depth1 li { padding:5px 0 5px 19px; background: url(/broadcast/images/egovframework/com/svc/council/inc/blt_ul_depth1.png) no-repeat 0 12px; }

ul.depth2 { overflow:hidden; }
ul.depth2 li { padding:3px 10px; background:url(/broadcast/images/egovframework/com/svc/council/inc/blt_ul_depth2.png) no-repeat 0 6px; }

ul.depth3 { overflow:hidden; }
ul.depth3 li { padding:3px 10px; background:url(/broadcast/images/egovframework/com/svc/council/inc/blt_ul_depth3.gif) no-repeat 0 13px; line-height:1.5; }

ul.depth4 { overflow:hidden; }
ul.depth4 li { padding:3px 10px; line-height:1.5; background:none; }

ul.depth4 li span { width:80px; display:inline-block; }

ol li { padding:3px 0; line-height:1.5;}
ol li ol li { list-style: lower-alpha}






/* 검색박스 */
.searchBox { width:100%; padding:30px 30px 30px 30px; border:5px solid #ccc; margin-bottom:50px; box-sizing:border-box; }


.searchBox table { width:100%; border:0; border-spacing:0; border-collapse:collapse; border-top:1px solid #eee; margin-bottom:20px; }
.searchBox table th,
.searchBox table td { height:50px; border-bottom:1px solid #eee; }
.searchBox table th { padding-left:34px; text-align:left; background: url(/broadcast/images/sub/searchbox_blt1.gif) no-repeat 15px 50%; font-weight:normal; color:#333; }
.searchBox table td { padding-left:15px; background: url(/broadcast/images/sub/searchbox_line.gif) no-repeat 0 50%; }

.searchBox table td label { margin-right:20px; }


.searchBox ul { width:100%; overflow:hidden; }
.searchBox ul li { float:left; width:auto; padding:5px 0; }
.searchBox table ul li a { display: block; width: 32px; height: 32px; background: #0061a3; text-align: center; line-height: 32px; color: #fff; font-size: 95%; border-radius: 5px; margin-right: 8px; transition: all 0.2s; }
.searchBox table ul li a:hover { background: #2e84bf; }

.wordsResult dt { font-size: 110%; color: #d7673f; padding: 0 10px; margin-bottom: 10px; }
.wordsResult dd { line-height: 150%; padding: 0 10px 15px 10px; border-bottom: 1px dashed #ddd; margin-bottom: 15px; }
	
	

@media (max-width:768px){
	.searchBox { padding:20px 10px 30px 10px; margin-bottom:30px; }
	.searchBox table th { width: 100px; height:auto; padding:10px 0 10px 10px; background:none; }
	.searchBox table td { height:auto; padding:10px; }
	
	.searchBox ul { width:100%; overflow:hidden; box-sizing:border-box; }
	.searchBox ul li { float:left; padding:5px 0; overflow:hidden; display:block; }
	.searchBox ul li .item { float:left; width:30%; display:block; }
	.searchBox ul li .itemContent { float:left; width:70%; display:block; }
}


/* Placehoder 색상 */

::-webkit-input-placeholder { /* 크롬 */
   color: #ccc;
}
:-moz-placeholder { /* 파이어폭스 */
   color: #ccc;
   opacity:  1;
}
::-moz-placeholder { /* 파이어폭스 */
   color: #ccc;
   opacity:  1;
}
:-ms-input-placeholder { /* 인터넷 익스플로러 */
   color:  #ccc;
}
::placeholder {
   color:  #ccc;
   opacity:  1;
}


/* 게시판 알림글 */
.boardnotice { width:100%; min-height:85px; padding-left:100px; background:url(../images/inc/boardnotice_icon.gif) no-repeat; margin-bottom:30px; box-sizing:border-box; }
.boardnotice p.line2 { padding-top:10px; }
.boardnotice p a:link,
.boardnotice p a:visited { color:#da131a; text-decoration:underline; }
.boardnotice p a:active,
.boardnotice p a:focus,
.boardnotice p a:hover { color:#ee5f08; }






/* 스크롤 Table */
.noticeTxt { display:none; }


@media (max-width:768px){
	.noticeTxt { color:#888; display:block; margin-bottom:10px; }
	.sizeTableDiv { overflow:auto; }
	.sizeTableDiv table { width:700px; }

}




/* 텍스트로 보기 */
.altpage { padding-left:17px; background: url(/broadcast/images/egovframework/com/svc/council/inc/blt_alttxt.gif) no-repeat left 9px; margin-top:30px;}
.altpage a:link,
.altpage a:visited { text-decoration:underline; }




/* 모달윈도우 - sns */
.mw { position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000; }
.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:15px; top:150px; width:calc(100% - 30px); height:270px; margin:0 auto; }
.mw .fg .mbox { width:calc(100% - 30px); height:100%; padding:0 15px; border-radius:10px; background:#fff; display:inline-block; margin:0 auto; }

.mw .fg .mbox ul { width:99%; padding-top:50px; overflow:hidden; margin:0 auto; }
.mw .fg .mbox ul li { float:left; width:33%; height:100px; text-align:center; }
.mw .fg .mbox ul li .icon { display:block; margin-bottom:7px; }
.mw .fg .mbox ul li .txt { line-height:1.2; text-align:center; display:block; }



/* 게시판 상단 글 박스 */
.boardTopBox { width:100%; min-height:140px; padding:30px 30px 30px 135px; border:5px solid #eee; box-sizing:border-box; background:url(/broadcast/images/egovframework/com/svc/council/inc/allim_icon.jpg) no-repeat 30px 30px; margin-bottom:30px; }
.boardTopBox p strong { font-size:110%; color:#113d8e; }

@media (max-width:768px){
	.boardTopBox { padding:15px; min-height:auto; background:none; }
}



/* 텍스트로 보기 */

.altbox { padding:50px; margin:20px; border:3px solid #ddd; box-sizing:border-box; }
.altbox h1 { margin-bottom:20px; }

.altbox ul { margin-bottom:20px;}
.altbox ul li { line-height:1.5; padding-left:20px; }

.altbox dl { margin-bottom:20px;}
.altbox dl dt { font-weight:bold; color:#222; }
.altbox dl dd { padding-left:20px; }
.altbox dl dd.end { margin-bottom:20px; }



@media (max-width:768px){
	.altbox { padding:15px; margin:20px; border:3px solid #ddd; box-sizing:border-box; }

	.altbox ul li { line-height:1.5; padding-left:5px; }
	
}




/* 자료관리 담당자 */
.dataControl { width:100%; margin-top:60px; }
.dataControl .dataControl_top { width:100%; height:44px; line-height:44px; background:#26a2dc; color:#fff; }
.dataControl .dataControl_top h1 { float:left; width:144px; height:44px; padding-left:20px; background:url(/broadcast/images/egovframework/com/svc/council/inc/dataControl_titlebar.gif) no-repeat; font-size:100%; }
.dataControl .dataControl_top .name { float:left; padding-left:20px; }
.dataControl .dataControl_top .name strong { padding-right:15px;}
.dataControl .dataControl_top .update { float:right; padding-left:20px; padding-right:20px; }
.dataControl .dataControl_top .update strong { padding-right:15px;}

.dataControl .dataControl_body { position:relative; width:calc(100% - 2px); height:130px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background: url(/broadcast/images/egovframework/com/svc/council/inc/dataControl_icon.jpg) no-repeat; }
.dataControl .dataControl_body .txt { padding:30px 0 10px 216px; }
.dataControl .dataControl_body ul { position:relative; width:calc(100% - 261px); height:37px; padding-left:25px; background:#d6eafb; overflow:hidden; margin:0 0 0 206px; }
.dataControl .dataControl_body ul li { float:left; height:37px; line-height:37px; margin-right:25px; }
.dataControl .dataControl_body ul li.btn { position:absolute; right:0px; top:0px; }
.dataControl .dataControl_body ul li.btn .submit_vote { width:75px; height:26px; line-height:26px; border:1px solid #4b62c7; border-radius:3px; background:#4b62c7; color:#fff; text-align:center; font-size:90%; }

.dataControl .dataControl_body .gradeInformation { position:absolute; right:40px; top:30px; }
.dataControl .dataControl_body .gradeInformation span { padding-left:20px; }


@media (min-width:768px) and (max-width:1024px){
	.dataControl .dataControl_body .txt { padding:30px 0 10px 186px; }
	.dataControl .dataControl_body ul { position:relative; width:calc(100% - 201px); height:37px; padding-left:10px; background:#d6eafb; overflow:hidden; margin:0 0 0 176px; }
	.dataControl .dataControl_body ul li { margin-right:20px; }
	.dataControl .dataControl_body .gradeInformation { right:20px; }
	.dataControl .dataControl_body .gradeInformation span { padding-left:10px; }
}
@media (max-width:767px){
	.dataControl { width:100%; margin-top:50px; }
	.dataControl .dataControl_top { width:100%; height:88px; line-height:44px; background:#26a2dc; color:#fff; font-size:90%; }
	.dataControl .dataControl_top h1 { float:none; width:calc(100% - 15px); height:44px; padding-left:15px; background:#006ba9; display:block; }
	.dataControl .dataControl_top .name { float:left; padding-left:15px; }
	.dataControl .dataControl_top .name strong { padding-right:10px;}
	
	.dataControl .dataControl_top .update { display:none; }
	
	.dataControl .dataControl_body { position:relative; width:calc(100% - 22px); height:auto; padding:10px 10px 20px 10px; background:none; }
	.dataControl .dataControl_body .txt { padding:0 5px 10px 5px; }
	.dataControl .dataControl_body ul { position:relative; width:calc(100% - 20px); height:auto; padding:10px 10px 20px 10px; background:#d6eafb; overflow:hidden; margin:0 0 0 0; }
	.dataControl .dataControl_body ul li { float:left; height:30px; line-height:30px; margin-right:25px; }
	.dataControl .dataControl_body ul li.btn { position:static; right:0px; top:0px; width:100%; display:block; margin-top:10px; }
	.dataControl .dataControl_body ul li.btn .submit_vote { width:100%; height:30px; line-height:30px; border:1px solid #4b62c7; border-radius:3px; background:#4b62c7; color:#fff; text-align:center; font-size:90%; }
	
	.dataControl .dataControl_body .gradeInformation { position:static; right:0; top:0; text-align:right; margin-top:12px; }
	.dataControl .dataControl_body .gradeInformation span { padding-left:20px; }
}


/* 의원프로필 */
/*#pop_profile { position:relative; width:530px; height:605px; padding:10px; background:#656d77; }*/
#pop_profile { position:relative; width:100%; height:100%; padding:10px; background:#ddd; box-sizing:border-box; }
#pop_profile .outbox { width:100%; height:100%; padding:10px; border:3px solid #ffda81; background:#fff; box-sizing:border-box; }
#pop_profile .outbox h1 { position:relative; width:100%; height:66px; background:#4e5997 url(/broadcast/images/inc/profile_titlebar.gif) no-repeat right top; border-radius:10px; margin-bottom:20px; }
#pop_profile .outbox h1 img { position:absolute; left:13px; top:10px; }

#pop_profile .outbox .profile1 { width:100%; height:220px; padding:0; font-size:95%; box-sizing:border-box; }
#pop_profile .outbox .profile1 dl { width:100%; }
#pop_profile .outbox .profile1 dt { float:left; width:165px; }
#pop_profile .outbox .profile1 dd { width:calc(100% - 165px); margin-left:165px; }
#pop_profile .outbox .profile1 dt img { width:130px; padding:5px; border:1px solid #ccc; }
#pop_profile .outbox .profile1 dd.name { padding:5px 0 5px; font-weight:bold; font-size:130%; color:#113d8e; }
#pop_profile .outbox .profile1 dd.name .hanja { padding-left:5px; font-weight:normal; font-size:80%; font-family: Verdana, Geneva, sans-serif; color:#888; }
#pop_profile .outbox .profile1 dd table th { padding:4px 0 3px 9px; background: url(/broadcast/images/inc/blt_depth3.gif) no-repeat 0 12px; text-align:left; font-weight:normal; color:#888; vertical-align:top; }
#pop_profile .outbox .profile1 dd table td { padding:4px 0 3px 0; text-align:left; white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-break:break-all; }
#pop_profile .outbox .profile1 dd table td a:link,
#pop_profile .outbox .profile1 dd table td a:visited { color:#333; text-decoration:none; white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-break:break-all; }
#pop_profile .outbox .profile1 dd table td a:active,
#pop_profile .outbox .profile1 dd table td a:focus,
#pop_profile .outbox .profile1 dd table td a:hover { color:#06c; }

#pop_profile .outbox .profile1 dd table .thtd1 { width:70px;}
#pop_profile .outbox .profile1 dd table .thtd2 { width:calc(100% - 70px);}

#pop_profile .outbox .profile2 { width:100%; height:249px; }
#pop_profile .outbox .profile2 h3 { height:30px; padding-left:25px; background:url(/broadcast/images/inc/profile_blt_h3.gif) no-repeat 5px 6px; color:#113d8e; font-weight:normal; }
#pop_profile .outbox .profile2 .profile2_box { width:100%; height:202px; padding:15px 15px 30px 15px; border:1px solid #ccc; overflow:auto; line-height:170%; font-size:95%; box-sizing:border-box; }

#pop_profile .close { width:100%; margin-bottom:10px; }
#pop_profile .close a { width:100%; height:36px; line-height:36px; border:1px solid #333; border-radius:3px; background:#333; text-align:center; color:#fff; display:block; }



@media (max-width:470px){
	#pop_profile .outbox h1 img { position:absolute; left:13px; top:10px; }

	#pop_profile .outbox .profile1 { height:auto; margin-bottom:15px; }
	#pop_profile .outbox .profile1 dt { float:left; width:82px; }
	#pop_profile .outbox .profile1 dd { width:calc(100% - 82px); margin-left:82px; }
	#pop_profile .outbox .profile1 dt img { width:70px; padding:0px; border:1px solid #ccc; }
	#pop_profile .outbox .profile1 dd table { font-size:90%; }
	
	#pop_profile .outbox .profile1 dd table .thtd1 { width:60px;}
	#pop_profile .outbox .profile1 dd table .thtd2 { width:calc(100% - 60px);}
	
	#pop_profile .outbox .profile2 { height:auto; margin-bottom:15px; }
	#pop_profile .outbox .profile2 .profile2_box { height:auto; }

	
	
}




.spinner {
	position: absolute;
	top: 65%;
	left: 55%;
	width: 80px;
	height: 90px;
	z-index: 100;
	background-color: #FFFFFF; /*margin-top: -50px; margin-left: -100px;*/
	border-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8ff));
	display: none;
}