@CHARSET "UTF-8";

@font-face {
	font-family:"Pretendard GOV";
	font-weight:400;
	font-style:normal;
	src:url("../../../webFont/PretendardGOV-Regular.subset.woff") format("woff");
}

@font-face {
	font-family:'Pretendard GOV';
	font-weight:700;
	font-display:swap;
	src:url("../../../webFont/PretendardGOV-Bold.subset.woff") format("woff");
}

.inner{
 max-width:128rem !important;
}

/* 메인 비주얼, 검색영역 */
.visual-section.main {
	background:transparent;
}
.visual-section.main .mainvisual_cont {
	display:flex;
	flex-direction:column;
	gap:20px;
	max-width:128rem;
	width:100%;
	height:auto;
	margin: 2.4rem auto 0;
	padding:40px 56px;
	border-radius: 12px;
	background: url('../../../images/lmx/service/newimg/lawmain.png') no-repeat center center;
	background-size:cover;
}
.mainvisual-tit h2{
	font-size: 32px;
	font-weight: 400;
	line-height: 150%;
	color:#1D1D1D;
	letter-spacing:-2px;
}
.mainvisual-tit h2 span{
	font-size: 32px;
	font-weight: 700;
	line-height: 150%;
	color:#1D1D1D;
	letter-spacing:-2px;
}
.mainvisual_cont input::placeholder {
	color:#8E8E8E;
	opacity:1;
	font-size: 17px;
	font-weight: 700;
	line-height: 150%;
	letter-spacing:0px;
}
.mainvisual_cont input::-webkit-input-placeholder {
	color:#8E8E8E;
	opacity:1;
	font-size: 17px;
	font-weight: 700;
	line-height: 150%;
	letter-spacing:0px;
}
.visual-section.main .total-search *{
	float:unset !important;
}
.total-search #ds-layer-pop{
	top:60px;
	border-color:var(--nhis-grayscale-40);
}
.visual-section.main .total-search{
	display:flex;
	column-gap:8px;
}
.visual-section.main .total-search > p{
	display:flex;
	column-gap:8px;
	width:58%;
}
.visual-section.main .total-search > form{
	width:100%;
} 
.visual-section.main .total-search > form p.section{
	display:flex;
	column-gap:8px;
	width:58%;
} 
.visual-section.main .total-search .input-style01 {
	flex:1;
	min-height: 56px;
	padding: 8px 16px;
	border-width: 0px;
	border-radius: 8px;
	font-size: 17px;
	color: #333;
	font-weight:bold;
	box-sizing: border-box;
	float: left;
}
.visual-section.main .total-search .btn-ds::after {
	content: none;
}
.visual-section.main .total-search button {
	width: 56px;
	min-height: 56px;
	height:56px;
	border-width: 0px;
	border-color: transparent;
	border-style: solid;
	border-radius: 8px;
	background: #ee0000 url('../../../images/lmx/service/common/ico_search_new.png') no-repeat center center;
	background-size: auto;
}
.visual-section.main .total-search .btn-ds {
	height:56px;
	font-size: 17px;
	letter-spacing: -0.05em;
	color: #fff;
	font-weight:bold;
	background-color: #44465C;
	display: block;
	margin-left: 0;
	float: right;
	padding: 19px 16px 19px 16px;
	border-radius: 8px;
	position: relative;
	line-height:1;
}

/* 메인 main-content 레이아웃 1280px*/
.main-content .lay-inner {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}

/* 인기검색어 내가찾은법령 */
.keyword-section.main {
	margin-bottom: 30px;
	background:#F8F8F8;
	padding:40px;
	display:flex;
	flex-direction :row;
	column-gap: 56px;
	border-radius:12px;
}
.keyword-section.main .tabs {
	border-radius: 99px;
	background-color: #545772;
	overflow: hidden;
	margin-bottom: 24px;
	width: 236px;
	height:48px;
	color:#fff;
	padding:4px;
}
.keyword-section.main .tabs li a {
	font-size: 17px;
	line-height: 150%;
	color: #fff;
	letter-spacing: -0.05em;
	text-align: center;
	display: block;
	border-radius: 99px;
	padding: 11px 15px;
	line-height:1.1;
}
.keyword-section.main .tabs li a:hover, 
.keyword-section.main .tabs li a:focus, 
.keyword-section.main .tabs li a.on {
	background-color: #fff;
	color:#545772;
	transition: all 0.5s;
}
.keyword-section.main .tabs li a:hover, 
.keyword-section.main .tabs li a:focus {
	text-decoration: underline;
}
.keyword-section.main .tabs_p {
	font-family: 'Pretendard';
	font-size: 17px;
	font-weight: 500;
	line-height: 150%;
	width:320px;
}
.keyword-section.main .result-area ul>li a.shap_a {
	font-weight:400; 
	font-size: 17px;
	color: #555;
	letter-spacing: -0.025em;
	text-align: center;
	padding:14px 16px; 
	background-color: #fff;
	display: block;
	border-radius: 99px;
	line-height:1;
}
.keyword-section.main .result-area ul>li a.shap_a:hover {
	text-decoration: underline;
}
.keyword-section.main .result-area ul>li {
    width: auto;
    float: left;
}

