@charset "utf-8";

/*ܸ޴*/
	#mainlayout{width:100%; height:100%; min-width: 1180px;}
	#wrap{position:relative; height:100%; margin:0 auto; }
	#header {background: #fff; padding: 25px 20px; border-bottom: 2px solid #1B4FB4;}
	#header_inner {display: flex; align-items: center; justify-content: space-between;}
	#contentbody {visibility: visible;}
	#contentbody.content_loading {visibility: hidden;}
	.logo img {display: block;}
	.logo.pc a {display: flex; align-items: center;}
	.logo.pc .system_name {display: flex; align-items: center; margin-left: 14px; font-size: 18px; line-height: 30px; font-weight: 500; color: #222; white-space: nowrap;}
	.logo.pc .system_name::before {content: ""; display: inline-block; width: 1px; height: 20px; margin-right: 14px; background: #ccc;}
	#top_menu ul {display: flex; gap: 16px; align-items: center;}
	#top_menu ul li.line {width: 1px; height: 12px; background: #949494;}
	#top_menu ul li a {font-size: 14px; color: #222;}
	.date { position:absolute; right:13px; top:32px; }
	.gnb {}
	.gnb_inner {
		display: flex;
		flex-direction: column;
		background: #F8F8F8;
		border-right: 1px solid #DDDDDD;
		height: 100%;
	}
	.gnb ul li.menu_01 {background: url(/lmxsrv/images/inc/gnb_menu_01.png) no-repeat 50% calc(50% - 15px);}
	.gnb ul li.menu_02 {background: url(/lmxsrv/images/inc/gnb_menu_02.png) no-repeat 50% calc(50% - 15px);}
	.gnb ul li a {display: flex; height: 140px; align-items: center; justify-content: center; border-bottom: 1px solid #DDDDDD; box-shadow: 0px 1px 0px 0px #fff;}
	.gnb ul li a span {display: block; padding-top: 40px; font-size: 15px; color: #333;}
	/* .gnb ul li:hover {background-color: #1B60CD; background-color: linear-gradient(180deg,rgba(27, 96, 205, 1) 0%, rgba(13, 71, 161, 1) 100%);} */
	.gnb ul li.menu_01:hover, .gnb ul li.menu_01.active{background: url(/lmxsrv/images/inc/gnb_menu_01_on.png) no-repeat 50% calc(50% - 15px), linear-gradient(180deg, rgba(27,96,205,1) 0%, rgba(13,71,161,1) 100%);}
	.gnb ul li.menu_02:hover, .gnb ul li.menu_02.active{background: url(/lmxsrv/images/inc/gnb_menu_02_on.png) no-repeat 50% calc(50% - 15px), linear-gradient(180deg,rgba(27, 96, 205, 1) 0%, rgba(13, 71, 161, 1) 100%);}
	.gnb ul li:hover a span, .gnb ul li.active a span {color: #fff;}

/*ܸ޴*

#top_right_m {display: none;}
/* */
	iframe {display: block;}
	#mainBody {min-height: calc(100vh - 159px);}
	
	.dheight{} /*메인바디높이*/
	.iheight{height:630px;} /*컨텐츠박스높이*/
	.sheight{height:100%;} /*서브내용높이*/
	.theight{height:100% !important;} /*탭트리내용높이*/
	#contentbody {min-width: 800px; height: 100%;}
	
	
	#tabTree {position: relative; display: flex; background:url(../images/left/left_bg.jpg) no-repeat top right;}
	#tabTree .tabTree_inner {width: 100%; border-right: 1px solid #DDDDDD;}

	#treeBtn {position: absolute; right: -14px; top: 50%; transform: translate(0, -50%);}
	#treeBtn button {background: none; border: 0;}

	 /**/
	#content {box-sizing: border-box;}
	#content > iframe {display: block;}
	#content_inner {padding: 28px 32px 32px;}	
	
	#footer {display: flex; align-items: center; gap: 30px; background: #F8F8F8; border-top:1px solid #e8e8e8; padding: 20px 30px; color: #555555;}
	#footer img {display: block;}
	#footer .address span {display: inline-block; margin: 0 10px; color: #B4B4B4;}



#mainBody_inner {display: grid; grid-template-columns: 100px minmax(200px, 25vw) 1fr; min-height: calc(100vh - 159px);}

/* PC: 헤더와 푸터는 제자리에 두고 가운데 콘텐츠만 남은 높이를 사용한다. */
@media (min-width: 769px) {
	/* html, body {height: 100%; overflow: hidden;} */
	/* #mainlayout, #wrap {height: 100vh; min-height: 0;} */
	#wrap {display: flex; flex-direction: column;}
	#header, #footer {flex: 0 0 auto;}
	/* #mainBody {flex: 1 1 auto; min-height: 0; overflow: hidden;} */
	#mainBody_inner {height: 100%; min-height: 0;}
	#mainBody_inner > div {min-height: 0;}
	#mainBody_inner > div:last-child {display: flex; flex-direction: column; min-width: 0; overflow: hidden;}
	.total_search_wrap {flex: 0 0 auto;}
	#content {flex: 1 1 auto; min-height: 0; overflow: hidden;}
	#contentbody {height: 100%; min-height: 0; max-height: 100%;}
}

/*topmenu*/
	/* .tmenu01 a:link,.tmenu01 a:visited{display:block;width:60px;height:11px;text-align:center;color:#676767;font-size:11px;letter-spacing:-1px;}
	.tmenu02 a:link,.tmenu02 a:visited{display:block;width:120px;height:11px;text-align:center;color:#676767;font-size:11px;letter-spacing:-1px;}
	.tmenu_li{width:1px;height:10px;background:url(../images/menu/tmenu01_line.gif) no-repeat 0 50%;}
	.tmenu01 a:hover,.tmenu02 a:hover{color:#0c64b9;} */


/*main menu*/
	#main_menu .vline{width:1px;height:37px;background:url(../images/menu/menu_vline.gif) no-repeat top left;}
	.mmenu01 a:link,.mmenu01 a:visited{display:block;width:255px;height:37px;background:url(../images/menu/menu01.gif) no-repeat left top;}
	.mmenu01 a:hover{background:url(../images/menu/menu01_o.gif) no-repeat left top;}
	.mmenu03 a:link,.mmenu03 a:visited{display:block;width:256px;height:37px;background:url(../images/menu/menu03.gif) no-repeat left top;}
	.mmenu03 a:hover{background:url(../images/menu/menu03_o.gif) no-repeat left top;}
	.mmenu04 a:link,.mmenu04 a:visited{display:block;width:255px;height:37px;background:url(../images/menu/menu04.gif) no-repeat left top;}
	.mmenu04 a:hover{background:url(../images/menu/menu04_o.gif) no-repeat left top;}
	.mmenu05 a:link,.mmenu05 a:visited{display:block;width:255px;height:37px;background:url(../images/menu/menu05.gif) no-repeat left top;}
	.mmenu05 a:hover{background:url(../images/menu/menu05_o.gif) no-repeat left top;}


/*left menu*/
	#tabTree .leftTit{
		height: 74px;
	    text-align: center;
	    font-size: 18px;
	    line-height: 74px;
	    font-weight: 500;
	    color: #333333;
		background: #F8F8F8;
		border-bottom: 1px solid #DDDDDD;
	}
	
	.tabtitBox{padding: 20px; height: calc(100% - 74px);}
	#tabGubun {display: flex; border: 1px solid #E4E4E4; background: #F8F8F8; border-radius: 30px; margin-bottom: 12px;}
	.tabtitBox li {width: 100%;}
	.tabtitBox button {width: 100%; height: 40px; line-height: 38px; background-color: #F8F8F8; text-align: center; color: #666666;
		font-size: 15px; font-weight: 500; letter-spacing: -1px; cursor: pointer; border-radius: 30px;}
	.tabtitBox button.on {background-color: #0C82E9; color: #fff;}
	.tabBox{height: calc(100% - 51px); } /* height:408px 기본꺼*/
	.tabBox_inner {height: 100%;} /*  height:410px; 추가 */
	
	.banner{padding-left:12px;margin-top:15px;}
	.banner li{padding:0 0 4px;}	

/*search*/
	/* #content_inner { width:100%; height:100%;} */
	/* #content_inner2 { padding: 7px 12px 12px; } */

/*규정검색*/
	#search {position:relative;}
	#search_inner {}
	#search_inner form {padding-top:2px;}
	#search_keyword {border: 1px solid #d4d4d4; height:18px;}
	#search p, #search ul, #search ul li { float:left;}
	.search_txt, .sbt01, .sbt02, .bt_search { float:left;}
	#search .sbt01 li {padding-right:5px;}
	#search p.txt_srch {padding:12px 11px 0 14px;}


/*가나나, 개정일 버튼*/
	.sbt01 {margin:8px 0 0 0;}
	.sbt02 {margin:8px 0 0 4px;}

/*폼*/
	.search_form {margin:5px 4px 0 3px;}
	#keywords { width:150px; }
	#searchAll { width:60px; }

/*규정검색*/
	.search_txt { margin:10px 10px 0 15px;}

/*검색 버튼*/
	.bt_search { margin:6px 0 0 2px;}

	 /*에러페이지*/
	#errorBody{height:320px;padding-top:50px;margin:0 auto;}
	#errorBox_outer{width:678px;height:229px;background:url(../images/inc/error_img.jpg) no-repeat 466px 38px;}
	#errorBox{width:668px;height:219px;border:5px solid #c0d9e8;background:url(../images/inc/error_bg.gif) repeat-x bottom left;}

/*에러버튼*/
	.errorBtn{float:left;margin:28px 5px 0 0;}
	#errorBox_inner{margin:38px 0 0 25px;}
	.errorTxt_01{color:#eb311a;font-size:16px;font-weight:700;height:35px;}
	.errorTxt_02{color:#eb311a;font-weight:700;height:18px;}
	.errorTxt_03 a:link,.errorTxt_03 a:visited{color:#0671da;}
	.errorTxt_03 a:hover{text-decoration:underline;color:#0671da;}


/* 통합검색 */
.total_search_box {display: flex; align-items: center; justify-content: space-between; background: #F8F8F8; border-bottom: 1px solid #DDDDDD; height: 74px; padding: 0 32px;}
.total_search_box .title {font-size: 18px; font-weight: normal;}
.total_search_box .search_box {display: flex; flex: 1; justify-content: center; gap: 3px 8px; flex-wrap: wrap;}
.total_search_box .boardBtn {display: inline-block; width: 53px; height: 32px; line-height: 32px; text-align: center; color: #fff; background: #0D47A1; border-radius: 0 3px 3px 0;}
.total_search_box .boardBtn a {font-size: 14px;}
.total_search_box .boardBtn button {display: block; width: 100%; height: 100%; padding: 0; border: 0; background: transparent; color: #fff; font-size: 14px; font-family: inherit; cursor: pointer;}
.total_search_box .btn_box {display: flex; gap: 8px; align-items: center;}
.total_search_box input[type="text"] {border-radius: 3px 0 0 3px;}
.total_search_box .btn_white {position:initial; display: inline-block; background: #fff no-repeat calc(50% - 36px) 50%; height: 32px; line-height: 30px; font-size: 14px; font-weight: 600; text-align: center; border-radius: 3px; border: 1px solid #CCCCCC; padding: 0px 16px 0 38px;}
.total_search_box .btn_white.abc { background-image: url(/lmxsrv/images/inc/icon_search_abc.png);}
.total_search_box .btn_white.date {background-image: url(/lmxsrv/images/inc/icon_search_date.png);}
.total_search_box select {width: 76px;}
.total_search_box input[type="text"] {width: 100%; max-width: 350px;}


	.pc {display: revert !important;}
	.mobile {display: none !important;}

	.gnb_m_bg {display: none;}

@media (max-width: 768px)  {
	.mobileBody .mobile {display: revert !important;}
	.mobileBody .pc {display: none !important;}

	html {font-size: 10px;}

	#header_inner .pc {display: none !important;}
	#header_inner .mobile {display: revert !important;}

	#mainBody_inner {display: block; height: 100%; min-height: auto;}
	#mainlayout {min-width: auto;}
	#mainBody {min-height: auto;}

	#wrap {min-width: auto;}
	#header {position: sticky; top: 0; z-index: 111; padding: 22px 20px;}
	.logo a {display: flex; font-size: 16px; gap: 8px; align-items: center; font-weight: 500;}
	.logo .bar {display: inline-block; width: 1px; height: 16px; background: #CCCCCC;}
	.gnb {display: none;}
	#tabTree {display: none;}
	#top_menu {display: none !important;}

	#top_right_m {display: flex !important; align-items: center; justify-content: center;}
	#top_right_m button {background: none;}
	#top_right_m .btn_menu .btn_menu_bar {display: block; width: 2rem; height: 0.23rem; background-color: #333333;}
	#top_right_m .btn_menu span + span {display: inline-block; margin-top: 0.4rem;}


	.gnb_m_bg {
		display: block;
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 1100;
        top: 0;
        right: -100%;
        background: rgba(76, 76, 76, 0.7);
        opacity: 0;
    }
	.gnb-m {
        width: 100%;
        max-width: 52rem;
        height: 46rem;
        background-color: #fff;
        position: absolute;
        top: 0;
        right: -100%;
        z-index: 200;
    }
	.mobile-gnb-head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 21px 20px;
	}
	.mobile-gnb-head .mobile-logo img {
		display: block;
	}

    .gnb-m .nav {
        padding: 2rem 2rem 0 2rem;
    }
    .gnb-m .nav ul li {
        position: static;
        display: block;
        width: 100%;
        padding: 0;
    }
    .gnb-m .nav ul li a {
        display: block;
        height: auto;
        padding: 1.4rem 0 1.4rem 0;
        text-align: left;
        font-size: 1.500em;
        font-weight: 500;
        color: #222;
        border-bottom: 1px solid #DDDDDD;
    }	
	.gnb-m .btn-mgnb-close button {
        text-indent: -9999px;
        display: block;
        width: 2.4rem;
        height: 2.4rem;
        background: url(/lmxsrv/images/inc/close_btn.png) no-repeat center center;
        border: 0;
    }				

	#content {height: auto;}

	#contentbody {min-width: auto;}
	#content_inner {padding:20px 20px 20px;}

	/* 통합검색 */
	.total_search_box {height: auto; padding: 20px;}
	.total_search_box .title {display: none;}
	.total_search_box .search_box {justify-content: flex-start; gap: 12px 0;}
	.total_search_box .search_box > div:not(.btn_box) {position: relative; width: calc(100% - 76px);}
	.total_search_box .search_box > div:not(.btn_box):before {content: ''; position: absolute; left: 10px; top: 9px; display: inline-block; width: 1px; height: 14px; background: #CCCCCC;}
	.total_search_box input[type="text"] {max-width: none; border-left: 0; border-radius: 0; padding-left: 20px;}
	.total_search_box select {border-right: 0; border-radius: 3px 0 0 3px;}
	.total_search_box .btn_box {width: 100%; gap: 0;}
	.total_search_box .btn_white {width: 100%;}
	.total_search_box .btn_white a {font-weight: 700; color: #24334B;}
	.total_search_box .btn_white:first-child {border-radius: 3px 0 0 3px; border-right: 0;}
	.total_search_box .btn_white:nth-child(2) {border-radius: 0 3px 3px 0;}

	#footer {display: block; padding: 20px;}
	#footer img {height: 24px;}
	#footer > div {margin-top: 14px;}
	#footer .address {display: flex; flex-wrap: wrap;}
	#footer .address span {visibility: hidden; margin: 0; width: 0;}
}

@media (max-width: 345px)  {
	.logo a {font-size: 14px;}
}