@charset "UTF-8";
/* ctzn - global.css */

/* 태블릿 */
@media (max-width: 1280px) {
  html {font-size: 57.5%;}
}

/* 모바일 */
@media (max-width: 768px) {
	html {font-size: 50%;}
}

@font-face {
    font-family: 'GyeonggiMillenniumTitle';
    src: url('/assets/bnz/common/resources/font/gyeonggi/Title_Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'GyeonggiMillenniumTitle';
    src: url('/assets/bnz/common/resources/font/gyeonggi/Title_Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'GyeonggiMillenniumTitle';
    src: url('/assets/bnz/common/resources/font/gyeonggi/Title_Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'GyeonggiMillenniumTitle';
    src: url('/assets/bnz/common/resources/font/gyeonggi/TitleV.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'DS-Digital';
    src: url('/assets/bnz/common/resources/font/digital/DS-DIGIB.TTF') format('truetype');
    font-weight: 500;
    font-display: swap;
}


.strongFont {font-family: 'GyeonggiMillenniumTitle';}

/* layout */
body:has(#header.sitemap) {overflow :hidden;}
#header:has(.topmenu.ctzn) .formbox {border-bottom: 1px solid var(--U-gray-color);}

#header .topmenu.ctzn {z-index: 10;width: 100%;}
#header .topmenu.ctzn #menuList>ul>li {width: 25%;}
#header .topmenu #menuList>ul>li>a {line-height: unset;font-size: 2.4rem;padding: 1.5rem 0;font-weight: 500;color: var(--U-black-color2);  font-family: 'GyeonggiMillenniumTitle';}
#header:has(.topmenu.ctzn) .submenubg {top: 13.4rem;box-shadow: 0px 3px 6px var(--shadow-color1);}
#header:has(.topmenu.ctzn) .submenubg:before {content: '';width: 100%;height: 5.4rem;box-shadow: 0px 3px 6px var(--shadow-color1);position: absolute;left: 0;top: -5.4rem;}
#header .topmenu.ctzn #menuList ul.menu-depth1>li>a, #header .topmenu.ctzn #menuList ul.menu-depth2 {color: var(--U-black-color);}


.modal .modal_header .btnClose {box-shadow: inset 0px 3px 6px #00000029, 0px 3px 6px #00000029;border: 1px solid #D4D4D4;border-radius: 50%;background-position: center;}
.modal .modal_header:has(.title), .modal .modal_header:has(h4) {border-bottom : 0;}
.modal .modal_content {border-radius : 4.4rem;}

.board_wrap table {border-color :var(--lightgray-color);}
.board_wrap table th, .board_wrap table td {border-left : 1px solid var(--lightgray-color);}
.board_wrap table tr th:last-child,.board_wrap table tr td:last-child {border-right : 1px solid var(--lightgray-color);}

.tab_wrap.typeC .cate_tab li a {background-color : #fff;}

@media (max-width: 1280px) {
	#header .topmenu.ctzn #menuList > ul > li {width : 100%;}
}


/******************************* 
*--- 가로수 탐사 (.sttree)
*******************************/
#content.sttree {
	padding-top : 17rem;
	color : var(--U-black-color2);
}

/*--------- 가로수 탐사 공동체 (.sttreeCmntyChc)----------*/
#content.sttreeCmntyChc {
	background-image : url("/assets/bnz/common/images/tl/tree/sttreeCmntyChc_bg.jpg");
	background-size : cover;
	background-position : center;
	background-repeat : no-repeat;
	height : calc(100vh - 0rem);
	padding-top : 12rem;
}

.sttreeCmntyChc + #footer {
	margin-top : 0;
}

.sttreeCmntyChc .sttree_mvmlist_wrap {
	width : 100%;
	height : 100%;
	position : relative;
}

.sttreeCmntyChc .sttree_mvmlist {
	max-width : 90rem;
	height : 100%;
	background: rgba(255,255,255,0.6);
	box-shadow: 0px 3px 6px var(--shadow-color1);
	border: 1px solid #FFFFFF;
	border-radius: 6rem;
	backdrop-filter: blur(3rem);
	-webkit-backdrop-filter: blur(3rem);
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;	
    text-align : center;
    padding: 3% 8% 5% 8%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2.5% 0;    
}

.sttreeCmntyChc .sttree_mvmlist h1 {
	font-size : 3.4rem;
	font-weight : 600;
}

.sttreeCmntyChc .sttree_mvmlist h1 + p {
	font-size : 1.8rem;
	margin-top : 1.5rem;
}

.sttreeCmntyChc .sttree_mvmlist .mvmlist {
	flex : 1;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.sttreeCmntyChc .sttree_mvmlist .mvmlist:has(.btnStrong) {
	gap: 2rem 0;
}

.sttreeCmntyChc .sttree_mvmlist .mvmlist li {
	flex : 1;
	padding: 4%;
	display : flex;
	flex-direction: column;
    justify-content: center;
    gap: 5% 0;
}

.sttreeCmntyChc .sttree_mvmlist .mvmlist li + li {
	border-top: 1px solid var(--gray-color);	
}

.sttreeCmntyChc .sttree_mvmlist .btn_wrap {
	margin : 0 auto;
	width : 100%;
	padding : 0 1rem;
}


.sttreeCmntyChc .sttree_mvmlist .btn_wrap p {
	font-size : 1.4rem;
	margin-bottom : 0.5rem;
}

.sttreeCmntyChc .tg_button button {
	width: 100%;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--A-black-color);
    color: var(--U-gray-color);
    font-size: 1.6rem;
    font-weight: 400;
    position : relative;
    border: 0.2rem solid var(--A-black-color);
}

.sttreeCmntyChc .tg_button button:after {
	content : '';
	display : inline-block;	
	width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    right : 0px;
    border-radius: 10rem;
    background:#01FFD9;
    z-index: 1;
    transition : 0.4s;
}

.sttreeCmntyChc .tg_button button.btnOn:after {transform: translate(-100%, 0);}

.sttreeCmntyChc .tg_button button.btnOff .off {color : var(--A-black-color);}
.sttreeCmntyChc .tg_button button.btnOn .on {color : var(--A-black-color);}

.sttreeCmntyChc .tg_button button span {
	width: 50%;
    height: 100%;
    z-index: 2;
    line-height: 3.7rem;
}

.sttreeCmntyChc .modal_body {
	text-align : center;
	padding: 4rem 0 5rem 0;
    font-size: 1.8rem;
}

.sttreeCmntyChc .modal {
	display : none;
}

#installIOSDiv .modal_body p {
	display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

#installIOSDiv .modal_body p:has(img) {
	margin-bottom : 1rem;
}

#installIOSDiv .modal_body p img {
	max-width : 5rem;
}

/*--------- 가로수 탐사 지도(목록) (.sttreeList)----------*/
.sttree .sttreeMap .title_area {
	margin-bottom : 5rem;
	align-items : center;
}

.sttreeList .brd_search_wrap {
	background-color: var(--U-lightgray-color);
}

.sttreeList .brd_search_wrap .txt_label {
	font-size : 0;
}

.sttreeList .sttreeMap .title_area .btn_wrap{
	padding : 1rem 0;
}

.sttreeList .sttreeMap .btnStrong {
	min-width : 19rem;
}

.sttree .sttreeMap .map_area {
	width : 100%; 
	height : 60rem;
	position : relative;
	margin : 3rem 0 9rem 0;
}

.sttree .map_area >div:has(.button_summary) {
	position : absolute;
	left : 1.5rem;
	top : 1.5rem;
	z-index : 1;
}

.sttree .button_summary {
	display: flex;
	gap : 1.2rem;
}

.sttree .button_summary li {
	background: rgba(255,255,255,0.6);
	box-shadow: inset 0px 3px 6px #FFFFFF29, 0px 3px 6px var(--shadow-color1);
	border: 0.2rem solid #FFFFFF;
	border-radius: 2rem;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	font-size : 1.4rem;
	text-align : center;
	padding : 1.5rem 1rem 0 1rem;
	min-width : 18rem;
}

.sttree .button_summary li a > span,
.sttree .button_summary li strong{
	font-weight:600;
	color:var(--main-color1);
	line-height : 1;
}

.sttree .button_summary li:has(.tooltip_desc.active) {
	z-index : 1;
}

.sttree .map_legend_btn {
	box-shadow :unset;
	padding : 0;
	position : absolute;
	right : 1.5rem;
	bottom : 1.5rem;
	z-index : 1;
}

.sttree .map_legend_btn a {
	color: var(--A-black-color);
    padding: 0 1rem 0 5.8rem;
	position : relative;
}

.sttree .map_legend_btn a:before {
    content: '';
    display: inline-block;
    width: 5rem;
    height: 5rem;
    background-image: url("/assets/bnz/common/images/tl/tree/tree_10.png");
    background-position : center;
    background-size : 130%;
    background-repeat : no-repeat;
    position: absolute;
    left: 0.5rem;
    bottom: 0;
}


.sttree .tree_vl {
	display : flex;
	justify-content: center;
    gap: 0 1rem;
    margin-top : 0.5rem;
}

.sttree .tree_vl .tooltip_area {
	padding-bottom : 1.5rem;
}

.sttree .tree_vl .tooltip_desc {
    left: 50%;
    width: 175%;
    top: calc(100% - 0.5rem);
    padding : 1.5rem;
    border-radius: 2rem;
    border: 1px solid var(--gray-color);
}

.sttree .tree_vl .tooltip_desc.active {
	display: block;
}

.sttree .tree_vl .tooltip_desc > div {
	padding: 2rem 0rem 2rem 6rem;
    position: relative;
    display : inline-block;
}

.sttree .tree_vl .tooltip_desc > div:before {
    content: '';
    display: inline-block;
    width: 5.5rem;
    height: 5.5rem;
    background-image : url("/assets/bnz/common/images/ctzn/sttree_tooltip_img.png");
	background-size: 90%;
    background-repeat: no-repeat;
    background-position: left;
    position: absolute;
    left: 0;
    top: calc(50% - 2.75rem);
}

.sttree .map_area #maps {
	width : 100%;
	height : 100%;
}


.sttree .sttreeBrdList .title_area {
	border-bottom: 1px solid var(--gray-color);
	padding-bottom: 1rem;
}

.sttreeBrdList .cert_board_list>ul {
	display: flex;
	flex-wrap: wrap;
	gap: 5rem 2rem;
	padding: 2rem 0;
}

.sttreeBrdList .cert_board_list>ul li {
	width: calc(100%/ 5 - 8rem/ 5);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	cursor: pointer;
}

.sttreeBrdList .cert_board_list>ul li:has(p.nodata){
	flex : 1;
}

.sttreeBrdList .cert_board_list>ul li .thumb_area .thumb {
	height: 30rem;
	border-radius : 2rem;
}

.sttreeBrdList .cert_board_list>ul li .thumb_area .thumb img {
	width: auto;
	height: 100%;
	max-width: unset;
}

.sttreeBrdList .cert_board_list>ul li .txt_area {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between; 
}

.sttreeBrdList .cert_board_list>ul li .txt_area .subject {
	margin: 1rem 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.sttreeBrdList .cert_board_list>ul li .txt_area span {
	color: var(--gray-color);
	font-size : 1.4rem;
	display : block;
}

.sttreeBrdList .cert_board_list>ul li .txt_area .date {
	margin-top : 0.5rem;
}

.sttreeBrdList .cert_board_list > .btn_wrap {
	margin-top : 2.5rem;
}

.sttreeBrdList .cert_board_list > .btn_wrap .btnStrong {
	min-width : 16rem;
} 

.sttree_brd_modal .modal_body table th, 
.sttree_brd_modal .modal_body table td {font-size: 1.4rem;}

.sttree_brd_modal .boardView, .actvcert_view_modal .basic_wrap {
	padding: 0 5rem;
}

.sttree_brd_modal .boardView .ty_block > tbody > tr > td.detail {
	border-bottom : 0;
}

.sttree_brd_modal table td.detail .view_swiper:not(:has(.swiper-slide)) {
	display : none;
}

.sttree_brd_modal table td.detail .view_swiper .thumb {
	height: 30rem;
}

.sttree_brd_modal table td.detail .view_swiper .swiper-container {
	overflow: hidden;
}

.sttree_brd_modal table td.detail .view_swiper .swiper-arrow {
	position: absolute;
	top: 50%;
	transform: translate(0%, -50%);
}

.sttree_brd_modal table td.detail .view_swiper .swiper-prev {
	left: -5rem;
}

.sttree_brd_modal table td.detail .view_swiper .swiper-next {
	right: -5rem;
}

.sttree_brd_modal table td.detail .view_swiper .swiper-container:not(:has(.swiper-slide)) + .more {
	display : none;
}

.sttree_brd_modal table td.detail .view_swiper:not(.displaynone) + .view_contents {
	padding-top: 1rem;
}

.sttree_brd_modal table td.detail .view_contents .table_wrap {
	padding-top : 2rem; 
}

.sttree_legend_modal .tree_legend {
	display : flex;
	text-align : center;
	flex-wrap: wrap;
	gap: 2rem 0;
	font-size: 1.4rem;
    font-weight: 500;
}

.sttree_legend_modal .tree_legend li {
	width : calc(100% / 4);
}

.sttree_legend_modal .tree_legend li .tree_img {
	max-width : 70%;
	margin : 0 auto;
} 

.sttree_legend_modal .map_desc {
	max-width: 90%;
    margin: 2.5rem auto 0 auto;
}

.sttree_legend_modal .map_desc .flex_box > div {
	width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 0;
    gap: 1rem 2rem;
	font-size: 1.4rem;
}

.sttree_legend_modal .map_desc .flex_box > div span{
	display : inline-block;
	border : 0.1rem solid #fff;
	border-radius : 10rem;
	box-shadow: 0px 3px 6px var(--shadow-color1);
	flex-shrink: 0;
}

.sttree_legend_modal .map_desc .flex_box > div:first-child span {
	background-color : var(--blue-color);width : 2rem; height : 2rem;
}
.sttree_legend_modal .map_desc .flex_box > div:last-child span {
	background-color : rgba(0, 110, 255, 0.2); width : 5rem; height : 5rem;
}

.sttreeRgist .sttreeMap .map_area {
	margin-bottom : 4.5rem;
}

.sttreeRgist .sttreeMap .map_area .map_pstn {
	position : absolute;
	left : 2.5rem;
	top : 2.5rem;
	width : calc(100% - 5rem);
	display : none;
} 

.sttreeRgist .sttreeMap .map_area.active .map_pstn {
	display : flex;
	z-index : 1;
}

.sttreeRgist .sttreeMap .map_area .map_fd {
	background: rgba(255,255,255,0.6);
	box-shadow: inset 0px 3px 6px #FFFFFF29, 0px 3px 6px var(--shadow-color1);
	border: 0.2rem solid #FFFFFF;
	border-radius: 3.4rem;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	padding : 1.2rem 2.8rem;
	gap : 1rem 2.5rem;
}

.sttreeRgist .sttreeMap .map_area .map_tooltip {
	position: absolute;
    left: 50%;
    top: 28%;
    transform: translate(-50%, -50%);
    text-align: center;
    display : none;
}

.sttreeRgist .sttreeMap .map_area.active .map_tooltip {
	display : block;
	z-index : 1;
}

.sttreeRgist .sttreeMap .map_area .map_tt_list {
	border : 1px solid var(--gray-color);
	border-radius : 2rem;
	background-color : var(--lightgray-color);
	text-align: left;
    box-sizing: border-box;
    padding: 4rem 2rem;
    position : relative;
	margin-bottom: 1rem;
	box-shadow: 0px 3px 6px var(--shadow-color1);
}

.sttreeRgist .sttreeMap .map_area .map_tt_close {
	width: 2rem;
    height: 2rem;
    display: inline-block;
    font-size: 0;
    background-image: url(/assets/bnz/common/images/common/close_icon_black.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 2rem;
    top: 1.5rem;
}

.sttreeRgist .sttreeMap .map_area .map_tt_list ul li {
	display: flex;
    align-items: baseline;
    gap: 0 0.5rem;
    font-size : 1.4rem;
}

.sttreeRgist .sttreeMap .map_area .map_tt_list ul li:before  {
	content : '●';
	font-size : 1.2rem;
	flex-shrink: 0;
}

.sttreeRgist .sttreeMap .map_area .map_tt_marker span {
    display: inline-block;
    max-width: 8rem;
}

/* .sttreeRgist .sttreeMap .map_area .map_tt_marker { */
/* 	width : 6rem; */
/* 	height : 6rem; */
/* 	background-color : #fff; */
/* 	border-radius : 30rem; */
/* 	display: flex; */
/*     align-items: center; */
/*     justify-content: center;	 */
/*     position : relative; */
/*     margin : 0 auto; */
/*     cursor : pointer; */
/* } */

/* .sttreeRgist .sttreeMap .map_area .map_tt_marker span { */
/*     width: calc(100% - 0.4rem); */
/*     height: calc(100% - 0.4rem); */
/*     border: 0.4rem solid #0057C9; */
/*     display: block; */
/*     border-radius: 30rem; */
/* } */

/* .sttreeRgist .sttreeMap .map_area .map_tt_marker:after { */
/*     content: ''; */
/*     display: inline-block; */
/*     width: 1.5rem; */
/*     height: 1.5rem; */
/*     transform: matrix(-1, 0, 0, -1.2, 0, 0) rotate(45deg); */
/*     background: #0057C9 0% 0% no-repeat padding-box; */
/*     box-shadow: 0px 3px 6px #00000029; */
/*     border: 0.1rem solid #FFFFFF; */
/*     opacity: 0.9; */
/*     position: absolute; */
/*     bottom: -0.6rem; */
/*     z-index: -1; */
/* } */


.sttreeRgist .map_area .modal {
	position : absolute;
	z-index: 9;
	background-color: rgba(0, 0, 0, 0.3);
}

.sttreeRgist .map_area .modal .modal_content {
	min-width : unset;
} 

.sttreeRgist .sttree_table table{
	margin-top : 1rem;
}

.sttreeRgist .sttree_table table th {
	position : relative;
}

.sttreeRgist .sttree_table .tooltip_area {
	position: absolute;
    top: 50%;
    right: 5%;
    transform: translate(0, -50%);
    z-index : 9;
    padding : 1rem;
    font-size : 0;
}

.sttreeRgist .sttree_table .tooltip_desc {
	min-width: 30rem;
    z-index: 10;
    bottom: 1rem;
    right: 0;
    transform: translate(100%, 0);
    font-size: 1.4rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.sttreeRgist .sttree_table .tooltip_desc.active {
	display: block;
}

.sttreeRgist .sttree_table table th.required:after {
	content : '*';
	color: var(--red-color);	
}

.sttreeRgist .sttree_table table td {
	padding: 0.8rem 3rem;
}

.sttreeRgist .sttree_table td .stts {
	font-size: 1.2rem;
    display: block;
    text-align: left;
    padding-top: 0.5rem;
    color : var(--blue-color);
}

.sttreeRgist .sttree_table td .stts.red {
	color : var(--red-color);
}

.sttreeRgist .sttree_table table td .file_form_wrap .fileLists {
	margin : 0;
}

.sttreeRgist .sttree_table .btn_wrap > a {
	min-width : 18rem;
}

.sttree_address_modal {
	font-size : 1.4rem;
}

.sttree_address_modal .address_sch .flex_box button {
	min-width : 14rem;
}

.sttree_address_modal .address_sch ul {
	margin-top : 1.5rem;
}

.sttree_address_modal .address_sch ul li:before {
	content : '-';
	margin-right : 0.5rem;
}

.sttree_address_modal .address_sch_result {
	margin-top : 2.5rem;
}

.sttree_address_modal .address_sch_result > div + div {
	margin-top : 2rem;
}

.sttree_address_modal .address_sch_result ul {
	background: var(--lightgray-color);
    margin-top: 0.5rem;
    max-height: 15rem;
    overflow-y: auto;
}

.sttree_address_modal .address_sch_result ul:has(li) {
	padding: 1rem;
}

.sttree_address_modal .address_sch_result li {
	color : var(--gray-color);
	padding: 0.5rem;
	cursor : pointer;
}

.sttree_address_modal .address_sch_result li + li {
	border-top: 1px solid var(--shadow-color1);
}

.sttree_treeRegist_modal .modal_body .flex_box {
	gap : 1rem 3%;	
	color: var(--U-black-color2);
	flex-direction: column;
	text-align : center;
}

.sttree_treeRegist_modal .modal_body .flex_box .img{
	max-width: 13rem;
}

.sttree_treeRegist_modal .modal_body .flex_box .desc {
	font-size : 1.4rem;
	margin-bottom: 2rem;
}

.sttree_treeRegist_modal .modal_body .flex_box .desc > p {
	font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.sttree_treeRegist_modal .modal_body .flex_box .strongFont {
	font-size : 1.8rem;
	font-weight: 500;
} 


/* 가로수 탐사 등록 */
.alert_map_loca {
	width: 90%;
	position: absolute;
	text-align: center;
	bottom: 20%;
	left: 50%;
	transform: translateX(-50%);
	padding: 20px;
	backdrop-filter: blur(2px);
	background: rgba(255, 255, 255, 0.9);
	border-radius: 4px;
	box-shadow: 2px 2px 3px #ccc;
	z-index: 10;
}

.alert_map_loca i {
	margin-right: 4px;
	vertical-align: middle;
}

.alert_map_loca .btn_close {
	display: inline-block;
	float: right;
}

@media ( max-width : 1280px) {
	#content.sttree {padding-top : 9rem; padding-bottom : 15rem;}
	
	.sttreeCmntyChc .sttree_mvmlist {max-width : calc(100% - 4rem); border-radius : 2rem; padding : 5% 1%;}
	
	.sttree .sttreeMap .title_area {flex-direction: row; margin-bottom: 2rem;}
	.sttreeBrdList .cert_board_list>ul li {width: calc(100%/ 3 - 4rem/ 3);}
	
	.sttreeRgist .sttreeMap .map_area .map_pstn {top : 1rem; left : 1rem; width : calc(100% - 2rem); align-items: baseline;}
	.sttreeRgist .sttreeMap .map_area .map_fd {flex-direction: column;border-radius: 1.8rem; padding : 1.2rem;}
	.sttreeRgist .sttreeMap .map_area .map_tooltip {width : 80%;}
	.sttreeRgist .sttree_table .tooltip_area {right : 0;}
	.sttreeRgist .sttree_table .tooltip_desc {bottom : 0rem; min-width: 24rem;}
	
	.sttree_address_modal .address_sch_result ul {max-height : 12rem;}
}

@media ( max-width : 768px) {
	
	.sttree .sttreeMap .title_area {flex-direction: column; align-items: start;} 
	.sttree .sttreeMap .map_area {height : 75rem;}
	.sttree .map_area >div:has(.button_summary) {width: calc(100% - 3rem);top: 1rem;left: 1rem;}
	.sttree .button_summary {flex-direction: column; gap : 0.5rem;}
	.sttree .button_summary li {min-width : unset;max-width: calc(100% / 2);padding: 0.5rem 0 0 0rem;border-radius: 1rem;}
	.sttree .map_area:has(.map_btn) .map_btn {bottom : 1.5rem; top : unset;}
	.sttree .tree_vl .tooltip_area {padding-bottom : 0.5rem}
	.sttree .tree_vl .tooltip_desc {left : 1rem; top: calc(100% - 0rem);}
	
	.sttreeBrdList .cert_board_list>ul {gap: 2rem 1rem;}
	.sttreeBrdList .cert_board_list>ul li {width: calc(100%/ 2 - 1rem/ 2);}
	.sttreeBrdList .cert_board_list>ul li .thumb_area .thumb {height: 25rem;}
	.sttreeBrdList .cert_board_list>ul li .txt_area .subject {margin: 1rem;}
	.sttreeBrdList .cert_board_list>ul li .txt_area > div {padding : 0 1rem;}
	.sttreeBrdList .cert_board_list > .btn_wrap .btnStrong {width : 100%;}
	
	.sttreeRgist .sttreeMap .map_area .map_pstn {flex-direction: column; gap: 1rem 0;}
	.sttreeRgist .map_area .modal .modal_content {width : 90%;}
	.sttreeRgist .sttree_table table th:has(.tooltip_area) {padding-top : 3.5rem;}
	.sttreeRgist .sttree_table table .tooltip_area:has(.tooltip_desc.active) {z-index : 10;}
	.sttreeRgist .sttree_table table td {padding: 0.8rem 0.5rem;}
	.sttreeRgist .sttree_table .tooltip_area {transform: translate(-50%, 0);top: 1rem;left: 50%;padding: 0;}
/* 	.sttreeRgist .sttree_table .tooltip_desc {left: 0;bottom: unset;top: 2.5rem;transform: unset;} */
	
	.sttree_treeRegist_modal .modal_body .flex_box .desc {margin-bottom : 0;}

}


/* 수정 후 */
/******************************* 
*--- pwa
*******************************/
/*--------- 가로수 --------*/
.pwaSttree#content {padding-bottom : 0;}
.pwaSttree#content:not(.sttreeCtznView) {padding-top: 8rem;}
#header:not(:has(.topmenu)) + .pwaSttree#content {padding-top : 8rem;}

.pwaSttree + #footer {display : none;}
.pwaSttree .board_wrap [class*='btn'].sizeL {
	box-shadow : unset;
}

.pwaSttree .map_wrap {
	position : relative;
	overflow : hidden;
}


.pwaSttree .map_wrap #maps {
	width : 100%;
	height : 100%;
}

.pwaSttree .map_wrap .map_btn {
    position: absolute;
    left: 2rem;
    bottom: 2rem;
    z-index: 1;
    padding: 0;
    box-shadow: unset;
}

.pwaSttree .map_wrap .map_btn ul {
    display: flex;
    align-items: end;
    gap: 0 0.8rem;
}

.pwaSttree .map_wrap .map_option_wrap {
    bottom: 6rem;
    left: 2rem;
}

.pwaSttree .map_search {
    background: #FFF;
    box-shadow: 0px 3px 6px var(--shadow-color1);
    border: 1px solid #E4E4E4;
    border-radius: 10rem;
    position: absolute;
    top: 1.5rem;
    left: 50%;
    transform: translate(-50%, 0);
    height: 5.6rem;
    max-width: 70rem;
    width: 100%;
    overflow: hidden;
}

.pwaSttree .map_search input[type="text"] {
    border: 0;
    height: 100%;
    padding: 0 10rem 0 2rem;	
}

.pwaSttree .map_search .btn_wrap {
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translate(0, -50%);
    height: 100%;
}

.pwaSttree .map_search .btn_wrap button {
    width: 3rem;
    height: 3rem;
    background-repeat: no-repeat;
    font-size: 0;
}

.pwaSttree .map_search .btn_wrap .sch_button {
	background-image: url(/assets/bnz/common/images/common/pwa_sttree_search.svg); 
	background-size: 55%; 
	background-position: center;
}
.pwaSttree .map_search .btn_wrap .lc_button {
	background-image: url(/assets/bnz/common/images/icons/ico_map_marker.svg); 
	background-size: 52%;
	background-position: center;	
}

.pwaSttree .map_select_wrap {
    position: absolute;
    left: 2rem;
    top: 2rem;
    display : flex;	
    gap : 0 1.5rem;
}

.pwaSttree .map_select {
    background: rgba(255, 255, 255, 0.6);
    box-shadow: inset 0px 3px 6px #FFFFFF29, 0px 3px 6px var(--shadow-color1);
    border: 0.2rem solid #FFFFFF;
    border-radius: 2rem;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    max-width: 20rem;
    padding: 1.5rem;
    font-size: 1.4rem;
}

.pwaSttree .map_select.ty_mvm {
	max-width: 38rem;
}

.pwaSttree .map_select h4 {
	margin-bottom : 0.5rem;
	font-weight : 500;
}

.pwaSttree .map_select:not(.ty_mvm) select {
	background-color : var(--blue-color);
	color : #fff;
	background-image: url(/assets/bnz/common/images/common/select_arrow_off_w.svg);
	border-radius: 10rem;
    border: 0;
    padding-left: 1.3rem;
}

.pwaSttree .map_select:not(.ty_mvm) select:focus{
	background-image: url(/assets/bnz/common/images/common/select_arrow_on_w.svg);
}

.pwaSttree .map_select:not(.ty_mvm) select option {
	background-color : #fff;
	color : var(--black-color);
}

.pwaSttree .map_legend_btn {
	box-shadow :unset;
	padding : 0;
	position : absolute;
	right : 1.5rem;
	bottom : 1.5rem;
	z-index : 2;
}

.pwaSttree .map_legend_btn a {
	color: var(--A-black-color);
    padding: 0 1rem 0 5.8rem;
	position : relative;
}

.pwaSttree .map_legend_btn a:before {
    content: '';
    display: inline-block;
    width: 5rem;
    height: 5rem;
    background-image: url("/assets/bnz/common/images/tl/tree/tree_10.png");
    background-position : center;
    background-size : 130%;
    background-repeat : no-repeat;
    position: absolute;
    left: 0.5rem;
    bottom: 0;
}

.pwaSttree .board_wrap {
    color: var(--U-black-color2);
    padding: 3rem 0;
    box-shadow: inset 0px 3px 6px #FFFFFF29, 0px 6rem 9rem var(--shadow-color1);
    border: 0.2rem solid #FFFFFF;
    border-radius: 3.4rem;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    background-image: url(/assets/bnz/common/images/common/prctice_map_bg.svg);
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    width: 44rem;
    position: absolute;
    right: 2rem;
    bottom: 7.6rem;
    height: calc(100% - 16rem);
    z-index: 1;
}

.pwaSttree .board_wrap .swiper-arrow {
	border-color: var(--U-gray-color);	
	position: absolute;
}
.pwaSttree .board_wrap .swiper-arrow:before {
	filter :grayscale(1) brightness(0.5);
}

.pwaSttree .board_wrap .sttree_wrap > .swiper-arrow {
	left: 1.5rem;
    top: 2.5rem;
}

.pwaSttree .board_wrap .m_toggle {
cursor: pointer;
    height: 3.5rem;
    z-index: 3;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    display: none;
}

.pwaSttree .board_wrap .m_toggle:after{
	content : '';
	width: 7rem;
    height: 0.8rem;
    border-radius: 1rem;
    background-color: var(--shadow-color1);
    position: absolute;
    top: 1rem;
    left: 50%;
    transform: translate(-50%, 0);
}

.pwaSttree .board_wrap .sttree_wrap {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.pwaSttree .board_wrap .sttree_wrap .title_area {
    margin: 0 2rem;
    flex-shrink: 0;
    text-align : center;
}

.pwaSttree .board_wrap .sttree_wrap .sttree_inner {
    overflow-y: auto;
    overflow-x : hidden;
    flex: 1;
    margin: 1rem 0.5rem 0 0.5rem;
    padding : 1rem 0.5rem 0 0.5rem;
}

.pwaSttree #streeDtlPop .sttree_inner {
	background: var(--U-lightgray-color);
    padding-top: 2rem;
    border-radius: 2rem;
    margin: 2rem 2rem 0 2rem;
    border : 0.2rem solid #fff;
}

.pwaSttree .board_wrap .sttree_inner .img_area {
	overflow : hidden;
	position : relative;
	padding : 0 10px;
}

.pwaSttree .board_wrap .sttree_inner .img_area .swiper-arrow {
	top : calc(50% - 3.5rem/2);
	box-shadow: unset;
}

.pwaSttree .board_wrap .sttree_inner .img_area .swiper-prev {left : 0;}
.pwaSttree .board_wrap .sttree_inner .img_area .swiper-next {right : 0;}

.pwaSttree .board_wrap .sttree_inner .img_area .swiper-arrow.swiper-button-disabled {
	display : none;
}

.pwaSttree .board_wrap .sttree_inner .img_area .swiper-slide {
	border-radius : 1rem;
	overflow : hidden;	
	transition : 0.2s;
	position : relative;
	background: var(--lightgray-color);
}

.pwaSttree .board_wrap .sttree_inner .img_area .swiper-slide:before {
	content : '';
	display : inline-block;
	padding-bottom : 65%;
	width : 100%;
}

.pwaSttree .board_wrap .sttree_inner .img_area .swiper-slide img {
	position : absolute;
	left : 50%;
	top : 50%;
	transform : translate(-50%,-50%);
}

.pwaSttree .board_wrap .sttree_inner .list_area {
	border : 0.2rem solid #fff;
	border-radius : 2rem;
	padding : 1rem 0.5rem;
	background: var(--U-lightgray-color);		
	line-height : 1.25;
}

.pwaSttree .board_wrap #streeDtlPop .list_area {
	border : 0;
	background-color : unset;
}

.pwaSttree .board_wrap .sttree_inner .list_area h4 {
	text-align: center;
    font-size: 1.4rem;
    margin-bottom: 0.5rem;
}

.pwaSttree .board_wrap .sttree_inner .list_area > ul > li {
    padding: 1rem 0.5rem;
    display: flex;
	align-items: flex-start;
    gap: 0.7rem;
	cursor: pointer;
}

.pwaSttree .board_wrap .sttree_inner .list_area > ul > li:not(:has(.thumb)) .cont {
	align-items: center;
}

.pwaSttree .board_wrap .sttree_inner .list_area > ul > li.active {
	border-radius : 1rem;
    border: 1px solid var(--main-color1);
    background-color : #fff;
}

.pwaSttree .board_wrap .sttree_inner .list_area > ul > li + li {
	border-top: 1px solid var(--shadow-color1);
}

.pwaSttree .board_wrap .sttree_inner .list_area > ul > li.active + li {
	border-top : 0;
} 

.pwaSttree .board_wrap .sttree_inner .list_area > ul > li .thumb {
    position: relative;
    width: 25%;
    max-width : 12rem;
    padding: 1rem;
	background: #fff;
    border-radius: 1rem;
    overflow: hidden;
    flex-shrink : 0;
}

.pwaSttree .board_wrap .sttree_inner .list_area > ul > li .thumb:before {
	content : '';
	display : inline-block;
	padding-bottom : 100%;
	width : 100%; 
}

.pwaSttree .board_wrap .sttree_inner .list_area > ul > li .thumb img {
	position : absolute;
	left : 50%;
	top : 50%;
	transform : translate(-50%,-50%);
}

.pwaSttree .board_wrap .sttree_inner .list_area > ul > li .cont {
	flex : 1;
}

.pwaSttree .board_wrap .sttree_inner .list_area > ul > li .cont .tit {
	align-items : baseline;
}

.pwaSttree .board_wrap .sttree_inner .list_area > ul > li:not(:has(.thumb)) .cont .tit {
    align-items: center;
    background: #fff;
    padding: 0.5rem;
    font-size: 1.4rem;
    border-radius: 0.6rem;
    max-width : 12rem;
}

.pwaSttree .board_wrap .sttree_inner .list_area > ul > li .cont .tit small {
	font-weight: 400;
    color: var(--A-lightgray-color);
	font-size: 1.2rem;
	padding-left : 1rem;
	flex-shrink : 0;
}

.pwaSttree .board_wrap .sttree_inner .desc {
	margin-top : 0.5rem;
	display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.pwaSttree .board_wrap .sttree_inner ul.info_list {
	flex-shrink : 0;
}

.pwaSttree .board_wrap .sttree_inner ul.info_list:not(.ty_small) {
	flex : 1;
}

.pwaSttree ul.info_list li {
	display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap : 1rem;
    font-weight: 400;
    margin-bottom : 0.4rem;
}

.pwaSttree ul.info_list li > span{
	flex-shrink: 0;
	min-width: 6rem;
    text-align: right;
    color: var(--gray-color);
}

.pwaSttree ul.info_list li > p {
	flex : 1;
	text-align : left;	
}

.pwaSttree .board_wrap .sttree_inner ul.info_list li {font-size : 1.2rem;}
.pwaSttree .board_wrap .sttree_inner ul.info_list li > span {font-size : 1rem;}

.pwaSttree .board_wrap .sttree_inner .desc .btn_wrap {
	margin : 0;
	flex-shrink : 0;
}

.pwaSttree .board_wrap .paging_wrap {
	margin-top : 1.5rem;
	padding : 0 1.5rem;
}

.pwaSttree .board_wrap .sttree_wrap > .btn_wrap {
	margin : 1rem 0 0 0;
	padding : 0 1.5rem;
	gap: 1rem;
}

.pwaSttree .board_wrap .sttree_wrap > .btn_wrap.flex_box [class*="btn"] {
	flex : 1;
	margin : 0;
}

/* detail */
.pwaSttree .board_wrap .detail_wrap .sttree_inner {
	margin-top : 0;
}

.pwaSttree .board_wrap .title_area ul.info_list li > span {
	min-width : 30%;
	font-size: 1.4rem;
}

.pwaSttree .board_wrap .title_area ul.info_list li > p small {
	font-weight: 400;
    color: var(--A-lightgray-color);
	margin-left: 0.5rem;
}

.pwaSttree .board_wrap .detail_wrap .sttree_inner .list_area > ul:has(p.nodata:not(.displaynone)) {
	height: calc(100% - 2rem);
}

.pwaSttree .board_wrap .detail_wrap > .btn_wrap .btnStrong {
	max-width: 60%;
    width: 100%;
}

/* regist */
.pwaSttree board_wrap .regist_wrap table {
	border-color : transparent;
}

.pwaSttree .board_wrap .regist_wrap table th, 
.pwaSttree .board_wrap .regist_wrap table td {
	border-color : transparent;
	font-size : 1.4rem;
}

.pwaSttree .board_wrap .regist_wrap table td {
    padding: 0.5rem 0.5rem 1rem 0.5rem;
    min-height : unset;
}

.pwaSttree .board_wrap .regist_wrap table th {
	padding: 0.5rem 0.5rem 0rem 0.5rem;
	color: var(--gray-color);
	font-weight: 400;
}

.pwaSttree .board_wrap .regist_wrap table th #memoLength {
	display : inline-block;
}

.pwaSttree .board_wrap .regist_wrap table td .stts{
	display: block;
    padding-top: 0.3rem;
    color: var(--blue-color);
    font-size: 1.2rem;
}

.pwaSttree .board_wrap .regist_wrap table td .stts.red {
	color : var(--red-color);
}

.pwaSttree .board_wrap .regist_wrap table .file_form_wrap.tyImgList .fileNm {
	display : none;
}

/* 탐사 이력 없는 경우 */
.pwaSttree .list_area > ul > li:not(:has(.thumb)) .cont,
.pwaSttree .list_area > ul > li:has(.thumb.disolaynone) .cont {
	display: flex;
    align-items: flex-start;
    gap : 0.7rem;
}

.pwaSttree .list_area > ul > li:not(:has(.thumb)) .cont .tit,
.pwaSttree .list_area > ul > li:has(.thumb.disolaynone) .cont .tit {
	flex-direction : column;
	width: 25%;
	flex-shrink : 0;
	flex: unset;
}

.pwaSttree .board_wrap .sttree_inner .list_area > ul > li:not(:has(.thumb)) .cont .tit small,
.pwaSttree .board_wrap .sttree_inner .list_area > ul > li:has(.thumb.disolaynone) .cont .tit small {
	padding-left : 0; 
	padding-top : 0.5rem;
}

.pwaSttree .list_area > ul > li:not(:has(.thumb)) .cont .desc,
.pwaSttree .list_area > ul > li:has(.thumb.disolaynone) .cont .desc {
	flex : 1;
}

.pwaSttree .board_wrap .sttree_inner .list_area:has(p.nodata:not(.displaynone)),
.pwaSttree .board_wrap .sttree_inner .list_area > ul:has(p.nodata:not(.displaynone)),
.pwaSttree .board_wrap .sttree_inner .list_area > ul >li:has(p.nodata:not(.displaynone)) {height : 100%;}
.pwaSttree .board_wrap .sttree_inner .list_area > ul >li:has(p.nodata) {padding : 0; border : 0;}
.pwaSttree .board_wrap .sttree_inner .list_area > ul >li p.nodata {width : 100%; text-align : center; font-size : 1.4rem;}


.sttree_legend_modal .tree_legend {
	display : flex;
	text-align : center;
	flex-wrap: wrap;
	gap: 2rem 0;
	font-size: 1.4rem;
    font-weight: 500;
}

.sttree_legend_modal .tree_legend li {
	width : calc(100% / 4);
}

.sttree_legend_modal .tree_legend li .tree_img {
	max-width : 70%;
	margin : 0 auto;
} 

.pwaSttree .marker-overlay {
	text-align: center;
    width: 100%;
    min-width: 15rem;
    font-size: 1.4rem;
    word-break: keep-all;
    font-weight: 300;
	color: #fff;
    background-color: rgba(0, 175, 149, 0.8);
    padding: 1rem 2rem;
    border: 1px solid #fff;
    border-radius: 1.2rem;
	
}

.pwaSttree .marker-overlay.off {background-color : #d0d0d0;}
#header .sitemap_menu {position: absolute;width: 100%;background: #fff;height: calc(100vh - 7.5rem);	top : 7.5rem;left : 0;z-index : 1;display : none; padding-bottom : 5rem; overflow-y : auto;}

@media ( max-width : 1280px) {
	.pwaSttree#content:not(.sttreeCtznView) {padding-top: 7rem;}
	#header:not(:has(.topmenu)) + .pwaSttree#content {padding-top : 7rem;}
	
	.pwaSttree .map_select_wrap {left : 0rem; top : 0rem; width : 100%; justify-content: space-between; padding : 1rem;background: rgba(255, 255, 255, 0.6);box-shadow: inset 0px 3px 6px #FFFFFF29, 0px 3px 6px var(--shadow-color1);border-bottom: 0.2rem solid #FFFFFF;backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);z-index: 5;}
	.pwaSttree .map_select {min-width : unset;background: unset;box-shadow: unset;border: 0.2rem solid #FFFFFF;border-radius: 0;backdrop-filter: unset; -webkit-backdrop-filter: unset; padding : 0; border : 0;}
	.pwaSttree .map_select.ty_mvm {min-width: unset; display: flex;align-items: center;justify-content: center;gap: 0 0.8rem;}
	.pwaSttree .map_select h4 {margin : 0; flex-shrink: 0;}
	.pwaSttree .map_select:not(.ty_mvm) h4{display : none;}
	.pwaSttree .map_select select {min-width : 16rem;}
	
	.pwaSttree .board_wrap {right : 1rem;}
}

@media ( max-width : 768px) {
	.pwaSttree .board_wrap{height: calc(100% - 0rem); padding-top : 0;bottom: 0; z-index: 11; position : fixed; padding-bottom : 1rem; left: 0; right : unset; width: 100%;background-image: unset;background-color: #fff;border-color: var(--lightgray-color);border-radius: 2rem 2rem 0 0; transition : transform 0.5s;}
	.pwaSttree .board_wrap.ty_auto{height: auto; max-height : 100%;}
	.pwaSttree .board_wrap.close {height: calc(100% - 0rem); /*bottom: calc(-100% + 4rem);*/ transform: translate(0, calc(100% - 4rem)); z-index : 1;}
	.pwaSttree .board_wrap.ty_auto.close {height : auto; z-index : 1;}
	
	.pwaSttree .board_wrap > .swiper-arrow {top : 3.3rem;}
	.pwaSttree .board_wrap .m_toggle {display : block;}
	
	.pwaSttree .map_wrap .map_btn,.pwaSttree .map_legend_btn {bottom : 5rem;}
	.pwaSttree .map_wrap .map_option_wrap {bottom: 9rem;top: unset;}
	
	.pwaSttree .map_search {width: calc(100% - 4rem);}
	.pwaSttree .map_search .btn_wrap {right : 1rem;}
	.pwaSttree .map_search input[type="text"] {padding-right : 8rem;}
	.pwaSttree .map_search .btn_wrap .sch_button {background-position : center 0.5rem;}
	.pwaSttree .map_search .btn_wrap .lc_button {margin-left : 0.3rem;}
	
	.pwaSttree .board_wrap .sttree_wrap .sttree_inner {margin-top : 0; padding-top : 0;}
	.pwaSttree .board_wrap .sttree_wrap .title_area {border-bottom: 1px solid var(--shadow-color1);padding: 4.5rem 0 1.5rem 0;color: var(--A-black-color2);position: relative;}
	.pwaSttree .board_wrap .sttree_wrap > .swiper-arrow {top : 4rem;}
	.pwaSttree .board_wrap .sttree_inner .list_area {background : transparent; border : 0; border-radius : unset;}
	.pwaSttree .board_wrap .sttree_inner .list_area h4 {margin : 0; text-align : left; font-weight : 500;font-size: 1.6rem;}
	.pwaSttree .board_wrap .sttree_inner .list_area > ul > li {padding : 1.5rem 1rem;}
	
	.pwaSttree .board_wrap .sttree_inner .list_area > ul > li .thumb,
	.pwaSttree .board_wrap .sttree_inner .list_area > ul > li:not(:has(.thumb)) .cont .tit {background-color: var(--U-lightgray-color);}
	
	.sttree_legend_modal .map_desc .flex_box > div {flex-direction: column;}
	
}