@charset "UTF-8";

/**/
.design_scroll{
	width:calc(100% + 10px);
}

.design_scroll::-webkit-scrollbar{
	width: 10px;
}

.design_scroll::-webkit-scrollbar-thumb{
    background: white;
    background-clip: padding-box;
    border: 3px solid #eae8fe;
    border-radius: 50px;
}

.design_scroll::-webkit-scrollbar-track{
	background: #EAEAEA;
	border-radius: 20px;
}

.blue_txt{
	color: #004EFF;
	font-weight:700;
}

.blue_txt2{
	color: #545454 !important;
	font-weight:700;
}

.red_txt{
	color: #E10317;
	font-weight:700;
}

strong{
	font-weight:700;
}

input.hidden_input,
input[type="checkbox"].custom_chkbox{
	display:none;
}

.table_scroll_wrap{
	overflow-x: auto;
}

.binHouseTable{
	width:fit-content;
	table-layout:fixed;	
}

.binHouseTable td > input,
.binHouseTable td > select{
	width:100%;
	color:#666;
}

.binHouseTable td > input:read-only,
.binHouseTable td > select:disabled{
	border:0;
	background-color:#fff;
	outline: 0;
	padding:0;
	text-align:center;
}

.binHouseTable td > select:disabled{
	opacity:1;
	-moz-appearance:none;  /* Firefox */
	-webkit-appearance:none;  /* Safari and Chrome */
  	appearance:none;  /* 화살표 없애기 공통*/
}

table.custom_table{
	min-width:100%;	
}

table.custom_table[class*="mr0"]{
	margin-top:0;
}

table.custom_table thead > tr:first-child th{
	border-top:1px solid #000;
}

table.custom_table thead > tr:first-child.blue_line th{
	border-top:2px solid #0059b3;
}

table.custom_table thead{
	position: sticky;
	top:0;
	left:0;
	z-index:1;
}

table.custom_table th,
table.custom_table td{
	height:50px;
	vertical-align:middle;
	border-bottom:1px solid #DDD;
	text-align:center;
}

table.custom_table th.border,
table.custom_table td.border{
	border-left:1px solid #ddd;
}

table.custom_table th{
	color:#020c22;
	font-weight:700;
	background-color: #F8F8F8;
}

th.required::after{
	content: "*";
	display:inline-block;
	color:#E10317;
	font-weight:700;
}

table.custom_table td{
	padding: 0px 8px;
}


h2.custom_tit{
	color: #091152;
	font-size: 32px;
	font-weight: 700;
	letter-spacing: -0.1px;
}

table.dtl_table{
	width:100%;
	table-layout:fixed;
	border-top:2px solid #000;
}

table.dtl_table th:not(:first-child),
table.dtl_table td:not(:first-child){
	border-left:1px solid #ddd;
}

table.dtl_table th,
table.dtl_table td{
	padding:14px 0 14px 20px;
	text-align:left;
	border-bottom: 1px solid #ddd;
}

table.dtl_table th{
	padding: 14px 0 0 20px;
	background-color: #F8F8F8;
	color:#666;
	font-weight:700;
}

input[type="checkbox"].custom_chkbox + label{
	box-sizing:border-box;
	display:inline-block;
	
	width:16px;
	height:16px;
	
	cursor:pointer;
	position:relative;
	
	border-radius: 3px;
	border: 1px solid #666;
}

input[type="checkbox"].custom_chkbox:checked + label{
	border: 1px solid #000;
}

input[type="checkbox"].custom_chkbox:checked + label::before{
	content: "";
	
	position:absolute;
	
	display:block;
	width:10px;
	height:7px;
	
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	
	background: url(../../../images/egovframework/com/chkbox-icon.png) center center/cover no-repeat;
}

.custom_btn{
	width:100px;
	height:34px;
	color:#fff;
	border:0;
	margin:0;
	outline:0;
	border-radius:5px;
	cursor:pointer;
}

.custom_btn[class *= big_pd]{padding:0 15px;}
.custom_btn[class *= long_txt]{width:fit-content;}