/* main-btnGroup */
.main-btnGroup {
	margin:0 auto;
	position: relative;
	padding: 30px 0;
}
.main-btnGroup > ul{
	display:grid;
	gap:16px;
	    grid-template-columns:repeat(4, 1fr);

}
.main-btnGroup > ul > li {
	flex:1;
}
.main-btnGroup .ico {
	width:97px;
	height:97px;
	margin-bottom:10px;
	text-align:center;
	display:flex;
	justify-content: center;
	align-items: center;
}
.main-btnGroup > ul > li:nth-child(1) > a {background:#FFF1F1}
.main-btnGroup > ul > li:nth-child(2) > a {background:#EDF6FF}
.main-btnGroup > ul > li:nth-child(3) > a {background:#F8F3FB}
.main-btnGroup > ul > li:nth-child(4) > a {background:#FFF9E0}
.main-btnGroup > ul > li:nth-child(5) > a {background:#F4F5FA}
.main-btnGroup > ul > li:nth-child(6) > a {background:#EDF6FF}
.main-btnGroup .ico {
	width:97px;
	height:97px;
	margin: 0 auto;
}
.main-btnGroup > ul > li > a {
	display:flex;
	flex-direction: column;
	row-gap: 10px;
	border-radius:12px;
	padding: 10px;
}
.main-btnGroup .ico .icon-base01{
	background-image: url('../../../images/lmx/service/common/icon_hendHeart.png');
	background-position: center;
	width:97px;
	height:83px;
}
.main-btnGroup .ico .icon-base02{
	background-image: url('../../../images/lmx/service/common/icon_hendHouse.png');
	width:74px;
	height:75px;
}
.main-btnGroup .ico .icon-base03{
	background-image: url('../../../images/lmx/service/common/icon_bookSearch.png');
	background-position: center;
	width:97px;
	height:96px;
}
.main-btnGroup .ico .icon-base04{
	background-image: url('../../../images/lmx/service/common/icon_judgeHammer.png');
	width:97px;
	height:92px;
}
.main-btnGroup .ico .icon-base05{
	background-image: url('../../../images/lmx/service/common/icon_dictionary.png');
	background-position: center;
	width:97px;
	height:97px;
}
.main-btnGroup .ico .icon-base06{
	background-image: url('../../../images/lmx/service/common/icon_loudspeaker.png');
	background-position: center;
	width:87px;
	height:79px;
}
.main-btnGroup .tit {
	font-size: 19px;
	font-weight: 700;
	line-height:150%;
	text-align:center;
	color:#1d1d1d;
}

/* 최신글 영역  */
.bbs-section {
	margin-bottom: 40px;
}
.bbs-section .tit {
	order:2;
	width:100%;
	font-size: 32px;
	font-weight: 700;
	line-height:150%;
	text-align:left;
	color:#1d1d1d;
}
.bbs_group1 {margin-top: 20px;display:flex;flex-wrap:wrap;justify-content: flex-start;gap:24px;}
.bbs_tab_wrap{background:#fff;border:1px solid #C6C6C6;padding:40px;border-radius:12px;width:766px;flex:1;}
.bbs_banner {background:#F4F5FA;padding:40px;border-radius:12px;width:330px;}
.bbs_banner .stit {
	font-size: 17px;
	font-weight: 700;
	line-height:150%;
	text-align:left;
	color:#1d1d1d;
}
.bbs_banner .tit {
	order:unset;
	font-size: 25px;
	font-weight: 700;
	line-height:150%;
	text-align:left;
	color:#1d1d1d;
}
.bbs_banner .tit_group {
	display:flex;
	flex-direction: column;
	row-gap:18px;
} 
.bbs_banner .tit_group .more {
    display: block;
    position: relative;
	font-size:15px !important;
	cursor:pointer;
}
.bbs_banner .tit_group .more::after {
	content: '';
	width: 21px;
	height: 20px;
	background: url('../../../images/lmx/service/common/icon_arrowRight.png') no-repeat 0 0;
	display: block;
	position: absolute;   
	top: 50%;
	left: 70px;
	transform:translateY(-50%)
}
.bbs_banner .tit_group .more:hover {
	text-decoration: underline;
}
.bbs_banner .bn_img {
	display:block; 
	text-align:right;
}

.bbs_group_wrap .m-board ul>li span.b-title:hover {
	text-decoration: underline;
}
.bbs_group_wrap .m-board ul>li span.b-date {
	width: 24%;
	font-size: 17px;
	font-weight: 400;
	line-height: 150%;
	color:#555;
	float: right;
	text-align: right;
}
.bbs_group_wrap .bbs_group1 .bbs_tab_wrap {
	max-height:372px;
	overflow-y:hidden;
}
.bbs_group_wrap .bbs_group1 .bbs_tab_wrap .m-board ul#tabmenu {
    display: flex;
    flex-direction: row;
}
.bbs_group_wrap .bbs_group1 .m-board h4 {
    font-size: 19px;
    font-weight: 700;
    color: #1d1d1d;
    display: inline-block;
    margin-bottom: 40px;
}
#tabmenu li {float: left;}
#tabmenu li+li {padding:0 20px}
#tabmenu li a.selected h4 {
    text-decoration: underline;
    text-underline-offset: 10px;
    text-decoration-color: red;
    text-decoration-thickness: 4px;
    color: red;
}
#tabcontents {position:relative;clear: left;}
#tabcontents .tabcontent .btab-more {
	position: absolute;
	top:-65px;
	right:0;
}
.bbs_group_wrap .m-board h4 {
	font-size: 25px;
	font-weight: 700;
	color: #1d1d1d;
	display: inline-block;
	margin-bottom: 36px;
}
.bbs_group_wrap .board-more {
	height: 25px;
	line-height: 150%;
	font-size: 15px;
	letter-spacing: -0.025em;
	color: #1d1d1d;
	font-weight: 400;
	float: right;
	padding-right: 0px;
	width:60px;
	background: url('../../../images/lmx/service/common/icon_boradMore.png') no-repeat right 3px;
	cursor:pointer;
}
.bbs_group_wrap .board-more:hover {
	text-decoration: underline;
}
.bbs_group_wrap .m-board ul {
	display: flex;
  flex-direction: column;
  row-gap: 26px;
	max-height:270px;
	overflow-y:hidden;
}
.bbs_group_wrap .m-board ul>li span.b-title {
  width: 70%;
	font-size: 17px;
	font-weight: 400;
	line-height: 150%;
	color: #1d1d1d;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	float: left;
}
.bbs_group2 {
	display:flex; 
	flex-wrap:wrap;
	gap: 24px;
	margin-top:24px;
}
.bbs_group2 > div.m-board {
	flex:1;
	width:50%;
	padding:40px;
	border-radius:12px;
}
.bbs_group2 > div.m-board:nth-child(1) {
	background:#FFF9F9; 
}
.bbs_group2 > div.m-board:nth-child(2) {
	background:#F1F8FE;
}
.ta_c {
	text-align:center;
}
.font_bold {
	font-weight:bold;
}
#ds-layer-pop .ds-layer-body{
	display:flex;
	flex-direction:column;
	gap:24px;
}
#ds-layer-pop .ds-layer-body .item{
	display:flex;
	flex-direction:column;
	gap:12px;
}
#ds-layer-pop .ds-layer-body .item + .item{
	margin-top:0;
}
#ds-layer-pop .ds-layer-body .item label.title{
	width:84px;
	padding-right:0;
	font-size:17px;
	text-align:left;
}
#ds-layer-pop .ds-layer-body .item .date-sec{
	display:flex;
	flex-direction:row;
}
#ds-layer-pop .date-sec .ui-datepicker-trigger{
	right:12px;
    top:50%;
    transform:translateY(-50%);
}
#ds-layer-pop .ds-layer-body .item.btn-box{
	flex-direction:row;
    justify-content:end;
}

