@charset "UTF-8";

* {
	/* 업무지원,대시민 공통 */
    --main-color1: #00AF95; 
    --black-color: #1A1A22;
    --lightgray-color: #eee;
    --gray-color: #878787;
    --red-color: #EE6161;
    --org-color : #F7941E;
    --navy-color : #08296c;
    --blue-color : #006EFF;
    --green-color : #02983B;
    --red-color : #FF4949;
    --purple-color : #3939C3;
    --shadow-color1: #00000029;
    
    /*업무지원*/
    --A-black-color: #28292E;
    --A-black-color2: #101116;
    --A-lightgray-color: #707070;
    --A-gray-color: #222;
    
    /*대시민*/
    --U-black-color: #432B2B;
    --U-black-color2: #3E455C;
    --U-gray-color: #C2C7D5;
    --U-lightgray-color: #F7F8FA;
}

/* reset.css */

html {
    font-size: 62.5%;
}

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

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

html * {box-sizing: border-box;}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
    font-family: inherit;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    box-sizing: border-box;
    letter-spacing: -0.5px;
}

body {
    background-color: transparent;
    font-size: 1.6rem;
    color: var(--U-black-color);
    margin: 0 auto 0;
    /*     max-width: 1920px; */
	/*     font-family: "Poppins","Noto Sans KR",sans-serif; */
}

em {
    font-style: normal;
}

