@charset "utf-8";
@font-face {
	font-family: 'SCDream';
	src: url(../../fonts/S-CoreDream-4Regular.woff) format('woff');
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: 'SCDream';
	src: url(../../fonts/S-CoreDream-5Medium.woff) format('woff');
	font-weight: 500;
	font-display: swap;
}
@font-face {
	font-family: 'SCDream';
	src: url(../../fonts/S-CoreDream-6Bold.woff) format('woff');
	font-weight: 600;
	font-display: swap;
}


.SCDream {
	font-family: 'SCDream';
	font-weight: 400;
}

/*main image*/
#content_main {padding: 20px;}
#mimg {margin-bottom: 20px;}
#mimg .main_banner {width: 100%; padding: 44px 60px 51px; background: url(/lmxsrv/images/main/main_bg.png) no-repeat 50% 50%; background-size: cover; color:#fff;}
#mimg .main_banner h2 {font-size: 28px; font-weight: 500; padding-bottom: 17px;}
#mimg .search_box {display: flex; align-items: center; gap: 44px; background: #00237999; border: 1px solid #FFFFFF40; border-radius: 10px; padding: 40px 44px;}
#mimg .search_box .bar {width: 1px; height: 90px; background: #FFFFFF33;}
#mimg .search_box .title {font-size: 22px; font-weight: 700;}
#mimg .search_form dl {display: flex; font-size: 14px; gap: 10px;}
#mimg .search_form dl dt {font-weight: 600; width: 72px;}
#mimg .search_form dl + dl {padding-top: 20px;}
#mimg .search_form dl dd {display: flex; flex-wrap: wrap; align-items: center; gap: 8px;}
#mimg .search_form dl dd input[type="text"] {width: 212px; border-radius: 1px;}
#mimg .search_form dl dd .btn_box {display: inline-flex; gap: 8px;}
#mimg .search_form dl dd .btn {min-width: 90px; height: 32px; line-height: 32px; font-size: 14px; font-weight: 500; text-align: center; border-radius: 3px;}
#mimg .search_form dl dd .btn_search {background: #FFCE62; color: #082C86; min-width: 60px;}
#mimg .search_form dl dd .btn_box .btn_white {background-color: #fff; color: #24334B; width: 119px; background-repeat: no-repeat; background-position: calc(50% - 36px) 50%; text-indent: 15px;}
#mimg .search_form dl dd .btn_box .btn_white.abc {background-image: url(/lmxsrv/images/inc/icon_search_abc.png);}
#mimg .search_form dl dd .btn_box .btn_white.date {background-image: url(/lmxsrv/images/inc/icon_search_date.png);}
#mimg .search_form dl dd input[type="radio"] {border: 1px solid #FFFFFF; border-radius: 3px; width: 16px; height: 16px;}
#mimg .search_form dl dd input[type="radio"]:checked {
    background-image: url(/lmxsrv/images/inc/checkbox_checked.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
#mimg .search_form dl dd .line {display: inline-block; width: 1px; height: 14px; background: #FFFFFF4D; margin: 0 4px;}


#mlist01 {margin-bottom: 20px;}


/*목록내용*/
.mtit {display: flex; align-items: center; justify-content: space-between; background: #F8F8F8; padding: 14px 20px; border-bottom: 1px solid #DDDDDD;}
.mtit p {font-size: 19px; font-weight: 500; padding-left: 55px;}
.mtit .more {display: block;width: 24px; height: 24px;}
#mlist01 {border: 1px solid #DDDDDD;}
#mlist01 .mtit p {background: url(/lmxsrv/images/main/icon_board01.png) no-repeat 0 50%; line-height: 41px;}

.list_box {display: grid; grid-template-columns: 50% 50%;}
.list_box.no_list {grid-template-columns: 1fr; text-align: center;}
.list_box .list {padding: 18px 20px;}
.list_box .list + .list {border-left: 1px solid #DDDDDD;}
.list li {display: flex; gap: 10px;}
.list li + li {padding-top: 13px;}
.list li > * {line-height: 20px; font-size: 14px;}
.list li a {display: block; width: calc(100% - 80px); overflow: hidden; text-overflow: ellipsis; color: #222; white-space: nowrap;}
.list li .badge {display: inline-block; background: #F9727C; color: #fff; border-radius: 4px; width: 40px; height: 21px; line-height: 21px; text-align: center; font-size: 12px; margin-right: 8px;}
.list li .badge.color2 {background: #82A5E8;}
.list li .mdate {margin-left: auto; color: #666;}


/* 슬라이드 */
.slide_box {position: relative; background: #F8F8F8; border: 1px solid #DDDDDD; padding: 0px 50px;}
.banner_slider {position:relative; width:100%; height:70px;}
.slide_area {overflow:hidden;}

.slide_list {position:relative; padding:0; margin:0; white-space:nowrap;}
.slide_list li {display:inline-flex; align-items:center; justify-content: center; gap:10px; list-style:none; height:70px; vertical-align: top;}
.slide_list li a {display:inline-flex; align-items:center; font-size: 16px; color: #333; gap: 10px;}
.slide_list span {font-size:14px;}

.slide_prev, .slide_next {width:30px; height:70px; border:0; background:none; font-size:25px; cursor:pointer; position: absolute; top: 0;}
.slide_prev {left: -40px;}
.slide_next {right: -40px;}

/* PC 메인은 최신 제·개정 20건과 하단 배너까지 한 화면에 표시한다. */
/* @media (min-width: 769px) {
	#content_main {padding-top: 14px; padding-bottom: 14px;}
	#mimg, #mlist01 {margin-bottom: 14px;}
	.mtit {padding-top: 10px; padding-bottom: 10px;}
	.list_box .list {padding-top: 12px; padding-bottom: 12px;}
	.list li + li {padding-top: 6px;}
} */



@media (max-width: 900px) {
	#mimg .main_banner {padding: 32px 35px 45px;}
	#mimg .search_box {gap: 20px; padding: 20px 24px;}
	#mimg .search_box .title, #mimg .search_box .bar {display: none;}
	#mimg .main_banner h2 {font-size: 24px;}
}

@media (max-width: 716px) {
	.mobileBody .list_box {grid-template-columns: 1fr;}
	.mobileBody .list02 {display: none;}
}

@media (max-width: 570px) {
	.mobileBody #mimg .main_banner {padding: 35px 40px 42px}
}

@media (max-width: 515px) {
	.mobileBody #mimg .search_form dl dd .btn_search {
		min-width: 60px;
	}
}

/* 모바일 */
@media (max-width: 768px) {
	.mobileBody #content_main {padding: 0;}
	.mobileBody #mimg {margin: 0;}
	.mobileBody #mimg .main_banner {background: none; padding: 0; color: inherit;}
	.mobileBody #mimg .search_box {display: block; background: #F8F8F8; border: 0; padding: 40px 20px; border-radius: 0;}
	.mobileBody #mimg .search_box .title, .mobileBody #mimg .search_box .bar {display: none;}
	.mobileBody #mimg .search_form dl dt {width: 50px;}
	.mobileBody #mimg .search_form dl dd {flex: 1; gap: 20px;}
	.mobileBody #mimg .search_form dl dd input[type="radio"] {border-color: #CCCCCC; background-color: #fff;}
	.mobileBody #mimg .search_form dl dd input[type="radio"]:checked {background-color: #0C82E9; border-color: #0C82E9;}
	.mobileBody #mimg .search_form dl dd input[type="text"] {width: 100%;}
	.mobileBody #mimg .search_form dl dd .btn_search {background: #0D47A1; color: #fff; width: 100%; min-width: auto; height: 39px;}
	.mobileBody #mimg .search_form dl dd .btn_box {display: flex; gap: 0; width: 100%; border: 1px solid #CCCCCC; margin-top: 12px;}
	.mobileBody #mimg .search_form dl dd .btn_box .btn_white {width: 100%; border-radius: 0; background-color: transparent;}
	.mobileBody #mimg .search_form dl dd .btn_box .btn_white + .btn_white {border-left: 1px solid #CCCCCC;}

	.mobileBody #mlist > div {border-top: 1px solid #DDDDDD;}
	.mobileBody #mlist01 {border: 0; padding: 0px; margin: 0;}
	.mobileBody .mtit {background: none; border: 0; padding: 20px 20px 0;}
	.mobileBody #mlist01 .mtit p {background: none;}
	.mobileBody .mtit p {padding: 0;}
	.mobileBody .list_box {display: block;}
	.mobileBody .list_box .list + .list {border: 0; display: none;}

	.mobileBody #mimg .main_banner h2 {display: none;}
	.mobileBody #mlist02 {display: none;}
	
}