.custom_btn[class*=black]{background-color:#333;}
.custom_btn[class*=red]{background-color:#E10317;}
.custom_btn[class*=blue]{background-color:#0050FF;}
.custom_btn[class*=navy]{background-color:#091152;}
.custom_btn[class*=gray]{background-color:#545454;}
.custom_btn[class*=green]{background-color:#1D8553;}

.btn_wrap_center{justify-content:center;}
.btn_wrap_end{justify-content:flex-end;}

.modal{
	width: calc(100% - 92px);
	position:fixed;
	top:50%;
	left:50%;
	
	transform: translate(-50%, -50%);
	z-index:2;
}

.flex-wrap{
	display:flex;
}

.flex-wrap[class*=row]{
	flex-direction: row;
}

.flex-wrap[class*=col]{
	flex-direction: column;
}

.flex-wrap[class*="center"]{
	align-items:center;
}

.flex-wrap[class*=g5]{
	gap:5px;
}

.flex-wrap[class*=g8]{
	gap:8px;
}

.flex-wrap[class*=g10]{
	gap:10px;
}

.flex-wrap[class*=g13]{
	gap:13px;
}

.flex-wrap[class*=g16]{
	gap:16px;
}

.flex-wrap[class*=g20]{
	gap:20px;
}

.flex-wrap[class*=g30]{
	gap:30px;
}

.flex-wrap[class*=g40]{
	gap:40px;
}

.grid{
	display:grid;
}

.mgt10{
	margin-top:10px;
}

.mgt20{
	margin-top:20px;
}

.mgt26{
	margin-top:26px;
}

.mgt30{
	margin-top:30px;
}

.mgt36{
	margin-top:36px;
}

.radius-wrap{
	border:1px solid #f8f8f8;
}

.radius-wrap[class*=r3]{
	border-radius:3px;
}

.radius-wrap[class*=r10]{
	border-radius:10px;
}

.radius-wrap[class*=r15]{
	border-radius:15px;
}

.radius-wrap[class*=r20]{
	border-radius:20px;
}

.radius-wrap[class*=r90]{
	border-radius:90px;
}

.shadow-wrap[class*=shallow]{
	box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.05);
}

.shadow-wrap[class*=deep]{
	box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08);
}

.border-wrap[class*=gray]{
	border:1px solid #dedede;
}

.refresh_label{
	width:fit-content;
	height:22px;
	display:flex;
	align-items:center;
	gap:10px;
	border-radius: 40px;
	background: #ECECEC;
	padding: 0px 16px;
}

.refresh_label.right{
	margin-left: auto;
}

.refresh_label > i{
	width:10px;
	height:10px;
	
	background: url(../../../images/refresh_i.svg);
}

.add_label{
	width:100%;
	height:32px;
	line-height:32px;
	border:1px solid #dedede;
	border-left:0px;
	border-right:0px;
	background:#fafafa;
	text-align:center;
	color:#020c22;
	font-size:20px;
}

.update_label > span{
	color: #666;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px; /* 157.143% */
	letter-spacing: -0.1px;
}

.search-wrap{
	justify-content:space-between;
	align-items:flex-start;
	flex-wrap:wrap;
	gap:20px;
}

.search-wrap[class*=pl1]{
	padding: 30px;
}

.search-wrap[class*=pl2]{
	padding: 20px 30px;
}

.search-wrap[class*=mbl1]{
	margin-bottom:26px;
}

.search-wrap > .btn_box{
	margin:0px;
}

.search-wrap .arrow-select{
	appearance: none;
	width:200px;
	height:40px;
	background:url(../../../images/egovframework/com/select-icon.png) calc(100% - 12px) center no-repeat;
	border-radius: 3px;
	border: 1px solid #DDD;
}

.select-input[type="date"]::-webkit-clear-button,
.select-input[type="date"]::-webkit-inner-spin-button{
	display:none;
}

.select-input[type="date"]::-webkit-calendar-picker-indicator{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background: transparent;
	color: transparent;
	cursor:pointer;
}

.select-input[type="date"]{
	position:relative;
	width:200px;
	border-radius: 3px;
	height:40px !important;
	background: url(../../../images/egovframework/com/calender.png) no-repeat right;
	padding-right:10px;
	background-origin:	content-box;
	border: 1px solid #DDD !important;
}

.select-input[type="date"]::before{
	content: attr(data-placeholder);
	width:100%;
}

.search-tab{
	width:fit-content;
	padding:4px;
	border-radius: 30px;
	background: #F4F4F4;
	box-shadow: 0px 2px 9px 0px rgba(44, 98, 236, 0.35);
}

.search-tab > label{
	padding:0px 20px;
	height:27px;
	line-height:27px;
	text-align:center;
	color:#666;
	letter-spacing: -0.5px;
	cursor:pointer;
}

input[name="search_type"],input[name="building_type"],
input#multi:checked ~ .search-wrap > .block-wrap ~ div{
	display:none;
}

input#normal:checked ~ .search-wrap .search-tab > label:first-child,
input#multi:checked ~ .search-wrap .search-tab > label:nth-child(2),
input#regdata:checked  ~ .search-wrap .search-tab > label:nth-child(3),
input#hisdata:checked  ~ .search-wrap .search-tab > label:last-child,
input#single:checked  ~ .search-wrap .search-tab > label:first-child,
input#relation:checked ~ .search-wrap .search-tab > label:nth-child(3),
input#apartment:checked ~ .search-wrap .search-tab > label:nth-child(4),
input#business:checked ~ .search-wrap .search-tab > label:nth-child(5),
input#etc:checked  ~ .search-wrap .search-tab > label:last-child,
input#normal:checked ~ .block-wrap .search-tab > label:first-child,
input#multi:checked ~ .block-wrap .search-tab > label:nth-child(2),
input[name='searchRadio2']:checked + label{
	border-radius: 40px;
	background: #FFF;
	box-shadow: 0px 2px 9px 0px rgba(44, 98, 236, 0.35);	
	color: #0050FF;
	font-weight:700;
}

.step2_con{
	display:none;
}

.search-wrap > .block-wrap{
	width:100%;
	align-items:center;
	gap:14px;
}

.block-wrap > .search-type{
	font-size: 16px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.5px;
	color:#020C22;
}

.search-wrap > .search-filter-list{
	gap:10px;
}

.search-wrap > .search-filter-list > div{
	gap:30px;
}

.search-wrap > .search-filter-list > div > .search-filter-item > label{
	display: inline-block;
	width:70px;
	
	color:#020c22;
	font-weight:700;
	letter-spacing: -0.5px;
}

.search-wrap > .search-filter-list > div > .search-filter-item > label[class*="w40"]{
	width:40px;
}

.board_result_cnt{
	margin-top:36px;
	color:#666;
	letter-spacing: -0.56px;
}

.board_result_cnt > span{
	font-weight:700;
	color:#e10317;
}
/**/

#step{
	margin: 6px 0 26px;
}

#step > div{
	width:189px;
	height: 38px;
	line-height:38px;
	
	text-align:center;
	cursor:pointer;
}

#step > div.active{
	background: #3747CB;
	border: 1px solid #3747cb;
	box-shadow: 0px 2px 9px 0px rgba(44, 98, 236, 0.35);
}