ol,ul {
    list-style: none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption {
    overflow: hidden;
    width: 1px;
    font-size: 1px;
    line-height: 0;
    text-indent: 150%;
    white-space: nowrap;
}

th,td {
    font-weight: normal;
    vertical-align: middle;
}

blockquote:before,blockquote:after,q:before,q:after {
    content: "";
}

blockquote,q {
    quotes: """";
}

textarea {
    overflow: auto;
}

hr,legend {
    display: none;
}

a {
    text-decoration: none;
    font-size: inherit;
    color: inherit;
}

select {
    font-size: 1.2rem;
    font-family: "Noto Sans KR",sans-serif;
    vertical-align: middle;
}

input,textarea {
    font-family: "Noto Sans KR",sans-serif;
    vertical-align: middle;
}

textarea {
    width: 100%;
    box-sizing: border-box;
    outline: none;
    resize: none;
}

button {
    font-size: 1.2rem;
    font-family: "Noto Sans KR",sans-serif;
    vertical-align: middle;
    border: 0px;
    padding: 0;
    margin: 0;
    background-color: transparent;
    cursor: pointer;
}

img {
    vertical-align: top;
    max-width: 100%;
}

table img {
    vertical-align: middle;
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
}


/**************** 
*--- layout 
*****************/
body {opacity : 0; transition : opacity 0.2s;}
body:has(#content[class]) {opacity : 1;}

body:has(.modal:not(.displaynone,.none_fix)),
body:has(.global_modal:not(.displaynone,.none_fix)),
body:has(.tree_modal:not(.displaynone,.none_fix)),
body:has(#header .dimmed){
	overflow : hidden;
}

.displaynone {display : none !important;}


[class*="layout_"] {		
	max-width: 1920px; /*1920*/     
	width: 100%;
	padding: 0 2rem;
	margin: 0 auto;
	position: relative;
}

.layout_full {

}

.layout_between {
	padding: 0 2rem;
	margin: 0 auto;
	box-sizing: border-box;
	overflow: hidden;
	display: flex;
}

.layout_between-left {
	
}

.layout_md {
	max-width : 1460px;
}

.layout_fix {
	max-width : 1280px;
}

.layout_full .layout_fix {
	padding-left : 0;
	padding-right : 0;
}
	
	
.flex_box {
    display: flex;
    align-items: center;
    flex: 1;
    width: 100%;
}

.flex_box.fw_wrap,
.flex_box:has(input[type="checkbox"]:not(.input_fake,.input_fake_tab)),
.flex_box:has(input[type="radio"]:not(.input_fake,.input_fake_tab)) {
	flex-wrap : wrap;
	gap : 1rem 1.5rem;
}

.flex_box .hyphen {
	font-size: initial;
    margin: 0 0.5rem 0 0;
}

.flex_box .date-picker + .hyphen {
	margin : 0;
}

.flex_box.ty_auto {
	flex : unset;
	width: auto;
}

.flex_box.justify {
	justify-content: space-between;
}

.flex_box.center {
	justify-content: center;
}

.flex_box.end {
	justify-content: end;
}

.flex_box.typeEven > * {
	width : calc(50% - 0.5rem);
}

.flex_box select,.flex_box input:not([type="button"]) {
    flex: 1;
    margin: 0 0.5rem 0 0;
}

.flex_box label > input:not([type="button"]) {
	margin-right : 0;
}

.flex_box .flex_box_item {
    flex: 1;
    margin: 0 0.3rem;
    font-size: 1.6rem;
}

.flex_box >:first-child:not(.tab_wrap) {
    margin-left: 0;
}

.flex_box >:last-child {
    margin-right: 0;
}

.flex_box .hyphen + input[type="text"]:last-child {
	margin-right : 0;
}

.flex_box .flex_auto {
    flex: 0 1 auto;
}

.float_wrap:after {
    content: '';
    clear: both;
    display: block;
    visibility: hidden;
}

/**************** 
*--- etc
*****************/
.tyUnder {text-decoration: underline; cursor : pointer;}

#content:has(.mp_wrap) {background-color : #f7f7f7; padding-bottom : 0;}
#content:has(.mp_wrap) + #footer {margin-top : 0;}
.mp_wrap {
	background-color : #fff;
	padding-top: 4.5rem;
	padding-bottom : 8rem;
}

.mp_wrap >.layout_fix {
	padding-left: 6%;
	padding-right: 6%;
}

ul.clr_legend {
    display: flex;
    padding: 0 2rem;
    justify-content: end;
}

ul.clr_legend li {
	background-color : var(--gray-color);
	color : #fff;
	padding : 0.4rem 1rem;
	font-size : 1.2rem;
}

ul.clr_legend li.blue {background-color : var(--blue-color);}
ul.clr_legend li.green {background-color : #179E51;}
ul.clr_legend li.org {background-color : var(--org-color);}
ul.clr_legend li.red {background-color : #E0000B;}

.banner_full {
    background-image: url("/assets/bnz/common/images/common/banner_full_bg.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    text-align: center;
    /* padding: 6.4rem 0; */
    margin-bottom: 0 !important;
    height: 16rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding : 0 2rem;
    word-break: keep-all;
}

.banner_full h2 {
	font-weight : 500;
	color : var(--U-black-color2);
}

.tooltip,
.ui-tooltip {
	padding : 1rem 2.8rem;
	font-size : 1.2rem;
	background-color : rgba(34, 34, 34, 0.9);
	border : 1px solid var(--A-lightgray-color);
	border-radius : 1rem;
	display: inline-block;
    min-width: 2rem;
    box-shadow: 0px 10px 6px var(--shadow-color1);
    position : relative;
    color : #fff;
}

.ui-tooltip {
	position : absolute;
}

.tooltip ul li{
	margin : 0.5rem 0;
	display : flex;
	justify-content: space-between;
    align-items: center;
    gap: 0 2rem;
}

.tooltip_ico {
	width: 3.5rem;
    height: 3.5rem;
    display: inline-block;
    box-shadow: inset 0px 1px 3px #00000029, 0px 3px 6px var(--shadow-color1);
    border-radius: 6rem;
    color: #1492E6;
    border: 1px solid #1492E6;
    text-align: center;
    line-height: 3.3rem;
    font-size: 2rem;
    font-weight: 500;
    cursor: pointer;
    min-width : unset;
    padding : 0;
    background-color : #fff;
}

.tooltip_ico.typeSmall{
	width: 2rem;
    height: 2rem;
    line-height: 1.8rem;
    font-size: 1.2rem;
	border-color: var(--gray-color);
    color: var(--gray-color);
}

.tooltip_desc {
	font-size: 1.4rem;
    padding: 1.5rem 3rem;
    box-shadow: 0px 3px 6px var(--shadow-color1);
    border-radius: 1rem;
    position: absolute;
    background: var(--U-lightgray-color);
    z-index: 1;
    text-align: center;
    display : none;
}

.tooltip_desc p {
	font-weight : 600;
	margin-bottom : 1rem;
	font-size : 1.6rem;
	text-align : center;
}

.triangle {
  position: absolute;
  left: 10%;
  bottom: -1.2rem;
  width: 0;
  height: 0;
}

.triangle.down {
  border-left: calc(1.5rem / 2) solid transparent;
  border-right: calc(1.5rem / 2) solid transparent;
  border-top: 1.2rem solid var(--A-lightgray-color);
}

.triangle.down::before {
  content: "";
  position: absolute;
  left: calc(-1 * ( (1.5rem / 2) - 1px ));
  top: calc(-1 * (1.3rem - 1px));
  width: 0;
  height: 0;
  border-left: calc((1.5rem / 2) - 1px) solid transparent;
  border-right: calc((1.5rem / 2) - 1px) solid transparent;
  border-top: calc(1.2rem - 1px) solid rgba(34, 34, 34, 0.9);
}

ul.legend {
	display : flex;
	align-items: center;
	justify-content: center;
	font-size : 1.4rem;
	gap : 1rem 2rem;
	flex-wrap: wrap;
}

ul.legend li{
	display: flex;
    align-items: center;	
}

ul.legend li .lg_clr{
	width : 1.5rem;
	height : 1.5rem;
/* 	background-color : transparents; */
	background-color : #fff;
	margin-right : 0.8rem;
}

.ntc_icon {
	background-color: var(--gray-color);
    color: #fff;
    padding: 0 1.5rem;
    height: 2.5rem;
    line-height: 2.4rem;
    font-size: 1.4rem;
    border-radius: 10rem;
    display: inline-block;
    vertical-align: text-top;
    margin-right : 0.3rem;
    font-weight : 400;
}

.warn {
	position : relative;
}

.warn:before {
	content: '';
    width: 2rem;
    height: 2rem;
    background-image: url(/assets/bnz/common/images/common/icon_warn.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size : 90%;
	display: inline-block;
    vertical-align: sub;
    margin-right: 0.5rem;
}

.map_area:has(.map_btn) {
	position : relative;
}

.map_area:has(.map_btn) .map_btn{ 
	position: absolute;
    left: 1rem;
    bottom: 1rem;
    z-index: 1;
    padding: 0;
    box-shadow : unset;
}

.map_area:has(.map_btn) .map_btn ul {
	display: flex;
    align-items: end;
    gap: 0 0.8rem;
}

.map_area:has(.map_btn) .map_btn.hide ul li:not(:first-child) {
	display : none;
}

.map_btn button {
	display: flex;
    justify-content: center;
    align-items: center;
    width: 3.2rem;
    height: 3.2rem;
    background: var(--lightgray-color) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px var(--shadow-color1);
    border: 1px solid #FFFFFF;
    border-radius: 0.8rem;;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.map_btn button.active {
	background-color : var(--main-color1);
}

.map_btn button.active img {
	filter: invert(1);
}

.map_option_wrap {
    width: 18rem;
    height: 15rem;
    background: var(--lightgray-color);
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #FFFFFF;
    border-radius: 1rem;
    z-index: 3;
    position: absolute;
	left: 1rem;
    bottom: 5rem;
}

.map_option_wrap h5 {
    margin: auto;
    padding: 1rem;
    border-bottom: 1px solid var(--U-gray-color);
    text-align: center;
    font-size: 1.2rem;
    font-weight: 700;
}

.map_option_wrap ul {
	display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 1rem 0;
}

.map_option_wrap ul li {
    display: flex;
    padding: 0.5rem 2rem;
    align-items: center;
}

.map_option_wrap ul li label {
    font-size: 1.2rem;
    cursor: pointer;
    margin-left: 0.5rem;
}

.swiper-arrow {
	position : relative;
	cursor : pointer;
	z-index : 2;
	font-size : 0;
}

.swiper-arrow {
	width : 3.5rem;
	height : 3.5rem;
	display : inline-block;
	background-color : #fff;
	box-shadow: inset 0px 1px 3px #00000029, 0px 3px 6px var(--shadow-color1);
    border-radius: 6rem;
    border: 1px solid var(--blue-color);	
}

.swiper-arrow:before {
	content : '';
	width: 2rem;
    height: 2rem;
	background-image : url("/assets/bnz/common/images/common/swiper-arrow.png");
    background-repeat: no-repeat;
    background-position: center;
	background-size: 1rem;
	position : absolute;
	left : 46%;
	top : 54%;
	transform : translate(-50%,-50%);
	
}

.swiper-arrow.swiper-next:before {
	transform : translate(-50%, -50%) rotate(180deg);
	left: 54%;
	background-position: center 0.2rem;
}

.thumb_area {
	position : relative;
	flex-shrink: 0;
}

.thumb_area .thumb {
	overflow : hidden;
	position : relative;
	border : 1px solid var(--U-gray-color);
	border-radius : 1.4rem;
}

.thumb_area img {
	position : absolute;
	width : 100%;
	top : 50%;
	left : 50%;
	transform : translate(-50%,-50%);
}

.thumb_area img[src*="onerror"] {
	max-width : 6rem;
}

.thumb_area .more {
	display: inline-block;
    padding: 0.3rem 1.5rem;
    border-radius: 1.2rem;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.45);
    font-size: 1.4rem;
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index : 1;
}

.thumb_area .more:empty {
	background: transparent;
}

.thumb_area .badge {
	display: flex;
    flex-direction: column;
    align-items: start;
    position: absolute;
    left: 0.5rem;
    top: 0.5rem;
    gap: 0.3rem 0;
    max-height: calc(100% - 1rem);
    max-width : 65%;
    z-index : 1;
}

.thumb_area .badge:has(p){
    left: -1.5rem;
    top: -1.5rem;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 10rem;
    gap: 0;
}

.thumb_area .badge > p {
    width: 5rem;
    height: 5rem;
    background-position: center 35%;
    background-repeat: no-repeat;
    background-size: 130%;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    word-break: keep-all;
    text-align: center;
    line-height : 1.2;
    padding: 1rem;
}

.thumb_area .badge > p.ecfrd {
	background-image: url(/assets/bnz/common/images/ctzn/badge_dgm_02.svg);
	font-size: 1rem;
}
.thumb_area .badge > p.prfmnc {
	background-image: url(/assets/bnz/common/images/ctzn/badge_dgm_01.svg);
}
.thumb_area .badge > p.clbr {
	background-image: url(/assets/bnz/common/images/ctzn/badge_dgm_03.svg);
}
.thumb_area .badge > p.sttree {
	background-image: url(/assets/bnz/common/images/ctzn/badge_dgm_04.svg);
	background-size: 120%;
	font-size: 1rem;
}

.thumb_area .badge > span {
	border: 1px solid #fff;
    font-size: 1.2rem;
    padding: 0.3rem 1rem;
    background: transparent linear-gradient(100deg, #0A80FB 0%, #37C473 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px var(--shadow-color1);
    border-radius: 1rem;
    color: #fff;
    font-weight: 300;
    line-height: 1.4;
    display: inline-block;
}

.thumb_area .badge > span.edu:before {
    content: '';
    display: inline-block;
    width: 1.7rem; 
    height: 1.7rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(/assets/bnz/common/images/common/bage_edu_ico.png);
    vertical-align: middle;
    margin-right: 0.7rem;
}

.inputAdress {
	position: relative;
}

.inputAdress button {
	position: absolute;
    right: 0.5rem;
    top: 0.3em;
}

.inputAdress input[type='text'] {
	padding-right : 8.5rem;
}

.like_area {
	display : flex;
	align-items: center;
	gap: 0 0.3rem;
	font-size : 1.4rem;
	color : var(--gray-color);
	padding-top: 0.5rem;
}

.likeBtn {
    width: 2.7rem;
    height: 2.7rem;
    font-size: 0;
    background-image: url(/assets/bnz/common/images/ctzn/cert_brd_like_empty.png);
	background-size: calc(100% / 27 * 23);
    background-position: center;
	background-repeat: no-repeat;
}

.likeBtn.on {
	background-image: url(/assets/bnz/common/images/ctzn/cert_brd_like_fill.png);
	background-size : 100%;
}

@media (max-width: 1280px) { 
	.mp_wrap>.layout_fix {padding-left: 0;padding-right: 0;}
}

@media (max-width: 768px) { 
	.map_option_wrap {top: 5rem;border: unset;}	
	.map_area:has(.map_btn) .map_btn {bottom : unset; top : 3.5rem;}
}

/**************** 
*--- title
*****************/
.title_area.center {text-align : center;}
.title_area :where(h1,h2,h3,h4,h5) {font-weight : 600;}
.title_area:has(h2) {margin-bottom : 3rem;}
.title_area:has(.titleM) {margin-bottom : 1.5rem;}
.title_area:has(.btn_wrap,.tit_depth,.tab_wrap,.tit_slct),.title_area.justify {
	display : flex;
	justify-content : space-between;
	align-items : end;
}
.title_area.typeBg {
	border: 1px solid var(--U-gray-color);
    border-radius: 2rem;
    padding: 0 3rem;
    min-height: 20rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position : relative;
    overflow : hidden;
    margin-top : 0;
    margin-bottom : 0;
}

.title_area.typeBg * {
	z-index : 1;
}

.title_area:has(.btn_wrap) .btn_wrap {
	margin : 0;
	overflow : visible;
}

.title_area:has(.btn_wrap) .btn_wrap .btnBasic.active {
	background-color : var(--main-color1);
	color : #fff;
}

#content:has(.boardView) .title_area:has(.date)  {
	align-items: end;
	margin-bottom : 2rem;
}

.titleL,.title_area h2{font-size : 3.2rem;}
.titleM {font-size : 2.4rem;}
.titleS {font-size : 1.8rem; }
.title_area .titleL+p,.title_area h2+p{margin-top : 1rem;}
.title_area .date {font-size : 1.6rem; color :var(--gray-color); line-height : 1.4;}

.titleLine {
	position : relative;
	text-align : center;
}

.titleLine span {
	background-color : #fff;
	padding : 0 3.5rem;
	position: relative;
    z-index: 1;
}

.titleLine:before {
	content : '';
	display : inline-block;
	width : 100%;
	height : 1px;
	background-color : var(--U-gray-color);
	position : absolute;
	left: 0;
	top : 50%;
}

@media (max-width: 1280px) {
	.title_area:has(.btn_wrap,.tit_depth,.tab_wrap,.tit_slct) {flex-direction: column;align-items: start; gap : 1rem 0;}
	.title_area.typeBg {border-radius : 0; border : none;}	
}


/**************** 
*--- button
*****************/
.btn_wrap {
	font-size : 0;
}

.btn_wrap ~ .btn_wrap {margin-top : 20px;}

.btn_wrap:not(.column) a ~ a,
.btn_wrap:not(.column) a ~ button,
.btn_wrap:not(.column) button ~ button,
.btn_wrap:not(.column) button ~ a,
.btn_wrap:not(.column) * ~ input[type="button"]
 {
    margin-left : 8px;
}

.btn_wrap.center {
    text-align: center;
}

.btn_wrap.justify {
    position: relative;
    overflow : hidden;
}

.btn_wrap.justify .gLeft {
    float : left;
}

.btn_wrap.justify .gRight {
    float : right;
}

.btn_wrap.column {
    display: flex;
    flex-direction: column;
    align-items: normal;
}

.btn_wrap.column a ~ a,
.btn_wrap.column a ~ button,
.btn_wrap.column button ~ button,
.btn_wrap.column button ~ a,
.btn_wrap.column input[type="button"] ~ input[type="button"] {
    margin-top: 1rem;
}

button,input[type="button"] {
	vertical-align : unset;
	border : 0;
	cursor : pointer; 
}

input[type="button"]:disabled,button:disabled {
	background-color: var(--gray-color);
	color : #fff;
	cursor: inherit !important;
}

[class*='btn']:not(.btn_wrap) {
	padding : 0 2rem; 
	box-shadow: 0px 3px 6px var(--shadow-color1);
	display: inline-block;
	box-sizing: border-box;
    font-size: 1.6rem;
    font-weight: 400;
    text-align: center;
	border-radius: 3rem;	
}

[class*='btn']:not(.btn_wrap).tyCircle {
    padding: 0;
    width: 3.2rem;
    font-size: 3rem;
    line-height: 1;
}

[class*='btnSubmit'] {
    color: #fff;
    height: 3.2rem;
    line-height: 3rem;
    background-color: var(--blue-color);
}

[class*='btnBasic'] {
    color: var(--gray-color);
    height: 3.2rem;
    line-height: 3rem;
    background-color: var(--lightgray-color);
    border : 1px solid var(--shadow-color1);
}

[class*='btnNormal'] {
    color: #fff;
    height: 3.2rem;
    line-height: 3rem;
    background-color: #B1B1B1; 
}

[class*='btnCancel'] {
    color: #fff;
    height: 3.2rem;
    line-height: 3rem;
    background-color: var(--red-color);
}

[class*='btnStrong'] {
    color: #fff;
    height: 3.2rem;
    line-height: 3rem;
    background-color: var(--org-color);
}

[class*='btnCtzn'] {
	color: #fff;
    height: 3.2rem;
    line-height: 3rem;
	background-color: var(--main-color1);
}

[class*='btnTsp'] {
    height: 3.2rem;
    line-height: 3rem;
    border-radius: 3rem;
    border: 1px solid transparent;
}

[class*='btnBorder'] {
    color: var(--blue-color);
    height: 3.2rem;
    line-height: 3rem;
    border : 1px solid var(--blue-color);
    font-weight : 500 !important;
}

[class*='btnBorder'].tyBasic{
	border-color : var(--gray-color);
	color : var(--gray-color);
	background-color : #fff;
}

[class*='btn'].btnUnderline {
	line-height: 2;
	color : var(--gray-color); 
	box-shadow : unset;
	padding : 0;
	border-bottom : 1px solid var(--gray-color);
	border-radius : 0;
}

[class*='btn'].typeRadius {border-radius : 1rem;}
[class*='btn'].sizeF {width : 100%;}
[class*='btn'].sizeXL {height : 6.5rem;line-height: 6.5rem;}
[class*='btn'].sizeL {height : 5rem;line-height: 4.8rem; font-size: 1.8rem; padding : 0 3rem;}
[class*='btn'].sizeM {height : 4.2rem;line-height: 4rem; font-size: 1.8rem; padding : 0 3rem;}
[class*='btn'].sizeS {height : 2.8rem;line-height: 2.8rem;min-width: 6.5rem;font-size: 1.4rem;padding : 0 1rem;}
[class*='btn'].sizeS.typeRadius {border-radius : 0.7rem;}
[class*='btn'].btnBorder.sizeS,
[class*='btn'].btnBasic.sizeS {line-height : 2.6rem;}
/* [class*='btnNormal'].sizeS {line-height: 38px;} */
[class*='btnUnderline'].sizeS {padding : 0; min-width : unset;}

[class*='btn'].sizeF + [class*='btn'].sizeF {margin-top : 10px; margin-left : 0;}
[class*='btn'].sizeL + [class*='btn'].sizeL {margin : 0 5px;}

[class*='btn'].aiPopArea {
	background-image : url("/assets/bnz/common/images/ctzn/ai_btn_bg.svg");
	background-position: center;
    background-size: 160%;
    background-repeat: no-repeat;
}

/**************** 
*--- input,select
*****************/
label {cursor: pointer;}
input {outline: none;}

input[type="text"],input[type="password"],input[type="number"] {
    font-size: 1.4rem;
    font-weight: 400;
    width: 100%;
    height: 3.8rem;
    line-height: 1.4;
    border: 1px solid var(--gray-color);
    border-radius: 0.5rem;
    padding: 0rem 1.2rem;
    background-color: #fff;
    box-sizing: border-box;
    color: var(--U-black-color);
}

input::placeholder {
    color: var(--gray-color);
}

input[disabled],
textarea[disabled],
.textarea_fake.disabled {
    background-color: var(--U-lightgray-color);
}

input[type="file"] {
    cursor: pointer;
}

input[type="text"][readonly]:not(.date-picker) {
    background-color: var(--lightgray-color);
    color : var(--gray-color);
}

input[type="text"]:focus,input[type="password"]:focus,input[type="number"]:focus {
    border-color : var(--main-color1);
}

input[type="text"][readonly]:focus {
    border : 1px solid var(--gray-color);
}


input[type="text"].tyUnderline,input[type="password"].tyUnderline {
	border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid var(--gray-color);
    border-radius: 0;
	text-align: right;
    padding: 0 0.5rem;
    height: 3rem;
    line-height: 2.9rem;
}

input[type="text"].date-picker{
	max-width : 16rem;
	cursor : pointer;
	margin : 0 0.5rem;
	padding-left: 3.6rem;
    background-image: url(/assets/bnz/common/images/common/input_date_icon.png);
    background-repeat: no-repeat;
    background-position: 0.5rem center;
    background-size: 2.4rem;
}

input[type="text"][disabled].date-picker {
	cursor : default;
}

input[type="text"].date-picker:first-child,
.txt_label + input[type="text"].date-picker,
p + input[type="text"].date-picker {
	margin-left : 0;
}

input[type="text"].date-picker:last-child {
	margin-right : 0;
}

input[type="text"].date-picker.time {
	max-width : 185px;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	min-width : unset;
}

.ui-datepicker select.ui-datepicker-year {
	margin-right : 0.5rem;
}

label:has(input[type="checkbox"]:not(.input_fake),input[type="radio"]:not(.input_fake)) {
	line-height: 1.4;
    display: flex;
    gap: 0 0.5rem;
    align-items: flex-start;
    text-align : left;
}

label > input[type="checkbox"],
label > input[type="radio"] {
	vertical-align : sub;
	flex-shrink: 0 !important;
}

input[type="checkbox"] {
    width: 2rem;
    height: 2rem;
    margin: 0;
    border: 0;
    padding: 0;
    margin-right: 0.5rem;
    cursor: pointer;
    -webkit-appearance: none;
    background: none;
    background-repeat: no-repeat;
	border : 1px solid var(--U-black-color2);
	border-radius : 0.4rem;
	position: relative;
	top : 0.15rem;
}

input:checked[type="checkbox"] {
	background-size: 1.2rem;
    background-position: center;
	background-image: url("/assets/bnz/common/images/common/input_check_ctzn.svg");
}

input[type="radio"] {
    width: 2rem;
    height: 2rem;
    padding: 0;
    margin: 0;
    margin-right: 0.5rem;
    vertical-align: middle;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    background-repeat: no-repeat;
    background-position: center;
    border : 1px solid var(--U-black-color2);
    border-radius: 5rem;
    position : relative;
	top: 0.18rem;
}

input:checked[type="radio"] {
	background-size : 1rem;
	background-color : unset;
    background-image: url("/assets/bnz/common/images/common/input_radio_ctzn.svg");
}

input[type=radio][disabled]:not(:checked) + label,input[type=checkbox][disabled]:not(:checked) + label {
    background-color: var(--lightgray-color);
    border: 1px solid var(--border-color);
}

input[type="radio"][disabled],
input[type="checkbox"][disabled] {
	background-color: var(--lightgray-color);
	border-color: var(--gray-color);
	cursor: default;
}

[type="radio"] + label,
[type="checkbox"] + label {
	line-height : 1;
}

.flex_box input[type="checkbox"],
.flex_box input[type="radio"] {
	flex : unset;
}

.flex_box:has(input + label) input[type="radio"],
.flex_box:has(input + label) input[type="checkbox"]{
	margin-right : 0;
}

.input_fake[type="radio"],
.input_fake[type="checkbox"],
.input_fake_tab[type="radio"],
.input_fake_tab[type="checkbox"] {
	display:none;
}

.input_fake + label, label:has(.input_fake),.input_fake_btn{
    display: block;
    text-align: left;
    font-size: 1.6rem;
    color: var(--navy-color);
    font-weight: 400;
    width: auto;
    height: 3.4rem;
    line-height: 2.8rem;
	border: 2px solid transparent;
    text-align : center;
    border-radius: 5rem;
    padding: 0px 20px;
    background-color: var(--lightgray-color);
    box-sizing: border-box;
    min-width : 10rem;
}

.input_fake:checked + label,
.input_fake_btn.active,
label:has(.input_fake:checked) {
	background-color : #fff;
	border-color : #1492E6;
}

.input_fake_tab + label, label:has(.input_fake_tab) {
	display: inline-block;
	height: 3.2rem;
    line-height: 3.0rem;
    font-size: 1.4rem;
	padding: 0 3.5rem;
	border-radius: 0.5rem;
    font-weight: 300;
	background-color: var(--A-lightgray-color);
    opacity: 0.3;
    color: #fff;
    text-align : center;
}

.input_fake_tab:checked + label,
label:has(.input_fake_tab:checked) {
	background-color: var(--blue-color);
    color: #fff;
    opacity: 1;
}

.select_fake {
	position : relative;
}

.select_fake input[type="text"] {
	border: 0;
    position: absolute;
    left: 1px;
    top: 1px;
    width: calc(100% - 3.8rem);
    height: calc(100% - 2px);
}

.select_fake p {
	font-size: 1.4rem;
    color: var(--U-black-color);
    border: 1px solid var(--gray-color);
    line-height: 3.6rem;
    padding: 0px 3.5rem 0px 1rem;
    width: 100%;
    height: 3.8rem;
    border-radius: 0.5rem;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(/assets/bnz/common/images/common/select_arrow_off.svg);
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-color: #fff;
    background-size: 1.3rem;
    min-width: 12rem;
}

.select_fake p.selected {
	position : relative;
	z-index : 1;
}

.select_fake.active p {
    background-image: url("/assets/bnz/common/images/common/select_arrow_on.svg");
    border-color : var(--main-color1)
}

.select_fake ul {
	border: 1px solid var(--gray-color);
    border-radius: 0.5rem;
    font-size: 1.4rem;
    overflow: hidden;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
	margin-top: 0.3rem;
    z-index: 1;
    background: #fff;
	max-height: calc(15rem + 2px);
    overflow-y: auto;
}

.select_fake.active ul {
	display : block;
}

.select_fake ul li {
	padding: 0.5rem 1rem;
    cursor: pointer;
    font-weight: 400;
}

.select_fake ul li:hover,
.select_fake ul li.selected {
	background: var(--lightgray-color);
}

.input_limit {
	position : relative;
}

.input_limit input[type="text"],
.input_limit textarea {
	padding-right: 7rem;
}

.input_limit .cnt {
	font-size: 1.2rem;
    position: absolute;
    right: 1.2rem;
    bottom: 0.4rem;
    color: var(--gray-color);
}


/* label:has(input[type="checkbox"],input[type="radio"]) + label { */
/* 	margin-left : 10px; */
/* } */

/* label + input[type=radio] ,label + input[type=checkbox] { */
/*     margin-left : 10px; */
/* } */

/* .input_fake + label ~ label { */
/* 	margin-left : 1rem; */
/* } */

/* .input_fake.readonly { */
/*     background-color: #fafafa; */
/* } */

/* .radio_fake:before { */
/*     content: ''; */
/*     width : 20px; */
/*     height : 20px; */
/*     display: inline-block; */
/*     margin-right : 10px; */
/*     background-image: url("/img/input_radio1_new.png"); */
/*     background-position: center bottom; */
/*     background-repeat: no-repeat; */
/*     background-size: 100% auto; */
/* } */

/* .radio_fake span { */
/*     display: inline-block; */
/*     vertical-align: text-top; */
/*     line-height: 1; */
/* } */

body select {
    font-size: 1.4rem;
    color: var(--U-black-color);
    border: 1px solid var(--gray-color);
    line-height: 3.6rem;
    padding: 0px 3.5rem 0px 1rem;
    width: 100%;
    height: 3.8rem;
    border-radius: 0.5rem;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("/assets/bnz/common/images/common/select_arrow_off.svg");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-color: #fff;
    background-size: 1.3rem;
    min-width : 12rem;
}

body select + select {
	margin-left : 0.5rem;
}

body select:focus {
    background-image: url("/assets/bnz/common/images/common/select_arrow_on.svg");
    border-color : var(--main-color1)
}

body select:disabled {
    background-color: var(--lightgray-color);
}

textarea,
.textarea_fake{
    width: 100%;
    display : inline-block;
    min-height: 10rem;
    color: var(--U-black-color);
    border-radius: 0.5rem;
    border: 1px solid var(--gray-color);
    padding : 1rem 1.2rem;
    box-sizing: border-box;
    font-weight : 400;
}

textarea::placeholder {
	color : var(--gray-color);
}

textarea:focus {
	border : 1px solid var(--main-color1)
}

.file_form_wrap {
	    position : relative;
}

.file_form_wrap .fileLists{
    font-size: 1.4rem;
    color: var(--U-black-color);
    font-weight: 400;
    width: 100%;
    line-height: 1.0;
    border: 1px solid var(--gray-color);
    border-radius: 0.5rem;
    background-color: #fff;
    box-sizing: border-box;
    cursor: pointer;
    padding: 0.35rem 1.2rem;
    text-align : left;
}

.ty_block .file_form_wrap .fileLists {
	margin-top : 0;
} 

.file_form_wrap .fileLists > li {
	width: calc(100% - 8rem);
    height: 100%;
    line-height: 1.4;
    color: var(--gray-color);
    font-size: 1.4rem;
    padding: 0.5rem 0;
}

.file_form_wrap:has(input[type='file']) label {
	position : absolute;
	right : 0.5rem;
	top : 0.45rem;
}

label[for="egovComFileUploader"] ~ input[type="file"]{
	display : none;
}

.fileLists {
   font-size: 1.4rem;
}

.fileLists:has(>li){
	margin-top : 1rem;
}

.fileLists>.fileItems:first-child {
   margin-top: 0;	
}

.fileLists>.fileItems {
	margin-bottom: 5px;
	list-style: none;
}

.fileLists>.fileItems>p {
   word-break: break-all;
   font-weight: 500;
   font-size: 1.4rem;
   color: var(--gray-color);
   display: flex;
   align-items: center;
}

.fileLists>.fileItems>p img {
	max-width : 20rem;
	margin-left : 1rem;
}

.fileLists>.fileItems:last-child {
   margin-bottom: 0;
}

.fileLists>.fileItems .fileNames {
   padding-left: 20px;
   background-image: url('/assets/bnz/common/images/common/file-navy-icon.png');
   background-size: auto;
   background-repeat: no-repeat;
   background-position-x: left;
   background-position-y: center;
   position: relative;
   display: inline-block;
}

.fileLists>.fileItems .deleteBtn {
	border: 0;
    width: 1.2rem;
    height: 1.2rem;
    display: inline-block;
    cursor: pointer;
    position: relative;
    background-image: url(/assets/bnz/common/images/common/close_icon_black.svg);
    background-position: right;
    margin-left: 1rem;
    font-size: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: transparent;
}

.file_form_wrap.tyImgList .fileLists {
	border : 0;
	display: flex;
    flex-wrap: wrap;
    gap : 0 1.5rem;
    padding : 0;
    margin : 0;
    cursor: default;
}

.file_form_wrap.tyImgList .fileLists>.fileItems {
	width : auto;
	padding: 0;
    margin: 1rem 0 0 0;
}

.file_form_wrap.tyImgList .fileLists>.fileItems>p {
	align-items : start;
}

.file_form_wrap.tyImgList .fileLists>.fileItems .deleteBtn {
    margin-left: 0.5rem;
    margin-top: 0.2rem;
}

.file_form_wrap.tyImgList .fileLists .fileImages {
	max-width : 7.5rem;
	background-color : var(--U-lightgray-color);
}

.file_form_wrap.tyImgList .fileLists .fileImages img {
	max-width : 100%;
	margin-left : 0;
}

.file_form_wrap.tyImgList .fileLists .fileImages img[src*="onerror"] {
	
}

ul:has(.fileMsg) {
	margin-top : 1rem;
}

.fileMsg {
   color: var(--gray-color);
   font-size: 1.2rem;
}

.fileMsg.msg-blue {
   color: #2c64cf;
}

/**************** 
*--- tab
*****************/
.tab_wrap > ul {
    white-space: nowrap;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: hidden;
    padding: 1px 0;
    font-size : 0;
}

/* .tab_wrap .cate_tab::-webkit-scrollbar { */
/*     display: none; */
/* } */


.swiper-container.tab_wrap .cate_tab {
	overflow: visible;
	padding : 0; 
}

.tab_wrap .cate_tab li {
    display: inline-block;
    margin : 0 1rem;
}

.tab_wrap .cate_tab li.disabled a {
	cursor : default;
}

.tab_wrap .cate_tab li:not(.displaynone):first-child {
	margin-left : 0;
}

.tab_wrap .cate_tab li:not(.displaynone):last-child {
	margin-right : 0;
}

.tab_wrap[class*="type"] .cate_tab li a {
    color : #fff;
    font-size: 1.8rem;
    padding : 0 6rem;
    font-weight: 300;
    height : 4rem;
    line-height: 3.8rem;
    display: inline-block;
    position: relative;
    background-color : var(--A-gray-color);
    border-radius : 3.5rem;
    text-align : center;
}

.tab_wrap[class*="type"] .cate_tab li.active a {
    background-color : var(--org-color);
    font-weight: 400;
}

.tab_wrap.typeB .cate_tab li a {
	background-color : #fff;
	border-radius : 0.5rem;
	font-weight : 300;
/* 	opacity : 0.15; */
	background: var(--gray-color);
    color: #fff;
}
.tab_wrap.typeB .cate_tab li.active a {
	background-color : var(--blue-color);
	color : #fff;
	opacity : 1;
}

.tab_wrap.typeC .cate_tab li a{
	font-size : 1.6rem;
	border: 1px solid var(--blue-color);
	color : var(--blue-color);
	background-color : transparent;
	font-weight : 500;
}

.tab_wrap.typeC .cate_tab li.active a,
.tab_wrap.typeC .cate_tab li:hover a,
.tab_wrap.typeC.swiper-container .cate_tab li.swiper-slide-thumb-active a {
	color : #fff;
	background-color : var(--blue-color);
}

.tab_wrap.center {text-align : center;}
.tab_wrap.right {text-align : right;}

.tab_wrap.narrow .cate_tab li {margin : 0 0.5rem;}
.tab_wrap.narrow .cate_tab li a {padding : 0 3.5rem;}

.tab_wrap.close .cate_tab li {margin : 0;}
.tab_wrap.close .cate_tab li:first-child a {border-radius : 0.8rem 0 0 0.8rem;}
.tab_wrap.close .cate_tab li:not(:first-child,:last-child) a {border-radius : 0;}
.tab_wrap.close .cate_tab li:last-child a {border-radius : 0 0.8rem 0.8rem 0;}
.tab_wrap.close .cate_tab li:only-child a {border-radius : 0.8rem;}
.tab_wrap.close .cate_tab li+li a {border-left-color : transparent;}
.tab_wrap.close .cate_tab li.active + li:hover a {border-left-color : #fff;}

.tab_wrap.typeAuto .cate_tab li {min-width : 16%;}
.tab_wrap.typeAuto .cate_tab li a {padding : 0;display : block;}

.tab_wrap.typeM .cate_tab li a {height : 3.6rem; line-height : 3.4rem; font-size : 1.6rem;}
.tab_wrap.typeS .cate_tab li a {height : 3.2rem; line-height : 3.0rem; font-size : 1.4rem;}

.tab_wrap + .tab_wrap {margin-top : 2.5rem;}

ul.xs_tab li{font-size: 1.4rem;padding: 0rem 1rem;border-left: 1px solid transparent;line-height: 1; cursor : pointer;}
ul.xs_tab li:first-child {border-left : 0;}
ul.xs_tab li.active {color : var(--blue-color); font-weight: 600; }

@media (max-width: 1280px) { 
	.tab_wrap {width : calc(100% + 4rem);margin-left : -2rem;}
	.title_area .tab_wrap {width : auto; margin-left : 0;}
	.tab_wrap > ul {padding : 0 2rem;}
	.tab_wrap[class*="type"] .cate_tab li a {padding : 0 3rem;}
}


/**************** 
*--- board,table
*****************/
#fileList p ~ p {
	margin-top: 0.8rem;
}

#fileList a,a.downLink {
	text-decoration: underline;
	color : var(--blue-color);
	font-size : 1.4rem;
	line-height: 1.3;
    display: block;
}

.brd_search_wrap {
	background: var(--lightgray-color);
    padding: 2rem 3rem;
    border-radius : 1rem;
}

.brd_search_wrap.typeShadow {
	background: #FFF;
    box-shadow: inset 0px 3px 6px #FFFFFF29, 0px 3px 6px var(--shadow-color1);
    border: 1px solid var(--lightgray-color);
    border-radius: 3rem;
}

.tab_wrap + .brd_search_wrap,
.tab_wrap + form:has(.brd_search_wrap) {
	margin-top : 2rem;
}

.brd_search_wrap:has(>.flex_box) {
	display : flex;
	flex-wrap : wrap;
	justify-content: center;
	align-items : center;
}

.brd_search_wrap .search_box {
	display : flex;
	flex-wrap : wrap;
	align-items : center;
}

.brd_search_wrap .search_box.justify {
	justify-content: space-between;
}

.brd_search_wrap .search_box.center{
	justify-content: center;
}

.brd_search_wrap > .search_box,
.brd_search_wrap > .flex_box {
	margin : 1rem 0;
}

.brd_search_wrap > .search_box > .flex_box:not(:has(>.date-picker)) {
	gap : 0 1rem;
}

.brd_search_wrap:has(.flex_box) .flex_box ~ .flex_box {
	margin-left : 1rem;
}

.brd_search_wrap:has(.flex_box) .flex_box p,
/* .brd_search_wrap:has(.flex_box) .flex_box label:not([for*=""]), */
.txt_label {
	margin-right : 0.8rem;
	font-weight : 400;
	word-break: keep-all;
	font-size: 1.4rem;
	color: var(--U-black-color2);
	cursor: unset;
}

.brd_search_wrap .btnSubmit,
.brd_search_wrap .btnStrong {
	min-width : 10rem;
	margin-left : 2rem;
}

.brd_search_wrap select {
	width : 15rem; 
	flex : unset;
}

:has(.brd_search_wrap) ~ .board_wrap,
.brd_search_wrap ~ .board_wrap {
	margin-top : 4rem;
}

.board_wrap table ~ .btn_wrap,
.board_wrap .table_wrap ~ .btn_wrap {
	margin-top : 2.5rem;
}

.board_wrap .btn_wrap {
	margin-bottom : 1rem;
}

.board_wrap .btn_wrap a,
.board_wrap .btn_wrap button {
	min-width : 8rem;
	box-shadow : unset;
}

.board_wrap .table_wrap ~ .btn_wrap a {
	min-width : 14rem;
}

.btn_wrap:not(.displaynone) + .brd_result_wrap {
	margin-top : 1rem;
}

.brd_result_wrap.flex_box {
    align-items: end;	
}

.brd_result_wrap select {
	flex : unset;
	width : auto;
}

/* table */
.board_wrap table {
    width : 100%;
    border-top : 1px solid var(--U-black-color);
}

.brd_result_wrap + table,
.brd_result_wrap + .table_wrap {
	margin-top : 10px;
}

.board_wrap table th,.board_wrap table td {
    padding : 1.2rem 1rem;
    border-bottom : 1px solid var(--lightgray-color);
    text-align: center;
    word-break: keep-all;
    font-size: 1.6rem;
}

.board_wrap table th {
	background-color : var(--U-lightgray-color);
}

.board_wrap table.left th,.board_wrap table.left td {
	padding : 1.2rem;
	text-align : left; 
}

.board_wrap table th.left,.board_wrap table td.left {
	text-align : left;
	padding-left : 1.5rem;
}

.board_wrap table tr.subject {
	cursor : pointer;
}

.board_wrap:not(.boardView) table td.subject {
	cursor : pointer;
	font-weight : 500;
}

.board_wrap:not(.boardView) table tr.detail td{
	background-color: #fafafa !important;
    padding: 2rem 3rem;
    text-align: left;
}

.board_wrap table td.nodata,
p.nodata{
	padding : 12rem 0;
	color: var(--gray-color);
	font-weight : 400;	
	text-align : center;
}

.nodata.ty_stretch {
	height: 100%;
    display: flex;
    flex-direction: column;
    padding: 0;
    justify-content: center;
}

.board_wrap table td.center {
	text-align : center;
}

.board_wrap table td.subject a {
	display : block;
	font-weight : 500;
}

table.ty_block {
    padding-top : 1rem;
    font-size : 0;
}

table.ty_block,
table.ty_block > thead,
table.ty_block > tbody,
table.ty_block > tfoot,
table.ty_block > tbody > tr,
table.ty_block > tbody > tr > th,
table.ty_block > tbody > tr > td {
    display: block;
    background-color: transparent;
    text-align: left;
    border: none;
}

table.ty_block tr.typeHalf{
	display : inline-block;
	width : 50%;
	vertical-align : bottom;
}

table.ty_block tr.typeHalf.small{
	width : 25%;
}

table.ty_block tr.typeHalf.block {
	width : auto;
}

table.ty_block tr.typeHalf.top {
	vertical-align: top;
}

table.ty_block tr.typeHalf:not(.block,.even) + tr.typeHalf:not(.block) {
	padding-left : 0.75rem;
}

table.ty_block tr.typeHalf.small + tr.typeHalf.block {
	padding-left : 5%;
}

table.ty_block tr.typeHalf td {
	min-height : 5rem;
}

table.ty_block tr.typeHalf td > div {
	min-height : 3.8rem;
}

table.ty_block th {
	padding : 0.8rem 0.5rem 0.8rem 0;
	font-size : 1.4rem;
	font-weight : 500;
 }

 table.ty_block td {
 	padding-bottom : 1.2rem;
}

table.ty_block td.center{
	text-align : center;
}

table.ty_block th .flex_box:has(button,a) {
	align-items : end;
}

table tr th .desc {
	font-size : 1.1rem;
	font-weight : 400;
}

table tr.required th .desc:before {
    content: '*';
    margin-left: 0.3rem;
    color: var(--org-color);
}

/* View */
.boardView table tbody td.url a {
	text-decoration: underline;
}

.boardView table tbody th.subject,
.boardView table tbody td.subject {
	font-weight : 600; 
}
.boardView table tbody td.detail {
	padding : 2rem 1rem;
	text-align : left;
}
.boardView table tbody td.detail .detail_cont {
	min-height : 30rem;
}

.boardView .ty_block > tbody > tr > td {
	border-bottom : 1px solid var(--U-gray-color);
	padding-top : 1rem;
}

.boardView .ty_block tbody td.subject{
	font-size : 1.8rem;
}

.boardView .ty_block tbody td.info > ul {
	display : flex;
	flex-wrap : wrap;
	gap : 0.5rem 1rem;
	font-size : 1.4rem;
}

.boardView .ty_block tbody td.info > ul li:not(.block) {
	width: calc(50% - 0.5rem);
}

.subject_area {
	padding-bottom: 1rem;
	border-bottom: 1px solid var(--shadow-color1);
	align-items: end;
}

.subject_area h4 {
	font-size: 1.8rem;
	font-weight: 600;
}

.subject_area p {
	font-size: 1.4rem;
}

.subject_area+.board_wrap {
	margin-top: 2rem;
}

/* boardWrite */
.board_wrap.boardWrite .btn_wrap.flex_box {
	gap : 0 1%;
}

.board_wrap.boardWrite .btn_wrap .sizeL {
	min-width : 16rem; 
} 

/* 댓글 */
.board_wrap .table_wrap + .comment_wrap,
.board_wrap table + .comment_wrap {
	margin-top : 2.5rem;
}  

.comment_wrap .comment_write {
	position: relative;
    border: 1px solid var(--shadow-color1);
    border-radius: 1rem;
}

.comment_wrap .comment_write input[type="text"] {
	border-color: transparent;
    height: 5rem;
    background: transparent;
}

.comment_wrap .comment_write:has(input[type="text"]:focus) {
	border-color : var(--main-color1);
}

.comment_wrap .comment_write > button,
.comment_wrap .comment_write > a {
	position: absolute;
    right: 1rem;
    min-width: 10rem;
    top: 0.9rem;
}

.comment_wrap .comment_list {
	margin-top : 2.5rem;
}

.comment_wrap .comment_list .subject_area h4 {
	font-size : 1.4rem;
}

.comment_wrap .comment_list > ul li {
	display : flex;
	border-bottom : 1px solid var(--shadow-color1);
	font-size: 1.4rem;
	flex-wrap: wrap;
}

.comment_wrap .comment_list > ul li .btn_wrap {
	margin: 0;
    display: flex;
    align-items: center;
    justify-content: start;
	width: 100%;
    padding: 0 2rem 1rem 2rem;
    flex-shrink: 0;
    gap : 0 0.5rem;
}

.comment_wrap .comment_list > ul li:not(:has(.btn_wrap:not(.displaynone))) > p {
	padding-bottom : 1rem;
}

.comment_wrap .comment_list > ul li .btn_wrap button {
	min-width: 7.2rem;
    line-height: 2.6rem;
    font-size : 1.2rem;
    margin : 0;
}

.comment_wrap .comment_list > ul li > p {
	padding : 1rem 2rem 0 2rem;	
	word-break: keep-all;
}

.comment_wrap .comment_list > ul li > p.cmt {
	flex : 1;
}

.comment_wrap .comment_list > ul li > p.nodata {
	flex: 1;
    text-align: center;
    color: var(--gray-color);
    font-weight: 400;
    font-size: 1.2rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.comment_wrap .comment_list > ul li > p:not(.cmt) {
	width : 12%;
	flex-shrink: 0;
}

.comment_wrap .comment_list > ul li .info span {
	display : block;
}

/* view이동 */
.movement_wrap {
	margin-top : 5rem;
	font-size : 1.4rem;
}

.movement_wrap > ul {
	border: 1px solid var(--lightgray-color);
	border-top : 0;
}

.movement_wrap > ul li {
	display : flex;
	border-top: 1px solid var(--lightgray-color);
}

.movement_wrap > ul li span {
	background-color: var(--U-lightgray-color);
	border-right: 1px solid var(--lightgray-color);
	width : 10%;
	text-align : center;
	flex-shrink: 0;
	padding: 1.2rem;
}

.movement_wrap > ul li p {
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    cursor: pointer;
    margin : 1.2rem;
    flex : 1;
}

/* paging */
.paging_wrap{
	margin-top : 2.5rem;
}

.paging_wrap ul {
	display :flex;
	justify-content: center;
    gap: 0 1rem;
	flex-wrap: wrap;
}

.paging_wrap ul li a {
	display : block;
	padding : 1rem;
	border-radius : 1rem;
	color : var(--A-black-color);
	min-width: 4.4rem;
	height: 4.4rem;
    text-align: center;
    background-color : var(--lightgray-color);
}

.paging_wrap.typeSmall ul li a {
	min-width: 2.6rem;
    height: 2.6rem;
    padding: 0;
    border-radius: 0.5rem;
    font-size: 1.4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.paging_wrap ul li.arrow a{
	font-size: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height : unset;
}

.paging_wrap ul li.arrow a:before {
	content : '';
	width : 0.5rem;
	height : 0.9rem;
	background-image: url(/assets/bnz/common/images/common/paging_arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    filter : brightness(0.5);
}

.paging_wrap ul li.arrow.first a:before,
.paging_wrap ul li.arrow.prev a:before {
	transform: rotate(180deg);
}

.paging_wrap ul li.arrow.first a:before,
.paging_wrap ul li.arrow.last a:before {
	width : 0.9rem;
	background-image: url(/assets/bnz/common/images/common/paging_arrow_last.svg);
}

.paging_wrap ul li:hover a,
.paging_wrap ul li.active a {
	background-color : var(--org-color);
	color : #fff;
}

.ui-widget.ui-widget-content {border-color: transparent;padding: 1rem;box-shadow: 0px 3px 2rem var(--shadow-color1);margin-top: 0.5rem;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {border : 0;width: calc(50% - 0.3rem); height: auto;background-size: 1rem; font-size : 1.4rem;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {border: unset;top: 50%;transform: translate(0, -50%);background: #fff;width: 2.4rem;height: 2.4rem; cursor : pointer;}
.ui-datepicker .ui-datepicker-prev {left : 0.5rem;}
.ui-datepicker .ui-datepicker-next {right : 0.5rem;}
.ui-datepicker .ui-datepicker-prev span {background-image: url(/assets/bnz/common/images/common/paging_arrow.svg);background-position: center;filter: brightness(0.5); transform: rotate(180deg);}
.ui-datepicker .ui-datepicker-next span {background-image: url(/assets/bnz/common/images/common/paging_arrow.svg);background-position: center;filter: brightness(0.5);}

.ui-datepicker th {padding : 0.5rem; font-weight : 500;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border: unset;padding: 0.5rem;background-color: var(--lightgray-color);font-size: 1.4rem;text-align: center;border-radius: 0.3rem;}
.ui-widget-content .ui-state-hover,.ui-widget-content .ui-state-active {border : 0; background: var(--shadow-color1); color: var(--A-black-color2);}
.ui-datepicker .ui-datepicker-buttonpane {border : 0; padding : 0;}
.ui-datepicker .ui-datepicker-buttonpane button {font-weight: 400;color: var(--A-lightgray-color);}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {opacity : 1;}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {display : none;}
.ui-widget-content .ui_tpicker_hour .ui-state-default.ui-timepicker-select,
.ui-widget-content .ui_tpicker_minute .ui-state-default.ui-timepicker-select {padding : 0;}

@media (max-width: 1280px) {
	.brd_search_wrap {padding : 2.5% 2%;}
	.brd_search_wrap:has(.flex_box) {flex-direction: column;}
	.brd_search_wrap:has(.flex_box) .flex_box { width : 100%; margin : 0.5rem 0;}
	.brd_search_wrap:has(.flex_box) .search_box:has(> .flex_box) ~ .search_box {margin-top : 0.5rem;}
	.brd_search_wrap:has(.flex_box) .search_box ~ .search_box > .flex_box {margin : 0;}
	.brd_search_wrap:has(.flex_box) .search_box ~ .search_box > .flex_box ~ .flex_box {margin-top : 0.5rem}
	.brd_search_wrap:has(.flex_box) .flex_box ~ .flex_box {margin : 0.5rem 0;}
	.brd_search_wrap > .search_box {margin : 0; flex-direction: column;}
	.brd_search_wrap:has(.flex_box) > .search_box > .flex_box select{ flex : 1;}
	.brd_search_wrap:has(.flex_box) > .search_box > .flex_box:has(input[type="text"]) select[name="searchType"] {flex : unset; width : auto;}	
	.brd_search_wrap:has(.flex_box) > .search_box > .flex_box:has(>select + input[type="text"]) select {flex : unset;}
	.brd_search_wrap > .search_box .flex_box:has(.flex_box),
	.brd_search_wrap form > .search_box .flex_box:has(.flex_box) {flex-direction : column;}
	.brd_search_wrap:has(.flex_box) .flex_box p,.txt_label {min-width : 10rem; margin-right : 0;}
	.brd_search_wrap .btnSubmit,.brd_search_wrap .btnStrong {margin-left : 0; width : 100%; height: 4rem; line-height: 3.8rem; margin-top : 1rem;}
	.brd_search_wrap .search_box.center {align-items : baseline;}
	input[type="text"].date-picker{max-width : unset;}
	input[type="text"].date-picker#searchBeginDt {margin-left : 0;}
	select.flex_select {flex : 1;}
	.flex_box input[type="text"]:last-child {margin-right : 0;}
	
	.table_wrap{overflow-x: auto;width: calc(100% + 2rem); padding-right : 2rem;}
}

@media (max-width: 768px) {
	.brd_search_wrap {padding : 3% 2% 4% 2%;}
	.brd_search_wrap.typeShadow {border-radius: 2rem;}
	.brd_search_wrap:has(.flex_box) .flex_box p,.txt_label {min-width : 8rem; padding-right : 2rem;}
	table.ty_block tr.typeHalf,table.ty_block tr.typeHalf.small,table.ty_block tr.typeHalf.block {width : 100%; vertical-align : baseline;}
	table.ty_block tr.typeHalf:not(.block,.even) + tr.typeHalf:not(.block) {padding-left : 0;}
	table.ty_block tr.typeHalf td,table.ty_block tr.typeHalf td>div {min-height : unset;}
	table.ty_block tr.typeHalf.small + tr.typeHalf.block {padding-left : 0;}
	
	.flex_box.typeEven > * {width : 100%;}
	
	.board_wrap.boardWrite .btn_wrap.flex_box a,
	.board_wrap.boardWrite .btn_wrap.flex_box button { flex : 1;}
	
	.movement_wrap > ul {display : flex;}
	.movement_wrap > ul li {flex-direction: column;width: 50%; border-right: 0;}
	.movement_wrap > ul li + li {border-left : 1px solid var(--lightgray-color);}
	.movement_wrap > ul li span {width : 100%; border : 0;}
	.movement_wrap > ul li p {-webkit-line-clamp: 2;}
	
	.comment_wrap .comment_list > ul li {flex-direction: column; padding: 0rem 0 1rem 0;}
	.comment_wrap .comment_list > ul li .btn_wrap {padding : 1rem 2rem; }
	.comment_wrap .comment_list > ul li > p.cmt {background: var(--U-lightgray-color);margin-bottom: 1rem; padding-bottom : 1rem;}
	.comment_wrap .comment_list > ul li > p:not(.cmt) {width: 100%; padding : 0 2rem;}
	.comment_wrap .comment_list > ul li > p.nodata {padding : 4rem 0 3rem 0;}
	.comment_wrap .comment_list > ul li .info span {display: inline-block;margin: 0 1rem 0.5rem 0;}
}
 
 /**************** 
*--- modal
*****************/
.modal,
.global_modal {
	width : 100%;
	height : 100%;
	background-color : rgba(0,0,0,0.6);
	position : fixed;
	left : 0;
	top : 0;
	z-index : 11;
}

.modal .modal_content,
.global_modal .global_modal_content {
	width : 60%;
	max-width : 1200px;
	height : 90%;
	position : absolute;
	left : 50%;
	top : 50%;
	transform : translate(-50%,-50%);
	background-color : #fff;
	padding : 2rem 2rem 5rem 2rem;
	color : var(--U-black-color);
}
.modal .modal_content.typeSmall,
.global_modal .global_modal_content.typeSmall {
	width : 36%;
	height : 90%;
	min-width : 67rem;
}

.modal .modal_content.ty_HeightAuto,
.global_modal .global_modal_content.ty_HeightAuto {
	height : auto;
	max-height : 95%;
/* 	overflow-y : auto; */
}

.modal .modal_content:not(.typeBlur, :has(.modal_header .title)),
.global_modal .global_modal_content:not(.typeBlur, :has(.modal_header .title)) {
	padding : 2rem 2rem 4rem 2rem;
}

.modal .modal_header,
.global_modal .modal_header {
	padding : 1.3rem 0;
	position : relative;
}

.modal .modal_content .modal_header:not(:has(.title)),
.global_modal .global_modal_content .modal_header:not(:has(.title)) {
	height : 4.5rem;
	padding : 0;
}

.modal .modal_header .title,
.global_modal .modal_header .title{
	font-size : 2.4rem;
	font-weight : 500;
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 2rem;
}

.modal .modal_header .btnClose,
.global_modal .modal_header .btnClose{
	width: 6rem;
    height: 6rem;
    display: block;
    background-image: url('/assets/bnz/common/images/common/close_icon_black.svg');
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: right;
    font-size: 0;
}

.modal .modal_body,
.global_modal .modal_body {
	height: calc(100% - 5.5rem);
	overflow-y : auto;
	padding : 2rem 1rem 0 1rem;
}

.modal .modal_content:has(.modal_footer):not(.typeBlur) .modal_body,
.global_modal .global_modal_content:has(.modal_footer):not(.typeBlur) .modal_body {
	height : calc(100% - 13.2rem);
}

.modal .modal_body:has(table),
.global_modal .modal_body:has(table){
	padding-top : 1rem;
}

.modal .modal_body .board_wrap table:not(.ty_block) th,
.global_modal .modal_body .board_wrap table:not(.ty_block) th {
	font-weight : 500;
}

.modal .modal_body .board_wrap table:not(.ty_block) td,
.global_modal .modal_body .board_wrap table:not(.ty_block) td {
	background-color : transparent;
}

.modal .modal_footer,
.global_modal .modal_footer {
	display : flex;
	justify-content : center;
	align-items: center;
	gap : 0 1rem;
	padding-top : 1.5rem;
	flex-wrap : wrap;
}

.modal .modal_footer *:not(a,button,input[type='button'],.paging_wrap,.paging_wrap li),
.global_modal .modal_footer *:not(a,button,input[type='button'],.paging_wrap,.paging_wrap li){
	width : 100%;
	text-align : center;
}

.modal .modal_footer:has(.paging_wrap),
.global_modal .modal_footer:has(.paging_wrap) {
	flex-direction: column;
    padding: 0;
}

.modal .modal_footer .paging_wrap,
.global_modal .modal_footer .paging_wrap {
	padding : 1rem 0;
	margin : 0;
}

.modal .modal_footer:has(.paging_wrap) .btn_wrap *,
.global_modal .modal_footer:has(.paging_wrap) .btn_wrap * {
	margin: 0 0.5rem;
}

.modal .modal_footer > button,.modal .modal_footer > a,
.global_modal .modal_footer > button,.global_modal .modal_footer > a {
	min-width : 12rem;
}

.modal .modal_footer .sizeL,
.global_modal .modal_footer .sizeL{
	min-width : 16rem;
}

/*modal other type*/
.modal .modal_content.typeBlur,
.global_modal .global_modal_content.typeBlur {
	max-width: 40rem;
	max-height: 58rem;
	height: calc(90% - 7.7rem);
	top: calc(50% - 2.5rem);
	padding : 0;
	background-color: transparent;
}

.modal .typeBlur .modal_header,
.global_modal .typeBlur .modal_header {
	position: absolute;
    right: -1.5rem;
    top: -2rem;
} 

.modal .typeBlur .modal_body,
.global_modal .typeBlur .modal_body {
	padding : 0;
	height: 100%;
    border-radius: 3.4rem;
    background-color: rgba(255, 255, 255, 0.8);
/*     backdrop-filter: blur(5px); */
/*     -webkit-backdrop-filter: blur(5px); */
    border: 0.2rem solid #fff;
    position: relative;
    z-index: -1;
}

.modal .modal_content.typeDark,.global_modal .global_modal_content.typeDark {background-color : var(--black-color);} 
.modal .modal_content.typeDark .modal_header .title,
.global_modal .global_modal_content.typeDark .modal_header .title {color : #fff;}
.modal .modal_content.typeDark .modal_header .btnClose,
.global_modal .global_modal_content.typeDark .modal_header .btnClose {background-color : #fff;}

.modal .modal_content.typeMap .map_area,
.global_modal .global_modal_content.typeMap .map_area {width : 100%; height : 100%; padding-top : 2.5rem;}
.modal .modal_content.typeMap div:has(>.ol-viewport),
.global_modal .global_modal_content.typeMap div:has(>.ol-viewport) {width : 100%; height : 100%;}
.modal .modal_content.typeMap .map_detail,
.global_modal .global_modal_content.typeMap .map_detail {
	position: absolute;
    right: 1.5rem;
    top: 4rem;
    height: calc(100% - 5.5rem);
    background: #fff;
	box-shadow: inset 0px 3px 6px #00000029, 0px 0px 6px #00000066;
	border-radius : 4.4rem;
	padding : 2rem;
	max-width : 40%;
}

.modal .modal_content.typeMap .map_detail .title_area,
.global_modal .global_modal_content.typeMap .map_detail .title_area {
	text-align : center;
	padding-bottom : 2.5rem;
}

.modal .modal_content.typeMap .map_detail .title_area + .flex_box:has(input) input[type='text'],
.global_modal .global_modal_content.typeMap .map_detail .title_area + .flex_box:has(input) input[type='text'] {
	font-size : 1.2rem;
}

.modal .modal_content.typeMap .map_detail .title_area + .flex_box:has(input) a,
.global_modal .global_modal_content.typeMap .map_detail .title_area + .flex_box:has(input) a {
	min-width : 10rem;
}

.modal .modal_content.typeMap .map_detail .table_wrap,
.global_modal .global_modal_content.typeMap .map_detail .table_wrap {
	margin : 1rem auto;
	height: calc(100% - 15rem);
    overflow-y: auto;
}

.modal .modal_content.typeMap .map_detail table th,.modal .modal_content.typeMap .map_detail table td,
.global_modal .global_modal_content.typeMap .map_detail table th,.global_modal .global_modal_content.typeMap .map_detail table td {font-size : 1.4rem; padding : 0.6rem;}

/* 서비스 준비중 modal */
.sys_chck_wrap {text-align : center; color : #111827; height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.sys_chck_wrap h3,.sys_chck_wrap p {font-weight : 500;}
.sys_chck_wrap .desc {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 2.5rem 0; line-height : 1.7;}
.sys_chck_wrap .desc button {min-width : 18rem; margin : 1rem 0;}
.modal .sys_chck_wrap .desc input[type="checkbox"],
.global_modal .sys_chck_wrap .desc input[type="checkbox"] {top : 0.15rem; margin-right : 0.5rem;}

.sys_chck_wrap .img {max-width : 65%;margin : 0 auto;}

.sys_chck_wrap.tyFull h3 {font-size : 6rem;}
.sys_chck_wrap.tyFull .desc {font-size: 2.4rem;}
.sys_chck_wrap.tyFull .desc .logo {max-width : 11.5rem; margin-top: 2rem;} 

@media (max-width: 1280px) { 
	.modal .modal_content,.global_modal .global_modal_content {padding : 2rem; width : 80%;}
	.modal .modal_content.typeSmall,.global_modal .global_modal_content.typeSmall {width : 65%;}
	.modal .modal_content.typeMap,.global_modal .global_modal_content.typeMap {width : 90%}
	.modal .modal_header .title,.global_modal .modal_header .title {font-size : 2rem;}
	
	.modal .modal_content.typeMap .map_detail,
	.global_modal .global_modal_content.typeMap .map_detail {right: 1rem;top: 3.5rem;height: calc(100% - 4.5rem); border-radius : 1.6rem;}

	.sys_chck_wrap .img {margin-bottom: 2rem;}
	.sys_chck_modal .sys_chck_wrap .img{ max-width: 60%; margin-top: -5rem;}	
}

@media (max-width: 768px) {
	.modal .modal_content,.global_modal .global_modal_content {width : 100%; height : 100%; padding : 2rem 2rem 4rem 2rem;}
	.modal .modal_content.typeSmall,.global_modal .global_modal_content.typeSmall {width : 100%; min-width : unset;}
	.modal .modal_content.typeMap .map_detail,.global_modal .global_modal_content.typeMap .map_detail {width: calc(100% - 2rem);max-width: unset;left: 1rem;bottom: 1rem;height: 50%;top: unset;}
	
	.sys_chck_wrap.tyFull h3 {font-size : 4.8rem;}
	.sys_chck_wrap.tyFull .desc {font-size: 2rem;}
}

/**************** 
*--- scrollbar 
*****************/

::-webkit-scrollbar {
    width: 1rem;
    height: 1rem;
/*     border-radius: 0.6rem; */
    background-color: var(--lightgray-color);
}

::-webkit-scrollbar-button {
    display: none;
}

::-webkit-scrollbar-track {
    width: 1rem;
    height: 1rem;
    background-color: transparent;
}

::-webkit-scrollbar-corner {
    width: 1rem;
/*     border-radius: 50%; */
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
/*     border-radius: 0.6rem; */
	background-color: var(--gray-color);
}

:not(body)::-webkit-scrollbar {
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 0;
    background-color: transparent;
}

:not(body)::-webkit-scrollbar-button {
    display: none;
}

:not(body)::-webkit-scrollbar-track {
    width: 0.4rem;
    height: 0.4rem;
    background-color: transparent;
}

:not(body)::-webkit-scrollbar-corner {
    width: 0.3rem;
    border-radius: 50%;
    background-color: transparent;
}

:not(body)::-webkit-scrollbar-thumb {
    border-radius: 0.6rem;
    background-color: #999;
}

::selection {
    background: var(--main-color1);
    color: #fff;
}

/* mngr,ctzn 공통 사용 */
/* ctzn 공동체 , mngr 시설물 관리 swiper */
.actvcert_view_modal .boardView, .actvcert_view_modal .basic_wrap {
	padding: 0 5rem;
}

.actvcert_view_modal .basic_wrap {
	margin: 2rem 0;
}

.actvcert_view_modal .basic_wrap tr.typeHalf:has(.subject_area) {
	vertical-align : text-top;
}

.actvcert_view_modal .basic_wrap tr.typeHalf:has(.subject_area) th {
	padding-right : 0;
}

.actvcert_view_modal .basic_wrap .ty_block .subject_area {
	display : block;
}

.actvcert_view_modal .basic_wrap .stts_list {
	border: 1px solid var(--U-gray-color);
	display: flex;
}

.actvcert_view_modal .basic_wrap .stts_list li {
	padding: 1rem 0.5rem;
	width: calc(100%/ 4);
	text-align: center;
}

.actvcert_view_modal .basic_wrap .stts_list li+li {
	border-left: 1px solid var(--U-gray-color);
}

.actvcert_view_modal .basic_wrap .stts_list li.th {
	background-color: var(--lightgray-color);
}

.actvcert_view_modal .basic_wrap .stts_list li.td .stts {
	width: 1.6rem;
	height: 1.6rem;
	background-color: var(--gray-color);
	display: inline-block;
	border-radius: 5rem;
	vertical-align : sub;
}

.actvcert_view_modal .basic_wrap .stts_list li.td .stts.red {background-color: var(--red-color);}
.actvcert_view_modal .basic_wrap .stts_list li.td .stts.blue {background-color: var(--main-color1);}
.actvcert_view_modal .basic_wrap .stts_list li.td .stts.yellow {background-color: #F4D21A;}

.actvcert_view_modal .boardView .ty_block > tbody > tr:last-child td {
	border-bottom : 0;
}

.actvcert_view_modal .basic_wrap .detail_cont {
	margin-top: 3rem;
	font-size : 1.4rem;
}

.actvcert_view_modal .basic_wrap .ty_block + .detail_cont {
	margin-top : 1.5rem;
}

.actvcert_view_modal .basic_wrap .detail_cont .subject_area {
	font-size : 1.4rem;
	font-weight : 600;
    margin-bottom: 1rem;
}

.actvcert_view_modal .boardView .ty_block > tbody > tr > td {
	padding-left : 0;
	padding-right : 0;
}

.actvcert_view_modal .boardView .ty_block > tbody > tr > td:empty {
	display : none;
}

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

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

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

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

.actvcert_view_modal table td.detail .view_swiper .swiper-arrow.swiper-button-disabled {
	display : none;
}

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

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

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

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

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


@media (max-width: 768px) {
	.actvcert_view_modal .boardView {padding: 0 1rem;}
	.actvcert_view_modal table td.detail .view_swiper .swiper-next {right : -2rem;}
	.actvcert_view_modal table td.detail .view_swiper .swiper-prev {left: -2rem;}
}