/*공통*/
.un-style {list-style: none; margin:0; padding:0;}
.clearfix:after {content:" "; display: table; clear:both;}

:root {
	--color1: #003D43;
	--color2: #007467;
	--color3: #3ABE11;
	--color4: #A7E500;
	--color5: #E9F5DF;
	--white: #FFFFFF;
	--iconColor1: #AFAFAF;
	--base: #F5F5EE;
	--base2: #FAFAFA;
	--base3: #F5F5F5;
	--linear: linear-gradient(158deg, #007467 0%, #3ABE11 128.79%);
	--main-button-color: #F6F6F6;
	--buttonColor: #F6F6F6;
}

.flex-none {flex: none;}
.w-auto {width: auto !important;}

.fnl {font-weight: 300 !important;}
.fnr {font-weight: 400 !important;}
.fnm {font-weight: 500 !important;}
.fnsb {font-weight: 600 !important;}
.fnb {font-weight: 700 !important;}
.fneb {font-weight: 800 !important;}

table {table-layout: fixed;}

.ffp {font-family: Pretendard-Regular;}
.ffn {font-family: Noto Sans KR !important;}

.line-15 {line-height: 1.5;}
.line-18 {line-height: 1.8;}
.line-2 {line-height: 2;}

h5.title {font-size: 2rem !important;}
h4.title {font-size: 3rem !important;}
h3.title {font-size: 3.6rem !important;}
h2.title {font-size: 4rem !important;}
h1.title {font-size: 4.4rem !important;}

p.content {font-size: 1.7rem !important;}

.ptitle {font-size: 2.5rem;}

.cs-title {font-size: 2.4rem !important;}
.cm-title {font-size: 2.8rem !important;}
.cl-title {font-size: 3.2rem !important;}
.cx-title {font-size: 3.4rem !important;}

.bb-content {font-size: 2.2rem !important;}
.pp-content {font-size: 2rem !important;}
.cs-content {font-size: 1.8rem !important;}
.ss-content {font-size: 1.6rem !important;}

.mb05 {margin-bottom: 5px !important;}
.mb2 {margin-bottom: 2rem !important;}
.mb4 {margin-bottom: 4rem !important;}
.mb5 {margin-bottom: 5rem !important;}
.mb6 {margin-bottom: 6rem !important;}
.mb7 {margin-bottom: 7rem !important;}
.mb8 {margin-bottom: 8rem !important;}
.mb9 {margin-bottom: 9rem !important;}
.mb10 {margin-bottom: 10rem !important;}

.mt2 {margin-top: 2rem !important;}
.mt4 {margin-top: 4rem !important;}
.mt10 {margin-top: 10rem !important;}

.ml2 {margin-left: 20px !important;}

.pt4 {padding-top: 4rem !important;}
.pt5 {padding-top: 5rem !important;}
.pt6 {padding-top: 6rem !important;}
.pt7 {padding-top: 7rem !important;}
.pt8 {padding-top: 8rem !important;}
.pt9 {padding-top: 9rem !important;}
.pt10 {padding-top: 10rem !important;}

.pb6 {padding-bottom: 6rem !important;}
.pb7 {padding-bottom: 7rem !important;}
.pb8 {padding-bottom: 8rem !important;}
.pb9 {padding-bottom: 9rem !important;}
.pb10 {padding-bottom: 10rem !important;}

.co66 {color: #666666 !important;}
.co00 {color: #000000 !important;}
.coff {color: #FFFFFF !important;}
.co35 {color: #353535 !important;}
.co33 {color: #333333 !important;}
.cod9 {color: #D9D9D9 !important;}

.bkff {background-color: #FFFFFF !important;}

.bbd8 {border-bottom: 1px solid #D8D8D8;}

.list-dot > li {position: relative; padding-left: 10px; }
.list-dot > li:after {position: absolute; content: ''; display: block; width: 3px; height: 3px; border-radius: 50%; top: 14px; left: 0; transform: translateY(-50%); background-color: #000000;}
.list-dot.co66 > li:after {background-color: #666666;}

.list-flex > li {display: flex;}
.list-flex  >li span:nth-child(1) {flex: none;}

.list-back > li {background-color: #FFFFFF; border-radius: 73px; padding: 1.5rem 2.8rem;}

.rowm-10 {margin-left: -10px !important; margin-right: -10px !important;}
.rowm-10 > div {padding-left: 10px !important; padding-right: 10px !important;}

.rowm-20 {margin-left: -20px !important; margin-right: -20px !important;}
.rowm-20 > div {padding-left: 20px !important; padding-right: 20px !important;}

.btn.btn-l {font-size: 2rem; padding: 20px 0;}
.btn.btn-m {font-size: 1.8rem; font-weight: 500; padding: 1rem 6.4rem;}
.btn.btn-s {font-size: 1.6rem; padding: 7px 2.3rem;}

.btn.btn-radius28 {border-radius: 28px;}
.btn.btn-radius7 {border-radius: 7px;}

.btn.btn-color1 {background-color: var(--color1); color: #FFFFFF;}
.btn.btn-base3 {background-color: var(--base3); color: #000000;}
.btn.btn-buttonColor {background-color: var(--buttonColor); color: #000000;}
.btn.btn-ff {background: #FFFFFF; border: 1px solid #E3E3E3;}

.btn img {vertical-align: sub;}

.toast-message {font-size: 1.8rem;}

#header {position: fixed; width: 100%; left: 0; z-index: 100; top: 0; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.20);}
#header .header-top {background: #000000; padding: 1rem 0;}
#header .header-top ul {display: flex; justify-content: end;}
#header .header-top ul li {margin-left: 5rem;}
#header .header-top ul li a {font-size: 1.6rem; font-weight: bold; color: #FFFFFF; display: flex; align-items: center;}
#header .menus {background: #FFFFFF;}
#header.whel {box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.20); background: #FFFFFF;}
#header.active {background: #9F8467;}

.header-mobile {position: absolute; z-index: 5; background: #ffffff; width: 310px; right: 0; top: 0; height: 100vh; overflow-y: scroll; display: none;}
.header-mobile.active {display: block;}
.mheader {background-color: var(--color2); padding: 10px 20px;}

#header .header-mobile .hm-menu > li {padding: 0; text-align: left; border-bottom: 1px solid #DBDBDB;}
#header .hm-menu > li > a {color: #000000; padding-top: 20px; padding-bottom: 20px; padding-left: 32px; font-size: 18px; font-weight: 600; display: block;}
#header .hm-menu .header-sub-menu {padding-top: 4px; padding-bottom: 4px; position: relative; width: 100%; left: 0; display: none;}
#header .hm-menu .on .header-sub-menu {display: block;}
#header .hm-menu > li.on .header-sub-menu {border-top: 1px solid #DBDBDB;}
#header .hm-menu .header-sub-menu > li > a {color: #000000; text-align: left; padding: 15px 50px; font-size: 16px;  display: block;}
.header-logo {max-width: 28.6rem;}

.header-menu {z-index: 10; position: relative;}
.header-menu > li {position: relative; }
.header-menu > li > a {font-size: 2rem; display: block; position: relative; transition: color 0.1s; color: #000000;}
.whel .header-menu > li > a {color: #000000;}
.active .header-menu > li > a {color: #000000;}
.header-sub-menu {position: absolute; width: 100%; height: 0; padding-top: 1rem; transition: all 0.5s; overflow: hidden;}
.active .header-sub-menu {height: 33.9rem;}
.header-sub-menu li a {font-size: 1.8rem; color: #363636; display: block; padding: 1.3rem 0; text-align: left;}
.header-menu-back {
	height: 0; background-color: #FFFFFF; position: absolute; width: 100%; left: 0; border-top: 1px solid #EDEDED; border-top: 1px solid #EDEDED;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.20); position: relative; transition: all 0.5s;
}
.active .header-menu-back {height: 33.9rem;}
.header-menu-back-img {position: absolute; height: 100%; left: 0; top: 0; width: 30.3%; background-image: url('/css/egovframework/img/userpage/header-back.png'); background-position: center; background-size: 100% 100%;}

.header-mobile .header-sub-menu {height: auto;}

.sitemap > li {display: flex;}
.sitemap > li > a {font-size: 2.5rem; padding-top: 2rem; border-top: 3px solid var(--color2); font-weight: bold;}
.sitemap .header-sub-menu {display: flex; flex-wrap: wrap; position: relative; overflow: visible; height: auto; padding-top: 0;}
.sitemap .header-sub-menu li {margin-bottom: 8rem; border-top: 1px solid var(--color3); position: relative;}

#footer {background-color: #222226; margin-top: 17rem;}
.fmenus {border-bottom: 2px solid #313131; padding: 2.9rem 0;}
.fmenus .usepageMenu li {position: relative;}
.fmenus .usepageMenu li a {font-size: 1.6rem; color: #FFFFFF;}
.fmenus select {
	color: rgba(255, 255, 255, 0.50);
	border-radius: 0;
	-o-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(/css/egovframework/img/userpage/select-arrow2.svg);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: right +16px center;
	border: 1px solid #818181;
	padding: 6px 0 6px 12px;
	font-size: 1.4rem;
	width: 20rem;
}
.fmenus select option {
	background-color: #3E3E3E;
	color: rgba(255, 255, 255, 0.50);
}

.finfo {padding: 6rem 0 3rem;}
.finfo ul li {padding-right: 1.6rem; margin-bottom: 0.8rem;}
.finfo ul li span {font-size: 1.6rem; color: #FFFFFF;}
/*공통*/

/*게시판*/
.bdsearch {margin-bottom: 2rem;}
.bdsearch .total {font-size: 3.6rem; font-weight: bold; margin-bottom: 5rem;}
.bdsearch .select-zone {margin: 0 -0.5rem;}
.bdsearch select {
	font-size: 1.8rem; padding: 1.4rem 0 1.4rem 1.9rem; border: none; width: 100%; background-color: var(--base2); border-radius: 6px;
	-o-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(/css/egovframework/img/userpage/select-arrow3.svg);
	background-repeat: no-repeat;
	background-position: right +1.8rem center;
}
.bdsearch input {font-size: 1.8rem; padding: 1.7rem 0 1.7rem 4rem; border: none; width: 100%; background-color: var(--base2); border-radius: 28px;}
.bdsearch button {background: none; border: none; position: absolute; top: 50%; transform: translateY(-50%); right: 3rem}
.bdsearch button.none {position: relative; top: 0; left: 0; transform: none; right: 0; border-radius: 5px;}
.bdsearch input:focus {outline: none;}

.bdgallery > div {margin-top: 12px; margin-bottom: 12px;}
.bdgallery .bditem {background-color: #FAFAFA; border-radius: 30px; padding: 2rem;}
.bdgallery .bdthumb {width: 100%; position: relative; border-radius: 30px; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #424242;}
.bdgallery .bdthumb:after {content: ''; display: block; padding-bottom: 58.31%;}
.bdgallery .bdinfo span {font-size: 1.8rem; color: #989898; padding: 5px 2.3rem; border: 1px solid#C0C0C0; border-radius: 100px; display: inline-block;}
.bdgallery .bdinfo h5 {font-size: 2.4rem;}
.bdgallery .bdinfo p {font-size: 1.8rem; color: #989898;}

.bdfaq {border-top: 4px solid #007467;}
.bdfaq tr th, .bdfaq tr td {border-bottom: 1px solid #DFDFDF; font-size: 2rem;}
.bdfaq tr th {vertical-align: top;}
.bdfaq span {width: 4.4rem; height: 4.4rem; background: #222222; border-radius: 100%; font-size: 2.4rem; font-weight: bold; display: flex; align-items: center; justify-content: center; color: #FFFFFF; margin: 0 auto;}
.bdfaq .on span {background: var(--color2);}
.bdfaq tr.faqQuestion th, .bdfaq tr.faqQuestion td {padding: 3rem 0; font-weight: bold;}
.bdfaq tr.faqQuestion td {padding-right: 6rem; position: relative;}
.bdfaq tr.faqQuestion td:after {
	content: ''; display: block; width: 3.5rem; height: 3.5rem;
	background-image: url('/css/egovframework/img/userpage/community/faq-plus.svg'); background-position: center; background-size: 100% 100%;
	position: absolute; top: 50%; right: 2.5rem; transform: translateY(-50%);
}
.bdfaq tr.faqQuestion.on td:after {background-image: url('/css/egovframework/img/userpage/community/faq-minus.svg');}
.bdfaq tr.faqAnswer th, .bdfaq tr.faqAnswer td {background: var(--base2); padding: 1.7rem 0 3.7rem 0;}
.bdfaq tr.faqAnswer {display: none;}
.bdfaq tr.faqAnswer.on {display: table-row;}

.bdtable {border-spacing: 0 1.2rem; table-layout: fixed; border-collapse:separate;}
.bdtable thead th {font-size: 2rem; padding: 1.8rem 0; background-color: transparent; color: #000000;}
.bdtable tbody td {font-size: 2rem; padding-top: 2.5rem; padding-bottom: 2.5rem; background: var(--base2); font-weight: 500;}
.bdtable tbody td:first-child {border-radius: 10px 0 0 10px;}
.bdtable tbody td:last-child {border-radius: 0 10px 10px 0;}
.bdtable tbody td.nonedata {border-radius: 10px;}
.bdtable td:last-child {border-right: 0;}
.bdtable td .bdt-info {margin-top: 2rem;}
.bdtable td .bdt-info li {font-size: 1.8rem; margin-top: 1rem; line-height: 1;}
.bdtable td.title a {display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%;}

span[class^=status] {width: 9.7rem; padding: 4px 0; text-align: center; display: inline-block; border-radius: 6px;}
span.status0 {background: var(--color2); color: var(--white); border: 1px solid var(--color2);}
span.status1 {background: var(--color4); border: 1px solid var(--color4);}
span.status2 {background: var(--white); color: var(--iconColor1); border: 1px solid var(--iconColor1);}

span[class^=type] {width: 10.7rem; padding: 7px 0; text-align: center; color: #000000; background: var(--color5); border-radius: 7px; display: inline-block; font-size: 1.8rem; border: 1px solid var(--color5); max-width: 100%;}

span[class^=answer] {width: 9.5rem; padding: 7px 0; text-align: center; font-size: 1.8rem; border-radius: 7px; display: inline-block; max-width: 100%;}
span.answery {color: var(--color2); border: 1px solid var(--color2);}
span.answern {color: #919191; border: 1px solid #919191;}

.pagination li {display: flex; justify-content: center; align-items: center; margin: 0 1rem;} /*width: 2.4rem; height: 2.4rem; */
.pagination li a {font-size: 2rem; color: #B8B8B8 !important; line-height: 1;}
.pagination li.active a {color: #000000 !important;}

.bddetail {border-top: 4px solid var(--color2);}
.bddetail th, .bddetail td {border-bottom: 2px solid #EDEDED;}
.bddetail .bd-function > li {padding: 1rem 3rem; border-radius: 28px; background-color: #F6F6F6; position: relative;}
.bddetail .bd-function > li {margin-left: 1.7rem;}
.bddetail .bd-function > li:first-child {margin-left: 0;}
.bddetail .bd-function > li a {font-size: 1.8rem; color: #2C2C2C; display: flex; align-items: center; font-weight: 600;}
.bddetail .bdd-info {border-collapse: collapse;}
.bddetail .bdd-info th, .bddetail .bdd-info td {border: 1px solid #D3D3D3; font-size: 2rem;}
.bddetail .bdd-info th {color: #FFFFFF; background-color: var(--color2); text-align: center; padding: 1.8rem 0;}
.bddetail .bdd-info td {color: #2C2C2C; padding: 1.8rem 2rem;}
.bdcontent {font-size: 2rem;}
.bdcontent img {max-width: 100%; height: auto;}

.bdfile h6 {border-bottom: 2px solid #EDEDED; position: relative}
.bdfile h6:after {
	content: ''; display: block; width: 2.2rem; height: 2.2rem;
	background-image: url('/css/egovframework/img/userpage/file-arrow.svg'); background-repeat: no-repeat; background-position: center; background-size: 100% 100%;
	position: absolute; top: 50%; right: 0; transform: translateY(-50%);
}
.bdfile.hide h6:after {transform: translateY(-50%) rotate(180deg);}
.bdfile.hide ul {display: none;}
.bdfile ul li {font-size: 1.6rem; padding: 7px 0; border-bottom: 2px solid #EDEDED;}
.bftext {padding-right: 2rem; margin-top: 4px; position: relative; flex: none; line-height: 1;}
.bflist {padding-left: 2rem; word-break: break-word;}
.bflist a {font-size: 1.7rem; color: #000000 !important;}
.bflist a:hover {text-decoration: underline;}

.pn-table  {border-top: 4px solid var(--color2);}
.pn-table th, .pn-table td {padding: 2.4rem 0; border-bottom: 2px solid #EDEDED; font-size: 2rem;}
.pn-table td span {margin-right: 1rem; flex: none;}

.sharezone {background-color: #FFFFFF; position: absolute; padding: 1rem; border: 1px solid #D3D3D3; left: -10rem; top: calc(100% + 10px); display: none;}
.sharezone.on {display: block;}
.sharezone ul li {margin: 0 1rem;}
.sharezone input[type=text] {font-size: 1.6rem; padding: 7px 1rem; width: 20rem;}
/*게시판*/

.inputtable {border-top: 4px solid var(--color2); border-bottom: 4px solid var(--color2);}
.inputtable th, .inputtable td {padding: 2rem 0; border-bottom: 1px solid #DFDFDF; font-size: 2.2rem;}
.inputtable th {font-size: 2.2rem; text-align: center;}
.inputtable select {
	font-size: 1.8rem; padding: 1.4rem 3.5rem 1.4rem 2.2rem; border: none; max-width: 100%; width: 24.2rem; background-color: var(--base2); border-radius: 6px;
	-o-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(/css/egovframework/img/userpage/select-arrow3.svg);
	background-repeat: no-repeat;
	background-position: right +1.8rem center;
}
.inputtable input[type=text],
.inputtable input[type=password]{padding: 1.4rem 2.2rem; font-size: 1.8rem; max-width: 100%; width: 24.2rem; background: var(--base2); border-radius: 6px; border: none;}
.inputtable textarea {padding: 1.4rem 2.2rem; font-size: 1.8rem; width: 100%; background: var(--base2); border-radius: 6px; border: none;}
.inputtable input[type=text]:read-only, .inputtable input[type=password]:read-only {background: var(--base)}

.wrap-loading{ /*화면 전체를 어둡게 합니다.*/
	display: block;
	position: fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background: rgba(0,0,0,0.2); /*not in ie */
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000');    /* ie */
	z-index: 2000;
}

.wrap-loading div{ /*로딩 이미지*/
	position: fixed;
	top:50%;
	left:50%;
	margin-left: -21px;
	margin-top: -21px;
}

.view-table.w-auto {width: auto !important;}
.view-table.w-auto tbody th, .view-table.w-auto tbody td {min-width: 120px;}
.view-table {border-bottom: 3px solid var(--color2);}
.view-table thead th {background-color: var(--color2); color: #FFFFFF; padding: 2rem 0; font-size: 1.8rem;}
.view-table tbody th {background-color: var(--base); color: #2C2C2C; padding: 2rem 0; font-size: 1.8rem; font-weight: 500; border-bottom: 1px solid #D3D3D3;}
.view-table tbody td {color: #2C2C2C; padding: 2rem 0; font-size: 1.8rem; font-weight: 500; border-bottom: 1px solid #D3D3D3;}

.ms-top {padding: 10rem 0 9rem; background-size: cover; background-repeat: no-repeat; background-position: center bottom; background-image: url('/css/egovframework/img/userpage/main/ms-top.png');}
.ms-top span {padding: 4px 2rem; background-color: var(--color2); color: var(--white); font-size: 2rem; border-radius: 17px;}
.ms-top h1 {font-size: 7rem; font-weight: 800; color: #FFFFFF; margin-bottom: 0; word-break: break-word;}
.mst-input {max-width: 81.4rem; margin: 0 auto;}
.mst-input input {font-size: 1.6rem; padding: 2rem 0 2rem 3rem; background-color: #FFFFFF; border: none; border-radius: 33px; width: 100%;}
.mst-input button {position: absolute; border: none; top: 0; right: 0; background-color: var(--color2); width: 6.4rem; height: 6.4rem; border-radius: 100%;}
.mst-word {display: flex; align-items: center; flex-wrap: wrap;}
.mst-word li {border-radius: 18px; overflow: hidden; font-size: 1.6rem; margin: 0.5rem 0.6rem;}
.mst-word li:nth-child(1) {background-color: var(--color3); color: var(--white); font-weight: 800; padding: 7px 1.7rem;}
.mst-word li a {font-size: 1.6rem; font-weight: 800; color: var(--white); border: 1px solid var(--white); display: block; padding: 7px 1.7rem; border-radius: 18px;}

.mm-page {margin: 0 -1.5rem; padding: 7.4rem 0;}
.mm-page li {padding: 0 1.5rem;}
.mm-page li a {display: flex; width: 100%; font-size: 1.8rem; font-weight: bold; color: #333333; min-height: 8.2rem; background-color: var(--base); border-radius: 10px; align-items: center; justify-content: center;}

.mb-zone {padding-bottom: 9rem;}

.mb-arrow li {max-width: 4rem;}
.mb-arrow li:nth-child(1) {margin-right: 5rem;}

.mb-banner ul.slick-dots {right: 4.5rem; left: auto; top: -5.7rem;}
.mb-banner ul.slick-dots li {font-size: 2rem; font-weight: 500; color: #A2A2A2; width: auto; height: auto; display: none; margin: 0;}
.mb-banner ul.slick-dots li.slick-active {display: block;}
.mb-banner ul.slick-dots li span {color: #000000;}

.mb-banner ul.slick-dots.zero li {display: block;}
.mb-banner ul.slick-dots.zero {right: 6.5rem; top: 5px;}

.mb-zone .slick-arrow.slick-hidden {display: block !important;}

.mbb-item {position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 10px; overflow: hidden;}
.mbb-item:after {content: ''; display: block; padding-bottom: 91.39%;}
.mbb-item a {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.mb-list li {padding: 2.4rem 3rem; background-color: var(--base2); border-radius: 10px; width: 100%; display: flex; align-items: center; margin-bottom: 1.5rem;}
.mb-list li:last-child {margin-bottom: 0;}
.mb-list li a {font-size: 2rem; color: #333333; flex: 1; padding: 0 2rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.mb-list li span {flex: 0 0 10.8rem; max-width: 10.8rem;}
.mb-list li span:nth-child(1) {background-color: var(--color5); border-radius: 4px; color: #00280C; font-size: 1.8rem; padding: 4px 0; text-align: center; font-weight: 500;}
.mb-list li span:nth-child(3) {font-size: 1.8rem; color: #333333; text-align: right;}

.mr-list .slick-track {margin: 0 -1rem;}
.mr-list .slick-slide {padding: 1rem;}

.mr-zone {padding: 9.6rem 0; background-color: var(--base3);}
.mr-item {max-width: 25.8rem; position: relative; border-radius: 40px 5px 40px 5px; background-color: #FFFFFF; box-shadow: 2px 4px 12px 0 rgba(0, 0, 0, 0.10); margin: 0 auto;}
.mr-item:after {content: ''; display: block; padding-bottom: 118.6%;}
.mr-item > a, .mr-item > div {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.mr-item > a {z-index: 1;}
.mr-item > div {padding: 4.6rem 2.4rem 2.5rem 2.4rem; display: flex; flex-direction: column; align-items: start; justify-content: space-between;}
.mr-item > div span {font-size: 1.8rem; color: var(--color2); padding-left: 1rem; padding-top: 0.3rem; position: relative; display: block; font-weight: 500;}
.mr-item > div span:after {
	content: ''; display: block; width: 0.5rem; height: 0.5rem; background-color: var(--color4); border-radius: 100%;
	position: absolute; top: 0; left: 0;
}
.mr-item > div h6 {
	font-size: 2.4rem; color: #1B1B1B; font-weight: bold; line-height: 1.5;
	display: -webkit-box; display: -ms-flexbox; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-height: 10.8rem; min-height: 10.8rem;
}
.mr-item > div p {font-size: 1.6rem; color: #1B1B1B;}

.mr-item:hover {background: linear-gradient(158deg, #007467 0%, #3ABE11 128.79%);}
.mr-item:hover > div span, .mr-item:hover > div h6, .mr-item:hover > div p {color: #FFFFFF;}
.mr-item:hover > div span:after {background-color: #FFFFFF;}

.mstat {padding: 8rem 0 10rem; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url('/css/egovframework/img/userpage/main/mstat.png');}
.mstat-menu li {margin: 0 0.7rem;}
.mstat-menu li a {font-size: 1.8rem; color: #FFFFFF; display: block; padding: 0.8rem 1.7rem; border-radius: 20px; border: 1px solid #FFFFFF;}
.mstat-menu li.on a {background: var(--color2); border: 1px solid var(--color2);}
.mstatInfo h6 {font-size: 2.4rem; font-weight: bold; color: #FFFFFF; padding-bottom: 3rem; margin-bottom: 3rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.mstatInfo li {align-items: center; margin: 1.4rem 0;}
.mstatInfo li span {font-size: 1.8rem; display: block; font-weight: 500;}
.mstatInfo li span:nth-child(1) {padding: 2px 0; background: #FFFFFF; border-radius: 40px; color: #474747; margin-right: 1rem; width: 7rem; text-align: center;}
.mstatInfo li span:nth-child(2) {color: #FFFFFF;}

.page-top {margin-bottom: 9rem;}
.page-banner {padding: 14.4rem 0; background-size: cover; background-repeat: no-repeat; background-position: center;}
.page-banner h3 {font-size: 6.4rem; font-weight: bold; margin-bottom: 1rem;}
.page-banner p {margin-bottom: 0; font-size: 2rem;}
.page-menu {background: var(--color2);}
.page-menu h5 {font-size: 2rem; background: var(--color3); color: #FFFFFF; width: 25rem; max-width: 25rem; padding: 2.2rem 4rem 2.2rem 3rem; margin-bottom: 0; display: flex; align-items: center; position: relative; height: 100%; cursor: pointer;}
.page-menu h5:after {
	content: ''; display: block; width: 2rem; height: 2rem; background-image: url('/css/egovframework/img/userpage/page-arrow.svg'); background-size: 100% 100%; background-repeat: no-repeat;
	position: absolute; right: 2rem; top: 50%; transform: translateY(-50%); transition: all 0.5s;
}
.page-menu .active h5:after {transform: translateY(-50%) rotate(-180deg);}
.page-top-menu {position: absolute; left: 0; width: 100%; z-index: 2; height: 0; transition: all 0.5s; overflow: hidden;}
.active .page-top-menu {height: 42.6rem;}
.page-top-menu li a {font-size: 2rem; color: #FFFFFF; padding: 2rem 0rem 2rem 3rem; background-color: var(--color1); border-bottom: 1px solid #1B5C06; display: block;}
.page-sub-menu li a {font-size: 2rem; color: #FFFFFF; display: block; padding: 2.2rem 3.7rem;}
.page-sub-menu li.on a {background: #003D43;}

.custom-title {font-size: 3.6rem; font-weight: bold; padding: 1.4rem 4rem; border-radius: 36px; border: 2px solid #2A2A2A; display: table; margin: 0 auto;}
.custom-title2 {font-size: 3.6rem; font-weight: bold; display: flex; align-items: center;}

.is-introduce {
	background-color: #EBF9DF; border-radius: 10px; background-color: #F5F5EE;
	background-repeat: no-repeat;
}

.is-system {margin-bottom: 13rem;}
.is-system li {background-color: #F6F6F6; border-radius: 9px; padding: 1.6rem 2.8rem; display: flex; align-items: center; margin-bottom: 1.2rem;}
.is-system li:last-child {margin-bottom: 0;}
.is-system li .iss-icon {flex: 0 0 8rem; max-width: 8rem; position: relative; border-radius: 100%; display: flex; align-items: center; justify-content: center; margin-right: 2rem;}
.is-system li .iss-icon:after {content: ''; display: block; padding-bottom: 100%;}
.is-system li h6 {font-size: 2.1rem;}

.is-contact {padding: 4.8rem 0; background-color: var(--base3);}
.is-contact ul li {display: flex; align-items: center; margin-bottom: 1rem;}
.is-contact ul li span {font-size: 2rem; color: #333333;}
.is-contact ul li span:nth-child(1) {background-color: #FFFFFF; padding: 0.6rem 1.2rem; border-radius: 3px; display: flex; align-items: center; margin-right: 1.2rem; color: var(--color2); flex: 0 0 11rem; max-width: 11rem; padding-left: 4rem; justify-content: center; position: relative;}
.is-contact ul li span:nth-child(1) img {position: absolute; max-width: 2.7rem; left: 1rem; top: 50%; transform: translateY(-50%);}

.organization {background-color: var(--base3); border-radius: 15px; padding: 8rem;}
.organization .leader {width: 16.5rem; height: 16.5rem; border-radius: 100%; background: var(--linear); position: relative; margin-bottom: 4rem; z-index: 3;}
.organization .leader h5 {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.organization .leader:after {
	content: ''; display: block; width: calc(100% + 2.6rem); height: calc(100% + 2.6rem); border: 1px solid #1D983D; border-radius: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1;
}
.organization .leader:before {
	content: ''; display: block; width: 1px; height: 4rem; background-color: #C3C3C3; position: absolute; bottom: -4rem; left: 50%; transform: translateX(-50%);
}
.organization .top-leader:nth-child(1) .leader {background: var(--color2);}
.organization .top-leader:nth-child(1) .leader:after {border: 1px solid var(--color2);}

.organization .top-leader:nth-child(3) .leader {background: var(--color3);}
.organization .top-leader:nth-child(3) .leader:after {border: 1px solid var(--color3);}

.organization .top-leader {max-width: 102.7rem; margin: 0 auto; position: relative;}
.organization .top-leader h6 {width: 26.3rem; padding: 2rem 0; font-size: 2.6rem; background-color: #007467; border-radius: 32px; text-align: center; position: absolute; z-index: 2; cursor: pointer;}

.organization .top-leader:nth-child(1) h6 {background-color: var(--color2);}
.organization .top-leader:nth-child(1) h6:nth-child(2):after {right: -25rem;}
.organization .top-leader:nth-child(1) h6:nth-child(3):after {left: -25rem;}

.organization .top-leader:nth-child(2) h6 {position: relative;}
.organization .top-leader:nth-child(2) h6:nth-child(1):after {left: -25rem;}

.organization .top-leader:nth-child(3) h6 {background-color: var(--color3);}
.organization .top-leader:nth-child(3) h6:nth-child(2):after {right: -25rem;}
.organization .top-leader:nth-child(3) h6:nth-child(3):after {left: -25rem;}

.organization .department {display: flex; flex-wrap: wrap; position: relative; margin: 0 -5px; width: 100%;}

.organization .department > div {padding: 0 5px;}
.organization .department .item {max-width: 100%; width: 100%; margin: 0 auto;}
.organization .department .item h6 {width: 100%; font-size: 1.8rem; color: #FFFFFF; background-color: var(--iconColor1); border-radius: 5px; padding: 1.8rem 0; font-weight: bold; text-align: center; margin-bottom: 5px; position: relative; width: 100%; word-break: break-all;}
.organization .department .item > ul {padding: 2rem 1.5rem; background-color: #FBFBFB; border-radius: 5px;}
.organization .department .item ul.one > li {width: 100%; font-size: 1.8rem; color: #282828; border-radius: 5px; margin-bottom: 0.8rem; line-height: 1.2; position: relative; padding-left: 1rem; word-wrap: break-word;}
.organization .department .item ul.one > li:last-child {margin-bottom: 0;}
.organization .department .item ul.one > li:after {content: ''; width: 3px; height: 3px; background: #282828; position: absolute; left: 0; top: 0.9rem; border-radius: 100%;}
.organization .department .item ul.two {margin-top: 0.8rem;}
.organization .department .item ul.two > li {position: relative; padding-left: 1rem; margin-bottom: 4px; word-wrap: break-word;}
.organization .department .item ul.two > li:last-child {margin-bottom: 0;}
.organization .department .item ul.two > li:after {content: '-'; position: absolute; left: 0; top: 0rem;}

.organization .department .last .item h6 {min-height: 12rem; display: flex; align-items: center; justify-content: center;}
.organization .department .last .item h6:after {display: none;}
.organization .department .last .item:nth-child(1) h6:after {display: block;}

.map-item {padding: 3.5rem 4.5rem; background-color: var(--base2); border-radius: 10px; height: 100%;}

.stat-type li {display: table; border-collapse: collapse; }
.stat-type li a {font-size: 1.8rem; background: var(--main-button-color); text-align: center; display: table-cell;}
.stat-type li.on a {background: var(--color2); color: var(--base);}

.infra-search {background: var(--base);}
.infra-search .input-zone {max-width: 100%; width: 81.4rem; margin: 0 auto;}
.infra-search input {font-size: 2rem; padding: 1.4rem 7rem 1.4rem 3.8rem; background: #FFFFFF; border-radius: 30px; border: 3px solid #007467; width: 100%;}
.infra-search button {position: absolute; border: none; top: 0; right: 0; background: var(--color2); width: 6.4rem; height: 6.4rem; border-radius: 100%;}

.intra-total {background: var(--color1); border-radius: 10px 0 0 0;}

.intra-agency {border: 10px solid var(--color2); border-radius: 0 10px 0 0;}
.intra-agency > div {height: 14.5rem; overflow-y: scroll;}
.ia-list {display: flex; align-items: center; flex-wrap: wrap;}
.ia-list li {border-bottom: 1px solid #DADADA; border-right: 1px solid #DADADA;}
.ia-list li a {display: block; font-size: 2rem; color: #535353; padding: 1.1rem 0; text-align: center; cursor: pointer;}

.input_section table th, .input_section table td {font-weight: 500; font-size: 16px; padding: 7px 0;}
.input_section table td {padding-right: 5rem;}
.input_section table td input, .input_section table td select, .input_section table td textarea {font-size: 16px; padding: 9px 10px; border: 1px solid #C7C7C7; width: 100%;}
.input_section table td label {width: 100%;}
.input_section table td input[type='checkbox'], .input_section table td input[type='radio'] {border: 1px solid #C7C7C7; width: 18px; height: 18px; vertical-align: sub; margin-right: 5px;}

.map_org {background-color: #FFFFFF; font-size: 1.8rem; border-radius: 0 0 9px 9px; padding: 5px; border: 1px solid #C7C7C7; font-weight: bold; cursor: pointer; position: absolute; tmin-width: 9.6rem; z-index: 2; cursor: pointer;}
.map_org em {padding: 2px 0; border-radius: 0 0 4px 4px; background-color: var(--color2); font-style: normal; display: inline-block; color: #FFFFFF; font-weight: 400; width: 3.5rem; text-align: center;}
.map_org2 {background-color: var(--color1); font-size: 1.6rem; border-radius: 5px; padding: 5px; display: flex; align-items: center; font-weight: 500; color: #FFFFFF; cursor: pointer;}
.map_info {position: absolute; width: 47rem; height: calc(100% - 4rem); right: 2rem; top: 50%; transform: translateY(-50%); background-color: #FFFFFF; border-radius: 10px; padding: 3rem;}
.map_info > div {width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: start;}
.map_info h6 {font-size: 2.4rem; font-weight: bold; margin-bottom: 2.4rem;}
.agencylogo {height: 10.7rem; background-color: #F3F3F3; border-radius: 10px; display: flex; align-items: center; justify-content: center; width: 100%;}
.agencylogo img {max-height: 80%; max-width: 100%;}
.agencyinfo li {display: flex; align-items: center; margin: 6px 0;}
.agencyinfo li span {font-size: 1.8rem;}
.agencyinfo li span:nth-child(1) {display: inline-block; width: 8.4rem; padding: 5px 0; background-color: var(--color5); color: var(--color1); flex: none; margin-right: 10px; text-align: center; border-radius: 3px;}
.agencyhomepage {font-size: 2rem; padding: 2rem 0; background-color: var(--color2); color: #FFFFFF; border-radius: 9px; width: 100%; display: flex; justify-content: center; align-items: center; font-weight: 500;}

.loginbox {max-width: 37rem; margin: 0 auto;}
.loginbox input {width: 100%; font-size: 1.8rem; background: var(--base2); border-radius: 10px; padding: 1.1rem 1rem 1.1rem 5.8rem; border: none;}
.loginbox #userId, .loginbox #userName {background-image: url('/css/egovframework/img/userpage/userId.svg'); background-repeat: no-repeat; background-position: center left+1.9rem;}
.loginbox #userPwd {background-image: url('/css/egovframework/img/userpage/userPwd.svg'); background-repeat: no-repeat; background-position: center left+1.9rem;}
.loginbox #userEmail {background-image: url('/css/egovframework/img/userpage/userEmail.svg'); background-repeat: no-repeat; background-position: center left+1.9rem;}

.loginfind li {line-height: 1; margin: 0 10px; position: relative;}
.loginfind li:after {position: absolute; content: ''; display: block; height: 100%; width: 1px; background: #000000; right: -10px; top: 0;}
.loginfind li:last-child:after {display: none;}

.search-body h6 {border-bottom: 2px solid #000000;}
.search-item {border-bottom: 1px solid #D9D9D9;}
.search-item h3 {font-size: 2rem;}
.search-menu li {font-size: 1.6rem; color: var(--color2); position: relative; padding-right: 10px; margin-right: 10px;}
.search-menu li:after {content: '>'; position: absolute; right: -5px; top: 0;}
.search-menu li:last-child:after {display: none;}
.search-info li {font-size: 1.6rem; color: var(--color2); position: relative; padding-right: 10px; margin-right: 10px;}
.search-info li:nth-child(1):after {content: '/'; right: -2px; top: 0; position: absolute;}
.search-info li:last-child:after {display: none;}