#step > div > p{
	color:#666;
	font-size:12px;
}

#step > div.active > p{
	color:#fff;
}

#process > div{
	flex:1;
	padding: 50px 40px 30px;
	
	text-align:center;
}

#process > div > i{
	display:block;
	width:70px;
	height:70px;
	
	margin:0 auto;
}

#process > div:first-child > i{background: url(../../../images/egovframework/com/document.png) center center/contain no-repeat;}
#process > div:nth-child(2) > i{background: url(../../../images/egovframework/com/Group.png) center center/contain no-repeat;}
#process > div:last-child > i{background: url(../../../images/egovframework/com/upload.png) center center/contain no-repeat;}

#process > div > .tit{
	margin-top: 30px;	
	
	font-size:20px;
	font-weight:700;
	color:#091152;
	letter-spacing: -0.1px;
}

#process > div > .tit + p{
	margin-top:6px;
	
	color:#666;
}

#process > div > p + div{
	margin-top:30px;
}

#process > div > p + div > button{
	width:100%;
	height:38px;
	text-align:center;
	cursor:pointer;
	background-color:#fff;
	color:#666;
	font-size:14px;
	font-weight:700;
}

#process > div > p + div > button.active{
	border:1px solid #3747CB;
	color: #3747CB;
}

#process > div > p + div > a{
	width:100%;
	height:38px;
	line-height:38px;
	box-sizing:border-box;
	text-align:center;
	background-color:#fff;
	color:#666;
	font-size:14px;
	font-weight:700;
}

#process > div > p + div > a.active{
	border:1px solid #3747CB;
	color: #3747CB;
}

#process > div > div + div{
	padding: 10px 16px;
	margin-top:15px;
	
	border-radius: 3px;
	border: 1px solid #CECECE;
	
	background: #FFF;
	
	color:#020c22;
	text-align:left;
}

#process > div > div + p{
	margin-top:10px;
}

#process > div > .t_gray{
	display:flex;
	gap:4px;
	text-align:left;
	line-height:18px;
	
	font-size:12px;
}

#process > div > .t_gray + .t_gray{
	margin-top:16px;
}

#process > div > .t_gray::before{
	content: "-";
}

#process > div > .t_gray[class*="bold"]{
	font-weight:700;
	color:#666;
}

.road_search_btn_wrap > button{
	width:200px;
	height:40px;
	margin-left: 72px;
}

.road_search_btn_wrap > input{
	width: 100%;
	max-width:calc(272.64px * 2 + 30px);
	height:40px !important;
	border-radius: 3px;
	border: 1px solid #DDD;
	background: #FFF;
}

.text_input{
	border-radius: 3px;
	border: 1px solid #DDD;
	background: #FFF;
}

#multiSearch{
	display:none;
	margin:36px 0px 10px;
	position:relative;
}

input#multi[name=search_type]:checked ~ #multiSearch{
	display:block;
}

#multiSearchTab{
	position:relative;
}

#multiSearchTab::after{
	content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #000;
    z-index: -1;
}

#multiSearchTab > a{
	position:relative;
	width:130px;
	height:39px;
	line-height:39px;
	position:relative;
	border-radius: 10px 10px 0px 0px;
	text-align:center;
	font-size:16px;
	font-weight:700;
}

#multiSearchTab > a > i{
	position:absolute;
	display:block;
	width:12px;
	height:12px;
	background: #E9E9E9 url(../../../images/fhlg_close_i.svg);
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

#multiSearchTab > a:first-child{
	background: #F7F7F7;
}

#multiSearchTab > a:not(:first-child){
	background: #E9E9E9;
}

#multiSearchTab > a.on{
	border:1px solid #000;
	border-bottom:0;
	background:#fff;
	color:#0050ff;
}

#multiSearchTab > a:not(:first-child).on > i{
	background: #fff url(../../../images/fhlg_close_i2.svg);
}

