﻿﻿@import url(common.css);

/*서브페이지 가나다검색*/
.text_search_wrap {margin:0 0 20px 0; overflow:hidden;}
.text_search_wrap a {float:left; margin:0 2px 0 0; width:31px; height:36px; line-height:3.1; text-align:center; font-family:'Dotum', 돋움; font-size:12px; font-weight:bold; color:#404040; border:1px solid #d6d6d6; background:#f6f6f6;}
.text_search_wrap a.alphabet {width:40px;}
.text_search_wrap a:hover {border:1px solid #1e83c5;color:#fff;background:#1e83c5;}

.contents_wrap {display:block;margin:0 0 0 342px;padding:0 0 20px 30px;width:888px;min-height:610px;}
.contents_wrap02 {margin:0 auto;}
.sub_title_wrap {padding:39px 0 0 0;margin-bottom:20px;}
.sub_title_wrap h3 i {margin-left:10px;font-size:25px;color:#444;font-style:normal;font-weight:normal;letter-spacing:-2px;}
.sub_title_wrap h3 img {vertical-align:sub;}
.title {width:500px; vertical-align:bottom;}
.title02 {width:40%;}
.root_info {width:40%;font:12px/30px "돋움";color:#938d92;text-align:right;height:36px;}
.root_info span {color:#938d92;font-weight:bold;} 

/*테이블틀*/
.board_info {font:bold 14px/14px "돋움";} 
.board_info span {line-height:14px;}

.tb001 {width:100%;border-top:2px solid #b4b3b8;table-layout:fixed;}
.tb001 th {height:32px;border-bottom:1px solid #ddd;text-align:center; background:#f9f9f9; font-size:14px;}
.tb001 td {height:59px;border-bottom:1px solid #ddd;text-align:center;}
.tb001 .subject {text-align:left;font:bold 15px/59px "돋움";}
.tb001 .subject a {font:bold 15px/59px "돋움";color:#444;}
.tb001 .subject a:hover {font:bold 15px/59px "돋움";color:#4380ce;}
.tb001 .date {font-weight:bold;}
.tb001 .lawname {font:bold 15px/59px "돋움";color:#999;}


.tb002 { width:100%; border-top:2px solid #b4b3b8;table-layout:fixed;}
.tb002 th { height:33px;border-bottom:1px solid #ddd;text-align:center; background:#f9f9f9; color:#4f5e71; font-size:14px; font-weight:normal; line-height:33px;  font-family:"MALGUN","맑은고딕";}
.tb002 td { height:56px;font-size:15px;border-bottom:1px solid #ddd;text-align:center; color:#4f5e71; }
.tb002 td i{font-style:normal;font-size:12px;color:#798696;}

.tb002 td.subject p {text-align:left;}
.tb002 td.subject p a {font:bold 15px "돋움";color:#344051;letter-spacing:-1px;}
.tb002 td.view_tit {padding:10px 0;text-align:left;color:#344051;letter-spacing:-1px;}
.tb002 td.view_tit a {font:bold 15px "돋움";color:#344051;letter-spacing:-1px;}
.tb002 td.view_tit .tit {font:bold 15px "돋움";color:#344051;letter-spacing:-1px;}
.tb002 td.view_tit .cont {margin-top:8px;color:#938d92;}
.tb002 td.view_tit .sub_tit {font-size:13px; color:#344051;}
.tb002 td.view_tit i {font-weight:bold;font-style:normal;font-size:12px;color:#9870ca;}

.tb002 .subject_title { margin-top: 8px; font-size: 14px; font-weight: bold; height:30px;text-align:left;}
.tb002 .subject_title a {width:100%;font:bold 15px/30px "돋움";color:#344051; letter-spacing:-1px; }

.tb002 .subject_title2 {text-align:left; padding-left:30px; background:url("../../images/service/sub/list_subject_icon.png") no-repeat 0 50%;}
.tb002 .subject_title2 a {width:100%;font:bold 15px "돋움";color:#344051; letter-spacing:-1px; }

.tb002 .subject_title3 {text-align:left; padding-left:30px; background:url("../../images/service/sub/list_subject_icon02.gif") no-repeat 0 50%;}
.tb002 .subject_title3 a {width:100%;font:bold 15px "돋움";color:#344051; letter-spacing:-1px; }

.tb002 .lawname a {font:15px "돋움";color:#344051;}


.tb002 .ico_down {text-align:left; padding-left:30px; background:url("../../images/service/common/ico_down.gif") no-repeat 0 50%;}
.tb002 .ico_down a {width:100%;font:bold 15px "돋움";color:#344051; letter-spacing:-1px; }
.tb002 .ico_link {text-align:left; padding-left:30px; background:url("../../images/service/common/ico_link.gif") no-repeat 0 50%;}
.tb002 .ico_link a {width:100%;font:bold 15px "돋움";color:#344051; letter-spacing:-1px; }
.tb002 .ico_out {text-align:left; padding-left:30px; background:url("../../images/service/common/ico_out.gif") no-repeat 0 50%;}
.tb002 .ico_out a {width:100%;font:bold 15px "돋움";color:#344051; letter-spacing:-1px; }


.tb002 .subject_contents {font:12px/16px "돋움";color:#938d92;text-align:left;height:32px;}
.tb002 .date {}
.tb002 .date2 {}
.tb002 strong {color:#9870ca;}

.brdComView{width:100%; table-layout:fixed; border-collapse: collapse;}
.brdComView tbody th{padding:0px 10px; line-height:34px; background:#f5f6f6;border-bottom:1px #cfd6d5 solid ; border-right:1px #cfd6d5 solid ; font-weight:bold; font-size:14px;  color:#5b5b5a;}
.brdComView tbody th .alL { background:#f5f6f6;border-bottom:1px #cfd6d5 solid ; border-right:1px #cfd6d5 solid; font-size:12px; text-align:left; color:#6a6fb3;}
.brdComView tbody th.sbg { background:#f5f6f6;}
.brdComView tbody th.line {border-right:1px #cfd6d5 solid;}
.brdComView tbody td{padding:0px  15px; border-bottom:1px #cfd6d5 solid;  line-height:16px;  font-weight:bold; font-size:14px;  color:#5b5b5a;}
.brdComView tbody .subject th{border-top:2px #cfd6d5 solid; }
.brdComView tbody .subject td{ border-top:2px #cfd6d5 solid; }
.brdComView tbody .subject1 th{border-top:2px #cfd6d5 solid;border-bottom:2px #3b97d5 solid;}
.brdComView tbody .subject1 td{ border-top:2px #cfd6d5 solid;border-bottom:2px #3b97d5 solid;}
.brdComView tbody td.story{padding:0;}
.brdComView tbody td.story .storyIn{padding:15px 10px; line-height:19px;}
.brdComView tbody td.story .storyIn .storyImg{text-align:center; width:100%;}
.brdComView tbody td.alCt{text-align:center;}
.brdComView tbody td p{padding:2px 0 2px 10px;}
.brdComView tbody td.tit{color:#073064; font-weight:bold;}
.brdComView tbody td a{color:#6a6fb3;}
.brdComView tbody td img{ vertical-align:middle;}
.brdComView tbody td p a:hover{}
.brdComView tbody td.brd_reImg{text-align:right;}
.brdComView tbody td.brd_reImg img{width:198px; height:279px; border:1px #d8d8d7 solid;}
.brdComView tbody td input {vertical-align:middle; font-size:12px;}
.brdComView tbody td .col1{padding-left:8px; font-size:12px; color:#ff6000;}
.brdComView tbody td p span{padding-left:5px; vertical-align:middle;}
.brdComView tbody th.right{border-right:1px #cfd6d5 solid; }
.brdComView tbody td.right{border-right:1px #cfd6d5 solid; }
.brdComView tbody td.noline{border-bottom:1px #ffffff solid;}
.brdComView tbody th.noline{border-bottom:1px #ffffff solid;}
.brdComView tbody th.accent{ background:#f6f6f6; font-weight:bold; color:#e43f18;}
.brdComView tbody td.bottom{border-bottom:2px solid #c1c1c1; font-weight:normal; font-size:12px;  color:#5b5b5a;}
.btn_list {text-align:center; padding: 20px 0; }
.file_attach { color:#1578bd; font-weight:normal; text-decoration:underline; font-style:italic; }


/*통합검색 탭*/
.tab { display:block; overflow:hidden; }
.tab li {  float:left;  padding-top:1px; width:130px; height:32px; line-height:32px; margin-left:-1px; text-align:center; background:#f4f4f4; font-size:15px; font-weight:bold; color:#404040; letter-spacing:-1px; border:1px solid #c5c5c5;}
.tab li.tab_on{ background:#f1ad25; color:#fff; border:1px solid #d89817;}

/*페이징*/
.paging {padding:30px 0;height:21px;text-align:center;letter-spacing:3px;}
.span , .paging a , .paging a:hover {line-height:17px;}

/*개정일 검색*/
.date_search_wrap {width:855px;margin:15px auto 0 auto;}	

.contents {}
.contents .view_controll input[type=text] {float:left;padding:6px 5px;width:160px;height:15px;font-size:13px;border:1px solid #d2d2d2;}

/*서식정보*/
.doc_info { margin-top:20px; font:bold 14px/35px "돋움";height:35px;} 
.doc_info span {line-height:35px;}

/*규정보기*/ 
.rule_btn {width:65%;text-align:right;margin-bottom:10px;}
.rule_subject {padding-top:2px; font: 12px/24px "돋움";color:#575757; border-top:1px solid #e0e0e0; height:34px;}
.rule_subject ul { width:100%; }
.rule_subject ul li { float:left; line-height:34px;}
.rule_subject ul li span { padding:2px 0 2px 17px; background:url("../../images/service/sub/law_view_arrow.gif") no-repeat 0 50%;  }
.rule_subject ul li .sjt {  background-image:none;font-size:15px; font-weight:bold; letter-spacing:-1px ;color:#575757;}
.rule_subject ul li .sjt_red14b {  background-image:none;font-size:15px; font-weight:bold; letter-spacing:-1px ;color:#f58314;}

/*사규펼침메뉴*/
.rule_contents {width:100%;height:637px;overflow:hidden;border:1px solid #ddd;}
.ico-info{overflow:hidden;padding:10px;}
.ico-info li{float:left;margin-right:12px;line-height:17px;}
.ico-info li img{vertical-align:top;}
.rule_contents .open_smenu_wrap{float:left;position:relative;width:222px;border-right:1px solid #ddd;}
.rule_contents .open_smenu_wrap .frame{border-top:1px solid #ddd;}
.rule_contents .open_smenu_wrap .close_btn{position:absolute;right:-19px;top:44%;display:block;width:18px;height:39px;cursor:pointer;}
.rule_contents .cont{border-top:1px solid #ddd;padding:20px 20px 20px 60px;height:407px;overflow-y:auto;}
.rule_contents .cont p{font-family:"돋움", dotum, sans-serif;}
.rule_contents .cont .h1{display:block;height:55px;line-height:55px;font-weight:bold;font-size:13px;color:#007988;text-align:center;}
.rule_contents .cont .h2{display:block;height:55px;line-height:55px;font-weight:bold;font-size:13px;color:#1f98df;text-align:center;}

.rule_contents .cont .doc_btn{float:left;overflow:hidden;width:36px;height:36px; }
.rule_contents .cont .doc_btn li{float:left;margin-bottom:2px;}
.rule_contents .cont .doc_btn li.ml2{margin-left:2px;}
.rule_contents .cont .doc_btn img{vertical-align:top;}
.rule_contents .cont span.txt{float:left;display:block;padding-left:10px;line-height:1.8;font-size:12px;color:#000;}
.rule_contents .cont span.txt b{line-height:1.3;}

.col_b{color:#34639b;}
.mt20{margin-top:20px;}

.pop_layer { position:absolute; width:344px; height:213px; top:50%; left:50%; margin:-105px 0 0 -172px; background:#fff; border:2px solid #5e564d; text-align:center; }
.pop_layer h1 { height:36px; padding-left:15px; background:#5e564d; font-size:18px; line-height:30px; color:#fff; font-weight:normal; text-align:left;  font-family:"MALGUN","맑은고딕";}
.pop_layer .btn_close { position:absolute; right:10px; top:10px; }
.pop_layer p { display:block; width:270px; margin:0 auto; padding:40px 0; font-size:17px; color:#404040; font-family:"MALGUN","맑은고딕"; }

/*최신개정,자료실*/
/*서브페이지 검색*/
.latest_search {position:relative; overflow:hidden; margin:0 0 25px 0;}
.latest_search .tit{vertical-align:top;font-weight:600;margin-right:10px;line-height:40px;color:#4f5e71;font-size:17px;font-family:"맑은 고딕", sans-serif; float:left;}
.latest_search .tit_element {float:left;width:114px;height:38px;line-height:38px;background:#f5f6f6;border:1px solid #4076bd;border-right:0;color:#242424;font-size:14px;text-align:center;}
.latest_search .datePicker {float:left;width:117px;height:16px;padding:11px 18px;margin:0 15px 0 0;color:#4f5e71;font-size:15px;border:1px solid #4076bd;letter-spacing:-1px;}
.latest_search .datePicker2 {float:left;width:117px;height:16px;padding:11px 18px;margin:0 15px 0 0;color:#4f5e71;font-size:15px;border:1px solid #4076bd;letter-spacing:-1px;}
.latest_search .ui-datepicker-trigger {float:left; cursor:pointer; margin: 11px 0 0 -45px;}
.subSearch_input {float:left;width:382px;height:16px;padding:11px 10px;color:#4f5e71;font-size:15px;border:1px solid #4076bd;}
.subSearch_input2 {float:left;width:350px;height:16px;padding:11px 10px;color:#4f5e71;font-size:15px;border:1px solid #4076bd;}
.flowBox {float:left;height:38px;line-height:38px;margin:0 15px 0 0;}
.subSearch_btn {float:left; margin:10px 0 0 -36px; cursor:pointer;}
.latest_search input[type=text]::-ms-clear {
   display: none;
   width: 0;
   height: 0;
}
.latest_search input[type=text]::-ms-reveal {
   display: none;
   width: 0;
   height: 0;
}

/*인덱스*/
.index_wrap {width:100%;height:auto;overflow:hidden;}
.index_content_wrap {width:183px;height:auto;float:left;}
.index_content {width:151px;border:1px solid #ddd;margin-bottom:17px;height:auto;padding:16px;background-color:#fff;}
.index_content h1 {display:block;width:100%;height:132px;text-align:center;padding-top:23px;border-bottom:1px solid #e9e9e9;}
.index_content h1 span {display:inline-block;font:bold 16px/16px "돋움";padding:20px 0 28px 0;}
.index_content ul {width:100%;margin-top:27px;}
.index_content ul li {width:100%;padding-bottom:17px;}
.index_content ul li span {display:block;}
.index_num {float:left;font:bold 12px/12px "arial";color:#407fcd;height:auto;width:25px;}
.index_subject {float:left;width:126px;height:auto;font:12px/14px "돋움";letter-spacing:-0.5px;}
.index_subject a {color:#404040;}
.index_subject a:hover {color:#407fcd;}

.doc_search{ }
.doc_search input[type='text']{vertical-align:top;width:236px;height:27px;line-height:27px;border:1px #d2d2d2 solid;padding-lefT:5px;}
.calendar_btn{cursor:pointer;}

/*서브 탭 메뉴*/
.sub_tab {border-bottom:1px solid #d9d9d9; margin-bottom:15px; }
.sub_tab ul {overflow:hidden;}
.sub_tab ul li {font-weight:bold; float:left; margin-right:4px;}
.sub_tab ul li a {display:inline-block; font:"맑은고딕"; font-weight:bold;font-size:15px; letter-spacing:-1px; width:120px;height:40px;line-height:40px; text-align:center;}
.sub_tab ul li.t a {border:1px solid #d9d9d9; border-bottom:none; background-color:#f7f7f7; color:#484d59; }
.sub_tab ul li.t a:hover {border:1px solid #d9d9d9; border-bottom:none; background-color:#6b9bda; color:#fff;}
.sub_tab ul li.t_o a { border:1px solid #d9d9d9; border-bottom:none; background-color:#6b9bda; color:#fff;}

.boardBtn {
	display: inline-block;
	margin: 5px 0;
	text-align:center;
	border-radius: .25em;
	width:50px;
	background: transparent;
	outline: 0;
	vertical-align: middle;
	font-family: inherit;
	font-weight: bold;
	font-size: 15px;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
}

.boardSmallBtn {
	display: inline-block;
	margin: 5px 0;
	text-align:center;
	border-radius: .25em;
	width:30px;
	background: transparent;
	outline: 0;
	vertical-align: middle;
	font-family: inherit;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
}

.boardBtn.blue{background-color:#1E83C5; color:white;}
.boardBtn.green{background-color:#008542; color:white;}
.boardBtn.orange{background-color:#ff7f00; color:white;}

.boardSmallBtn.blue{background-color:#1E83C5; color:white;}
.boardSmallBtn.green{background-color:#008542; color:white;}
.boardSmallBtn.orange{background-color:#ff7f00; color:white;}