/***  20250724 추가 ***/
.main-content .popup-section{
	margin-bottom:40px;
}
.main-content .popup-section > a.section{
	width:100%;
	height:8rem;
}
.main-content .popup-section .bookMark{
	background-color:#fff9e0;
}
.main-content .popup-section .Lawlist{
	background-color:#e7f9f0;
}

/***************************** 모바일 *****************************/
@media only screen and (max-width:1023px){
	.visual-section.main{
        width:auto;
		padding: 0 1.6rem;
	}
	.main-content{
		padding:0 1.6rem;
	}
	.bbs_tab_wrap,.bbs_banner,.bbs_group2 div.m-board{
		flex:auto;
		width:100%;
	}
	.main-btnGroup > ul{
		grid-template-columns:repeat(2, 1fr);
	}
	.bbs-section > .tit{
		order:2;
	}
	.bbs_group_wrap .bbs_group1 .bbs_tab_wrap{
		order:3;
	}
	.bbs_group_wrap .bbs_group1 .bbs_banner{
		order:1;
		display:flex;
        justify-content:space-between;
	}
}

@media only screen and (max-width:767px){
	.visual-section.main .mainvisual_cont{
		padding:20px 28px;
		background-image:url('../../../images/lmx/service/newimg/mo-lawmain.png');
		background-position:center right -238px;
	}
	.mainvisual-tit h2,.mainvisual-tit h2 span{
		font-size:28px;
	}
	.visual-section.main .total-search{
		flex-direction:column;
		row-gap:8px;
	}
	.visual-section.main .total-search > p{
		width:100%;
	}
	.bbs_group_wrap .bbs_group2 .m-board ul>li span.b-title,
	.bbs_group_wrap .m-board ul>li span.b-title{
		width:60%;
	}
	.bbs_group_wrap .m-board ul>li span.b-date{
		width:36%;
	}
	.visual-section.main .total-search .btn-ds{
		text-align:center;
	}
}

@media only screen and (max-width:490px){
	#ds-layer-pop{
		width:100%;
	}
}