#multiSearchTab > a:not(.on){
	border-bottom: 1px solid #0055AC;
}

#multiSearchCont .search_cont > .head{
	margin:26px auto;
}

#multiSearchCont .search_cont > .head > div{
	margin-left: auto;
}

#multiSearchCont .search_cont > .head,
#multiSearchCont .search_cont > .head > div{
	align-items:flex-end;
}

#multiSearchCont .search_cont > .head > h2,
#multiSearchCont .search_cont > .head p{
	line-height:22px;
}

#multiSearchCont .search_cont > .head > h2{
	color: #091152;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -0.1px;
}

#multiSearchCont .search_cont > .head p:not(.red_txt){
	color: #091152;
}
#multiSearchCont .search_cont > .head p.red_txt{
	font-weight:400;
}

#multiSearchCont .search_cont > .head span.blue_txt{
	color: #0050ff;
}

#multiSearchCont .search_cont > .head button{
	width:90px;
}

#multiSearchCont .search_cont #slide_toggle_icon{
	width:20px;
	height:20px;
	border-radius:50px;
	background: #fff url(../../../images/slide_toggle_i.svg) center center no-repeat;
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.08);
	cursor:pointer;
	margin-left:16px;
	transform:rotate(0deg);
}

#multiSearchCont .search_cont #slide_toggle_icon.on{
	transform:rotate(180deg);
}

#multiSearchFilter input[type="checkbox"]{
	display:none;
}

#multiSearchFilter label{
	position:relative;
	
	display:flex;
	align-items:center;
	gap:10px;
	cursor:pointer;
}

#multiSearchFilter label.label_start{
	align-items:flex-start;
}

#multiSearchFilter label::before{
	content: "";
	width: 16px;
    height: 16px;
    cursor: pointer;
    position: relative;
    border-radius: 3px;
    box-sizing:border-box;
    border: 1px solid #666;
}

#multiSearchFilter input[type="checkbox"]:checked + label:after{
	content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 7px;
    top: 50%;
    left: 3px;
    transform: translate(0%, -50%);
    background: url(../../../images/egovframework/com/chkbox-icon.png) center center/cover no-repeat;
}

#multiSearchFilter > .filter-wrap{
	flex:1;
	height:fit-content;
	max-height:800px;
	padding:0px 16px 20px;
	border-radius: 10px;
	background: #FFF;	
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.08);
	overflow-y:auto;
	box-sizing:border-box;
}

#multiSearchFilter > .filter-wrap > .filter-id{
	position: sticky;
    top: 0;
    z-index: 1;
    
	padding: 20px 0px 16px;
	border-bottom:1px solid #E9E9E9;
	
    background: #fff;
}

#multiSearchFilter > .filter-wrap > .filter-id > label{
	color: #091152;
	font-size: 16px;
	font-weight: 700;
	line-height: 18px; /* 112.5% */
	letter-spacing: -0.16px;
}

#multiSearchFilter > .filter-wrap > ul > li > p,
#multiSearchFilter > .filter-wrap > ul > li > ul{
	padding: 16px 0px;
}

#multiSearchFilter > .filter-wrap > ul > li > p,
#multiSearchFilter > .filter-wrap > ul > li > ul > li > label{
	color: #666;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px; /* 128.571% */
	letter-spacing: -0.14px;
}

#multiSearchFilter > .filter-wrap > ul > li > p{
	font-weight:700;
	border-bottom:1px solid #E9E9E9;
}

#multiSearchFilter > .filter-wrap > ul > li + li{
	border-top:1px solid #E9E9E9;
}

#multiSearchFilter > .filter-wrap > ul > li > ul > li+li{
	margin-top:10px;
}

#multiSearchFilter > .filter-wrap > ul > li > ul{
	width:100%;
	box-sizing:border-box;
}

#multiSearchFilter > .filter-wrap > ul > li > ul.design_scroll{
	max-height:218px;
	overflow-y: auto;
}

#multiSearchFilter > .filter-wrap > ul > li > ul::webkit-scrollbar-track{
	margin: 16px 0px;
}

#multiSearchFilter > .filter-wrap > ul > li:last-child > ul{
	padding-bottom:0px;
}

#multiSearchFilter > .filter-wrap > ul > li > p > span{
	font-weight:400;
}

#multiSearchSelect {
	margin-bottom:26px;
}

#multiSearchSelect > div{
	flex:1;
	border-radius: 10px;
	background: #FFF;	
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.08);
	padding:20px 16px;
}

#multiSearchSelect > #selectAddr > .head{
	gap:6px;
	align-items:center;
}

#multiSearchSelect > #selectAddr > .head > i{
	display:block;
	width:17px;
	height:17px;
	background:url(../../../images/file_sm_i.svg) center center no-repeat;
}

#multiSearchSelect > #selectAddr > .head > h2{
	color: #091152;
	font-size: 16px;
	font-weight: 700;
	line-height: 18px; /* 112.5% */
	letter-spacing: -0.16px;
}

#multiSearchSelect > #selectAddr > ul,
#multiSearchSelect > #selectDtl > ul > li + li{
	margin-top:16px;
	padding-top:16px;
	border-top: 1px solid #E9E9E9;
}

