@charset "UTF-8";
/* ctzn - global.css */
@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,.global_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; background-color : #fff;}
.modal .modal_content,.global_modal .global_modal_content {border-radius: 4.4rem;}
.modal .modal_body table th, .modal .modal_body table td,
.global_modal .modal_body table th, .global_modal .modal_body table td {font-size: 1.4rem;}
.modal .modal_body input[type="checkbox"], .modal .modal_body input[type="radio"],
.global_modal .modal_body input[type="checkbox"], .global_modal .modal_body input[type="radio"] {top: 0;}

.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);}
.board_wrap table tr.active {background: var(--lightgray-color);}
.tab_wrap.typeC .cate_tab li a {background-color: #fff;}

@media ( max-width : 1280px) {
	body:has(#content.cbnContent) #header.scroll {top : 0;}
	body:has(#content.cbnContent) #header.scroll .float_clock {top : 9rem;}
	
	#header .topmenu.ctzn { background: #fff; z-index : 12;}
	#header .topmenu.ctzn #menuList>ul>li {width : 100%;}
	#header .topmenu #menuList>ul>li>a{	font-size: 1.8rem;padding: 2rem;line-height: 1.4; }
}

/******************************* 
*--- 1. 탄소중립 체력검진 공통
*******************************/
#content.cbnContent {
	color: var(--U-black-color2);
}

#content.cbnContent .fpMenu {
	position: fixed;
	left: 4rem;
	top: calc(50% + 0rem);
	transform: translate(0%, -50%);
	z-index: 1;
}

#content.cbnContent .fpMenu ul {
	display: flex;
	flex-direction: column;
	align-items: start;
}

#content.cbnContent .fpMenu ul li {
	width: 4rem;
}

#content.cbnContent .fpMenu ul li.active, #content.cbnContent .fpMenu ul li:hover {
	width: auto;
}

#content.cbnContent .fpMenu ul li+li {
	margin-top: 1.5rem;
}

#content.cbnContent .fpMenu ul li a:before {
	content: '';
	display: inline-block;
	width: 1.8rem;
	height: 1.8rem;
	background: transparent linear-gradient(180deg, #2A959F 0%, #3161A0 100%) 0% 0% no-repeat padding-box;
	border-radius: 10rem;
}

#content.cbnContent .fpMenu ul li a {
	display: flex;
	align-items: center;
	height: 4rem;
	line-height: 3.7rem;
	font-size: 1.8rem;
	padding: 0 1rem;
	box-shadow: box-shadow: 0px 3px 6px var(--shadow-color1);
	border-radius: 5rem;
	background-color: #fff;
	backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);
	border: 1px solid var(--lightgray-color);
}

#content.cbnContent .fpMenu ul li a span {
	display: none;
	padding: 0 1rem 0 1.5rem;
	font-weight: 500;
}

#content.cbnContent .fpMenu ul li:hover a span, #content.cbnContent .fpMenu ul li.active a span {
	display: block;
}

.cbnContent #fullpage:has(.modal:not(.displaynone)),
.cbnContent #fullpage:has(.global_modal:not(.displaynone)) {
	z-index: 1;
}

.cbnContent #fullpage .scrollable-area:not(.modal, .global_modal,.lfnrn_contents), {
	height: 100%;
	overflow-y: auto;
}

.cbnContent .opc_card {
	background: rgba(255, 255, 255, 0.5);
	box-shadow: inset 0px 3px 6px #FFFFFF29, 0px 2rem 4.5rem var(--shadow-color1);
	border: 0.2rem solid #FFFFFF;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	border-radius: 4rem 20rem 20rem 4rem;
}

.cbnContent .opc_card.small {
	border-radius: 3rem;
}

.cbnContent .opc_card.right {
	border-radius: 20rem 4rem 4rem 20rem;
}

.cbnContent .opc_card .small {
	color: var(--main-color1);
	font-size: 1.8rem;
	font-weight: 500;
}

.cbnContent .opc_card .strongFont {
	font-weight: 500;
	font-size: 3.4rem;
	margin: 1rem 0;
	line-height : 1.3;
}

.cbnContent .opc_card .strongFont+p ~ p {
	margin-top: 2rem;
}

.cbnContent .opc_card h4 {
	font-size: 1.8rem;
}

.cbnContent .opc_card h4 ~ p {
	font-size: 1.4rem;
	margin-top: 2rem;
}

/******************************* 
*--- 1-1. 탄소 균형 진단
*******************************/
/*------1-1-1) 기후·대기 종합 CT (.wetherWtngChngeCT) ---*/
.wetherWtngChngeCT {
	/* 	background: transparent linear-gradient(359deg, #E3F5FF 0%, #E4F4FF00 100%) 0% 0% no-repeat padding-box;	 */
	background-image: url(/assets/bnz/common/images/ctzn/main_sec1_bg.svg);
	background-size: cover;
	background-repeat: no-repeat;
}

.wetherWtngChngeCT .layout_md {
	padding-top: 13.4rem;
	padding-bottom: 16rem;
	z-index: 1;
}

.wetherWtngChngeCT .fp-scroller {
	position: relative;
}

.wetherWtngChngeCT .fp-scroller:before {
	content: '';
	display: inline-block;
	width: calc(100% - 14.5rem);
	height: 55rem;
	background: transparent linear-gradient(270deg, #28A19E 0%, #2E79A0 56%, #3259A100 100%) 0% 0% no-repeat padding-box;
	border-radius: 0 30rem 30rem 0;
	box-shadow: box-shadow: 0px 3px 6px var(--shadow-color1);
	position: absolute;
	top: 13.4rem;
}

.wetherWtngChngeCT .fp-scroller:after {
	content: '';
	display: inline-block;
	width: 60%;
	height: 45%;
	background: #F0EEF5 0% 0% no-repeat padding-box;
	border-radius: 0 100rem 100rem 0;
	position: absolute;
	top: 68.4rem;
}

.wetherWtngChngeCT .ct_top {
	display: flex;
	justify-content: space-between;
	position: relative;
}

.wetherWtngChngeCT .ct_top:before {
	/* 	content: ''; */
	background-image: url(/assets/bnz/common/images/ctzn/main_circle_blue.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	width: 35rem;
	height: 35rem;
	right: -10%;
	bottom: 0%;
	z-index: -1;
}

.wetherWtngChngeCT .ct_top img {
	width: auto;
}

.wetherWtngChngeCT .ct_top .ct_img {
	width: 45%;
	position: relative;
	top: 5rem;
	z-index: 1;
}

.wetherWtngChngeCT .ct_top .ct_img .ct_stts {
	font-size: 2.4rem;
	color: var(--red-color);
	height: 6rem;
	line-height: 5.8rem;
	border: 1px solid #fff;
	background-color: var(--black-color);
	border-radius: 1.5rem;
	padding: 0 2rem;
	display: inline-block;
	position: absolute;
	top: 4%;
	left: 7%;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0 1.5rem;
}

.wetherWtngChngeCT .ct_top .ct_img .ct_stts span:not(.ico) {
	top: -1.5px;
	position: relative;
	animation: ctLight 1s ease-in-out infinite;
}

.wetherWtngChngeCT .ct_top .ct_img .ct_stts .ico {
	width: 3rem;
	height: 3rem;
	display: inline-block;
	border-radius: 6rem;
	background-color: #5c2a2c;
	position: relative;
}

.wetherWtngChngeCT .ct_top .ct_img .ct_stts .ico:before {
	content: '';
	display: inline-block;
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 3rem;
	background: transparent linear-gradient(180deg, #FF5827 0%, #841414 100%) 0% 0% no-repeat padding-box;
	position: absolute;
	left: calc(50% - 0.8rem);
	top: calc(50% - 0.8rem);
}

.wetherWtngChngeCT .ct_top .ct_img .ct_machine {
	position: relative;
}

.wetherWtngChngeCT .ct_top .ct_img .ct_machine:before {
	content: '';
	background-image: url(/assets/bnz/common/images/ctzn/main_circle_blue.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	width: 25rem;
	height: 25rem;
	right: 0;
	top: 30%;
	z-index: -1;
}

.wetherWtngChngeCT .ct_top .ct_img .ct_machine>p {
	position: absolute;
	left: 26%;
	top: 9%;
	width: 53%;
	animation: ctLight 2s ease-in-out infinite;
}

.wetherWtngChngeCT .ct_top .ct_img .ct_patient {
	position: absolute;
	right: 10%;
	top: 37%;
	width: 55%;
	animation: ctHuman 2s ease-in-out infinite;
}

.wetherWtngChngeCT .ct_top .ct_content {
	width: 50%;
	position: relative;
	padding-top: 8.5%;
}

.wetherWtngChngeCT .ct_content .ct_intro {
	padding-bottom: 3rem;
	overflow: hidden;
	margin-bottom: 4.5rem;
}

.wetherWtngChngeCT .ct_content .ct_intro .swiper-container {
	height: calc(100% - 6rem);
}

.wetherWtngChngeCT .ct_content .ct_intro .swiper-pager {
	font-size: 2.4rem;
	color: var(--black-color);
	padding: 2rem 2.5rem 0.5rem 2.5rem;
	width: auto;
}

.wetherWtngChngeCT .ct_content .ct_intro .swiper-arrow {
	position: absolute;
	right: 15%;
	top: 2rem;
	cursor: pointer;
}

.wetherWtngChngeCT .ct_content .ct_intro .swiper-arrow.swiper-prev {
	right: calc(15% + 4.5rem);
}

.wetherWtngChngeCT .ct_content .ct_intro .swiper-pagination-bullet {
	width: auto;
	height: auto;
	background: transparent;
	margin: 0 2.4rem 0 0;
	font-weight: 600;
}

.wetherWtngChngeCT .ct_content .ct_intro .swiper-slide {
	padding: 0 2.5rem;
	font-size: 1.6rem;
}

.wetherWtngChngeCT .ct_content .ct_weather {
	overflow: hidden;
}

.wetherWtngChngeCT .ct_content .ct_weather>.swiper-container {
	width: 100%;
}

.wetherWtngChngeCT .ct_content .ct_weather>.swiper-container>.swiper-wrapper {
	align-items: anchor-center;
}

.wetherWtngChngeCT .ct_content .ct_weather>.swiper-container .swiper-slide {
	padding: 1.5rem 4%;
	display: flex;
}

.wetherWtngChngeCT .ct_content .ct_weather #alarmSlider {
	width: 28%;
}

.wetherWtngChngeCT .ct_content .ct_weather #alarmSlider .swiper-slide {
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1rem 0;
	padding: 1.5rem 0;
}

.wetherWtngChngeCT .ct_content .ct_weather #alarmSlider .swiper-slide .warn {
	color: var(--red-color);
	font-weight: 600;
}

.wetherWtngChngeCT .ct_content .ct_weather_info {
	width: 72%;
	padding-right: 3%;
}

.wetherWtngChngeCT .ct_content .ct_weather_info .title_area span {
	font-size: 1.2rem;
	top: -0.3rem;
	position: relative;
}

.wetherWtngChngeCT .ct_content .ct_weather_info .info_desc {
	display: flex;
	align-items: end;
	font-size: 1.4rem;
	font-weight: 400;
	gap: 0 1rem;
	color: var(--black-color);
/* 	flex-direction: column; */
}

.wetherWtngChngeCT .ct_content .swiper-slide.wtng .ct_weather_info .info_desc {
	padding-top: 0.8rem;
}

.wetherWtngChngeCT .ct_content .ct_weather_info .info_desc .summary {
    display: flex;
    align-items: center;
    gap: 0 0.6rem;
}

.wetherWtngChngeCT .ct_content .ct_weather_info .info_desc .summary>span {
    display: flex;
    align-items: end;
    line-height: 1;
    gap: 0 0.5rem;
}

.wetherWtngChngeCT .ct_content .ct_weather_info .info_desc .summary>span .icon {
	width: 2.3rem;
	height: 2.3rem;
	display: flex;
	flex-direction: column;
	justify-content: end;
	align-items: center;
}

.wetherWtngChngeCT .ct_content .ct_weather_info .info_desc .summary strong {
	font-size: 2.2rem;
	font-weight: 500;
}

.wetherWtngChngeCT .ct_content .ct_weather_info .info_desc ul {
	display: flex;
	gap: 0 1rem;
	flex: 1;
/* 	justify-content: end; */
}

.wetherWtngChngeCT .ct_content .ct_weather_info .info_desc ul li {
	display: flex;
	gap: 0 0.3rem;
	align-items: center;
}

.wetherWtngChngeCT .ct_content .ct_weather_info .info_desc ul li:before {
	content: '·';
}

.wetherWtngChngeCT .ct_content .ct_weather_info .info_desc ul li p {
	font-size: 1.6rem;
	font-weight: 500;
}

.wetherWtngChngeCT .ct_content .ct_weather_info .info_desc ul li p.blue {
	color: var(--blue-color);
}

.wetherWtngChngeCT .ct_content .ct_weather_info .info_desc ul li p.green {
	color: #179E51;
}

.wetherWtngChngeCT .ct_content .ct_weather_info .info_desc ul li p.red {
	color: #E0000B;
}

.wetherWtngChngeCT .ct_content .ct_weather_info .info_desc ul li p.org {
	color: var(--org-color);
}

.wetherWtngChngeCT .ct_content .ct_advisory:not(:has(.swiper-slide)) {
	width: 28%;
	background: #EEEEEE 0% 0% no-repeat padding-box;
	box-shadow: inset 0px 3px 6px #00000029, 0px 3px 6px var(--shadow-color1);
	border: 1px solid #F4F4F4;
	border-radius: 1.8rem;
	opacity: 1;
	backdrop-filter: blur(3rem);
	-webkit-backdrop-filter: blur(3rem);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1rem 0;
	padding: 1.5rem 0;
}

.wetherWtngChngeCT .ct_content .ct_advisory>span {
	color: var(--red-color);
	line-height: 1;
	font-weight: 600;
	word-break: keep-all;
	text-align: center;
}

.wetherWtngChngeCT .ct_content .ct_advisory a {
	background-color: #fff;
	border: 1px solid #fff;
	box-shadow: inset 0px 3px 6px #00000029, 0px 3px 6px var(--shadow-color1);
}

.wetherWtngChngeCT .ct_detail_wrap {
	border: 2px solid var(--main-color1);
	border-radius: 3rem;
	padding: 4rem 1.3rem 12rem 1.3rem;
	background-color: var(--black-color);
	box-shadow: 0px 3px 6px var(--shadow-color1);
	text-align: center;
	color: #fff;
	position: relative;
}

.wetherWtngChngeCT .ct_detail_wrap .dt_deco {
	font-size: 1.1rem;
	opacity: 0.5;
	font-weight: 200;
	line-height: 1.8;
	letter-spacing: 0;
	position: absolute;
	text-align: left;
}

.wetherWtngChngeCT .ct_detail_wrap .dt_deco span {
	display: block;
	letter-spacing: 0;
}

.wetherWtngChngeCT .ct_detail_wrap .dt_deco.deco1 {
	left: 5.3rem;
	top: 4.2rem;
}

.wetherWtngChngeCT .ct_detail_wrap .dt_deco.deco2 {
	right: 5.3rem;
	top: 4.2rem;
	text-align: right;
}

.wetherWtngChngeCT .ct_detail_wrap .dt_deco.deco3 {
	left: 5.3rem;
	bottom: 2rem;
}

.wetherWtngChngeCT .ct_detail_wrap .dt_deco.deco4 {
	right: 5.3rem;
	bottom: 2rem;
	text-align: right;
}

.wetherWtngChngeCT .ct_detail_wrap .swiper-arrow {
	width: 6rem;
	height: 6rem;
	background: var(--black-color) 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px var(--shadow-color1);
	border: 2px solid #12A3B7;
	position: absolute;
	left: -3rem;
	top: calc(50% - 3rem);
}

.wetherWtngChngeCT .ct_detail_wrap .swiper-arrow.swiper-next {
	left: unset;
	right: -3rem;
}

.wetherWtngChngeCT .ct_detail_wrap .total_ct_top {
	padding: 4rem 0 4rem 0;
	border-bottom: 1px solid #000;
}

.wetherWtngChngeCT .ct_detail_wrap  .swiper-slide[name="clmtDiv"] .total_ct_top {
	padding : 0 0 4rem 0;
}

.wetherWtngChngeCT .ct_detail_wrap  .swiper-slide[name="clmtDiv"] .total_ct_top span.desc {
    width: 66%;
    display: block;
    margin: 0 auto;
    text-align: left;
    font-weight: 300;
    padding-top: 0.6rem;	
    font-size : 1.4rem;
}

.wetherWtngChngeCT .ct_detail_wrap  .swiper-slide[name="clmtDiv"] .total_ct_top:has(span.desc:not(.displaynone)) {
	padding : 0 0 1.4rem 0;
}

.wetherWtngChngeCT .ct_detail_wrap  .swiper-slide[name="clmtDiv"] .total_ct_top .titleM {
	width : 66%;
	margin : 0 auto 0.5rem auto;
	text-align: left;
    font-weight: 500;
}

.wetherWtngChngeCT .ct_detail_wrap .total_ct_top ul {
	display: flex;
	gap: 0 3.3rem;
	width: 66%;
	margin: 0 auto;
}

.wetherWtngChngeCT .ct_detail_wrap .total_ct_top li.ct_card {
	width: calc(100%/ 3);
	box-shadow: inset 0px -20px 14px #4DBCC97A;
	border: 1px solid #4DBCC9;
	border-radius: 2rem;
	color: #EBAE12;
	padding: 1.5rem 0;
	font-size: 1.8rem;
	font-weight: 300;
	background-color: var(--black-color);
}

.wetherWtngChngeCT .ct_detail_wrap .total_ct_top li.ct_card > div {
	display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: space-between;
}

.wetherWtngChngeCT .ct_detail_wrap .total_ct_top li.ct_card h4 {
	font-size: 1.8rem;
	margin-bottom: 0.8rem;
	font-weight: 400;
}

.wetherWtngChngeCT .ct_detail_wrap .total_ct_top li.ct_card p.strong span {
	font-size: 3.4rem;
	font-weight: 500;
}

.wetherWtngChngeCT .swiper-slide[name='wtngDiv'] li.ct_card p.strong span {
	margin-left: 1rem;
}

.wetherWtngChngeCT .ct_detail_wrap .total_ct_top li.ct_card .btnTsp {
	color: #4DBCC9;
	border: 1px solid #4DBCC9;
	margin-top: 0.8rem;
}

.wetherWtngChngeCT .ct_detail_wrap .total_ct_bottom .title_area {
	position: relative;
	margin: 2rem 0 3rem 0;
}

.wetherWtngChngeCT .ct_detail_wrap .total_ct_bottom .title_area .gRight {
	position: absolute;
	right: 4rem;
	bottom: 0;
	font-size: 1.2rem;
	font-weight: 400;
}

.wetherWtngChngeCT .ct_detail_wrap .total_ct_bottom .total_graph {
	display: flex;
	gap: 0 1.5rem;
	padding: 0 4rem;
}

.wetherWtngChngeCT .ct_detail_wrap .total_ct_bottom .total_graph>div {
	width: 50%;
}

.wetherWtngChngeCT .ct_detail_wrap .swiper-slide[name="wtngDiv"] .total_ct_bottom .total_graph>div {
	width: calc(100% / 3);
    font-size: 1.2rem;
}

.wetherWtngChngeCT .ct_detail_wrap .total_ct_bottom .graph_area {
	position: relative;
}

.wetherWtngChngeCT .ct_detail_wrap .total_ct_bottom .graph_area:after {
	content: '';
	display: inline-block;
	width: 100%;
	height: 9px;
	background-image: url(/assets/bnz/common/images/ctzn/ct_deco_ruler.svg);
	position: absolute;
	right: 0;
	bottom: calc(-1.5rem - 9px);
	background-repeat: no-repeat;
	background-size: 100%;
	border-left: 1px solid var(--A-lightgray-color);
	background-position: -1px bottom;
}

.wetherWtngChngeCT .ct_detail_wrap .swiper-slide[name="wtngDiv"] .total_ct_bottom .graph_area:after {
	bottom: calc(-5.5rem - 9px);
}

.wetherWtngChngeCT .ct_detail_wrap .total_ct_bottom .graph_area>div {
	box-shadow: inset 0px -10px 14px #4DBCC97A;
	border-radius: 1.5rem;
	border: 2px solid #12A3B7;
}

.wetherWtngChngeCT .ct_detail_wrap .total_ct_bottom .graph_desc {
	display: flex;
	align-items: baseline;
	justify-content: center;
	padding: 1.4rem 0;
	gap: 0 2rem;
	font-weight: 300;
	margin-bottom: 1.8rem;
}

.wetherWtngChngeCT .ct_detail_wrap .total_ct_bottom .graph_desc>span {
	color: var(--U-gray-color);
	font-weight: 200;
}

.wetherWtngChngeCT .ct_detail_wrap .total_ct_bottom .graph_desc>p {
	font-weight: 500;
}

.wetherWtngChngeCT .ct_detail_wrap .total_ct_bottom .graph_desc>p.blue {
	color: var(--blue-color);
}

.wetherWtngChngeCT .ct_detail_wrap .total_ct_bottom .graph_desc>p.red {
	color: #E0000B;
}

.wetherWtngChngeCT .ct_detail_wrap .total_ct_bottom .graph_desc strong {
	font-size: 2.2rem;
	font-weight: 500;
}

.wetherWtngChngeCT .ct_detail_wrap .total_ct_bottom .graph_item {
	padding: 4rem 2.5rem 4rem 2.5rem;
	position: relative;
	/* 	height : calc(100% - 8.2rem); */
	height: 40rem;
}

.wetherWtngChngeCT .ct_detail_wrap .total_ct_bottom .graph_item .ai_msg_area {
	position: absolute;
    right: -4rem;
    top: -4rem;
}

.ai_msg {
	background-image: url(/assets/bnz/common/images/common/banner_full_bg.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
	background-color: #fff;
    color: var(--A-black-color);
    position: absolute;
    width: 30rem;
    height: 20rem;
    padding: 2rem 5.5rem 2rem 2rem;
    border-radius: 2rem;
    text-align: left;
    font-size: 1.4rem;
    z-index : 2;
}

.wetherWtngChngeCT .ai_msg {
	left: calc(50% - 15rem);
	bottom: 100%;
}

.ai_msg:after {
    content: '';
    display: inline-block;
    background-image: url(/assets/bnz/common/images/ctzn/ai_doctor_2.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    right: -5.5rem;
    bottom: -2rem;
    width: 14rem;
    height: 20rem;
}

.ai_msg .txt_area {
	width: 100%;
    height: 100%;
    overflow-y: auto;
    scrollbar-width: none;
}

.ai_msg .txt_area .load {
	display : flex;
	margin-top : 0.5rem;
}

.ai_msg .txt_area .load > span {
	flex-shrink: 0;
	margin-right : 0.5rem;
}

.ai_msg .txt_area .load .ai-lottie {
	max-width : 4.5rem;
}

.ai_msg .btnClose {
    width: 5rem;
    height: 5rem;
    display: block;
    background-image: url(/assets/bnz/common/images/common/close_icon_black.svg);
    text-align: center;
    position: absolute;
    right: -2rem;
    top: -2.5rem;
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    box-shadow: inset 0px 3px 6px #00000029, 0px 3px 6px #00000029;
    border: 1px solid #D4D4D4;
    border-radius: 50%;
    background-position: center 40%;
    background-color: #fff;
}


.wetherWtngChngeCT .ct_detail_wrap .total_ct_bottom .graph_item .clr_legend {
	position: absolute;
	right: 2rem;
	bottom: 2rem;
}

.wetherWtngChngeCT .ct_detail_wrap .total_ct_bottom .graph_item:has(.clr_legend) {
	padding-top: 3rem;
	padding-bottom: 5rem;
}

.wetherWtngChngeCT .ct_detail_wrap .total_ct_bottom .graph_item .graph, .wetherWtngChngeCT .ct_detail_wrap .total_ct_bottom .graph_item .graph_con {
	height: 100%;
}

.wetherWtngChngeCT .ct_detail_wrap .total_ct_bottom .graph_item .lottie_ai {
	position: absolute;
}

.wetherWtngChngeCT .ct_detail_wrap .total_ct_bottom .graph_item .lottie_ai lottie-player {
	width: 12rem;
	height: 12rem;
}

.wetherWtngChngeCT .ct_detail_wrap .total_ct_bottom .graph_item .lottie_ai>span {
	font-size: 2.4rem;
	color: #fff;
	position: absolute;
	text-align: center;
	width: 7.2rem;
	height: 7.2rem;
	line-height: 7.2rem;
	letter-spacing: 0;
	left: 50%;
	top: 50%;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 0px 12px 10px var(--shadow-color1);
}

.wetherWtngChngeCT .ct_detail_wrap .total_ct_bottom > .clr_legend {
	padding: 1rem 4rem;
}

.wetherWtngChngeCT .ct_detail_wrap .total_ct_bottom .graph>div {
	margin: 0 auto;
}

#trnsitnPopup .modal_body>div {
	margin: 0 auto;
}

#trnsitnPopup .ai_msg_area {
	position: absolute;
    left: -4rem;
    top: -4rem;
}

#trnsitnPopup .ai_msg {left: 100%; top: 0;}

#trnsitnGraphDiv {
	height: 30rem;
	width: 100%;
}

/* #trnsitnGraphDiv div { */
/* 	width: 100% !important; */
/* } */


@keyframes ctLight {
	0% {opacity : 1;} 
	50% {opacity: 0;}
	100%{opacity:1;}
}

@keyframes ctHuman { 
	0% {right: 8%;top: 25%;}
	50% {right: 7%;top: 28%;}
	100% {right: 8%;top: 25%;} 
}

/*------1-1-2) 생활환경 진단 (.lfnrnDgns) ---*/
.lfnrnDgns {
	/* 	background: transparent linear-gradient(359deg, #E4F4FF00 0%, #E3F5FF 100%) 0% 0% no-repeat padding-box;	 */
	background-image: url(/assets/bnz/common/images/ctzn/main_sec2_bg.svg);
	background-size: cover;
	background-repeat: no-repeat;
}

.lfnrnDgns:before {
	content: '';
	background-image: url(/assets/bnz/common/images/ctzn/main_circle_purple.svg);
	background-position: right;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	width: 90rem;
	height: 90rem;
	right: -5%;
	bottom: -60%;
}

.lfnrnDgns .sttsIco {
	background-color: var(--gray-color);
	color: #fff;
}

.lfnrnDgns .sttsIco.blue {
	background-color: var(--blue-color);
}

.lfnrnDgns .sttsIco.green {
	background-color: #79BB67;
}

.lfnrnDgns .sttsIco.yellow {
	background-color: #FBE036;
	color: var(--U-black-color);
	font-weight: 500;
}

.lfnrnDgns .sttsIco.org {
	background-color: #FF5C1A;
}

.lfnrnDgns .sttsIco.red {
	background-color: #E0000B;
}

.lfnrnDgns .layout_fix {
	padding-top: 13.4rem;
	padding-bottom: 10rem;
}

.lfnrnDgns .opc_card {
	padding: 2rem 10% 2rem 2.5rem;
	width: 58%;
	background: rgba(255, 255, 255, 0.1);
	z-index: 1;
	position: relative;
	left: -5%;
}

.lfnrnDgns .lfnrn_contents {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px var(--shadow-color1);
	border: 1px solid #FFFFFF;
	border-radius: 4rem;
	align-items: flex-start;
	padding: 3rem 6%;
	display: flex;
	justify-content: center;
	margin-top: -2%;
	gap: 0 3%;
	position: relative;
	height: 80rem;
}

.lfnrnDgns .lfnrn_contents:before {
	content: '';
	background-image: url(/assets/bnz/common/images/ctzn/main_circle_yellow.svg);
	background-position: right;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	width: 25rem;
	height: 25rem;
	right: 1%;
	bottom: 40%;
	opacity: 0.7;
}

.lfnrnDgns .lfnrn_contents>div {
	position: relative;
	padding: 2rem 2.8rem 1.2rem 2.8rem;
	background: rgba(255, 255, 255, 0.2);
	box-shadow: 0px 3px 6px var(--shadow-color1);
	border: 1px solid #FFFFFF;
	border-radius: 3.3rem;
	backdrop-filter: blur(0.9rem);
	-webkit-backdrop-filter: blur(0.9rem);
}

.lfnrnDgns .lfnrn_contents .lfnrn_map_area {
	width: 47%;
	height : 100%;
}

.lfnrnDgns .lfnrn_contents .lfnrn_map_area .lfnrn_map_cover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 2rem 3.5rem 1.2rem 3.5rem; /*padding _area 와 동일*/
}

.lfnrnDgns .lfnrn_contents .lfnrn_map_area .lfnrn_map_cover>div {
	display: inline-block;
	cursor: pointer;
	position: absolute;
	transition: 0.4s;
}

.lfnrnDgns .lfnrn_contents .lfnrn_map_area .lfnrn_map_cover>div:hover {
	transform: translateY(-1rem);
}

.lfnrnDgns #bsml_div {
	left: 15%;
	top: 10%;
}

.lfnrnDgns #noise_div {
	right: 19%;
	top: 17%;
}

.lfnrnDgns #dms_div {
	left: 30%;
	top: 33%;
}

.lfnrnDgns #grgs_div {
	right: 20%;
	bottom: 34%;
}

.lfnrnDgns #ipcss_div {
	left: 18%;
	bottom: 25%;
}

.lfnrnDgns #arqlt_div {
	right: 13%;
	bottom: 12%;
}

.lfnrnDgns .lfnrn_contents .lfnrn_map_area .lfnrn_ico {
	background-image: url(/assets/bnz/common/images/ctzn/lfnrn_map_icon_back.svg);
	display: inline-block;
	width: 9rem;
	height: 10rem;
	padding: 12% 15% 15% 15%;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	align-items: baseline;
	justify-content: center;
	margin: 0 auto;
}

.lfnrnDgns #grgs_div .lfnrn_ico {
	padding: 15% 6%;
}

.lfnrnDgns .lfnrn_contents .lfnrn_map_area p {
	display: inline-block;
	background: rgba(255, 255, 255, 0.5);
	box-shadow: 0px 3px 6px var(--shadow-color1);
	border: 0.2rem solid var(--blue-color);
	opacity: 1;
	backdrop-filter: blur(0.2rem);
	-webkit-backdrop-filter: blur(0.2rem);
	border-radius: 10rem;
	height: 4rem;
	line-height: 3.6rem;
	min-width: 14rem;
	padding: 0 1.5rem;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 500;
}

.lfnrnDgns .lfnrn_contents .lfnrn_cont_area {
	width: 40%;
	height: 100%;
	overflow-y: auto;
}

.lfnrnDgns .lfnrn_contents .lfnrn_cont_area>div {
	background: rgba(255, 255, 255, 0.1);
	box-shadow: 2px 6px 10px var(--shadow-color1);
	border: 0.2rem solid #FFFFFF;
	border-radius: 1.4rem;
	backdrop-filter: blur(3rem);
	-webkit-backdrop-filter: blur(3rem);
	text-align: center;
	font-size: 1.2rem;
	position: relative;
}

.lfnrnDgns .lfnrn_contents .lfnrn_cont_area>div+div {
	margin-top: 1.2rem;
}

.lfnrnDgns .lfnrn_contents .lfnrn_cont_area>div .graph_nodata {
	padding: calc(15% - 0rem) 0 15% 0;
}

.lfnrnDgns .lfnrn_contents .lfnrn_cont_area>div h3 {
	font-size: 1.4rem;
	padding: 1.5rem 0 0 0;
}

.lfnrnDgns .lfnrn_contents .lfnrn_cont_area>div .tooltip_ico {
	width: 2rem;
	height: 2rem;
	line-height: 1.2;
	font-size: 1.2rem;
	position: absolute;
	top: 1.5rem;
	right: 1.5rem;
}

.lfnrnDgns .lfnrn_contents .lfnrn_cont_area>div .tooltip_desc {
	right: -5%;
	width: 31rem;
	top: -11rem;
}

.lfnrnDgns .lfnrn_contents .lfnrn_cont_area>div .tooltip_desc.active {
	display: block;
}

.lfnrnDgns .lfnrn_contents .lfnrn_cont_area>div [name*='Btn'] {
	font-size: 1.2rem;
	color: var(--gray-color);
	padding: 0.5rem 0;
	text-align: center;
	background: var(--lightgray-color);
	border-radius: 0 0 1.4rem 1.4rem;
	box-shadow: inset 0px 3px 6px #0000001A;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 300;
}

.lfnrnDgns .lfnrn_contents .lfnrn_cont_area>div [name*='Btn']:before {
	content: '';
	display: inline-block;
	background-image: url(/assets/bnz/common/images/common/select_arrow_off.svg);
	width: 1.2rem;
	height: 1.2rem;
	background-position: center;
	background-size: 100%;
	filter: invert(1) brightness(0.7);
	margin-right: 0.5rem;
	position: relative;
	top: 0.15rem;
}

.lfnrnDgns .lfnrn_contents .lfnrn_cont_area>div [name='foldBtn']:before {
	transform: rotate(180deg);
}

.lfnrnDgns .lfnrn_contents .lfnrn_cont_area>div .lfnrn_result, .lfnrnDgns .lfnrn_contents .lfnrn_cont_area>div .lfnrn_result_detail {
	padding: 2rem;
}

.lfnrnDgns .lfnrn_contents .lfnrn_result:not(:has(.flex_box)), .lfnrnDgns .lfnrn_contents .lfnrn_result_detail:not(:has(.flex_box)) {
	display: flex;
	gap: 0 1rem;
}

.lfnrnDgns .lfnrn_contents .lfnrn_result .flex_box, .lfnrnDgns .lfnrn_contents .lfnrn_result_detail .flex_box {
	gap: 0 1rem;
}

.lfnrnDgns .lfnrn_contents .lfnrn_result .flex_box>div, .lfnrnDgns .lfnrn_contents .lfnrn_result_detail .flex_box>div, .lfnrnDgns .lfnrn_contents .lfnrn_result:not(:has(.flex_box))>div, .lfnrnDgns .lfnrn_contents .lfnrn_result_detail:not(:has(.flex_box))>div {
	flex: 1;
}

.lfnrnDgns .lfnrn_contents .lfnrn_card .item strong {
	font-size: 1.3rem;
	padding-bottom: 0.5rem;
	display: block;
	word-break: keep-all;
	font-weight: 500;
	color: #003B73;
}

.lfnrnDgns .lfnrn_contents .lfnrn_card .lfnrn_result_detail {
	border-top: 1px solid var(--U-gray-color);
	box-shadow: inset 0px 3px 6px var(--shadow-color1);
}

.lfnrnDgns .lfnrn_contents .lfnrn_card.card5 .lfnrn_result_detail {
	flex-wrap: wrap;
	gap: 1rem;
}

.lfnrnDgns .lfnrn_contents .lfnrn_card.card5 .lfnrn_result_detail>div {
	width: calc(100%/ 3 - 2rem/ 3);
	flex: unset;
}

.lfnrnDgns .lfnrn_contents .lfnrn_card.card6  .lfnrn_result>strong {
	display: block;
}

.lfnrnDgns .lfnrn_contents .lfnrn_cont_area>div .sttsIco {
	border-radius: 5rem;
	height: 2.5rem;
	line-height: 2.4rem;
	flex: 1;
	padding: 0 1rem;
	font-size: 1.4rem;
}

/* .lfnrnDgns .lfnrn_contents .lfnrn_cont_area > div.card3 .sttsIco { */
/* 	height: auto; */
/*     line-height: 1.5; */
/* } */
.lfnrnDgns .lfnrn_contents .lfnrn_cont_area>div.card3 .sttsIco:has(span[name="nvl"]:not(.displaynone)) {
	padding: 1rem 0;
	border-radius: 1rem;
	height: auto;
	line-height: 1.5;
}

.lfnrnDgns .lfnrn_contents .lfnrn_cont_area>div .sttsIco span:first-child {
	display: block;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 500;
}

.lfnrnDgns .lfnrn_contents .lfnrn_cont_area>div .sttsIco span:last-child {
	font-size: 1.2rem;
}

.lfnrnDgns .lfnrn_contents .lfnrn_card.card3 .lfnrn_result_detail .sttsIco, .lfnrnDgns .lfnrn_contents .lfnrn_card.card6 .lfnrn_result_detail .sttsIco {
	padding: 2rem;
	background: #fff;
	box-shadow: inset 0px 3px 6px #00000029;
	border-radius: 0.5rem;
	color: var(--black-color);
	height: auto;
}

.lfnrnDgns .lfnrn_contents .lfnrn_cont_area>span {
	text-align: right;
	display: block;
	font-size: 1.2rem;
	padding-top: 1rem;
}

/******************************* 
/* *--- 1-2. 탄소 균형 진단 
/********************************/
/*------1-2-1) 탄소 BMI 검사 (.cbnBMIInsp) ---*/
.cbnBMIInsp {
	background: transparent linear-gradient(90deg, rgba(41, 156, 159, 0.4) 0%, rgba(46, 120, 160, 0.4) 55%, rgba(50, 91, 161, 0.4) 100%) 0% 0% no-repeat padding-box;
}

.cbnBMIInsp .layout_md.top {
	padding-top: 13.4rem;
	z-index: 2;
}

.cbnBMIInsp .layout_fix.bottom {
	padding-bottom: 10rem;
}

.cbnBMIInsp .insp_top {
	position: relative;
	padding-bottom: 0;
}

.cbnBMIInsp .insp_top .opc_card.right {
	float: right;
	padding: 1rem;
	box-shadow: inset 0px 3px 6px #FFFFFF29, 0px 20px 50px #24AB9D40;
	width: 56%;
	position: absolute;
	right: 0;
	bottom: -15rem;
	display: flex;
	/* 	background: transparent linear-gradient(271deg, #FFFFFF00 0%, #EEFFF77B 48%, #DCFFEF 100%) 0% 0% no-repeat padding-box; */
	background-image: url(/assets/bnz/common/images/ctzn/main_sec3_card_bg.svg);
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: -45% -10%;
}

.cbnBMIInsp .insp_top .opc_card.right:before {
	content: '';
	background-image: url(/assets/bnz/common/images/ctzn/main_circle_yellow2.svg);
	background-position: right;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	width: 13rem;
	height: 13rem;
	right: -5%;
	top: -12.5%;
	opacity: 0.7;
}

.cbnBMIInsp .insp_top .opc_card.right>span {
	width: 20rem;
	display: flex;
	align-items: center;
	justify-content: end;
	padding-right: 10%;
	font-size: 3.8rem;
	/*     border-right: 2px solid #87E9BC60; */
}

.cbnBMIInsp .insp_top .opc_card.right>div {
	padding: 3rem 2.5rem;
	margin: 2.5rem 1rem;
	background: rgba(255, 255, 255, 0.5);
	box-shadow: 0px 3px 6px var(--shadow-color1);
	border: 1px solid #FFFFFF;
	border-radius: 3.3rem;
	opacity: 1;
	backdrop-filter: blur(0.9rem);
	-webkit-backdrop-filter: blur(0.9rem);
}

.cbnBMIInsp .opc_card:not(.right) {
	padding: 3rem 2.5rem;
	display: inline-block;
	background: transparent linear-gradient(291deg, #C5FAE2 0%, #B8C8FF 100%) 0% 0% no-repeat padding-box;
	width: 52%;
	position: relative;
	z-index: 1;
}

.cbnBMIInsp .insp_bottom {
	border-radius: 0 60rem 0 0;
	padding-top: 23rem;
	/* 	background: linear-gradient(to bottom,#ffffff 40%,#D8C6FC 100%); */
	background-image: url(/assets/bnz/common/images/ctzn/main_sec3_bg.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
	margin-top: -7%;
	z-index: 1;
	position: relative;
	background-color: #fff;
}

.cbnBMIInsp .insp_bottom .insp_search_wrap {
	padding: 2rem 11rem;
	background: #E7F7FF;
	border-radius: 20rem;
	width: 100%;
	box-shadow: inset 0px 3px 6px #FFFFFF29, 0px 30px 90px #00000029;
	margin-bottom: 2.5rem;
}

.cbnBMIInsp .insp_bottom .insp_search_wrap .title_area {
	padding-bottom: 1.5rem;
	margin-bottom: 1.5rem;
	border-bottom: 2px dashed #BCBCBC;
}

.cbnBMIInsp .insp_bottom .insp_search_wrap .title_area .city_area {
	margin-top : 1rem;
}

.cbnBMIInsp .insp_bottom .insp_search_wrap .city_area {	
    flex-wrap: wrap;
    gap: 1rem;
}

.cbnBMIInsp .insp_bottom .insp_search_wrap .city_area label {
	padding: 0 1rem;
}

.cbnBMIInsp .insp_bottom .insp_search_wrap .city_area .input_fake:checked+label {
	font-size: 0;
}

.cbnBMIInsp .insp_bottom .insp_search_wrap .city_area .input_fake:checked+label:before {
	content: '';
	display: inline-block;
	width: 100%;
	height: 100%;
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: var(--img-filenm);
}

.cbnBMIInsp .insp_bottom .insp_search_wrap .city_area .input_fake:checked+label.city_stdgAvgChk:before, .cbnBMIInsp .insp_bottom .insp_search_wrap .city_area .input_fake:checked+label.city_4117000000:before {
	background-size: 100%;
}

.cbnBMIInsp .insp_bottom .insp_search_wrap .city_area .input_fake:checked+label.city_4163000000:before, .cbnBMIInsp .insp_bottom .insp_search_wrap .city_area .input_fake:checked+label.city_4183000000:before {
	background-size: 45%;
}

.cbnBMIInsp .insp_bottom .insp_search_wrap .city_area .input_fake:checked+label.city_4167000000:before {
	background-size: 60%;
}

.cbnBMIInsp .insp_bottom .insp_search_wrap .city_area .input_fake:checked+label.city_4148000000:before, .cbnBMIInsp .insp_bottom .insp_search_wrap .city_area .input_fake:checked+label.city_4182000000:before {
	background-size: 50%;
}

.cbnBMIInsp .insp_bottom .insp_search_result {
	background: #fff;
	box-shadow: 0px 3px 6px var(--shadow-color1);
	border: 1px solid #CCCCCC;
	border-radius: 4rem;
	padding: 2rem 8rem;
	position: relative;
	z-index: 1;
}

.cbnBMIInsp .insp_bottom .insp_search_result .insp_result_header {
	display: flex;
	justify-content: space-between;
	align-items: end;
	font-size: 2.8rem;
	border-bottom: 1px solid var(--gray-color);
	padding-bottom: 1.5rem;
	position: relative;
}

.cbnBMIInsp .insp_bottom .insp_search_result .insp_result_header .tooltip_desc {
	top: calc(-100% - 7rem);
	right: -12.5rem;
}

.cbnBMIInsp .insp_bottom .insp_search_result .insp_result_header .tooltip_desc.active {
	display: block;
}

.cbnBMIInsp .insp_bottom .insp_search_result .insp_result_header select {
	width: 12rem;
}

.cbnBMIInsp .insp_bottom .insp_search_result .range_area {
	padding-bottom: 1.5rem;
	margin-bottom: 2.5rem;
	border-bottom: 2px dashed #BCBCBC;
}

.cbnBMIInsp .insp_bottom .range_area .range_wrap {
	position: relative;
	padding: 8.4rem 0;
}

.cbnBMIInsp .insp_bottom .range_area  .range {
	width: 100%;
	height: 4.6rem;
	background: transparent linear-gradient(90deg, #62A9E4 0%, #3CE5BD 24%, #F2B31F 71%, #C21F1F 100%) 0% 0% no-repeat padding-box;
	font-size: 1.4rem;
	color: rgba(255, 255, 255, 0.6);
	display: flex;
	justify-content: space-between;
	padding: 0 2rem;
	align-items: center;
}

.cbnBMIInsp .insp_bottom .range_area .range p span {
	font-size: 1.2rem;
	display: block;
}

.cbnBMIInsp .insp_bottom .range_area .range p:nth-child(2) {
	text-align: center;
	display: none;
}

.cbnBMIInsp .insp_bottom .range_area .range p:nth-child(3) {
	text-align: right;
}

.cbnBMIInsp .insp_bottom .range_area .range_cover {
	position: absolute;
	left: 0;
	top: 8.4rem;
	width: 100%;
	height: 4.6rem;
}

.cbnBMIInsp .insp_bottom .range_area .range_cover .tick_wrap {
	position: absolute;
	top: 0;
	height: 100%;
	width: 5rem;
	text-align: center; -
	-tick-color: red;
	z-index: 1;
}

.cbnBMIInsp .insp_bottom .range_area .range_cover .tick_wrap:hover {
	z-index: 2;
}

.cbnBMIInsp .insp_bottom .range_area .range_cover .tick_wrap>span {
	position: relative;
	transform: translate(-50%, calc(-100% - 0.5rem));
	left: 50%;
	border-color: var(--tick-color);
	width: 12rem;
	font-size: 0;
}

.cbnBMIInsp .insp_bottom .range_area .range_cover .tick_wrap>span:before {
	content: '';
	display: inline-block;
	width: 100%;
	height: 100%;
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: var(--img-filenm);
}

.cbnBMIInsp .insp_bottom .range_area .range_cover .tick_wrap:not(.highlight):nth-child(2n+1)>span {
	transform: translate(-50%, calc(100% + 1.7rem));
}

.cbnBMIInsp .insp_bottom .range_area .range_cover .tick_wrap .tick {
	width: 0.8rem;
	height: 140%;
	background: var(--tick-color);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border: 1px solid #fff;
	border-radius: 1rem;
}

.cbnBMIInsp .insp_bottom .range_area .range_cover .tick_wrap .tick:before, .cbnBMIInsp .insp_bottom .range_area .range_cover .tick_wrap .tick:after {
	content: '';
	display: inline-block;
	width: 1rem;
	height: 1rem;
	border-radius: 3rem;
	background: var(--tick-color);
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	top: -0.5rem;
	border: 1px solid #fff;
}

.cbnBMIInsp .insp_bottom .range_area .range_cover .tick_wrap .tick:after {
	top: unset;
	bottom: -0.5rem;
}

.cbnBMIInsp .insp_bottom .insp_result_body .table_wrap p {
	font-size: 1rem;
	margin-top: 0.5rem;
	text-align: right;
	color: var(--gray-color);
}

.cbnBMIInsp .insp_bottom .insp_search_result .sect_area {
	text-align: center;
}

.cbnBMIInsp .insp_bottom .insp_search_result .sect_area .title_area .titleS {
	font-weight: 400;
}

.cbnBMIInsp .insp_bottom .insp_search_result .sect_area .title_area strong {
	font-size: 2.4rem;
	font-weight: 500;
}

.cbnBMIInsp .insp_bottom .insp_search_result .sect_area .title_area span {
	display: block;
	font-size: 1.6rem;
	font-weight: 300;
	margin: 0.5rem 0 1em 0;
}

.cbnBMIInsp .insp_bottom .insp_search_result .sect_wrap {
	background-color: var(--lightgray-color);
	border-radius: 4.4rem;
	padding: 0.5rem 0 5rem 0;
}

.cbnBMIInsp .insp_bottom .insp_search_result .sect_wrap+span {
	font-size: 1.2rem;
	text-align: right;
	display: block;
	padding-right: 2rem;
	margin-top: 1rem;
}

.cbnBMIInsp .insp_bottom .insp_search_result .sect_item {
	padding: 5.4rem 5.4rem 0rem 5.4rem;
	display: flex;
	align-items: center;
}

.cbnBMIInsp .insp_bottom .insp_search_result .sect_item p {
	font-size: 2.4rem;
	min-width: 12rem;
	text-align: left;
}

.cbnBMIInsp .insp_bottom .insp_search_result .sect_item>div {
	flex: 1;
}

.cbnBMIInsp .insp_bottom .insp_search_result .sect_item .range_wrap {
	position: relative;
}

.cbnBMIInsp .insp_bottom .insp_search_result .sect_item .range {
	background: transparent linear-gradient(90deg, #2E75B6 0%, #00B050 35%, #78C77C 70%, #DC501C 100%) 0% 0% no-repeat padding-box;
	box-shadow: inset 2px 3px 6px var(--shadow-color1);
	border-radius: 23px;
	width: 100%;
	height: 2.8rem;
}

.cbnBMIInsp .insp_bottom .insp_search_result .sect_item .tick_wrap {
	position: absolute;
	top: -0.5rem;
}

.cbnBMIInsp .insp_bottom .insp_search_result .sect_item .tick_wrap .tick {
	width: 3.8rem;
	height: 3.8rem;
	background: #09276B;
	box-shadow: 4px 2px 4px var(--shadow-color1);
	border: 0.6rem solid #fff;
	border-radius: 10rem;
}

.cbnBMIInsp .insp_bottom .insp_search_result .sect_item .tick_wrap.average .tick {
	border-radius: 1.2rem;
	background: var(--green-color);
}

.cbnBMIInsp .insp_bottom .insp_search_result .sect_item .tick_wrap .input_fake_btn {
	position: absolute;
	transform: translate(-50%, calc(-200% - 0.5rem));
	left: 50%;
	width: 12rem;
	font-size: 1.4rem;
	box-shadow: 4px 2px 4px var(--shadow-color1);
	padding: 0 1.5rem;
	font-size: 0;
}

.cbnBMIInsp .insp_bottom .insp_search_result .sect_item .tick_wrap .input_fake_btn:before {
	content: '';
	display: inline-block;
	width: 100%;
	height: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.cbnBMIInsp .insp_bottom .insp_search_result .sect_item .tick_wrap .input_fake_btn.all:before {
	background-image: url(/assets/bnz/common/images/ctzn/city_logo/city_stdgAvgChk.svg);
}

.cbnBMIInsp .insp_bottom .insp_search_result .sect_item .tick_wrap .input_fake_btn:not(.all):before {
	background-image: url(/assets/bnz/common/images/ctzn/city_logo/city_4119000000.png);
	background-size: 60%;
}

/*------1-2-2) 탄소 체형 검사 (.cbnBypInsp) ---*/
.cbnBypInsp {
	/* 	background: transparent linear-gradient(359deg, #E4F4FF60 0%, #E3F5FF 100%) 0% 0% no-repeat padding-box; */
	background-image: url(/assets/bnz/common/images/ctzn/main_sec4_bg.svg);
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: center;
}

.cbnBypInsp .layout_fix {
	padding-top: 10.4rem;
	padding-bottom: 10rem;
}

.cbnBypInsp .opc_card {
	padding: 3rem 2.5rem;
	width: 60%;
}

.cbnBypInsp .opc_card+.board_wrap {
	padding-top: 3rem;
}

.cbnBypInsp .byp_area {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10rem;
}

.cbnBypInsp .byp_area .byp_card_wrap {
	width: calc(100%/ 3 - 5rem);
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	position: relative;
}

.cbnBypInsp .byp_area .byp_card_wrap small {
	font-size: 1rem;
	display: block;
	text-align: right;
	font-weight: 400;
	position: absolute;
	right: 0;
	top: calc(100% + 0.8rem);
}

.cbnBypInsp .byp_area .byp_card {
	background: #fff;
	box-shadow: inset 0px 3px 6px #FFFFFF29, 0px 60px 90px var(--shadow-color1);
	border: 2px solid #FFFFFF;
	border-radius: 3.4rem;
	opacity: 1;
	backdrop-filter: blur(0.5rem);
	-webkit-backdrop-filter: blur(0.5rem);
	text-align: center;
	padding: 2rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex: 1;
}

.cbnBypInsp .byp_area .byp_card h5 {
	font-weight: 400;
}

.cbnBypInsp .byp_area .byp_card .strongFont {
	font-size: 2.8rem;
	font-weight: 500;
	margin-bottom: 0.5rem;
}

.cbnBypInsp .byp_area .byp_card .img_area {
	position: relative;
}

.cbnBypInsp .byp_area .byp_card .img_area img {
	width: 100%;
}

.cbnBypInsp .byp_area .byp_card .cover_cont {
	position: absolute;
}

.cbnBypInsp .byp_area .byp_card.weight .img_area {
	width: 91.5%;
	margin: 0 auto;
}

.cbnBypInsp .byp_area .byp_card.weight .cover_cont {
	background-color: var(--lightgray-color);
	color: var(--A-black-color);
	border-radius: 0.6rem;
	border: 1px solid var(--U-lightgray-color);
	padding: 1rem 1rem 0.5rem 1rem;
	top: 10%;
	left: 50%;
	transform: translate(-50%, 0);
	width: 48%;
}

.cbnBypInsp .byp_area .byp_card.weight .cover_cont .digital {
	display: block;
	font-size: 5rem;
	font-family: 'DS-Digital';
	line-height: 0.8;
}

.cbnBypInsp .byp_area .byp_card.weight .cover_cont>div {
	font-size: 1.2rem;
	padding-top: 0.5rem;
	border-top: 1px solid var(--gray-color);
	margin-top: 0.2rem;
}

.cbnBypInsp .byp_area .byp_card.weight .cover_cont>div strong {
	font-size: 1.6rem;
}

.cbnBypInsp .byp_area .byp_card.breath .cover_cont {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
	padding-top: 0.5rem;
}

.cbnBypInsp .byp_area .byp_card.breath .cover_cont .breath_item {
	width: 50%;
	text-align: center;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.cbnBypInsp .byp_area .byp_card.breath .cover_cont .breath_item:last-child:before {
	content: '';
	width: 1px;
	height: 90%;
	border-left: 4px dashed #BCBCBC;
	position: absolute;
	left: -6px;
	top: 0;
}

.cbnBypInsp .byp_area .byp_card.breath .cover_cont .breath_item>p {
	line-height: 1.2;
	font-weight: 600;
	padding: 5% 0;
	font-size: 1.4rem;
}

.cbnBypInsp .byp_area .byp_card.breath .cover_cont .breath_dt {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 1.5rem;
	gap: 1rem 0;
}

.cbnBypInsp .byp_area .byp_card.breath .cover_cont .breath_item:first-child .breath_dt {
	padding-right: calc(1.5rem + 8px);
}

.cbnBypInsp .byp_area .byp_card.breath .cover_cont .breath_item:last-child .breath_dt {
	padding-right: calc(1.5rem + 4px);
}

.cbnBypInsp .byp_area .byp_card.breath .cover_cont .breath_dt span {
	background: rgba(255, 255, 255, 0.6);
	box-shadow: inset 0px 3px 6px var(--shadow-color1), 0px 3px 6px var(--shadow-color1);
	border: 1px solid #FFFFFF;
	border-radius: 3.6rem;
	backdrop-filter: blur(0.2rem);
	-webkit-backdrop-filter: blur(0.2rem; );
	padding: 0.5rem;
	font-size: 1.2rem;
}

.cbnBypInsp .byp_area .byp_card.breath .cover_cont .breath_dt span.dt_tit {
	font-size : 1.6rem;
	background: #28BB9D99;
	border-radius: 1.6rem;
	font-weight: 500;
}

.cbnBypInsp .byp_area .byp_card.breath .cover_cont .breath_dt b {
	display: block;
	font-weight: 500;
	font-size: 1.6rem;
}

.cbnBypInsp .byp_area .byp_card.breath .cover_cont .breath_dt strong {
	font-size: 3.2rem;
	display: block;
	word-break: break-all;
}

.cbnBypInsp .byp_area .byp_card.breath .cover_cont .breath_dt b+strong {
	font-size: 2.6rem;
	display: inline;
}

.cbnBypInsp .byp_area .byp_card.muscles .img_area {
	display: flex;
	margin-top : 1rem;
}

.cbnBypInsp .byp_area .byp_card.muscles .img_area>* {
	width: 55%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 1rem 0;
}

.cbnBypInsp .byp_area .byp_card.muscles .cover_cont {
	width: 45%;
	position: relative;
	padding-right: 1.5rem;
}

.cbnBypInsp .byp_area .byp_card.muscles .muscles_item {
	background: #FFF;
	box-shadow: inset 0px 3px 6px var(--shadow-color1), 0px 3px 6px var(--shadow-color1);
	border: 1px solid #FFFFFF;
	border-radius: 1rem;
	backdrop-filter: blur(3rem);
	-webkit-backdrop-filter: blur(3rem);
	padding: 0.8rem 1rem 0.3rem 1rem;
}

.cbnBypInsp .byp_area .byp_card.muscles .muscles_item p {
	font-size: 1rem;
}

.cbnBypInsp .byp_area .byp_card.muscles .muscles_item p strong {
	font-size: 1.2rem;
	font-weight: 500;
	display: block;
}

.cbnBypInsp .byp_area .byp_card.muscles .muscles_item>div {
	font-size: 1.4rem;
}

.cbnBypInsp .byp_area .byp_card.muscles .muscles_item>div strong {
	font-size: 2.4rem;
	font-weight: 500;
}

.cbnBypInsp .byp_area .byp_card .desc_area {
	color: var(--blue-color);
	display: flex;
/* 	align-items: center; */
	justify-content: center;
	margin-top: 1rem;
	line-height: 1.5;
    word-break: keep-all;
}

.cbnBypInsp .byp_area .byp_card .desc_area b {
	margin: 0 0.5rem;
}

.cbnBypInsp .byp_area .byp_card .desc_area:before {
	content: '';
	width: 2.4rem;
	height: 2.4rem;
	border-radius: 5rem;
	background-color: var(--blue-color);
	display: inline-block;
	margin-right: 1rem;
	flex-shrink: 0;
	margin-top : 0.1rem;
}

.cbnBypInsp .byp_area .byp_card .desc_area.bad {
	color: var(--red-color);
}

.cbnBypInsp .byp_area .byp_card .desc_area.normal {
	color: var(--green-color);
}

.cbnBypInsp .byp_area .byp_card .desc_area.bad:before {
	background-color: var(--red-color);
}

.cbnBypInsp .byp_area .byp_card .desc_area.normal:before {
	background-color: var(--green-color);
}

#dgnsPop .dgns_doc {
	font-size: 1.4rem;
	padding: 2.5rem 5rem 1rem 5rem;
}

#dgnsPop .dgns_doc .dgns_result_top {
	border-bottom: 1px solid var(--A-lightgray-color);
	padding-bottom: 1rem;
}

#dgnsPop .dgns_doc .dgns_result_contents h5 {
	padding: 1rem 0 0.5rem 0;
}

#dgnsPop .dgns_doc .dgns_result_contents .dr_summary {
	border: 1px solid var(--U-gray-color);
	padding: 1rem 2rem
}

#dgnsPop .dgns_doc .dgns_result_contents .dr_summary .bcnBMI {
	font-weight: 600;
}

#dgnsPop .board_wrap table th, #dgnsPop .board_wrap table td {
	font-size: 1.4rem;
}

#dgnsPop .dgns_doc .dgns_result_solut {
	text-align: center;
	padding: 2.5rem 0 7rem 0;
}

#dgnsPop .dgns_doc .dgns_result_solut h5 {
	font-weight: 500;
}

#dgnsPop .dgns_doc .dgns_solut_card {
	display: flex;
	justify-content: space-between;
	gap: 0 0.8rem;
	margin-top: 1rem;
}

#dgnsPop .dgns_doc .dgns_solut_card>div {
	background: var(--U-lightgray-color);
	box-shadow: inset 0px 3px 6px #FFFFFF29, 0px 10px 20px var(--shadow-color1);
	border: 2px solid #FFFFFF;
	border-radius: 2.3rem;
	padding: 1.3rem 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#dgnsPop .dgns_doc .dgns_solut_card .c_img {
	max-width: 45%;
	margin: 1rem auto;
}

#dgnsPop .dgns_doc .dgns_solut_card .c_desc {
	font-size: 1.2rem;
	padding: 0 10%;
	word-break: keep-all;
}

#dgnsPop .dgns_doc .dgns_solut_card .c_desc strong {
	display: block;
}

/******************************* 
*--- 1-3. 체력 개선 플랜
*******************************/
/*------1-3-1) 탄소 감축 플랜 (.cbnImprvmPlan) ---*/
.cbnImprvmPlan {
	background: transparent linear-gradient(120deg, #CAF896 0%, #81B844 100%) 0% 0% no-repeat padding-box;
	position: relative;
}

.cbnImprvmPlan:before {
	content: '';
	background-image: url(/assets/bnz/common/images/ctzn/main_triangle.svg);
	background-position: right;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	width: 50rem;
	height: 50rem;
	left: 4%;
	top: 10%;
}

.cbnImprvmPlan .chart_wrap {
	padding-top: 10.4rem;
	position: relative;
}

.cbnImprvmPlan .chart_wrap:before {
	content: '';
	background-image: url(/assets/bnz/common/images/ctzn/main_circle_yellow3.svg);
	background-position: right;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	width: 50rem;
	height: 50rem;
	right: -20%;
	top: 20%;
	opacity: 0.8;
}

.cbnImprvmPlan .layout_fix>.opc_card {
	padding: 2.5rem 0 4rem 0;
	text-align: center;
	border-radius: 20rem;
	width: 67%;
	margin: 0 auto;
}

.cbnImprvmPlan .graph_area {
	position: relative;
	padding-top: 9.6rem;
}

.cbnImprvmPlan .graph_area .opc_card {
	border-radius: 3.4rem;
	padding: 5rem 4rem 2.8rem 4rem;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 2rem;
	width: 36%;
}

.cbnImprvmPlan .graph_area .opc_card .tab_wrap {
	margin-top: 5rem;
}

.cbnImprvmPlan .graph_area .grgs_area {
	display: flex;
	flex-direction: column;
	align-items: end;
}

.cbnImprvmPlan .graph_area .graph_wrap {
	width: 89%;
	background-color: var(--black-color);
	border-radius: 2rem;
	display: flex;
	justify-content: end;
	align-items: center;
	border: 1px solid #fff;
}

.cbnImprvmPlan .graph_area .grgs_area .graph {
	height: 48rem;
	width: 72%;
	padding: 0 1rem 2rem 1rem;
}

.cbnImprvmPlan .graph_area .grgs_area>span {
	font-size: 1.2rem;
	margin-top: 0.5rem;
}

.cbnImprvmPlan .biz_area {
	border-radius: 60rem 0 0 0;
	padding-top: 15%;
	background: transparent linear-gradient(180deg, #ddd 0%, #E3F5FF 60%, #E3F5FF 200%) 0% 0% no-repeat padding-box;
	margin-top: -14%;
	z-index: -1;
	position: relative;
}

.cbnImprvmPlan .biz_area .card_wrap {
	padding-top: 7rem;
	padding-bottom: 7rem;
}

.cbnImprvmPlan .biz_area .card_wrap .title_area {
	margin-bottom: 4rem;
}

.cbnImprvmPlan .card_list>ul {
	display: flex;
	gap: 0 2rem;
	/*     justify-content: space-between; */
	margin: 4rem 0 0 0;
}

.cbnImprvmPlan .card_list>ul>li.card_container {
	position: relative;
	/*   perspective: 1000px; */
	width: calc(100%/ 4 - 6rem/ 4);
}

.cbnImprvmPlan .card_list>ul>li.card_container:after {
	content: '';
	display: inline-block;
	width: 100%;
	padding-bottom: 125%;
}

.cbnImprvmPlan .card_list>ul>li .card {
	display: inline-block;
	width: 100%;
	height: 100%;
	-moz-backface-visibility: hidden;
	transform-style: preserve-3d;
	transform: translateZ(-100px);
	transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	box-shadow: inset 0px 3px 6px #FFFFFF29, 0px 60px 90px #00000029;
	border-radius: 2.4rem;
	position: absolute;
	left: 0;
	top: 0;
}

.cbnImprvmPlan .card_list>ul>li .card:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	box-shadow: 0 14px 50px -4px rgba(0, 0, 0, 0.15);
	opacity: 0;
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1.4);
}

.cbnImprvmPlan .card_list>ul>li .card:hover {
	transform: translateZ(0px);
}

.cbnImprvmPlan .card_list>ul>li .card:hover:after {
	opacity: 1;
}

.cbnImprvmPlan .card_list>ul>li .card.active {
	transform: translateZ(0px) rotateY(180deg) !important;
}

.cbnImprvmPlan .card_list>ul>li .card.active:after {
	display: none;
}

.cbnImprvmPlan .card_list>ul>li .card .side {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	background-color: white;
	border-radius: 1rem;
	font-size: 1.6rem;
	text-align: center;
	padding: 14% 5% 10% 5%;
}

.cbnImprvmPlan .card_list>ul>li .card .side .c_cont {
	height: 80%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;;
	word-break: keep-all;
}

.cbnImprvmPlan .card_list>ul>li .card .back .c_cont {
	justify-content: center;
}

.cbnImprvmPlan .card_list>ul>li .card .side .strongFont {
	font-size: 2.4rem;
	line-height: 1.1;
	word-break: keep-all;
}

.cbnImprvmPlan .card_list>ul>li .card .side .btnStrong {
	position: absolute;
	bottom: 7.5%;
	left: 50%;
	transform: translate(-50%, 0);
	min-width: 12rem;
	box-shadow: inset 0px 3px 6px var(--shadow-color1), 0px 3px 6px var(--shadow-color1);
}

.cbnImprvmPlan .card_list>ul>li .card .front {
	z-index: 2;
}

.cbnImprvmPlan .card_list>ul>li .card .front .img {
	height: 80%;
}

.cbnImprvmPlan .card_list>ul>li .card .front .img img {
	height: 100%;
}

.cbnImprvmPlan .card_list>ul>li .card .back {
	transform: rotateY(180deg);
	/*     position: relative; */
	/*     z-index: 1; */
	/*     z-index: 9; */
}

.cbnImprvmPlan .card_list>ul>li .card .back ul {
	display: flex;
	flex-direction: column;
	gap: 1rem 0;
	align-items: center;
	padding: 1rem 0;
}

.cbnImprvmPlan .card_list>ul>li .card .back li {
	padding: 1rem;
	width: 100%;
	box-shadow: 0px 3px 6px var(--shadow-color1);
	border-radius: 5rem;
	font-size: 1.4rem;
	cursor: pointer;
}

.cbnImprvmPlan .card_list>ul>li .card .back li:hover {
	background: var(--main-color1);
	color: #fff;
}

.cbnImprvmPlan .card_list>ul+span {
	font-size: 1.2rem;
	margin: 1rem 0 4rem 0;
	display: block;
	text-align: right;
}

#bizDetail .tit {
	font-size: 2rem;
	margin-bottom: 1rem;
	width: calc(100% - 6rem);
}

#bizDetail ul li ~ li {
	margin-top: 1rem;
}

#bizDetail ul li p {
	font-weight: 500;
}

#bizDetail ul li span {
	font-size: 1.4rem;
}

#bizDetailList .modal_body {
	height: calc(100% - 5.5rem);
	overflow-y: auto;
	padding-right: 0;
}

#bizDetailList .modal_body .brd_search_wrap {
	background-color: transparent;
	padding: 1rem 0 0 0;
}

#bizDetailList .board_wrap table th, #bizDetailList .board_wrap table td {
	font-size: 1.4rem;
}

#bizDetailList .modal_body table tr td.left {
	cursor: pointer;
}

#bizDetailList .modal_body table tr.detail h5 {
	color: var(--black-color);
}

#bizDetailList .modal_body table tr.detail ul {
	font-size: 1.4rem;
}

#bizDetailList .modal_body table tr.detail li p {
	font-weight: 600;
}

#bizDetailList .modal_body table tr.detail li+li {
	margin-top: 1rem;
}

/*------2) 탄소 감축 시계 (.cbnImprvmClock) ---*/
.cbnImprvmClock {
	background: transparent linear-gradient(180deg, #E3F5FF 0%, #E3F5FF 10%, #ddd 70%) 0% 0% no-repeat padding-box;
	positon: relative;
}

.cbnImprvmClock:before {
	content: '';
	background-image: url(/assets/bnz/common/images/ctzn/main_square.svg);
	background-position: right;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	width: 57rem;
	height: 57rem;
	right: 10%;
	top: 6%;
	opacity: 0.8;
}

.cbnImprvmClock .layout_fix {
	padding-top: 10.4rem;
}

.cbnImprvmClock .opc_card {
	border-radius: 3.4rem;
	padding: 5rem 4rem 4rem 4rem;
	display: flex;
	width: 70%;
	margin: 0 auto;
	align-items: end;
	gap: 0 4rem;
}

.cbnImprvmClock .clck_card {
	background: #fff;
	box-shadow: inset 0px 3px 6px var(--shadow-color1), 0px 3px 6px var(--shadow-color1);
	border: 1px solid #FFFFFF;
	border-radius: 1.8rem;
	backdrop-filter: blur(3rem);
	-webkit-backdrop-filter: blur(3rem);
}

.cbnImprvmClock .opc_card>div:has(p) {
	flex: 1;
	padding-bottom: 1rem;
}

.cbnImprvmClock .ctDown_wrap {
	margin: 2.5rem 0;
	padding: 0 6%;
}

.cbnImprvmClock .ctDown_wrap>span {
	font-size: 1.2rem;
	display: block;
	text-align: right;
	margin-bottom: 0.5rem;
	padding-right: 1rem;
}

.cbnImprvmClock #countdown {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0 1rem;
	padding: 3rem 0;
	position: relative;
}

.cbnImprvmClock #countdown .tooltip_ico {
	position: absolute;
	right: 1rem;
	top: 1rem;
}

.cbnImprvmClock #countdown .tooltip_desc {
	right: 0;
	top: -17rem;
	width: 40%;
	display: none;
}

.cbnImprvmClock #countdown .tooltip_desc.active {
	display: block;
}

.cbnImprvmClock #countdown .clck_tooltip_cont>span {
	display: block;
	text-align: center;
	font-weight: 600;
	margin-bottom: 1.5rem;
}

.cbnImprvmClock #countdown .clck_tooltip_cont ul li:before {
	content: '·';
	display: inline-block;
	margin-right: 0.5rem;
}

.cbnImprvmClock #countdown .clck_tooltip_cont ul li+li {
	margin-top: 0.5rem;
}

.cbnImprvmClock #countdown>p {
	font-size: 2.4rem;
	display: flex;
	align-items: end;
}

.cbnImprvmClock #countdown p span {
	font-family: 'DS-Digital';
	font-size: 7.3rem;
	color: var(--red-color);
	line-height: 1;
	background: #fafafa 0% 0% no-repeat padding-box;
	box-shadow: inset 0px 3px 6px var(--shadow-color1);
	border: 1px solid #FFFF;
	border-radius: 0.8rem;
	padding: 0.5rem 1.5rem;
	text-align: center;
	display: inline-block;
	margin-right: 0.5rem;
}

.cbnImprvmClock #countdown p span.minute, .cbnImprvmClock #countdown p span.seconds {
	min-width: 11rem;
}

.cbnImprvmClock .data_area ul {
	display: flex;
	align-items: stretch;
	gap: 0 3rem;
	padding: 0 6%;
}

.cbnImprvmClock .data_area ul li {
	padding: 2rem 0;
	width: calc(60% - 3rem);
	text-align: center;
}

.cbnImprvmClock .data_area ul li h5 {
	font-size: 2.4rem;
}

.cbnImprvmClock .data_area ul li.total {
	width: 40%;
}

.cbnImprvmClock .data_area ul li.total .redc_cont {
	display: flex;
	justify-content: center;
	margin-top: 2rem;
}

.cbnImprvmClock .data_area ul li.total .redc_cont>* {
	padding: 0 2rem;
	width: 48%;
}

.cbnImprvmClock .data_area ul li.total .redc_cont>div {
	border-left: 1px solid var(--gray-color);
}

.cbnImprvmClock .data_area ul li.total .redc_cont>div p {
	font-size: 2.6rem;
}

.cbnImprvmClock .data_area ul li.total .redc_cont>div p.minus {
	color: var(--red-color);
}

.cbnImprvmClock .data_area ul li.total .redc_cont>div p.plus {
	color: var(--blue-color);
}

.cbnImprvmClock .data_area ul li.total .redc_cont>div p.minus:before {
	content: '⬇︎';
}

.cbnImprvmClock .data_area ul li.total .redc_cont>div p.plus:before {
	content: '⬆';
}

.cbnImprvmClock .data_area ul li:not(.total) {
	display: flex;
}

.cbnImprvmClock .data_area ul li:not(.total)>div {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	flex: 1;
}

.cbnImprvmClock .data_area ul li:not(.total)>div .data {
	height: 61%;
}

.cbnImprvmClock .data_area ul li:not(.total)>div:last-child .data {
	display: block;
	width: 100%;
	border-left: 1px solid var(--gray-color);
	padding: 0.5rem 0;
}

.cbnImprvmClock .data_area ul li>div .rgr {
	display: block;
	font-size: 3.2rem;
	font-weight: 500;
	word-break: break-word;
	line-height: 1.2;
}

.cbnImprvmClock .data_area .btn_wrap {
	margin: 5rem 0;
}

.cbnImprvmClock .data_area>h3.strongFont {
	font-size: 2.8rem;
	line-height: 1.5;
	text-align: center;
	font-weight: 500;
	padding-bottom: 10rem;
}

@media ( max-width : 1280px) {
	.cbnContent .opc_card, .cbnContent .opc_card.small {border-radius: 2rem; width : 100%;}
	
	.wetherWtngChngeCT .layout_md {padding-top: 8rem;padding-bottom: 5rem;}
	.wetherWtngChngeCT .ct_top {display: block;}
	.wetherWtngChngeCT .ct_top .ct_img {top: 0;width: 35%;display: inline-block;vertical-align: bottom;}
	.wetherWtngChngeCT .ct_top .ct_content {padding-top: 1rem;width: 64%;display: inline-block;}
	.wetherWtngChngeCT .ct_content .ct_intro {margin-bottom: 1.5rem;}
	.wetherWtngChngeCT .ct_content .ct_intro .swiper-arrow {right: 2.5rem;}
	.wetherWtngChngeCT .ct_content .ct_intro .swiper-arrow.swiper-prev {right: 7rem;}
	.wetherWtngChngeCT .ct_content .ct_weather_info .info_desc {flex-direction: column;align-items: start;}
	.wetherWtngChngeCT .ct_detail_wrap {margin-top: 2rem; border-radius : 2rem; padding-top : 5rem;}
	.wetherWtngChngeCT .ct_detail_wrap .total_ct_top ul {width: 100%;gap: 0 1rem;}
	.wetherWtngChngeCT .ct_detail_wrap .swiper-slide[name="clmtDiv"] .total_ct_top .titleM,
	.wetherWtngChngeCT .ct_detail_wrap .swiper-slide[name="clmtDiv"] .total_ct_top span.desc {width: 100%;}
	.wetherWtngChngeCT .ct_detail_wrap .dt_deco.deco1 {left: 2rem;top: 2rem; line-height : 1.4;}
	.wetherWtngChngeCT .ct_detail_wrap .dt_deco.deco2 {right: 2rem;top: 2rem; line-height : 1.4;}
	.wetherWtngChngeCT .ct_detail_wrap .total_ct_bottom .title_area .gRight {right : 0.5rem;}
	.wetherWtngChngeCT .ct_detail_wrap .total_ct_bottom .total_graph {display: block;padding: 0;}
	.wetherWtngChngeCT .ct_detail_wrap .total_ct_bottom .total_graph>div {width: 100% !important;}
	.wetherWtngChngeCT .ct_detail_wrap .total_ct_bottom .graph_area + .graph_area {margin-top : 2rem;}
	.wetherWtngChngeCT .ct_detail_wrap .total_ct_bottom .graph_area:not(:last-child):after {display: none;}
	.wetherWtngChngeCT .ct_detail_wrap .total_ct_bottom .graph_desc {margin-bottom: 1rem;}
	.wetherWtngChngeCT .ai_msg {left : unset; right : 5rem;}
	.wetherWtngChngeCT .ct_detail_wrap .swiper-arrow.swiper-prev {left: calc(50% - 25rem);top: 3.7rem;}
	.wetherWtngChngeCT .ct_detail_wrap .swiper-arrow.swiper-next {right: calc(50% - 25rem);top: 3.7rem;}
	
	.lfnrnDgns .layout_fix {padding-top: 5rem;padding-bottom: 5rem;}
	.lfnrnDgns .opc_card {left: 0;width: 100%;}
	.lfnrnDgns .lfnrn_contents {margin-top: 2rem;z-index: 1;padding: 2rem 1rem;gap: 0 1rem;height : 82.5rem; border-radius : 2rem;}
	.lfnrnDgns .lfnrn_contents .lfnrn_map_area {height : auto; width : 42%; border-radius : 2rem;}
	.lfnrnDgns .lfnrn_contents .lfnrn_map_area .lfnrn_ico {width: 6rem; height: 7rem;padding: 1.5rem;}
	.lfnrnDgns .lfnrn_contents .lfnrn_map_area p {height: 3rem;line-height: 2.8rem;font-size : 1.2rem; min-width: unset;}
	.lfnrnDgns .lfnrn_contents .lfnrn_result:not(:has(.flex_box))>div {display: flex;flex-direction: column;justify-content: space-between;}
	.lfnrnDgns .lfnrn_contents .lfnrn_cont_area {width : 46%;border-radius: 2rem;}
	.lfnrnDgns .lfnrn_contents .lfnrn_cont_area .lfnrn_result:not(:has(.flex_box))>div .sttsIco {flex: unset;}
	
	.cbnBMIInsp .layout_md.top {padding-top: 5rem;}
	.cbnBMIInsp .layout_fix.bottom {padding-bottom: 5rem;}
	.cbnBMIInsp .opc_card:not(.right) {width: 100%;}
	.cbnBMIInsp .insp_top {padding-bottom: 0;}
	.cbnBMIInsp .insp_top .opc_card.right {position: relative;top: 0;width: 100%;z-index: 1;bottom: unset;margin-top: 1rem;background-image: unset;float: unset;}
	.cbnBMIInsp .insp_top .opc_card.right:before {right : -2rem;top : -5rem;}
	.cbnBMIInsp .insp_top .opc_card.right>div {margin : 1rem; flex : 1;}
	.cbnBMIInsp .insp_bottom {margin-top: 2rem;border-radius: 0;padding-top: 0;background-image: unset;background-color: unset;}
	.cbnBMIInsp .insp_bottom .insp_search_wrap {border-radius: 2rem; padding: 2rem; margin-bottom : 1rem;}
	.cbnBMIInsp .insp_bottom .insp_search_result {padding: 2rem 6rem; border-radius : 2rem;}
	.cbnBMIInsp .insp_bottom .insp_search_result .sect_wrap { border-radius : 2rem;}
	.cbnBMIInsp .insp_bottom .insp_search_result .sect_area {width: calc(100% + 0rem);left: 0rem;position: relative;}
	.cbnBMIInsp .insp_bottom .insp_search_result .sect_item {padding-left: 2rem;}
	.cbnBMIInsp .insp_bottom .insp_search_result .insp_result_header .tooltip_desc {top: 4.5rem;right: 0;z-index: 2;}
	
	.cbnBypInsp {background-position: center 15%;}
	.cbnBypInsp .layout_fix {padding-top: 5rem;padding-bottom: 0rem;}
	.cbnBypInsp .opc_card {border-radius : 2rem; width : 100%} 
	.cbnBypInsp .byp_area .byp_card_wrap {width: calc(100%/ 3 - 0.5rem);}
	.cbnBypInsp .byp_area .byp_card.breath .cover_cont {padding-top: 0;}
	.cbnBypInsp .byp_area .byp_card.breath .cover_cont .breath_item:first-child .breath_dt {padding-left: 0;}
	.cbnBypInsp .byp_area .byp_card.breath .cover_cont .breath_item:last-child .breath_dt {padding-right: 0;}
	.cbnBypInsp .byp_area .byp_card.muscles .cover_cont {padding-right: 0;gap: 0.5rem;margin-top: 1rem;}
	.cbnBypInsp .byp_area .byp_card {padding: 2rem 1rem; border-radius : 2rem;}
	.cbnBypInsp .byp_area .byp_card .desc_area {flex-wrap: wrap;gap: 0.5rem 0;margin-top: 2rem;}
/* 	.cbnBypInsp .byp_area .byp_card .desc_area:before {width: 1.5rem;height: 1.5rem; margin-top : 0.5rem;} */
	.cbnBypInsp .byp_area .byp_card .desc_area b {display: block;width: 100%;}
	
	.cbnImprvmPlan .chart_wrap {padding-top : 5rem; padding-bottom : 3rem;}
	.cbnImprvmPlan .biz_area {margin-top: 2rem;z-index: 1;padding: 4rem 2rem 0 2rem;border-radius: 0;}
	.cbnImprvmPlan .biz_area .card_wrap {padding: 0;}
	.cbnImprvmPlan .layout_fix>.opc_card {width: 100%;}
	.cbnImprvmPlan .graph_area {flex-direction: column;gap: 2rem 0;padding-top: 2rem;}
	.cbnImprvmPlan .graph_area .left {width: 100%;}
	.cbnImprvmPlan .graph_area .opc_card {border-radius: 2rem; padding: 3rem 2rem;}
	.cbnImprvmPlan .graph_area .opc_card .tab_wrap[class*="type"] .cate_tab li a {padding: 0 1.5rem;}
	.cbnImprvmPlan .graph_area .graph_wrap {width: 63%;}
	.cbnImprvmPlan .graph_area .grgs_area .graph {width: 100%;}
	.cbnImprvmPlan .card_list>ul {gap: 0 1rem;margin-top: 2rem;}
	.cbnImprvmPlan .card_list>ul>li.card_container {width: calc(100%/ 4 - 3rem/ 4);}
	.cbnImprvmPlan .card_list>ul>li .card .side {padding: 5%;}
	.cbnImprvmPlan .card_list>ul>li .card .side .strongFont {font-size: 2rem;}
	.cbnImprvmPlan .card_list>ul>li .card .side .btnStrong {width : 80%;}
	.cbnImprvmPlan .card_list>ul>li .card .back ul {max-height: calc(100% - 4.5rem);overflow-y: auto;}
	.cbnImprvmPlan .card_list>ul>li .card .front .img {height: 60%;}

	.cbnImprvmClock .layout_fix {padding-top: 5rem;}
	.cbnImprvmClock .ctDown_wrap {margin: 1rem 0; padding : 0;}
	.cbnImprvmClock .data_area ul {gap: 0 1rem; padding : 0;}
	.cbnImprvmClock .data_area ul li {width: calc(60% - 1rem);}
}

@media ( max-width : 768px) {
	.wetherWtngChngeCT .ct_top .ct_img {width: 65%;display: block;}
	.wetherWtngChngeCT .ct_top .ct_img .ct_stts {left : 0;}
	.wetherWtngChngeCT .ct_top .ct_content {width: 100%;}
	.wetherWtngChngeCT .ct_detail_wrap {padding-bottom: 6rem;}
	.wetherWtngChngeCT .ct_detail_wrap .dt_deco.deco1,
	.wetherWtngChngeCT .ct_detail_wrap .dt_deco.deco2 {display : none;}
	.wetherWtngChngeCT .ct_detail_wrap .swiper-arrow {transform: scale(0.75);}
	.wetherWtngChngeCT .ct_detail_wrap .swiper-arrow.swiper-prev {left : 0.5rem;}
	.wetherWtngChngeCT .ct_detail_wrap .swiper-arrow.swiper-next {right: 0.5rem;}
	.wetherWtngChngeCT .ct_content .ct_intro .swiper-container {padding-top : 1rem;}
	.wetherWtngChngeCT .ct_content .ct_weather_info {width: 70%;}
	.wetherWtngChngeCT .ct_content .ct_weather_info .info_desc ul {flex-direction: column;}
	.wetherWtngChngeCT .ct_content .ct_advisory:not(:has(.swiper-slide)) {width: 30%;padding: 1.5rem 0.5rem;}
	.wetherWtngChngeCT .ct_content .ct_advisory>span:before {margin: 0 auto 0.5rem auto; display: block;}
	#trnsitnPopup .ai_msg_area {left : -2rem;}
	
	.lfnrnDgns .lfnrn_contents {flex-direction: column;gap: 1rem 0;height: auto;}
	.lfnrnDgns .lfnrn_contents:before {display: none;}
	.lfnrnDgns .lfnrn_contents .lfnrn_cont_area {width: 100%;z-index: 1; padding : 1.5rem 1rem;}
	.lfnrnDgns .lfnrn_contents .lfnrn_cont_area>div .tooltip_desc {right: 0;top: -12rem;}
	.lfnrnDgns .lfnrn_contents .lfnrn_map_area {width: 100%;}
	.lfnrnDgns .lfnrn_contents .lfnrn_map_area .lfnrn_ico {width: 8rem;height: 10rem;padding: 2rem;}
	.lfnrnDgns .lfnrn_contents .lfnrn_map_area p {min-width: 10rem;height: 3.4rem;line-height: 3.2rem;}
	.lfnrnDgns .lfnrn_contents .lfnrn_map_area .lfnrn_map_cover>div:hover {transform: translateY(0rem);}
	.lfnrnDgns #dms_div {left: 25%;}
	.lfnrnDgns #ipcss_div {bottom: 18%;}
	.lfnrnDgns #arqlt_div {bottom: 8%;}
	
	.cbnBMIInsp .insp_top .opc_card.right>div {margin: 0.5rem;}
	.cbnBMIInsp .insp_bottom .range_area .range {padding: 0 0.5rem;font-size: 1.2rem;}
	.cbnBMIInsp .insp_bottom .range_area .range span {font-size: 1.0rem;}
	.cbnBMIInsp .insp_bottom .insp_search_result {padding : 2rem;}
	.cbnBMIInsp .insp_bottom .insp_search_result .sect_wrap {border-radius: 2rem;}
	.cbnBMIInsp .insp_bottom .insp_search_result .sect_item p {font-size: 1.8rem;min-width: 8rem;}
	
	.cbnBypInsp .byp_area {flex-wrap: wrap;justify-content: center;gap: 1rem;margin-bottom: 3rem;}
	.cbnBypInsp .byp_area .byp_card_wrap {width: calc(100%/ 2 - 1rem/ 2);margin-bottom: 4rem;}
	.cbnBypInsp .byp_area .byp_card_wrap small {right: 2%; word-break: keep-all;}
	.cbnBypInsp .byp_area .byp_card.breath .cover_cont .breath_dt strong {font-size: 2rem;}
	.cbnBypInsp .byp_area .byp_card.breath .cover_cont .breath_dt b+strong {font-size: 2rem;}
	.cbnBypInsp .byp_area .byp_card.breath .cover_cont .breath_dt {gap: 1rem 0;}
	.cbnBypInsp .byp_area .byp_card.breath .cover_cont .breath_item:last-child:before {left: -4.5px;}
	.cbnBypInsp .byp_area .byp_card.breath .cover_cont .breath_item:first-child .breath_dt {padding-right: 1rem;}
	.cbnBypInsp .byp_area .byp_card.breath .cover_cont .breath_item:last-child .breath_dt {padding-left: 0.4rem;}
	.cbnBypInsp .byp_area .byp_card.weight .cover_cont {font-size: 1.4rem;}
	.cbnBypInsp .byp_area .byp_card.weight .cover_cont .digital {font-size: 2.5rem;}
	.cbnBypInsp .byp_area .byp_card_wrap:has(.byp_card.muscles) {width: 80%;}
	.cbnBypInsp .byp_area .byp_card.muscles .cover_cont {width: 100%;justify-content: center;}
	.cbnBypInsp .byp_area .byp_card.muscles .img_area {flex-direction: column;align-items: center;}
	.cbnBypInsp .byp_area .byp_card.muscles .img_area > p {width : 35%;}
	.cbnBypInsp .byp_area .byp_card.muscles .cover_cont {flex-direction: row;}
	
	.cbnImprvmPlan .biz_area .card_wrap .title_area .titleM {word-break: keep-all;font-size: 1.6rem;}
	.cbnImprvmPlan .card_list>ul {flex-wrap: wrap;gap: 1rem;}
	.cbnImprvmPlan .card_list>ul>li.card_container {width: calc(100%/ 2 - 1rem/ 2);}
	.cbnImprvmPlan .card_list>ul>li.card_container:after {padding-bottom: 150%;}
	.cbnImprvmPlan .card_list>ul>li .card .side {padding-top: 7.5%;}
	.cbnImprvmPlan .card_list>ul>li .card .side .c_cont {height: 75%;}
	.cbnImprvmPlan .card_list>ul>li .card .front .img {height: 65%;}
	.cbnImprvmPlan .card_list>ul>li .card .front .img img {height: 100%;}
	.cbnImprvmPlan .card_list>ul>li .card .side.front .c_cont {justify-content: space-between;}
	.cbnImprvmPlan .card_list>ul>li .card .side .btnSubmit {bottom: 5%;}
	.cbnImprvmPlan .graph_area .opc_card {width: 100%;position: relative;padding: 2rem 3rem;top: 0;border-radius: 2rem;}
	.cbnImprvmPlan .layout_fix>.opc_card {width: 100%;border-radius: 2rem;background: transparent;border: 0;word-break: keep-all;box-shadow: unset;backdrop-filter: unset;-webkit-backdrop-filter: unset;padding: 0;}
	.cbnImprvmPlan .graph_area .graph_wrap {width: 100%;margin-top: 2rem;}
	
	.cbnImprvmClock .opc_card {width: 100%;flex-direction: column;align-items: start;padding: 2rem;}
	.cbnImprvmClock .data_area ul {flex-direction: column;gap: 1rem 0;align-items: unset;}
	.cbnImprvmClock .data_area ul li {width: 100%;}
	.cbnImprvmClock .data_area ul li.total {width: 100%;}
	.cbnImprvmClock .data_area ul li>div {flex-direction: row;align-items: center;}
	.cbnImprvmClock .data_area ul li>div .rgr {font-size: 2rem;}
	.cbnImprvmClock .data_area>h3.strongFont {padding-bottom: 5rem;word-break: keep-all;}
	.cbnImprvmClock #countdown {padding: 5rem 0 1.5rem 0;}
	.cbnImprvmClock #countdown>p {font-size: 1.4rem;}
	.cbnImprvmClock #countdown p span {font-size: 3.2rem; padding: 0.5rem 1rem;margin-right: 0.2rem;}
	.cbnImprvmClock #countdown p span.minute, .cbnImprvmClock #countdown p span.seconds {min-width: 5rem;}
	.cbnImprvmClock #countdown .tooltip_desc {width: 100%;top: -16rem;}
}

/******************************* 
*--- 2. 탄소지움 실천운동 - 구버전 사용 x
*******************************/
#content[class*="cbnPapr"] .cbnpapr_banner {
/* 	background-color: var(--main-color1); */
/* 	color: #fff; */
	padding: 6rem 0 5rem 0;
	background-image: url(/assets/bnz/common/images/common/banner_full_bg.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

/*------2-1) 시민참여 실천운동 (.cbnPaprPrcticeMvm) ---*/
.cbnPaprPrcticeMvm{
	color: var(--U-black-color2);	
}

#content.cbnPaprPrcticeMvm .fp_banner {
    background: rgba(255,255,255,0.4);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	color: var(--U-black-color2);
	transition: top 0.8s;
	padding-top : 18.4rem;
}

#content.cbnPaprPrcticeMvm .fp_banner .title_area {
	margin : 0;
}

.cbnPaprPrcticeMvm .fpBtn {
    position: absolute;
    right: calc(50% - 70rem);
    top: 45rem;
    transform: translate(0%, -50%);
}

.cbnPaprPrcticeMvm .fpBtn:before {
    content: '';
    display: inline-block;
    background-image: url(/assets/bnz/common/images/ctzn/cbnPaprPrcticeMvm_map.png);
    background-position: center;
    background-color: rgba(255, 255, 255, 0.6);
    background-repeat: no-repeat;
    background-position: center 10%;
    box-shadow: inset 0px 3px 6px #FFFFFF29, 0px 3px 6px var(--shadow-color1);
    border: 0.2rem solid #fff;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    width: 2.8rem;
    height: 7rem;
    border-radius: 10rem;
    width: 100%;
    box-sizing: border-box;
}

.cbnPaprPrcticeMvm .fpBtn > span {
	display : inline-block;
	background: rgba(255, 255, 255, 0.6);
	box-shadow: inset 0px 3px 6px #FFFFFF29, 0px 3px 6px var(--shadow-color1);
	padding: 0 1.8rem;
	height: 3.5rem;
	line-height: 3rem;
	border-radius: 5rem;
	font-weight : 500;
	border: 0.2rem solid #fff;
	backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    width : 100%;
    box-sizing: border-box;
}

.cbnPaprPrcticeMvm .fpBtn > span:after {
    content: '';
    display: inline-block;
    background-image: url(/assets/bnz/common/images/common/header_link_icon.png);
    width: 1.4rem;
    height: 1.4rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    margin-left: 0.5rem;
    filter: brightness(0.3);
    vertical-align: -0.1rem;
	color: var(--A-lightgray-color);
}

.cbnPaprPrcticeMvm #fullpage .section {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #F7CC4C;
}

.cbnPaprPrcticeMvm #fullpage .bgSection:nth-child(10n+2) {background-image : url('/assets/bnz/common/images/ctzn/mvn_001.jpg')}
.cbnPaprPrcticeMvm #fullpage .bgSection:nth-child(10n+3) {background-image : url('/assets/bnz/common/images/ctzn/mvn_002.jpg')}
.cbnPaprPrcticeMvm #fullpage .bgSection:nth-child(10n+4) {background-image : url('/assets/bnz/common/images/ctzn/mvn_003.jpg')}
.cbnPaprPrcticeMvm #fullpage .bgSection:nth-child(10n+5) {background-image : url('/assets/bnz/common/images/ctzn/mvn_004.jpg')}
.cbnPaprPrcticeMvm #fullpage .bgSection:nth-child(10n+6) {background-image : url('/assets/bnz/common/images/ctzn/mvn_007.jpg')}
.cbnPaprPrcticeMvm #fullpage .bgSection:nth-child(10n+7) {background-image : url('/assets/bnz/common/images/ctzn/mvn_009.jpg')}
.cbnPaprPrcticeMvm #fullpage .bgSection:nth-child(10n+8) {background-image : url('/assets/bnz/common/images/ctzn/mvn_010.jpg')}
.cbnPaprPrcticeMvm #fullpage .bgSection:nth-child(10n+9) {background-image : url('/assets/bnz/common/images/ctzn/mvn_011.jpg')}
.cbnPaprPrcticeMvm #fullpage .bgSection:nth-child(10n+10) {background-image : url('/assets/bnz/common/images/ctzn/mvn_012.jpg')}
.cbnPaprPrcticeMvm #fullpage .bgSection:nth-child(10n+11) {background-image : url('/assets/bnz/common/images/ctzn/mvn_013.jpg')}

.cbnPaprPrcticeMvm .banner .fp_banner {
	padding: 18.4rem 0 4rem 0;
	background: var(--lightgray-color);
}

.cbnPaprPrcticeMvm .fp_intro {
	background-color: rgba(255, 255, 255, 0.6);
	border: 0.2rem solid #fff;
	border-radius: 3rem;
	padding: 2.5rem 1.5rem;
	position: fixed;
	left: calc(50% - 70rem);
	top: calc(5.4rem + 1rem);
	max-height: 44%;
	/* 	max-width: calc(50% - 1280px / 2); */
	width: 34rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch;
	box-shadow: inset 0px 3px 6px #FFFFFF29, 0px 3px 6px var(--shadow-color1);
	backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.cbnPaprPrcticeMvm .fp_intro .tit h4 {
	padding-bottom: 1rem;
	text-align: center;
	font-weight: 500;
}

.cbnPaprPrcticeMvm .fp_intro .tit p {
	text-align: center;
	word-break: keep-all;
	font-weight: 600;
}

.cbnPaprPrcticeMvm .fp_intro .fp_intro_cont {
	padding: 1rem 1rem 0 0rem;
	font-size: 1.4rem;
	flex: 1;
/* 	display: flex; */
/* 	flex-direction: column; */
/* 	align-items: stretch; */
/* 	justify-content: space-around; */
	height: 100%;
	overflow-y: auto;
}

.cbnPaprPrcticeMvm .fp_intro .fp_intro_cont .desc {
	font-size : 1.4rem;
	margin-bottom : 1.5rem;
}

.cbnPaprPrcticeMvm .fp_intro .fp_intro_cont > ul > li ~ li {
	margin-top: 1rem;
}

.cbnPaprPrcticeMvm .fp_intro .fp_intro_cont > ul > li p {
	font-weight: 600;
	margin-bottom : 0.5rem;
}

.cbnPaprPrcticeMvm .fp_intro .fp_intro_cont .reason li {
	line-height : 1.5;
}

.cbnPaprPrcticeMvm .fp_intro .btn_wrap {
	padding-top: 2rem;
}

.cbnPaprPrcticeMvm .fp_list {
	position: fixed;
	left: 50%;
	bottom: -36%;
	height: 35%;
/* 	max-width: calc(100% - 2rem); */
	width: 100%;
	transition: 0.5s;
	opacity: 0;
	transform: translate(-50%, 0);
}

.cbnPaprPrcticeMvm .fp_list.active {
	bottom: 0;
	opacity: 1;
}

.cbnPaprPrcticeMvm .fp_list > h3 {
	padding : 0 1rem; 
}

.cbnPaprPrcticeMvm .fp_list .mvm_list {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem 2rem;
	padding: 1.3rem 1rem 1rem 1rem;
	overflow-y: auto;
	height: calc(100% - 2.4rem);
}

.cbnPaprPrcticeMvm .fp_list .mvm_list>li {
	padding: 1.2rem 0.8rem;
	position: relative;
	font-size: 1.4rem;
	text-align: center;
	cursor: pointer;
	width: calc(100% / 5 - 8rem / 5);
	max-height: 70%;
	box-sizing: border-box;
	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: 2.4rem;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

.cbnPaprPrcticeMvm .fp_list .mvm_list>li.active {
	border: 0.4rem solid var(--main-color1);
}

.cbnPaprPrcticeMvm .fp_list .mvm_list>li .cont {
	word-break: keep-all;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	       align-items: center;
}

.cbnPaprPrcticeMvm .fp_list .mvm_list>li .cont .img {
	height: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom : 1rem;
    overflow : hidden;
}

.cbnPaprPrcticeMvm .fp_list .mvm_list>li .cont .img img {
	max-height: 110%;
}

.cbnPaprPrcticeMvm .fp_list .mvm_list>li[data-value="mvn_012"] .cont .img img {
	max-height: 100%;
}

.cbnPaprPrcticeMvm .fp_list .mvm_list>li[data-value="mvn_011"] .cont .img img {
	max-height: 130%;
}

.cbnPaprPrcticeMvm .fp_list .mvm_list>li .cont h4 {
	font-size : 1.8rem;
	font-weight : 500;
	word-break: keep-all;
    line-height: 1.2;
}

.cbnPaprPrcticeMvm .fp_list .mvm_list>li .cont>p {
	font-size: 1.4rem;
	margin-top : 0.5rem;
}

.cbnPaprPrcticeMvm .fp_detail {
	background-color: rgba(255, 255, 255, 0.6);
	border: 0.2rem solid #fff;
	border-radius: 3rem;
	padding: 2rem 1rem;
	position: fixed;
	right: -35rem;
	top: calc(5.4rem + 1rem);
	height: 30rem;
	width: 35rem;
	box-shadow: inset 0px 3px 6px #FFFFFF29, 0px 3px 6px var(--shadow-color1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
	transition: 0.5s;
	opacity: 0;
}

.cbnPaprPrcticeMvm .fp_detail.active {
    right: calc(50% - 70rem);
	opacity: 1;
}

.cbnPaprPrcticeMvm .fp_detail:has(.swiper-pagination-lock) {
	padding-bottom: 2rem;
}

.cbnPaprPrcticeMvm .fp_detail .inner {
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100%;
}

.cbnPaprPrcticeMvm .fp_detail .inner:has(:not(.swiper-pagination-lock)) .swiper-wrapper {
	height: calc(100% - 8px - 0.5rem);
}

.cbnPaprPrcticeMvm .fp_detail .swiper-wrapper {
	flex: 1;
}

.cbnPaprPrcticeMvm .fp_detail .swiper-next {
	left: auto;
	right: 0.5rem;
}

.cbnPaprPrcticeMvm .fp_detail .dt_top {
    display: flex;
    align-items: center;
    height: 30%;
    justify-content: center;
    overflow : hidden;
}

.cbnPaprPrcticeMvm .fp_detail .dt_top img {
	height : 100%;
}

.cbnPaprPrcticeMvm .fp_detail .dt_bottom {
    height: 70%;
    overflow-y: auto;
    text-align: center;
    padding: 1rem;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.cbnPaprPrcticeMvm .fp_detail .dt_bottom .desc {
	font-weight : 600;
	margin-bottom: 1rem;
}

.cbnPaprPrcticeMvm .fp_detail .dt_bottom span {
	display : block;
}

.cbnPaprPrcticeMvm .fp_detail .dt_bottom button {
	width : 50%;
	margin-top : 1rem;
	max-width : 20rem;
}

.cbnPaprPrcticeMvm .modal_content .subject_area,
.cbnPaprPrcticeMvm .global_modal_content .subject_area,
.ptcp_dmnd_modal.modal_content .subject_area{
	margin-bottom : 2rem;
}

.cbnPaprPrcticeMvm .modal_content textarea,
.cbnPaprPrcticeMvm .global_modal_content textarea,
.ptcp_dmnd_modal.modal_content textarea {
	height : 25rem;
	margin-bottom : 1rem;
}

.cbnPaprPrcticeMvm .modal_content .ty_block,
.cbnPaprPrcticeMvm .global_modal_content .ty_block,
.ptcp_dmnd_modal.modal_content .ty_block {
	margin-bottom : 3rem;
}

.cbnPaprPrcticeMvm .modal_content .ty_block .desc,
.cbnPaprPrcticeMvm .global_modal_content .ty_block .desc,
.ptcp_dmnd_modal.modal_content .ty_block .desc {
	margin-top : 1rem;
	display : block;
} 

/* 텀블러맵 */
body:has(#content.cbnPaprPrcticeMap) {
	overflow : hidden;
}

.cbnPaprPrcticeMap #tmblrMap {
	max-height: calc(100vh - 13.4rem);
}

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

#content.cbnPaprPrcticeMap {
	padding-bottom : 0;
	overflow : hidden;
}

body:has(#content.cbnPaprPrcticeMap) .float_clock {
	display : none;
}

.cbnPaprPrcticeMap .map_wrap {
	text-align : center;
}

.cbnPaprPrcticeMap .map_tab_wrap {
	position : absolute;
	left : 2rem;
	top : 2rem;
	width : auto;
}

.cbnPaprPrcticeMap .map_tab_wrap .cate_tab {
	display : flex;
	gap : 1.5rem; 
}

.cbnPaprPrcticeMap .map_opt_li {
	position: relative; 
	vertical-align: top; 
    font-size : 0;
    display : inline-block;
}

.cbnPaprPrcticeMap .map_opt_li.best:after {
    content: '';
    background-image: url(/assets/bnz/common/images/ctzn/tier_best_1.png);
    width: 4rem;
    height: 4rem;
    background-size: 90%;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
    left: -1.5rem;
    top: -1.5rem;
    z-index: 1;
    border: 0.2rem solid var(--lightgray-color);
    box-shadow: inset 0px 3px 6px #FFFFFF29, 0px 3px 6px var(--shadow-color1);
    background-color: #fff;
    border-radius: 10rem;
}

.cbnPaprPrcticeMap .map_opt_li > p {
    width: 12rem;
    height: 12rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;	
	background: rgba(255,255,255,0.6);
	box-shadow: inset 0px 3px 6px #FFFFFF29, 0px 3px 6px var(--shadow-color1);
	border : 0.2rem solid var(--lightgray-color);
	border-radius: 3.2rem;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	cursor : pointer;
    font-size: 1.4rem;
	line-height: 1.2;
}

.cbnPaprPrcticeMap .map_opt_li.active > p{
	border-color : var(--main-color1);
}

.cbnPaprPrcticeMap .map_opt_li img {
    max-width: unset;
    max-height: 60%;	
}

.cbnPaprPrcticeMap .map_opt_li .cnt {
	background: rgba(255, 255, 255, 0.6);
    box-shadow: inset 0px 3px 6px #FFFFFF29, 0px 3px 6px var(--shadow-color1);
    border: 0.2rem solid var(--lightgray-color);
    border-radius: 3.2rem;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    color : var(--main-color1);
    margin-top : 0.8rem;
    font-size : 1.6rem;
	padding: 1.2rem 0;
    width: 100%;
}

.cbnPaprPrcticeMap .tmblr_item > .map_tab_wrap {
	position : absolute;
	left : 2rem;
	top : 2rem;
	width : auto;
}

.cbnPaprPrcticeMap .tmblr_score_wrap {
	background: transparent linear-gradient(170deg, #A4E1F799 00%, #C2FF0020 100%) 0% 0% no-repeat padding-box;
	box-shadow: inset 0px 3px 6px #FFFFFF29, 0px 6rem 9rem var(--shadow-color1);
	border: 2px solid #FFFFFF;
	border-radius: 3.4rem;
	opacity: 1;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	position: absolute;
    left: 50%;
    top: 2rem;
    transform: translate(-50%, 0);
	padding: 1.5rem 1rem;
	font-size : 0;
	min-width : 55rem;
}

.cbnPaprPrcticeMap .tmblr_score_wrap h4 {
	font-size : 2.4rem;
	margin-bottom : 0.5rem;
}

.cbnPaprPrcticeMap .tmblr_inner {
	display : flex;
	gap : 1rem;
}

.cbnPaprPrcticeMap .tmblr_score {
	background: rgba(255,255,255,0.8);
	box-shadow: inset 0px 3px 6px #FFFFFF29, 0px 3px 6px var(--shadow-color1);
	border : 0.2rem solid var(--lightgray-color);
	border-radius: 3.2rem;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	padding: 1.5rem 1rem;
	display: inline-block;
	flex : 1;
	flex-shrink : 0;
}

.cbnPaprPrcticeMap .tmblr_score h5 {
	font-size : 1.6rem;	
}

.cbnPaprPrcticeMap .tmblr_score ul {
	display: flex;
    justify-content: center;
    align-items: center;
    margin-top : 1rem;
    height: calc(100% - 3.4rem);
}

.cbnPaprPrcticeMap .tmblr_score ul li {
	padding: 0 1rem;
	font-size: 1.4rem;
	flex-shrink: 0;
	flex : 1;
}

.cbnPaprPrcticeMap .tmblr_score ul li + li {
	border-left : 1px solid var(--U-gray-color);
}

.cbnPaprPrcticeMap .tmblr_score ul li .strongFont {
	color : var(--main-color1);
	margin-top : 0.5rem;
	display : block;
	word-break: break-all;
	font-weight : 500; 
}

.cbnPaprPrcticeMap .tmblr_score_wrap > span {
    font-size: 1.2rem;
    display: flex;
    color: rgba(62, 69, 92, 0.5);
    text-align: left;
    margin-top: 0.5rem;
    padding: 0 1.2rem;
    gap: 0 0.5rem;
}

.cbnPaprPrcticeMap .tmblr_score_wrap > span:before {
	content : '∙'; 
	flex-shrink: 0;
}

.cbnPaprPrcticeMap .map_wrap .title_area .titleM {
	font-weight : 500;
}

.cbnPaprPrcticeMap .map_wrap .title_area .desc {
	font-size : 1.2rem;
	color: var(--A-lightgray-color);
}

.cbnPaprPrcticeMap .board_wrap {
/* 	color: var(--U-black-color2); */
	padding : 3rem 2rem 1rem 2rem;
	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: 36rem;
    flex-shrink: 0;
    z-index: 1;
    position: relative;
}

.cbnPaprPrcticeMap .map_tb_wrap {
	max-height: 55rem;
    overflow-y: auto;
    padding : 0 1rem;
}

.cbnPaprPrcticeMap .map_tb_wrap table {
	background-color : #fff;
	border-top : 0;
}

.cbnPaprPrcticeMap .map_cont .map_tb_wrap table + table {
	margin-top : 1.5rem;
}

.cbnPaprPrcticeMap .map_tb_wrap table th,
.cbnPaprPrcticeMap .map_tb_wrap table td {
	padding : 1rem;
	font-size : 1.4rem;
}

.cbnPaprPrcticeMap .map_tb_wrap table tbody tr td {
	cursor : pointer;
	word-break: keep-all;
}

.cbnPaprPrcticeMap .map_tb_wrap table tbody tr td:has(img) {
	padding : 0;
}

body:has(#tmblrMap:not(.displaynone)) #footer {
	display : none;
}

.cbnPaprPrcticeMap .tmblr_item,
.cbnPaprPrcticeMap .tmblr_item #maps {
	width : 100%;
	height : 100%;
	position : relative;
}

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

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

.cbnPaprPrcticeMap .tmblr_item .map_option_wrap {
	bottom : 6rem;
	left : 2rem;
}

.cbnPaprPrcticeMap .tmblr_item .board_wrap {
	position: absolute;
    right: 2rem;
    top: 2rem;
    height: calc(100% - 4rem);
    z-index : 3;
}

.cbnPaprPrcticeMap .tmblr_item .map_brd_inner {
	display: flex;
    flex-direction: column;
    align-items: normal;
	height: calc(100% - 6.8rem);
}

.cbnPaprPrcticeMap .tmblr_item .map_brd_inner > .flex_box:has(.btnStrong) {
	flex : unset;
	flex-shrink: 0;
}

.cbnPaprPrcticeMap .tmblr_item .map_tb_wrap {
    overflow-y: hidden;
    max-height: unset;
    padding : 0;	
    flex : 1;
    margin-top: 1rem;
}

.cbnPaprPrcticeMap .tmblr_item .map_tb_wrap h5 {
	font-weight : 500;
	font-size : 1.4rem;
	text-align : left;
}

.cbnPaprPrcticeMap .tmblr_item .map_tb_wrap .tb_area {
	height: calc(100% - 2rem);
    overflow-y: auto;
    position : relative;
    margin-top : 0.5rem;
}

.cbnPaprPrcticeMap .tmblr_item .map_tb_wrap table thead {
	position: sticky;
    left: 0;
    top: 0;
    width: 100%;
}

/* .cbnPaprPrcticeMap .tmblr_item #cupList table:first-child th { */
/* 	background-color : #D4BDDB; */
/* } */

.cbnPaprPrcticeMap .tmblr_item .map_tb_wrap + .paging_wrap {
	margin-top : 1.5rem;
}

.cbnPaprPrcticeMap .marker-overlay {
	color: #fff;
    padding: 1rem 1rem;
    border: 1px solid #fff;
    border-radius: 1rem;
    text-align: center;
    width: 100%;
    min-width: 15rem;
    font-size: 1.4rem;
    word-break: keep-all;
    font-weight: 300;
}

.cbnPaprPrcticeMap .1 {
	background-color: rgba(0, 87, 201, 0.8);
}

.cbnPaprPrcticeMap .marker_cub {
	background-color: rgba(0, 175, 149, 0.8);
	max-width : 6.8rem;
}

.cbnPaprPrcticeMap .marker_tbmlr {
	background-color:  rgba(0, 87, 201, 0.8)
}


/*사용x*/
/* .cbnPaprPrcticeMap:has(#cupMap:not(.displaynone)){ */
/* 	background-image: url(/assets/bnz/common/images/common/prctice_map_bg.svg); */
/* 	background-repeat: no-repeat; */
/*     background-size: cover; */
/* } */

.cbnPaprPrcticeMap #cupMap {
	padding : 5rem 0rem 3rem 0rem; 
}

.cbnPaprPrcticeMap .cup_item .cate_tab {
	padding-top : 1rem;
	padding-bottom : 1.5rem; 
}

.cbnPaprPrcticeMap .cup_item .tab_wrap li {
	padding : 2.5rem;
	background: rgba(255,255,255,0.6);
	box-shadow: inset 0px 3px 6px #FFFFFF29, 0px 3px 6px var(--shadow-color1);
	border: 0.2rem solid var(--shadow-color1);
	border-radius: 3.2rem;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	position: relative;
    width: 13%;
    cursor : pointer;
}

.cbnPaprPrcticeMap .cup_item .tab_wrap li.active {
	border : 0.4rem solid var(--main-color1);
}

.cbnPaprPrcticeMap .cup_item .tab_wrap li:before {
	content : '';
	display : inline-block;
	padding-bottom : 100%;
	width : 100%;
}

.cbnPaprPrcticeMap .cup_item .tab_wrap li img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: unset;
    width: 65%;	
}

.cbnPaprPrcticeMap .cup_item .map_area {
	box-shadow: 0px 3px 6px var(--shadow-color1);
	border-radius: 3.4rem;
	position : relative;
	padding : 1.5rem 2rem;
	background-color: #fff;
}

.cbnPaprPrcticeMap .cup_item .campus_select {
	position: absolute;
    left: 2rem;
    top: 2rem;
    z-index : 1;
}

.cbnPaprPrcticeMap .cup_item .map_cont {
	display : flex;
	align-items: center;
	justify-content: space-between;
}

.cbnPaprPrcticeMap .cup_item .map_cont .map_img {
	width: calc(100% - 37rem);
    flex-shrink: 0;
    position : relative;
}

.cbnPaprPrcticeMap .cup_item .map_cont .mk_item {
	position : absolute;
}

.cbnPaprPrcticeMap .cup_item .map_cont .mk_item img {
	max-width : 5rem;
	cursor : pointer;
}

.cbnPaprPrcticeMap .cup_item .map_cont .mk_item .mk_overlay {
	color: #fff;
    background-color: rgba(0, 175, 149, 0.8);
    padding: 1rem 1rem;
    border: 1px solid #fff;
    border-radius: 1rem;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 100%;
    width: 100%;
    min-width : 15rem;
	transform: translate(-50%, 0);
    font-size: 1.4rem;
    word-break: keep-all;
}

.cbnPaprPrcticeMap .cup_item .map_cont .mk_item .mk_overlay span {
	display : block;
}

.cbnPaprPrcticeMap .cup_item .map_img > p img {max-width: unset;}

.cbnPaprPrcticeMap .cup_item .catholic_map > p img {width: 145%;}
.cbnPaprPrcticeMap .cup_item #catholic_qr_rtn_bx_01 {right: 8%;bottom: 12%;}
.cbnPaprPrcticeMap .cup_item #catholic_qr_rtn_bx_04 {right: 34%;bottom: 34%;}
.cbnPaprPrcticeMap .cup_item #catholic_qr_rtn_bx_05 {right: 54%;bottom: 48%;}
.cbnPaprPrcticeMap .cup_item #catholic_qr_rtn_bx_06 {right: 71%;bottom: 35%;}
.cbnPaprPrcticeMap .cup_item #catholic_qr_rtn_bx_07 {right: 30%;bottom: 22%;}

.cbnPaprPrcticeMap .cup_item .main_map > p img {width: 100%;}
.cbnPaprPrcticeMap .cup_item #main_qr_rtn_bx_01 {left : 5%; bottom :45%;}
.cbnPaprPrcticeMap .cup_item #main_qr_rtn_bx_02 {left : 25%; top :5%;}
.cbnPaprPrcticeMap .cup_item #main_qr_rtn_bx_03 {right : 18%; top :5%;}
.cbnPaprPrcticeMap .cup_item #main_qr_rtn_bx_02 p,
.cbnPaprPrcticeMap .cup_item #main_qr_rtn_bx_03 p {bottom : unset; top : 100%;}

.cbnPaprPrcticeMap .cup_item .sosa_map > p img {width: 100%;}
.cbnPaprPrcticeMap .cup_item #sosa_qr_rtn_bx_04 {right : 36%; bottom : 30%;}

.cbnPaprPrcticeMap .cup_item .yuhan_map > p img {width: 150%;}
.cbnPaprPrcticeMap .cup_item #yuhan_qr_rtn_bx_01 {left : 31%; top : 32%;}
.cbnPaprPrcticeMap .cup_item #yuhan_qr_rtn_bx_02 {right : 28%; bottom : 36%;}

.cbnPaprPrcticeMap .cup_item .theological_map > p img {width: 100%;} 
.cbnPaprPrcticeMap .cup_item #theological_qr_rtn_bx_01 {right : 15%; bottom : 25%;}
.cbnPaprPrcticeMap .cup_item #theological_qr_rtn_bx_02 {left : 20%; bottom : 45%;}
.cbnPaprPrcticeMap .cup_item #theological_qr_rtn_bx_03 {left : 14%; top : 18%;}

.cbnPaprPrcticeMap .cup_item .map_cont .map_tb_wrap table:first-child th {
	background-color : #D4BDDB;
}

/*------2-2) 단체(기관/시설) 신청 실천 활동 (.cbnPaprGrpActvAply) ---*/
.cbnPaprGrpActvAply {
	color: var(--U-black-color2);
}

.cbnPaprGrpActvAply .grpActv_top {
	padding: 4.5rem 0 7.5rem 0;
	background: transparent linear-gradient(180deg, #F5F5F5 0%, #D6FDFD69 100%) 0% 0% no-repeat padding-box;
}

.cbnPaprGrpActvAply .grpActv_tab ul {
	display: flex;
	justify-content: center;
	gap: 0 4%;
	padding: 6rem 0;
}

.cbnPaprGrpActvAply .grpActv_tab ul li {
	box-shadow: inset 0px 3px 6px #FFFFFF29, 0px 60px 90px var(--shadow-color1);
	border: 4px solid transparent;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	border-radius: 2rem;
	text-align: center;
	width: 21.5%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 1.5rem 0;
	cursor: pointer;
	background-color: #fff;
	word-break: keep-all;
}

.cbnPaprGrpActvAply .grpActv_tab ul li:hover, .cbnPaprGrpActvAply .grpActv_tab ul li.active {
	border-color: var(--main-color1);
}

.cbnPaprGrpActvAply .grpActv_tab ul li .img {
	margin: 1rem 0;
	max-height: 13rem;
}

.cbnPaprGrpActvAply .grpActv_tab ul li:last-child .img {
	margin: 0;
}

.cbnPaprGrpActvAply .grpActv_tab ul li .img img {
	max-width: unset;
	max-height: 100%;
}

.cbnPaprGrpActvAply .cmnty_item {
	text-align: center;
}

.cbnPaprGrpActvAply .cmnty_item p {
	margin-bottom: 4rem;
	line-height: 1.8;
}

.cbnPaprGrpActvAply .cmnty_item .btnStrong {
	width: 20%;
}

.cbnPaprGrpActvAply .shadow_box {
	background: rgba(255, 255, 255, 0.75);
	box-shadow: inset 0px 3px 6px #FFFFFF29, 0px 6rem 9rem var(--shadow-color1);
	border: 2px solid #FFFFFF;
	border-radius: 3.4rem;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

.cbnPaprGrpActvAply .group_info {
	padding-top: 4.5rem;
	text-align: center;
}

.cbnPaprGrpActvAply .group_info ul {
	display: flex;
	flex-wrap: wrap;
	gap: 3rem 2.5rem;
	margin: 2.5rem 0 0rem 0;
}

.cbnPaprGrpActvAply .group_info li {
	border-color: var(--lightgray-color);
	color: var(--gray-color);
	padding: 2rem 3rem;
	background-color: #fff;
	border-radius: 4.6rem;
	width: calc(100%/ 5 - 10rem/ 5);
}

.cbnPaprGrpActvAply .intro_card {
	padding: 3.3rem;
	max-width: 75%;
	margin: 0 auto;
	display: flex;
	align-items: center;
}

.cbnPaprGrpActvAply .intro_card p {
	flex-shrink: 0;
	padding-right: 3rem;
	text-align: center;
	line-height: 1.3;
}

.cbnPaprGrpActvAply .sec_st {
	background: transparent linear-gradient(359deg, #E4F4FF00 0%, #E3F5FF 100%) 0% 0% no-repeat padding-box;
}

.cbnPaprGrpActvAply .titleL {
	font-weight: 400;
	position: relative;
	z-index: 1;
}

.cbnPaprGrpActvAply [class*="deco_"] {
	position: relative;
}

.cbnPaprGrpActvAply [class*="deco_"]:before {
	content: '';
	display: inine-block;
	width: 85%;
	height: 100%;
	background-color: transparent;
	position: absolute;
}

.cbnPaprGrpActvAply .deco_left:before {
	border-radius: 60rem 0 0 60rem;
	right: 0;
}

.cbnPaprGrpActvAply .deco_right:before {
	border-radius: 0 60rem 60rem 0;
	left: 0;
}

.cbnPaprGrpActvAply .group_dt_card {
	display: flex;
}

.cbnPaprGrpActvAply .group_dt_card.type3 {
	justify-content: center;
	gap: 2.7rem;
	text-align: center;
}

.cbnPaprGrpActvAply .group_dt_card.type3>li {
	width: 30%;
}

.cbnPaprGrpActvAply .group_dt_card.type3>li>div {
	padding: 3rem 2rem;
}

.cbnPaprGrpActvAply .group_dt_card.type3 ol, .cbnPaprGrpActvAply .group_dt_card.effect ol {
	margin-top: 3rem;
}

.cbnPaprGrpActvAply .group_dt_card.type2 {
	flex-wrap: wrap;
	gap: 3rem 7rem;
}

.cbnPaprGrpActvAply .group_dt_card.type2>li {
	width: calc(50% - 7rem/ 2);
}

.cbnPaprGrpActvAply .group_dt_card.type2>li>div {
	padding: 3.5rem 4.5rem;
	display: flex;
	align-items: center;
	gap: 0 2.5rem;
}

.cbnPaprGrpActvAply .group_dt_card.type2>li p {
	line-height: 1.4;
	text-align: left;
}

.cbnPaprGrpActvAply .group_dt_card.effect {
	justify-content: space-between;
	align-items: normal;
}

.cbnPaprGrpActvAply .group_dt_card.effect>li {
	padding-left: 4rem;
	padding-top: 4rem;
	position: relative;
}

.cbnPaprGrpActvAply .group_dt_card.effect>li:before {
	content: '';
	background: #C7FBFF;
	box-shadow: inset 0px 3px 6px #FFFFFF29, 0px 6rem 9rem var(--shadow-color1);
	border: 2px solid #FFFFFF;
	border-radius: 3.4rem;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	position: absolute;
	left: 0;
	top: 0;
	width: 17rem;
	height: 16rem;
}

.cbnPaprGrpActvAply .group_dt_card.effect>li>div {
	padding: 3rem 2rem;
	height: 100%;
}

.cbnPaprGrpActvAply .group_dt_card ol {
	font-size: 1.8rem;
	text-align: left;
	display: inline-block;
}

.cbnPaprGrpActvAply .group_dt_card ol li {
	padding-left: 1.8rem;
	text-indent: -1.5rem;
}

.cbnPaprGrpActvAply .group_dt_card ol li:before {
	content: '•';
	margin-right: 1rem;
}

/*잔반제로*/
.cbnPaprGrpActvAply .sec1 .sec1_top {
	padding: 6rem 0 1rem 0;
}

.cbnPaprGrpActvAply .sec1 .sec1_top:before {
	backdrop-filter: blur(3rem);
	-webkit-backdrop-filter: blur(3rem);
	opacity: 0.5;
	background-position: 0 0;
	background: linear-gradient(359deg, rgba(228, 244, 255, 0) 50%, #E3F5FF 100%), linear-gradient(270deg, rgba(255, 255, 255, 0) 50%, #09276B 100%);
	top: 3rem;
	height: calc(100% - 3rem);
}

.cbnPaprGrpActvAply .sec1 .sec1_bottom {
	text-align: center;
}

.cbnPaprGrpActvAply .sec1 .sec1_bottom .group_dt {
	padding: 4rem 0;
	position: relative;
}

.cbnPaprGrpActvAply .sec1 .sec1_bottom .group_dt:before {
	content: '';
	display: inline-block;
	width: 50rem;
	height: 25rem;
	background-image: url(/assets/bnz/common/images/ctzn/main_circle_green.svg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
	position: absolute;
	top: 0;
	left: calc(50% - 35rem);
	z-index: -1;
}

.cbnPaprGrpActvAply .sec1 .sec1_bottom .group_dt:after {
	content: '';
	display: inline-block;
	width: 25rem;
	height: 25rem;
	background-image: url(/assets/bnz/common/images/ctzn/main_triangle.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	top: 10%;
	right: 2%;
	z-index: -1;
}

.cbnPaprGrpActvAply .sec1 .sec1_bottom .group_prg .deco_right {
	padding-top: 8rem;
	z-index: 1;
}

.cbnPaprGrpActvAply .sec1 .sec1_bottom .group_prg .deco_right:before {
	background: transparent linear-gradient(90deg, #FFFFFF00 0%, #AAD6B400 47%, #37F563 100%) 0% 0% no-repeat padding-box;
	top: 0;
	height: 90%;
	opacity: 0.4;
	backdrop-filter: blur(3rem);
	-webkit-backdrop-filter: blur(3rem);
	width: 90%;
}

.cbnPaprGrpActvAply .sec1 .sec1_bottom .group_prg .deco_right>h4 {
	padding-bottom: 4rem;
}

.cbnPaprGrpActvAply .sec1 .sec1_bottom .group_prg .deco_left {
	padding: 12rem 0 6.5rem 0;
	margin-top: -5.5rem;
}

.cbnPaprGrpActvAply .sec1 .sec1_bottom .group_prg .deco_left:before {
	backdrop-filter: blur(3rem);
	-webkit-backdrop-filter: blur(3rem);
	opacity: 0.5;
	background-position: 0 0;
	background: linear-gradient(359deg, rgba(228, 244, 255, 0) 50%, #E3F5FF 100%), linear-gradient(270deg, rgba(255, 255, 255, 0) 50%, #09276B 100%);
	top: 0;
	width: 90%;
}

.cbnPaprGrpActvAply .sec1 .sec1_bottom .group_dt_card.effect>li {
	width: calc(50% - 7rem/ 2);
}

/* 다회용컵 */
.cbnPaprGrpActvAply .sec2 .sec2_top {
	padding: 6.5rem 0 4rem 0;
}

.cbnPaprGrpActvAply .sec2 .sec2_top .group_info {
	margin-bottom: 8rem;
}

.cbnPaprGrpActvAply .sec2 .sec2_center {
	text-align: center;
	padding: 8rem 0 12rem 0;
}

.cbnPaprGrpActvAply .sec2 .sec2_center .group_dt_card.type2 {
	padding-top: 6rem;
	padding-bottom: 6rem;
}

.cbnPaprGrpActvAply .sec2 .sec2_center .group_dt_card.effect>li {
	width: calc(100%/ 3 - 4rem/ 3);
}

.cbnPaprGrpActvAply .sec2 .sec2_center:before {
	background: transparent linear-gradient(90deg, #FFFFFF00 0%, #AAD6B400 47%, #37F563 100%) 0% 0% no-repeat padding-box;
	top: 25%;
	height: 68%;
	opacity: 0.4;
	backdrop-filter: blur(3rem);
	-webkit-backdrop-filter: blur(3rem);
	width: 90%;
}

.cbnPaprGrpActvAply .sec2 .sec2_bottom {
	paddding: 3.5rem 0;
	text-align: center;
}

/******************************* 
*--- 2. 탄소지움 실천운동 - 새버전 (.cbnPaprPrctice)
********************************/
.cbnPaprPrctice {
	color : var(--U-black-color2);
}

.cbnPaprPrctice.home .sect_prtice_banner {
	overflow : hidden;
	position : relative;
	padding: 2rem 0 4rem 0;
}

.cbnPaprPrctice.home .sect_prtice_banner .swiper-pagination {
	z-index : 1;
}

.cbnPaprPrctice.home .sect_prtice_banner li {
	background-color: #ddd;
    height: unset;
    width: calc(100%/4 - 30px/4);
    padding: 2rem;
    border-radius: 0.8rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 25rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position : relative;
    overflow : hidden;
    cursor : pointer;
}

.cbnPaprPrctice.home .sect_prtice_banner li.league {background-image :url("/assets/bnz/common/images/ctzn/cmntyhome_banner_new_02.jpg");}
.cbnPaprPrctice.home .sect_prtice_banner li.league span {border-color: var(--A-lightgray-color); }
.cbnPaprPrctice.home .sect_prtice_banner li.cupmap {background-image :url("/assets/bnz/common/images/ctzn/cmntyhome_banner_03.jpg"); background-position : left top;}
.cbnPaprPrctice.home .sect_prtice_banner li.cupmap .txt {width: 58%;}
.cbnPaprPrctice.home .sect_prtice_banner li.sttree {background-image :url("/assets/bnz/common/images/ctzn/cmntyhome_banner_01.png");}
.cbnPaprPrctice.home .sect_prtice_banner li.zero {background-image :url("/assets/bnz/common/images/ctzn/cmntyhome_banner_05.jpg"); background-position : right top;}
.cbnPaprPrctice.home .sect_prtice_banner li.lowcarbod {background-image :url("/assets/bnz/common/images/ctzn/cmntyhome_banner_04.jpg");}

.cbnPaprPrctice.home .sect_prtice_banner li.white {
	color : #fff;
	font-weight : 300;
}

.cbnPaprPrctice.home .sect_prtice_banner li.white:before {
	content : '';
	display : inline-block;
	width : 100%;
	height : 100%;
	background-color : rgba(0,0,0,0.05);
	position : absolute;
	left: 0;
	top : 0;
	z-index : -1;
}

.cbnPaprPrctice.home .sect_prtice_banner li .txt {
	width: 75%;
    margin: 0 0 0 auto;
    word-break: keep-all;
}

.cbnPaprPrctice.home .sect_prtice_banner li.left .txt {
	margin: 0 auto 0 0;
}

.cbnPaprPrctice.home .sect_prtice_banner li.right .txt {
	text-align : right;
}

.cbnPaprPrctice.home .sect_prtice_banner li h4 {
	font-weight : 500;
}

.cbnPaprPrctice.home .sect_prtice_banner li p {
	margin-top : 0.5rem;
}

.cbnPaprPrctice.home .sect_prtice_banner li span {
    padding-top: 2rem;
    display: block;
    border-top: 1px solid #fff;
    margin-top: 2rem;
}

.cbnPaprPrctice.home .sect_prtice_banner .swiper-pagination-bullet-active {
	width : 4rem;
	border-radius : 0.5rem;
	background-color: rgba(0, 0, 0, 0.5);
}


.cbnPaprPrctice.home .sect_prctice_mvm {
	overflow : hidden;
}

.cbnPaprPrctice.home .sect_prctice_mvm .tab_wrap{
	padding : 2rem 0;
	border-top : 1px solid var(--lightgray-color);
	border-bottom : 1px solid var(--lightgray-color);
	width : 100%;
	margin : 0;
}

.cbnPaprPrctice.home .sect_prctice_mvm .tab_wrap .cate_tab{
	align-items: end;
}

.cbnPaprPrctice.home .sect_prctice_mvm .tab_wrap .cate_tab li {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	vertical-align: text-bottom;
    width: calc(100% / 4 - 8rem / 4);
    margin: 0;
}

.cbnPaprPrctice.home .sect_prctice_mvm .tab_wrap .cate_tab li span {
	width: 40%;
    display: block;
    margin-bottom: 0.5rem;
}

.cbnPaprPrctice.home .sect_prctice_mvm .tab_wrap .cate_tab li a {
	display : block;
	padding : 0;
	width : 100%;
}

.cbnPaprPrctice.home .sect_cont_wrap {
	padding : 2.5rem 0 5.5rem 0;
}

.cbnPaprPrctice.home .sect_cont_wrap h3 {
	font-weight : 500;
}

.cbnPaprPrctice.home .sect_cont_wrap .sect_type > ul {
	margin-top : 3rem;
}

.cbnPaprPrctice.home .sect_cont_wrap .sect_type > ul > li {
	background: #fff;
	box-shadow: inset 0px 3px 6px #FFFFFF29, 0px 3px 6px var(--shadow-color1);
	border: 2px solid var(--shadow-color1);
	border-radius: 3.4rem;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	font-size: 1.4rem;
    font-weight: 400;
    word-break: keep-all;
    padding: 2rem 1rem;
    display : flex;
    flex-direction: column;
    justify-content: center;
	text-align : center;
    align-items: center;
	line-height: 1.2;
    width: calc(100% / 6 - 7.5rem / 6);
    cursor : pointer;
/*     min-height : 22rem; */
    height : unset !important;
}

.cbnPaprPrctice.home .sect_cont_wrap .sect_type > ul > li.off {
	filter: opacity(0.78) grayscale(1);
	cursor: default;
}

.cbnPaprPrctice.home .sect_cont_wrap .sect_type > ul > li strong {
	font-size : 1.6rem;
	margin : 1rem 0;
	font-weight : 500;
}

.cbnPaprPrctice.home .sect_cont_wrap .sect_type > ul > li.empty {
	cursor: default;
}

.cbnPaprPrctice.home .sect_cont_wrap .sect_type > ul > li.link span {
    padding: 0 2rem;
    position: relative;
}

.cbnPaprPrctice.home .sect_cont_wrap .sect_type > ul > li.link span:after {
	content : '';
	display: inline-block;
    background-image: url(/assets/bnz/common/images/common/header_link_icon.png);
    width: 1.4rem;
    height: 1.4rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    margin-left: 0.5rem;
    filter: brightness(0.5);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.cbnPaprPrctice.home .sect_cont_wrap .sect_type > ul > li .ico {
    margin-bottom: 0.5rem;
    height: 9rem;
    padding : 0.5rem;
}

.cbnPaprPrctice.home .sect_cont_wrap .sect_type > ul > li .ico img {
	max-width : unset;
	height : 100%;
}

.cbnPaprPrctice.home .sect_prctice_mvm .sect_mvm_list {
	padding-top : 3rem;
    padding-bottom: 5rem;
    position: relative;
	border-top: 1px solid var(--lightgray-color);
}

.cbnPaprPrctice.home .sect_prctice_mvm .sect_mvm_list:has(>.btn_wrap:not(.displaynone)) {
	padding-bottom : 15rem;
}

.cbnPaprPrctice.home .sect_prctice_mvm .sect_mvm_list h3{
	font-weight: 500;
	line-height : 1.3;
	text-align : center;
}

.cbnPaprPrctice.home .sect_prctice_mvm .sect_mvm_ban_area {
	border-radius : 2.7rem;
	height : 33rem;
	margin-top : 1.5rem;
	overflow : hidden;
	position : relative;
}

.cbnPaprPrctice.home .sect_prctice_mvm .sect_mvm_ban_area:before {
	content : '';
	position : absolute;
	left : 0;
	top : 0;
	width : 100%;
	height : 100%;
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.cbnPaprPrctice.home .sect_prctice_mvm .sect_mvm_ban_area.sect_01 {background: transparent linear-gradient(105deg, #3369C6 0%, #34A7E3 100%) 0% 0% no-repeat padding-box;}
.cbnPaprPrctice.home .sect_prctice_mvm .sect_mvm_ban_area.sect_01:before {background-image : url("/assets/bnz/common/images/ctzn/cmntyhome_sect_bg_01.svg");}

.cbnPaprPrctice.home .sect_prctice_mvm .sect_mvm_ban_area.sect_02 {background : transparent linear-gradient(105deg, #FFD966 0%, #D6FF66 100%) 0% 0% no-repeat padding-box;}
.cbnPaprPrctice.home .sect_prctice_mvm .sect_mvm_ban_area.sect_02:before {background-image : url("/assets/bnz/common/images/ctzn/cmntyhome_sect_bg_02.svg");}

.cbnPaprPrctice.home .sect_prctice_mvm .sect_mvm_ban_area.sect_03 {background : transparent linear-gradient(105deg, #8497B0 0%, #92B5E3 100%) 0% 0% no-repeat padding-box;}
.cbnPaprPrctice.home .sect_prctice_mvm .sect_mvm_ban_area.sect_03:before {background-image : url("/assets/bnz/common/images/ctzn/cmntyhome_sect_bg_03.svg");}

.cbnPaprPrctice.home .sect_prctice_mvm .sect_mvm_ban_area.sect_04 {background : transparent linear-gradient(105deg, #5AB71A 0%, #3B800B 100%) 0% 0% no-repeat padding-box;}
.cbnPaprPrctice.home .sect_prctice_mvm .sect_mvm_ban_area.sect_04:before {background-image : url("/assets/bnz/common/images/ctzn/cmntyhome_sect_bg_04.svg");}

.cbnPaprPrctice.home .sect_prctice_mvm .sect_mvm_ban_area.sect_05 {background : transparent linear-gradient(106deg, #C4E0B4 0%, #D5DE61 100%) 0% 0% no-repeat padding-box;}
.cbnPaprPrctice.home .sect_prctice_mvm .sect_mvm_ban_area.sect_05:before {background-image : url("/assets/bnz/common/images/ctzn/cmntyhome_sect_bg_05.svg");}


.cbnPaprPrctice.home .sect_mvm_ban_area .ban_cont {
	display : flex;
	justify-content : center; 
	gap : 0 4rem; 
	height: 100%;
    align-items: center;
    position : relative;
}

.cbnPaprPrctice.home .sect_mvm_ban_area .ban_cont .sect_img {
	width : 20rem;
}

.cbnPaprPrctice.home .sect_mvm_ban_area .ban_cont .sect_desc {
	background-color : #fff;
	padding : 2.5rem 2rem;
	border-radius : 2.4rem;
	position : relative;
	box-shadow: 0px 3px 6px var(--shadow-color1);
	width : 32rem;
}

.cbnPaprPrctice.home .sect_mvm_ban_area .ban_cont .sect_desc:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 1.8rem solid transparent;
    border-bottom: 1.8rem solid transparent;
    border-right: 1.8rem solid white;
    display: inline-block;
    position: absolute;
    left: -1.7rem;
    top: calc(50% - 1.8rem);
}

.cbnPaprPrctice.home .sect_mvm_ban_area .ban_cont .sect_desc h5 {
	margin : 0.5rem 0;
}

.cbnPaprPrctice.home .sect_mvm_ban_area .ban_cont .sect_desc p{
	color : var(--blue-color);
}

.cbnPaprPrctice.home .sect_mvm_ban_area .ban_list {
	position: absolute;
    right: 5rem;
    top: 50%;
    display: flex;
    flex-direction: column;
    height: calc(100% - 6rem);
    transform: translate(0, -50%);
	box-shadow: inset 0px 3px 6px #FFFFFF29, 0px 3px 6px var(--shadow-color1);
}

.cbnPaprPrctice.home .sect_mvm_ban_area .ban_list li {
	font-size: 1.4rem;
    background-color: #fff;
    height: 20%;
    padding: 0 1.5rem;
    gap : 0 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 2px solid var(--shadow-color1);
    cursor : pointer;
}

.cbnPaprPrctice.home .sect_mvm_ban_area .ban_list li + li {
	border-top: 2px solid var(--lightgray-color);
}

.cbnPaprPrctice.home .sect_mvm_ban_area .ban_list li:hover,
.cbnPaprPrctice.home .sect_mvm_ban_area .ban_list li.active {
	border-color : var(--main-color1);
	color : var(--main-color1);
}

.cbnPaprPrctice.home .sect_mvm_ban_area .ban_list li.active + li:hover {
	border-top : 0;
}

.cbnPaprPrctice.home .sect_mvm_ban_area .ban_list li:has( + li.active):hover {
	border-bottom : 0;
}

.aa:has(+ .aa) {
  color: red;
}

.cbnPaprPrctice.home .sect_mvm_ban_area .ban_list li .img {
	max-width : 4.8rem;
}

.cbnPaprPrctice.home .sect_prctice_mvm .sect_mvm_list >ul {
	margin-top: 4rem;
    display: flex;
    flex-wrap : wrap;
    gap: 2rem;
}

.cbnPaprPrctice.home .sect_prctice_mvm .sect_mvm_list >ul > li:not(:has(.nodata)) {
    padding: 2.5rem 0;
    border-radius: 2.7rem;
    box-shadow: 0px 3px 6px var(--shadow-color1);
    border: 1px solid var(--U-gray-color);
    text-align: left;
    position: relative;
    align-items: center;
    width: calc(100% / 2 - 2rem / 2);
}

.cbnPaprPrctice.home .sect_prctice_mvm .sect_mvm_list >ul > li:has(.nodata){
	width : 100%;
}

.cbnPaprPrctice.home .sect_mvm_list .img_area{
    height: auto;	
    border: 1px solid var(--lightgray-color);
    border-radius: 2rem;
    flex-shrink : 0;
}

.cbnPaprPrctice.home .sect_mvm_list .img_area:before {
    content: '';
    display: block;
    width: 100%;
    padding-bottom: 100%;
}

.cbnPaprPrctice.home .sect_mvm_list .img_area img {
	position : absolute;
	left : 50%;
	top : 50%;
	transform : translate(-50%,-50%);
}

.cbnPaprPrctice.home .sect_prctice_mvm .sect_mvm_list .sect_area {
	text-align : center;
	padding: 1rem 1rem 1rem 2rem;
	border-right: 1px solid var(--U-gray-color);
	flex-shrink: 0;
    width: 25%;
    cursor : pointer;
}

.cbnPaprPrctice.home .sect_prctice_mvm .sect_mvm_list .sect_area .thumb {
	margin : 1.5rem auto;
	width : 7.5rem;
	height : 7.5rem;
}

.cbnPaprPrctice.home .sect_prctice_mvm .sect_mvm_list .dt_area {
	padding : 0 2.5rem 0 2rem;
	height : auto;
	cursor : pointer;
}

.cbnPaprPrctice.home .sect_prctice_mvm .sect_mvm_list .dt_area .desc {
	font-size : 1.4rem;
	padding : 1.5rem 0;
}
.cbnPaprPrctice.home .sect_prctice_mvm .sect_mvm_list .dt_area .detail {
	font-size : 1.4rem;
}

.cbnPaprPrctice.home .sect_prctice_mvm .sect_mvm_list .btn_wrap {
    margin-top: 3.5rem;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-bottom: 5rem;
    padding-top: 20rem;
    background: linear-gradient(to top, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.0) 100%);
}

.cbnPaprPrctice.home .sect_prctice_mvm .sect_mvm_list .nodata:not(.displaynone) + .btn_wrap {
	display : none;
}

.cbnPaprPrctice.home .sect_prctice_mvm .sect_mvm_list .btn_wrap .btnStrong {
	min-width: 20rem;
}

.cbnPaprPrctice.home .like_rnk_pcrtice .layout_fix {
	padding-top : 3.5rem;
	border-top: 1px solid var(--lightgray-color);
}

.cbnPaprPrctice.home .like_rnk_pcrtice .title_area h3 {
	display: flex;
    align-items: center;
    gap: 1rem;
    line-height: 1;
}

.cbnPaprPrctice.home .like_rnk_pcrtice .title_area h3:before {
    content: '';
    width: 3.2rem;
    height: 3.2rem;
    font-size: 0;
    display: inline-block;
    background-image: url(/assets/bnz/common/images/ctzn/cert_brd_like_fill.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.cbnPaprPrctice.home .like_rnk_pcrtice .title_area select {
	width: auto;
}

.cbnPaprPrctice.home .like_rnk_pcrtice .cert_board_list ul {
	margin-top : 3.5rem;
	margin-bottom : 5rem;
}

.cbnPaprPrctice.home .like_rnk_pcrtice .cert_board_list ul:not(:has(li)){
	margin-top : 0;
	margin-bottom : 0;
}

.cbnPaprPrctice.home .like_rnk_pcrtice .cert_board_list ul li .txt_area .subject {
	-webkit-line-clamp: 2;	
}

.cbnPaprPrctice.home .cmntyMngView .cert_board_list ul li .thumb_area:before {
	content : '';
	display : block;
	padding-bottom :100%;
}

.cbnPaprPrctice.home .cmntyMngView .cert_board_list ul li .thumb_area .thumb {
	position : absolute;
	left : 0;
	top : 0;
	width : 100%;
	height : 100%;
}

.cbnPaprPrctice.home .cmntyMngView .cert_board_list ul li .thumb_area .thumb_rank {
	width: calc(100% - 2px);
    height: 35%;
	background-color: rgba(255, 255, 255, 0.4);
    z-index: 1;
    position: absolute;
    left: 1px;
    bottom: 1px;
    border-radius: 0 0 2rem 2rem;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    color: #fff;
    font-size: 4.8rem;
    font-weight: 600;
    padding: 0 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor : pointer;
}

#content.cbnPaprPrctice.home .between_prctice .layout_fix {
	display : flex;
	gap : 2rem 4rem;
	padding-top: 3.5rem;
    border-top: 1px solid var(--lightgray-color);
}

#content.cbnPaprPrctice.home .between_prctice .layout_fix > div {
	width : calc(100%/2 - 4rem/2);
}

#content.cbnPaprPrctice.home .between_prctice .cbnpapr_banner {
    padding: 3.5rem 0 3rem 0;
    background-position : center left;
}

.cbnPaprPrctice.home .between_prctice .cbnpapr_banner .title_area{
	flex-direction : column;
}

.cbnPaprPrctice.home .between_prctice .cbnpapr_banner .title_area .strongFont {
	width : 100%;
	margin-bottom : 0.5rem;
}


.cbnPaprPrctice.home .btw_left .prctice_content {
	align-items : center;
	margin : 2rem 0;
}

.cbnPaprPrctice.home .btw_left .prctice_content .img_area:before {
	padding-bottom : 85%;
}

.cbnPaprPrctice.home .btw_left .prctice_content .dt_area .desc {
	font-size : 1.4rem;
	padding: 2rem 0 0 0;
}

.cbnPaprPrctice.home .btw_right .relay_card {
	box-shadow: 0px 3px 6px var(--shadow-color1);
	border: 0.2rem solid #E4E4E4;
	border-radius : 1.4rem;
	padding : 0.5rem 2.5rem;
	margin-top : 2rem;
}

.cbnPaprPrctice.home .btw_right .relay_card > div {
	padding : 2rem 0;
}

.cbnPaprPrctice.home .btw_right .card_top p {
	margin-bottom : 1rem;
}

.cbnPaprPrctice.home .btw_right .card_top .card_cnt {
	text-align : center;
}

.cbnPaprPrctice.home .btw_right .card_top .card_cnt span {
	color : var(--main-color1);
	font-weight: 600;
}

.cbnPaprPrctice.home .btw_right .card_center {
	border-top : 1px solid var(--lightgray-color);
	border-bottom : 1px solid var(--lightgray-color);
}

.cbnPaprPrctice.home .btw_right .card_center .card_subject {
	gap : 1rem;
	cursor : pointer;
}

.cbnPaprPrctice.home .btw_right .card_center .card_subject .thumb_wrap {
	text-align : center;
}

.cbnPaprPrctice.home .btw_right .card_center .card_subject .sect_01 { background-color: #4471C4;}
.cbnPaprPrctice.home .btw_right .card_center .card_subject .sect_02 { background-color: #FFD966;}
.cbnPaprPrctice.home .btw_right .card_center .card_subject .sect_03 { background-color: #8497B0;}
.cbnPaprPrctice.home .btw_right .card_center .card_subject .sect_04 { background-color: #548234;}
.cbnPaprPrctice.home .btw_right .card_center .card_subject .sect_05 { background-color: #C4E0B4;}
.cbnPaprPrctice.home .btw_right .card_center .card_subject .sect_99 { background-color: var(--main-color1);}

.cbnPaprPrctice.home .btw_right .thumb_wrap strong {
	margin-bottom : 0.5rem;
	display : block;
	font-weight : 500;
	font-size : 1.6rem;
} 


.cbnPaprPrctice.home .btw_right .card_center .desc .summary {
	margin : 1rem 0 0.5rem 0;
	display : block;	
}

.cbnPaprPrctice.home .btw_right .card_center .card_period p:first-child {
	font-size : 1.4rem;
	margin-bottom : 1rem;
}

.cbnPaprPrctice.home .btw_right .card_bottom ul {
	display: flex;
    gap: 2rem 0rem;
    justify-content: center;
    margin: 1.5rem auto 0 auto;
}

.cbnPaprPrctice.home .between_prctice .card_bottom li:has(.nodata) {
	width : 100%;
}

.cbnPaprPrctice.home .btw_right .card_bottom .card_subject {
	text-align: center;
    display: inline-block;
    font-size: 1.4rem;
    position: relative;
}

.cbnPaprPrctice.home .btw_right .card_bottom .card_subject.center {
	padding-left : 7rem;
	padding-right : 7rem;
	flex: 1;
}

.cbnPaprPrctice.home .btw_right .card_bottom .card_subject:not(.center) {
	width : 30%;
}

.cbnPaprPrctice.home .btw_right .card_bottom .card_subject.center .thumb{
	box-shadow: 0px 0px 8px var(--main-color1);	
}

.cbnPaprPrctice.home .btw_right .card_bottom .card_subject.center:before,
.cbnPaprPrctice.home .btw_right .card_bottom .card_subject.center:after {
    content: '';
    display: inline-block;
    background-image: url(/assets/bnz/common/images/ctzn/cmntyhome_card_bottom_arrow.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: revert;
    width: 6rem;
    height: 2rem;
    position: absolute;
    left: 0rem;
    top: 4rem;
}

.cbnPaprPrctice.home .btw_right .card_bottom .card_subject.center:after {
	left : unset;
	right : 0rem;
}

.cbnPaprPrctice.home .btw_right .card_bottom .card_subject .thumb_wrap,
.cbnPaprPrctice.home .btw_right .card_bottom .card_subject .desc  {
	cursor : pointer;
}

.cbnPaprPrctice.home .btw_right .card_bottom .card_subject .thumb {
	margin : 0 auto 0.5rem auto;
}


.cbnPaprPrctice.home .btw_right .card_bottom .card_subject .stts.blue{
	color : var(--blue-color);
}

.cbnPaprPrctice.home .btw_right .card_bottom .card_subject.center .stts.blue {
	color : var(--main-color1);
}

.modal .sect_detail_modal {
/* 	color : var(--U-black-color2); */
	text-align : center;
	word-break: keep-all;
}

.modal .sect_detail_modal .sect_dt_wrap {
	padding : 2rem;
	height : 100%;
	overflow-y : auto;
}

.modal .sect_detail_modal .ico {
	max-width : 10rem;
	margin : 0 auto;
}

.modal .sect_detail_modal .tit{
	font-weight : 500;
}

.modal .sect_detail_modal .tit h4 {
	font-weight : 500;
	padding: 1rem 0;
}

.modal .sect_detail_modal .sect_dt_cont {
	font-size : 1.4rem;
	text-align : left;
}

.modal .sect_detail_modal .sect_dt_cont .desc {
	margin: 1rem 0 0 0;
	text-align : center;
	display: block;
    font-weight: 500;
    font-size : 1.6rem;
}

.modal .sect_detail_modal .sect_dt_cont .desc + small {
	display : block;
	line-height: 1.4;
    margin-top: 1rem;
    font-size : 1.4rem;
}

.modal .sect_detail_modal .sect_dt_cont .mthd {
	margin : 2rem 0;
}

.modal .sect_detail_modal .sect_dt_cont .mthd.btn_wrap {
	margin-top : 3rem;
}

.modal .sect_detail_modal .sect_dt_cont .mthd.btn_wrap .btnStrong {
	padding : 0 2rem;
}

.modal .mthd > p {
	font-weight : 600;
	margin-bottom : 0.5rem;
/* 	text-align : left; */
}

.modal .sect_detail_modal .sect_dt_cont .mthd ul:not(.list_ck) {
	padding-left : 1.5rem;
}

.modal .sect_detail_modal .sect_dt_cont .mthd .list_img + ul:not(.list_ck) {
	margin-top : 1rem;
}

.modal .sect_detail_modal .sect_dt_cont .mthd ul.typeHalf {
	display : flex;
	flex-wrap : wrap;
}

.modal .sect_detail_modal .sect_dt_cont .mthd ul:not(.list_ck) li {
	display : flex;
	gap : 0 0.5rem;
	align-items: flex-start;
}

.modal .sect_detail_modal .sect_dt_cont .mthd ul.typeHalf li {
	width : 50%;
}

.modal .sect_detail_modal .sect_dt_cont .mthd ul:not(.list_ck) li:before {
	content : '·';
}

.modal .sect_detail_modal .sect_dt_cont .mthd .list_img {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal .sect_detail_modal .sect_dt_cont .mthd .list_img p {
	position : relative;
	width: calc(100% / 3 - 8rem / 3);
}

.modal .sect_detail_modal .sect_dt_cont .mthd .list_img p:not(:first-child):before {
	content : '';
	display : inline-block;
	width : 4rem;
	height : 4rem; 
	background-image: url(/assets/bnz/common/images/ctzn/cmntyhome_modal/sect_detail_arrow.svg);
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    position: absolute;
    left: -4rem;
    top: calc(50% - 2rem);
}

.modal .mthd .list_ck {
	display : flex;
	gap : 0 2rem;
}

.modal .mthd .list_ck li:not(.card_subject) {
	width : calc(100%/3 - 4rem/3);	
}

.modal .mthd .list_ck input[type="checkbox"]{
	margin : 0;
	background-color: #fff;
}

.modal .mthd .list_ck label {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem 0;
    text-align: center;
    padding: 1rem;
}

.modal .mthd .list_ck label span + span {
	margin-top : 1rem;
	display : block;
}

.modal .sect_detail_cmnty_modal .sect_dt_cont {
	text-align : center;
}

.modal .sect_detail_cmnty_modal .sect_dt_cont .top_area {
	position: relative;
    display: inline-block;
    margin: 0 auto;
}

.modal .sect_detail_cmnty_modal .sect_dt_cont .top_area > p {
	text-align : center;
	font-weight: 600;
    margin-bottom: 0.5rem;
}

.modal .sect_detail_cmnty_modal .sect_dt_cont .tooltip_area {
	position: absolute;
    right: 0;
    top: calc(50% - 0.2rem);
    transform: translate(calc(100% + 1rem), -50%);
    padding : 0.5rem;
}

.modal .sect_detail_cmnty_modal .sect_dt_cont .tooltip_desc {
	right: 0;
    min-width: 28rem;
    top: calc(100% + 0rem);
}

.modal .sect_detail_cmnty_modal .sect_dt_cont .tooltip_area .tooltip_desc.active {
	display : block;
}


.modal .sect_detail_cmnty_modal .list_ck {
	flex-wrap : wrap;
	margin-top : 1rem;
}

.modal .sect_detail_cmnty_modal li.card_subject {
	gap : 0 2rem;
	width : 100%;
	flex: unset;
	padding: 0.7rem 2rem;
	cursor : pointer;
	flex-wrap: nowrap;
	border: 2px solid transparent;
}

.modal .sect_detail_cmnty_modal li.card_subject:has(input[type='radio']:checked){
	box-shadow: inset 0px 0px 30px var(--main-color1), 0px 3px 6px var(--shadow-color1);
	border-color: var(--main-color1);
	border-radius: 1.4rem;
}

.modal .sect_detail_cmnty_modal .sect_dt_cont .mthd .list_ck label {
	display : none;
}

.modal .sect_detail_cmnty_modal li.card_subject .thumb {
	flex-shrink : 0;
}

.modal .sect_detail_cmnty_modal li.card_subject .desc {
	margin: 0;
    font-size: 1.4rem;
    text-align: left;
}

.modal .sect_detail_cmnty_modal li.card_subject .desc p {
	font-weight : 500;
}

/*banner click modal - big*/
/*공통*/
.modal .cppmhome_modal { width : 80%; background-position : top left; background-size : 101%; background-repeat: no-repeat; color : var(--U-black-color2); padding-left : 0.5rem !important; padding-right : 0.1rem !important;}
.modal .cppmhome_modal .modal_header:not(:has(.title)) {height : 0; z-index : 1;}
.modal .cppmhome_modal .modal_header .btnClose {top : -3rem;right : -3rem;}
.modal .cppmhome_modal .modal_body {height :100%; padding-left : 0 !important; padding-right : 0 !important; border-radius : 4rem 4rem 0 0;}

.modal .cppmhome_modal .btnStrong.sizeL {min-width : 24rem;}
.modal .cppmhome_modal .shadow_box {box-shadow: inset 0px 3px 6px #FFFFFF29, 0px 3px 6px var(--shadow-color1);border : 1px solid var(--lightgray-color);border-radius : 3.4rem;background-color : #fff;}
.modal .cppmhome_modal .hm_top {text-align : center; margin : 8rem 0 6rem 0; word-break : keep-all;}
.modal .cppmhome_modal .hm_top > .flex_box {gap : 0 3rem; align-items: normal;}
.modal .cppmhome_modal .hm_top h3{font-size : 3.8rem; margin: 0.5rem 0 1.5rem 0; font-weight : 400; line-height : 1.3;}
.modal .cppmhome_modal .hm_top .btn_wrap {margin : 4.5rem 0;}
.modal .cppmhome_modal .hm_top .btn_wrap p{font-size : 1.8rem; margin-top : 1rem;}

.modal .cppmhome_modal .hm_top .val_box {
	gap: 0 3rem;
    align-items: normal;
}

.modal .cppmhome_modal .hm_top .val_box > li {
    padding: 2.5rem 2rem;
    min-width: 20%;
    word-break: keep-all;
}

.modal .cppmhome_modal .hm_top .val_box > li .strongFont {
	font-size : 3.2rem;
	color : var(--main-color1);
	margin-bottom : 1.5rem;
}

.modal .cppmhome_modal .section {
	padding : 4rem 10% 2rem 10%;
}

.modal .cppmhome_modal .color_bg {background-color : #EAF5EF;}
.modal .cppmhome_modal .color_bg_w {background-color : #fff;}

.modal .cppmhome_modal .hm_com_ttl small{
	color : var(--main-color1);	
}
.modal .cppmhome_modal .hm_com_ttl .titleM {
	margin : 1rem 0 0.5rem 0;
}

.modal .cppmhome_modal .hm_com_ttl .titleM:has(b) {
	color : var(--main-color1);
	margin-top : 2rem;
}

.modal .cppmhome_modal .comm_shadow_list {
	align-items: normal;
    justify-content: space-between;
    max-width: 95%;
    margin: 0 auto;
}

.modal .cppmhome_modal .comm_shadow_list li {
	padding: 2.5rem 2rem;
    width: 30%;
    text-align: center;
    word-break: keep-all;
}

.modal .cppmhome_modal .comm_shadow_list li .img {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow : hidden;
}

.modal .cppmhome_modal .comm_shadow_list li p {
	margin : 0.5rem 0 1rem 0; 
	word-break: keep-all;
}

/*에너지 리그*/
.modal .hm_league {background-image: url(/assets/bnz/common/images/ctzn/hm_modal_banner_new_01.png);}
.modal .hm_league .hm_top > .flex_box > li  {padding : 1rem 2rem 3rem 2rem; width: 22%; display: flex; flex-direction: column;justify-content: end;}
.modal .hm_league .hm_top > .flex_box > li .desc strong {margin : 0.5rem 0;display : block; font-weight : 500; font-size : 1.8rem;}

.modal .hm_league_bottom .basic_area {text-align : center;}
.modal .hm_league_bottom .basic_area > .strongFont {font-weight : 500; margin-bottom : 2.5rem;}

.modal .hm_league_bottom .area_01 .flex_box {gap: 3rem 6rem;align-items: normal;}
.modal .hm_league_bottom .area_01 li {
	text-align : center;
	width: 15%;	
	position : relative;
}

.modal .hm_league_bottom .area_01 li:not(:first-child):before {
content: '';
    display: inline-block;
    background-image: url(/assets/bnz/common/images/common/home_modal_arrow_01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: revert;
    width: 4.5rem;
    height: 4.5rem;
    position: absolute;
    left: -5rem;
    top: calc(50% - 2rem);
}

.modal .hm_league_bottom .area_01 li:nth-child(3):before {background-image: url(/assets/bnz/common/images/common/home_modal_arrow_02.png);}
.modal .hm_league_bottom .area_01 li:nth-child(4):before {background-image: url(/assets/bnz/common/images/common/home_modal_arrow_03.png);}

.modal .hm_league_bottom .area_01 li .box_header {
	display: flex;
    align-items: center;
    gap: 0 2rem;
    padding: 1rem 2rem;
    font-size: 1.6rem;
    font-weight: 500;
    border-radius: 3.4rem 3.4rem 0 0;
}

.modal .hm_league_bottom .area_01 li .box_header span {
	display: inline-block;
	color : #fff;
	border-radius : 20rem;
	width : 4rem; height : 4rem; line-height : 4rem; font-weight : 400; font-size : 2rem;
}

.modal .hm_league_bottom .area_01 li:first-child .box_header {background-color : #D9E6F2;}
.modal .hm_league_bottom .area_01 li:nth-child(2) .box_header {background-color : #CDE2E9;}
.modal .hm_league_bottom .area_01 li:nth-child(3) .box_header {background-color : #DDF0DE;}
.modal .hm_league_bottom .area_01 li:last-child .box_header {background-color : #DDF1DA;}

.modal .hm_league_bottom .area_01 li:first-child .box_header span {background-color : #084C80;}
.modal .hm_league_bottom .area_01 li:nth-child(2) .box_header span {background-color : #0A6B8F;}
.modal .hm_league_bottom .area_01 li:nth-child(3) .box_header span {background-color : #229051;}
.modal .hm_league_bottom .area_01 li:last-child .box_header span {background-color : #21903C;} 

.modal .hm_league_bottom .area_01 li .box_cont {
    padding: 0.5rem 1rem 2rem 1rem;	
}
.modal .hm_league_bottom .area_01 li .box_cont .img {
    max-width: 50%;
    margin: 0 auto;	
}

.modal .hm_league_bottom .area_02 {margin : 5rem 0;}

.modal .hm_league_bottom .area_02 .box_01 {
    padding: 2.5rem 1.5rem;
    gap: 0 6rem;
    max-width: 84rem;
    margin: 0 auto;
	align-items: normal;
}

.modal .hm_league_bottom .area_02 .box_01 p {
	margin-right : 2rem;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.modal .hm_league_bottom .area_02 .box_01 > div {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
}

.modal .hm_league_bottom .area_02 .box_01 .img {
    width: 9.5rem;
    height: 9.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.modal .hm_league_bottom .area_02 .box_02 {
	padding : 2.5rem 1.5rem;
	max-width: 84rem;
    margin: 5rem auto 4.5rem auto;
}

.modal .hm_league_bottom .area_02 .box_02 ul {
	max-width : 60%;
	margin : 2rem auto 0 auto;
}

.modal .hm_league_bottom .area_02 .box_02 li {
	
}

.modal .hm_league_bottom .area_02 .box_02 li:hover{
	font-weight : 500;
}

.modal .hm_league_bottom .area_02 .box_02 li .img {
	padding : 2rem;
	margin-bottom : 1rem;
    width: 18rem;
    height: 18rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.modal .hm_league_bottom .area_03 {
    padding: 2rem 4rem 6rem 4rem;
    max-width: 84rem;
    margin: 0rem auto 1rem auto;
}

.modal .hm_league_bottom .area_03 h5 {
    display: flex;
    gap: 0 1rem;
    align-items: center;
    justify-content: center;
}

.modal .hm_league_bottom .area_03 h5:before {
	content : '';
	display : inline-block;
	background-image: url("/assets/bnz/common/images/ctzn/cmntyhome_modal/hm_league_ico_11.png");
	background-position: top;
    background-size: 100%;
    background-repeat: no-repeat;
    width : 8.5rem;
    height : 8.5rem;	
	flex-shrink: 0;
} 

.modal .hm_league_bottom .area_03 .cont_left {
    text-align: left;
    display: flex;
    justify-content: space-between;
	padding-left: 7rem;
	align-items : center;
	margin-bottom : 3rem;
}

.modal .hm_league_bottom .area_03 .cont_left > div {
	flex : 1;
}

.modal .hm_league_bottom .area_03 .cont_left > div > span {
	width: 80%;
    display: block;
    margin: 1rem auto 0 auto;
    font-size: 1.4rem;
    text-align: center;
}

.modal .hm_league_bottom .area_03 .cont_left ul li {
	font-weight: 500;
    display: flex;
    gap: 0 0.5rem;
    align-items: center;
    width: 65%;
    margin: 0 auto;
}

.modal .hm_league_bottom .area_03 .cont_left ul li:before {
	content : '';
	display : inline-block;
	background-image: url("/assets/bnz/common/images/ctzn/hm_league_list_ico.png");
	background-position: top;
    background-size: 100%;
    background-repeat: no-repeat;
    width : 2.5rem;
    height : 2.5rem;
}

.cont_left .cont_frm {
	text-align : center;
}

.modal .hm_league_bottom .area_03 .cont_left .cont_frm {
	min-width: 54%;
    padding: 0.5rem 0 0.5rem 6%;
    border-left: 1px solid var(--U-gray-color);
	flex-shrink: 0;
}

.cont_left .cont_frm input {
    margin: 2rem 0 0rem 0;
}

.cont_left .cont_frm span {
	display : block;
	font-size : 1.2rem;
	width : 100%;
}

.cont_left .cont_frm span.stts {
	font-weight : 500;
	display : flex;
	justify-content: center;
	gap: 0 0.3rem;
}

.cont_left .cont_frm span.stts.blue {color : var(--blue-color)}
.cont_left .cont_frm span.stts.red {color : var(--red-color)}

.cont_left .cont_frm span.stts:before {
	content : '※';
}

.cont_left .cont_frm span + span {
	margin-top : 0.5rem;
}

.cont_left .cont_frm button {
	margin-top: 1.5rem;
    min-width: 45%;
}

.modal .hm_league_bottom .area_03 .cont_right {
	background: transparent linear-gradient(106deg, #EAF5EF 0%, #DFCEE2 100%) 0% 0% no-repeat padding-box;
	height : 50rem;
	position : relative;
	border-radius: 0 0 3.4rem 3.4rem;
}

.modal .hm_league_bottom .area_03 .race_top {
	padding-top : 2.5rem; 
}

.modal .hm_league_bottom .area_03 .race_bottom {
	height: calc(100% - 8rem);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
	background-image: url(/assets/bnz/common/images/ctzn/cmntyhome_modal/hm_league_race_bg.svg);
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
}

.modal .hm_league_bottom .area_03 .race_obj {
	height : calc(100% - 10rem);
}

.modal .hm_league_bottom .area_03 .race_obj ul {
	position : relative;
	height : 100%;
}

.modal .hm_league_bottom .area_03 .race_obj li {
	width : 20%;
	position : absolute;
	bottom : 0;
}

.modal .hm_league_bottom .area_03 .race_obj li.last {left: 5%; bottom: 0rem;}
.modal .hm_league_bottom .area_03 .race_obj li.middle {left: 26%; bottom: 3rem;}
.modal .hm_league_bottom .area_03 .race_obj li.first {right: 6%; bottom: 1rem; width : 23%;}

.modal .hm_league_bottom .area_03 .race_obj li .obj_head {width: 26%;position: absolute;top: 10.5%;left: 33%;}
.modal .hm_league_bottom .area_03 .race_obj li.first .obj_head {width: 32%;top : 10%;left: 34%;}

.modal .hm_league_bottom .area_03 .race_result {
	height : 10rem;
	position : absolute;
	left : 0;
	bottom : 0;
	width : 100%;
	color : #fff;
	align-items: end;
    padding: 1.5rem 2rem;
	font-size : 1.4rem;
}

.modal .hm_league_bottom .area_03 .race_result ul {
	flex : 1;
	position : relative;
}

.modal .hm_league_bottom .area_03 .race_result ul li {
	position : absolute;
	bottom : 0;
}

.modal .hm_league_bottom .area_03 .race_result ul li.last {left: 5%; }
.modal .hm_league_bottom .area_03 .race_result ul li.middle {left: 26%;}
.modal .hm_league_bottom .area_03 .race_result ul li.first {right: 6%;}

.modal .hm_league_bottom .area_03 .race_result ul li strong {
	font-size : 2.4rem;
	line-height : 1;
	display : block;
	margin-top : 0.5rem;
}

/*잔반제로*/
.modal .hm_zero {
    background-image: url(/assets/bnz/common/images/ctzn/hm_modal_banner_02.png);
}

.modal .hm_zero .hm_top .val_box_wrap {
	width : 65%;
	margin : 0 auto;
}

.modal .hm_zero .hm_top .val_box_wrap > p {
    margin-top: 1rem;
    text-align: right;
    padding-right: 1.7rem;
}

.modal .hm_zero .hm_top .val_box > li {
	width : calc(100%/3);
}

.modal .hm_zero_bottom .area_01 .comm_shadow_list li .img {
	min-height : 11rem;
}

.modal .hm_zero_bottom .area_02 .btn_wrap{
	margin : 2rem 0;
}

.modal .hm_zero_bottom .area_03 .flex_box {
	align-items: normal;
    justify-content: space-between;
    max-width: 90%;
    margin: 3rem auto 4rem auto;
    text-align: center;
} 

.modal .hm_zero_bottom .area_03 .flex_box .thumb {
	margin: 0 auto 1rem auto;
    border: 0;
    padding: 0;
    box-shadow: unset;
}

.modal .hm_zero_bottom .area_04 .btnTsp {
	background-color : 	#EAF5EF;
	font-size : 1.4rem;
	padding : 0 1.2rem;
}

.modal .hm_zero_bottom .area_04 .cont_area {
	gap : 0 3.5rem;
	align-items : normal;
}

.modal .hm_zero_bottom .area_04 .cont_area >div{
	flex : 1;
	padding: 3rem 3rem 1rem 3rem;
}

.modal .hm_zero_bottom .area_04 .cont_header{
	text-align: center;
    position: relative;
    padding: 2.25rem 0;
}

.modal .hm_zero_bottom .area_04 .cont_header .img {
    position: absolute;
    left: 1rem;
    top: 0;
    max-width: 8rem;	
}

.modal .hm_zero_bottom .area_04 .cont_header .btnTsp {
    padding: 0 4rem;
    height: 3.5rem;
    line-height: 3.3rem;
    font-weight: 500;
    font-size : 1.8rem;
}

.modal .hm_zero_bottom .area_04 .cont_body .body_detail p{
	margin: 0.5rem 0 1.5rem 0;
}

.modal .hm_zero_bottom .area_04 .cont_body .body_top {
    border-bottom: 2px solid var(--lightgray-color);
}

.modal .hm_zero_bottom .area_04 .cont_body .body_bottom {
	position : relative;
}

.modal .hm_zero_bottom .area_04 .cont_body .body_bottom:before {
    content: '';
    width: 1px;
    height: calc(100% - 13rem);
    background-color: #28BB9D;
    position: absolute;
    left: 2.4rem;
    top: 3rem;
}

.modal .hm_zero_bottom .area_04 .cont_body .body_bottom li {
	padding: 3rem 0;
    display: flex;
    align-items: flex-start;
    gap: 0 1.5rem;	
    position : relative;
    z-index : 1;
}

.modal .hm_zero_bottom .area_04 .cont_body .body_bottom li > span{
	width: 4.8rem;
	height: 4.8rem;
	background-color : #83E1D0;
	border : 1px solid #28BB9D;
	border-radius : 9rem;
	line-height : 4.6rem;
	text-align : center;
	display : inline-block;
	color : #fff;
	flex-shrink: 0;
}

.modal .hm_zero_bottom .area_04 .cont_right .cont_body .body_bottom li > span {
	border-radius : 1rem;
}

.modal .hm_zero_bottom .area_04 .cont_body .body_bottom div:has(.btnTsp){	
	gap: 1rem;
    flex-wrap: wrap;
}

/* 가로수탐사 */
.modal .hm_tree {
    background-image: url(/assets/bnz/common/images/ctzn/hm_modal_banner_03.png);
}

.modal .hm_tree .hm_top .val_box > li {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
}

.modal .hm_tree .hm_top .val_box > li > small {
	margin-bottom : 0.3rem;
	display : block;
}

.modal .hm_tree_bottom .area_01 .comm_shadow_list{
	margin-top : 4rem;
	margin-bottom : 2rem;
} 

.modal .hm_tree_bottom .area_01 .comm_shadow_list li .img {
	height : 11rem;
}

.modal .hm_tree_bottom .area_02 .btn_wrap{
	margin : 2rem 0;
}

.modal .hm_tree_bottom .area_02 .btn_wrap .btnStrong + .btnStrong {
	margin : 0 2rem;
}

.modal .hm_tree_bottom .area_03 {
	padding-bottom : 8rem;
}

.modal .hm_tree_bottom .area_03 .cmnty_list {
	max-width: 75%;
	margin: 0 auto;
}

.modal .hm_tree_bottom .area_03 .cmnty_list li {
	display: flex;
    align-items: center;
    gap: 0 2rem;
    margin-top: 3rem;
}

.modal .hm_tree_bottom .area_03 .cmnty_list li .thumb {
	flex-shrink : 0; 
}

.modal .hm_tree_bottom .area_03 .cmnty_list li .desc span {
	margin-top : 1.5rem;
	display: block;
}

.modal .hm_tree_bottom .area_04 {
    text-align: center;
    padding: 5rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3rem 0;
}

.modal .hm_tree_bottom .area_04 h5 {
	font-size : 3.8rem;
}

/* 리턴컵 */
.modal .hm_return {
    background-image: url(/assets/bnz/common/images/ctzn/hm_modal_banner_04.png);
}
.modal .hm_return_bottom .area_01 .comm_shadow_list{
	margin-top : 4rem;
	margin-bottom : 2rem;
}

.modal .hm_return_bottom .area_01 .comm_shadow_list li .img {
	height : 11rem;
}

.modal .hm_return_bottom .area_02 {
	padding-bottom : 4rem;
}

.modal .hm_return_bottom .area_02 .shadow_box {
	border-radius: 2rem;
    padding: 2rem;
    display: inline-flex;
    align-items: center;
    gap: 1.5rem;
    font-size: 1.8rem;
    margin-bottom: 3.5rem;
}

.modal .hm_return_bottom .area_02 .shadow_box + p {
	color : var(--main-color1);
} 

.modal .hm_return_bottom .area_03 .comm_shadow_list {
	max-width: unset;
	gap: 1rem;
	margin: 2rem 0;
}

.modal .hm_return_bottom .area_03 .comm_shadow_list li {
    width: calc(100% / 4);
    padding: 2rem 1.5rem;
    text-align: left;
    border-radius: 2rem;
}

.modal .hm_return_bottom .area_03 .comm_shadow_list li p {
	margin : 0;
	font-weight : 500; 
}

.modal .hm_return_bottom .area_03 > span {
	display : block;
	text-align: center;
	margin-bottom : 0.5rem;
}

.modal .hm_return_bottom .area_03 .btn_wrap a {
	color : var(--main-color1);
}

.modal .hm_return_bottom .area_03 .btn_wrap a:hover {
	text-decoration : underline;
}

.modal .hm_return_bottom .area_04 > ul {
	display : flex;
	align-items: start;
	margin: 2rem 0;
}

.modal .hm_return_bottom .area_04 > ul li {
	width : calc(100%/4);
	text-align : center;
	padding: 0 1.5rem;
}

.modal .hm_return_bottom .area_04 > ul li .img {
	display: inline-block;
    border: 1px solid var(--gray-color);
    padding: 0.5rem;
    box-sizing: border-box;
    border-radius: 2rem;
	width: 10rem;
	height : 10rem;
	flex-shrink : 0;
}

.modal .hm_return_bottom .area_04 > ul li .img img {
	height : 100%;
}

.modal .hm_return_bottom .area_04 > ul li .desc p {
	font-weight : 500;
	margin: 1.5rem 0 1rem 0;
}

.modal .hm_return_bottom .area_05 {
    text-align: center;
    padding: 5rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem 0;
}

.modal .hm_return_bottom .area_05 h5 {
	font-size : 3.8rem;
}

/* 실천 인증하기 - 우리동네 에너지 리그 / 저탄소 이동 */
.modal .actvcert_regist_modal_dffrnc {
	text-align : center;
}

.modal .actvcert_regist_modal_dffrnc .modal_body {
	padding-top : 0;
}

.modal .actvcert_regist_modal_dffrnc .dffrnc_wrap {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 85%;
    height : 80%;
    margin: 0 auto;
    gap: 4rem 0;
    padding-bottom: 4rem;
}

.modal .actvcert_regist_modal_dffrnc h5,
.modal .actvcert_regist_modal_dffrnc b {
	font-weight : 500;	
}

.modal .actvcert_regist_modal_dffrnc .desc_area{
	border-top : 1px solid var(--A-lightgray-color);
	border-bottom : 1px solid var(--A-lightgray-color);
	padding : 3.5rem 0;
	font-size : 1.8rem;
}

.modal .actvcert_regist_modal_dffrnc .desc_area .btn_wrap {
	margin-top: 1.5rem;
}

.modal .actvcert_regist_modal_dffrnc .cont_frm,
.modal .actvcert_regist_modal_dffrnc .mthd {
	width : 70%; margin : 0 auto;
}

/*------2-2) 인증 모아보기 (.prcticeCertWholEx ) ---*/
.prcticeCertWholEx section[class$="_wrap"].club_board_wrap {
	padding-top : 0;
}

.prcticeCertWholEx.cmntyMngView .club_board_wrap:before,
.prcticeCertWholEx.cmntyMngView .club_board_wrap .layout_fix:before,
.prcticeCertWholEx.cmntyMngView .club_board_wrap .layout_fix:after {
	display : none;
}

/*------2-3) 탄소지움 릴레이 (.cbnPaprPrctice.paprRelay) ---*/
.cbnPaprPrctice.paprRelay .prtice_mvm_top .swiper-container {
	padding : 0 4rem 1rem 4rem;	
	overflow : hidden;
/* 	position : relative; */
}

.cbnPaprPrctice.paprRelay .prtice_mvm_top .swiper-container .swiper-arrow {
	position: absolute;
    left: 0;
    bottom: calc(20rem / 2 - 1.75rem);	
}

.cbnPaprPrctice.paprRelay .prtice_mvm_top .swiper-container .swiper-next {
	left : unset;
	right : 0;
}

.cbnPaprPrctice.paprRelay .prtice_mvm_top .swiper-container .swiper-button-disabled {
	border-color: var(--U-gray-color);
}

.cbnPaprPrctice.paprRelay .prtice_mvm_top .swiper-container .swiper-button-disabled:before {
	filter: grayscale(1) brightness(1.5);
}

.cbnPaprPrctice.paprRelay .prtice_mvm_top .swiper-pagination-bullet-active {
	width : 4rem;
	border-radius : 0.5rem;
	background-color: rgba(0, 0, 0, 0.5);
}

.cbnPaprPrctice.paprRelay .prtice_mvm_top ul {
	gap : unset;
}

.cbnPaprPrctice.paprRelay .prtice_mvm_top ul li {
	padding-top : 23rem;
	width : auto;
	height : unset;
}

.cbnPaprPrctice.paprRelay .prtice_mvm_top ul li:before {
    content: '';
    display: inline-block;
    width: 18rem;
    height: 18rem;
    background-size: 100%;
    position: absolute;
    left: 50%;
    top: 6rem;
    background-repeat: no-repeat;
    background-position: center;
    transform: translate(-50%, 0);
} 

.cbnPaprPrctice.paprRelay .prtice_mvm_top ul li.swiper-slide-prev:before {
	background-image: url(/assets/bnz/common/images/ctzn/cbnPaprRelay_top_new_01.png);
}

.cbnPaprPrctice.paprRelay .prtice_mvm_top ul li.swiper-slide-next:before {
	background-image: url(/assets/bnz/common/images/ctzn/cbnPaprRelay_top_new_03.png);
}

.cbnPaprPrctice.paprRelay .prtice_mvm_top ul li.swiper-slide-active:before {
	width: 30rem;
    height: 30rem;
    background-image: url(/assets/bnz/common/images/ctzn/cbnPaprRelay_top_new_02.png);
    top : 0;
}

.cbnPaprPrctice.paprRelay .prtice_mvm_top .card {
    height: 100%;
    position: relative;
    border: 2px solid var(--U-gray-color);
    box-shadow: 0px 3px 6px var(--shadow-color1);
    cursor: pointer;
    border-radius: 2.4rem;
    padding: 2rem;
    text-align: center;
}

.cbnPaprPrctice.paprRelay .prtice_mvm_top ul li.active .card{
	border-color : #1492E6;	
}

.cbnPaprPrctice.paprRelay .prtice_mvm_top ul li.swiper-slide-active .card:before,
.cbnPaprPrctice.paprRelay .prtice_mvm_top ul li.swiper-slide-active .card:after {
	content: '';
    display: inline-block;
    background-image: url(/assets/bnz/common/images/ctzn/cbnPaprRelay_arrow.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 130%;
    width: 5rem;
    height: 5rem;
    position: absolute;
    left: -5.2rem;
    top: 50%;
    transform: translate(0, -50%);
}

.cbnPaprPrctice.paprRelay .prtice_mvm_top ul li.swiper-slide-active .card:after {
	left :unset;
	right : -5.2rem;
}

.cbnPaprPrctice.paprRelay .prtice_mvm_top .card .race_no {
    background-image: url(/assets/bnz/common/images/ctzn/cbnPaprRelay_number.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size : 100%;
    width: 15rem;
    height: 10rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: absolute;
    left: -4rem;
    top: -7.5rem;
    font-size : 1.4rem;
}

.cbnPaprPrctice.paprRelay .prtice_mvm_top .swiper-slide:not(.swiper-slide-visible) .card .race_no {
	opacity : 0;
}

.cbnPaprPrctice.paprRelay .prtice_mvm_top .card .race_no strong {
	font-size : 2.4rem;
}

.cbnPaprPrctice.paprRelay .prtice_mvm_top .card .date {
	font-weight : 600;
	padding-bottom : 2rem;
}

.cbnPaprPrctice.paprRelay .prtice_mvm_top .card_subject {
	display: flex;
    align-items: center;
    height: auto;
    gap: 1rem;
}

.cbnPaprPrctice.paprRelay .prtice_mvm_top .card_subject .desc {
	flex : 1;
	text-align : left;
/* 	line-height : 1.2; */
}

.cbnPaprPrctice.paprRelay .prtice_mvm_top .card_subject .desc .summary {
	padding : 0.8rem 0;
	display : block;
}

.cbnPaprPrctice.paprRelay .prtice_mvm_top .card_subject .nodata {
	width : 100%;
	min-height : 10rem;
}

.cbnPaprPrctice.paprRelay .cmntyMngView {
	padding-top : 8rem;	
}

.cbnPaprPrctice.paprRelay .cmntyMngView .title_area .titleL {
	font-weight : 500;
}

@media ( max-width : 1400px) {
	/* gnb2 구버전 사용  x */
	.cbnPaprPrcticeMvm .fp_intro {left : 3rem;}
	.cbnPaprPrcticeMvm .fp_detail.active,.cbnPaprPrcticeMvm .fpBtn {right : 3rem;}
}

@media ( max-width : 1280px) {
	/* gnb2 구버전 사용  x */
	#content.cbnPaprPrcticeMvm .fp_banner {padding-top : 10.4rem;}
	.cbnPaprPrcticeMvm .banner .fp_banner {padding: 12rem 0 3rem 0;}
	.cbnPaprPrcticeMvm .fp_intro, .cbnPaprPrcticeMvm .fp_detail {top: 1rem;}
	.cbnPaprPrcticeMvm .fp_list .mvm_list {gap : 1rem;}
	.cbnPaprPrcticeMvm .fp_list .mvm_list>li {width: calc(100%/4 - 3rem/4);}
	.cbnPaprPrcticeMvm .fp_list .mvm_list>li .cont .img {height : 50%;}
	
	.cbnPaprGrpActvAply .grpActv_top {padding: 4rem 0;}
	.cbnPaprGrpActvAply .grpActv_tab ul {gap: 0 2%;padding: 3rem 0;}
	.cbnPaprGrpActvAply .grpActv_tab ul li {width: calc(100%/ 3);}
	.cbnPaprGrpActvAply .group_info ul {gap: 1.5rem;}
	.cbnPaprGrpActvAply .group_info ul li {width: calc(100%/ 3 - 3rem/ 3);}
	.cbnPaprGrpActvAply .intro_card {max-width: 100%;}
	.cbnPaprGrpActvAply .group_dt_card>li p br {display: none;}
	.cbnPaprGrpActvAply .group_dt_card.type3 {gap: 1rem;}
	.cbnPaprGrpActvAply .group_dt_card.type3>li {width: calc(100%/ 3)}
	.cbnPaprGrpActvAply .group_dt_card.type3>li>div {padding: 2rem 1rem;}
	.cbnPaprGrpActvAply .group_dt_card.type2 {gap: 1rem;align-items: normal;}
	.cbnPaprGrpActvAply .group_dt_card.type2>li {width: calc(50% - 1rem/ 2);}
	.cbnPaprGrpActvAply .group_dt_card.type2>li>div {padding: 2rem;height: 100%;gap: 1rem 0;flex-direction: column;}
	.cbnPaprGrpActvAply .group_dt_card.effect>li:before {width: 20%;height: 60%;}
	.cbnPaprGrpActvAply .sec1 .sec1_bottom .group_dt_card.effect>li {width: calc(50% - 2rem/ 2);padding: 3rem 0 0 3rem;}
	.cbnPaprGrpActvAply .sec1 .sec1_bottom .group_prg .deco_right {padding-top: 4rem;}
	
	
	/* new */
	.cbnPaprPrcticeMap #tmblrMap {max-height: calc(100vh - 7rem);}
	.cbnPaprPrcticeMap .tmblr_item .cate_tab {flex-direction : column;}
	.cbnPaprPrcticeMap .map_opt_li > p {border-radius : 1.5rem; width : 9rem; height : 9rem; padding : 1rem 0;}
	.cbnPaprPrcticeMap .tmblr_score_wrap {left: 12rem;border-radius: 1.5rem;transform: unset;width: 32rem; min-width : unset; padding: 1rem;}
	.cbnPaprPrcticeMap .tmblr_score_wrap h4 {font-size : 1.8rem;}
	.cbnPaprPrcticeMap .tmblr_inner {flex-direction : column;}
	.cbnPaprPrcticeMap .tmblr_score {border-radius : 1.5rem; width: 100%; padding : 1rem; font-size : 1.4rem;}
	.cbnPaprPrcticeMap .tmblr_score ul li {padding : 0 0.5rem;}
	.cbnPaprPrcticeMap .tmblr_score ul li .strongFont {font-size : 1.6rem;}
	
	.cbnPaprPrctice .prtice_mvm_top ul {gap : 1rem;}
	.cbnPaprPrctice .prtice_mvm_top ul li {width: calc(100% / 3 - 3rem / 3);}
	.cbnPaprPrctice .prtice_mvm_top ul li .card {padding : 1rem;}
	
	.cbnPaprPrctice.home .sect_prtice_banner {padding : 1rem 2rem 4rem 2rem;}
	.cbnPaprPrctice.home .sect_prctice_mvm .tab_wrap .cate_tab li span {width : 50%;}
	.cbnPaprPrctice.home .sect_mvm_ban_area .ban_cont {justify-content: start; max-width: calc(100% - 25rem);padding: 0 0rem 0 3rem;}
	.cbnPaprPrctice.home .sect_mvm_ban_area .ban_list {right : 3rem;}
	.cbnPaprPrctice.home .sect_cont_wrap .sect_type > ul > li {padding: 1rem 1rem 2rem 1rem;}
	.cbnPaprPrctice.home .sect_cont_wrap .sect_type > ul > li strong {margin-top : 0;} 
	
	.cbnPaprPrctice.home .sect_prctice_mvm .sect_mvm_list >ul {gap : 1rem;}
	.cbnPaprPrctice.home .sect_prctice_mvm .sect_mvm_list >ul > li:not(:has(.nodata)) {align-items: normal; padding : 2rem 0;width: calc(100% / 2 - 1rem / 2);}
	.cbnPaprPrctice.home .sect_prctice_mvm .sect_mvm_list .sect_area {width : 12rem; padding : 1rem;}
	.cbnPaprPrctice.home .sect_prctice_mvm .sect_mvm_list .dt_area {width: calc(100% - 12rem); padding: 0 1.5rem;}
	.cbnPaprPrctice.home .sect_prctice_mvm .sect_mvm_list .dt_area .desc {padding-top : 0;}
	.cbnPaprPrctice.home .sect_mvm_list .img_area {margin-bottom : 1rem; width : 40%; min-height : unset;}
	.cbnPaprPrctice.home .sect_prctice_mvm .sect_mvm_list .sect_area .thumb {margin : 1.5rem auto;} 
	.cbnPaprPrctice.home .btw_right .relay_card > div.card_center {flex-direction: column;align-items: start;gap: 2rem 0;}
	.cbnPaprPrctice.home .btw_right .card_center .card_period p:first-child {margin-bottom : 0;}
	
	.modal .cppmhome_modal .modal_body {padding-left: 1rem !important; padding-right: 1rem !important;}
	.modal .cppmhome_modal .shadow_box {border-radius : 2rem;}
	.modal .cppmhome_modal .hm_top {margin : 4rem 0;}
	.modal .cppmhome_modal .hm_top > .flex_box {gap : 1rem;}
	.modal .cppmhome_modal .hm_top .val_box > li {min-width: calc(100% / 3 - 2rem / 3);}
	.modal .cppmhome_modal .section {padding : 2rem 4%;}
	.modal .cppmhome_modal .comm_shadow_list {max-width : unset;}
	.modal .cppmhome_modal .comm_shadow_list li {width : calc(100%/3 - 2rem/3); padding : 2rem 1rem;}
	
	.modal .hm_league .hm_top > .flex_box > li {width: calc(100% / 3);}
	.modal .hm_league_bottom .basic_area > .strongFont {margin-bottom : 1.5rem;}
	.modal .hm_league_bottom .area_01 .flex_box {gap: 1rem; flex-wrap: wrap;}
	.modal .hm_league_bottom .area_01 li:not(:first-child):before {display : none;}
	.modal .hm_league_bottom .area_01 li { width: calc(100% / 2 - 1rem / 2); }
	.modal .hm_league_bottom .area_01 li .box_header {border-radius : 2rem 2rem 0 0;}
	.modal .hm_league_bottom .area_02 .box_02 {margin : 2rem auto;}
	.modal .hm_league_bottom .area_02 .box_02 ul {max-width : unset; justify-content : center; gap: 0 5rem;}
	.modal .hm_league_bottom .area_02 .box_02 li .img {width : 12rem; height : 12rem;}
	.modal .hm_league_bottom .area_03 {padding : 2rem;}
	.modal .hm_league_bottom .area_03 .cont_left { padding: 2rem 0 0 0; flex-direction: column;align-items: start;}
	.modal .hm_league_bottom .area_03 .cont_left > div {margin : 0 auto;}
	.modal .hm_league_bottom .area_03 .cont_left > div > span {width : 100%}
	.modal .hm_league_bottom .area_03 .cont_left ul li {width : 100%;justify-content: center;}
	.modal .hm_league_bottom .area_03 .cont_left .cont_frm {border-left : 0; width: 100%; padding: 2rem 1rem;border-top: 1px solid var(--lightgray-color);margin-top: 2rem;}
	.modal .hm_league_bottom .area_03 .cont_left .cont_frm input {margin : 1rem 0 0 0;}
	.modal .hm_league_bottom .area_03 .cont_left .cont_frm button {min-width: 35%;height: 4rem;line-height: 3.8rem;}
	
	.modal .hm_league_bottom .area_03 .race_result {padding: 1.5rem 2rem 1rem 2rem;}
	.modal .hm_league_bottom .area_03 .race_result ul li strong {margin-top : 0;}
	
	
	.modal .hm_zero .hm_top .val_box_wrap {width : calc(100% - 0rem);}
	.modal .hm_zero .hm_top .val_box {gap : 1rem;}
	.modal .hm_zero .hm_top .val_box > li {min-width : unset;}
	.modal .hm_zero_bottom .area_02 .btn_wrap {margin-bottom 1rem;}
	.modal .hm_zero_bottom .area_03 .flex_box {max-width : unset; margin : 0 auto;}
	.modal .hm_zero_bottom .area_03 .flex_box > li {width: calc(100% / 5 - 2rem / 5); word-break: keep-all;}
	.modal .hm_zero_bottom .area_03 .flex_box .thumb {width : 8rem; height : 8rem;}
	.modal .hm_zero_bottom .area_03 .flex_box > li .titleS {font-size : 1.4rem;}
	.modal .hm_zero_bottom .area_04 .cont_area {gap : 1rem;}
	.modal .hm_zero_bottom .area_04 .cont_area >div {padding : 2rem 1rem;}
	.modal .hm_zero_bottom .area_04 .cont_header {display: flex; justify-content: center;align-items: center;flex-direction: column;padding-top: 0;}
	.modal .hm_zero_bottom .area_04 .cont_header .img {position: relative;left: unset;top: unset;margin-bottom: -1rem;max-width : unset; width : 8rem;  height : 8rem;}
	.modal .hm_zero_bottom .area_04 .cont_body .body_bottom:before {display : none;}
	.modal .hm_zero_bottom .area_04 .cont_body .body_bottom li {padding: 2rem 0 0 0;}
	.modal .hm_zero_bottom .area_04 .cont_body .body_bottom li > span {width : 3.4rem; height : 3.4rem; line-height : 3.2rem;}
	.modal .hm_zero_bottom .area_04 .cont_right .cont_body .body_bottom li > span {border-radius : 0.5rem;}
	
	.modal .hm_tree_bottom .area_01 .comm_shadow_list {margin-top : 0; margin-bottom : 0;}
	.modal .hm_tree_bottom .area_03 {padding-bottom : 5rem;}
	.modal .hm_tree_bottom .area_03 .cmnty_list {max-width : unset;}
	.modal .hm_tree_bottom .area_04 {padding-top : 5rem; padding-bottom : 5rem; gap : 1rem 0;}
	.modal .hm_tree_bottom .area_04 h5 {font-size : 2.8rem;}
	
	.modal .hm_return_bottom .area_04 > ul {flex-wrap : wrap; gap : 2rem;}
	.modal .hm_return_bottom .area_04 > ul li {width: calc(100% / 2 - 2rem / 2); display: flex;align-items: start; padding : 0;}
	.modal .hm_return_bottom .area_04 > ul li .desc {text-align : left;flex: 1;padding-left: 1.5rem;}
	.modal .hm_return_bottom .area_04 > ul li .desc p {margin : 0 0 0.5rem 0;}
	.modal .hm_return_bottom .area_05 {padding-top : 5rem; padding-bottom : 5rem; gap : 1rem 0;}
	.modal .hm_return_bottom .area_05 h5 {font-size : 2.8rem;}
	 
	
	.cbnPaprPrctice.paprRelay .prtice_mvm_top .swiper-container {width: calc(100% - 4rem); margin: 0 auto;padding: 1rem 2rem;}
	.cbnPaprPrctice.paprRelay .prtice_mvm_top .swiper-container .swiper-arrow {bottom: 25%; left : 1.5rem;}
	.cbnPaprPrctice.paprRelay .prtice_mvm_top .swiper-container .swiper-next {right : 1.5rem; left : unset;}
	.cbnPaprPrctice.paprRelay .prtice_mvm_top ul li.swiper-slide-active .card:before, 
	.cbnPaprPrctice.paprRelay .prtice_mvm_top ul li.swiper-slide-active .card:after {width : 25px; height : 25px; left : -27px;}
	.cbnPaprPrctice.paprRelay .prtice_mvm_top ul li.swiper-slide-active .card:after {left : unset; right: -27px;}
	
	.cbnPaprPrctice.paprRelay .prtice_mvm_top .card_subject {flex-direction: column;justify-content: center;padding: 0 1.5rem 1.5rem 1.5rem;align-items: center;}
	.cbnPaprPrctice.paprRelay .prtice_mvm_top .card_subject .desc {width : 100%; text-align : center;}
	.cbnPaprPrctice.paprRelay .prtice_mvm_top .card_subject .desc .card_sect {justify-content: center;}
	.cbnPaprPrctice.paprRelay .prtice_mvm_top .card_subject .nodata {min-height: 20.4rem;}
	.cbnPaprPrctice.paprRelay .prtice_mvm_top .card .race_no {line-height : 1;width: 12rem; height: 8rem; top: -6.2rem; left : -2rem;}
}

@media ( max-width : 768px) {
	/* gnb2 구버전 사용  x */
	.cbnPaprPrcticeMvm .fp_intro {width: calc(100% - 4rem);height: 25%; left : 2rem;}
	.cbnPaprPrcticeMvm .fp_detail {width: calc(100% - 4rem);top: calc(25% + 2rem); height: 25%; left : -100%; right : unset; transition : unset;}
	.cbnPaprPrcticeMvm .fp_detail.active {left : 2rem;}
	.cbnPaprPrcticeMvm .fpBtn {transform: unset;top: unset;bottom: 35%;}
	.cbnPaprPrcticeMvm .fp_list > h3 {padding : 0; margin-bottom: 1rem;}
	.cbnPaprPrcticeMvm .fp_list .mvm_list {padding: 0 0 3rem 0;}
	.cbnPaprPrcticeMvm .fp_list .mvm_list>li {width: calc(100%/ 2 - 1rem/2); padding : 0.5rem;}
	.cbnPaprPrcticeMvm .fp_list .mvm_list>li .cont .img {height : 40%;}
	
	.cbnPaprGrpActvAply .shadow_box {border-radius: 1.5rem;}
	.cbnPaprGrpActvAply .cmnty_item .btnStrong {width: 100%;}
	.cbnPaprGrpActvAply .group_info ul li {width: 100%;}
	.cbnPaprGrpActvAply .grpActv_tab ul li .titleM {font-size: 1.6rem;}
	.cbnPaprGrpActvAply .grpActv_tab ul li .titleS {font-size: 1.4rem;}
	.cbnPaprGrpActvAply .grpActv_tab ul li .img {max-height: 7rem;}
	.cbnPaprGrpActvAply .grpActv_tab ul li .img img {max-width: 100%;}
	.cbnPaprGrpActvAply .group_dt_card.type3, .cbnPaprGrpActvAply .sec1 .sec1_bottom .group_dt_card.effect {flex-direction: column;gap: 2rem 0;}
	.cbnPaprGrpActvAply .group_dt_card.type3>li, .cbnPaprGrpActvAply .sec1 .sec1_bottom .group_dt_card.effect>li {width: 100%;}
	.cbnPaprGrpActvAply .group_dt_card.type3 ol, .cbnPaprGrpActvAply .group_dt_card.effect ol {margin-top: 1rem;}
	.cbnPaprGrpActvAply .group_dt_card.effect>li:before {width: 40%;height: 60%;}
	.cbnPaprGrpActvAply .group_dt_card.type2>li>div {padding: 2rem 1rem;}
	.cbnPaprGrpActvAply .sec1 .sec1_bottom .group_prg .deco_left {padding-bottom: 0;}
	.cbnPaprGrpActvAply .sec1 .sec1_bottom .group_prg .deco_left:before {display: none;}
	
	/* new */
	.cbnPaprPrctice.home .sect_prctice_mvm .tab_wrap .cate_tab li {width: calc(100% / 3 - 4rem / 3);}
	#content.cbnPaprPrctice.home .between_prctice .layout_fix {flex-direction : column;}
	#content.cbnPaprPrctice.home .between_prctice .layout_fix > div {width : 100%;} 
	.cbnPaprPrctice.home .sect_prctice_mvm .sect_mvm_list >ul > li:not(:has(.nodata)) {width : 100%; flex-direction : row;}
	
	.cbnPaprPrctice.home .btw_left .prctice_content { width: 100%; flex-direction: row;gap: 1rem; margin : 0.5rem 0;}
	.cbnPaprPrctice.home .btw_right .card_center {gap : 0 1rem;}
	.cbnPaprPrctice.home .btw_right .card_center .card_period {text-align : right; display : block; width : 100%;}
	.cbnPaprPrctice.home .btw_right .card_top p {margin-bottom: 0rem;}
	
	.cbnPaprPrctice.home .like_rnk_pcrtice .title_area {flex-direction: column;align-items: center;gap: 1rem;}
	.cbnPaprPrctice.home .like_rnk_pcrtice .title_area select {width : 100%;}
	
	
	.cbnPaprPrctice.home .sect_prctice_mvm .sect_mvm_ban_area {margin-top : 11rem;overflow: visible; height : 26rem; border-radius : 1.5rem;}
	.cbnPaprPrctice.home .sect_mvm_ban_area .ban_cont {width : 100%; max-width : unset; padding: 0 1rem; gap : 0 1rem;}
	.cbnPaprPrctice.home .sect_mvm_ban_area .ban_cont .sect_desc { width: 70%; flex-shrink: 0;}
	.cbnPaprPrctice.home .sect_mvm_ban_area .ban_list {left: 0;top: -9rem;z-index: 1;display: block;white-space: nowrap;overflow-x: scroll;-ms-overflow-style: none;scrollbar-width: none;overflow-y: hidden;padding: 1px 0;font-size: 0;height: auto;right: unset;width: 100%;transform: unset;box-shadow: unset;}
	.cbnPaprPrctice.home .sect_mvm_ban_area .ban_list li {width: 40%;display: inline-flex;border: 1px solid var(--U-gray-color) ; height: 8rem;vertical-align: top;padding: 1rem;font-weight: 500;margin: 0 0.5rem;border-radius: 1.5rem;flex-direction: column-reverse;justify-content: center;}
	.cbnPaprPrctice.home .sect_mvm_ban_area .ban_list li+ li {border-top-width : 1px;border : 1px solid var(--U-gray-color);}
	.cbnPaprPrctice.home .sect_mvm_ban_area .ban_list li:hover {border: 1px solid var(--U-gray-color);color : var(--U-black-color2)}
	.cbnPaprPrctice.home .sect_mvm_ban_area .ban_list li.active{border-color: var(--main-color1);color: var(--main-color1);}
	.cbnPaprPrctice.home .sect_prctice_mvm .sect_mvm_list >ul {margin-top : 1rem;}
	
	.modal .cppmhome_modal {border-radius : 0; background-position: top -1rem left; width : 100%;}
	.modal .cppmhome_modal .modal_header:not(:has(.title)) {height: 6rem;}
	.modal .cppmhome_modal .modal_header .btnClose {top: -1rem;right: 1rem;}
	.modal .cppmhome_modal .modal_body {height : calc(100% - 2rem); border-radius: 0;}
	.modal .cppmhome_modal .hm_top {margin-top : 2rem;}
	.modal .cppmhome_modal .section {padding: 3rem 2rem; word-break : keep-all; }
	.modal .cppmhome_modal .comm_shadow_list {flex-wrap : wrap; gap : 1rem;}
	.modal .cppmhome_modal .comm_shadow_list li {width : 100%;padding: 2rem;}
	
	.modal .hm_league_bottom .area_03 h5:before {width : 6rem; height : 6rem;}
	.modal .hm_league_bottom .area_02 .box_01 {gap : 0 3rem;}
	.modal .hm_league_bottom .area_03 .cont_left .cont_frm button {width : 100%;}
	.modal .hm_league_bottom .area_03 .cont_right {height : 37rem;}
	.modal .hm_league_bottom .area_03 .race_bottom {display : flex; flex-direction : column; justify-content : end;}
	.modal .hm_league_bottom .area_03 .race_obj li.last {bottom : -1rem;}
	.modal .hm_league_bottom .area_03 .race_obj li.middle {bottom : 1rem;}
	.modal .hm_league_bottom .area_03 .race_result {padding: 2rem 1rem 1rem 2rem; height: unset;position: relative; flex : unset;}
	.modal .hm_league_bottom .area_03 .race_result ul {display: flex;align-items: center;justify-content: center;gap: 0 4%;}
	.modal .hm_league_bottom .area_03 .race_result ul li {position : relative; bottom : unset;}
	.modal .hm_league_bottom .area_03 .race_result ul li.last,
	.modal .hm_league_bottom .area_03 .race_result ul li.middle,
	.modal .hm_league_bottom .area_03 .race_result ul li.first {left:unset; right : unset;}
	.modal .hm_league_bottom .area_03 .race_result ul li strong {font-size : 1.8rem;}
	
	.modal .hm_zero {background-position: top -2.7rem left;}
	.modal .hm_zero_bottom .area_03 .flex_box {flex-wrap: wrap; justify-content: center;gap: 2rem; margin-top : 3rem;}
	.modal .hm_zero_bottom .area_03 .flex_box > li {width: calc(100% / 3 - 4rem / 3);}
	.modal .hm_zero_bottom .area_04 .cont_area {flex-wrap : wrap;}
	.modal .hm_zero_bottom .area_04 .cont_area >div { padding: 2rem;width: 100%;flex: unset;}
	
	.modal .hm_tree_bottom .area_01 .comm_shadow_list li .img {width : 9rem; margin : 0 auto;}
	.modal .hm_tree_bottom .area_02 .btn_wrap {margin-bottom : 0;display: flex; justify-content: space-between;align-items: center;}
	.modal .hm_tree_bottom .area_02 .btn_wrap button { min-width : unset;width: 49%; padding: 0 1rem;}
	.modal .hm_tree_bottom .area_02 .btn_wrap .btnStrong + .btnStrong {margin : unset;}
	.modal .hm_tree_bottom .area_03 {padding-bottom: 5rem;}
	.modal .hm_tree_bottom .area_03 .cmnty_list li {margin-top : 2rem;}
	.modal .hm_tree_bottom .area_04 {padding-top: 5rem;padding-bottom: 5rem;}
	
	.modal .hm_return_bottom .area_01 .comm_shadow_list {margin-top: 0; margin-bottom: 0;}
	.modal .hm_return_bottom .area_01 .comm_shadow_list li .img {width : 9rem; margin : 0 auto;}
	.modal .hm_return_bottom .area_03 .comm_shadow_list {flex-wrap : wrap;}
	.modal .hm_return_bottom .area_03 .comm_shadow_list li {width: calc(100% / 2 - 1rem / 2);}
	.modal .hm_return_bottom .area_04 > ul li {width : 100%;}
	.modal .hm_return_bottom .area_05 {padding-top: 5rem;padding-bottom: 5rem;}
	
	.modal .actvcert_regist_modal_dffrnc .cont_frm, .modal .actvcert_regist_modal_dffrnc .mthd {width : 100%;}
	
	.cbnPaprPrcticeMap .cup_item .tab_wrap li {border-radius : 1.6rem; width : 20%;}
	.cbnPaprPrcticeMap .cup_item .map_area {padding-top : 6.5rem;}
	.cbnPaprPrcticeMap .cup_item .cate_tab {padding-top : 0rem;}
/* 	.cbnPaprPrcticeMap .cup_item .map_area {border-radius : 1.6rem;} */
	.cbnPaprPrcticeMap .cup_item .map_cont {flex-direction: column; gap : 1rem;}
	.cbnPaprPrcticeMap .cup_item .map_cont .map_img {width : 100%;}
	.cbnPaprPrcticeMap .board_wrap {background-position: left; width : 100%; border-radius : 1.6rem; padding : 2rem 1rem;}
	
	.cbnPaprPrcticeMap .cup_item .yuhan_map > p img {width : 110%;}
	.cbnPaprPrcticeMap .cup_item #yuhan_qr_rtn_bx_01 {left: 22%;bottom: 55%;top: unset;}
	.cbnPaprPrcticeMap .cup_item #yuhan_qr_rtn_bx_02 {right: 45%;bottom: 34%;}
	
	.cbnPaprPrcticeMap .tmblr_item .map_btn {bottom: unset;top: 1rem;}
	.cbnPaprPrcticeMap .tmblr_item .board_wrap { width: calc(100% - 0rem); top: unset;bottom: calc(-85% + 8.3rem);height: 85%;left: 0rem;border: 0;border-radius: 2rem 2rem 0 0; transition : bottom 0.5s;background-position: right; border: 1px solid var(--U-lightgray-color);}
	.cbnPaprPrcticeMap .tmblr_item .board_wrap.active {bottom : 0;}
	.cbnPaprPrcticeMap .tmblr_item .board_wrap .title_area .titleM {position : relative;}
	.cbnPaprPrcticeMap .tmblr_item .board_wrap .title_area .titleM:after{content: '';display: inline-block;width: 2rem;height: 2rem;background-image: url(/assets/bnz/common/images/common/select_arrow_off.svg);background-repeat: no-repeat;background-position: center;background-size: 90%;position: absolute;right: 1rem;top: calc(50% - 1rem);transform: rotate(180deg);}
	.cbnPaprPrcticeMap .tmblr_item .board_wrap.active .title_area .titleM:after {transform: rotate(0);}
	.cbnPaprPrcticeMap .tmblr_item .map_brd_inner {height: calc(100% - 5.8rem);}
	.cbnPaprPrcticeMap .tmblr_item .paging_wrap {margin-top : 1rem;}
	.cbnPaprPrcticeMap .map_opt_li > p {width : 8rem; height : 8rem; padding: 0.5rem; word-break: keep-all;}
	.cbnPaprPrcticeMap .tmblr_item > .map_tab_wrap {top : 6rem;}
	.cbnPaprPrcticeMap .tmblr_score_wrap {left :  11rem; top : 6rem; width : 24rem;}
	
	.cbnPaprPrctice.paprRelay .prtice_mvm_top .swiper-container {width: calc(100% - 5rem); padding: 0 1rem; overflow : visible;}
	.cbnPaprPrctice.paprRelay .prtice_mvm_top ul li:not(.swiper-slide-active):before {display : none;}
	.cbnPaprPrctice.paprRelay .prtice_mvm_top[class*="layout_"] {padding : 0 0 1rem 0; overflow : hidden;}
	.cbnPaprPrctice.paprRelay .cmntyMngView {padding-top : 5rem;}
	.cbnPaprPrctice.paprRelay .prtice_mvm_top ul li.swiper-slide-active .card:before, 
	.cbnPaprPrctice.paprRelay .prtice_mvm_top ul li.swiper-slide-active .card:after {display : none;}
	.cbnPaprPrctice.paprRelay .prtice_mvm_top .card .race_no {opacity : 0;}
	.cbnPaprPrctice.paprRelay .prtice_mvm_top li.swiper-slide-visible:not(.swiper-slide-next) .race_no {opacity : 1;}
	
}

/******************************* 
*--- 3. 탄소지움 성과 운동회
*******************************/
/*------3-1) 종합운동장 대시보드 (.OtcmDashboard) ---*/
.OtcmDashboard#content {
	padding-bottom: 0
}

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

.OtcmDashboard .sec_title:before {
	content: '';
	display: inline-block;
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 5rem;
	margin-right: 0.5rem;
}

.OtcmDashboard .sec_title.bldg:before {
	background-color: #437DD1
}

.OtcmDashboard .sec_title.trfc:before {
	background-color: #7D58BC
}

.OtcmDashboard .sec_title.lvlh:before {
	background-color: #F77448
}

.OtcmDashboard .sec_title.cty:before {
	background-color: #5EE197
}

.OtcmDashboard .sec_title.green:before {
	background-color: #E9B648
}

.OtcmDashboard .otcm_wrap {
	background-image: url("/assets/bnz/common/images/ctzn/otcmDashboard_bg.jpg");
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
}

.OtcmDashboard .cbnpapr_banner {
	background: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(3rem);
	-webkit-backdrop-filter: blur(3rem);
	padding: 6rem 0 3.9rem 0;
	color: var(--U-black-color2);
	margin-bottom: 8rem;
}

.OtcmDashboard .dash_body {
	position: relative;
	padding-bottom: 10rem;
}

.OtcmDashboard .dash_body:before {
	content: '';
	width: calc(92% - 0rem);
	background-color: rgba(93, 134, 55, 0.58);
	display: inline-block;
	height: 7.3rem;
	border-radius: 50%;
	position: absolute;
	bottom: 0;
	left: 4%;
}

.OtcmDashboard .dash_body .leg {
	display: inline-block;
	width: 10rem;
	height: 23rem;
	background-image: url(/assets/bnz/common/images/ctzn/otcmDashboard_leg.svg);
	background-position: bottom;
	position: absolute;
	left: 20%;
	bottom: 2rem;
}

.OtcmDashboard .dash_body .leg.right {
	left: unset;
	right: 20%;
}

.OtcmDashboard .dash_wrap .dash_content {
	background-color: #00282A;
	border-radius: 1.2rem;
	height: 100%;
	padding: 3rem 6rem;
	color: #fff;
}

.OtcmDashboard .dash_wrap {
	background: linear-gradient(140deg, #E3F3F399 0%, #04121300 100%), #00282A;
	box-shadow: inset 0px -3px 6px #54AFFF29, 0px 3px 6px var(--shadow-color1);
	border-radius: 3.5rem;
	padding: 2.5rem;
	position: relative;
	z-index: 1;
}

.OtcmDashboard .dash_wrap .dash_content>div+div {
	margin-top: 1.5rem;
}

.OtcmDashboard .dash_wrap .dash_content .titleM {
	font-weight: 400;
	margin-bottom: 0.5rem;
}

.OtcmDashboard .shadow_box {
	box-shadow: inset 0px -10px 30px #54FFE88C;
	border-radius: 1.2rem;
	border: 1px solid rgba(184, 175, 175, 0.5);
}

.OtcmDashboard .dash_card {
	padding: 1.6rem 0;
	background-color: #023235;
	border-radius: 1.2rem;
}

.OtcmDashboard .desc {
	font-size: 1.4rem;
	text-align: right;
	opacity: 0.5;
	font-weight: 300;
}

.OtcmDashboard .total_area .desc {
	margin-bottom: 0.5rem;
}

.OtcmDashboard .total_area ul.dash_card {
	display: flex;
	justify-content: center;
	gap: 0 3.5rem;
	padding-left: 7.5rem;
	padding-right: 7.5rem;
}

.OtcmDashboard .total_area ul.dash_card li {
	text-align: center;
	padding: 1.2rem 2rem;
	flex: 1;
}

.OtcmDashboard .total_area ul.dash_card li>span {
	padding-bottom: 1rem;
	border-bottom: 1px solid rgba(184, 175, 175, 0.5);
	display: block;
	font-size: 2.2rem;
}

.OtcmDashboard .total_area ul.dash_card li>div {
	font-weight: 300;
}

.OtcmDashboard .total_area ul.dash_card li>div strong {
	font-size: 3.4rem;
	font-weight: 500;
}

.OtcmDashboard .achv_area ul.dash_card {
	padding-left: 1.7rem;
	padding-right: 1.7rem;
}

.OtcmDashboard .achv_area ul.dash_card>li {
	padding: 1.2rem;
	display: flex;
	align-items: center;
	text-align: center;
}

.OtcmDashboard .achv_area ul.dash_card>li+li {
	margin-top: 1.2rem;
}

.OtcmDashboard .achv_area ul.dash_card>li>span {
	font-size: 2.2rem;
	width: 10%;
}

.OtcmDashboard .achv_area ul.dash_card>li>span small {
	font-size: 1.4rem;
	display: block;
	opacity: 0.5;
	font-weight: 300;
}

.OtcmDashboard .achv_area ul.bar_area {
	flex: 1;
}

.OtcmDashboard .achv_area ul.bar_area>li {
	display: flex;
	align-items: normal;
	padding: 0.2rem 0;
}

.OtcmDashboard .achv_area ul.bar_area p {
	padding: 0 2rem;
}

.OtcmDashboard .achv_area ul.bar_area .bar {
	text-align: left;
	flex: 1;
}

.OtcmDashboard .achv_area .desc {
	margin-top: 0.5rem;
}

.OtcmDashboard .sect_area .sect_top {
	margin-bottom: 1rem;
}

.OtcmDashboard .sect_area .sect_top select {
	background-color: transparent;
	color: #fff;
	background-image: url(/assets/bnz/common/images/common/select_arrow_off_w.svg);
	border: 0;
	width: auto;
	flex: unset;
}

.OtcmDashboard .sect_area select option {
	color: var(--U-black-color);
}

.OtcmDashboard .sect_area select.year {
	font-size: 2.4rem;
	border-bottom: 1px solid #fff;
	border-radius: 0;
	padding: 0;
	background-position: right;
	margin-right: 3rem;
}

.OtcmDashboard .sect_area select.year option {
	font-size: 1.6rem;
}

.OtcmDashboard .dash_wrap .dash_content .sect_area .titleM {
	margin-bottom: 0;
}

.OtcmDashboard .sect_area .dash_card {
	padding-left: 4rem;
	padding-right: 4rem;
}

.OtcmDashboard .sect_area .dash_card>ul {
	display: flex;
	gap: 0 1.3rem;
}

.OtcmDashboard .sect_area .dash_card>ul li {
	padding: 2rem 1.8rem;
	text-align: center;
/* 	flex: 1; */
	border-radius: 2rem;
	width: calc(100% / 5 - 1.3rem * 4 / 5);
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.OtcmDashboard .sect_area .graph_area {
	position: relative;
	width: 100%;
	margin: 0 auto 2rem auto;
	font-size: 0;
}

.OtcmDashboard .sect_area .graph_area:before {
	content: '';
	width: 100%;
	padding-bottom: 100%;
	display: inline-block;
}

.OtcmDashboard .sect_area .graph_area>span {
	background: rgba(247, 149, 32, 0.5);
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.5);
	padding: 0.2rem 1rem;
	font-size: 1.4rem;
	border-radius: 5rem;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.OtcmDashboard .sect_area .graph_area .graph {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	padding: 1rem;
}

.OtcmDashboard .sect_area .per {
	padding: 1.5rem 0;
	font-size: 1.2rem;
	display: block;
	font-weight: 300;
	line-height : 1.3;
}

.OtcmDashboard .sect_area .per strong {
	font-size: 2.4rem;
	font-weight: 500;
	margin-right: 0.5rem;
	word-break: break-all;
}

.OtcmDashboard .sect_area .square_legend {
	display: flex;
	justify-content: center;
	font-size: 1.4rem;
	margin-top: 1.5rem;
	gap: 0 2.5rem;
}

.OtcmDashboard .sect_area .square_legend>div {
	display: flex;
	align-items: center;
}

.OtcmDashboard .sect_area .square_legend .square {
	width: 1.6rem;
	height: 1.6rem;
	display: inline-block;
	margin-right: 0.5rem;
	border: 1px solid rgba(184, 175, 175, 0.5);
}

.OtcmDashboard .sect_area .square_legend>div:first-child .square {
	background-color: var(--org-color);
}

.OtcmDashboard .sect_area .square_legend>div:last-child .square {
	background-color: #3A3ACA;
}

.OtcmDashboard .sect_area .square_legend small {
	opacity: 0.5;
	font-weight: 300;
	margin-left: 0.3rem;
}

.OtcmDashboard .sect_area .desc {
	margin-top: 0.5rem;
}

.OtcmDashboard .obj_list {
	background-color: #6DA932;
	padding: 6.5rem 0 10rem 0;
}

.OtcmDashboard .obj_list ul {
	display: flex;
	text-align: center;
	justify-content: space-between;
	gap: 0 2rem;
}

.OtcmDashboard .obj_list ul li {
	border: 2px solid #FFFFFF;
	border-radius: 2rem;
	width: calc(100%/ 5 - 8rem/ 5);
	padding: 1rem 1rem 3rem 1rem;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	word-break: keep-all;
}

.OtcmDashboard .obj_list ul li:hover {
	box-shadow: inset 0px -10px 30px #FFFFFF8C, 0px 3px 6px var(--shadow-color1);
}

.OtcmDashboard .obj_list ul li .img {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 90%;
}

.OtcmDashboard .obj_list ul li img {
	width: 100%;
}

/*------3-1) 종합운동장 (.OtcmStadium) ---*/

#content.OtcmStadium {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    background-image: url(/assets/bnz/common/images/ctzn/otcm_001.jpg);
	min-height: calc(100vh - 0rem);
	position : relative;
}

.OtcmStadium .shadow_box {
	border: 0.2rem solid #FFFFFF;
	background-color : rgba(255,255,255,0.6);
	backdrop-filter: blur(1.7rem);
	-webkit-backdrop-filter: blur(1.7rem);
}

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

.OtcmStadium .btn_wrap {
	position : relative;
	z-index : 1;
	padding-top : 2rem;
}

.OtcmStadium .btn_wrap button + button {
	margin-left : 4rem;
}

.OtcmStadium .tab_area {
	backdrop-filter: blur(3rem);
	-webkit-backdrop-filter: blur(3rem);
}

.OtcmStadium .sect_tab{
	padding: 2rem 0;
}

.OtcmStadium .lwr_sect_tab {
	padding : 1rem 0;
	margin-top : 0;	
}

.OtcmStadium .cont_area {
	display : flex;
	justify-content: space-between;
	padding-top : 3rem;
	align-items: flex-start;
}

.OtcmStadium .cont_area:has(.otcm_detail.displaynone){
	justify-content: center;
}

.OtcmStadium .cont_area .tit {
	text-align : center;
	margin-bottom : 2rem;
	font-size : 1.6rem;
}

.OtcmStadium .cont_area .sub_tit {
	padding-bottom : 0.8rem;
	text-align : center;
	font-size : 1.4rem;
}

.OtcmStadium .cont_area .sub_tit .date {
	color : var(--gray-color);
	text-align : right;
	font-size : 1.2rem;
	display : block;
}

.OtcmStadium .cont_area > .shadow_box {
	border-radius : 3.4rem;
	color : var(--U-black-color2);
	max-height: 100%;
	box-shadow: inset 0px 3px 6px #FFFFFF29, 0px 60px 90px var(--shadow-color1);
}

.OtcmStadium .cont_area .otcm_board {
	width: 28.5%;
	padding : 2rem 0rem;
	font-size : 1.4rem;
	display: flex;
    flex-direction: column;
    min-height : 60rem;
}

.OtcmStadium .cont_area:has(.otcm_detail.displaynone) .otcm_board {
	width : 32%;
}

.OtcmStadium .cont_area .otcm_board .ob_contents {
	height: calc(100% - 2.4rem);
    display: flex;
    flex-direction: column;
	flex: 1;
    overflow-y: auto;    
}

.OtcmStadium .prst_cnt {
	gap : 0 0.5rem;
}

.OtcmStadium .prst_cnt>li {
	text-align: center;
    padding: 1rem 0.5rem;
	border-radius: 2rem;
    overflow: hidden;
    flex : 1;
}

.OtcmStadium .prst_cnt>li p {
	font-size : 1.2rem;
}

.OtcmStadium .prst_cnt>li p span {
	font-size : 2.6rem;
	display : inline-block;
	padding: 1rem 0 0 0;
	margin-right: 0.5rem;
}

.OtcmStadium .otcm_idct {
	padding : 0 2.5rem;
}

.OtcmStadium .otcm_list {
	margin-top : 2rem;
	flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding : 0 2rem;
}

.OtcmStadium .otcm_list .sub_tit {
	padding : 0 0.5rem 0.8rem 0.5rem;
	flex : unset;
} 

.OtcmStadium .otcm_cmnty_list  {
	overflow-y: auto;
	padding : 0 0.5rem;
}

.OtcmStadium .otcm_cmnty_list > li{
	border-radius : 1.8rem;
	padding : 1rem 1.5rem;
	cursor : pointer;
	gap: 0 1rem;
	display : flex;
	justify-content : space-between;
	align-items: flex-start;
}

.OtcmStadium .otcm_cmnty_list > li:not(.empty):hover,
.OtcmStadium .otcm_cmnty_list > li.active {
	border-color : var(--blue-color);
}

.OtcmStadium .otcm_cmnty_list > li.empty {
	color : var(--gray-color);
}

.OtcmStadium .otcm_cmnty_list > li.empty .titleS {
	font-weight : 300;
}

.OtcmStadium .otcm_cmnty_list > li + li {
	margin-top : 1rem;
}

.OtcmStadium .otcm_cmnty_list:has(li.empty:only-child) {
	height : 100%;
}

.OtcmStadium .otcm_cmnty_list > li.empty:only-child {
	height : 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
	cursor: default;
}

.OtcmStadium .otcm_cmnty_list > li.empty:only-child .txt_area{
	flex : unset;
}

.OtcmStadium .otcm_cmnty_list + button {
	margin-top : 1rem;
}

.OtcmStadium .cont_area  .thumb {
	width: 5.8rem;
    height: 5.8rem;
    border-radius: 10rem;
	box-shadow: 0px 3px 6px var(--shadow-color1);
	border : 0;
	background-color : #fff;
}

.OtcmStadium .cont_area .thumb img {
	width : 65%;
}

.OtcmStadium .otcm_cmnty_list > li .txt_area {
	flex : 1;
}
.OtcmStadium .otcm_cmnty_list .cmnty_dt {
	margin-top : 1rem;
}

.OtcmStadium .otcm_cmnty_list .cmnty_dt li {
    padding: 0 1rem;
    max-width: 50%;
}

.OtcmStadium .otcm_cmnty_list .cmnty_dt li + li {
	border-left : 1px solid var(--gray-color);
}

.OtcmStadium .otcm_cmnty_list .cmnty_dt li span{
	color : var(--main-color1);
	font-size : 2.4rem;
	vertical-align: text-bottom;
	word-break: break-all;
}

.OtcmStadium .otcm_cmnty_list .cmnty_dt li small {
	margin-left : 0.3rem;	
}

.OtcmStadium .cont_area > .otcm_detail {
	width: 32%;
	padding : 1.5rem 1rem 2rem 1rem;
	display: flex;
    flex-direction: column;
    align-items: normal;
    justify-content: flex-start;
/*     height : 100%; */
}

.OtcmStadium .dt_cmnty_nm {
    padding: 3rem 0 1.5rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 90%;
    margin: 0 auto;
    gap: 0 1rem;
}

.OtcmStadium .cont_area .otcm_detail .view_swiper {
	display: flex;
    align-items: end;
    justify-content: end;
    gap: 0 1rem;
    position: absolute;
    right: 1rem;
    top: 1rem;
}

.OtcmStadium .cont_area .otcm_detail .sub_tit {
	width : 95%;
	margin : 0 auto;
}

.OtcmStadium .cont_area .otcm_detail .sub_tit .date {
	margin-top : 0.3rem;
}

.OtcmStadium .otcm_detail .ob_contents {
    margin-top: 3rem;
    flex: 1;
    overflow-y: auto;
    width: calc(100% + 1rem);
    margin-left: -0.5rem;
    padding: 0 0.5rem;
}

.OtcmStadium .otcm_detail .od_item_area {
	border-radius : 2rem;
	padding : 1.5rem;
}

.OtcmStadium .otcm_detail .actv_area:not(.displaynone):only-child .gal_area{
	max-height : 28rem;
	overflow-y : auto;
}

.OtcmStadium .otcm_detail .od_item_area + .od_item_area {
	margin-top : 1rem;
}

.OtcmStadium .otcm_detail .od_item + .od_item {
	margin-top: 2rem;
}

.OtcmStadium .otcm_detail .chart .graph_area {
	position : relative;
}

.OtcmStadium .otcm_detail .chart .graph_area:before {
	content : '';
	display : inline-block;
	width : 100%;
	padding-bottom : 77%;
}

.OtcmStadium .otcm_detail .chart .graph {
	position : absolute;
	left : 0;
	top : 0;
	width : 100%;
	height : 100%;
}

.OtcmStadium .gal_area ul {
	display : flex;
	gap : 0.5rem 0.8rem;
	flex-wrap: wrap;
	padding-top : 1rem;
}

.OtcmStadium .gal_area ul li {
	width : calc(100%/3 - 1.6rem/3);
	cursor : pointer;
}

.OtcmStadium .gal_area ul li:has(.nodata){
	width : 100%;
}

.OtcmStadium .gal_area ul li .badge > p {
	width: 4.2rem;
    height: 4.2rem;
}

.OtcmStadium .gal_area ul li .img {
	height : 18rem;
	width : 100%;
	border-radius : 1.3rem;
	position : relative;
	overflow : hidden;
	background-color: var(--lightgray-color);
}

.OtcmStadium .gal_area ul li .img img{
	position : absolute;
	left : 50%;
	top : 50%;
	transform : translate(-50%,-50%);
}

.OtcmStadium .gal_area ul li .txt {
	padding : 0.5rem 0;
}

.OtcmStadium .od_item .desc {
	display : block;
	color : var(--gray-color);
	margin-top : 0.3rem;
	font-size : 1.2rem;
}

.OtcmStadium .od_item .subject {
	font-size : 1.4rem;
	font-weight : 500;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.OtcmStadium .od_item.board > ul > li {
	padding: 1rem 0 1.5rem 0;
	border-bottom : 1px solid var(--gray-color);
}

.OtcmStadium .od_item.board > ul > li > .subject {
	cursor : pointer;
	position: relative;
    padding-right: 2rem;
}

.OtcmStadium .od_item.board > ul > li:has(.gal_area:not(.displaynone)) > .desc {
	padding-bottom : 1rem;
	padding-right : 2rem;
}

.OtcmStadium .od_item.board > ul > li > .subject:after {
content: '';
    background-image: url(/assets/bnz/common/images/common/select_arrow_off.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.3rem;
    width: 2rem;
    height: 2rem;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}

.OtcmStadium .od_item.board > ul > li > .gal_area {
	padding : 1rem 0 0 0;
	border-top : 1px solid var(--gray-color); 
	display : none;
}

.OtcmStadium .od_item.board > ul > li.active .gal_area {
	display : block;
}

.OtcmStadium .otcm_detail .btn_close_m {
    width: 4rem;
    height: 4rem;
    background-image: url(/assets/bnz/common/images/common/close_icon_black.svg);
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: center;
    background-color : #fff;
    text-align: center;
    position: absolute;
    right: 1rem;
    top: 1rem;
    font-size: 0;
    padding: 0;
	display: none;
}


@media ( max-width : 1280px) {
	.OtcmDashboard .cbnpapr_banner {margin-bottom: 2rem;}
	.OtcmDashboard .dash_wrap .dash_content {padding: 2rem;}
	.OtcmDashboard .total_area ul.dash_card {padding-left: 2rem;padding-right: 2rem;gap: 0 1rem;}
	.OtcmDashboard .sect_area .dash_card {padding-left: 2rem;padding-right: 2rem;}
	.OtcmDashboard .sect_area .dash_card>ul {gap: 1rem;flex-wrap: wrap;justify-content: center;}
	.OtcmDashboard .sect_area .dash_card>ul li {flex: unset;width: 30%;padding: 1.5rem;}
	.OtcmDashboard .sect_area .per {padding: 0.5rem 0;}
	.OtcmDashboard .sect_area .graph_area {width: 80%;}
	.OtcmDashboard .obj_list {padding: 3rem 0 6rem 0;}
	.OtcmDashboard .obj_list ul {gap: 0 1rem;}
	.OtcmDashboard .obj_list ul li {width: calc(100%/ 5 - 4rem/ 5);padding: 1rem;font-size: 1.4rem;text-align: left;border-width: 1px;box-shadow: inset 0px -10px 30px #FFFFFF8C, 0px 3px 6px var(--shadow-color1);}
	.OtcmDashboard .obj_list ul li .img {width: 70%;}
	.OtcmDashboard .obj_list ul li p {text-indent: -1.7rem;padding-left: 1.7rem;}
	
	.OtcmStadium .cont_area .otcm_board,
	.OtcmStadium .cont_area .otcm_detail,
	.OtcmStadium .cont_area:has(.otcm_detail.displaynone) .otcm_board {width : 49%;}
}

@media ( max-width : 768px) {
	.OtcmDashboard .total_area ul.dash_card {flex-direction: column;gap: 1rem;}
	.OtcmDashboard .dash_wrap {padding: 1rem;border-radius: 1.2rem;}
	.OtcmDashboard .dash_wrap .dash_content {padding: 1rem;}
	.OtcmDashboard .dash_wrap .dash_content>div+div {margin-top: 2.5rem;border-top: 1px solid rgba(184, 175, 175, 0.5);padding-top: 1.5rem;}
	.OtcmDashboard .dash_body .leg {left: 3rem;}
	.OtcmDashboard .dash_body .leg.right {right: 3rem;}
	.OtcmDashboard .achv_area ul.dash_card>li {flex-direction: column;gap: 1rem;}
	.OtcmDashboard .achv_area ul.dash_card>li>span {width: 100%;}
	.OtcmDashboard .achv_area ul.bar_area {width: 100%;}
	.OtcmDashboard .achv_area ul.bar_area p {padding: 0 1rem 0 0;}
	.OtcmDashboard .sect_area .dash_card>ul li {width: calc(100%/ 2 - 1rem/ 2);padding: 1rem 0;}
	.OtcmDashboard .sect_area .dash_card>ul li:last-child {flex: 1;}
	.OtcmDashboard .sect_area .dash_card>ul li:last-child .graph_area {width: 40%;}
	.OtcmDashboard .sect_area .sect_top {flex-direction: column;gap: 1rem 0;}
	.OtcmDashboard .sect_area .sect_top>div {flex-direction: row-reverse;justify-content: space-between;}
	.OtcmDashboard .sect_area select.year {margin-right: 0;font-size: 1.6rem;}
	.OtcmDashboard .obj_list ul {gap: 1rem;justify-content: center;flex-wrap: wrap;}
	.OtcmDashboard .obj_list ul li {width: calc(100%/ 3 - 2rem/ 3);}
	
	#content.OtcmStadium {min-height : unset;}
	.OtcmStadium .cont_area {flex-direction: column; padding-top: 1rem;}
	.OtcmStadium .cont_area .otcm_board {width : 100%; height: 70rem;}
	.OtcmStadium .cont_area:has(.otcm_detail.displaynone) .otcm_board {width : 100%;}
	.OtcmStadium .cont_area .otcm_detail {width: calc(100% - 4rem);height: 70rem;margin-top: 1.5rem;position: absolute;bottom: 0;left: 2rem;z-index: 1;padding-top : 4rem;}
	.OtcmStadium .cont_area .otcm_detail .view_swiper {right : unset; left : 1rem; gap : 0y}
	.OtcmStadium .cont_area:has(.otcm_detail.active) .otcm_board {opacity : 0;}
	.OtcmStadium .otcm_detail .btn_close_m {display : block;}
	.OtcmStadium .dt_cmnty_nm {padding-top : 1rem;}
	.OtcmStadium .btn_wrap button {width : 100%; height: 4rem; line-height: 3.8rem;}
	.OtcmStadium .btn_wrap button + button {margin : 0.5rem 0 0 0;}
}

/******************************* 
*--- 4-1. 공동체 누리집
*******************************/
/*------공동체누리집 공통 ---*/
#content[class^='cmnty'] {
	color: var(--U-black-color2);
	padding-bottom: 0;
}

#content[class^='cmnty']+#footer {
	margin-top: 0;
}

#content[class^='cmnty'] .shadow_box {
	background: rgba(255, 255, 255, 0.6);
	box-shadow: inset 0px 3px 6px #FFFFFF29, 0px 6rem 9rem var(--shadow-color1);
	border: 2px solid #FFFFFF;
	backdrop-filter: blur(3rem);
	-webkit-backdrop-filter: blur(3rem);
}

#content[class^='cmnty'] .title_area.flex_box, .cbnpapr_banner .title_area.flex_box {
	justify-content: center;
	align-items: normal;
	flex: unset;
}

#content[class^='cmnty'] .title_area.flex_box p, .cbnpapr_banner .title_area.flex_box p {
	margin-top: 0.5rem;
/* 	font-weight : 300; */
}

#content[class^='cmnty'] .title_area.flex_box .strongFont, .cbnpapr_banner .title_area.flex_box .strongFont {
	width: 20%;
	padding-top: 0.5rem;
	line-height: 1.1;
	font-weight: 500;
}

#content[class^='cmnty'] .cmnty_card {
	border-radius: 3.4rem;
	box-shadow: inset 0px 3px 6px #FFFFFF29, 0px 3px 6px var(--shadow-color1);
	text-align: left;
	position: relative;
	cursor: pointer;
}

#content[class^='cmnty'] .cmnty_card.new:after {
	content: 'N';
	display: inline-block;
	width: 4rem;
	height: 4rem;
	color: #fff;
	font-size: 2rem;
	line-height: 4rem;
	border-radius: 10rem;
	background: #D81B1F;
	text-align: center;
	position: absolute;
	right: -1.5rem;
	top: -1.5rem;
	box-shadow: 0px 3px 6px var(--shadow-color1);
}

/* #content[class^='cmnty'] .cmnty_card .card_subject  */
.cmnty_card .card_subject{
	display: flex;
	align-items: stretch;
	position : relative;
}

#content[class^='cmnty'] .cmnty_card .card_subject .badge {
	display : inline-block;
	font-size : 1.4rem;
	border-radius : 1.2rem;
	background: transparent linear-gradient(101deg, #FFF7AF 0%, #BA7C13 95%) 0% 0% no-repeat padding-box;
	height : 2.6rem;
	line-height : 2.5rem;
	text-align : center;	
	color :#fff;
	padding : 0 1.5rem 0 3rem;
	position : relative;
	flex-shrink: 0;
	margin-top : 0.4rem;
	position: absolute;
}

#content[class^='cmnty'] .cmnty_card .card_subject .badge:before {
    content: '';
    display: inline-block;
    background-image: url(/assets/bnz/common/images/ctzn/exln_badge_icon.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: calc(50% - 0.5rem);
    left: -3rem;
    transform: translate(0, -50%);
    width: 6rem;
    height: 6rem;
}

/* #content[class^='cmnty'] .cmnty_card .card_subject .thumb  */
.card_subject .thumb{
	width: 10rem;
	height: 10rem;
	box-shadow: 0px 3px 6px var(--shadow-color1);
	background-color: #fff;
	border-radius: 50rem;
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.card_subject .thumb.small {
    width: 5.5rem;
    height: 5.5rem;
    padding: 0.8rem;
}

.card_subject .thumb.medium {
	    width: 8rem;
    height: 8rem;
    padding: 1rem;
}

#content[class^='cmnty'] .cmnty_card .card_subject .desc {
	width: calc(100% - 10rem);
	text-align: left;
	display: flex;
	flex-direction: column;
	padding: 4% 1.2rem;
}

#content[class^='cmnty'] .cmnty_card .card_subject .desc .summary {
	margin-top: 1rem;
}

#content[class^='cmnty'] .cmnty_card .card_contents {
	padding: 2.2rem 0 4rem 0;
}

#content[class^='cmnty'] .cmnty_card .card_contents .photo_list {
	display: flex;
	gap: 0 1.8rem;
}

#content[class^='cmnty'] .cmnty_card .card_contents .photo_list>li {
	background-color: var(--lightgray-color);
	width: calc(100%/ 3);
	height: 11rem;
	position: relative;
	overflow: hidden;
}

#content[class^='cmnty'] .cmnty_card .card_contents .photo_list>li img {
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#content[class^='cmnty'] .cmnty_card.empty {
	opacity: 0.6;
	flex: 1;
	min-height: 40rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#content[class^='cmnty'] .cmnty_card.empty .card_subject {
	justify-content: center;
}

#content[class^='cmnty'] .cmnty_card.empty .card_subject .thumb {
	display: none;
}

#content[class^='cmnty'] .cmnty_card.empty .card_subject .desc {
	align-items: center;
}

#content[class^='cmnty'] .cmnty_card .card_contents .expln {
	padding-top: 1.8rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cal_area {
	border-radius: 4rem;
	display: flex;
	gap: 0 2.4rem;
	justify-content: space-between;
	height: 80rem;
}

.cal_area>div {
	display: flex;
	flex-direction: column;
	background: rgba(255, 255, 255, 0.85);
	border-radius: 3rem;
	padding: 3rem 1.5rem;
	box-shadow: 0px 3px 6px var(--shadow-color1);
}

.cal_area .calendar {
	width: 66.6%;
	padding: 0.5rem;
	overflow: hidden;
}

.cal_area .calendar .calendar_header {
	font-size: 2.4rem;
	padding: 2rem 1rem 1rem 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 2rem;
	background: #fff;
	border-radius: 3rem 3rem 0 0;
}

.cal_area .calendar .calendar_header button {
	width: 2.4rem;
	height: 2.4rem;
}

.cal_area .calendar .calendar_header button img {
	width: 60%;
	filter: invert(1) brightness(0.4);
	vertical-align: -0.2rem;
}

.cal_area .calendar .calendar_header button.prev img {
	transform: rotate(90deg);
}

.cal_area .calendar .calendar_header button.next img {
	transform: rotate(-90deg);
	vertical-align: 0;
}

.cal_area .calendar .calendar_body, .cal_area .calendar .calendar_body #calendar {
	height: 100%;
	position: relative;
	font-size: 1.4rem;
}

#calendar .toastui-calendar-layout * {
	font-weight : 400;
}

#calendar .toastui-calendar-grid-selection {
	background-color: transparent !important;
    border-width: 0 !important;
}

#calendar .toastui-calendar-daygrid-cell.selected {
	background-color: var(--lightgray-color) !important;
}

#calendar .toastui-calendar-grid-cell-header {
	 text-align : left;
}

#calendar .toastui-calendar-weekday-event {
	border-radius: 2rem !important;
	padding: 0 0.5rem;
	/* 	height : 2rem !important; */
	/* 	line-height : 2rem !important; */
}

#calendar .toastui-calendar-day-names.toastui-calendar-month {
	padding: 0;
}

#calendar .toastui-calendar-template-monthDayName {
	text-align: center;
	font-weight: 600;
}

#calendar .toastui-calendar-popup-overlay[style*="block"]+.toastui-calendar-floating-layer {
	z-index: 1;
	position: relative;
	width: 30rem;
	height: 36rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#calendar .toastui-calendar-popup-button.toastui-calendar-popup-close {
	width: 2.8rem;
	height: 2.8rem;
	background-image: url(/assets/bnz/common/images/common/close_icon_black.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
}

#calendar .toastui-calendar-see-more {
	background: rgba(235, 235, 235, 0.7) !important;
	box-shadow: inset 0px 3px 6px #FFFFFF29, 0px 3px 6px var(--shadow-color1) !important;
	border: 2px solid #FFFFFF !important;
	border-radius: 3.4rem;
	backdrop-filter: blur(1rem);
	-webkit-backdrop-filter: blur(1rem);
	overflow: hidden;
}

#calendar .toastui-calendar-see-more-header {
	background-color: transparent !important;
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	padding: 1% 0 !important;
	margin: 0 !important;
	height: auto !important;
}

#calendar .toastui-calendar-grid-cell-more-events {
	padding: 6px 5px 0 0;
	height: auto;
	line-height: 1;
	text-decoration: underline;
}

#calendar .toastui-calendar-template-monthGridHeaderExceed {
	font-size: 0;
}

#calendar .toastui-calendar-template-monthGridHeaderExceed:before {
	content: attr(data-count) '개 더보기';
	font-size: 1.1rem;
	color: var(--U-black-color2);
}

#calendar .toastui-calendar-weekday-event-block[data-calendar-id="test6"] .toastui-calendar-weekday-event,
#calendar .toastui-calendar-weekday-event-block[data-calendar-id="sector_06"] .toastui-calendar-weekday-event,
#calendar .toastui-calendar-weekday-event-block[data-calendar-id="sector_99"] .toastui-calendar-weekday-event{
	background: linear-gradient(90deg, #44C495 0%, #A9A430 100%) !important;
	border-color: #44c495 !important;
	color : #fff !important;
}

.toastui-calendar-floating-layer * {font-weight : 400;}

.cal_area .schedule {
	flex: 1;
	height: 100%;
}

.cal_area .schedule .schedule_header {
	text-align: right;
	padding-bottom: 1rem;
	border-bottom: 1px solid var(--gray-color);
}

.cal_area .schedule .schedule_header .flex_box:has(input[type=radio]) {
	font-size: 1.4rem;
}

.cal_area .schedule .schedule_header .flex_box input[type=radio] {
	top: -0.05rem;
}

.cal_area .schedule_header select {
	width: 12rem;
}

.cal_area .schedule_list {
	height: calc(100% - 5.1rem);
	overflow-y: auto;
	padding: 0.5rem 0;
	text-align : left;
}

.cal_area .schedule_list>li>p {
	padding: 0.5rem 0;
	position: relative;
	cursor: pointer;
}

.cal_area .schedule_list>li>p:after {
	content: '';
	display: inline-block;
	width: 2.4rem;
	height: 2.4rem;
	background-image: url(/assets/bnz/common/images/common/select_arrow_off.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1.6rem;
	position: absolute;
	right: 1rem;
	top: calc(50% - 1.1rem);
	filter: invert(1) brightness(0.4);
	transition: 0.5s;
}

.cal_area .schedule_list>li.active>p:after {
	transform: rotate(-180deg);
}

.cal_area .schedule_list li.sect_01 { --schedule-color: #4471C4;}
.cal_area .schedule_list li.sect_02 { --schedule-color: #FFD966;}
.cal_area .schedule_list li.sect_03 { --schedule-color: #8497B0;}
.cal_area .schedule_list li.sect_04 { --schedule-color: #548234;}
.cal_area .schedule_list li.sect_05 { --schedule-color: #C4E0B4;}

.cal_area .schedule_list li.sect_06,
.cal_area .schedule_list li.sect_99 {
	--schedule-color: linear-gradient(90deg, #44C495 0%, #A9A430 100%);
}

.cal_area .schedule_list b.ico {
	height: 3.4rem;
	line-height: 3.2rem;
	text-align: center;
	border-radius: 1.7rem;
	background: var(--schedule-color);
	color: #fff;
	min-width: 12.4rem;
	display: inline-block;
	font-size: 1.4rem;
	font-weight: 400;
}

.cal_area .schedule_list li.sect_02 b, .cal_area .schedule_list li.sect_05 b {
	color: var(--U-black-color2);
}

.cal_area .schedule_list_dt {
	padding-bottom: 3rem;
	display: none;
}

.cal_area .schedule_list li.active .schedule_list_dt {
	display: block;
}

.cal_area .schedule_list li.active .schedule_list_dt:not(:has(>li)) {
	padding-bottom : 0;
}

.cal_area .schedule_list li.active .schedule_list_dt:not(:has(>li)):before {
    content: '정보가 없습니다.';
    text-align: center;
    display: block;
    font-size: 1.2rem;
    color: var(--A-lightgray-color);
    background: var(--U-lightgray-color);
    padding: 3.5rem 0;
}

.cal_area .schedule_list_dt li {
	display: flex;
	align-items: normal;
	padding: 0.5rem 0;
}

.cal_area .schedule_list_dt li .circle {
	width: 2rem;
	height: 2rem;
	display: inline-block;
	border-radius: 5rem;
	background : var(--schedule-color);
	margin-right: 1rem;
	margin-top: 0.1rem;
}

.cal_area .schedule_list_dt li p {
	flex: 1;
	font-weight: 500;
	font-size: 1.4rem;
}

.prst_cnt {
	display: flex;
	justify-content: center;
	gap: 0 3rem;
}

#content[class^='cmnty'] .prst_cnt>li.shadow_box {
	width: 20%;
	border: 1px solid var(--lightgray-color);
	border-radius: 2.9rem;
	padding: 2.5rem 0.5rem;
	box-shadow: 0px 3px 6px var(--shadow-color1);
	font-size: 2rem;
}

.prst_cnt>li p span {
	color: var(--main-color1);
	font-size: 3.8rem;
	display: block;
	padding: 1.6rem 0;
	font-weight: 500;
	font-family: 'GyeonggiMillenniumTitle';
	word-break: break-word;
}

.card_sect {
	font-size: 0;
	display: flex;
	flex-wrap : wrap;
	gap: 0.5rem;
}

.card_sect>span {
	font-size: 1.2rem;
	height: 2.4rem;
	line-height: 2.4rem;
	padding: 0 1rem;
	border-radius: 0.6rem;
	color: #fff;
	display: inline-block;
	font-weight: 300;
	background-color: var(--gray-color);
}

.card_sect>span.sect_01 { background-color: #4471C4;}
.card_sect>span.sect_02 { background-color: #FFD966;}
.card_sect>span.sect_03 { background-color: #8497B0;}
.card_sect>span.sect_04 { background-color: #548234;}
.card_sect>span.sect_05 { background-color: #C4E0B4;}

.prctice_content {
	display: flex;
}

.prctice_content .img_area {
	width: 27.5%;
	height: 40rem;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;
}

.prctice_content .img_area img {
	width: 100%;
}

.prctice_content .img_area:has(img[src*="onerror"]) {
    justify-content: center;
    background: var(--U-lightgray-color);
    border-radius: 1rem;
}

.prctice_content .img_area img[src*="onerror"] {
	width : auto;
}

.prctice_content .dt_area {
	flex: 1;
	padding: 0 1rem 0 2.5rem;
	height: 100%;
}

.prctice_content .dt_area .desc {
	font-size: 1.8rem;
	padding-bottom: 3rem;
}

.prctice_content .dt_area .detail ul:not(.flex_box) > li {
	display: flex;
	align-items: flex-start;
	gap: 0 0.5rem;
}

.prctice_content .dt_area .detail ul:not(.flex_box) > li >b {
	flex-shrink: 0;
}

.prctice_content .dt_area .detail ul:not(.flex_box) > li+li {
	margin-top: 0.5rem;
}

.prctice_content .dt_area .detail .etc>span {
	display: block;
}

.prctice_content .dt_area .detail li.list ul {
	align-items : normal;
	gap: 1rem 2rem;
	margin-top : 2rem;
}

.prctice_content .dt_area .detail li.list li {
	box-shadow: 1px 2px 5px var(--shadow-color1);
	border: 1px solid var(--U-gray-color);
	border-radius: 1rem;
	display : flex;
	flex-direction: column;
	justify-content: space-between;
    text-align: center;
	align-items: center;
    gap: 0 2rem;
    width: calc(100% / 3);
    padding: 0 1rem 1.5rem 1rem;
}

.prctice_content .dt_area .detail li.list li .ico {
    max-width: 10rem;
    flex : 1;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.prctice_content .dt_area .detail li.list li:nth-child(2) .ico {
	max-width: 11rem;
}

.prctice_content .dt_area .detail li.list li .result_vl p {
	line-height : 1;
}

.prctice_content .dt_area .detail li.list li .result_vl h5 {
	font-size : 1.4rem;
}

.prctice_content .dt_area .detail li.list li:not(:last-child) .result_vl h5 {
	margin-bottom : 1rem;
}

.prctice_content .dt_area .detail li.list li .result_vl strong {
	font-size : 1.8rem;
}

.prctice_content .dt_area .detail li.list li .result_vl span {
	display : block;
}

/*------4-1-1) 탄소누리집 홈 (.cmntyHome) ---*/
.cmntyHome .cmntyhome_intro {
	background-color: #3586B5;
	background-image: url(/assets/bnz/common/images/ctzn/ch_intro_bg_01.svg);
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 6rem 0;
}

.cmntyHome .title_area.flex_box {
	color: #fff;
}

.cmntyHome .cmntyhome_intro .ch_shadow {
	padding: 4.5rem 2rem;
	text-align: center;
	border-radius: 100rem;
	width: 70%;
	margin: 5rem auto 0 auto;
}

.cmntyHome .cmntyhome_intro .ch_shadow .strongFont {
	font-size: 2.4rem;
	padding-bottom: 2rem;
}

.cmntyHome .cmntyhome_intro .ch_shadow p {
	margin: 1.2rem 0 0rem 0;;
}

.cmntyHome .cmntyhome_intro .ch_step {
	text-align: center;
}

.cmntyHome .cmntyhome_intro .ch_step .btn_wrap {
	position: relative;
	z-index: 1;
	margin: 5rem 0;
}

.cmntyHome .cmntyhome_intro .ch_step_list {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	gap: 0 4rem;
}

.cmntyHome .cmntyhome_intro .ch_step_list>li {
	position: relative;
	flex: 1;
}

.cmntyHome .cmntyhome_intro .ch_step_list>li+li:before {
	content: '';
	display: inline-block;
	background-image: url(/assets/bnz/common/images/icons/ch_step_arrow.svg);
	width: 4rem;
	height: 4rem;
	background-size: 100%;
	background-position: center;
	position: absolute;
	left: -3.8rem;
	top: calc(50% - 2rem);
	z-index: 1;
	opacity: 0.8;
}

.cmntyHome .cmntyhome_intro .ch_step_list>li>div {
	border-radius: 3.4rem;
	padding: 2rem 1rem;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.cmntyHome .cmntyhome_intro .ch_step_list>li .step_img {
	max-width: 50%;
	margin: 1rem auto;
}

.cmntyHome .cmntyhome_intro .ch_step_list>li>div span {
	font-size: 1.4rem;
	display: block;
	line-height: 1.35;
}

.cmntyHome .cmnthhome_calendar {
	background-color: #00669F;
	padding: 10rem 0 0 0;
}

.cmntyHome .cmnthhome_calendar .title_area {
	text-align: center;
	color: #fff;
}

.cmntyHome .title_area p {
	margin-top: 2rem;
}

.cmntyHome .cmnthhome_calendar .calendar_wrap {
	background-color: #fff;
	background-image: url(/assets/bnz/common/images/ctzn/ch_intro_bg_02.svg);
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	padding: 2rem 0 1rem 0;
}

/* 추가 */
.cmntyHome .cmntyhome_clbr {
	background-image: url(/assets/bnz/common/images/ctzn/home_prst_wrap_bg.jpg);
	background-attachment: fixed;
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	padding: 8rem 0 14rem 0;
	text-align: center;
}

.cmntyHome .cmntyhome_clbr:before {
	content: '';
	display: inline-block;
	width: 90%;
	height: 63.5%;
	background: transparent linear-gradient(90deg, #FFFFFF00 0%, #AAD6B400 47%, #37F56390 100%) 0% 0% no-repeat padding-box;
	box-shadow: 0px 5px 10px var(--shadow-color1);
	backdrop-filter: blur(3rem);
	-webkit-backdrop-filter: blur(3rem);
	position: absolute;
	left: 0;
	bottom: 2rem;
	border-radius: 0 40rem 40rem 0;
	opacity: 0.8;
}

.cmntyHome .cmntyhome_clbr .btn_wrap {
	padding: 1rem 0;
}

.cmntyHome .cmntyhome_clbr .clbr_cont_wrap .cmnty_list {
	display: flex;
	flex-wrap: wrap;
	gap: 3rem;
	margin-top : 2rem;
}

.cmntyHome .cmntyhome_clbr .clbr_cont_wrap .cmnty_list>li {
	padding: 4rem 1.7rem 3rem 1.7rem;
	width: calc(100%/ 3 - 6rem/ 3);
	cursor: default !important;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.cmntyHome .cmntyhome_clbr .clbr_cont_wrap .cmnty_list>li .card_sect {
	padding-bottom: 2rem;
}

#content[class^='cmnty'] .cmntyhome_clbr .cmnty_card .card_contents {
	padding-bottom: 0;
}

.cmntyHome .cmntyhome_clbr .clbr_cont_wrap .cmnty_list>li .card_contents h5 {
	font-weight: 500;
	font-size: 2rem;
}

.cmntyHome .cmntyhome_clbr .clbr_cont_wrap .cmnty_list>li .card_contents p {
	font-size: 1.4rem;
	margin-top: 3rem;
}

#content[class^='cmnty'] .cmntyhome_clbr .cmnty_card .card_subject .desc {
	justify-content: center;
}

/*기존 cmntyMngView의 .cmnty_board영역과 동일하여 해당 css 적용 */
.cmntyHome .cmthhome_clbr_brd {
	background-color: #fff;
	background-image: url(/assets/bnz/common/images/ctzn/ch_intro_bg_03.svg);
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	padding: 8rem 0 4rem 0;
}

.cmntyHome .cmthhome_clbr_brd .cmnty_board {
	min-height: 67rem;
}

.cmntyHome .cmthhome_clbr_brd .title_area {
	position: relative;
	border-bottom: 1px solid var(--gray-color);
	padding-bottom: 1.7rem;
	margin-bottom: 0;
}

.cmntyHome .cmthhome_clbr_brd .title_area>a {
	position: absolute;
	right: 0;
	bottom: 1.5rem;
}

.cmntyHome .cmthhome_clbr_brd.cmntyMngView .cmnty_board_list:has(p.nodata:not(.displaynone)) {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
}

.cmntyHome .cmthhome_clbr_brd.cmntyMngView .cmnty_board_list>ul li .cmnty_nm {
	width: 25%;
	font-weight: 500;
}

.cmntyHome .cmthhome_clbr_brd.cmntyMngView .cmnty_board_list>ul li .date {
	color: var(--gray-color);
	width: 10%;
}

/* 삭제된 영역 - displaynone */
.cmntyHome .cmnthome_prst .prst_wrap {
	background-image: url(/assets/bnz/common/images/ctzn/home_prst_wrap_bg.jpg);
	background-attachment: fixed;
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.cmntyHome .cmnthome_prst .prst_wrap:before {
	content: '';
	display: inline-block;
	width: 90%;
	height: 70%;
	background: transparent linear-gradient(90deg, #FFFFFF00 0%, #AAD6B400 47%, #37F56390 100%) 0% 0% no-repeat padding-box;
	box-shadow: 0px 5px 10px var(--shadow-color1);
	backdrop-filter: blur(3rem);
	-webkit-backdrop-filter: blur(3rem);
	position: absolute;
	left: 0;
	bottom: 0%;
	border-radius: 0 30rem 30rem 0;
	opacity: 0.8;
}

.cmntyHome .cmnthome_prst .layout_fix {
	padding-top: 7rem;
	padding-bottom: 3.5rem;
	text-align: center;
}

.cmntyHome .cmnthome_prst .title_area {
	padding-bottom: 5rem;
}

.cmntyHome .cmnthome_prst .title_area h3 {
	font-weight: 600;
}

.cmntyHome .cmnthome_prst .prst_cmnty {
	position: relative;
	width: 90%;
	margin: 0 auto;
}

.cmntyHome .cmnthome_prst .prst_cmnty .swiper-container {
	overflow: hidden;
	width: 90%;
	margin: 0 auto;
}

.cmntyHome .cmnthome_prst .prst_cmnty .swiper-prev {
	position: absolute;
	left: -1.75rem;
	top: calc(50% - 1.75rem);
}

.cmntyHome .cmnthome_prst .prst_cmnty .swiper-next {
	position: absolute;
	right: -1.75rem;
	top: calc(50% - 1.75rem);
}

.cmntyHome .cmnthome_prst .prst_cmnty .swiper-arrow:before {
	filter: grayscale(1) brightness(1);
}

.cmntyHome .cmnthome_prst .prst_cmnty li {
	text-align: center;
	padding: 0 2.4rem;
}

.cmntyHome .cmnthome_prst .prst_cmnty .cmnty_rprs_img {
	width: 14rem;
	height: 14rem;
	border-radius: 30rem;
	box-shadow: 0px 3px 6px var(--lightgray-color);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10%;
	margin: 0 auto 2.5rem auto;
	border: 1px solid var(--lightgray-color);
	background-color: #fff;
	overflow: hidden;
}

.cmntyHome .cmnthome_prst .prst_cmnty .cmnty_rprs_nm {
	font-weight: 500;
	word-break: keep-all;
}

.cmntyHome .cmnthome_prst .prst_cmnty .cmnty_rprs_img:has(span) {
	border: 1px solid var(--U-gray-color);
	font-size: 1.4rem;
	color: var(--gray-color);
	font-weight: 300;
}

.cmntyHome .cmnthome_prst .prst_cmnty .cmnty_rprs_img:has(span)+.cmnty_rprs_nm {
	color: var(--gray-color);
	font-weight: 400;
}

.cmntyHome .cmnthome_prst .story_wrap {
	background-color: #fff;
	background-image: url(/assets/bnz/common/images/ctzn/ch_intro_bg_03.svg);
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	padding: 8rem 0 4rem 0;
}

.cmntyHome .cmnthome_prst .story_cmnty .cmnty_list {
	display: flex;
	flex-wrap: wrap;
	gap: 3rem;
}

.cmntyHome .cmnthome_prst .story_cmnty .cmnty_list>li {
	padding: 4rem 1.7rem 3rem 1.7rem;
	width: calc(100%/ 3 - 6rem/ 3);
	cursor: default !important;
}

.cmntyHome .cmnty_card .card_sect span.active {
	background-color: var(--main-color1);
	font-weight: 400;
}

#content.cmntyHome .cmnty_card .btn_wrap {
	padding-top: 5rem;
}

#content.cmntyHome .cmnty_card .btn_wrap a {
	padding: 0 4rem;
}

.clbr_detail_modal .prctice_content+.prctice_content {
	margin-top: 2rem;
	padding-top: 2rem;
	border-top: 1px solid var(--lightgray-color);
}

/*------4-1-2) 공동체 목록 (.cmntyMngList) ---*/
.cmntyMngList {
	background: linear-gradient(360deg, rgba(228, 244, 255, 0.64) 0%, rgba(227, 245, 255, 0.64) 100%) 0% 0% no-repeat padding-box;
	position: relative;
	overflow: hidden;
}

.cmntyMngList:before {
	content: '';
	background-image: url(/assets/bnz/common/images/ctzn/cmnt_list_bg.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	width: 45%;
	height: 60%;
	left: 7%;
	top: 10%;
	opacity: 0.5;
}

.cmntyMngList .layout_fix {
	padding-top: 6rem;
	padding-bottom: 8rem;
}

.cmntyMngList .brd_search_wrap {
	background: #fff;
	box-shadow: inset 0px 3px 6px #FFFFFF29, 0px 6rem 9rem var(--shadow-color1);
	border: 2px solid #FFFFFF;
	border-radius: 2.7rem;
	opacity: 1;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	margin: 8rem 0 6rem 0;
}

.cmntyMngList .title_area.center p {
	margin-top: 1rem;
}

.cmntyMngList .brd_result_wrap select {
	border: 0;
	background-color: transparent;
}

.cmntyMngList .cmnty_list {
	gap: 3rem;
	display: flex;
	flex-wrap: wrap;
	padding: 1rem 0 2rem 0;
	align-items: stretch;
}

.cmntyMngList .cmnty_list>.cmnty_card {
	width: calc(100%/ 3 - 6rem/ 3);
	padding: 4.5rem 1.5rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#content.cmntyMngList .cmnty_card .card_subject .desc {
	padding: 5.5% 1.2rem;
}

#content.cmntyMngList .cmnty_card .card_subject .badge {
    left: 8rem;
    top: -2rem;
}


.cmntyMngList .cmnty_list>.cmnty_card .card_sect span.active {
	background-color: var(--org-color);
}

#content.cmntyMngList .cmnty_card .hover_area {
    position: absolute;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 3.4rem;
    padding: 2rem;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap : 10% 0;
    display : none;
}

#content.cmntyMngList .cmnty_card.active .hover_area {
	display : flex;
}

.cmntyMngList .cmnty_card .hover_area ul {
	display :flex;
	text-align : center;
	width: 100%;
}

.cmntyMngList .cmnty_card .hover_area ul li {
	padding : 1rem 2rem;
	flex : 1;
}

.cmntyMngList .cmnty_card .hover_area ul li + li {
	border-left : 1px solid var(--gray-color);
}

.cmntyMngList .cmnty_card .hover_area ul li > span {
	font-weight : 600;
	margin-bottom : 1rem;
	display : block;
}

.modal:has(.ai_msg_modal:not(.displaynone)),
.global_modal:has(.ai_msg_modal:not(.displaynone)) {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.5rem;
}

.modal:has(.ai_msg_modal:not(.displaynone)) .modal_content,
.global_modal:has(.ai_msg_modal:not(.displaynone)) .global_modal_content {
	position: relative;
	left: unset;
	top: unset;
	transform: unset;
}

.modal .modal_content.ai_msg_modal,
.global_moda .modal_content.ai_msg_modal {
	width: 20%;
	min-width: 42rem;
	background: var(--lightgray-color);
	overflow: hidden;
}

.modal .ai_msg_modal .ai_contents:before,
.global_modal .ai_msg_modal .ai_contents:before {
	content: '';
	background-image: url(/assets/bnz/common/images/ctzn/main_circle_blue.svg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	right: 2%;
	top: 3%;
	width: 26rem;
	height: 26rem;
}

.modal .ai_msg_modal:after,
.global_modal .ai_msg_modal:after {
	content: '';
	background-image: url(/assets/bnz/common/images/ctzn/main_circle_blue.svg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	right: -15%;
	bottom: -10%;
	width: 26rem;
	height: 26rem;
}

/*----- 공동체 detail (.cmntyMngView) ---*/
.cmntyMngView {
	overflow: hidden;
}

.cmntyMngView section[class$="_wrap"] {
	padding: 8rem 0;
}

.cmntyMngView section[class$="_wrap"] [class^="layout_"]>.title_area {
	margin-bottom: 2.5rem;
	position: relative;
}

.cmntyMngView section[class$="_wrap"] [class^="layout_"]>.title_area .gRight {
	position: absolute;
	right: 0;
	bottom: 0;
}

.cmntyMngView .title_area.typeBg {
	background-image: url("/assets/bnz/common/images/ctzn/cmnty_titbg.png");
	color: #fff;
	margin-top: 2.5rem;
}

.cmntyMngView .title_area.typeBg:before {
	content: '';
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: transparent linear-gradient(90deg, #09276B 0%, #28BB9D 100%) 0% 0% no-repeat padding-box;
	opacity: 0.5
}

.cmntyMngView .title_area.typeBg+.btn_wrap {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.cmntyMngView .title_area.typeBg+.btn_wrap a {
	min-width : 14.6rem;
}

#content.cmntyMngView .cmnty_card {
	box-shadow: unset;
	padding-top: 2rem;
	cursor: default;
}

#content.cmntyMngView .cmnty_card .card_subject .thumb {
	width: 13.4rem;
	height: 13.4rem;
}

#content.cmntyMngView .cmnty_card .card_subject .desc {
	padding: 0;
	justify-content: center;
	align-items: start;
	padding-left: 4rem;
	gap: 1rem 0;
}

.cmntyMngView .cmnty_card .card_subject .desc > div {
	width : 100%;
	align-items : unset;
} 

.cmntyMngView .cmnty_card .card_subject .desc .desc_wrap {
	flex : 1;
	padding-right : 2rem;
}

.cmntyMngView .cmnty_card .card_subject .desc .stts_wrap {
	text-align : right;
	font-size : 1.4rem;
	flex-shrink: 0;
}

.cmntyMngView .cmnty_card .card_subject .desc .stts_wrap button {
	height: auto;
    line-height: 1.2;
    padding: 0.5rem 2rem;
    margin-bottom : 1rem;
}

.cmntyMngView .cmnty_card .card_subject .desc .stts_wrap button strong {
	display : block;
}

.cmntyMngView .cmnty_card .card_subject .desc .ttl {
	color : var(--A-black-color);
	display: inline-flex;
    align-items: flex-start;
    line-height: 1.2;   
	margin: 3rem 0 0rem 0;
	position : relative;
}

.cmntyMngView .cmnty_card .card_subject .desc .ttl:has(.badge) {
	padding: 2.5rem 0 1rem 0;	
}

.cmntyMngView .cmnty_card .card_subject .desc .ttl strong {
    word-break: keep-all;	
}

.cmntyMngView .cmnty_card .card_subject .desc .ttl .badge {
	left: calc(100% + 3rem);
    top: 0;
    min-width: 12rem;
}

.cmntyMngView .cmnty_card .card_subject .desc .ttl .badge:before {
    content: '';
    display: inline-block;
    background-image: url(/assets/bnz/common/images/ctzn/exln_badge_icon.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: calc(50% - 0.5rem);
    left: -3rem;
    transform: translate(0, -50%);
    width: 6rem;
    height: 6rem;
}

.cmntyMngView .cmnty_card .card_subject .desc .card_sect span.active {
	background-color: var(--main-color1);
}

.cmntyMngView .cmnty_card .card_subject .desc .cmnty_info_wrap {
	width: 100%;
	margin-top : 1rem;
	flex-wrap : wrap;
}

.cmntyMngView .cmnty_card .card_subject .desc .cmnty_info {
	color: var(--gray-color);
	font-size: 1.8rem;
	display: flex;
	align-items: center;
	gap: 0.5rem 5%;
	flex: 1;
	flex-wrap : wrap;
	padding-right: 3rem;
}

.cmntyMngView .cmnty_card .card_subject .desc .cmnty_info li.member span.arrow:before {
	content: '↑';
	display: inline-block;
	width: 2.4rem;
	height: 2.4rem;
	border-radius: 5rem;
	background-color: var(--lightgray-color);
	font-size: 1.6rem;
	color: var(--U-gray-color);
	line-height: 2.2rem;
	text-align: center;
	font-weight: 600;
	margin: 0 0.5rem 0 1.5rem;
	vertical-align: bottom;
}

.cmntyMngView .cmnty_card .card_subject .desc .cmnty_info li.member span.arrow.down:before {
	content: '↓';
}

.cmntyMngView .cmnty_card .card_subject .desc .summary {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cmntyMngView .cmnty_card .card_subject .desc .summary.more {
	display: block;
}

.cmntyMngView .cmnty_card .card_subject .desc > button {
	font-size: 1.6rem;
	font-weight: 600;
}

.cmntyMngView .cal_area .schedule .schedule_top {
	text-align: center;
	height: 32%;
	display: flex;
	flex-direction: column;
}

.cmntyMngView .cal_area .schedule .schedule_bottom {
	height: 68%;
	flex: 1;
}

.cmntyMngView .cal_area .schedule .schedule_bottom label {
	font-size : 1.4rem;
}

.cmntyMngView .cal_area .schedule .schedule_bottom label input[type="radio"] {
	top : 0;
}

.cmntyMngView .cal_area .schedule .schedule_top>h4 {
	padding-bottom: 2rem;;
}

.cmntyMngView .club_result_wrap {
	text-align: center;
}

.cmntyMngView .club_result_wrap .layout_fix {
	position: relative;
}

.cmntyMngView .club_result_wrap .layout_fix:before {
	content: '';
	background-image: url(/assets/bnz/common/images/ctzn/cmnt_view_bg_01.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	width: 140%;
	height: 200%;
	left: -20%;
	top: -25%;
	opacity: 0.5;
	z-index: -1;
}

.cmntyMngView .club_result_wrap .prst_cnt>li {
	cursor: pointer;
}

.cmntyMngView .club_result_wrap button {
	width: 25%;
	margin-top: 5rem;
}

.cmntyMngView .club_calendar_wrap .prst_cnt {
	gap: 0 3%;
}

#content.cmntyMngView .club_calendar_wrap .prst_cnt>li.shadow_box {
	width: 50%;
	padding: 2.5rem 0;
	font-size: 1.6rem;
	border-radius: 1.5rem;
}

.cmntyMngView .club_calendar_wrap .prst_cnt li .strongFont {
	font-size: 1.4rem;
}

.cmntyMngView .club_calendar_wrap .prst_cnt>li p span {
	font-size: 2.8rem;
	padding: 1rem 0 0 0;
}

.cmntyMngView .club_prctice_wrap {
	background: transparent linear-gradient(359deg, #E4F4FFA3 0%, #E3F5FFA3 100%) 0% 0% no-repeat padding-box;
	position: relative;
}

.cmntyMngView .club_prctice_wrap:before {
	content: '';
	background-image: url(/assets/bnz/common/images/ctzn/cmnt_view_bg_02.svg);
	background-position: top 30% right;
	background-repeat: no-repeat;
	background-size: 35%;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 1;
}

.cmntyMngView .club_prctice_wrap .prctice_card {
	margin-top: 3rem;
	overflow: hidden;
}

.cmntyMngView .club_prctice_wrap .btn_wrap {
	margin-top: 5rem;
}

.cmntyMngView .club_prctice_wrap .btn_wrap button {
	margin: 0 1rem !important
}

.cmntyMngView .club_prctice_wrap .prctice_tab {
	position: relative;
}

.cmntyMngView .club_prctice_wrap .prctice_tab .swiper-arrow {
	position: absolute;
	top: calc(50% - 1.9rem);
	left: 2rem;
}

.cmntyMngView .club_prctice_wrap .prctice_tab .swiper-arrow.swiper-button-disabled {
	
}

.cmntyMngView .club_prctice_wrap .prctice_tab .swiper-arrow.swiper-next {
	left: unset;
	right: 2rem;
}

.cmntyMngView .club_prctice_wrap .tab_wrap {
	width: calc(100% - 12rem);
	margin: 0 auto;
	overflow: hidden;
}

.cmntyMngView .club_prctice_wrap .tab_wrap .cate_tab li {
	margin: 0;
	padding: 0 0.5rem;
	width: auto;
}

.cmntyMngView .club_prctice_wrap .tab_wrap .cate_tab li a {
	width: 100%;
}

.cmntyMngView .club_prctice_wrap .prctice_card .swiper-slide {
	padding: 2rem;
}

.cmntyMngView .club_prctice_wrap .prctice_content {
	box-shadow: 0px 3px 6px var(--shadow-color1);
	background: rgba(255, 255, 255, 0.85);
	padding: 3rem 5rem;
	border-radius: 5rem;
	height: 48rem;
}

.cmntyMngView .club_prctice_wrap .prctice_content .dt_area {
	overflow-y: auto;
}

.cmntyMngView .club_board_wrap {
	background: transparent linear-gradient(108deg,rgba(238, 249, 255, 0.71) 0%,rgba(239, 249, 255, 0.71) 100%) 0% 0% no-repeat padding-box;
	position: relative;
}

.cmntyMngView .club_board_wrap:before {
	content: '';
	display: inline-block;
	width: 100%;
	height: 46.5%;
	background-color: #fff;
	border-radius: 40rem 0 0 0;
	position: absolute;
	right: 0;
	bottom: 0;
}

.cmntyMngView .club_board_wrap .title_area {
	border-bottom: 1px solid var(--gray-color);
	padding-bottom: 2rem;
}

.cmntyMngView .cmnty_board {
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 3px 6px var(--shadow-color1);
	border: 1px solid var(--U-gray-color);
	border-radius: 4rem;
	backdrop-filter: blur(3rem);
	-webkit-backdrop-filter: blur(3rem);
	padding: 4rem;
	margin-bottom: 7.5rem;
	display: flex;
	flex-direction: column;
}

.cmntyMngView .cmnty_board_list>ul {
	border-bottom: 1px solid var(--gray-color);
}

.cmntyMngView .cmnty_board_list>ul li {
	padding: 1.5rem 3rem;
	display: flex;
	cursor: pointer;
}

.cmntyMngView .cmnty_board_list>ul li+li {
	border-top: 1px solid var(--U-gray-color);
}

.cmntyMngView .cmnty_board_list>ul li .txt_area {
	flex: 1;
	padding: 0rem 3rem 0 0;
	position: relative;
}

.cmntyMngView .cmnty_board_list>ul li .txt_area h5 {
	padding-right: 10%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.cmntyMngView .cmnty_board_list>ul li .txt_area .summary {
	color: var(--gray-color);
	font-size: 1.4rem;
	margin-top: 1rem;
	font-weight: 400;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.cmntyMngView .cmnty_board_list>ul li .txt_area .date {
	color: var(--gray-color);
	position: absolute;
	right: 3rem;
	top: 1rem;
}

.cmntyMngView .cmnty_board_list>ul li .thumb_area .thumb {
	width: 13.5rem;
	height: 10rem;
}

.cmntyMngView .cert_board_list>ul:not(.swiper-wrapper) {
	display: flex;
	flex-wrap: wrap;
	gap: 5rem 2rem;
	padding: 2rem 0;
}

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

.cmntyMngView .cert_board_list>ul li:has(.nodata){
	width : 100%;
	cursor : unset;
}

.cmntyMngView .cert_board_list>ul li .thumb_area .thumb {
	height: 30rem;
	border-radius : 2rem;
	background-color : #fff;
	cursor: pointer;
}

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

.cmntyMngView .cert_board_list>ul li .thumb_area:has(img[src*="onerror"]) {
	background-color : #fff;
}

.cmntyMngView .cert_board_list>ul li .thumb_area .thumb img[src*="onerror"] {
	height : auto;
	max-width : 100%;
}

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

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

.cmntyMngView .cert_board_list>ul li:has(.like_area:not(.displaynone)) .txt_area .subject {
	margin-top : 0;
}

.cmntyMngView .cert_board_list>ul li .txt_area span {
	font-size : 1.4rem;
	display : block;
}

.cmntyMngView .cert_board_list>ul li .txt_area span + span {
	margin-top : 0.2rem;
}

.cmntyMngView .cert_board_list>ul li .txt_area .date {
	margin-top : 1.5rem;
	text-align : right;
}

/**** .cmntyMngView 팝업 공통 */
.modal_content[class*="prctice_"] .titleLine,
.global_modal_content[class*="prctice_"] .titleLine {
	margin: 2.5rem 0 1.5rem 0;
}

.prfmnc_result_list {
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 1px 2px 5px var(--shadow-color1);
	border: 1px solid var(--U-gray-color);
	border-radius: 1rem;
	padding: 2rem;
	font-size: 1.4rem;
}

.prfmnc_result_list li {
	display: flex;
	align-items: center;
	gap: 0 2rem;
	width: 50%;
	padding: 0 0 0 1.5rem;
}

.prfmnc_result_list li+li {
	border-left: 1px solid var(--U-gray-color);
}

.prfmnc_result_list li .ico {
	max-width: 10rem;
}

.prfmnc_result_list li .result_vl {
	flex: 1;
}

.prfmnc_result_list li .result_vl strong {
	font-size: 2rem;
	margin: 0 0.5rem;
}

.prfmnc_result_list.effect {
	margin: 1.5rem 0 1rem 0;
	padding: 1rem 2rem;
}

.prfmnc_result_list.effect li {
	gap: 0 3rem;
	padding: 0 0 0 3rem;
}

.prfmnc_result_list.effect li .ico {
	max-width: 7.5rem;
}

.prfmnc_result_list.effect .result_vl {
	color: var(--U-black-color);
}

.prfmnc_result_list.effect .result_vl p {
	font-weight: 600;
}

.prfmnc_result_list.effect .result_vl p+span {
	font-size: 1.2rem;
}

/* 각 팝업 css */
.ptcp_dmnd_modal .ty_block td > div {
	margin : 2rem 0;
}

.ptcp_dmnd_modal .ty_block td > div textarea {
	height : 25rem;
}

.prfmnc_detail_modal .titleLine {
	margin: 2rem 0;
}

.prfmnc_detail_modal .modal_group+.modal_group {
	padding-top: 1rem;
}

.prfmnc_detail_modal .prfmnc_result_list {
	align-items: normal;
}

.prfmnc_detail_modal .prfmnc_result_list li {
	flex-direction: column;
	width: calc(100%/ 3);
	padding: 0;
	justify-content: space-between;
	text-align: center;
}

.prfmnc_detail_modal .prfmnc_result_list li:nth-child(2) {
	max-width: unset;
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 1;
}

.prfmnc_detail_modal .prfmnc_result_list li .ico {
	flex: 1;
}

.prfmnc_detail_modal .prfmnc_result_list li:nth-child(2) .ico {
	max-width: unset;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.prfmnc_detail_modal .prfmnc_result_list li .result_vl {
	flex: unset;
}

.prfmnc_detail_modal .prfmnc_result_list li h5 span {
	display: block;
}

.prctice_uniform_modal .flex_box select {
	margin-right: 0;
}

.prctice_uniform_modal .prfmnc_result_list+span {
	font-size: 1.2rem;
	color: var(--gray-color);
	padding-bottom: 1.5rem;
	display: block;
}

.prctice_uniform_modal .inpt_wrap .tooltip_ico+span {
	font-size: 1.2rem;
	color: var(--gray-color);
	padding-left: 1rem;
}

.prctice_uniform_modal .inpt_wrap .add_area {
	display: flex;
	align-items: center;
	position: relative;
	padding-top: 0.6rem;
}

.prctice_uniform_modal .inpt_wrap .add_area .tooltip_ico {
	flex-shrink: 0;
}

.prctice_uniform_modal .inpt_wrap .add_area .incrs_area {
	display: flex;
	gap: 0.5rem;
	flex-wrap: wrap;
}

.prctice_uniform_modal .inpt_wrap .add_area:has(.incrs_area button) .tooltip_ico {
	position: absolute;
	right: 0;
	bottom: 0;
}

.prctice_uniform_modal .inpt_wrap .add_area .incrs_area:has(button) {
	width: calc(100% - 5rem);
}

.prctice_uniform_modal .inpt_wrap .add_area .incrs_area:has(button) ~ span {
	display: none;
}

.prctice_uniform_modal .inpt_wrap .frm_area {
	padding: 3rem 0;
}

.prctice_uniform_modal .inpt_wrap .frm_area .date span:not(:first-child) {
	padding: 0 1rem 0 3rem;
}

.prctice_uniform_modal .inpt_wrap .frm_area ul {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem 2.5rem;
	margin: 4rem 0 2rem 0;
}

.prctice_uniform_modal .inpt_wrap .frm_area ul li {
	width: calc(100%/ 3 - 5rem/ 3);
	flex: unset;
	align-items: end;
}

.prctice_uniform_modal .inpt_wrap .frm_area ul li strong {
	margin-right: 2rem;
	font-weight: 600;
	min-width: 25%;
}

.prctice_uniform_modal .inpt_wrap .frm_area ul li .result {
	flex: 1;
	text-align: right;
	padding: 0 0.5rem;
	font-weight: 600;
}

.prctice_power_modal .fclt {
	font-size: 1.4rem;
	margin-top: 2.5rem;
}

.prctice_power_modal .fclt span {
	display: block;
}

.prctice_power_modal .modal_group:last-child {
	padding: 1rem 0 3.5rem 0;
}

.prctice_power_modal .modal_group .brd_result_wrap {
	margin-bottom : 1.5rem;
}

.prctice_power_modal .inpt_wrap {
	display: flex;
	gap: 0 1.5rem;
}

.prctice_power_modal .inpt_wrap table td input {
	width: 50%;
}

.prctice_power_modal .board_wrap:not(.inpt_wrap) {
	width: 50%;
	margin: 0 auto;
	padding-top: 2.5rem;
}

.eduform_view_modal .ap_search_box {
	padding: 2.5rem 0 1.5rem 0;
}

.eduform_view_modal .ap_search_box>div {
	width: 65%;
}

.eduform_view_modal .ap_search_box button {
	min-width: 10rem;
}

.eduform_view_modal .board_wrap {
	padding: 1rem 0;
	border-top: 1px solid var(--U-gray-color);
	margin-top: 1rem;
}

.eduform_regist_modal .basic_wrap+.basic_wrap {
	margin-top: 3rem;
}

/* .actvcert_view_modal swiper 포함영역 mngr과 공통 사용으로 common으로 이동 */

.actvcert_view_modal .modal_footer>p {
	padding-top: 1rem;
}

.actvcert_regist_modal .basic_wrap td.subject select + input[type="text"] {
	margin-top : 0.5rem;
}

.actvcert_regist_modal .basic_wrap > .flex_box{
	font-size : 1.4rem;
	gap : 0 15%;	
}

.actvcert_regist_modal .basic_wrap .desc {
    font-size: 1.2rem;
    color: rgba(51, 51, 51, 0.6);
    display: block;
    font-weight: 500;
    width : 100%;
	display: flex;
    gap: 0 0.5rem;
    text-align : left;
}

.actvcert_regist_modal .basic_wrap .required th span.desc {
	display : inline-block;
	font-size: 1.1rem;
	width : auto;
}

.actvcert_regist_modal table td .selected_mvm {
	gap : 1rem;
	flex-wrap: wrap;
}

.actvcert_regist_modal table td .selected_mvm .flex_box{
	gap : 1rem 1.5rem;
}

.actvcert_regist_modal table td .nodata {
	width: 100%;
    padding: 4rem 0;
    background: var(--lightgray-color);
    border-radius: 1rem;
    border : 1px solid var(--U-lightgray-color);
}

.actvcert_regist_modal table td .selected_mvm .ico {
	max-width : 10rem;
	flex-shrink: 0;
}

.actvcert_regist_modal table td .selected_mvm .flex_box small {
	font-size : 1.4rem;
	margin-top : 0.5rem;
	display : block;
}

.actvcert_regist_modal table td .selected_mvm .card_subject .thumb {
	margin: 0 auto 0.5rem auto;
}

.actvcert_regist_modal table td .selected_mvm .card_subject .desc {
	color : var(--U-black-color1);
}

.actvcert_regist_modal table td .sttree_area {
	padding : 0.5rem 0 0 0; 
	text-align : center;
}

.actvcert_regist_modal table td .sttree_area button {
	margin-top : 2rem;
	min-width : 18rem;
} 

.actvcert_regist_modal table .typeHalf select, .actvcert_regist_modal table .typeHalf input {
	max-width: 20rem;
	margin: 0;
}

.actvcert_regist_modal table tr:has(.subject) {
	border-top: 1px solid var(--U-gray-color);
	margin-top: 1rem;
	padding-top: 1rem;
}

.actvcert_dclr_modal .modal_body table tr:last-child {
	margin-top: 5rem;
}

.actvcert_dclr_modal .modal_body table th {
	border-bottom: 1px solid var(--U-gray-color);
	margin-bottom: 1rem;
}

.actvcert_dclr_modal td .flex_box {
	flex-direction: column;
	align-items: start;
}

.actvcert_dclr_modal td textarea {
	height: 20rem;
}

.prtcMvm_edu_modal .basic_area > ul {
	font-size : 1.4rem;
	padding : 1.5rem 1rem 3rem 1rem;
}

.prtcMvm_edu_modal .basic_area > ul >li {
	text-indent: -0.7rem;
    padding-left: 1.2rem;
}

.prtcMvm_edu_modal .basic_area > ul >li:before{
	content : '·';
}

.prtcMvm_edu_modal .basic_area li > ul > li {
	display: flex;
    align-items: flex-start;
    gap: 0;
    text-indent: 0rem;
    padding-left: 0.2rem;
}

.prtcMvm_edu_modal .basic_area li > ul > li:before {
	content : '-';
	margin-right : 0.5rem;
}

.prtcMvm_edu_modal .mvm_wrap table + .subject_area {
	margin-top: 3rem;
}

.prtcMvm_edu_modal .mvm_wrap table .edu_prd {
	gap : 0 2rem;
}

@media ( max-width : 1280px) {
	#content[class^='cmnty'] .cmnty_card .card_contents {padding: 1rem 0 2rem 0;}
	#content[class^='cmnty'] .cmnty_card .card_contents .expln {padding-top: 0;}
	#content[class^='cmnty'] .cmnty_card .card_subject .badge:before {width : 5rem; height : 5rem; left: -2rem;}
	#content.cmntyMngList .cmnty_card .card_subject .badge {top : -1rem;}
	#content[class^='cmnty'] .prst_cnt>li.shadow_box {padding: 2rem 0.5rem;width: 30%;}
	.cal_area {gap: 0 1rem;}
	#calendar .toastui-calendar-grid-cell-more-events {height: auto;line-height: 1;text-decoration: underline;position: absolute;top: 0.9rem;right: 0.4rem;padding: 0;}
	#calendar .toastui-calendar-template-monthGridHeaderExceed:before {font-size: 1.0rem;}
	
	.cmntyHome .cmntyhome_intro .ch_shadow {width: 100%;}
	.cmntyHome .cmnthome_prst .story_cmnty .cmnty_list {gap: 0 1.5%;}
	.cmntyHome .cmntyhome_clbr {padding: 6rem 0;}
	.cmntyHome .cmntyhome_clbr .clbr_cont_wrap .cmnty_list {gap: 1rem;}
	.cmntyHome .cmntyhome_clbr .clbr_cont_wrap .cmnty_list>li {width: calc(100%/ 2 - 1rem/ 2);}
	
	.cmntyMngList:before {width: 100%;height: 100%;background-repeat: repeat;background-size: 150%;left: 0;top: 0;}
	.cmntyMngList .cmnty_list {gap: 2rem}
	.cmntyMngList .cmnty_list>.cmnty_card {width: calc(100%/ 2 - 2rem/ 2);padding: 2rem 3rem;}
	.cmntyMngList .brd_search_wrap {margin: 3rem 0 4rem 0;box-shadow: inset 0px 3px 6px #FFFFFF29, 0px 0.5rem 1rem var(--shadow-color1);}
	#content.cmntyMngList .cmnty_card .hover_area {justify-content: space-around;gap: 0;}
	.cmntyMngList .cmnty_card .hover_area button { width : 100%;}
	.modal:has(.ai_msg_modal:not(.displaynone)) .modal_content, 
	.global_modal:has(.ai_msg_modal:not(.displaynone)) .global_modal_content {width : calc(50% - 2rem); min-width : unset;}
	
	.cmntyMngView .prctice_content .dt_area .detail li.list ul {gap : 1rem;}
	.cmntyMngView .title_area.typeBg {margin-top: 0;}
	.cmntyMngView .cmnty_card .card_subject .desc > div {flex-direction: column;align-items: start;}
	.cmntyMngView .cmnty_card .card_subject .desc .desc_wrap {width : 100%; padding : 0;}
	.cmntyMngView .cmnty_card .card_subject .desc .cmnty_info_wrap {align-items: baseline;}
	.cmntyMngView .cmnty_card .card_subject .desc .stts_wrap {width: 100%;text-align: left;margin: 2rem 0 0 0;}
	
	.cmntyMngView .club_result_wrap button {margin-top: 4rem;}
	.cmntyMngView .club_prctice_wrap .btn_wrap {margin-top: 3rem;}
	.cmntyMngView .club_prctice_wrap .prctice_content {padding: 3rem;}
	.cmntyMngView .club_prctice_wrap .prctice_card {margin-top: 0;}
	.cmntyMngView .cert_board_list>ul li {width: calc(100%/ 3 - 4rem/ 3);}
	
	.actvcert_view_modal .modal_body, .eduform_view_modal .modal_body {height: calc(100% - 15rem) !important;}
	
}

@media ( max-width : 768px) {
	#content[class^='cmnty'] .title_area.flex_box, 
	.cbnpapr_banner .title_area.flex_box {flex-direction: column;gap: 1rem 0;}
	#content[class^='cmnty'] .title_area.flex_box .strongFont, 
	.cbnpapr_banner .title_area.flex_box .strongFont {width: 100%;}
	#content[class^='cmnty'] .title_area.flex_box .strongFont br, 
	.cbnpapr_banner .title_area.flex_box .strongFont br {display: none;}
	#content[class^='cmnty'] .prst_cnt>li.shadow_box {padding: 1.5rem 1rem 1rem 1rem;width: 33%;font-size: 1.6rem; border-radius : 1.4rem;}
	.cmntyMngView .cmnty_card .card_subject .desc .ttl:has(.badge) {padding-top : 1.5rem;}
	.prst_cnt {gap: 0 1rem;}
	.prst_cnt>li>span {font-size: 1.6rem; display : block;}
	.prst_cnt>li p span {font-size: 2.6rem;padding: 1rem 0 0.2rem 0;}
	.cal_area {flex-direction: column;height: auto;gap: 2rem 0;padding: 0;}
	.cal_area .calendar {width: 100%;height: 50rem; padding : 1rem 1rem 3rem 1rem}
	.cal_area .calendar .calendar_header {padding: 2rem 0 0 0;}
	#calendar .toastui-calendar-daygrid-cell .toastui-calendar-grid-cell-header {position: relative; height : 100% !important;}
	#calendar .toastui-calendar-grid-cell-more-events {top: unset;bottom: 0;right: unset;transform: translate(-50%, 0);left: 50%;}
	#calendar .toastui-calendar-template-monthGridHeaderExceed:before {font-size: 1.1rem;}
	.prctice_content {flex-direction: column;}
	.prctice_content .img_area {width: 50%;height: auto; min-height : 20rem}
	.prctice_content .dt_area {padding: 1rem 0;flex: unset;}
	.prctice_content .dt_area .title_area {flex-direction: column;align-items: start;}
	.prctice_content .dt_area .title_area .titleM {font-size: 1.8rem;}
	.prctice_content .dt_area .desc {font-size: 1.6rem;padding-bottom: 1rem;}
	
	.cmntyHome .cmntyhome_intro .ch_shadow {border-radius: 2rem;padding: 2rem;margin: 2rem auto 0 auto;}
	.cmntyHome .cmntyhome_intro .ch_step .btn_wrap {margin: 2rem 0 4rem 0;}
	.cmntyHome .cmntyhome_intro .ch_step_list {flex-wrap: wrap;gap: 1rem 4rem;}
	.cmntyHome .cmntyhome_intro .ch_step_list>li {width: calc(50% - 2rem);flex: unset;}
	.cmntyHome .cmntyhome_intro .ch_step_list>li:nth-child(3):before {display: none;}
	.cmntyHome .cmntyhome_intro .ch_step_list>li>div {border-radius: 2rem}
	.cmntyHome .cmnthhome_calendar {padding-top: 6rem;}
	.cmntyHome .cmnthhome_calendar .title_area {padding: 0 2rem;}
	.cmntyHome .cmntyhome_clbr:before {display: none;}
	.cmntyHome .cmntyhome_clbr .clbr_cont_wrap .cmnty_list>li {width: 100%;}
	.cmntyHome .cmntyhome_clbr .clbr_cont_wrap .cmnty_list>li .card_contents p {margin-top: 1rem;}
	#content.cmntyHome .cmnty_card .btn_wrap {padding: 3rem 0 0 0;}
	#content.cmntyHome .cmnty_card .btn_wrap a {width: 100%;height: 4rem;line-height: 3.8rem;}
	.cmntyHome .cmthhome_clbr_brd .cmnty_board {margin-bottom: 3rem;}
	.cmntyHome .cmnthome_prst .layout_fix {padding-top: 5rem;padding-bottom: 1rem;}
	.cmntyHome .cmnthome_prst .title_area {padding-bottom: 2rem}
	.cmntyHome .cmnthome_prst .prst_cmnty .cmnty_rprs_img {paddign: 2%;}
	.cmntyHome .cmnthome_prst .story_wrap {padding-top: 2rem;}
	.cmntyHome .cmnthome_prst .story_cmnty .cmnty_list {flex-direction: column;gap: 1rem 0;}
	.cmntyHome .cmnthome_prst .story_cmnty .cmnty_list>li {width: 100%;padding: 2rem;}
	.cmntyHome .cmthhome_clbr_brd {padding-top: 4rem;}
	.cmntyHome .cmthhome_clbr_brd.cmntyMngView .cmnty_board_list>ul li {flex-direction: column-reverse;padding: 1rem 0;}
	.cmntyHome .cmthhome_clbr_brd.cmntyMngView .cmnty_board_list>ul li .txt_area {padding: 1rem 0rem;}
	.cmntyHome .cmthhome_clbr_brd.cmntyMngView .cmnty_board_list>ul li .date, 
	.cmntyHome .cmthhome_clbr_brd.cmntyMngView .cmnty_board_list>ul li .cmnty_nm {width: 100%;}
		
	.cmntyMngList .cmnty_list {gap: 2rem}
	.cmntyMngList .cmnty_list>.cmnty_card {width: 100%;}
	.cmnt_regist_modal .board_wrap table td {padding-left: 1rem;padding-right: 1rem;}
	.cmnt_regist_modal .board_wrap table th .tooltip_desc {max-width: unset;}
	.modal:has(.ai_msg_modal:not(.displaynone)) .modal_content,
	.global_modal:has(.ai_msg_modal:not(.displaynone)) .global_modal_content {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%); width : 100%;} 
	.modal .modal_content.ai_msg_modal, .global_modal .modal_content.ai_msg_modal {width: 100%;}
	
	.cmntyMngView section[class$="_wrap"] {padding: 4rem 0;}
	.cmntyMngView .cmnty_card .card_subject .desc .ttl {margin-top : 1.5rem;}
	.cmntyMngView .cmnty_card .card_subject .desc .cmnty_info_wrap {flex-direction: column; gap: 1.5rem 0;}
	.cmntyMngView .cmnty_card .card_subject .desc .cmnty_info {flex-direction: column;align-items: start;}
	#content.cmntyMngView .cmnty_card .card_subject .thumb {width: 9rem;height: 9rem;}
	#content.cmntyMngView .cmnty_card .card_subject .desc {padding-left: 2rem;}
	
	.cmntyMngView .club_result_wrap button {width: 100%;margin-top: 2.5rem;}
	.cmntyMngView .cal_area .schedule .schedule_top {padding-bottom: 3rem;}
	.cmntyMngView .club_prctice_wrap:before {background-position: top 5% right;background-size: 50%;}
	.cmntyMngView .club_prctice_wrap .tab_wrap .cate_tab li a {font-size: 1.4rem;padding: 0 1.5rem;}
	.cmntyMngView .club_prctice_wrap .btn_wrap {margin-top: 1.5rem;}
	.cmntyMngView .club_prctice_wrap .btn_wrap button {margin: 1rem 0 0 0rem !important;font-size: 1.6rem;padding: 0 1.5rem;width: 100%;}
	.cmntyMngView .club_prctice_wrap .prctice_content {padding: 2rem;border-radius: 2rem;height: auto;}
	.cmntyMngView .club_prctice_wrap .prctice_content .dt_area {height: 30rem;}
	.cmntyMngView .club_board_wrap .title_area {padding-bottom: 2rem;}
	.cmntyMngView .cmnty_board {padding: 2rem;}
	.cmntyMngView .cmnty_board_list>ul li {flex-direction: row-reverse;padding: 1rem 0;}
	.cmntyMngView .cmnty_board_list>ul li .txt_area {padding: 0rem 0 1rem 1rem;	}
	.cmntyMngView .cmnty_board_list>ul li .txt_area h5 {padding: 0;}
	.cmntyMngView .cmnty_board_list>ul li .txt_area .date {position: relative;right: unset;top: unset;display: block;margin-top: 1rem;}
	.cmntyMngView .cert_board_list>ul:not(.swiper-wrapper) {gap: 3rem 1rem;}
	.cmntyMngView .cert_board_list>ul li {width: calc(100%/ 2 - 1rem/ 2);}
	.cmntyMngView .cert_board_list>ul li .thumb_area .thumb {height: 25rem;}
	.cmntyMngView .cert_board_list>ul li .txt_area .subject {margin: 1rem 0}

	/* view 팝업*/
	.prfmnc_result_list {padding: 1rem;}
	.prfmnc_result_list li {flex-direction: column;padding: 0;gap: 1rem 0;}
	.prfmnc_result_list.effect li {padding: 0;gap: 1rem 0;}
	.prfmnc_result_list li .result_vl {text-align: center;}
	
	.prctice_uniform_modal .inpt_wrap .frm_area .date input {flex: unset;max-width: 25rem;}
	.prctice_uniform_modal .inpt_wrap .frm_area ul {gap: 2rem 4rem;}
	.prctice_uniform_modal .inpt_wrap .frm_area ul li {width: calc(100%/ 2 - 4rem/ 2);flex: unset;align-items: end;}
	.prctice_power_modal .inpt_wrap {flex-direction: column;}
	.prctice_power_modal .inpt_wrap table td input {width: calc(100% - 2rem);}
	.prctice_power_modal .inpt_wrap table:last-child thead {display: none;}
	.prctice_power_modal .board_wrap:not(.inpt_wrap) {margin: 0;width: 100%;padding-top: 0;}
	.prctice_power_modal .inpt_wrap table:last-child, 
	.prctice_power_modal .board_wrap:not(.inpt_wrap) table {border: none;}
	
	.eduform_view_modal .ap_search_box {flex-direction: column;gap: 1rem 0;}
	.eduform_view_modal .ap_search_box>div, .eduform_view_modal .ap_search_box button {width: 100%;}
	
	.actvcert_regist_modal table td .selected_mvm {gap : 1rem 1.5rem;}
	.actvcert_regist_modal table td .selected_mvm .flex_box {border-right: 1px solid var(--U-gray-color);}
	.actvcert_regist_modal table td .selected_mvm .flex_box .title {padding-right : 1rem;}
	.actvcert_regist_modal table td .selected_mvm .ico {max-width : 7rem;}
}

/*------4-1-1) 공동체 홈2 (.cmntyHome_new) ---*/
.cmntyHome_new .cmntyhome_intro {
	background-color: #3586B5;
	background-image: url(/assets/bnz/common/images/ctzn/ch_intro_bg_01.svg);
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 7rem 0 11rem 0;
}

.cmntyHome_new .cmntyhome_intro .title_area {
	color : #fff;
}

.cmntyHome_new .cmntyhome_intro .title_area > div .titleS {
	margin-top : 2rem;
}

.cmntyHome_new .title_area .strongFont {
	font-weight : 500;
}

.cmntyHome_new .title_area p {
    margin-top: 2rem;	        
    word-break: keep-all;
}

.cmntyHome_new .intro_top {
	text-align: center;
	padding-top: 14rem;
}

.cmntyHome_new .intro_top .prst_cnt {
	padding : 5.5rem 0 0 0;
	gap: 0 5rem;
}

.cmntyHome_new#content .intro_top .prst_cnt > li.shadow_box {
	background: rgba(255, 255, 255, 0.85);
	width : 21%;
	padding: 2.5rem 1rem;
}

.cmntyHome_new .intro_top .prst_cnt>li p span {
    padding: 1.6rem 0 1rem 0;
}

.cmntyHome_new .intro_top .prst_button_wrap {
	margin-top: 5rem;
	padding-top : 5rem;
	gap : 0 5rem;
	border-top : 1px solid var(--A-lightgray-color);
}

.cmntyHome_new .intro_top .prst_button_wrap:not(:has(.btnStrong)) {
	margin-top : 0;
	border-top : 0;
	padding: 0;
}

.cmntyHome_new .intro_top .prst_button_wrap button {
	width : 21%;
	margin: 0 !important;
}

.cmntyHome_new .cmnthhome_tier {
    background-color: #00669F;
    padding: 5rem 0 0 0;
}

.cmntyHome_new#content .cmnthhome_tier .brd_search_wrap {
	box-shadow : unset;
}

.cmntyHome_new .cmnthhome_tier .brd_search_wrap input[type="text"] {
	min-width : 30rem;	
}

.cmntyHome_new .cmnthhome_tier .brd_search_wrap button {
	min-width : 14rem;
}

.cmntyHome_new .cmnthhome_tier .tier_list_wrap {
    background-color: #fff;
    background-image: url(/assets/bnz/common/images/ctzn/ch_intro_bg_02.svg);
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
    text-align : center;
    position : relative;
    padding-bottom : 3rem;
}

.cmntyHome_new .cmnthhome_tier .tier_list_wrap:before {
    content: '';
    display: inline-block;
    background-image: url(/assets/bnz/common/images/ctzn/ch_intro_bg_03.svg);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    width: 100%;
    height: 45%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.cmntyHome_new#content .cmnthhome_tier .tier_tit {
	font-size: 3.4rem;
    padding: 0;
    display: inline-block;
    text-align: center;
    line-height: 1;
    min-width : 30rem;
    border-radius : 4rem;
    font-weight : 500;
    margin-bottom : 1rem;
    border: 2px solid var(--lightgray-color);
}

.cmntyHome_new .cmnthhome_tier .tier_tit span {
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

.cmntyHome_new .cmnthhome_tier .tier_tit span:before {
	content : '';
	display : inline-block;
	width : 7.5rem;
	height : 7.5rem;
	background-image : url("/assets/bnz/common/images/ctzn/tier_tit_1.png");
	background-size : 100%;
	background-position : center; 
}

.cmntyHome_new .cmnthhome_tier .tier_list.tree .tier_tit span:before {
	background-image : url("/assets/bnz/common/images/ctzn/tier_tit_2.png");
}

.cmntyHome_new .cmnthhome_tier .tier_list.sprout .tier_tit span:before {
	background-image : url("/assets/bnz/common/images/ctzn/tier_tit_3.png");
}

.cmntyHome_new .tier_list {
	border-bottom : 1px solid var(--A-lightgray-color);
	padding : 3rem 0;
}

.cmntyHome_new .tier_list ul {
	display : flex;
	flex-wrap: wrap;
	gap : 1rem;
	padding-top : 3rem;
}

.cmntyHome_new#content .tier_list li {
	width : calc(100%/4 - 3rem/4);
	padding : 1rem 1.5rem;
	background: #fff;
	cursor: default;
	border: 2px solid transparent;
}

.cmntyHome_new#content .tier_list.forest li {border-color: #FFDA35;}
.cmntyHome_new#content .tier_list.tree li {border-color: var(--U-gray-color);}
.cmntyHome_new#content .tier_list.sprout li {border-color : #B88B55;}

.cmntyHome_new#content .tier_list li.new:after {
	width: 3rem;
    height: 3rem;
    font-size: 1.4rem;
    line-height: 3rem;
    right: -0.5rem;
	top: -1rem;
}

.cmntyHome_new .tier_list li .front .thumb_area .thumb {
	height : 20rem;
	border-color: var(--lightgray-color);
}

.cmntyHome_new .tier_list li .front .card_subject {
	padding: 2.5rem 1rem 1.5rem 1rem;
	position : relative;
}

.cmntyHome_new#content .tier_list li .front .card_subject .thumb {
	width : 6.5rem;
	height : 6.5rem;
	padding: 1rem;
}

.cmntyHome_new .tier_list li.best .front .card_subject:after {
    content: '';
    display: inline-block;
    background-image: url(/assets/bnz/common/images/ctzn/tier_best_1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: -1.5rem;
    left: 1.3rem;
    width: 6rem;
    height: 6rem;
}

.cmntyHome_new .tier_list.tree li.best .front .card_subject:after {
	background-image: url(/assets/bnz/common/images/ctzn/tier_best_3.png);
	left: 1.25rem;
}
.cmntyHome_new .tier_list.sprout li.best .front .card_subject:after {
	background-image: url(/assets/bnz/common/images/ctzn/tier_best_2.png);
	left: 1.5rem;
}


.cmntyHome_new#content .tier_list li .front .card_subject .desc {
	flex : 1;
	justify-content: center;
}

.cmntyHome_new#content .tier_list li .back {
	position : absolute;
	left : 0;
	top : 0;
	width : 100%;
	height : 100%;
	padding : 1.5rem;
	border-radius : 3.4rem;
	box-shadow: unset;
	backdrop-filter: blur(0.3rem);
    -webkit-backdrop-filter: blur(0.3rem);
    flex-direction: column;
    justify-content: space-between;
    gap : 1rem 0;
	display : none;
}

.cmntyHome_new#content .tier_list li:hover .back {
	display: flex;
}

.cmntyHome_new#content .tier_list li .back .card_subject .thumb {
	width : 4.2rem;
	height : 4.2rem;
	padding : 0.5rem;
}

.cmntyHome_new#content .tier_list li .back .card_subject .desc {
	font-size : 2.4rem;
	flex : 1; 
	justify-content: center;
	padding : 0 0 0 1.5rem;
}

.cmntyHome_new#content .tier_list li .back .chart_area {
	flex: 1;
    width: 100%;
}

.cmntyHome_new#content .tier_list li .back .graph {
	width : 100%;
	height : 100%;
} 

.cmntyHome_new .cmnthhome_calendar {
	text-align : center;
	background-color: #D2E9F8;
	padding : 5rem 0 7rem 0;
}

.cmntyHome_new .cmnthhome_calendar .cal_area {
	margin-top : 3rem;
}

.cmtyhome_down_modal .modal_body ul {margin: 1rem 0 3rem 0;}
.cmtyhome_down_modal .modal_body ul li + li {margin-top : 2rem;}
.cmtyhome_down_modal .modal_body ul li p{display: flex;align-items: flex-start;gap: 0 0.5rem;}
.cmtyhome_down_modal .modal_body ul li p:before {content : '※';}
.cmtyhome_down_modal .modal_body ul li span {padding-left : 2rem;}
.cmntyhome_upload_modal .file_form_wrap {margin-bottom : 3rem;}

/*------4-1-1) 공동체 view2 (.cmntyMngView_new) ---*/
#content.cmntyMngView_new .cmnty_card {
	padding-top : 5.5rem;
	text-align : center;
}

#content.cmntyMngView_new .cmnty_card .btnStrong {
	width: 25%;
    margin-top: 5rem;
}

.cmntyMngView_new .club_calendar_wrap {
	background: transparent linear-gradient(108deg, #EEF9FF 0%, #EFF9FF 100%) 0% 0% no-repeat padding-box;
	position : relative;
}

.cmntyMngView_new#content .club_result_wrap {
	padding-bottom : 2rem;
}

.cmntyMngView_new#content .club_result_wrap .prst_cnt>li.shadow_box {
	cursor : default;
}

.cmntyMngView_new .club_result_wrap .layout_fix:before {
	display : none;
}

.cmntyMngView_new .club_result_wrap .result_crtf {
	position : relative;
    padding: 0 20%;
    margin-top: 6rem;
}

.cmntyMngView_new .club_result_wrap .result_crtf .swiper-arrow {
	position : absolute;
	top : calc(50% - 1.75rem);
}

.cmntyMngView_new .club_result_wrap .result_crtf .swiper-prev {left : 5%;}
.cmntyMngView_new .club_result_wrap .result_crtf .swiper-next {right : 5%;}

.cmntyMngView_new .club_result_wrap .result_crtf .swiper-slide {
    padding-bottom: 65.2%;
	background-image: url(/assets/bnz/common/images/ctzn/result_crtf_bg.jpg);
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
}

.cmntyMngView_new .club_result_wrap .result_crtf .swiper-slide:after {
	content: '발급 인증';
    background-image: url(/assets/bnz/common/images/ctzn/badge_dgm_05.svg);
    width: 7.5rem;
    height: 7.5rem;
    background-position: center 30%;
    background-repeat: no-repeat;
    background-size: 120%;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    word-break: keep-all;
    text-align: center;
    line-height: 1.2;
    padding: 0 2rem;
    box-sizing: border-box;
    position: absolute;
    right: -4%;
    top: -6%;
}

.cmntyMngView_new .result_crtf .swiper-slide .crtf_logo {
	max-width : 6.5rem;
	position : absolute;
	left : 1.5rem;
	top : 1.5rem;
}

.cmntyMngView_new .result_crtf .swiper-slide .crtf_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 3rem 0 2rem 0;
}

.cmntyMngView_new .result_crtf .cont_top p small{
	display : block;
	font-size : 1rem;
}

.cmntyMngView_new .result_crtf .cont_center {
	width : 90%;
	margin : 0 auto;
/* 	flex: 1; */
}

.cmntyMngView_new .result_crtf .cont_center .obj{
	width: 25%;
    background-image: url(/assets/bnz/common/images/ctzn/result_crtf_obj2.png);
    background-size: 120%;
    background-position: center 30%;
    background-repeat: no-repeat;
    position: relative;
    margin: 0 auto;
    font-size: 0;
}

.cmntyMngView_new .result_crtf .cont_center .obj:before {
    content: '';
    display: inline-block;
    width: 100%;
    padding-bottom: 60%;
}

.cmntyMngView_new .result_crtf .cont_center .obj p {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    line-height: 1.3;
    color: #036B47;
}

.cmntyMngView_new .result_crtf .cont_center .obj p strong {
	font-size : 2rem;
}

.cmntyMngView_new .result_crtf .cont_center .titleLine {
	margin : 1rem 0 1.5rem 0;
}

.cmntyMngView_new .result_crtf .cont_center table {
    width: 55%;
    margin: 0 auto;
}

.cmntyMngView_new .result_crtf .cont_center table th,
.cmntyMngView_new .result_crtf .cont_center table td {
	font-size : 1.2rem;
	padding: 0.5rem;
}

.cmntyMngView_new .result_crtf .cont_center table th {
	background-color : #E7ECD8; 
	color : #1D7644;
}

.cmntyMngView_new .result_crtf .cont_bottom span {
	display : block;
	font-size : 1.4rem;
}

.cmntyMngView_new .result_crtf .cont_bottom span.date {
	margin : 1rem 0;
}

.cmntyMngView_new .club_board_wrap {
	background : #fff;
}

.cmntyMngView_new .club_board_wrap:before {
	border-radius : 0;
	background: transparent linear-gradient(108deg, rgba(238, 249, 255, 0.71) 0%, rgba(239, 249, 255, 0.71) 100%) 0% 0% no-repeat padding-box;
	height : 60%;
}

.cmntyMngView_new .club_board_wrap .layout_fix:after {
	content: '';
    background-image: url(/assets/bnz/common/images/ctzn/main_square.svg);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    width: 40rem;
    height: 40rem;
    right: -10%;
    top: 55%;
    opacity: 0.6;
    transform: rotate(-15deg);
}

.cmntyMngView_new .club_board_wrap .layout_fix:before {
    content: '';
    background-image: url(/assets/bnz/common/images/ctzn/cmnty_object_1.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    width: 85%;
    height: 70rem;
    left: -10%;
    top: 5%;
    opacity: 0.8;
}

.cmntyMngView_new .cert_board_list,
.cmntyMngView_new .cert_board .tab_wrap {
	position : relative;
	z-index : 1;
}

.cmntyMngView_new .cert_board .cmnty_tab li{
	display: inline-block;
    margin: 0 1.5rem;	
}

.cmntyMngView_new .cert_board .cmnty_tab li a {
	font-size : 3.4rem;
	padding : 1rem 0;
	display : block;
	color : rgba(62, 69, 92, 0.5);
}

.cmntyMngView_new .cert_board .cmnty_tab li.active a {
	border-bottom : 0.4rem solid var(--main-color1);
	color : var(--U-black-color2);
}

.cmntyMngView_new#content .cert_board .brd_search_wrap {
    border-color: var(--lightgray-color);
	padding-top : 1rem;
	padding-bottom : 1rem;
	margin : 4rem 0;
	z-index: 1;
    position: relative;
}

.mvm_swiper_wrap {
    position :relative;
    margin-bottom : 1rem;
}

.mvm_swiper_wrap .swiper-container {
	overflow: hidden;
	width: calc(100% - 10rem);
	margin: 0 auto;
}

.mvm_swiper_wrap .swiper-arrow {position : absolute; top : calc(50% - 1.75rem)}
.mvm_swiper_wrap .swiper-prev { left : 0;}
.mvm_swiper_wrap .swiper-next { right : 0;}

.mvm_swiper_wrap .mvm_tab {
	padding : 1rem 0;
}

.mvm_swiper_wrap .mvm_tab li {
	padding : 1.8rem 1.5rem;
	border : 1px solid transparent;
	font-size : 1.6rem;
	border-radius : 1.3rem;
	color : var(--U-black-color2);
	box-shadow: 0px 3px 6px var(--shadow-color1);
	display: inline-block;
/*     min-width: 20%; */
    background: #fff;
    cursor : pointer;
	width: 20%;
	height : unset;
    text-align: center;
    font-weight : 300;
    margin : 0 0.5rem;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.mvm_swiper_wrap .mvm_tab li.active {
	border-color : var(--main-color1);
	color : var(--main-color1);
}

.mvm_swiper_wrap .mvm_tab li span {
	display : block;
	font-size : 1.4rem;
	margin-top : 1rem;
	word-break: keep-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.cmntyMngView_new .cert_board_list {
	padding-top : 2rem;
	border-top : 1px solid var(--U-gray-color); 
}


@media ( max-width : 1280px) {
	.cmntyHome_new .cmntyhome_intro {padding : 5rem 0;}
	.cmntyHome_new .cmnthhome_tier .tier_list_wrap:before {background-size : 100%; background-position : bottom;}
	.cmntyHome_new .intro_top {padding-top : 8rem;}
	.cmntyHome_new .intro_top .prst_cnt {gap : 0 2rem;}
	.cmntyHome_new#content .intro_top .prst_cnt > li.shadow_box {width: calc(100% / 3);}
	.cmntyHome_new .intro_top .prst_button_wrap {gap : 0 2rem;}
	.cmntyHome_new .intro_top .prst_button_wrap button {width: calc(100% / 3);}
	.cmntyHome_new .tier_list ul {padding-top : 1rem;}
	.cmntyHome_new .tier_list li .front .card_subject {padding : 1.8rem 0 1rem 0}
	.cmntyHome_new .tier_list li.best .front .card_subject:after {top: -1rem;left: 0.75rem;width: 5rem;height: 5rem;}
	.cmntyHome_new .tier_list.tree li.best .front .card_subject:after {left : 0.8rem;}
	.cmntyHome_new .tier_list.sprout li.best .front .card_subject:after {left : 1.1rem;}
	.cmntyHome_new#content .tier_list li {width: calc(100% / 3 - 2rem / 3);}
	
	.cmntyMngView_new .club_result_wrap .result_crtf {padding : 0 10%;}
	.cmntyMngView_new .club_result_wrap .result_crtf .swiper-prev {left : 1%;}
	.cmntyMngView_new .club_result_wrap .result_crtf .swiper-next {right : 1%;}
	.cmntyMngView_new#content .cert_board .brd_search_wrap {margin: 2rem 0;}
	.cmntyMngView_new .cert_board .cmnty_tab li a {font-size : 2.8rem;}
	.mvm_swiper_wrap .mvm_tab li {margin : 0 0.5rem; width : auto;padding: 1rem; min-width: 25%;border-radius: 1rem;}
	.mvm_swiper_wrap .mvm_tab li span {margin-top : 0.5rem;}
	
	.cmntyMngView_new .result_crtf .swiper-slide .crtf_content {padding : 1rem 0;}
	.cmntyMngView_new .result_crtf .swiper-slide .crtf_logo {top : 1rem; left: 1rem;}
}

@media ( max-width : 768px) {
	.cmntyHome_new .intro_top {padding-top: 4rem;}
	.cmntyHome_new .intro_top .prst_cnt {gap: 0 1rem;padding: 3rem 0 0 0;}
	.cmntyHome_new .intro_top .prst_button_wrap {gap: 1rem;flex-direction: column;padding-top: 3rem; margin-top : 3rem;}
	.cmntyHome_new .intro_top .prst_button_wrap button {width : 100%;}
	
	.cmntyHome_new .tier_list {border-color: var(--lightgray-color);}
	.cmntyHome_new .tier_list.forest{padding-top : 6rem;}
	.cmntyHome_new#content .cmnthhome_tier .tier_tit {width: 100%; box-shadow: unset;border: 0;background: transparent;backdrop-filter: unset;-webkit-backdrop-filter: unset; margin-bottom : 0;}
	.cmntyHome_new#content .tier_list li {width: calc(100% / 2 - 1rem / 2); padding : 1rem; border-radius : 1.4rem; border-width : 1px;}
	.cmntyHome_new .tier_list li .front .thumb_area .thumb {height : auto;}
	.cmntyHome_new .tier_list li .front .thumb_area .thumb:after {content : ''; display : inline-block; padding-bottom : 70%; width : 100%;}
	.cmntyHome_new .cmnthhome_calendar .title_area {padding : 0 2rem;}
	
	#content.cmntyMngView_new .cmnty_card {padding-top : 3rem;} 
	#content.cmntyMngView_new .cmnty_card .btnStrong {width : 100%; margin-top : 3rem;}
	.cmntyMngView_new .club_board_wrap:before {height : 100%;}
	.cmntyMngView_new .cert_board .cmnty_tab li {margin: 0 1rem;}
	.mvm_swiper_wrap .mvm_tab li {min-width : 35%;}
	.cmntyMngView_new#content .club_result_wrap {padding: 6rem 0;}
	.cmntyMngView_new .club_result_wrap .result_crtf {padding: 0 3.5rem;}
	.cmntyMngView_new .club_result_wrap .result_crtf .swiper-prev {left : -1rem;}
	.cmntyMngView_new .club_result_wrap .result_crtf .swiper-next {right : -1rem;}
	.cmntyMngView_new .club_result_wrap .result_crtf .swiper-slide {padding-bottom : 130%;background-image: url(/assets/bnz/common/images/ctzn/result_crtf_bg_m.jpg);	}
	.cmntyMngView_new .result_crtf .swiper-slide .crtf_content {padding: 3rem 0;}
	.cmntyMngView_new .result_crtf .cont_center .obj {width : 48%;}
	.cmntyMngView_new .result_crtf .cont_center table {width : 100%;}
	.cmntyMngView_new .result_crtf .cont_bottom span {width : 90%; margin : 1rem auto 0 auto;}
}

/*------4-1-3) 협력 게시판 (.clbrBrdList) ---*/
.clbrBrd .mp_wrap .tab_wrap {
    margin-bottom: 6rem;
}

.clbrBrdView .btn_wrap:has(.btnTsp) {
	gap : 0 1%;
}

.clbrBrdView .btnTsp.gray{
	border-color : var(--gray-color);
}

.clbrBrdView .btnTsp.red{
	border-color : var(--red-color);
	color :var(--red-color); 
}

.clbrMvmList .brd_result_wrap {
	padding-bottom : 1rem;
	margin-bottom : 2rem;
	border-bottom: 1px solid var(--shadow-color1);
}

.clbrMvmList .cmnty_list {
	display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}

.clbrMvmList .cmnty_list li {
	padding: 4rem 1.7rem 3rem 1.7rem;
    width: calc(100% / 3 - 4rem / 3);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	min-height: 44rem;
	cursor: default !important;
}

.clbrMvmList .cmnty_card .card_sect {
    padding-bottom: 2rem;
}

.clbrMvmList .cmnty_card .card_sect span.active {
	background-color: var(--main-color1);
	font-weight: 400;
}

#content.clbrMvmList .cmnty_card .card_subject .desc {
	justify-content: center;
}

.clbrMvmList .cmnty_list>li .card_contents h5 {
    font-weight: 500;
    font-size: 2rem;
}

.clbrMvmList .cmnty_list>li .card_contents p {
    font-size: 1.4rem;
    margin-top: 3rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

#content.clbrMvmList .cmnty_card .btn_wrap a {
    padding: 0 4rem;
}

/******************************* 
*--- 4-1-view. 공동체 누리집 관리
*******************************/
.mngrCmnt .mp_wrap {
	width : 70%;
}

.mngrCmnt .mp_wrap > .tab_wrap {
/* 	margin-bottom: 6rem; */
	position: sticky;
    left: 0;
    top: 7rem;
    transform: translate(calc(-100% - 4rem), 0);
    width: auto;
    max-width: 16rem;
}

.mngrCmnt .mp_wrap > .tab_wrap .cate_tab li {
	display : block;
	margin : 1.5rem 0;
	position : relative;
}

.mngrCmnt .mp_wrap > .tab_wrap .cate_tab li.warn:before {
	background-size: 60%;
	position : absolute;
	right: 0rem;
    top: -0.5rem;
    z-index: 1;
    background-color: red;
    border-radius: 3rem;
    margin : 0;
}

.mngrCmnt .mp_wrap > .tab_wrap .cate_tab li a {
	display : block;
	padding : 0 1rem;
}

.mngrCmnt .mp_wrap > .layout_fix {
	margin-top : -29.9rem;
}

.mngrCmnt .mp_wrap > .layout_fix > .title_area {
	margin-bottom : 2.5rem;
}

.mngrCmnt .mp_wrap > .layout_fix > .title_area h3{
	font-weight: 500;
}

.mngrCmnt .mp_wrap>.btn_wrap button {
	width: 18rem;
	margin-top: 4rem;
}

/*------1) 공동체 정보 (.cmntyInfoMng) ---*/
.cmntyInfoMng .mp_wrap .board_wrap {
	margin-top: 6rem;
}

.cmntyInfoMng .basic_wrap .ty_block + h3 {
	margin-top : 2rem;
}

.cmntyInfoMng .basic_wrap .ty_block + .btn_wrap button{
	min-width : 18rem;
}

.cmntyInfoMng .basic_wrap table tr {
	font-size: 1.6rem;
}

.cmntyInfoMng .basic_wrap table td .desc {
	color : var(--blue-color);
	font-size : 1.2rem;
	display : flex;
    align-items: flex-start;
	gap : 0 0.5rem;
	margin-top: 0.3rem;
}

.cmntyInfoMng .basic_wrap table td .desc:before {
	content : '※ ';
}


/*사용x*/
.cmntyInfoMng .basic_wrap table tr.office_adr_radio th {
	min-height: 5.2rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.cmntyInfoMng .ptcp_aply_list {
    margin-top: 1.5rem;	
}

.cmntyInfoMng .ptcp_aply_list table td .stts {
    font-size: 1.4rem;
}

.cmntyInfoMng .ptcp_aply_list table td .stts_y {color: var(--blue-color);}
.cmntyInfoMng .ptcp_aply_list table td .stts_n {color: var(--red-color); text-decoration: underline; cursor : pointer;}


.cmntyInfoMng .ptcp_aply_list table td .tooltip_area {
	display : inline-block;
}
.cmntyInfoMng .ptcp_aply_list table td .tooltip_desc {
	min-width: 26rem;
}

.cmntyInfoMng .ptcp_aply_list table td .tooltip_desc.active {
	display : block;
}

.cmntyInfoMng .ptcp_aply_list table td .flex_box:has(button){
	gap : 0 0.5rem;
}

.cmntyInfoMng .ptcp_aply_list table td .flex_box button{
	flex : 1;
}

.cmntyInfoMng .mvm_wrap {
	margin-top: 1.2rem;
}

.cmntyInfoMng .mvm_wrap table {
	margin-top: 2rem;
    border-top-color: var(--U-black-color);
}

.cmntyInfoMng .mvm_wrap table th, .cmntyInfoMng .mvm_wrap table td {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.cmntyInfoMng .mvm_wrap table td .btn_wrap {
	margin-bottom: 0;
}

.cmntyInfoMng .mvm_wrap table td .flex_box:has(.stts) {
	gap: 0 1.5rem;
	padding-right: 5%;
	position: relative;
}

.cmntyInfoMng .mvm_wrap table td .flex_box:has(.stts) select {
	max-width : 20rem;
}

.cmntyInfoMng .mvm_wrap table td .stts {
	color: var(--blue-color);
	cursor: default;
}

.cmntyInfoMng:not(.cmnt_regist_modal) .mvm_wrap table td .tooltip_area {
	position : relative;
}

.cmntyInfoMng:not(.cmnt_regist_modal) .mvm_wrap table td .stts + .tooltip_desc {
	bottom: 100%;
    right: -100%;
/*     transform: translate(25%, 0); */
}

.cmnt_regist_modal.cmntyInfoMng .mvm_wrap table td .stts + .tooltip_desc {
	bottom: 100%;
    left: 50%;
    transform: translate(-50%, 0%);
    max-width: 100%;
}

.cmntyInfoMng .mvm_wrap table td .stts + .tooltip_desc.active {
	display : block;
}

.cmntyInfoMng .mvm_wrap table td .stts.red {
	color: var(--red-color)
}

.cmntyInfoMng .mvm_wrap .ptcp_prd {
	padding-top: 2rem;
}

.cmntyInfoMng .mvm_wrap .ptcp_prd, .cmntyInfoMng .mvm_wrap .edu_prd {
	gap: 0 2rem;
}

.cmntyInfoMng .mvm_wrap .ptcp_prd>.flex_box, .cmntyInfoMng .mvm_wrap .edu_prd>.flex_box {
	flex: unset;
	width: auto;
	gap: 0 1rem;
}

.cmntyInfoMng .mvm_wrap .qr_ck .flex_box {
	position: relative;
	align-items: normal;
	
}

.cmntyInfoMng .mvm_wrap .qr_ck .flex_box label {
	max-width: 85%;
}

.cmntyInfoMng .mvm_wrap .qr_ck .tooltip_area {
	flex: 1;
    flex-shrink: 0;
    text-align: right;
}

.cmntyInfoMng .mvm_wrap .qr_ck .tooltip_desc {
    width: 40rem;
    text-align: left;
    position: absolute;
    right: 0;
    bottom: 2rem;
    max-height: 25rem;
    overflow-y: auto;
}

.cmnt_regist_modal.cmntyInfoMng .mvm_wrap .qr_ck .tooltip_desc {
	bottom: 4rem;
}

.cmntyInfoMng .mvm_wrap .qr_ck .tooltip_desc p {
	text-align: center;
}

.cmntyInfoMng .mvm_wrap .qr_ck .tooltip_desc.active {
	display: block;
}

.oprtr_chg_modal .modal_body .flex_box {
	gap: 0 1rem;
	align-items: end;
	padding-bottom: 2rem;
	border-bottom: 1px solid var(--U-gray-color);
	margin-bottom: 2rem;
}

.oprtr_chg_modal .modal_body .flex_box label {
	font-size: 1.4rem;
	margin-bottom: 0.5rem;
	font-weight: 600;
	display: inline-block
}

.oprtr_chg_modal .modal_body .flex_box button {
	min-width: 14rem;
	margin-bottom: 0.3rem;
}

.oprtr_chg_modal .modal_body table td label {
	justify-content: center;
}

.oprtr_chg_modal .modal_body table td label input {
	margin: 0;
}

/*------2) 실천운동 관리 (.prtcMvmMng) ---*/
.prtcMvmMng .prtcMvm_list > li,
.prtcMvmMng .prst_cnt > li{
	box-shadow: 0px 3px 6px var(--shadow-color1);
	padding : 2rem 3rem;
	border-radius : 2.5rem;
	border: 1px solid var(--lightgray-color);
}

.prtcMvmMng .prtcMvm_list {
	padding : 1rem 0;
}

.prtcMvmMng .prtcMvm_list > li + li {
	margin-top : 2rem;
}

.prtcMvmMng .prtcMvm_list > li .prtc_subject {
	gap: 1rem;
    align-items: start;
}

.prtcMvmMng .prtcMvm_list > li .prtc_subject .title {
	display : flex;
	align-items: center;
    justify-content: flex-start;
	gap : 0.8rem;
	flex : 1;
}

.prtcMvmMng .prtcMvm_list > li .prtc_subject .title h5 {
	font-size : 2rem;
}

.prtcMvmMng .prtcMvm_list > li .prtc_subject .title span{
	height: 2.6rem;
    line-height: 2.6rem;
    font-weight : 300;
    min-width: 6.5rem;
    font-size: 1.2rem;
    padding: 0 1rem;
    color : #fff;
	background: var(--gray-color);
    border-radius : 0.6rem;
    display: inline-block;
    text-align: center;
}

.prtcMvmMng .prtcMvm_list > li .prtc_subject .title span.sect_01 { background-color: #4471C4;}
.prtcMvmMng .prtcMvm_list > li .prtc_subject .title span.sect_02 { background-color: #FFD966;color: var(--U-black-color2);font-weight: 500;}
.prtcMvmMng .prtcMvm_list > li .prtc_subject .title span.sect_03 { background-color: #8497B0;}
.prtcMvmMng .prtcMvm_list > li .prtc_subject .title span.sect_04 { background-color: #548234;}
.prtcMvmMng .prtcMvm_list > li .prtc_subject .title span.sect_05 { background-color: #C4E0B4;color: var(--U-black-color2);font-weight: 500;}
.prtcMvmMng .prtcMvm_list > li .prtc_subject .title span.sect_99 {background-color : var(--main-color1);}

.prtcMvmMng .prtcMvm_list > li .prtc_subject .title .tooltip_area {
	cursor : pointer;
}

.prtcMvmMng .prtcMvm_list > li .prtc_subject .title .tooltip_desc {
    min-width: 20rem;
}

.prtcMvmMng .prtcMvm_list > li .prtc_subject .title .tooltip_desc.active {
	display : block;
}

.prtcMvmMng .prtcMvm_list > li .prtc_subject .title .stts {
	color: var(--gray-color); 
	text-decoration : underline; 
	flex-shrink: 0;
    margin-left: 0.5rem;
    font-size: 1.4rem;	
}
.prtcMvmMng .prtcMvm_list > li .prtc_subject .title .stts.red {color : var(--red-color);}
.prtcMvmMng .prtcMvm_list > li .prtc_subject .title .stts.blue {color : var(--blue-color);}

.prtcMvmMng .prtcMvm_list > li .prtc_subject .date{
	font-size : 1.2rem;
	padding-top : 0.6rem;
}

.prtcMvmMng .prtcMvm_list > li .prtc_content {
	padding-top : 2rem;
	align-items: start;
    gap: 2rem;
    position : relative;
}

.prtcMvmMng .prtcMvm_list > li .prtc_content .desc_wrap {
	flex : 1;
}

.prtcMvmMng .prtcMvm_list > li .prtc_content .desc {
	font-weight : 500;
}

.prtcMvmMng .prtcMvm_list > li .prtc_content ul {
	margin-top : 2rem;
}

.prtcMvmMng .prtcMvm_list > li .prtc_content ul.prst_cnt {
	justify-content: start;
	text-align : center;
	font-size : 2rem;
	gap: 1rem;
    flex-wrap: wrap;
}

.prtcMvmMng .prtcMvm_list > li .prtc_content ul.prst_cnt li {
	min-width : 24%;
}

.prtcMvmMng .prtcMvm_list > li .prtc_content ul.prst_cnt p {
	text-align : right;
	font-size: 1.4rem;
}

.prtcMvmMng .prtcMvm_list > li .prtc_content ul.prst_cnt p span {
	font-size : 3rem;
	padding-bottom : 0;
}

.prtcMvmMng .prtcMvm_list > li .prtc_content:has(.modify_button:not(.displaynone)) .btn_wrap {
	padding-bottom : 5rem;
}

.prtcMvmMng .prtcMvm_list > li .prtc_content .btn_wrap button {
	font-size: 1.5rem;
    border-radius: 0;
    color: var(--A-black-color);
}

.prtcMvmMng .prtcMvm_list > li .prtc_content .modify_button {
	position : absolute;
	right : 0;
	bottom : 0;
	width: auto;
    gap: 0 1rem;
    z-index : 1;
}

.prtcMvm_regist_modal.cmntyInfoMng .mvm_wrap table {
	margin-top : 0;
}

.prtcMvm_regist_modal.cmntyInfoMng .mvm_wrap .qr_ck .tooltip_desc {
	bottom : 4rem;
}

/*------3) 릴레이 관리 (.relayMng) ---*/
.relayMng .basic_wrap > .nodata:not(.displaynone),
.relayMng .relay_cmnty > div ul li:not(.displaynone) .nodata {
	min-height: calc(100vh - 13.4rem - 16rem - 13.5rem);
}

.relayMng .relay_cmnty .ralay_cmnty_next ul:has(li:not(.displaynone) > .nodata),
.relayMng .relay_cmnty .ralay_cmnty_next ul li:not(.displaynone):has(.nodata),
.relayMng .relay_cmnty .ralay_cmnty_next .nodata {
	height : 100%;
}

.relayMng .relay_cmnty .ralay_cmnty_next .nodata{
	height : 100%;
}

.relayMng .relay_ntcn {
	font-size : 1.8rem;
	text-align : center;
}

.relayMng .relay_ntcn h5 {
	font-weight : 500;
	margin-bottom : 1rem;
}

.relayMng .relay_ntcn .ntcn_desc div {
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 1rem;
}

.relayMng .relay_ntcn .ntcn_desc p {
	padding-top : 1rem;
	font-weight: 300;
}

.relayMng .relay_ntcn .ntcn_desc p strong {
	line-height : 1.3;
	border-bottom : 0.4rem solid var(--blue-color);
	display: inline-block;
}

.relayMng .relay_cmnty {
	display : flex;
	margin-top : 5rem;
}

.relayMng .relay_cmnty > div {
	padding : 0 2rem;
	width : 50%;
}

.relayMng .relay_cmnty > div ul li + li {
	margin-top : 3rem;
}

.relayMng .relay_cmnty > div ul li b {
	font-weight : 500;
	padding-bottom : 1rem;
	display : block;
}

.relayMng .relay_cmnty > div ul li .flex_box:has(.flex_box) {
	gap : 0 2.5rem;
}

.relayMng .relay_cmnty .ralay_cmnty_self .board_wrap {max-height : 60rem;overflow-y : auto;}
.relayMng .relay_cmnty .ralay_cmnty_next .board_wrap {max-height : 70.2rem;overflow-y : auto;}

.relayMng .relay_cmnty > div table td:not(.nodata) button{
	min-width : 70%;
}

.relayMng .relay_cmnty > div table td.nodata .btn_wrap {
	margin-top : 1rem;
}

.relayMng .relay_cmnty .ralay_cmnty_next {
	border-left : 1px solid var(--gray-color);
}

.relayMng .relay_cmnty + .flex_box {
	margin-top : 5rem;
	gap : 1rem 2rem;
}


/*------4) 가로수 참여 요청 관리 (.sttreeMng) ---*/
.sttreeMng .board_wrap td .flex_box:has(button) {
	gap: 0.5rem;
}

.sttreeMng .board_wrap td button.btnSubmit {
	background-color: var(--main-color1)
}

.sttreeMng .board_wrap td .stts {
	font-size : 1.4rem;
	text-decoration : underline;
}

.sttreeMng .board_wrap td .stts_y {color : var(--blue-color);}
.sttreeMng .board_wrap td .stts_n {color : var(--red-color);}

.sttreeMng .sttree_info_modal .mvm_wrap table {
	margin-top : 1rem;
}

.sttreeMng .sttree_info_modal .mvm_wrap + .mvm_wrap {
	margin-top : 3rem;
}

.sttreeMng .sttree_aprv_modal .desc {
	font-size: 1.2rem;
	color: var(--gray-color);
	margin: 1rem 0;
	display: block
}

/*------5) 활동인증 관리 (.actvCertMng) ---*/
.actvCertMng .search_box select {
	width: 100%;
}

.actvCertMng table td .stts {
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 4rem;
	background-color: var(--gray-color);
	display: inline-block;
	vertical-align: sub;
}

.actvCertMng table td .stts.blue {background-color: var(--main-color1);}
.actvCertMng table td .stts.red {background-color: var(--red-color);}
.actvCertMng table td .stts.yellow {background-color: #F4D21A;}

/*------6) 탄소지움 증명서 관리 (.prdocMng) ---*/
.prdocMng .mvm_swiper_wrap {
	width: calc(100% + 10rem);
    margin-left: -5rem;
}

.prdocMng .prdo_top {
	padding : 2.5rem 0;
	margin-bottom : 4rem;
	position : relative;
	z-index : 1;
}

.prdocMng .prdo_top .tooltip_desc {
    text-align: left;
    overflow-y: auto;
    font-size: 1.2rem;
    background-color : #fff;
}

.prdocMng .prdo_top > ul li .tooltip_desc.active{ 
	display: block;
}


.prdocMng .prdo_top .tooltip_desc table {
	margin-top : 0.5rem;
}

.prdocMng .prdo_top .tooltip_desc table th,
.prdocMng .prdo_top .tooltip_desc table td {
	padding: 0.5rem;
    font-size: 1.2rem;
}

.prdocMng .prdo_top .tooltip_desc table td {
	background-color : #fff;
}

.prdocMng .aply_area {
	width : 80%;
	margin : 0 auto 4rem auto;
	align-items: normal;
}

.prdocMng .aply_area > div {
	width : 50%;
	padding : 1rem 3%;
	display: flex;
    flex-direction: column;
    justify-content: space-between;	
}

.prdocMng .aply_area > div h5 {
	margin-bottom : 2.5rem;
}

.prdocMng .aply_area > div > p {
	color : var(--gray-color);
	font-weight : 300;
	font-size : 1.8rem;
}

.prdocMng .aply_area > div strong {
	color : var(--main-color1);
	font-size : 4.8rem;
	margin-right : 1rem;
	line-height : 1;
	font-weight : 500;
}

.prdocMng .mg_area {
	border-left : 1px solid var(--gray-color);
	position : relative;
}

.prdocMng .mg_area .incrs_area {
    display: flex;
    align-items: center;
    justify-content: end;
    font-size: 0;
}


.prdocMng .mg_area .incrs_area .tooltip_area {
	position : relative;
	padding : 1rem;
}

.prdocMng .mg_area .incrs_area .tooltip_desc {
    height: 25rem;
    width: 25rem;
    top: 50%;
    left: 100%;
    transform: translate(0, -50%);
}

.prdocMng .mg_area .incrs_area .tooltip_desc.active {
	display : block;
}

.prdocMng .mg_area .incrs_area .strongFont {
	font-size : 3.2rem;
}


.prdocMng .prdo_top > ul {
    text-align: left;
    width: 70%;
    margin: 4rem auto 0 auto;
}

.prdocMng .prdo_top > ul li:before {
	content: '-';
	margin-right: 0.5rem;
}

.prdocMng .prdo_top > ul li {
/* 	text-indent: -1.3rem; */
/*     padding-left: 1.5rem; */
	display: flex;
    align-items: flex-start;
}

.prdocMng .prdo_top > ul li br {
	display : none;
}

.prdocMng .prdo_top > ul li .tooltip_area {
	display : inline-block;
	position : relative;
	text-indent: 0;
	padding: 0 1rem;
}

.prdocMng .prdo_top > ul li .tooltip_ico {
	vertical-align: 0.1rem;
    margin-left: 0.5rem;
}

.prdocMng .prdo_top > ul li .tooltip_desc {
    width: 35rem;
    height: 30rem;
    bottom: 2.4rem;
    left: 0;
}

.prdocMng .prdo_bottom {
	border-top: 1px solid var(--U-gray-color);
    padding-top: 4rem;	
}

.prdocMng .prdo_bottom .titleS {
	margin-bottom: 1rem;
}

.prdocMng .prdo_bottom table thead th small {
	display : block;
	line-height : 1.3;	
}

.prdocMng .prdo_bottom table td.date {
	font-size : 1.4rem;
}

.prdocMng .prdo_bottom table td .stts {
	font-size: 1.4rem;
}

.prdocMng .prdo_bottom table td .stts.red {
	color: var(--red-color)
}

.prdocMng .prdo_bottom table td .stts.blue {
	color: var(--main-color1)
}

.prdocMng .prdo_bottom table td .stts+button {
	margin-top: 0.5rem;
}

.prdocMng .prdo_bottom table td small {
	font-size: 1.2rem;
}

.prdocMng .prdo_bottom table td small span {
	font-size: 1.6rem;
}

.prdoc_aply_modal .subject_area {
	align-items : center;
	padding-bottom: 2rem;
}

.prdoc_aply_modal .subject_area > div {
	flex : 1;
	padding-left: 2rem;
}

.prdoc_aply_modal .basic_area:has(ul:not(.displaynone)) {
	margin : 4.5rem 0;
}

.prdoc_aply_modal .basic_area ul{
	display : flex;
}

.prdoc_aply_modal .basic_area li {
    width: calc(100% / 3);
    text-align: center;
    padding: 0rem 2.5rem;
    font-size: 1.4rem;
}

.prdoc_aply_modal .basic_area li + li {
	border-left: 1px solid var(--gray-color);
}

.prdoc_aply_modal .basic_area li span {
	font-weight : 500;
	margin-bottom: 1.5rem;
    display: block;
}

.prdoc_aply_modal .basic_area li > p {
	color: var(--gray-color);
    font-weight: 300;
    font-size: 1.8rem;	
}

.prdoc_aply_modal .basic_area .strongFont {
	color : var(--main-color1);
	font-size : 4.5rem;
}

.prdoc_aply_modal .msg_area {
	text-align : center;
	margin-bottom: 3rem;
}

.prdoc_aply_modal .msg_area .msg {
	font-size : 2rem;
}

.prdoc_aply_modal .msg_area .msg.red {color : var(--red-color)}
.prdoc_aply_modal .msg_area .msg.blue {color : var(--blue-color)}

.prdoc_aply_modal .msg_area .desc {
	margin-top : 0.5rem;
}

.rfsl_reason_modal .titleS {
	margin-bottom : 1rem;
}


/*------4-1-4) 운영 위원회 소개 (.operCmtIntrcn) ---*/
#content.operCmtIntrcn {
    color: var(--U-black-color2);
    padding-bottom : 0;
}

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

.operCmtIntrcn h3 {
	font-size : 3.4rem;
	font-weight : 500;
} 

.operCmtIntrcn .oper_intro {
	text-align : center;
	font-size : 2.4rem;
	background-image : url("/assets/bnz/common/images/ctzn/oper_cmt_bg_01.svg");
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding : 5.5rem 0 13.5rem 0;
}

.operCmtIntrcn .oper_intro .layout_fix:before {
	content : '';
	display : inline-block;
	width : 60%;
	height : 30rem;
    background: radial-gradient(circle,
	    rgba(255,255,255,0.5) 0%,
	    rgba(255,255,255,0.3) 30%,
	    rgba(255,255,255,0.15) 55%,
	    rgba(255,255,255,0.07) 70%,
	    rgba(255,255,255,0.03) 80%,
	    rgba(255,255,255,0.01) 90%,
	    rgba(255,255,255,0) 100% );
  	filter: blur(5rem); 
	border-radius: 50%;
    position : absolute;
    left : 20%;
    bottom : -7rem;
}

.operCmtIntrcn .oper_intro h3{
	margin-bottom : 3.5rem;
}

.operCmtIntrcn .oper_intro p {
	z-index : 1;
	position : relative;
	word-break: keep-all;
}

.operCmtIntrcn .oper_intro ul {
	display : flex;
	justify-content: space-between;
    gap: 0 2rem;
    margin : 4rem 0 3.5rem 0;
    flex-wrap : wrap;
}

.operCmtIntrcn .oper_intro ul 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: 3.4rem;
	backdrop-filter: blur(3rem);
	-webkit-backdrop-filter: blur(3rem);
	width: calc(100% / 4 - 2rem / 3);
	font-size : 1.8rem;
	padding: 3rem 1rem 1.5rem 1rem;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(100% / 4 - 6rem / 4);
}

.operCmtIntrcn .oper_intro ul li .img {
	max-width : 55%;
	margin : 0 auto 1rem auto;;
}

.operCmtIntrcn .oper_bottom {
	padding-bottom : 7.5rem;
	background-image: url(/assets/bnz/common/images/ctzn/oper_cmt_bg_02.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.operCmtIntrcn .oper_cpst {
	margin-top: -8.5rem;
}

.operCmtIntrcn .oper_cpst .cpst_card {
	background: #fff;
	box-shadow: inset 0px 3px 6px #FFFFFF29, 0px 1rem 9rem var(--shadow-color1);
	border: 1px solid var(--shadow-color1);
	padding : 3rem;
	border-radius: 6rem 50rem 50rem 6rem;
	display : flex;
}

.operCmtIntrcn .oper_cpst .cpst_obj {
	padding : 10rem 10rem 7rem 10rem;
	position : relative;
	margin-left : 3rem;
	flex-shrink: 0;
}

.operCmtIntrcn .oper_cpst .cpst_obj .circle {
	display: inline-block;
    width: 22rem;
    height: 22rem;
    border-radius: 50rem;
    background: #6FB2D0 0% 0% no-repeat padding-box;
	display: flex;
    align-items: center;
    justify-content: center;
}

.operCmtIntrcn .oper_cpst .cpst_obj .circle:after {
    content: '';
    display: inline-block;
    width: calc(100% - 5rem);
    height: calc(100% - 5rem);
    border-radius: 50rem;
    background: transparent radial-gradient(closest-side at 50% 50%, #3788B7 0%, #1C445C20 100%) 0% 0% no-repeat padding-box;
}

.operCmtIntrcn .oper_cpst .cpst_obj ul 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: 100rem;
	backdrop-filter: blur(3rem);
	-webkit-backdrop-filter: blur(3rem);
	height: 14rem;
    width: 14rem;
    font-size: 1.4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position : absolute;
}

.operCmtIntrcn .oper_cpst .cpst_obj ul li:nth-child(1) {top: 0; left: 50%;transform: translate(-50%, 0);}
.operCmtIntrcn .oper_cpst .cpst_obj ul li:nth-child(2) {top: 22.5%; left: 0;}
.operCmtIntrcn .oper_cpst .cpst_obj ul li:nth-child(3) {top: 22.5%; right: 0;}
.operCmtIntrcn .oper_cpst .cpst_obj ul li:nth-child(4) {bottom: 0%; left: 12.5%;}
.operCmtIntrcn .oper_cpst .cpst_obj ul li:nth-child(5) {bottom: 0%; right : 12.5%;}


.operCmtIntrcn .oper_cpst .cpst_obj ul li .logo {
	width : 55%;
	margin-bottom : 0.5rem;
}

.operCmtIntrcn .oper_cpst .cpst_desc {
	padding: 2.6rem 0 0 5rem;
}

.operCmtIntrcn .oper_cpst .cpst_desc .titleM {
	margin : 1rem 0 2.4rem 0;
}

.operCmtIntrcn .oper_cpst .cpst_desc p + p {
	margin-top : 2.4rem;
}

.operCmtIntrcn .oper_mb {
	text-align : center;
	padding-top: 7.5rem;
}

.operCmtIntrcn .oper_mb h3 + p {
	margin-top : 1rem;
}

.operCmtIntrcn .oper_mb_list {
	display : flex;
	gap : 2.5rem;
	margin-top : 4rem;
	flex-wrap: wrap;
}

.operCmtIntrcn .oper_mb_list > li{
	background: #fff;
	box-shadow: inset 0px 3px 6px #FFFFFF29, 0px 3px 6px var(--shadow-color1);
	border: 1px solid var(--shadow-color1);
	border-radius: 3.4rem;
	padding: 3rem;
    text-align: left;
    width : calc(100%/3 - 5rem/3);
    display: flex;
    flex-direction: column;
    justify-content: space-between;    
}

.operCmtIntrcn .oper_mb_pf {
	align-items: flex-start;
	margin-bottom : 1rem;
}

.operCmtIntrcn .oper_mb_pf .thumb {
    width: 12rem;
    height: 12rem;
    border-radius: 10rem;
    box-shadow: 0px 3px 6px var(--shadow-color1);
    border: 0;
    background-color: #fff;
}

.operCmtIntrcn .oper_mb_pf .pf_txt {
	padding-left : 2rem;
}

.operCmtIntrcn .oper_mb_pf .pf_txt h5 {
	margin-bottom : 0.5rem;
}

.operCmtIntrcn .oper_mb_hst p {
	font-weight : 600;
	margin-bottom: 0.5rem;
}

.operCmtIntrcn .oper_mb_hst li {
	display: flex;
    gap: 0 0.5rem;
    align-items: flex-start;
}

.operCmtIntrcn .oper_mb_hst li:before {
	content : '•';
	flex-shrink: 0; 
}

/******************************* 
*--- 4-2. 게시판
*******************************/
/*------ 공통 ---*/
.ctznBrd .tab_wrap.typeC {
	margin-bottom: 3.5rem;
}

/*------4-2-1) 정보공유게시판 - 공공데이터개방 (.energyUsageList) ---*/
.infoApiList .modal_body .subject_area .date {
	color: var(--gray-color);
}

.infoApiList .modal_body .textarea_fake {
	height: 14rem;
	overflow-y: auto;
	border: 0;
    background: var(--lightgray-color);
}

.infoApiList .modal_body .avsn_list > span {
	display: block;
	line-height: 1.8;
}

/******************************* 
*--- 마이페이지
*******************************/
.twPage .shadow_box {
	border: 1px solid var(--lightgray-color);
	box-shadow: 0px 3px 6px var(--shadow-color1);
	font-size: 1.6rem;
	border-radius: 2.4rem;
	backdrop-filter: blur(3rem);
	-webkit-backdrop-filter: blur(3rem);
	text-align: center;
}

.twPage .prst_cnt>li {
	width: 12rem;
	padding: 2rem 0.5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.twPage .prst_cnt>li p {
	color: var(--gray-color);
	display: flex;
	align-items: end;
	justify-content: center;
	font-size: 1.4rem;
	gap: 0.5rem;
	flex-wrap: wrap;
}

.twPage .prst_cnt>li p span {
	font-size: 2rem;
	padding: 0;
	margin-top: 1.3rem;
}

/* 회원정보  (.UserInfoPage)*/
.UserInfoPage .user_name {
	font-size: 2.6rem;
	margin: 3.5rem 0;
}

.UserInfoPage .mp_info_tb .tb_tit {
	margin-bottom: 1rem;
}

.UserInfoPage .mp_info_tb+.mp_info_tb {
	margin-top: 4rem;
}

.UserInfoPage .mp_info_tb table {
	border-top: 1px solid var(--U-black-color);
	border-bottom: 1px solid var(--U-black-color);
}

.UserInfoPage .mp_info_tb label {
	font-size: 1.6rem;
	align-items: center !important;
}

.UserInfoPage .mp_info_tb table.ty_block tr.typeHalf {
	vertical-align: text-top;
}

.UserInfoPage .mp_info_tb table tr.small.even ~ tr,
.UserInfoPage .mp_info_tb table tr:not(.typeHalf) {
	border-top: 1px solid var(--lightgray-color);
}

.UserInfoPage .mp_info_tb table tr.tr_prfmnc td,
.UserInfoPage .mp_info_tb table tr.tr_yn td{
	min-height : unset;
}

.UserInfoPage .mp_info_tb table tr.tr_yn td .result {
	font-size : 1.4rem;
	color: var(--gray-color);
    line-height: 2.8rem;
} 

.UserInfoPage .mp_info_tb table tr.tr_yn td .result.blue{color : var(--blue-color)}
.UserInfoPage .mp_info_tb table tr.tr_yn td .result.red{color : var(--red-color)}

.UserInfoPage .mp_info_tb td[colspan="2"] {
	padding: 1.5rem 0 2rem 0;
}

.UserInfoPage .mp_info_tb td input[type="text"], .UserInfoPage .mp_info_tb td select {
	width: 50%;
	flex: unset;
}

.UserInfoPage .mp_info_tb td input[type="text"]+button {
	margin-left: 0.5rem;
	min-width: 20%;
}

.UserInfoPage .mp_info_tb td .desc {
	font-size: 1.2rem;
	color: var(--gray-color);
	font-weight: 500;
}

.UserInfoPage .mp_info_tb td .desc.red {
	color: var(--green-color);
}

.UserInfoPage .mp_info_tb td .desc.red {
	color: var(--red-color);
}

.UserInfoPage .mp_info_tb td .desc.red:before {
	content: '✕ ';
	display: inline-block;
	margin-right: 0.5rem;
}

.UserInfoPage .mp_info_tb .btnStrong {
	width: 16rem;
}

.UserInfoPage .mp_info_tb.board_wrap th.left {
	background-color: transparent;
	padding: 0;
	font-size: 1.4rem;
	font-weight: 500;
}

.UserInfoPage .mp_info_tb .join_info td>.flex_box {
	gap: 0 10%;
}

.UserInfoPage .mp_info_tb .join_info ul {
	text-align: left;
	align-items: end;
}

.UserInfoPage .mp_info_tb .join_info ul li span {
	font-size: 1.4rem;
	padding: 0 0 0.8rem 0;
	font-weight: 500;
	display: block;
}

.UserInfoPage .mp_info_tb .join_info ul li a.tyUnder {
	font-weight: 500;
}

.UserInfoPage .mp_info_tb .join_info ul li a.tyUnder:before {
	content: '';
    display: inline-block;
    background-image: url(/assets/bnz/common/images/common/userinfo_home_ico.png);
    width: 2rem;
    height: 2rem;
    background-size: 100%;
    background-position: center;
    margin-right: 0.7rem;
    position: relative;
    top: 0.2rem;
}

.UserInfoPage .mp_info_tb tr .prst_cnt {
	margin-bottom: 2rem;
}

.UserInfoPage .mp_info_tb.board_wrap table th, .UserInfoPage .mp_info_tb.board_wrap table td {
	border-color: transparent;
	border-top: 1px solid var(--lightgray-color);
}

.UserInfoPage .myapi_wrap {
	margin: 7rem 0 0 0;
}

.UserInfoPage .myapi_wrap .title_area {
	padding-bottom: 1rem;
}

.UserInfoPage .myapi_wrap table td:has(.flex_box.justify) {
	padding-right: 1.5rem;
	padding-left: 1.5rem;
}

.UserInfoPage .myapi_wrap table td .key {
	max-width: 85%;
	word-break: break-all;
	text-align: left;
}

.UserInfoPage .myapi_wrap .board_wrap+.board_wrap {
	margin-top: 4rem;
}

.UserInfoPage .myapiModal .basic_wrap {
	position: relative;
}

.UserInfoPage .myapiModal .basic_wrap .stts {
	position: absolute;
	right: 0;
	top: 1.8rem;
	font-size: 1.4rem;
}

.UserInfoPage .legacyMigrationModal td .desc {margin-top : 0.5rem; display : block;}
.UserInfoPage .legacyMigrationModal td .desc.green {color: var(--green-color);}
.UserInfoPage .legacyMigrationModal td .desc.red {color: var(--red-color);}

/* 탄소지움 다이어리  (.CbnRemoveDiaryPage)*/
.CbnRemoveDiaryPage .diary_wrap {
	margin-top: 3.5rem;
}

.CbnRemoveDiaryPage .cal_area {
	margin: 0 0 3.5rem 0;
}

.CbnRemoveDiaryPage .cal_area .calendar {
	width: 100%;
	border: 1px solid var(--lightgray-color);
}

.CbnRemoveDiaryPage .diary_brd_area>ul {
	display: flex;
	flex-wrap: wrap;
	gap: 2.5rem 2rem;
	margin-bottom: 5rem;
}

.CbnRemoveDiaryPage .diary_brd_area>ul li {
	width: calc(100%/ 4 - 6rem/ 4);
	padding: 1.8rem 1.2rem;
	font-size: 1.4rem;
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	cursor: pointer;
}

.CbnRemoveDiaryPage .diary_brd_area>ul li .stts {
	text-align: right;
	margin-bottom: 1rem;
}

.CbnRemoveDiaryPage .diary_brd_area>ul li .stts span {
	width: 40%;
}

.CbnRemoveDiaryPage .diary_brd_area>ul li [class*="subject"] {
	font-weight: 500;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	min-height : 4rem;
}

.CbnRemoveDiaryPage .diary_brd_area>ul li .thumb {
	height: 17rem;
	border-radius: 2rem;
	overflow: hidden;
	position: relative;
	margin: 1rem 0;
	border: 1px solid var(--lightgray-color);
}

.CbnRemoveDiaryPage .diary_brd_area>ul li .thumb img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.CbnRemoveDiaryPage .diary_brd_area>ul li small:not(.ex_date) {
	text-align: right;
	display: block;
	margin-top: 0.5rem;
}

.CbnRemoveDiaryPage .modal_content:not(.actvcert_view_modal) .basic_wrap {
	position: relative;
}

.CbnRemoveDiaryPage .modal_content:not(.actvcert_view_modal) .basic_wrap .stts {
	position: absolute;
	right: 0;
	top: 1.8rem;
	font-size: 1.4rem;
}

.CbnRemoveDiaryPage .modal_content:not(.actvcert_view_modal) table tr.effect ul {
	border-radius: 1rem;
	padding: 1rem 2rem;
	font-size: 1.6rem;
}

.CbnRemoveDiaryPage .modal_content:not(.actvcert_view_modal) table tr.effect ul li>span {
	font-size: 2.4rem;
	font-weight: 500;
}

.CbnRemoveDiaryPage .modal_content:not(.actvcert_view_modal) table tr.effect ul li small + small {
	border-left: 1px solid var(--gray-color);
    line-height: 1;
    padding-left: 1rem;
    margin-left: 0.5rem;
}

@media ( max-width : 1280px) {
	.mngrCmnt .mp_wrap {width: 100%; padding-top : 0;}
	.mngrCmnt .mp_wrap > .tab_wrap {width: calc(100% + 4rem);max-width: unset;background: #fff;z-index: 2; transform: unset; top: 0;left: 0;}
	.mngrCmnt .mp_wrap > .tab_wrap > ul {padding : 2rem; margin-bottom: 2rem; border-bottom: 1px solid var(--lightgray-color);}
	.mngrCmnt .mp_wrap > .tab_wrap .cate_tab li {display: inline-block;margin: 0 0.5rem;}
	.mngrCmnt .mp_wrap > .tab_wrap .cate_tab li a { display: block; padding: 0 2rem;}
	.mngrCmnt .mp_wrap > .layout_fix {margin-top : 0;}
	
	.cmntyInfoMng .ptcp_aply_list table td:has(.tooltip_area) {position : relative;}
	.cmntyInfoMng .ptcp_aply_list table td .tooltip_desc {right: 0; bottom: 80%;}
	.cmntyInfoMng .mvm_wrap table td .stts {text-decoration : underline; margin-top: 0.5rem;display: block;}
	.cmntyInfoMng:not(.cmnt_regist_modal) .mvm_wrap table td .stts + .tooltip_desc {left : 0; right : unset; width: 20rem;}
	.cmnt_regist_modal.cmntyInfoMng .mvm_wrap table td .stts + .tooltip_desc {bottom: 6rem;width: 100%;}
	
	.cmntyInfoMng.modal_content  .mvm_wrap {width : 100%; padding-right : 0;}
	.cmntyInfoMng .mvm_wrap table td .flex_box:has(.stts) {flex-direction: column;align-items: start;gap: 0.5rem 0;}
	.cmntyInfoMng .mvm_wrap .ptcp_prd, .cmntyInfoMng .mvm_wrap .edu_prd {flex-direction: column;gap: 1rem 0;align-items: start;}
	
	.prtcMvmMng .basic_wrap > .flex_box > .tab_wrap { width : auto;}
	
	.relayMng .relay_cmnty .ralay_cmnty_self {padding-left : 0;}
	.relayMng .relay_cmnty .ralay_cmnty_next {padding-right : 0;}
	
	.CbnRemoveDiaryPage .diary_brd_area>ul li {width: calc(100%/ 3 - 4rem/ 3);}
	
	.clbrMvmList .cmnty_list li {width: calc(100% / 2 - 2rem / 2);}
	
	.prdocMng .mvm_swiper_wrap {width : 100%; margin : 0 0 2rem 0;}
	.prdocMng .mg_area .incrs_area .tooltip_area {padding : 0;}
	.prdocMng .mg_area .incrs_area .tooltip_desc {right: calc(100% + 1rem);left: unset;top: 0;transform: unset;}
	.prdocMng .prdo_top > ul {margin-top : 2rem; width: 95%;}
	.prdocMng .prdo_top > ul li .tooltip_area {padding : 0;}
	.prdocMng .prdo_top > ul li .tooltip_desc {right: 100%; left: unset;bottom: 2rem;}
	
	.operCmtIntrcn .oper_intro {padding-bottom : 5rem;}
	.operCmtIntrcn .oper_intro ul {gap : 1rem;}
	.operCmtIntrcn .oper_intro ul li {font-size : 1.6rem; border-radius : 2rem; padding : 1.5rem 1rem;}
	.operCmtIntrcn .oper_bottom {padding-top : 6rem; background-size: 180%;}
	.operCmtIntrcn .oper_cpst {margin-top : 0;}
	.operCmtIntrcn .oper_cpst .cpst_card {align-items: start;gap: 4rem 2rem;box-shadow: unset;background-color: var(--lightgray-color);border: 0;border-radius: 2rem;padding: 3rem 2rem;}
	.operCmtIntrcn .oper_cpst .cpst_obj {margin-left : 0; padding: 7rem;}
	.operCmtIntrcn .oper_cpst .cpst_obj ul li {width : 12rem; height : 12rem;}
	.operCmtIntrcn .oper_cpst .cpst_desc {padding : 0;}
	.operCmtIntrcn .oper_cpst .cpst_desc .titleM br {display : none;}
	.operCmtIntrcn .oper_mb_list {gap :1.5rem;}
	.operCmtIntrcn .oper_mb_list > li {width: calc(100% / 2 - 1.5rem / 2);}
}

@media ( max-width : 768px) {
	.twPage .prst_cnt>li {width: 30%;}
	
	.cmntyInfoMng .basic_wrap table td .flex_box + input[type="text"] {margin-top : 1rem;}
	.cmntyInfoMng .basic_wrap .ty_block + h3 { border-top: 1px solid var(--lightgray-color); padding-top: 2rem;} 
	
	.UserInfoPage .mp_info_tb td input[type="text"], 
	.UserInfoPage .mp_info_tb td select {width: 100%;}
	.UserInfoPage .mp_info_tb .join_info td>.flex_box {flex-direction: column-reverse;align-items: end;gap: 0;}
	.UserInfoPage .mp_info_tb .join_info td ul.flex_box {flex-direction: column;align-items: start;gap: 2rem 0;}
	.UserInfoPage .myapi_wrap table td .flex_box.justify {flex-direction: column;align-items: start;gap: 1rem 0;}
	.UserInfoPage .myapi_wrap table td .key {max-width: unset;}
	
	.prtcMvmMng .prtcMvm_list > li, .prtcMvmMng .prst_cnt > li {padding : 2rem;}
	.prtcMvmMng .prtcMvm_list > li .prtc_content {flex-direction : column;}
	.prtcMvmMng .prtcMvm_list > li .prtc_subject {flex-direction: column-reverse;}
	.prtcMvmMng .prtcMvm_list > li .prtc_subject .title {flex-wrap : wrap;}
	.prtcMvmMng .prtcMvm_list > li .prtc_subject .title h5 {width : 100%;}
	.prtcMvmMng .prtcMvm_list > li .prtc_subject .title .stts {margin-left : 0;font-size: 1.6rem;}
	.prtcMvmMng .prtcMvm_list > li .prtc_content .desc_wrap {width : 100%;}
	.prtcMvmMng .prtcMvm_list > li .prtc_content .btn_wrap {width: 100%; flex-wrap: wrap;gap: 1rem; flex-direction : row;}
	.prtcMvmMng .prtcMvm_list > li .prtc_content:has(.modify_button:not(.displaynone)) .btn_wrap {padding-bottom : 0;}
	.prtcMvmMng .prtcMvm_list > li .prtc_content .btn_wrap button {min-width: calc(50% - 0.5rem);margin: 0;flex: 1;}
	.prtcMvmMng .prtcMvm_list > li .prtc_content .modify_button {width : 100%; position : relative; padding-top : 1rem;}
	.prtcMvmMng .prtcMvm_list > li .prtc_content .modify_button button {flex : 1; height : 4rem; line-height : 3.8rem; border-radius : 0;}
	
	
	.relayMng .basic_wrap > .nodata:not(.displaynone), .relayMng .relay_cmnty > div ul li:not(.displaynone) .nodata {min-height : 30rem;}
	.relayMng .relay_ntcn .ntcn_desc div {flex-direction: column;}
	.relayMng .relay_cmnty {flex-direction: column; margin-top: 3rem;}
	.relayMng .relay_cmnty .ralay_cmnty_self,
	.relayMng .relay_cmnty .ralay_cmnty_next {padding: 2rem; border: 1px solid var(--lightgray-color);width: 100%;border-radius: 2rem;margin: 1rem 0; box-shadow: 0px 3px 6px var(--shadow-color1);}
	.relayMng .relay_cmnty .ralay_cmnty_self .board_wrap,
	.relayMng .relay_cmnty .ralay_cmnty_next .board_wrap {max-height : 40rem;}
	.relayMng .relay_cmnty + .flex_box {margin-top : 2rem; gap : 1rem;}
	.relayMng .relay_cmnty + .flex_box button { flex : 1; padding: 0 0.3rem;}
	
	.CbnRemoveDiaryPage .diary_brd_area>ul {gap: 1rem;}
	.CbnRemoveDiaryPage .diary_brd_area>ul li {width: calc(100%/ 2 - 1rem/ 2);}
	.CbnRemoveDiaryPage .modal table tr.effect ul,.CbnRemoveDiaryPage .global_modal table tr.effect ul {padding : 2rem;}
	.CbnRemoveDiaryPage .modal table tr.effect ul li small,.CbnRemoveDiaryPage .global_modal table tr.effect ul li small {display : block; margin-top: 0.5rem;}
	.CbnRemoveDiaryPage .modal table tr.effect ul li small + small,.CbnRemoveDiaryPage .global_modal table tr.effect ul li small + small {padding : 0; border : 0; margin-left : 0;}
	
	.cmntyInfoMng .mvm_wrap .qr_ck .tooltip_desc {bottom : 6rem; width : 38rem;}
	
	.prdocMng .aply_area {width: calc(100% - 4rem);}
	.prdocMng .aply_area > div {padding : 1rem 0;}
	.prdocMng .prdo_top > ul {width: calc(100% - 4rem); margin-top : 2rem;}
	.prdocMng .prdo_top > ul li {text-indent : 0; padding-left : 0;}
	.prdocMng .prdo_top > ul li .tooltip_desc {bottom: 1rem;}
	.prdoc_aply_modal .basic_area:has(ul:not(.displaynone)) {margin : 2rem 0;}
	.prdoc_aply_modal .basic_area ul {flex-direction : column;}
	.prdoc_aply_modal .basic_area li {width: 100%; background-color: var(--lightgray-color);border-radius: 1rem;padding: 1rem;}
	.prdoc_aply_modal .basic_area li + li {border-left : 0;margin-top : 1rem;}
	.prdoc_aply_modal .basic_area li span {margin-bottom : 0.5rem;}
	
	.clbrBrdView .btn_wrap:has(.btnTsp) a {min-width : unset; flex : 1;}
	.clbrMvmList .cmnty_list li {width: 100%; min-height : unset;}
	.clbrMvmList .cmnty_list>li .card_contents p {margin-top: 1rem;}
    #content.clbrMvmList .cmnty_card .btn_wrap a {width: 100%;height: 4rem;line-height: 3.8rem;}
    
	.operCmtIntrcn .oper_intro ul li {width: calc(100% / 2 - 1rem / 2);}
	.operCmtIntrcn .oper_intro ul li .img {max-width: 45%;}
	.operCmtIntrcn .oper_cpst .cpst_card {border-radius : 3rem;align-items: center;text-align: center; flex-direction: column; }
	.operCmtIntrcn .oper_cpst .cpst_obj {padding: 8rem 8rem 5rem 8rem;}
	.operCmtIntrcn .oper_cpst .cpst_obj ul li {width :12rem; height : 12rem;}
	.operCmtIntrcn .oper_bottom {background-size: cover;background-position: center;}
	.operCmtIntrcn .oper_mb_list > li {width: calc(100% / 1 - 0rem / 2); border-radius: 2rem;}
}