@charset "utf-8";

/*폰트*/
@font-face {
	font-family:'NanumSquare';
	font-weight:800;
		src: url(/photo/font/NanumSquareEB.eot);
		src: url(/photo/font/NanumSquareEB.eot?#iefix) format('embedded-opentype'), url(/photo/font/NanumSquareEB.woff) format('woff'), url(/photo/font/NanumSquareEB.ttf) format('truetype');
}
@font-face {
	font-family:'NanumSquare';
	font-weight:700;
		src: url(/photo/font/NanumSquareB.eot);
		src: url(/photo/font/NanumSquareB.eot?#iefix) format('embedded-opentype'), url(/photo/font/NanumSquareB.woff) format('woff'), url(/photo/font/NanumSquareB.ttf) format('truetype')
}
@font-face {
	font-family:'NanumSquare';
	font-weight:400;
		src: url(/photo/font/NanumSquareR.eot);
		src: url(/photo/font/NanumSquareR.eot?#iefix) format('embedded-opentype'), url(/photo/font/NanumSquareR.woff) format('woff'), url(/photo/font/NanumSquareR.ttf) format('truetype');
}
@font-face {
	font-family:'NanumSquare';
	font-weight:300;
		src: url(/photo/font/NanumSquareL.eot);
		src: url(/photo/font/NanumSquareL.eot?#iefix) format('embedded-opentype'), url(/photo/font/NanumSquareL.woff) format('woff'), url(/photo/font/NanumSquareL.ttf) format('truetype');
}

html *{font-family:NanumSquare, dotum, gulim, Arial;}

::selection{background:#bd911f;color:#fff;}

/* 간격 */
.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; }

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



/* 소제목 */
#content h3 { padding-left:21px; background:url(/images/sub/blt_depth1.png) no-repeat 0 5px; font-weight:bold; font-size:110%; color:#113d8e; margin-bottom:10px; }
#content h4 { padding-left:20px; background:url(/images/sub/blt_depth2.png) no-repeat 0 5px; font-weight:bold; font-size:105%; color:#222; margin-bottom:10px; }

@media (max-width:767px){
	#content h3 { background:url(/images/sub/blt_depth1.png) no-repeat 0 2px;}
	#content h4 { background:url(/images/sub/blt_depth2.png) no-repeat 0 3px; }	
}


/* noticeTxt */
.noticeTxt { display:none; }
.overflowDiv { width:100%; }
@media (max-width:767px){
	.noticeTxt { display:block; margin-bottom:10px; }
	.overflowDiv { overflow:auto !important; }
	.overflowDiv table { width:100%; }
	.overflowDiv table.inputTable { width:700px; }
	.overflowDiv table.inputTable2 { width:790px; }
	.overflowDiv table.inputTable2 table.inTable { width:604px; }
	
}




/* 탭메뉴 */
.tabmenu { width:100%; height:45px; border-bottom:1px solid #ddd; margin-bottom:30px; margin-top:-30px;  }
.tabmenu ul { float:right; 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 { height:43px; line-height:43px; padding:0 20px; border:1px solid #ddd; background:#f4f4f4; color:#999; 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; border-bottom-color:#fff; }



@media (max-width:767px){
	.tabmenu { width:100%; height:auto; border-bottom:none; margin-bottom:30px; margin-top:0px;  }
	.tabmenu ul { float:none; position:relative; top:0px; height:auto; padding-left:1px; }
	.tabmenu ul li { float:left; margin-left:-1px; }	
	.tabmenu ul li a:link,
	.tabmenu ul li a:visited { width:100%; height:45px; line-height:45px; padding:0; font-size:85%; letter-spacing:-1px; text-align:center; border:1px solid #ddd; background:#f4f4f4; 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; border-bottom-color:#fff; }
	
	.tabmenu ul.ul2 li { float:left; width:50%; margin-left:-1px; }
	.tabmenu ul.ul3 li { float:left; width:33%; margin-left:-1px; }
	.tabmenu ul.ul4 li { float:left; width:25%; margin-left:-1px; }
	.tabmenu ul.ul5 li { float:left; width:20%; margin-left:-1px; /*display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;*/ }
	

}



/* 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:#113d8e; }
.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 td.left { text-align:left; padding-left:10px; padding-right:10px; }


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

@media (max-width:767px){
	.stable tbody td { line-height:1.5; }
}


/* 입력 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:#999; 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; }
.Cblue { color:#06c; }
.Cyellow { color:#ffd40c; }
.Corange { color:orange; } 




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


/* 버튼 */
.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; }





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

ul.depth3 { overflow:hidden; }
ul.depth3 li { padding:3px 10px; line-height:1.5; background:url(/images/sub/blt_depth3.gif) no-repeat 0 13px; }

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 40px 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; }
.searchBox table th,
.searchBox table td { border-bottom:1px solid #eee; }
.searchBox table th { padding:13px 0 12px 34px; text-align:left; background: url(/images/egovframework/com/svc/minutes/sub/searchbox_blt1.gif) no-repeat 15px 50%; font-weight:normal; color:#333; }
.searchBox table td { padding:6px 0 7px 15px; background:url(/images/egovframework/com/svc/minutes/sub/searchbox_line.gif) no-repeat 0 50%; }

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

.searchBox table td ul { width:100%; overflow:hidden; }
.searchBox table td li { float:left; width:45px; padding:10px 20px 10px 11px; background:url(/images/egovframework/com/svc/minutes/sub/searchbox_blt2.gif) no-repeat 0 50%; }
.searchBox table td li a:link,
.searchBox table td li a:visited { text-decoration:none; color:#666; }
.searchBox table td li a:active,
.searchBox table td li a:focus,
.searchBox table td li a:hover { color:#1757b7; font-weight:bold; }


.searchBox table td .stxt { color:#999; padding-left:10px; }
.searchBox table td .stxt_red { color: #da131a; padding-left:10px; }


.searchBox .btn_area { text-align:center; margin-top:30px; }
.searchBox .btn_area .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; }


.searchBox table .b_item { width:20%; } /* 영역설정 */
.searchBox table .b_itemcontent { width:80%; }
.searchBox table .b_itemcontent2 { width:30%; }
.searchBox table td .mobilebar { display:none; }


@media (max-width:767px){
	.searchBox { width:100%; padding:15px 10px 20px 10px; border:5px solid #ccc; margin-bottom:50px; box-sizing:border-box; }
	.searchBox table { width:100%; border-top:1px solid #eee; margin-bottom:30px; font-size:90%; }
	.searchBox table th { padding:13px 0 12px 5px; border-bottom:1px solid #eee; text-align:left; background:none; font-weight:normal; color:#333; }
	.searchBox table td { padding:6px 0 7px 0; border-bottom:1px solid #eee; background:url(/images/egovframework/com/svc/council/inc/searchbox_line.gif) no-repeat 0 50%; background:none; }
	
	.searchBox table td .label_radio { margin-right:5px; }
	
	.searchBox table td label { margin-right:10px;} 
	
	.searchBox table .b_item { width:0%; display:none; }
	.searchBox table .b_itemcontent { width:100%; background:none;}
	.searchBox table .b_itemcontent2 { width:50%; background:none; padding:7px 5px; box-sizing:border-box; }
	.searchBox table td .mobilebar { width:100%; height:40px; line-height:40px; text-align:center; font-weight:bold; background:#f4f4f4; display:block; margin-bottom:10px; }
	
	.searchBox table td .stxt { padding-left:0; display:block; margin-top:7px; }
	.searchBox table td .stxt_red { padding-left:0px; display:block; margin-top:7px; }
}


/* 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;
}

/* 바로가기메뉴 */
ul.skipUl { position:absolute; top:0; width:100%; z-index:99999; }
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:40px; line-height:40px; display:block; background:#e54e1f;}
ul.skipUl li.li2 a:focus, 
ul.skipUl li.li2 a:active{  width:100%; height:40px; line-height:40px; display:block; background:#236fee;}