#multiSearchSelect > #selectAddr > ul > li{
	flex:1;
}

#multiSearchSelect > #selectAddr > ul > li > p,
#multiSearchSelect > #selectAddr > ul > li > ul > li,
#multiSearchSelect > #selectDtl > ul > li > p{
	justify-content:space-between;
	color: #666;
	font-size: 16px;
	font-weight: 700;
	line-height: 18px; /* 128.571% */
	letter-spacing: -0.14px;
}

#multiSearchSelect > #selectAddr > ul > li > ul > li,
#multiSearchSelect > #selectDtl > ul > li > p + p{
	font-size:14px;
	font-weight:400;
}

#multiSearchSelect > #selectAddr > ul > li > p::after{
	content: "";
	width:20px;
	height:20px;
	background: url(../../../images/slide_toggle_i.svg) center center no-repeat;
	transform:rotate(270deg);
}

#multiSearchSelect > #selectAddr > ul > li > ul,
#multiSearchSelect > #selectAddr > ul > li > ul > li + li,
#multiSearchSelect > #selectDtl > ul > li > p + p{
	margin-top:10px;
}

#multiSearchSelect > #selectDtl > ul{
	margin-top:50px;
}

.c-box{
	justify-content:space-between;
	gap:20px;
	color:#020C22;
	margin-top:26px;
}

.c-box > .s-box{
	width:387px;
	gap:16px;
	padding:30px 40px;
	height:192px;
	box-shadow: 0px 6px 25px 0px rgba(0, 0, 0, 0.05);
	cursor:pointer;
}	

.c-box > .s-box > .s-boxtx{
	justify-content:space-between;
	align-items:center;
}

.c-box > .s-box > .s-boxtx > span:first-child{
	color: #091152;
	font-size: 16px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.5px;
}

.c-box > .s-box > .s-boxtx > span:nth-child(2){
	font-size: 10px;
	font-weight: 400;	
	line-height: normal;
	letter-spacing: -0.5px;
	padding: 2px 8px 3px 8px;
	border-radius: 30px;
	background: #F8F8F8;
	display:block;
}

.c-box > .s-box > .s-boxbr > span{
	color: #666;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.5px;
}

.c-box > .s-box > .s-box-con[class*="one"]{
	gap:10px;
	justify-content:center;
}

.c-box > .s-box > .s-box-con[class*="one"] > .s-box-rs{
	gap:20px;
	align-items:center;
	padding:18px 0 18px 20px;
	flex:1;
}

.c-box > .s-box > .s-box-con[class*="one"] > .s-box-rs:first-child{
	border-radius: 10px;
	background: #F9FBFF;
}

.c-box > .s-box > .s-box-con[class*="one"] > .s-box-rs:nth-child(2){
	border-radius: 10px;
	background: #FFF7F6;
}


.c-box > .s-box > .s-box-con[class*="one"] > .s-box-rs > .s-box-rs-in > span:first-child{
	color: #666;
	font-size: 14px;
	font-weight: 700;
	line-height: 15px;
	letter-spacing: -0.5px;
}

.c-box > .s-box > .s-box-con[class*="one"] > .s-box-rs > .s-box-rs-in > span:nth-child(2){
	font-size: 24px;
	font-weight: 700;
	line-height: 33px;
	letter-spacing: -0.1px;
}

.c-box > .s-box > .s-box-con[class*="two"]{
	gap:10px;
	justify-content:center;
}

.c-box > .s-box > .s-box-con[class*="two"] > .s-box-rs:first-child{
	background: #FFF7F6;
	padding: 5px 16px 7px 12px;
	justify-content:space-between;
	border-left:2px solid #E10317;
}

.c-box > .s-box > .s-box-con[class*="two"] > .s-box-rs:nth-child(2){
	background: #FAFBFF;
	padding: 5px 16px 7px 12px;
	justify-content:space-between;
	border-left:2px solid #0050FF;
}

.c-box > .s-box > .s-box-con[class*="two"] > .s-box-rs{
	align-items:center;
}

.c-box > .s-box > .s-box-con[class*="two"] > .s-box-rs > span{
	color: #666;
	font-size: 18px;
	font-weight: 700;
	line-height: 15px; 
	letter-spacing: -0.5px;
} 

.c-box > .s-box > .s-box-con[class*="two"] > .s-box-rs > strong{
	font-size: 23px;
	font-weight: 700;
	line-height: 33px;
	letter-spacing: -0.1px;
}

.c-box > .s-box > .s-box-con[class*="two"] > .s-box-rs > strong > span{
	font-size: 23px;
	font-weight: 400;
	line-height: 33px;
	letter-spacing: -0.1px;
	margin-left:5px;
} 

.c-box > .s-box > .s-box-con[class*="two"]{
	gap:5px;
	justify-content:center;
}

.c-box > .s-box > .s-box-con[class*="three"] > .s-box-rs{
	border-radius: 40px;
	background: #F8F8F8;
	padding: 3px 20px 6px 20px;
	justify-content: space-between;
}

