﻿

.custom01{
	color: #050099 !important;
	font-weight:bold;
}

.custom01:hover{
	text-decoration:underline;
}

.div_ready { padding:50px; text-align:center; box-shadow: 0 0 6px; }
.div_ready p {margin-top:40px; font-size:30px; font-family: nGothicB, dotum, gulim; word-spacing: 10px;}
.ico_ready { width:30%; border-radius:90px;}

/* 커스텀 css 추가 */
/* popup */
.alertLayer {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:100;}
.alertLayer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}

.pop-layer {
	font-family:dotum,'돋움',gulim,'굴림', Tahoma, sans-serif;
	display:none;
	position: absolute;
	top: 55%;
	left: 50%;
	min-width: 510px;
	height: auto;
	margin-top: -320px;
	margin-left: -295px;
	line-height:200%;
	background-color:#fff;
	border: 5px solid #3571B5;
	z-index: 10;
}
.pop-layer .pop-container {padding: 20px 10px;}
.pop-layer .btn-r {width: 100%; margin:10px 0px 0px 0px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;}
.pop-layer .btn-r button {cursor:pointer;}
.pop-conts-h2 {font-size:22px; color:blue; font-weight:bold; font-family: sans-serif;}
.pop-conts-p {font-size:16px; margin-top:15px; color:#353535;}
/* /커스텀 css 추가 */


.banner-div a{
  display: block; /* 영역적용위해 사용 */
  width: 100%; height: 100%;
  overflow: hidden;
  position: relative; /* absolute의 기본기준은 body로 처리 - 현재 요소로 기준변경 */
}

.banner-div figure{
  width: 100%;
  height: 100%;
  margin: 0px;
}
.banner-div figcaption{
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.7);
  position: absolute; /* 이미지와 겹치게 처리 */
  top: 0; left: 0;
  color: #fff;
  text-align: center;
  line-height: 280px;
  opacity: 0; /* 처음엔 안보이고 */
  transition: 0.3s;
  font-size: 20px;
}

.banner-div a:hover figcaption{
  /* 마우스를 올리면 보이게 처리 */
  opacity: 1;
}

/* 법제연구원소개, legal researcher */
.lere {font: 400 14px/1.0 "Pretendard", sans-serif; line-height: 35px !important;}
.lere .head {font-size:20px; line-height: 25px;}
.lere .history ul li strong {width:23%}
.lere .history ul li p {width:77%}
.lere .table_style4 thead tr th {font-size:16px;}
.lere .table_style4 tbody tr td {font-size:16px; line-height:25px;}
.lere .table_style4 tbody tr td a {color: #121212; font-size: 18px;}
.lere .table_style4 tbody tr td a:hover {text-decoration: underline;}
.lere .lecon tbody tr th {color:#737070; font-size:16px; line-height:25px;} /* legal contents*/
.lere .lecon tbody tr td {font-size:16px; line-height:25px;} /* legal contents*/
.lere .s_tit {font-size:21px;}
.lere .subject {color:#363636;}
.lere .subject p{font-size:15px;}
.lere .subject p:not(:first-child){padding:0 7px;}
.lere .subject p:not(:last-child)::after{
    content:"";
    width: 1px;
    height:11px;
    background-color:#b4b4b4;
    display: inline-block;
    transform: translate(6px, 0);
}
.lere ul.submenu{font-weight: 700}