.c-box > .s-box > .s-box-con[class*="three"] > .s-box-rs > span,.c-box > .s-box > .s-box-con[class*="three"] > .s-box-rs > strong{
	color:#666;
	font-size: 14px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.5px;
}

.c-box > .s-box > .s-box-con[class*="three"] > .s-box-rs > strong > span{
	color:#666;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.5px;
	margin-left:5px;
}

.c-box > .s-box > .s-box-con[class*="three"] > .s-box-rs:first-child{
	background: #F9FBFF;
}

.c-box > .s-box > .s-box-con[class*="three"] > .s-box-rs:first-child > span, 
.c-box > .s-box > .s-box-con[class*="three"] > .s-box-rs:first-child > strong ,
.c-box > .s-box > .s-box-con[class*="three"] > .s-box-rs:first-child > strong > span{
	color:#0050FF;
}

.top-line{
	padding:10px 0 0 0;
	display:inline-block;
	margin-top:36px;
}

.top-line > span:first-child{
	color: #091152;
	font-feature-settings: 'clig' off, 'liga' off;
	font-size: 20px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.1px;
}

.top-line > span:nth-child(2){
	color: #666;
	font-size: 14px;
	font-weight: 400;	
	line-height: normal;
	letter-spacing: -0.1px;
	vertical-align:bottom;
	margin-left:16px;
}

.tabmenu{
	width:100%;
	margin-top: 26px;
	gap:26px;
}

.tabmenu .tabbtn{
	border-bottom:1px solid #0050FF;
}

input[name='chartRadio'],
input[name='searchRadio2']{
	display:none;
}

.tabmenu .tabbtn > label{
	border-radius: 10px 10px 0px 0px;
	width: 180px;
	background: #E8F0FF;
}

.tabmenu .tabbtn > input:checked + label{
	border-top:1px solid #0050ff;
	border-left: 1px solid #0050ff;
	border-right: 1px solid #0050ff;
	border-bottom: 1px solid #fff; 
	background-color:white;
}


.tabmenu .tabbtn > input + label{
	display:block;
	width: 140px;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.5px;
	color: #666;
	position:relative;
	padding: 10px 20px;
	
	cursor:pointer;
}

.tabmenu .tabbtn > input:checked + label{
	position:relative;
	margin-top:1px;
	font-weight: 700;
	color: #0050FF;
	background:white;
	border-radius: 10px 10px 0px 0px;
}

.tabmenu .tabbtn > input:checked + label::after{
	content: "";
	
	position:absolute;
	left:0;
	bottom: -2px;
	
	width:100%;
	height:1px;
	background:#fff;
}

.choice{
	width:100%;
	padding-bottom:10px;
	align-items:center;
}

.choice > input[type="radio"]{
	-webkit-appearance: none; 
 	-moz-appearance: none;
	appearance: none;
	width: 16px;
	height: 16px;
	border-radius: 10px;
	cursor:pointer;
	background: #FFF;	
	box-shadow: 0 0 0 1px #666;
}

.choice > input[type="radio"]:checked{
	box-shadow: 0 0 0 1px #000000;
	border:4px solid #fff;
	background-color:#4D3EF9;
}

.choice > label{
	font-size: 16px;
	font-weight: 700;
	line-height: normal;
	padding-left:10px;
	cursor:pointer;
}

.choice > label + input{
	margin-left:20px;
}

.total-box{gap:10px; width:100%;}

.total-box > .top-list{
	width:230px;
	height:538px;
	padding:30px 20px;
	border-radius:20px;
	background: #F9FBFF;
}

.total-box > .top-list > span{
	color: #0050FF;
	font-size: 16px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.64px;
}

.total-box > .top-list > .top-list-box{
	margin-top: 20px;
	gap:5px;
	
}

.total-box > .top-list > .top-list-box > .list-tx-box{
	width:190px;
	height:17px;
	padding:10px 20px;
	border-radius:40px;
	background-color:#fff;
	justify-content:space-between;
}

.total-box > .top-list > .top-list-box > .list-tx-box > .list-left{
	align-items:center;
}

.total-box > .top-list > .top-list-box > .list-tx-box > .list-left > span:first-child{
	width:24px;
	display:block;
	color: #000;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.56px;
}

.total-box > .top-list > .top-list-box > .list-tx-box > .list-left > span:nth-child(2){
	color: #000;
	font-size: 14px;
	font-weight: 600;
	line-height: normal;
	letter-spacing: -0.56px;
}

.total-box > .top-list > .top-list-box > .list-tx-box > .list-right{
	gap:5px;
	align-items:center;
}

.total-box > .top-list > .top-list-box > .list-tx-box > .list-right > img{
	width:11px;
}

.total-box > .top-list > .top-list-box > .list-tx-box > .list-right > span{
	display:block;
	width:60px;
	text-align: right;
	color: #000;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.28px;
}

.data-chart-box{
	width:1060px;
	min-height:538px;
	padding:30px;
	border-radius:20px;
	background: #F8F8F8;
}

.data-chart-box > .chartHeaderList{
	width:100%;
	gap:20px;	
	grid-template-columns: repeat(3, 1fr);
}

.data-chart-box > .chartHeaderList.fr3{
	grid-template-columns: repeat(3, 1fr);
}

.data-chart-box > .chartHeaderList.fr4{
	grid-template-columns: repeat(4, 1fr);
}

.data-chart-box > .chartHeaderList.fr5{
	grid-template-columns: repeat(5, 1fr);
}

.data-chart-box > .chartHeaderList > .chartHeaderItem{
	position:relative;	
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding: 0 20px 0 24px;
	
	background-color:#ffffff;
	border-radius:12px;
	
	height:90px;
}

.data-chart-box > .chartHeaderList > .chartHeaderItem::before{
	content: "";
	position:absolute;
	left:0%;
	top:50%;
	transform: translateY(-50%);
	background-color: #dfdfdf;
	border-radius:8px;
	width:8px;
	height:34px;
}

.data-chart-box > .chartHeaderList > .chartHeaderItem > .item-left > strong,
.data-chart-box > .chartHeaderList > .chartHeaderItem > .item-right > p{
	line-height:26px;
	color:#333;
	font-size:16px;
	white-space:nowrap;
}

.data-chart-box > .chartHeaderList > .chartHeaderItem > .item-right > p{
	display:flex;
	flex-direction:column;
}

.data-chart-box > .chartHeaderList > .chartHeaderItem > .item-right > p > span{
	font-size:14px;
	color:#666;
}

.data-chart-box > .chartHeaderList > .chartHeaderItem > .item-right{
	display: flex;
    align-items: center;
	text-align:right;
}

.data-chart-box > .chartHeaderList > .chartHeaderItem.hi01::before{background: linear-gradient(to top, #3892E5, #A7D5FF);}
.data-chart-box > .chartHeaderList > .chartHeaderItem.hi02::before{background: linear-gradient(to top, #FF4165, #FF8DA3);}
.data-chart-box > .chartHeaderList > .chartHeaderItem.hi03::before{background: linear-gradient(to top, #8E68F9, #B998FF);}
.data-chart-box > .chartHeaderList > .chartHeaderItem.hi04::before{background: linear-gradient(to top, #FF98EF, #8E68F9);}
.data-chart-box > .chartHeaderList > .chartHeaderItem.hi05::before{background: linear-gradient(to top, #F96893, #FF98EF);}
.data-chart-box > .chartHeaderList > .chartHeaderItem.hi06::before{background: linear-gradient(to top, #FF8933, #FF4165);}
.data-chart-box > .chartHeaderList > .chartHeaderItem.hi07::before{background: #E10317;}

.data-chart-box > .chart-box{
	flex:1;
}

.chart-header{
	width:100%;
	justify-content:flex-end;
}

.chart-header > span{
	color: #666;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.5px;
	position:relative;
	display:block;
	padding-left:15px;
}

.chart-header > span::after{
	content:"•";
	position:absolute;
	color:#666;
	top:-1px;
	left:3px;
}

.data-chart-box > .chart-box > .chart-body{
	background-color: #f8f8f8;
	padding:28px 0px 20px;
	border-radius: 16px;
	
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap:20px;
}

.data-chart-box > .chart-box > .chart-body.white{
	background-color:#fff;
}

div.t-con:has(table.custom_table){
	margin-top:36px;
}

.fhlg_stat_home,
.fhlg_stat_arrow{
	display:block;
	min-width:30px;
	width:30px;
	height:30px;
}

.fhlg_stat_home{
	background: url(../../../images/fhlg_Home.png);
}

.fhlg_stat_arrow{
	background: url(../../../images/fhlg_HighArrow.png);
}

#legend-container{
	max-width:90%;
	display:flex;
	justify-content: center;
	margin:0 auto;
}

.chartContTable{
	overflow-x: auto;
}

.chartContTable table{
	border-top:2px solid #0055AC;
	color: #020C22;
}

.chartContTable table th{
	min-width:100px;
	border-top:0px !important;
}

.indemark::before{
	content: "";
	display:inline-block;
	margin-right:10px;
}

.chartHeaderItem .indemark::before{
	width:14px;
	height:14px;
}

table .indemark::before{
	width:10px;
	height:9px;
}

.indemark.in::before{
	background: url(../../../images/indemark_in.svg) no-repeat center / cover;
}
.indemark.de::before{
	background: url(../../../images/indemark_de.svg) no-repeat center / cover;
}

table td.bold{
	font-weight:700;
}

#topRankList .indemark::before{
	width:10px;
	height:10px;
	margin-right:0px;
}

.gisChart{
	margin-top:10px;
	gap:10px;
}

.gisChart > .s-box{
	width:100%;
	height:fit-content;
	box-sizing:border-box;
	padding: 16px 10px;
	gap:10px;
}

.gisChart > .s-box > .s-box-con[class*="one"] > .s-box-rs > .s-box-rs-in > span:nth-child(2){
	font-size:20px;
}

.gisChart > .s-box > .s-box-con[class*="two"] > .s-box-rs > strong,
.gisChart > .s-box > .s-box-con[class*="two"] > .s-box-rs > strong > span{
	font-size:16px;
}

.gisChart > .s-box > .s-box-con[class*="two"] > .s-box-rs > span,
.gisChart > .s-box > .s-boxtx > span:first-child{
	font-size:14px;
}

.gisChart > .s-box > .s-box-con[class*="one"] > .s-box-rs > .s-box-rs-in > span:first-child,
.gisChart > .s-box > .s-boxbr > span{
	font-size:12px;
}

.enfinst_select_wrap{
	width:280px;
	display:inline-block;
}

.enfinst_select_wrap > input,
.enfinst_select_wrap > a{
	height:40px !important;
	box-sizing:border-box;
	border-radius:3px;
}

.enfinst_select_wrap > input{
	width:200px;
}

.enfinst_select_wrap > a{
	padding: 12px 20px;
}

@media screen and (max-width:1400px){	
	/*어촌빈집*/
	.search-tab {flex-direction: column; width:100%; margin-bottom:20px;}
	.search-tab > label { padding: 10px 20px; }
	
	.search-wrap:has(.search-filter-list) { display:flex; flex-direction:column; }
	.search-wrap > .search-filter-list {width:100%;} 
	.search-wrap > .search-filter-list > .flex-wrap:not(.road_search_btn_wrap) {flex-direction:column;}
	.search-wrap > .search-filter-list > .flex-wrap .search-filter-item {display:flex; gap:10px; align-items:center;}
	.search-wrap > .search-filter-list > .flex-wrap .search-filter-item select,
	.search-wrap > .search-filter-list > .flex-wrap .search-filter-item input {width:100%;}
	.search-wrap > .search-filter-list > div > .search-filter-item > label { min-width:50px; font-size:12px; }
	
	.enfinst_select_wrap {display:flex; flex-direction:column; gap:10px; width:100%;}
	.enfinst_select_wrap #enfinst_nm { width:100%; }
	.enfinst_select_wrap .btn_input_side { margin-left:0; max-width:80px; }
	
	.road_search_btn_wrap {margin-top:30px; flex-direction: column-reverse; gap:10px;}
	.road_search_btn_wrap input {max-width:100%;}
	.road_search_btn_wrap .custom_btn.gray {margin-left:0;}
	
	.final_search {width:100%; justify-content: flex-end; flex-direction:row !important;}
	
	/*어촌빈집 다중검색*/
	#multiSearchCont .search_cont > .head { flex-direction: column; align-items:flex-start; }
	#multiSearchCont .search_cont > .head > .flex-wrap {width:100%; align-items:center; justify-content:space-between; margin-left: 0;}
	
	/* 어촌빈집정보 등록 */
	#process { flex-direction: column;}
	#process #master_year {width:100% !important;}
	
	.step2_con .board_result_cnt { margin-top: 0; }
	
	/*어촌빈집통계*/
	#mainTab {flex-direction:column;}
	#mainTab div {width:100%; box-sizing: border-box; height:auto !important;}
	.total-box {overflow-x : auto;}
	
}

@media screen and (max-width:1200px){
	#sub_container:has(.dtl_table), #sub_container:has(#process) { padding: 0.75em; } 
	#sub_container .wrap { margin-bottom: 20px !important; }
	
	/*상세*/
	#dtlContents {padding: 10px;}
	
	.custom_table .scroll_form { overflow-x: auto !important; -webkit-overflow-scrolling: touch; padding-bottom: 10px; }	
	
	/*스크롤 테이블*/
	.scroll_dtl {overflow-x: auto !important; -webkit-overflow-scrolling: touch; padding-bottom: 10px; }
	.scroll_dtl table {min-width:1000px;}
	
	/*다중검색 결과후*/
	#slide_toggle_icon {margin-left:0 !important;}	
	
	/*제출데이터관리*/
	.manageInfoTable {height: auto !important; padding-bottom:10px;}
}

@media screen and (max-width: 768px){
	.road_search_btn_wrap .custom_btn.gray {margin-left:0; width: 100%;}
	.final_search { justify-content: center; }
	
	#multiSearchFilter, #multiSearchSelect {flex-direction:column;}
	#multiSearchCont .search_cont > .head > .flex-wrap {width:100%; flex-direction:column; align-items:flex-start;}
	
	/* 다중검색 결과 */
	#selectDtl ul { margin-top: 0; }
	
	/* 상세 */
	h2.custom_tit { font-size: 24px;}
}

@media screen and (max-width: 600px){
	#step{flex-direction:column;}
	#step .step_btn  {display:block; width:100%;}
	#process .shadow-wrap .flex-wrap {flex-direction: column;}
	
	/*어촌빈집통계*/
	.s-box-con {flex-direction:column;}
	.s-box-con.two .s-box-rs { flex-direction:column; gap:5px; padding: 20px 10px !important;}
	
	.s-box > .s-boxtx {flex-direction:column;}	
	
	#chartTitle {display:flex; flex-direction: column;}
	#chartTitle > span:nth-child(2) { margin-left: 0 !important;}
	
}