/* Noto Serif KR (korean) http://www.google.com/fonts/earlyaccess */

@font-face {
	font-family: 'Noto Serif KR', serif;
	font-style: normal;
	font-weight: 200;
	src: url(../fonts/NotoSerifKR-ExtraLight.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Serif KR';
	font-style: normal;
	font-weight: 300;
	src: url(../fonts/NotoSerifKR-Light.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Serif KR', serif;
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/NotoSerifKR-Regular.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Serif KR';
	font-style: normal;
	font-weight: 500;
	src: url(../fonts/NotoSerifKR-Medium.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Serif KR';
	font-style: normal;
	font-weight: 700;
	src: url(../fonts/NotoSerifKR-Bold.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Serif KR';
	font-style: normal;
	font-weight: 900;
	src: url(../fonts/NotoSerifKR-Black.otf) format('opentype');
}

/*
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
https://github.com/orioncactus/pretendard

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/

@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url('../fonts/Pretendard-Black.woff2') format('woff2'), url('../fonts/Pretendard-Black.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url('../fonts/Pretendard-ExtraBold.woff2') format('woff2'), url('../fonts/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url('../fonts/Pretendard-Bold.woff2') format('woff2'), url('../fonts/Pretendard-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url('../fonts/Pretendard-SemiBold.woff2') format('woff2'), url('../fonts/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url('../fonts/Pretendard-Medium.woff2') format('woff2'), url('../fonts/Pretendard-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url('../fonts/Pretendard-Regular.woff2') format('woff2'), url('../fonts/Pretendard-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url('../fonts/Pretendard-Light.woff2') format('woff2'), url('../fonts/Pretendard-Light.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url('../fonts/Pretendard-ExtraLight.woff2') format('woff2'), url('../fonts/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url('../fonts/Pretendard-Thin.woff2') format('woff2'), url('../fonts/Pretendard-Thin.woff') format('woff');
}


body {
	font-family: "Pretendard", "Noto Sans KR", sans-serif !important;
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.3px;
	/* line-height: inherit; */
	color: #333 !important;
}

body,
button,
input,
optgroup,
select,
textarea {
	font-family: "Pretendard", "Noto Sans KR", sans-serif !important;
}

.font_size_24 {
	font-size: 24px !important;
}

.font_size_18 {
	font-size: 18px !important;
}

.font_size_16 {
	font-size: 16px !important;
}

.font_size_14 {
	font-size: 14px !important;
}

.font_size_12 {
	font-size: 12px !important;
}

.modal .menu-list a {
	color: #333 !important;
	padding: .6em 0em;
	word-break: break-all;
	display: flex;
	align-items: center;
	text-decoration: none;
	border-radius: 8px;
	transition: all 0.2s ease;
	position: relative;
}

.modal .menu-list.sub_list a {
	padding: .3em 0 !important;
}

.modal .menu-list a:hover {
	background: none;
	color: #485fc7 !important;
}

.modal .menu-list li.is-active > a {
	background: none;
	color: #485fc7 !important;
}

.modal .menu-list a {
	display: flex;
	align-items: center;
	padding: 12px 15px;
	color: #4a4a4a;
	text-decoration: none;
	border-radius: 8px;
	transition: all 0.2s ease;
	position: relative;
}

.modal .menu-list > li >a::before {
	content: "▸";
	margin-right: 8px;
	transition: transform 0.2s ease;
	color: #999;
}


.modal .menu-list > li.is-active > a::before {
	content: "▾";
	color: #999;
}

.menu-label {
	color: #333 !important;
	font-size: 18px !important;
	font-weight: 700;
	letter-spacing: -0.3px;
	text-transform: uppercase;
}

.menu-label:not(:last-child) {
	margin-bottom: .3em
}
.menu-label:not(:first-child) {
	margin-top: .8em
}

/* mHeader */
.mheader {
	background-color: #fff;
	/* box-shadow: 1px 1px 5px 0px var(--grey); */
	position: sticky;
	top: 0;
	width: 100%;
	/* height: 100px; */
}

/* Logo */
.mlogo {
	display: inline-block;
	height: 100px;

}
.mlogo a {
	display: inline-block;
	width: 120px;
	height: 50px;
	position: absolute;
	left: 20px;
	top: 30px;

}
.mlogo a img {
	vertical-align: top;
}

/* Nav menu */
.mnav{
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: #fff;
	/* overflow: hidden; */
	overflow-y: auto;
}

.mmenu a{
	display: block;
	padding: 20px;
	color: #333;

}

.mmenu a:hover{
	background-color: #ddd;
}

.mnav{
	max-height: 0;
	transition: max-height .2s ease-out;
}

/* Menu Icon */

.hamb{
	cursor: pointer;
	float: right;
	padding: 52px 20px;
}


.hamb-line {
	background: #333;
	display: block;
	height: 2px;
	position: relative;
	width: 24px;

}

.hamb-line::before,
.hamb-line::after{
	background: #333;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	transition: all .2s ease-out;
	width: 100%;
}

.hamb-line::before{
	top: 7px;
}

.hamb-line::after{
	top: -7px;
}


.side-menu {
	display: none;
}

/* Toggle menu icon */

.side-menu:checked ~ nav {
	max-height: 100%;
}

.side-menu:checked ~ .hamb .hamb-line {
	background: transparent;
}

.side-menu:checked ~ .hamb .hamb-line::before {
	transform: rotate(-45deg);
	top:0;

}

.side-menu:checked ~ .hamb .hamb-line::after {
	transform: rotate(45deg);
	top:0;
}

.is-scrollable {
	overflow-y: auto;
}

.layout {
	display: flex;
	flex-direction: row;
}

.layout.is-full-height {
	height: 100vh;
}

.layout-panel {
	display: flex;
	flex-direction: column;
	padding: ;
	flex: 0 0 270px;
	height: 100%;
}

.layout-panel.left {
	flex: 0 0 25rem;
}

.layout-panel.right {
	flex: 0 0 25rem;
}

.layout-panel.has-thick-padding {
	padding: 3rem 2rem;
}

.layout-panel.is-one-quarter {
	flex: 0 0 25%;
}

.layout-panel.is-half {
	flex: 0 0 50%;
}

.layout-panel.is-one-third {
	flex: 0 0 33.3333333333%;
}

.layout-panel.is-small {
	flex: 0 0 15rem;
}

.layout-panel.is-medium {
	flex: 0 0 20rem;
}

.layout-panel.is-large {
	flex: 0 0 30rem;
}

.layout-panel-header.is-centered,
.layout-panel-content.is-centered,
.layout-panel-footer.is-centered {
	display: flex;
	justify-content: center;
}

.layout-panel-header {
	margin-bottom: 2rem;
	/* flex-grow: .3; */
}

.layout-panel-main {
	flex: 1;
}

.layout-panel-footer {
	margin-top: 2rem;
}

/* main */
.layout-main {
	display: flex;
	flex: 1;
	flex-direction: column;
	min-height: 100vh;
}

@media screen and (max-width:1408px) {
	.layout-main {
		margin-top: 100px;
	}
}

.layout-main .navbar.is-fixed-top {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}

.layout-main .footer {
	flex: 1;
}

.copyright address {
	line-height: 18px;
	font-style: normal;
}


.layout-top {
	display: none;
}

@media screen and (max-width:1408px) {
	.layout-top {
		border-bottom: 0px solid #000;
		display: flex;
		flex: 1;
		height: 100px;
		position: fixed;
		width: 100%;
		z-index: 100;
		background-color: rgba(255, 255, 255, 0.8);
		/* backdrop-filter: blur(5px); */
	}
}

.layout-top .mtop {
	width: 100%;
}

.logo {
	position: inherit;
	display: inline-block;
	z-index: 1;
	cursor: pointer;
}

.logo span {
	display: inline-block;
	width: 120px;
	height: 50px;
	text-indent: -9999px;
	background: url("../images/logo_cephis.svg") left top no-repeat;
	background-size: cover;
}

.left_menu {
	background: #fff;
	width: 270px;
	height: 100%;
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	color: #222;
	/* min-height: 937px; */
	/* overflow-y: auto; */
}

.left_menu .menu_1dep {
	/* display: block; */
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background-color: #fff;
	border-right: 1px solid #ddd;
	width: 100%;
	height: 100%;
	padding: 2rem 2rem;

}

.left_menu_list {
	flex-grow: 1;
}


.left_menu .menu_2dep {
	position: fixed;
	z-index: -1;
	top: 0;
	left: 0;
	background-color: #fff;
	border-right: 1px solid #ddd;
	height: 100%;
	width: 270px;
	transition: .5s ease;
	-webkit-box-shadow: 0px -3px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px -3px 5px 0px rgba(0, 0, 0, 0.1);
	padding: 2rem;
	overflow: auto;
}

.left_menu .menu_2dep .menu_2dep_list {
	margin-bottom: 10px;
}

@media screen and (min-width: 1921px) {
	.left_menu .menu_2dep .menu_2dep_list {
		margin-bottom: 25px;
	}
}

.left_menu .menu_2dep .menu_2dep_list:last-child {
	margin-bottom: 0;
}

.left_menu .menu_2dep .menu_2dep_list .menu_2dep_label {
	margin-bottom: 5px;
}

.left_menu .menu_2dep .menu_2dep_list .menu_2dep_label a {
	font-size: 18px;
	font-weight: 700;
}

.left_menu:hover .menu_2dep {
	transform: translate3d(270px, 0, 0);
	animation-timing-function: 1s ease-in;
	height: 100%;
}

.highway_menu {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	background-color: #fff;
	border-right: 1px solid #ddd;
	height: 100vh;
	width: 270px;
	transition: .5s ease;
	-webkit-box-shadow: 0px -3px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px -3px 5px 0px rgba(0, 0, 0, 0.1);
	padding: 3rem 2rem;

	display: table;
}

.highway_menu_btn:hover .highway_menu {
	transform: translate3d(270px, 0, 0);
	animation-timing-function: 1s ease-in;
	height: 100%;
}



.menu_btn {
	width: 48px;
	height: 48px;
	padding: 0 !important;
}



/* main */
.visual_cont {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 100vh;
	/* min-height: 937px; */
	background: url("../images/main_img00.jpg") no-repeat;
	background-size: cover;
	background-position: 10% 0%;
}

@media screen and (max-width:768px) {
	.visual_cont {
		min-height: 600px;
	}
}

/* .slider {
	background: url("../images/banner.jpg") no-repeat;
	background-size: cover;
	background-position: 10% 0%;
	padding: 100px 0;
	position: relative;
} */

/* .pb_50 {
	padding-bottom: 50px !important;
}

.py_50 {
	padding-top: 200px !important;
	padding-bottom: 200px !important;
} */



@media screen and (max-width:768px) {
	.visual_py {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}
}

@media screen and (min-width:769px) and (max-width:1407px) {
	.visual_py {
		padding-top: 150px !important;
		padding-bottom: 150px !important;
	}
}

@media screen and (min-width:1408px) {
	.visual_py {
		padding-top: 150px !important;
		padding-bottom: 150px !important;
	}
}


/* @media screen and (min-width:1024px) {
    .container {
        max-width: 960px
    }
}

@media screen and (max-width:1215px) {
    .container.is-widescreen:not(.is-max-desktop) {
        max-width: 1152px
    }
}

@media screen and (max-width:1407px) {
    .container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) {
        max-width: 1344px
    }
}

@media screen and (min-width:1216px) {
    .container:not(.is-max-desktop) {
        max-width: 1152px
    }
}

@media screen and (min-width:1408px) {
    .container:not(.is-max-desktop):not(.is-max-widescreen) {
        max-width: 1344px
    }
} */

/* 모바일 */
/* @media screen and (max-width:768px) {
	이곳에 css 룰 설정을 입력
} */
/* 최대 가로가 768px 이하일 경우 적용 */

/* 모바일 또는 태블릿 */
/* @media screen and (min-width:769px) and (max-width:1023px) {
	이곳에 css 룰 설정을 입력
} */
/* 최소 가로가 769px 부터 최대 가로가 1024px 일 경우 적용 */

/* 데스크탑 */
/* @media screen and (min-width:1024px) and (max-width:1215px) {
	이곳에 css 룰 설정을 입력
} */

/* Widescreen */
/* @media screen and (min-width:1216px) and (max-width:1407px) {
	이곳에 css 룰 설정을 입력
} */

/* FullHD */
/* @media screen and (min-width:1408px) {
	이곳에 css 룰 설정을 입력
} */
/* 최대 가로가 1408px 이상일 경우 적용 */


.btn_hover:hover {
	box-shadow: 0px 15px 60px rgba(62, 62, 62, 0.2) !important;
	border: 1px solid #0065B4;
}

.btn_hover {
	transition: 0.2s ease;
	border: 1px solid #fff;
	border-radius: 12px;
	box-shadow: 0px 15px 60px rgba(62, 62, 62, 0.102) !important;
}



/*스크롤 기능은 살리고 스크롤바는 없애기*/
.scroll_no {
	-ms-overflow-style: none;
}

.scroll_no::-webkit-scrollbar {
	display: none;
}

.stretched-link::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	pointer-events: auto;
	content: "";
	background-color: rgba(0, 0, 0, 0);
}


.has-background-green {
	background-color: #D4E0C7;
}




.ellipsis {
	display: block;
	/* Fallback for non-webkit */
	display: -webkit-box;
	/*   max-width: 400px; */
	/*   height: 109.2px; */
	/* Fallback for non-webkit */
	/* margin: 0 auto; */
	/*   font-size: 26px; */
	line-height: 1.4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.is-ellipsis-1 {
	-webkit-line-clamp: 1;
}

.is-ellipsis-2 {
	-webkit-line-clamp: 2;
}

.is-ellipsis-3 {
	-webkit-line-clamp: 3;
}

.is-ellipsis-4 {
	-webkit-line-clamp: 4;
}

.is-ellipsis-5 {
	-webkit-line-clamp: 5;
}

.is-ellipsis-6 {
	-webkit-line-clamp: 6;
}

.is-ellipsis-7 {
	-webkit-line-clamp: 7;
}

.is-ellipsis-8 {
	-webkit-line-clamp: 8;
}

.is-ellipsis-9 {
	-webkit-line-clamp: 9;
}

.is-ellipsis-10 {
	-webkit-line-clamp: 10;
}


img {
	vertical-align: middle;
	border: 0;
}

.card {
	transition: 0.2s ease;
	border: 1px solid #fff;
}

.card-lg .card-body {
	padding: 35px;
}

.card-icon {
	background: #FF0043;
	color: #fff;
	height: 55px;
	width: 60px;
	line-height: 55px;
	text-align: center;
	font-size: 27px;
	display: block;
	margin-top: 40px;
}

.card-text {
	margin-bottom: 0;
}

.card-title {
	font-weight: 700;
	margin-bottom: 0.75rem;
}

.card-body {
	padding: 25px;
}

/* .card:hover {
	box-shadow: 0px 15px 60px rgba(62, 62, 62, 0.2) !important;
	border: 1px solid #0065B4;
} */


/* .rounded,
.card-icon,
.card {
	border-radius: 12px;
} */

.shadow,
.card,
.search-wrapper .input,
.navigation.nav-bg {
	box-shadow: 0px 15px 60px rgba(62, 62, 62, 0.102) !important;
}


/* 중복 css */
.container.is-fluid {
	padding-left: .75rem;
	padding-right: .75rem;
}

.section_main {
	padding: 0;
	width: 100%;
}

/* .section {
	padding: 100px 0;
} */

.section_sm {
	padding: 70px 0 0;
}

@media screen and (max-width:768px) {
	.section_sm {
		padding: 50px 0 0;
	}
}

.container_main {
	padding-left: 0;
	padding-right: 0;
}

/* .container,
.container-fluid {
	padding-left: 15px;
	padding-right: 15px;
}

.container-fluid {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
} */

.column.is-full-height {
	height: 100vh;
}

/* .p-5 {
	padding: 2rem !important;
} */


.breadcrumb ol,
.breadcrumb ul {
    align-items: center;
}

/* .breadcrumb li+li::before {
    display: none;
} */

.breadcrumb a {
	color: #333;
}
.breadcrumb a:hover {
	color: #485fc7;
}


.has-text-weight-light {
	font-weight: 100 !important;
}

.border_tb {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.main_btn a {
	padding: 8px;
	border: 1px solid #fff;
	border-radius: 0px;
	display: block;
	color: #fff;
}

.main_btn a:hover {
	border-color: #4FD675;
	background: #4FD675;
	color: #fff;
}

.main_btn_highway {
	width: 48px;
	height: 48px;
	padding: 0 !important;
}

@media screen and (max-width:768px) {
	.main_btn_highway {
		width: 30px;
		height: 30px;
		padding: 0 !important;
	}
}

.list-inline {
	padding-left: 0;
	list-style: none;
}

.list-inline .list-inline-item {
	display: inline-block;
}

.list-inline .list-inline-item:not(:last-child) {
	margin-right: 0.5rem;
}

.map {
	position: relative;
}

.map .updown {
	position: absolute;
	top: 20px;
	width: 100%;
}

@media screen and (max-width:768px) {
	.map .updown {
		position: absolute;
		top: 10px;
		width: 100%;
	}

	.map .updown button {
		font-size: 12px;
		padding: 10px 5px;
	}
}

.map .info {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 170px;
	background: #fff;
	border: 1px solid #333;
	padding: 10px 20px;
	border-radius: 5px;
}

.info-list li {
	font-size: 16px;
	padding: 10px 0;
}

.info-list li:not(:last-child) {
	border-bottom: 1px solid #ddd;
}

.map .legend {
	position: absolute;
	bottom: 20px;
	width: 100%;
}

/* 평가 */
.satis,
.board_search_box {
	border: 1px solid #ddd;
	padding: 30px;
}

.board_box {
	border: 1px solid #ddd;
	padding: 20px;
}

.bordered_info_box {
	border: 1px solid #3e8ed0;
	padding: 20px;
}

.bordered {
	border: 1px solid #ddd;
}
.border-grey {
	border: 1px solid #DBDBDB;
}
.border-primary {
	border: 1px solid #00D1B2;
}
.border-link {
	border: 1px solid #3273DC;
}
.border-info {
	border: 1px solid #209CEE;
}
.border-success {
	border: 1px solid #23D160;
}
.border-warning {
	border: 1px solid #FFDD57;
}
.border-danger {
	border: 1px solid #FF3860;
}

/* 설립목적및연혁 */
.bt_2_dark {
	border-top: 1px solid #333;
}
.bt_2_light {
	border-top: 1px solid #ddd;
}

/* 주요업무 */
.detail_work_title {
	background: #0065B4; text-align: center; padding: 5px; border-radius: 30px; font-weight: 600; color: #fff;
}

/* 조직도 */
.tab_option_list{
    width:100%;
}
.tab_option_list > ul{
    display:flex;
    border-top: 1px solid #ddd;
    border-left:1px solid #ddd;
}
.tab_option_list > ul > li{
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    background:#f5f5f5;
    font-size:16px;
    line-height: inherit;
	padding: 1em .75em;
    flex-grow: 1;
    text-align:center;
}
.tab_option_list > ul > li a{
	display:block;
}
.tab_option_list > ul > li.active{
    background:#485fc7;
	font-weight: 500;
    /* border-bottom:0; */
}
.tab_option_list > ul > li.active a{
	color: #fff;
}

@media (max-width: 768px) {
	.tab_option_list > ul{
        flex-wrap:wrap;
    }
    .tab_option_list > ul > li{
        width: 50%;
        flex-grow:inherit;
        box-sizing:border-box;
		padding: .35em;
    }
    .tab_option_list > ul > li.active{
        border-bottom:1px solid #ddd;
    }
}


/* 운영평가 */
.min_h_box {
	min-height: 696px;
}
.min_h {
	min-height: 144px;
}



/* 중복 */
a {
    color: #333;
    cursor: pointer;
    text-decoration: none
}

a:hover {
    color: #485fc7
}

caption {
	overflow: hidden;
	position: relative;
	left: 0;
	top: 0;
	width: 1px;
	height: 1px;
	background: 0 0;
	font-size: 0;
	color: transparent;
	line-height: 0;
	text-indent: 100%
}

.notification {
	padding: 1.25em;
}

.content ul {
    list-style: disc outside;
    margin-left: 1em;
    margin-top: 0
}




/* 찾아오시는길 */
.contactus li {
	margin-bottom: 15px;
}
.contactus li:last-child {
	margin-bottom: 0;
}


/* 민자고속도로현황 */

.btn_ico a {
	border: 1px solid #B9CCE0;
}


.btn_ico a:before {
	display: block;
	content: '';
	width: 26px;
	height: 26px;
	transition: background 0.3s;
	margin-right: 5px;
}

.btn_ico a:hover,
.btn_ico a.active {
	background-color: #485FC7;
	border: 1px solid #485FC7;
	/* padding: 20px 10px; */
	color: #fff;
	transition: background 0.3s;
}

.btn_ico .btn_ico_01:before,
.btn_ico .btn_ico_02:before,
.btn_ico .btn_ico_03:before,
.btn_ico .btn_ico_04:before,
.btn_ico .btn_ico_05:before,
.btn_ico .btn_ico_01:hover:before,
.btn_ico .btn_ico_01.active:before,
.btn_ico .btn_ico_02:hover:before,
.btn_ico .btn_ico_02.active:before,
.btn_ico .btn_ico_03:hover:before,
.btn_ico .btn_ico_03.active:before,
.btn_ico .btn_ico_04:hover:before,
.btn_ico .btn_ico_04.active:before,
.btn_ico .btn_ico_05:hover:before,
.btn_ico .btn_ico_05.active:before {
	background-size: 26px 26px !important;
}

.btn_ico .btn_ico_01:before {
	background: url("../images/ico_amenities_01.png") no-repeat;
}

.btn_ico .btn_ico_02:before {
	background: url("../images/ico_amenities_02.png") no-repeat;
}

.btn_ico .btn_ico_03:before {
	background: url("../images/ico_amenities_03.png") no-repeat;
}

.btn_ico .btn_ico_04:before {
	background: url("../images/ico_amenities_04.png") no-repeat;
}

.btn_ico .btn_ico_05:before {
	background: url("../images/ico_amenities_05.png") no-repeat;
}

.btn_ico .btn_ico_01:hover:before,
.btn_ico .btn_ico_01.active:before {
	background: url("../images/ico_amenities_01_on.png") no-repeat;
}

.btn_ico .btn_ico_02:hover:before,
.btn_ico .btn_ico_02.active:before {
	background: url("../images/ico_amenities_02_on.png") no-repeat;
}

.btn_ico .btn_ico_03:hover:before,
.btn_ico .btn_ico_03.active:before {
	background: url("../images/ico_amenities_03_on.png") no-repeat;
}

.btn_ico .btn_ico_04:hover:before,
.btn_ico .btn_ico_04.active:before {
	background: url("../images/ico_amenities_04_on.png") no-repeat;
}

.btn_ico .btn_ico_05:hover:before,
.btn_ico .btn_ico_05.active:before {
	background: url("../images/ico_amenities_05_on.png") no-repeat;
}

/* SVG */
a path#line01:hover,
a path#line02:hover {
	stroke: red;
}

/* XITE */
.login_bg_img {
	background-image: url("../images/login_bg.png") ;
	background-position: center center;
	background-repeat:  no-repeat;
	/* background-attachment: fixed; */
	background-size:  cover;
	background-color: #999;

}

.login_bg {
	background-image: url("../images/login_bg01.png") ;
	background-position: center center;
	background-repeat:  no-repeat;
	/* background-attachment: fixed; */
	background-size:  cover;
}

.login_blur {
	background: rgba(255, 255, 255, 0.1);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	border-radius: 5px;
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.tabs {
	margin-bottom: -1px !important;
	position: relative;
}

.tab-content {
	padding: 2rem 1.5rem;
	color: #000;
	background-color: white;
}

.tab-pane {
	display: none;
}

.tab-pane.is-active {
	display: block;
	width: 50%;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

/* .title_bg {
	background: linear-gradient( to right, #54C0E8, #A87BC9 );
} */

.title_bg {
	background-image: url("../images/title_bg.png") ;
	background-position: center center;
	background-repeat:  no-repeat;
	/* background-attachment: fixed; */
	background-size: cover;
}


.table_basic thead { text-align: center; }

.table_basic { width: 100%; border-top: 2px solid #4d4d4d; line-height: 1.375; color: #000; } /* table-layout: fixed; */

.table_basic th, .table_basic td { padding: 13px 20px; border-bottom: 1px solid #dfdfdf; vertical-align: middle;}

.table_basic td { border-left: 1px solid #dfdfdf; }

.table_basic td:first-of-type { border-left: 0; border-right: 1px solid #dfdfdf; }

.table_basic td:last-of-type { border-right: 0; }

.table_basic th { border-right: 1px solid #dfdfdf; }

.table_basic th:last-of-type { border-right: 0; }

.table_basic thead th { font-weight: 500; background-color: #fafafa; border-bottom: 1px solid #dfdfdf; font-size: 17px; }

.table_basic tbody { background-color: #fff; }

.table_basic tbody th, .table_basic tbody td { font-size: 16px; }

.table_basic tbody th { background-color: #f9f9fa; width: 200px; text-align: center; border-right: 1px solid #dfdfdf; }

.table_basic tbody th:first-of-type { border-right: 1px solid #dfdfdf; }

.table_basic tfoot th, .table_basic tfoot td { background-color: #faf5f5; }

.table_basic .inp + span { display: block; color: #555; font-size: 14px; margin-top: 7px; }

.table_basic .note2 { margin-bottom: 12px; }

.table_basic.tableA > caption { text-align: left; width: auto; height: auto; overflow: visible; font-weight: 500; font-size: 14px; color: #666666; margin-bottom: 8px; }

.table_basic.tableB tbody tr td a { font-weight: bold;}
.table_basic.tableB tbody tr td a:hover { text-decoration: underline;}

@media screen and (max-width: 737px) {
	.table_basic thead th { font-size: 15px; }
	.table_basic tbody th, .table_basic tbody td { height: 40px; padding: 8px; font-size: 14px; }
	.table_basic tbody th { width: 120px; }
	.table_basic .inp { width: 100%; }
	.table_basic .inp + span { font-size: 12px; }
}

.table_basic.tableB { text-align: center; }

.table_basic.tableB thead th {
	padding: 0.5em 8px; text-align: center; background-color: #fafafa; border-bottom: 1px solid #c1c1c1; border-right: 0; height: 47px;

}

.table_basic.tableB.border-custom thead th {
	border-top: 2px solid #4d4d4d;
	border-left:1px solid #dfdfdf;
}

.table_basic.tableB.border-custom thead th:first-of-type {
	border-left: none;
}

.table_basic.tableB tbody tr td { padding: 0.5em 8px; text-align: center; border-left: 0; }

.table_basic.tableB.border-custom tbody tr td {
	border-left:1px solid #dfdfdf;
}

.table_basic.tableB.border-custom tbody tr td:first-of-type {
	border-left: none;
}


.table_basic.tableB tbody tr td.left { text-align: left; }

.table_basic.tableB tbody tr td:first-of-type { border-right: 0; }

.table_basic.tableB tbody tr td a:not([class]) { display: inline-block; width: calc(100% - 18px); white-space: nowrap; text-align: left; text-overflow: ellipsis; overflow: hidden; vertical-align: middle; }

.table_basic.tableB tbody tr td a:not([class]) > img { display: none; }

.table_basic.tableB tbody tr td a:not([class]) + img { vertical-align: middle; margin-left: 2px; }

.table_basic.tableB tbody tr td .pop_open { display: block; text-align: left; }

.table_basic.tableB tbody tr.complete { background-color: #f7f8f9; }

@media screen and (min-width: 737px) {
	.table_basic.tableB tbody tr td { -webkit-transition: all 0.3s; transition: all 0.3s; }
	.table_basic.tableB tbody tr:hover td { background-color: #f7f8f9; }
	.table_basic.tableB tbody tr.complete:hover td { background-color: #edeff1; }
}

/* list.jsp 테이블 반응형 수정 20240507 - (2) 레이아웃 수정 시점 늦추기 737px -> 480px */
@media screen and (max-width: 480px) {
	.table_basic.tableB { display: block; text-align: left; }
	.table_basic.tableB colgroup { display: none; }
	.table_basic.tableB > thead { display: none; }
	.table_basic.tableB > tbody, .table_basic.tableB > tbody > tr { display: block; }
	.table_basic.tableB > tbody > tr { border-bottom: 1px solid #dfdfdf; padding: 18px 0; }
	.table_basic.tableB > tbody > tr:after { content: ''; display: block; clear: both; }
	.table_basic.tableB > tbody > tr > td { display: block; border: 0; font-size: 15px; height: auto; padding: 2px 0; line-height: 1.4; float: left; }
	.table_basic.tableB td { display: block; width: 100%; padding: 20px 0; text-align: left; border: 0; }
	.table_basic.tableB td div { display: block; float: left; padding-left: 20px; text-align: left; width: calc(100% - 70px); }
	.table_basic.tableB td div a:not([class]) { white-space: unset; }
	.table_basic.tableB td div a:not([class]) > img { display: inline; margin-left: 8px; vertical-align: -1px; }
	.table_basic.tableB td div a:not([class]) + img { display: none; }
	.table_basic.tableB td:before { content: attr(data-before); display: block; float: left; width: 70px; font-weight: 500; text-align: right; }


}


/* table {table-layout:auto;border-collapse:collapse;border-spacing:0; width:100%;}
table td {padding:5px; text-align:center;} */

.table_form {table-layout:auto; border-collapse:collapse; border-spacing:0; width:100%; font-family: Noto Serif KR;}

.table_form th,
.table_form td {font-weight:600; font-size:14px; border:1px solid #000; text-align:center !important; vertical-align: middle;height: 60px; }

.table_form td.h40 {height: 5px;!important; padding: 5px;}
.table_form td.h41 {height: 32px;!important; padding: 5px;}

.table_form.font_12 th,
.table_form.font_12 td {padding:5px 2px; font-size:12px;}
.table_form th {padding:10px 10px; color:#222; background:#fafafa;}
.table_form th.point {background:#fafafa;}
.table_form td {padding:10px 10px; font-weight:normal; color:#444;}
.table_form td.point {background:#fafafa;}
/*
.table_form tr th:first-child,
.table_form tr td:first-child{border-left:none; border-right:1px solid #d9d9d9;}
.table_form tr th:last-child,
.table_form tr td:last-child{border-right:none;}
*/
.table_form .text_l { text-align: left !important;}
.table_form .text_r { text-align: right !important;}
.table_form .border_0 td { border: 0 !important;}
.table_form .border_0 td .text_l { text-align: left;}

/* 모바일로 볼때 표가 잘려서 media로 수정 */
@media screen and (max-width:768px){
	.pd th{padding:5px 3px;}
	.pd td{padding:5px 8px;}
}

.table_form thead th{text-align: center;}
.table_form tbody th{color:#333;}
.table_form ul.list li{padding-left:10px; background:url("/images/common/content/table_list_bul.gif") no-repeat left 11px}
.table_form ul.list li ul li{padding-left:0px; background:none;}
.table_top{margin:0px 0px 0px 0px; font-size:14px; color:#444;}
.table_top_a{margin:-20px 0px 8px 0px; font-size:14px; color:#444;}
.table_bott{margin:8px 0px 0px 0px; font-size:14px; color:#ea3639;}
.table_form table.notable{table-layout:auto;border-collapse:collapse;border-spacing:0; width:100%;}

.table_form table.no{table-layout:auto;border-collapse:collapse;border-spacing:0; width:100%;}
.table_form table.no th,
.table_form table.no td{border:none; padding:3px 0px;}

.table_form .table{}
.table_form .table th{background:none;}

.table_form strong.h7, .table_form span.h7, .table_form em.h7, .table_form .h7 li, .table_form .def li .h7 li,
.table_form strong.h8, .table_form span.h8, .table_form em.h8, .table_form .h8 li, .table_form .def li .h8 li{font-size:13px !important;}

.table_form .control {
    font-size: 14px !important;
}

/* .table_form input {
    margin-right: 0px !important;
} */

.table_form input,
.table_form textarea {
	font-family: Noto Serif KR !important;
    font-size: 14px !important;
}

.table_form .img_area {
	height: 500px;
}
.table_form .img_area img {
	width: 100%;
	height: 500px;
	object-fit: cover;
}
.pdf-page {
	display: block !important;
	visibility: visible !important;
	box-sizing: border-box;
	overflow: hidden;
}
.pdf-page td {
	padding:10px;
}
.pdf-page .text_l {
	font-size: 14px;
	text-align: left !important;
}
.pdf-page .is-size-3 {
	text-align: center;
}


/*가로스크롤테이블*/
/* @media(max-width: 767px){
	.scl_x{width:100%;overflow-x: scroll;}
	.scl_x .table_form {width:768px;}
	.scl_x .tbl_basic{width:768px;}
} */

@media(max-width: 1214px){
	.scl_x{ width:800px; overflow-x: scroll;}
	.scl_x .table_form { width:702px;}
	.scl_x .tbl_basic{ width:702px;}
}





@media(max-width:1023px) {
	.table_basic .hide { display:none; }
}

/* Modal */
.modal-card,
.modal-content {
    margin: 0 20px;
    max-height: calc(100vh - 160px);
    overflow: auto;
    position: relative;
    width: calc(100% - 40px);
}

@media screen and (min-width:769px) {
    .modal-card,
    .modal-content {
        margin: 0 auto;
        max-height: calc(100vh - 40px);
        max-width: 1000px;
    }
}



/* 게시판 첨부파일 */
.brd_file li {
	margin: 5px 0;
}

.brd_file li a {
	display: inline-block;
	position: relative;
	margin-right: 10px;
	/* padding: 0 0 0 20px; */
	vertical-align: middle;
	color: #333;
}

.brd_file li a:hover {
	color: #485fc7;
}

.brd_file li a img {
	position: absolute;
	top: 6px;
	left: 0;
}

.brd_file li a span {
	display: block;
	width: 100%;
	overflow: hidden;
}

.brd_file li .cnt_btn_view {
	position: relative;
	padding: 2px 10px;
	border: 1px solid #aaa;
	font-size: 15px;
	text-align: center;
	transition: 0.2s;
}

.brd_file li .cnt_btn_view:before {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 6px;
	background: url(/common/images/program/p-icon-view.svg#search) no-repeat center / 14px 14px;
}

.brd_file li .cnt_btn_view:hover {
	background-color: #fafafa;
}

/* 마이페이지 */
.my_side li {
	padding: 10px 0px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.my_project li {
	padding: 10px 0px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.my_project li:first-child {
	padding-top: 0;
}
.my_project li:last-child {
	border-bottom: 0;
}

.my_project li a {
	display: inline-block;
	background: #ce8460;
	color: #fff;
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 2px;
	line-height: 30px;
}



/* 추가-20231012 */
@media screen and (max-width: 1023px) {

    .navbar-brand .navbar-item {
        padding: 0;
    }

	.container.is-fluid.burger {
		padding-right: 0;
	}
}

.table_form td.h40 {
	height: 10px !important;}

/*list.jsp 버튼 스타일추가*/
.chk_wrap {height:30px;}
.chk_wrap input[type=checkbox] {cursor: pointer;display: none;}
.chk_wrap label { cursor: pointer;position: relative; width:70px; height:30px; display:inline-block;}
.chk_wrap label:before    {content: ''; display: block;width: 35px;height: 20px;background-color: red;border-radius: 2px;margin-right:5px;position: absolute;left:5px;top: 50%;transform: translateY(-50%) !important;border-radius: 50px; }
.chk_wrap label:after     {content: '';display: block;width: 9px;height: 9px;background-color: white;border-radius: 2px;margin-right:5px;position: absolute;left: 10px;top: 50%;transform: translateY(-50%);border-radius: 50%;transition:0.4s;}

.chk_wrap input[type=checkbox]:checked + label:after {display: block;left: 25px; background-color: #000;}
.chk_wrap input[type=checkbox]:checked + label:before { background-color: #BAFF1A;}

/* list.jsp 테이블 반응형 수정 20240507  */

.table_basic.tableB.main_table thead tr th,.table_basic.tableB.main_table tbody tr td {text-align: left;}
.table_basic.tableB.main_table thead th:nth-of-type(8) {display:none;}
.table_basic.tableB.main_table tbody tr td:nth-of-type(8) {display: none;}
.tooltip_custom[data-tooltip]:not(.is-disabled)::before, .tooltip_custom[data-tooltip]:not(.is-loading)::before, .tooltip_custom[data-tooltip]:not([disabled])::before {transform:translate(-10px,-100%); left:0;}
.tooltip_custom[data-tooltip]:not(.is-disabled)::after, .tooltip_custom[data-tooltip]:not(.is-loading)::after, .tooltip_custom[data-tooltip]:not([disabled])::after {left:0; margin-left:3px;}


@media screen and (max-width:1550px) {
	.table_basic.tableB.main_table thead tr th, .table_basic.tableB.main_table tbody tr td {
		font-size: .875rem;
	}
	.wrap {overflow-x: scroll;}
	.table_basic.tableB.main_table {width:1640px;}
	.table_basic thead th, .table_basic tbody td {font-size: 0.875rem;}
	.table_basic thead th, .table_basic tbody td input {font-size: 0.875rem;
	}
	.table_basic thead th, .table_basic tbody td input::placeholder {font-size: 0.875rem;
	}

}

@media screen and (max-width:980px)  { /* list.jsp 테이블 반응형 수정 20240507 - (2) 1280px -> 980px  */
	.wrap {overflow-x: scroll;}
	.table_basic.tableB.main_table { width: 1280px;}
	.responsive-table {width:1440px !important;}
}



/* list.jsp 테이블 반응형 수정 20240507 - (2)  */
@media screen and (max-width:1280px) {
	.table_basic.tableB.main_table td:last-of-type,.table_basic.tableB.main_table th:last-of-type  {
		display: none;}
	.table_basic.tableB.main_table colgroup col:last-of-type {
		display: none;}
}

@media screen and (max-width:1180px) {
	.table_basic.tableB.main_table td:nth-last-of-type(2),.table_basic.tableB.main_table th:nth-last-of-type(2)  {
		display: none;}
	.table_basic.tableB.main_table colgroup col:nth-last-of-type(2) {
		display: none;}
}

@media screen and (max-width:1080px) {
	.table_basic.tableB.main_table td:nth-last-of-type(3),.table_basic.tableB.main_table th:nth-last-of-type(3)  {
		display: none;}
	.table_basic.tableB.main_table colgroup col:nth-last-of-type(3) {
		display: none;}
}

@media screen and (max-width:980px) {
	.table_basic.tableB.main_table td:nth-last-of-type(4),.table_basic.tableB.main_table th:nth-last-of-type(4)  {
		display: none;}
	.table_basic.tableB.main_table colgroup col:nth-last-of-type(4) {
		display: none;}
}

/* list.jsp  테이블 수정 20240509 */
/* Loading 페이지 아이콘 애니메이션*/

/* list.jsp  테이블 수정 20240510 반응형일 때 중앙정렬을 위해 스타일 추가 */
#loadingSpinner {
	width: 60px;
	height: 60px;
	text-align: center;
	margin: auto;

}

#loadingSpinner:before {
	content:'';
	position:absolute;
	width: 60px;
	height: 60px;
	border: 6px solid #3498db;
	border-top: 5px solid transparent;
	border-radius: 50%;
	animation: spinner 1s linear infinite;
	left:0;
	top:0;

}

@keyframes spinner {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}


/* list.jsp  테이블 수정 20240510 */
/* processTop 스타일 추가 */

.processTop {
	display: flex;
}

.processTop > span, .processTop > div {
	text-align: center;
	display: flex;
	align-items: center;
	flex-direction: column;
	font-size: 0.867rem; /* 20240514 폰트사이즈 조정 (16px -> 0.867rem) */
	flex:1;
	position:relative;

}


.processTop span b.proStatus , .processTop div b.proStatus {
	display: block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 34px; /* 20240514 width,height,line-height 조정 40px->34px */
	height: 34px;
	line-height: 34px;
	margin-bottom: 5px;
	text-align:center;
	position:relative;
}

/* 진행중 컬러*/
.processTop > span {
	color: #3e8ed0;
	position: relative !important;
	font-weight: 600;
}

.processTop span b.statusProceed {
	color:#3e8ed0;
	background-color: #fff;
	border: 2px solid #3e8ed0;
}

/* 진행됨 컬러 */

.processTop > div.inprogressTxt {
	color: #3e8ed0;
}

.processTop > div b.statusInProgress {
	color: #fff;
	background-color: #3e8ed0;
}

/* 진행안됨 컬러 */

.processTop div.beforeTxt {
	color: #999;
}

.processTop div b.statusBefore {
	color: #999;
	background-color: #f4f4f4;
	border: 2px solid #999;
}

/* 라인 */

.processTop > div:after,.processTop > span:after {
	content:'';
	position:absolute;
	top:20px;
	right:50%;
	width:100%;
	height:2px;
	background-color:#3e8ed0;
	z-index: -1;

}

.processTop > *:first-child:after {
	display: none;
}

.processTop > div.beforeTxt:after {
	background-color:#999;
}


@media screen and (max-width:640px) {
	.processTop {
		margin-bottom:10px;
	}
	.processTop span b.proStatus, .processTop div b.proStatus {
		width: 35px;
		height: 35px;
		line-height: 35px;
	}

	.processTop > span, .processTop > div {
		font-size: 14px;
		word-break:keep-all;
		line-height: 1.2;
	}

	.processTop > div:after, .processTop > span:after {
		top:17px;
	}
}

/* 로딩중일 때 body 스크롤 안되도록 고정 */
body.fixed {
	position:fixed;
	overflow:hidden;
	width: 100%;
}


/* 반응형일 때 팝업창 깨짐 현상 방지를 위한 스타일 수정 */

@media screen and (max-width:640px) {
	.white_content.white_content_responsive {
		width:80%;
		z-index: 10;
		left: 50%;
		transform:translateX(-50%);
	}
}

@media screen and (max-width:480px) {
	.white_content.white_content_responsive .modal-card-head {
		flex-direction: column;
		align-items: start;
	}

	.white_content.white_content_responsive .modal-card-head > div {
		margin-left:auto;
		margin-top:10px;
	}

	.responsive-table {
		width: 100% !important;

	}
	.wrap {overflow-x: visible;}
	.table_basic.tableB.main_table { width: 100%;}
	.table_basic.tableB.main_table td:before {visibility: visible;}
	.table_basic.tableB.main_table > tbody > tr > td {min-height:25px;}
	.table_basic.tableB.main_table tbody tr td div {
		width:calc(100% - 70px) !important;
	}

	.table_basic.tableB.main_table tbody tr td div.chk_wrap label {transform:translate(90px,10px);}
	.button_custom {font-size:0.875rem;}
	.tooltip_custom[data-tooltip]:not(.is-disabled)::before, .tooltip_custom[data-tooltip]:not(.is-loading)::before, .tooltip_custom[data-tooltip]:not([disabled])::before {transform:translate(-70px,-100%);}
	.tooltip_custom[data-tooltip]:not(.is-disabled)::after, .tooltip_custom[data-tooltip]:not(.is-loading)::after, .tooltip_custom[data-tooltip]:not([disabled])::after {left:0; margin-left:23px;}

	.table_basic.tableB.main_table tbody tr td div.chk_wrap label:before {top:0;}
	.table_basic.tableB.main_table tbody tr td div.chk_wrap label:after {top:0;}
}

/* 팝업창 x버튼 간격 */
.modal-card-responsive .delete {margin-left:5px !important;}

@media screen and (max-width:480px) {
	/* 사이즈 줄어들면서 가렸던 열 다시 보이기 */
	.table_basic.tableB.main_table colgroup col:last-of-type,
	.table_basic.tableB.main_table colgroup col:nth-last-of-type(1),
	.table_basic.tableB.main_table colgroup col:nth-last-of-type(2),
	.table_basic.tableB.main_table colgroup col:nth-last-of-type(3),
	.table_basic.tableB.main_table colgroup col:nth-last-of-type(4),
	.table_basic.tableB.main_table td:nth-last-of-type(1),
	.table_basic.tableB.main_table th:nth-last-of-type(1),
	.table_basic.tableB.main_table td:nth-last-of-type(2),
	.table_basic.tableB.main_table th:nth-last-of-type(2),
	.table_basic.tableB.main_table td:nth-last-of-type(3),
	.table_basic.tableB.main_table th:nth-last-of-type(3),
	.table_basic.tableB.main_table td:nth-last-of-type(4),
	.table_basic.tableB.main_table th:nth-last-of-type(4),
	.table_basic.tableB.main_table td:last-of-type,
	.table_basic.tableB.main_table th:last-of-type
	{
		display:block;
	}
}

/* 20240514 수정 : 사이즈 가로폭 축소시 버튼 list.jsp 버튼과 서치 영역 겹침 방지 */
@media screen and (max-width:867px) {
	.custom_tab > * {font-size:0.875rem;}
	.custom_tab select option {font-size:inherit;}
}

/* form.jsp css */
.datepicker{width:110px;}

.butstye{
	border-radius: 6px;
	height: 30px;
	background-color: #808080;
	border: none;
	color: white;
}
.butstye:hover{
	color: black;
	cursor: pointer;
}

/*판업창*/
/* 20240510 수정 02 - 백그라운드 스크롤 시에도 100%를 위해 fixed로 고정함*/
.black_overlay{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:40;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 16px;
	border: 1px solid black;
	background-color: white;
	z-index:41;
	overflow: auto;
}

/**************** Renual Page Start ******************/

/* navbar 공통 */
.d-block {
	display: block;
}

.subtitle-add {
	margin-top: 1em;
}

.hero-body-middle {padding:0.5rem !important;}

.navbar .buttons .button-no-line {
	border: none;
	color: #999;
}

.navbar .buttons .button-no-line:hover {
	color:#363636;
}

.navbar .buttons .button-icon {
	padding-left:24px;
	margin-right:20px
}

.navbar .buttons .button-icon:last-of-type {
	margin-right: 0;
}

.navbar .buttons .data-list {
	background: url(../images/renual/main/icon_folder.svg) no-repeat center left;
	background-size: 14px;
	position: relative;
	font-weight: normal !important;
}

.navbar .buttons .data-list:after {
	content: '';
	width: 1px;
	height: 16px;
	background-color: #ddd;
	position: absolute;
	top: 50%;
	right: -12px;
	transform: translate(0,-50%);
}

.navbar .buttons .data-list:hover {
	background: url(../images/renual/main/icon_folder_hover.svg) no-repeat center left;
	background-size: 16px;
}

.navbar .buttons .opinion-list {
	background: url(../images/renual/main/icon_write_nhover.svg) no-repeat center left;
	background-size: 14px;
	position: relative;
	font-weight: normal !important;
}

.navbar .buttons .opinion-list:hover {
	background: url(../images/renual/main/icon_write.svg) no-repeat center left;
	background-size: 16px;
}

.navbar .page-title-area p {
	margin-right:10px;
	max-width:calc(100% - 90px);
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.hero-middle {
	flex-grow: 0;
  	flex-shrink: 0;
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: center;
}


.hero-middle .tabs ul {
	border-radius: 50px;
	background-color: #ffffff36;
	padding:5px;
}

.hero-middle .tabs ul li:not(:last-of-type) {
	margin-right:5px;
}

.hero-middle .tabs ul li a {
	border-bottom:none;
}

.hero-middle .tabs ul li.active a {
	background-color: #384e61;
	border-radius: 45px;
}

.hero-middle .tabs ul li a img {
	width: 14px;
	vertical-align: middle;
	margin-right:5px;
}


.hero-middle .weather-status {
	padding-left: .75rem;
  padding-right: .75rem;
	display: flex;
	text-align: right;
	justify-content: flex-end;
	align-items: center;
}

.hero-middle > * {
	flex:1 1 auto;
}

.hero-middle .weather-status ul {
	display: flex;
	width: 60%;
	gap: 10px;
}

.hero-middle .weather-status ul li {
	display: flex;
	text-align: inherit;
	flex:1;
	background-color: rgba(0, 0, 0, 0.2);
	justify-content: space-between;
	padding:1rem 1rem;
	border-radius: 6px;
}

.hero-middle .weather-status > p {
	text-align: inherit;
	margin-right:1em;
}

.hero-middle .mobile-weather-button {
	display: none;
}


.hero-middle .weather-status ul li p b,
.hero-middle .weather-status ul li p span {
	text-align: inherit;
}

.hero-middle .weather-status ul li p span {
	font-weight: 200;
	color:#ffffffd3;
}

.hero-middle .weather-status ul li p b small {
	color: #ffffffd3;
	font-size: inherit;
}

.hero-middle .weather-status ul li img {
	width: 20px;
	height: 20px;
	object-fit: contain;
}

/* 01. 메인 대시보드 : main.html */

.main_renual {
	display: flex;
	min-height:calc(100vh - 282px);
	gap: 2rem;
}

.main_renual .main_flex {
	display: flex;
	flex-direction: column;
	flex: 1	;
	height: fit-content;
}

.main_renual .main_flex > * {
	flex: 1	;
	margin-bottom: 1.5rem;
}

.main_renual .main_flex .main-item .table_basic.tableB {
	table-layout: fixed;
}

.main_renual .main_flex .main-item .main-item00 .title-area .title.table_basic.tableB tbody tr td {
	padding:0.5em 0 !important;
}

.main_renual .main_flex .main-item03 {
	display: flex;
	gap: 1rem;
}

.main_renual .main_flex .main-item03 > * {
	flex:1;
}

.main_renual .main_flex .main-item03 .main-item03-01 {
	display: flex;
	flex-direction: column;
	gap:1.5rem
}

.main_renual .main_flex .main-item03 .main-item03-01 > * {
	flex:1;
}

.main-item .title-area {
	margin-bottom: 1rem !important;
}


.main-item00 {
	gap:0;
	flex-direction: column;
	align-items: stretch;
}

.main-item00 .title-area {

}

.main-item00 .title-area .title {
	/* font-size: 22px !important;
	width: 100% !important; */
}

.main-item00 > *:nth-of-type(2) {
	width: 100% !important;
}

.progress-wrap{
	margin-top: 0;
	width:100%;
	margin-top: 5px;
	align-content: center;
	}

.progress-wait {
	width:100%;
	height:15px;
	border-radius: 100px;
	background:linear-gradient(to right, #ea0000 , #ea0000);
	text-align: right;
	padding-right: 0px;
	position: relative;
	font-size: 0.875rem;
	vertical-align: middle;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.progress-wait span {
	color:#363636;
	position: absolute;
	bottom:100%;
	display:block;
	right:0;
	color:#485fc7;
}

.progress-wait span b {
	display:inline-block;
	color:inherit;
}

.progress-complete {
	width:auto;
	height: 100%;
	background:#485fc7;
	background-size: 15px;
	position: absolute;
	top: 0;
	left: 0px;
	border-radius: 100px;
	color: #fff;
	padding-right:0;
	font-size: 0.875rem;
	vertical-align: middle;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	animation: progressbar 1.5s linear;
	animation-fill-mode:both;
}

.progress-complete span {
	color:#363636;
	position: absolute;
	bottom:100%;
	right:0;
}

.progress-complete span b {
	display:inline-block;
}

/*프로그래스바 버전2*/
.main-item00 .label-area{
	display:flex;
	gap:5px;
	justify-content: flex-end;

}
.main-item00 .label-area p{
	display:inline-block;
	width:90px;
	padding:2px 5px;
	padding-left:20px;

}
.main-item00 .label-area p:first-of-type {
	font-weight: bold;
	position:relative;
	overflow:hidden;
	color:#333;
}

.main-item00 .label-area p:first-of-type b {
	display:inline-block;
	color: #485fc7;
	margin-left:0.05rem;
}

.main-item00 .label-area p:last-of-type {
	color:#333  ;
	position:relative;
	overflow:hidden;
	font-weight: bold;
}

.main-item00 .label-area p:last-of-type b {
	color: #ea0000;
	display:inline-block;
	margin-left:0.05rem;
}

.main-item00 .label-area p:first-of-type:before {
	content:'';
	background:#485fc7;
	background-size: 20px;
	position: absolute;
	top: 14px;
	left: 0;
	width:15px;
	height:15px;
	transform:translateY(-50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border:2px solid #485fc7;
}

.main-item00 .label-area p:last-of-type:before{
	content:'';
	background:#ea0000 ;
	position: absolute;
	top: 14px;
	left: 0;
	width:15px;
	height:15px;
	transform:translateY(-50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border:2px solid #ea0000;
}

/* 검측현황 */
.main-item .title {
	font-size: 24px;
	margin-bottom: 0rem;
}

.main-item01 .item-content {
	border: 1px solid #ddd;
}

.main-item01 .item-content canvas {
	min-width: 100% !important;
	width:233px !important;
	min-height:100% !important;
	height: 233px !important;
	object-fit: contain;
	padding: 10px;
}

.main-item01 .item-content .label_area {
	margin-top: 1.5rem;
}

.main-item01 .item-content .label_area ul {
	display: flex;
	width: 100%;
	border-top: 1px solid #ddd;
	flex-wrap: wrap;
}

.main-item01 .item-content .label_area ul li {
	flex:1;
	text-align: center;
	border-right: 1px solid #ddd;
	padding:.2em 0;
	width: 100%;
}

.item-content .label_area ul li p {
	position: relative;
}

.item-content .label_area ul li p:before {
	content: '';
	width: 10px;
	height: 10px;
	background-color: #000;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 5px;

}

.item-content .label_area ul li:nth-of-type(1) p:before {
	background-color: rgb(207, 207, 207);
}
.item-content .label_area ul li:nth-of-type(2) p:before {
	background-color: rgb(184, 118, 255)
}
.item-content .label_area ul li:nth-of-type(3) p:before {
	background-color:  rgb(100, 95, 223)
}
.item-content .label_area ul li:nth-of-type(4) p:before {
	background-color: rgb(255, 235, 153)
}

.main-item01 .item-content .label_area ul li:last-of-type {
	border-right: none;
}

.main-item01 .item-content .label_area ul li b {
	font-size: 20px;
}



.main-item01 .item-content .label_area ul li p {
	font-size: 12px;
	color: #999999;
}

.main-item01 .item-content .label_area ul li.label-complete b {
	color: #485fc7;
}

/* 검측목록 */

.main-item02 .title-area {
	display: flex;
	justify-content: space-between;
}

.main-item02 .title-area a{
	display: block;
	color:#485fc7;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
}

.main-item02 .title-area a span {
	font-size: inherit;
	color:inherit;
	margin-right: 5px;
}
.main-item02 .title-area a img {
	display: inline-block;
	width: 8px;
}

/* ex-tube, 메모 및 사진기록 */
.pic-area {
	display: flex;
	gap: 1rem;
	flex:1;
}

.pic-area a {
	flex:1;
	height:140px;
	border-radius: 6px;
	overflow: hidden;
	position: relative;
	transition:0.5s;
}

.pic-area a:before {
	content: '';
	width: 100%;
	height: 100%;
	background-color: #0000006e;
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	transition:0.5s;
}

.pic-area a:after {
	content: '';
	background: url(../images/renual/main/link_to_memo.svg) no-repeat center center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 2;
	background-size: contain;
	width: 20px;
	height: 20px;
	display: none;
	transition:0.5s;
}

.pic-area a:hover:before, .pic-area a:hover:after {
	display: block;
}

 .pic-area a img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 기상청 날씨누리 바로가기 */
.main-item03-02 .content-area .buttons {
	display: flex;
	gap: 1.2rem;
	flex-wrap: wrap;
}

.main-item03-02 .content-area .buttons a {
	width: calc((100% - 1.5rem) / 2);
	background: #fafafa;
	border-radius: 12px;
	padding:2.365rem .84rem;
	background-size: 50px;
	transition:0.5s;
	font-size: 16px;
	border:2px solid #f7f8f9;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.main-item03-02 .content-area .buttons a:hover {
	color:#485fc7;
	font-weight: bold;
	border:2px solid #485fc7;
}

.main-item03-02 .content-area .buttons a:nth-of-type(1) {
	background: #fafafa url(../images/renual/main/icon_forecast_1.svg) no-repeat center left .8rem;
	background-size: 40px;
}
.main-item03-02 .content-area .buttons a:nth-of-type(2) {
	background: #fafafa url(../images/renual/main/icon_cloud.svg) no-repeat center left .8rem;
	background-size: 35px;
}
.main-item03-02 .content-area .buttons a:nth-of-type(3) {
	background: #fafafa url(../images/renual/main/icon_typhon.svg) no-repeat center left .8rem;
	background-size: 30px;
}
.main-item03-02 .content-area .buttons a:nth-of-type(4) {
	background: #fafafa url(../images/renual/main/icon_lader.svg) no-repeat center left .8rem;
	background-size: 30px;
}
.main-item03-02 .content-area .buttons a:nth-of-type(5) {
	background: #fafafa url(../images/renual/main/icon_rainy_1.svg) no-repeat center left .8rem;
	background-size: 30px;
}
.main-item03-02 .content-area .buttons a:nth-of-type(6) {
	background: #fafafa url(../images/renual/main/icon_location.svg) no-repeat center left .8rem;
	background-size: 30px;
}

.main-item03-02 .content-area .buttons a:nth-of-type(1):hover {
	background: #fff url(../images/renual/main/icon_forecast_h.svg) no-repeat center left .8rem;
	background-size: 40px;
}
.main-item03-02 .content-area .buttons a:nth-of-type(2):hover {
	background: #fff url(../images/renual/main/icon_cloud_h.svg) no-repeat center left .8rem;
	background-size: 35px;
}
.main-item03-02 .content-area .buttons a:nth-of-type(3):hover {
	background: #fff url(../images/renual/main/icon_typhon_1_h.svg) no-repeat center left .8rem;
	background-size: 30px;
}
.main-item03-02 .content-area .buttons a:nth-of-type(4):hover {
	background: #fff url(../images/renual/main/icon_lader_h.svg) no-repeat center left .8rem;
	background-size: 30px;
}
.main-item03-02 .content-area .buttons a:nth-of-type(5):hover {
	background: #fff url(../images/renual/main/icon_rainy_h.svg) no-repeat center left .8rem;
	background-size: 30px;
}
.main-item03-02 .content-area .buttons a:nth-of-type(6):hover {
	background: #fff url(../images/renual/main/icon_location_h.svg) no-repeat center left .8rem;
	background-size: 30px;
}

.main-item03-02 .content-area .buttons a span {
	padding-left: 3rem;
}

.main-item03-02 .content-area .buttons a b {
	background: url(../images/renual/main/icon_arrow_right_g.svg) no-repeat center center;
	transition:0.5s;
	display: inline-block;
	width: 20px;
	height: 10px;
	background-size: contain;
}

.main-item03-02 .content-area .buttons a:hover b {
	background: url(../images/renual/main/icon_arrow_right_b.svg)no-repeat center center;
	transition:0.5s;
	display: inline-block;
	width: 20px;
	height: 10px;
	background-size: contain;
}


/* 감사지적사항 리스트 */
.main-item .tab-menu {
	margin-bottom: 0.8rem;
}

.main-item04 .tab-menu ul {
	display: flex;
	text-align: center;
}

.main-item04 .tab-menu ul li {
	flex:1;
	border:1px solid #ddd;
	border-right: none;
}

.main-item04 .tab-menu ul li:last-of-type {
	border: 1px solid #485fc7;
}

.main-item04 .tab-menu ul li.active {
	border-bottom:2px solid #485fc7
}

.main-item04 .tab-menu ul li.active a {
	color: #485fc7;
	font-weight: bold;
}

.main-item04 .tab-menu ul li a {
	padding:.7rem .2rem;
	display: block;
}

.main-item04 .tab-menu ul li.search_button a {
	text-align: left !important;
	padding-left: 1rem;
	color: #fff !important;
}

.main-item04 .tab-menu ul li.search_button:hover a {
	color: #fff !important;
}

.main-item04 .tab-menu ul li.search_button {
	background: #485fc7 url(../images/renual/main/icon_search.svg) no-repeat center right .5rem;
	background-size: 30px;
}

.main-item table tbody tr td div {
	display: inline-block;
    width: calc(100% - 18px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
}

.mobile-s-area {
	display: none;
}

.hero-middle .mobile_menu {
	display: none;
}

/* 날씨누리 팝업 */
.main_popup {
	left:0;
	top:0;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #00000088;
	z-index: 100;
	display: flex;
	align-items: center;
	justify-content: center;
	display: none;
}

.main_popup.active {
	display: flex;
}

.mainPopupWrap {
	max-width:70%;
	width:70%;
	position: relative;
}

.mainPopupWrap .main_popup_url {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	background-color: #fff;
	display: none;
}

.main_popup .main_popup_url.active {
	display: block;
}

.mainPopupWrap .main_popup_url iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.main_popup .close_main_popup {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 0;
	bottom:100%;
	margin-bottom: 5px;
}

.mainPopupWrap .viewFullPage {
	position: absolute;
	color: #fff;
	bottom: 100%	;
	right: 0;
	display: block;
	background-color: #485FC7;
	border-radius: 4px;
	padding: 0.35rem;
	font-size: 0.875rem;
	transform:translate(-40px,-5px);
}

.mainPopupWrap.full {
max-width: 100% !important;
width: 100% !important;
}

.mainPopupWrap.full .main_popup_url {
	height: 100vh;
	width: 100vw;
	padding-bottom: 0;
}

.mainPopupWrap.full .close_main_popup{
	background-color: #000 !important;
	right:30px;
	top:15px;
	z-index: 100;
}

.main_popup .close_main_popup:before,
.main_popup .close_main_popup:after {
	content:'';
	width:25px;
	height:2px;
	background-color: #fff;
	position: absolute;
	right: 0;
	top: 50%;
}

.mainPopupWrap.full .close_main_popup:before,
.mainPopupWrap.full .close_main_popup:after {
	right: 2px;
}

.main_popup .close_main_popup:before {
	transform: rotate(-45deg) translateY(-50%);
}
.main_popup .close_main_popup:after  {
	transform: rotate(45deg) translateY(-50%);
}


/* 2.search_relatedData.html */
.result_flex {
	display: flex;
	width: 100%;
	gap:30px;
	max-height:inherit;
	overflow-y: hidden;
}

.result_flex > * {
	flex:1;
	display: flex;
	flex-direction: column;
}

.pdf-area {
	border: 1px solid #ddd;
	height: 100%;
	flex: 1;
}

.pdf-area iframe {
	min-height: 100vh !important;
	height: 100%;
}

.mh-193 > * {
	min-height:inherit
}

.result_flex .table_wrap,.result_flex .pdf_wrap  {
	height:70vh;
	min-height: 70vh;
	max-height: 70vh;
	overflow-y:scroll;
	scrollbar-width: 5px;
	padding: .5rem;

}
.result_flex .pdf_wrap {
	scrollbar-width:0;
}

.result_flex .table_wrap {
	width: 30%;
	flex:none;
}

.result_flex .table_wrap::-webkit-scrollbar {
	background-color: #eee;
	scrollbar-width: 5px;
	width: 5px;
}

.result_flex .table_wrap::-webkit-scrollbar-thumb {
	background-color: #ddd;
}

.result_flex .pdf_wrap::-webkit-scrollbar {
	display: none;
}

.result_flex .table_wrap table tbody tr {
	cursor: pointer;
}

/* 관련자료 업로드 버튼클릭 시 팝업 */

.upload-file {
	background-color: #fff;
	position: absolute;
	top:50%	;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 120;
	width: 50%;
	box-shadow:0 0 10px #ddd;
	border-radius:6px;
	display: none;
}

.upload-file.active {
	display: block;
}

.upload-file form {
	padding: 1rem;
}


input[type=file] {
	display: flex;
	align-items: center;
	vertical-align: middle;
	color:rgb(54, 54, 54);
	padding:0;
	height:auto;
	width: 100%;
	margin-top: 0.5rem;

}

input[type=file]::file-selector-button {
	background-color: #363636;
	border-color: transparent;
	color: #fff;
	cursor:pointer;
	border-radius: 4px;
	vertical-align: middle;
	padding-bottom: calc(.5em - 1px);
	padding-left: 1em;
	padding-right: 1em;
	padding-top: calc(.5em - 1px);
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

input[type=file]::file-selector-button:hover {
	background: rgb(77,77,77);
	color: #fff;
}

.upload-file form .button-area {
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 0.5rem;
	gap: 10px;
}

/* 체크리스트 검토 페이지 수정*/
.ovfy-s {
	overflow-y:scroll;
}

.mbn {
	margin-bottom:0;
}

.checklist_data_table {
	table-layout: fixed;
	border-collapse:collapse;
}

.checklist_data_table th div, .checklist_data_table td div {
	width:calc(100% - 10px);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.checklist_data_table td {
	cursor:pointer;
}
.checklist_data_table tbody tr.active {
	background-color: #efefef;
}


.checklist_data_table td div img {
	margin-right:5px;
	width:14px;
	vertical-align:middle;
}

.checklist_data_table td div img.thumb {
	width: 30% !important;
}

.checklist_play_popup {
	position:fixed;
	background-color: rgb(0,0,0,0.4);
	width:100%;
	height:100%;
	z-index:100;
	display: flex;
	justify-content: center;
	align-items: center;
	left: 0;
	top: 0;
	display:none;
}

.checklist_play_popup.active {
	display:flex;
}

.checklist_play_popup .popupWrap {
	max-width:70%;
	width:70%;
	position: relative;

}

.checklist_play_popup .video {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}


.checklist_play_popup .video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.checklist_play_popup .close_playPopup {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 0;
	bottom:100%;
	margin-bottom: 5px;
}

.checklist_play_popup .close_playPopup:before,
.checklist_play_popup .close_playPopup:after {
	content:'';
	width:25px;
	height:2px;
	background-color: #fff;
	position: absolute;
	right: 0;
	top: 50%;
	transform:translateY(-50%)
}
.checklist_play_popup .close_playPopup:before {
	transform: rotate(-45deg) translateY(-50%);
}
.checklist_play_popup .close_playPopup:after  {
	transform: rotate(45deg) translateY(-50%);
}

/* 체크리스트 수정*/
.h-60vh {
	height: 60vh !important;
}

/* 체크리스트 팝업 스크롤 중복 방지 클래스 추가*/
.modal-card-body.scroll_none::-webkit-scrollbar {
	display: none !important;
}

.modal-card-body.scroll_none {
	scrollbar-width:none !important;
}

.hero.is-info {
	position:relative;
}

.hero-suv-nav{
	color: #ffffff;
	position:absolute;
	bottom: 0;
}

.hero-suv-nav ul {
	display: flex;
	width: 100%;
	padding:.5em 1.5em;
}

.hero-suv-nav ul li {
	position: relative;
	padding-right: .875em;
	margin-right: .875em;
}

.hero-suv-nav ul li:last-of-type:before {
	display: none;
}

.hero-suv-nav ul li:before {
	content:'';
	width:1px;
	height:70%;
	background-color: #ffffff80;
	position: absolute;
	top: 50%;
	right:0;
	transform: translateY(-50%);
}

.hero-suv-nav ul li:hover {
	color: rgb(226, 240, 98);
}

.hero-suv-nav ul li.active {
	color: rgb(226, 240, 98);
}

/* 관련자료 페이지*/
.pad_n {
	padding: 0 !important;
}

.mt_-15 {
	margin-top: -1.5rem !important;
}

.bxsd_n  {
	box-shadow: none !important;
}

.mt_0 {
	margin-top: 0 !important;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.ovf-h {overflow:hidden !important;}

/* 메인 일부 responsive*/
.bxsd_n.navbar-menu .buttons:last-child {
	margin-bottom: 0 !important;
}

.bxsd_n.navbar-menu .buttons .button {
	margin-bottom: 0 !important;
}

/* 체크리스트 팝업 수정*/
.checklist_play_table td div img {
	width: 30%;
}

/* cesium 스타일 수정*/
#cesiumdata {
	max-height:100% !important;
}

.cesiumTitleWrap {
	display: flex;
	justify-content: space-between;
	padding: .5rem;
	align-items: center;
}

.cesiumTitleWrap p {
	font-weight: bold;
	font-size: 14px;
}

.cesiumTitleWrap p img {
	width: 24px;
}

.cesiumTitleWrap a {
	position: relative;
	width: 24px;
	height: 24px;
	display: block;

}

.cesiumTitleWrap a:before {
	content:'';
	width:1px;
	height:20px;
	background-color: #333;
	position: absolute;
	top: 0;
	right: .5rem;
	transform: rotate(-45deg);

}

.cesiumTitleWrap a:after {
	content:'';
	width:1px;
	height:20px;
	background-color: #333;
	position: absolute;
	top: 0;
	right: .5rem;
	transform: rotate(45deg);
}


/* 20240607 프로젝트 관리 테이블 반응형적용 */
.responsive_custom tbody tr td div {
	display: inline-block;
	width: calc(100%);
	white-space: nowrap;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: middle;
}

.responsive_custom tbody tr td div a {
	font-weight: normal !important;
}

.datepicker {
	width:100%;
}

input[type='date'] {
	position: relative;
	width: 100%;
	background: url(../images/renual/icon_calendar.svg) no-repeat right 10px center /
    20px auto;
	border-radius: 4px;
	border-color: #dbdbdb;
	font-size: 100%;
}

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

input[type='date']:valid::before {
	display: none;
}

input[type='date']::placeholder {
	color: #ddd;
}

/* 사업추가 & 공구추가 & 리스트 페이지 테이블 반응형 */
.responsive_in_form tbody td div {
	display: inline-block;
	width: calc(100% - 10px);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: middle;
}

.input_50 {
	display: flex;
	align-items: center ;
}

.input_50 input {
	width:calc((100% - 30px) / 2)
}

.input_50 span {
	width: 30px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
}

.button.btn_black {
	background-color: #333;
	color: #fff;
}

/* 체크리스트 pdf css */

#div2 {
	width:100% !important;
	height:62vh !important;
	overflow-y: scroll;
}

#div2 #minyIfram {
	width:100% !important;
	height:100% !important;
}

/*  체크리스트 팝업 스크롤 처리 */
.h-74vh {
	height: 74vh;
	overflow-y: scroll;
}

/* 20240614 nav 스타일 수정 */
.pc_menu {
	display: flex;
	align-items: center;
}

.pc_menu .bim {
	/*padding: 5px;*/
	background:linear-gradient(to right, #f2575f , #f5b056 );
	border-radius: 50px;
	/*margin-right: 0.5em;*/
}

.pc_menu .bim a {
	color: #fff;
	opacity: 1 !important;
	border: none;
	padding: .5em 1em
}

.pc_menu .bim a img {
	width: 14px;
	vertical-align: middle;
	margin-right: 5px;
}

/* 오늘의 검측라인 수정 : 추가 (내일검측, 모레검측 대기)*/
.main-item00 {
	display: flex;
	width: 60%;
	gap: .75rem;
	align-items: stretch;
	flex-direction: row;
}

.main-item00 > *:first-of-type {
	 width: 150px;
 }



.main-item00 > *:nth-of-type(2) {
	display: flex;
	flex-direction: row;
	align-items: stretch !important;
	width: calc(100% - 200px);
}


.main-item00 .label-area {
	order:2;
	flex-basis:auto;
	flex-grow:0;
	flex-shrink:0;
}

.main-item00 .label-area p	{
	width: auto;
	flex-basis:auto;
	flex-grow:1;
	flex-shrink:0;
	text-align: right;
}


.main-item00 .item-content {
	display: flex;
	align-items: stretch;
	justify-content: stretch;
	gap: .5rem;
}

.main-item00-wraps {
	display: flex;
	gap: .75rem;
}

.main-item00-wraps .main-item00-wrap {
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: .75rem .75rem;
	display: flex;
	align-items: center;
	gap: .5rem;
	justify-content: space-between;
	flex: 1;
}

.main-item00-wraps .main-item00-wrap b {
	color: #485fc7;
}


.main-item00-wraps .main-item00-wrap .font_size_18 {
	font-size: 16px !important;
	position: relative;
	padding-left: 0.75rem;
	border-right: 1px solid #ddd;
	padding-right: .75rem;
}

.main-item00-wraps .main-item00-wrap .font_size_18:before {
	content: '';
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #485fc7;
	position: absolute;
	left: 0;
	top:50%;
	transform: translateY(-50%);
}


/* nav 사용자정보 추가 / 수정*/

.navbar-item .buttons:last-child {
	margin-bottom:0 !important;
}

.user-info {
	display: flex;
	align-items: center;
}

.progress-wrap {
	width:100% !important;
	flex-basis: 65%;
	flex-grow:0;
	flex-shrink:1;
}


#divider {
	width: 10px;
	background-color: #ddd;
	cursor: ew-resize;
	flex:none;

}

/* 반응형을 위한 스타일 수정 */
.card-content {
	min-height:190px !important;
}

.pdf-area video {
	margin:0 auto;
}

.left-nav {
	overflow-y: scroll;
	background-color: #fff !important;
	border:1px solid #f5f5f5;
	padding-top:0.5rem;
	max-height:inherit;
	min-height:inherit;
	scrollbar-width: none;
}


.hr_custom {
	margin:.5rem 0 !important;
}

.button-wrap {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	justify-content: space-between;

}

.answer_custom .pdfLi {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.add_folder {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.file-box {
	flex-basis: 210px;
	flex-grow:0;
	flex-shrink: 0;
}

#cesiumdata.close {
	display: none !important;
}



/* 파일업로드 스타일수정 */
.button-wrap {
	width: 100%;
}

.button-wrap .file-box input[type=file] {
	display: none;
}

.button-wrap .file-box label {
	cursor:pointer;
	border: 1px solid #000;
	border-radius: 2px;
	-webkit-appearance: none;
	align-items: center;
	border: 1px solid transparent;
	border-color: #485fc7;
	color: #485fc7;
	justify-content: center;
	padding-bottom: calc(.5em - 1px);
	padding-left: 1em;
	padding-right: 1em;
	padding-top: calc(.5em - 1px);
	text-align: center;
	white-space: nowrap;
	position: relative;
	vertical-align: top;
	height: 2.5em;
	box-shadow: none;
	display: inline-flex;
	font-size: .75rem;
}

.button-wrap .file-box label:hover {
	color: #fff;
	background-color: #485fc7;
}


/* 공종다중선택 style */
.upload-file .chkWrap {
	display: flex;
	margin-bottom: .5rem;

}

.selectChk {
	margin-right: 0.5rem;
	flex-basis: 80px;
	flex-shrink: 0;
	padding-left: calc(.75em - 1px);
}

.selectChk + .checkbox label {
	margin: 0 .12rem;
	word-break: keep-all

}

/* 2d설계도면 스타일수정 */


.pdfLi {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 4px;
	position: relative;
}



.pdfLi p {
	display: flex;
	gap: 4px;
	flex-basis:auto;
	flex-shrink: 0;
	flex-grow: 1;
	justify-content: end;
}

.pdfLi span {
	flex-basis:auto;
	flex-grow:0;
	flex-shrink:0;
	padding-right: 10px;
	display: inline-block;
	text-indent: -13px;
	margin-left:10px;
	max-width: calc(100% - 180px);
	white-space: nowrap;
	overflow-x: hidden;
	text-overflow: ellipsis;
}

.pdfLi span + a {
	background: url(../images/renual/viewFull.png) no-repeat;
	display: inline-block;
	background-size: contain;
	width: 16px;
	height: 16px;
	flex-basis: 16px;
	flex-grow: 0;
	flex-shrink: 0;
}

.pdfLi span + a:hover {
	background: url(../images/renual/viewFull_h.png) no-repeat;
	display: inline-block;
	background-size: contain;
	width: 16px;
	height: 16px;
	flex-basis: 16px;
	flex-grow: 0;
	flex-shrink: 0;
}


.pdfLi input[type=text] {
	height: 2em;
	flex-basis: calc(100% - 140px);
	flex-grow:0;
	flex-shrink:0;
	margin-right: 4px;
}


/* 공종선택 스타일 추가*/
.selectChk + .checkbox {
	display: flex;
	flex-wrap:wrap;
	gap:0.2rem
}
.selectChk + .checkbox .checkSelf {
	flex-basis:20%;
	flex-grow: 1;
}

#pdfFileName
{
	width: 100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}


/* 체크리스트검토 높이, 스크롤 조절 */
.h-60vh {
	height: 60vh;
}


.scrb-n {
	scrollbar-width: none 0;
}

.scrb-n::-webkit-scrollbar {
	display: none;
}

/* 2d설계도면 스타일수정 */
.button-wrap {
	width: 100%;
}

/* 시연용 style 수정 */

.result_float {
	display:inline-block;
}

.result_float:after{
	content:'';
	display:block;
	clear:both;
}

.result_float .table_wrap {
	width:30%;
	resize:horizontal;
	float:left;
	position: relative;
}

.result_float .pdf-area video {
	margin:0 auto;
}


/* 관련자료 자료업로드 체크리스트 추가 스타일 수정 */
.wraps {
	display: flex;
	width: 100%;
}

.wraps .chkWrap {
	display: flex;

}

.selectChk + .checkbox .checkSelf{
	flex-basis: 100%;
}

.wraps .chkWrap:nth-of-type(1) {
	flex-basis:200px;
	flex-grow:0;
	flex-shrink: 0;
	border-right: 1px solid #f4f4f4;
}

.wraps .chkWrap:nth-of-type(1) .selectChk + .checkbox .checkSelf:hover {
	color: #485fc7;
}

.wraps .chkWrap:nth-of-type(1) .selectChk + .checkbox .checkSelf.active {
	color: #485fc7;
}


.wraps .chkWrap:nth-of-type(2) {
	flex-basis:auto;
	flex-grow:1;
	flex-shrink: 1;
	flex-direction:column }

.wraps .selectChk {
	flex-basis:80px;
}

.wraps .chkWrap:nth-of-type(2) .selectChk {
	flex-basis:auto
}


.wraps .chkWrap:nth-of-type(2) .selectChk + .checkbox .checkSelf {
	flex-basis: 40%;
	flex-grow: 1;
	flex-shrink: 0;
}

.navbar-item .button {
	margin-bottom: 0 !important;
}

.left-info .list-info {
	padding-right:1.75rem !important;
	padding-top:1.75rem !important;
}

.left-info .wrap-info h1 {
	padding-right:1.75rem !important;
}

.wrap {
	position: relative;}

.wrap main {
	height:calc(100vh - 221px);
	width: 100%;
}

.geography-section {
	/* height:calc(100vh - 204px) !important; */
}

.result_flex .table_wrap table tbody tr.active{
	background-color: #efefef !important;
}

#cesiumdata {
	background: rgba(0, 0, 0, 0.7) !important;
	overflow: hidden !important;
	overflow-y: auto !important;
	width: 400px !important;

}

#cesiumdata table {
	border:1px solid #fff !important;
}


#cesiumdata th {
	background-color: transparent !important;
	border: 1px solid #fff !important;
	word-break: break-all !important;
	height: auto !important;
}

#cesiumdata td {
	border:1px solid #fff !important;
	color:#fff !important;
	word-break: break-all !important;
	height: auto !important;
}

#table {
	width: 400px !important;
	max-width:400px !important;
	table-left: fixed;
}

.table-title {
	background-color: #fff;
	padding:10px;
	display: flex;
	justify-content: space-between;
}

.table-title h1 {
	font-weight: bold;
}

.table-title a {
	position: relative;
	width: 20px;
	height: 20px;
}

.table-title a:before {
	content: '';
	width: 15px;
	height: 2px;
	background-color: #000;
	position: absolute;
	transform: rotate(45deg);
	top: 10px;
	right:0;
}

.table-title a:after {
	content: '';
	width: 15px;
	height: 2px;
	background-color: #000;
	position: absolute;
	transform: rotate(-45deg);
	top: 10px;
	right: 0;
}

/* 드론영상 2024.10.15 */
.btn_views {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0 1rem;
}

.btn_views a {
	display: flex;
	flex-direction: column;
	gap:0.125rem;
	text-align: center;
	justify-content: center;
}

.btn_views a svg {
	width: 35px;
	height:35px;
	margin: 0 auto;
}

.btn_views a span {
	font-weight: 500;
	font-size: 12px;
	color:#9a959e;
	text-align: center;
	display: block;
}

.btn_views a.active span {
	color: #120321;
}

.btn_views a svg rect {
	fill:#9a959e;
}

.btn_views a.active rect {
	fill:#120321;
}

.drone_view { }

.drone_view_two {
	display: flex;
	gap:1rem;
	flex-direction: row;
	justify-content: center;
	align-items: start;
	flex-wrap: wrap;
}

.drone_view_two > div {
	flex-basis: 45%;
}

.drone_view_two .btn-area {
	flex-basis: 100%;
	margin: auto;
	text-align: center;
}

.drone_view .title {
	display: flex;
	height: auto;
	align-items: stretch;
	border: 1px solid #dbdbdb;
	justify-content: space-between;
}

.drone_view .title p {
	display: flex;
}

.drone_view .title .title-p{
	flex-basis: auto;
	flex-grow: 0;
	flex-shrink: 1;
}

.drone_view .title .date-p{
	flex-basis:260px;
	flex-grow: 0;
	flex-shrink: 0;
}

.drone_view .title b {
	background-color: #f9f9f9;
    width: 115px;
    padding: 0.75rem;
    display: flex;
    align-items: center;
}

.drone_view .title span {
	padding: 0.75rem;
	display: -webkit-box;
	width: calc(100% - 115px);
	-webkit-box-align: center;
	font-weight: 400;
}


.drone_view_two .title {
	flex-direction: column;
	margin-top:10px;
}

.drone_view_two .title p {
	flex-basis: auto;
}

.drone_view_two .title .title-p {
	border-bottom: 1px solid #dbdbdb;
}

.drone_view_two .title .date-p {
	flex-basis: auto;
}

.drone-view-area {
	margin:0 auto;
	width: 100%;
	text-align: center;
	min-height:440px;
	max-height:440px;
	border:1px solid #ddd;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
	position: relative;
	/* border:1px solid #ddd; */
}


.drone-view-area video {
	max-width: 100%;
	max-height:400px;
	object-fit: contain;
}

.drone-right {
	align-items: start;
}

.filter-popup .datebox {
	display:flex;
	align-items: center;
	padding:0.5rem;
	gap:0.5rem;
	width:calc(100% - 115px)
}

.upload-popup {
	background-color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 120;
    width: 50%;
    box-shadow: 0 0 10px #ddd;
    border-radius: 6px;
    display: none;
}

.upload-popup > div {
	padding: 1rem;
}

.upload-popup.active {
	display: block;
}

.upload-popup > div .button-area {
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 0.5rem;
	gap: 10px;
}

.upload-popup .d-block {
	background-color: #f9f9f9;
	width: 115px;
	padding: 0.5rem;
	display: flex;
	align-items: center;
}

.upload-popup .cntWrap {
	display: flex;
	height: auto;
	align-items: stretch;
	border: 1px solid #dbdbdb;

}

.upload-popup .cntWrap .uploadContentBox {
	padding:0.5rem;
	display:flex;
	align-items: center;
	padding:0.5rem;
	gap:0.5rem;
	width:calc(100% - 115px)
}

.upload-popup .cntWrap .uploadContentBox input {
	margin-top: 0;
	font-size: 14px;
}

/* 드론영상 two */
.table_one {
	margin-bottom:1rem;
}

.table_one,.table_two  {
	height:45%;
	overflow-y:scroll;
	padding: .5rem;
}

.table_one::-webkit-scrollbar, .table_two::-webkit-scrollbar {
	background-color: #eee;
	scrollbar-width: 5px;
	width: 5px;
}

.table_one::-webkit-scrollbar-thumb,.table_two::-webkit-scrollbar-thumb {
	background-color: #ddd;
}

.scroll_none {
	scrollbar-width: none !important;
}

.result_flex .table_wrap .button.is-dark {
	font-size:14px;
	margin-right:0.5rem;
}

.result_flex .table_wrap .ellipsis {
	display: flex;
	align-items: center;
}

/* main_renual2 20241017 */
.navbar .buttons .renual-community {
	color: #485fc7;
	background:url(../images/renual/main2/icon_chat.png) no-repeat center left;
	background-size: 20px;
}

.navbar .buttons .renual-community:hover {
	color: #485fc7;
}

.middle-renual2  {
	align-items: start;
}

.middle-renual2 .hero.is-info .subtitle {
	margin-bottom:0.5rem;
}

.middle-renual2 .container.is-fluid {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.middle-renual2 .hero-middle > * {
	flex-basis:50%;
}

.middle-renual2 .subtitle-add {
	margin-top: 0;
}

.weather-status-renual2 {
	display: flex;
	flex-direction: column;
	flex-basis: auto;
	flex-grow: 0;
	flex-shrink: 0;

}
.weather-status-renual2 img {
	height:25px;
	width:25px;
	object-fit: contain;
}

.weather-status-renual2 .weather-title {
	display: flex;
	margin-bottom: 0.5rem;
	justify-content: space-between;
	align-items: start;
}

.weather-status-renual2 .weather-title img {
	height:15px;
	width: 20px;
}

.weather-status-renual2 .weather-title a {
	color: #333;
	height:30px;
	line-height:30px;
	border-radius: 40px;
	padding: 0 10px 0 35px;
	background: #fff url(../images/renual/main2/icon_nsnr.png) no-repeat center left 8px;
	background-size: 20px;
	display: flex;
	align-items: center;
	gap: 0.215rem;
}

.weather-status-renual2 .weather-title a b {
	color: #0098e0;
}

.weather-status-renual2 .weather-title a span {
	color: #333;
	font-weight: bold;
}

.weather-status-renual2 .weather-title a img {
	display: inline-block;
	height: 10px;
}

.weather-status-renual2 .weather-day {
	display: flex;
	gap: 1rem;
	justify-content: space-between;
}

.weather-status-renual2 .weather-day li {
	padding:0.5rem 1rem;
	font-size: 12px;
	text-align: center;
	position: relative;
}

.weather-status-renual2 .weather-day li b {
	display: block;
	margin-bottom: 0.215rem;
}

.weather-status-renual2 .weather-day li p {
	display: flex;
	text-align: center;
	gap: 1.25rem;
}

.weather-status-renual2 .weather-day li strong {
	display: flex;
	flex-direction: column;
}

.weather-status-renual2 .weather-day li strong img {
	display: block;
}

.weather-status-renual2 .weather-day li.weather-today {
	background-color:#fff;
	border-radius: 0.5rem;;
	color:#333;
} 

.weather-status-renual2 .weather-day li.weather-today * {

}

.weather-status-renual2 .weather-day li.weather-today:after {
	content: '오늘';
	position: absolute;
	color:#fff;
	background-color: #485fc7;
	border-radius: 50%;
	font-size: 10px;
	font-weight: 400;
	width: 30px;
	height: 30px;
	line-height:30px;
	right:0;
	top:0;
	transform: translate(10px,-10px);
	text-align: center;
}  

.section-wrap {
	display: flex;
	flex-direction: column;
	height: calc(100vh - 52px);
}

.section-wrap .main-renual2 {
	flex-basis: auto;
	flex-grow: 1;

}

.section-wrap footer {
	flex-basis: auto;
	
}

.main-renual2 {
	min-height:calc(100vh - 244px);
}


 #weather-map {
	width:100%;
	height:calc(100vh - 100px);
}

.main-renual2 .main-flexWrap {
	display: flex;
	width: 100%;
	gap: 1.5rem;
	height: 100%;
}

.main-renual2 .main-flexWrap > div {
	flex-basis: 50%;
	display:flex;
	flex-direction: column;
	justify-content: space-between;
}

.main-renual2 .main-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.875rem;
}

.main-renual2 .main-title .title-area {
	font-size: 1.05rem;
	font-weight: 800;
	display: flex;
	align-items: center;
}

.main-renual2 .main-title .title-area img {
	height: 30px;
	vertical-align: middle;
	margin-right: 0.75rem;
}

.main-renual2 .go-to-area {
	background-size: 10px;
	border:none !important;
	color: #2c3d7a;
	font-weight: 700;
	display: flex;
	align-items: center;
	gap: 0.25rem;
	font-size: 0.875rem;
}

.main-renual2 .go-to-area img {
	height: 10px;
	vertical-align: middle;
}


.main-renual2 .main-div {
	margin-bottom:1rem
}

.main-renual2 .main-content {
	font-size: 14px;
}

.main-renual2 .main-content .main_folderWrap {
	display: flex;
	flex-wrap: wrap;
}

.main-renual2 .main-content .main_folderWrap li {
	width: 20%;
	border:1px solid #eee;
	padding: 11px 10px 10px 10px;
	color: #999;
	border-right: none;
	border-bottom:none;
	background:url(../images/renual/main2/icon_folder_nactive.png) no-repeat center left 10px;
	background-size: 18px;
	
}

.main-renual2 .main-content .main_folderWrap li:nth-of-type(5n) {
	border-right:1px solid #eee;
}

.main-renual2 .main-content .main_folderWrap li:nth-of-type(n+6) {
	border-bottom:1px solid #eee;
}


.main-renual2 .main-content .main_folderWrap li a {
	padding-left:30px;
	display: block;
	color: inherit;
}

.main-renual2 .main-content .main_folderWrap li:hover {
	border: 1px solid #36354e;
	background:url(../images/renual/main2/icon_folder_active.png) no-repeat center left 10px;
	background-size: 18px;
	padding:10px;
}

.main-renual2 .main-content .main_folderWrap li:hover a {
	color: #000;
	font-weight: 700;
}


.main-renual2 .main-content .main-tableWrap {
	padding-top: 0.25rem;
	margin-bottom: 1rem;
}

.main-renual2 .main-content .main-tableWrap .main-table {
	border-top:none !important;
	table-layout: fixed;
}

.main-renual2 .main-content .main-tableWrap .main-table td {
	color:#666666;
	font-weight: 300;
	padding:0 !important;
}

.main-renual2 .main-content .main-tableWrap .main-table th,.main-renual2 .main-content .main-tableWrap .main-table td {
	font-size: 14px;
	border: 1px solid #c1c1c1;
}

.main-renual2 .main-content .main-tableWrap .main-table td.complete-td,.main-renual2 .main-content .main-tableWrap .main-table td.complete-total {
	color: 	#485fc7;
	font-weight: 800;
}
.main-renual2 .main-content .main-tableWrap .main-table td.wait-td ,.main-renual2 .main-content .main-tableWrap .main-table td.wait-total{
	color: 	#ea0000;
	font-weight: 800;
}

.main-renual2 .main-content .main-tableWrap .main-table th {
	background-color: #3a5867;
	color:#fff;
	height:37px;
}


.main-renual2 .main-content .main-tableWrap .main-table.main-table-second th {
	background-color: #36354e;
}

.main-renual2 .main-subTit {
	font-weight: 700;
	display: flex;
}

.main-renual2 .main-subTit span:last-of-type {
	display: inline-block;
	margin-left:auto;
	font-weight: 300;
	background: url(../images/renual/main2/icon_check.png) no-repeat center left;
	background-size: 15px;
	padding-left:20px;
	color: #666;
}

.main-renual2 .requiredWrap table tbody tr td:not(:first-of-type) {
	cursor: pointer;
}

.main-renual2 .requiredWrap table tbody tr td:not(:first-of-type):hover {
	color:#333;
}

.main-renual2 .requiredWrap table tbody tr td:not(:first-of-type):hover div {
	font-weight:bold;
}

.main-renual2 .waitWrap table {
	table-layout: fixed;
}

.main-renual2 .waitWrap table tbody tr {
	cursor:pointer;
}

.main-renual2 .waitWrap table tbody tr:hover td {
	color:#333;
}

.main-renual2 .waitWrap table tbody tr:hover td div {
	font-weight:bold;
}

.main-renual2 .waitWrap table tbody tr td div {
	width:calc(100% - 10px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.main-renual2 .requiredWrap .item-content {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: .5rem;
	width: 100%;
}


.main-renual2 .requiredWrap .label-area {
	order:2;
	flex-basis:auto;
	flex-grow:0;
	flex-shrink:0;
	display: flex;
	gap: 1rem;
}


.main-renual2 .requiredWrap .label-area p	{
	width: auto;
	flex-basis:auto;
	flex-grow:1;
	flex-shrink:0;
	text-align: right;
	display: inline-block;
	width: 120px;
	padding: 0 5px;
	padding-left: 20px;
}


.main-renual2 .requiredWrap .label-area p:first-of-type {
	font-weight: bold;
	position:relative;
	overflow:hidden;

	color: #485fc7;
}

.main-renual2 .requiredWrap .label-area p b {
	margin-left:1rem;
	display:inline-block;
}

.main-renual2 .requiredWrap .label-area p:first-of-type b {

}

.main-renual2 .requiredWrap .label-area p:last-of-type {
	color:#333;
	position:relative;
	overflow:hidden;
	font-weight: bold;
	color: #ea0000;
}

.main-renual2 .requiredWrap .label-area p:last-of-type b {
	display:inline-block;
}


.main-renual2 .requiredWrap .label-area p:first-of-type:before {
	content:'';
	background:#485fc7;
	background-size: 20px;
	position: absolute;
	top: 14px;
	left: 0;
	width:11px;
	height:11px;
	transform:translateY(-50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border:2px solid #485fc7;
}

.main-renual2 .requiredWrap .label-area p:last-of-type:before{
	content:'';
	background:#ea0000 ;
	position: absolute;
	top: 14px;
	left: 0;
	width:11px;
	height:11px;
	transform:translateY(-50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border:2px solid #ea0000;
}

.main-renual2 .requiredWrap .item-content .label-area p:before {
	content: '';
	top:10px
}

.main-renual2 .requiredWrap .item-content .progress-wrap {
	margin-top: 0;
	flex-basis: 70%;
}

.main-renual2 .requiredWrap .item-content .progress-wrap .progress-wait {
	height:11px;
}


.main-renual2 .scheduleWrap .schedule-list{
	margin-top:.25rem;
}

.main-renual2 .schedule-list > ul {
	display: flex;
	gap:0.5rem
}

.main-renual2 .schedule-list > ul > li {
	flex-basis: 20%;
	border:1px solid #eeeeee;
	border-top:3px solid #eeeeee; 
	padding: 0.875rem 1.5rem;
	text-align: center;
}

.main-renual2 .schedule-list > ul > li.today-schedule {
	border-top:3px solid #485fc7;
}

.main-renual2 .schedule-list > ul > li b {
	text-align: center;
	display: block;
	margin-bottom: 0.5rem;
}

.main-renual2 .schedule-list > ul > li ul li  {
	display: flex;
	justify-content: space-between;
	margin-bottom: 0.25rem;
	position:relative;
	padding-left: 1rem;
}

.main-renual2 .schedule-list > ul > li ul li:before {
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	background-color: #ea0000;
	border-radius: 50%;
	top:50%;
	left:0;
	transform: translate(0,-50%);
}


.main-renual2 .schedule-list > ul > li ul li span {
	color:#666666;
	font-weight: 300;
	
}

.main-renual2 .schedule-list > ul > li ul li strong {
	color:#ea0000;
}


.main-renual2 .boardWrap {
	background-color: #ffce00;
	display:flex;
	padding: 0.5rem;
	gap:1rem;
	align-items: center;
}

.main-renual2 .boardWrap .board-title {
	flex-basis: 25%;
	flex-shrink: 0;
	padding-left:10px;
}

.main-renual2 .boardWrap .board-title p {
	font-weight: 800;	
	font-size: 16px;
}

.main-renual2 .boardWrap .board-title span {
	font-size: 12px;
}

.main-renual2 .boardWrap .board-content {
	background-color: #fff;
	flex-basis: auto;
	flex-grow: 1;
	padding:0.875rem 3rem 0.875rem 0.875rem;
	overflow: hidden;
	height:75px;
	position: relative;
}

.main-renual2 .boardWrap .board-content .btns-slide {
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	flex-direction: column;
	gap:5px;
}

.main-renual2 .boardWrap .board-content .btns-slide button {
	background-color: transparent;
	border:none;
	cursor:pointer;
}

.main-renual2 .boardWrap .board-content .btns-slide button img {
	height:15px;
	margin: auto;
  display: block;
}

.main-renual2 .boardWrap .board-content .btns-slide button.prev{
	transform: rotate(-90deg);
}
.main-renual2 .boardWrap .board-content .btns-slide button.next{
	transform: rotate(90deg);
}

.main-renual2 .boardWrap .board-content ul {
	display: flex;
	flex-direction: column;
	gap: 12px;
	transition: transform 0.5s ease-in-out;
}

.main-renual2 .boardWrap .board-content ul li {
	display: flex;
	gap:0.75rem;
	color:#666666;
	font-weight: 300;
}

.main-renual2 .boardWrap .board-content ul li.board-new span {
	color: #fff;
	background-color: #333;
	font-size: 12px;
	display: inline-block;
	padding:0.1rem 0.25rem;
	border-radius:2px;
}

.main-renual2 .boardWrap .board-content ul li span {
	flex-basis:auto;
	font-weight: 400;
}

.main-renual2 .boardWrap .board-content ul li p {
	display: flex;
	flex-basis: auto;
	flex-grow: 1;
	overflow: hidden;
	font-weight: 400;
}

.main-renual2 .boardWrap .board-content ul li p b {
	font-weight: 300;
}

.main-renual2 .boardWrap .board-content ul li p b:first-of-type {
	width: calc(100% - 100px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
}

.main-renual2 .boardWrap .board-content ul li p b:last-of-type {
	margin-left:auto;
	display: inline-block;
	width:100px;
	font-weight: 400;
	text-align: right;
}

.main-renual2 .boardWrap .board-content ul li.board-new p b {
	color: #333;
	font-weight: 800;
}

.main-renual2 .boardWrap .board-content ul li.board-notice span, .main-renual2 .boardWrap .board-content ul li.board-new span{
	width:35px;
}

.main-renual2 .boardWrap .board-content ul li.board-notice {
	text-align: center;
}

.main-renual2 .boardWrap .board-content ul li.board-notice img {
	height: 20px;
}

.main-renual2 .main-content .main-tableWrap .main-table th.right-border {
	border-right:1px solid #c1c1c1;
}

.main-renual2 .main-content .main-tableWrap .main-table th.left-border {
	border-left:1px solid #c1c1c1;
}

.main-renual2 .main-content .main-tableWrap.scroll-table {
	max-height: 145px;
	overflow-y: auto;
	scrollbar-width: thin;
}


.main-renual2 .main-content .main-iconWrap {
	display: flex;
	gap: 0.5rem;
}

.main-renual2 .main-content .main-iconWrap li {
	flex-basis: calc(100% / 7);
	border:1px solid #ddd;
	font-weight: 700;
	height:80px;
	border-radius: 4px;
	display: flex;
	align-items: center;
	position:relative;
	text-align: center;
	justify-content: center;
}

.main-renual2 .main-content .main-iconWrap li a {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	position: relative;
	padding:0 0.5rem;
	color:inherit;
	text-align: center;
}

.main-renual2 .main-content .main-iconWrap li a:before {
	content: '';
	background: url(../images/renual/main2/icon_weather_01.png) no-repeat center;
	width: 30px;
	height: 20px;
	background-size: contain;
	left:0;
	top: 50%;
}

.main-renual2 .main-content .main-iconWrap li:nth-of-type(2) a:before {
	background: url(../images/renual/main2/icon_weather_02.png) no-repeat center;
	background-size: contain;
}

.main-renual2 .main-content .main-iconWrap li:nth-of-type(3) a:before {
	background: url(../images/renual/main2/icon_weather_03.png) no-repeat center;
	background-size: contain;
}

.main-renual2 .main-content .main-iconWrap li:nth-of-type(4) a:before {
	background: url(../images/renual/main2/icon_weather_04.png) no-repeat center;
	background-size: contain;
}
.main-renual2 .main-content .main-iconWrap li:nth-of-type(5) a:before {
	background: url(../images/renual/main2/icon_weather_05.png) no-repeat center;
	background-size: contain;
}
.main-renual2 .main-content .main-iconWrap li:nth-of-type(6) a:before {
	background: url(../images/renual/main2/icon_weather_06.png) no-repeat center;
	background-size: contain;
}
.main-renual2 .main-content .main-iconWrap li:nth-of-type(7) a:before {
	background: url(../images/renual/main2/icon_weather_07.png) no-repeat center;
	background-size: contain;
}


.main-renual2 .main-content .main-iconWrap li:hover {
	background: #485fc7 /* url(../images/renual/main2/icon_arrow_right_hover.png) no-repeat center right 10px */;
	background-size: 8px;
	color: #fff;
}

.main-renual2 .main-content .main-iconWrap li:hover:nth-of-type(1) a:before {
	background: url(../images/renual/main2/icon_weather_01_hover.png) no-repeat center;
	background-size: contain;
} 
.main-renual2 .main-content .main-iconWrap li:hover:nth-of-type(2) a:before {
	background: url(../images/renual/main2/icon_weather_02_hover.png) no-repeat center;
	background-size: contain;
} 
.main-renual2 .main-content .main-iconWrap li:hover:nth-of-type(3) a:before {
	background: url(../images/renual/main2/icon_weather_03_hover.png) no-repeat center;
	background-size: contain;
} 
.main-renual2 .main-content .main-iconWrap li:hover:nth-of-type(4) a:before {
	background: url(../images/renual/main2/icon_weather_04_hover.png) no-repeat center;
	background-size: contain;
} 
.main-renual2 .main-content .main-iconWrap li:hover:nth-of-type(5) a:before {
	background: url(../images/renual/main2/icon_weather_05_hover.png) no-repeat center;
	background-size: contain;
} 
.main-renual2 .main-content .main-iconWrap li:hover:nth-of-type(6) a:before {
	background: url(../images/renual/main2/icon_weather_06_hover.png) no-repeat center;
	background-size: contain;
} 
.main-renual2 .main-content .main-iconWrap li:hover:nth-of-type(7) a:before {
	background: url(../images/renual/main2/icon_weather_07_hover.png) no-repeat center;
	background-size: contain;
} 

.main-renual2 .main-item .tab-menu {
	margin-bottom: 0;
}

.main-renual2 .main-content .main-tableWrap.table-back td {
	/* background-color: #f4f4f4; */
	padding:0;
}

.main-renual2 .main-content .main-tableWrap.table-back table.table-tab-03 td div {
	width: 100%;
}

.main-renual2 .main-content .main-tableWrap .main_table:not(.table-tab-03) td div {
	padding:0.5rem 0;
}

.main-renual2 .main-content .main-tableWrap .main-table:not(.table-tab-03) td div {
	padding:0.5rem 8px;
}


.main-renual2 .main-content .main-tableWrap.table-back td div p {
	padding:0.5rem 0;
}

.main-renual2 .main-content .main-tableWrap.table-back td div p:nth-of-type(1) {
	border-bottom:1px solid #c1c1c1;
}

.scroll-custom::-webkit-scrollbar {
	background-color: #eee;
	scrollbar-width: 5px;
	width: 5px;
}

.scroll-custom::-webkit-scrollbar-thumb {
	background-color: #ddd;
}

.main-renual2 .main-item table tbody tr td div p {
	display: block;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: middle;
}


/*  responsive */

@media screen and (max-width:1800px) {
	.main-item00 > *:nth-of-type(2) {
		width: 60%;
	}
}

@media screen and (max-width:1740px) {
	.main-item04 .tab-menu ul li.search_button a{
		padding-left: .8rem;
	}
}

@media screen and (max-width:1700px) {
	.is-responsive {width: 40% !important;}
}

@media screen and (max-width:1640px) {
	.main-item01 .item-content .label_area {
		margin-top: 0;
	}

	.main-item01 .item-content canvas {
		width: 216px !important;
		height: 216px !important;
	}

	.main-item03-02 .content-area .buttons a {
		font-size: 14px;
		padding: 2.05rem .5rem;
	}

	.pic-area a {
		height: 124px;
	}

	.main-item04 .tab-menu ul li a {
		font-size: 14px;
	}

	.main-item04 .tab-menu ul li.search_button {
		background-size: 24px;
	}
}

@media screen and (max-width:1440px) {
	.hero-middle .weather-status ul {
		width: 70%;
	}

	.main-item04 .tab-menu ul li a {
		padding:.7rem .2rem;
	}

	.main-item04 .tab-menu ul li.search_button {
		background: #485fc7 url(../images/renual/main/icon_search.svg) no-repeat center right .5rem;
		background-size: 24px;
	}

	.main-item04 .tab-menu ul li.search_button a {
		padding-left: 0.4rem;
	}

	.main-item03-02 .content-area .buttons a {
		background-size: 20px !important;
		background-position: top 1rem left .5rem !important;
		padding-bottom: 1.15rem;
		padding-top:2.25rem;

	}

	.main-item03-02 .content-area .buttons a span {
		padding-left: 0;

	}

	.main-item02 .title-area a {
		font-size: 14px;
	}

	.main-item01 .item-content canvas {
		width: 183px !important;
		height: 183px !important;
	}

	.pic-area a {
		height:108px;
	}
}

@media screen and (max-width:1280px) {
	.hero-suv-nav {
		position:static;
	}

	.hero-suv-nav ul {
		flex-wrap: wrap;
	}

	.navbar-item, .navbar-link {
		padding:.5rem !important
	}

	.navbar-item img {
		max-height:1.2rem !important
	}

	.navbar-item.page-title-area {
		max-width:270px !important;
	}

	.navbar .buttons .data-list {
		font-size: 12px !important;
	}

	.navbar .buttons .opinion-list {
		font-size: 12px !important;
	}

	.hero-middle .weather-status{
		display: none;
	}

	.hero-middle .weather-status ul {
		width: 100%;
	}

	.hero-middle .weather-status ul li {
		flex-direction: column;
		align-items: flex-start;
		padding:.5rem .5rem;
	}

	.hero-middle .weather-status ul li p  {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 95%;
		margin: 0 auto;
	}

	.hero-middle .weather-status > p {
		margin-right: 0;
		margin-bottom: .5rem;
	}

	.hero-middle .weather-status {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-end;
	}

	.hero-middle > * {
		flex:1;
	}

	.hero-middle .mobile_menu {
		display: none;
	}

	.hero-middle .weather-status.active {
		position:absolute;
		left:50%;
		top:20%;
		z-index:10;
		width: 50%;
		background-color: #3f4f64;
		display: block;
		padding: 20px;
		transform: translateX(-50%);
		background: url(../images/renual/main/sky-back.jpg) no-repeat center;

	}

	.hero-middle .mobile-weather-button {
		display: flex;
		justify-content: flex-end;
	}

	.hero-middle .mobile-weather-button p {
		background-color: #ffffff36;
		padding: .75em 1em;
		border-radius:50px;
	}

	.hero-middle .mobile-weather-button img {
		width: 20px;
	}

	.hero-middle .weather-status.active ul li {
		border: 1px solid #ffffffaf;
		gap: .5rem;
	}

	.hero-middle .weather-status.active .close_weatherStatus {
		position: absolute;
		width: 30px;
		height: 30px;
		bottom: 100%;
		right:0%;
		display: block;
		z-index: 10;
		transform: translateY(10%);
	}

	.hero-middle .weather-status.active .close_weatherStatus:before,
	.hero-middle .weather-status.active .close_weatherStatus:after {
		content:'';
		width:20px;
		height:1px;
		background-color: #000;
		position: absolute;
		right: 0;
		top: 50%;
	}

	.hero-middle .weather-status.active .close_weatherStatus:before {
		transform: rotate(-45deg) translateY(-50%);
	}

	.hero-middle .weather-status.active .close_weatherStatus:after {
		transform: rotate(45deg) translateY(-50%);
	}

	.tab-menu {
		display: none;
	}

	.mobile-s-area {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.mobile-s-area .select select {
		font-size: 0.875rem;
	}

	.mobile-s-area a {
		background: #485fc7 url(../images/renual/main/icon_search.svg) no-repeat center right 1rem;
    	background-size: 20px;
		padding: .5rem 1rem;
		color: #fff;
		padding-right: 3rem;
		font-size: 14px;
	}

	.mobile-s-area #tabmenu {
		border: 1px solid #ddd;
		border-radius: 6px;
		font-size: 14px;
	}

	.mobile-s-area .is-small:after {
		transform:rotate(-45deg) translateY(25%) !important;
	}

	.mobile-s-area {
		margin-bottom: 0.5rem;
	}

	.main_renual {
		flex-direction: column;
	}

	.pic-area a {
		height:145px;
	}

	.main-item03-02 .content-area .buttons a {
		padding-bottom: 2.25rem;
		padding-top: 2.75rem;
	}

	.main-item01 .item-content canvas {
		width: 240px !important;
		height: 240px !important;
	}

	.table-wrap {
		max-width:100%;
		overflow-y:scroll;
	}

	.responsive_custom {
		width:1280px;
	}



	.main-item00 > *:nth-of-type(2) {
		width: 40%;
	}

	.pdfLi span {
		font-size: 14px;
		/*flex-basis: calc(100% - 160px) !important;*/
		max-width: inherit !important;
		flex-grow: 0;
		flex-shrink: 1;
	}

	.user-info {
		display: none;
	}

	.tile.is-ancestor {
		position: relative;
	}

	#responsiveMenu {
		display: flex;
	}

	.nav-onoff {
		position: absolute;
		width: 30px;
		height: 30px;
		left:30px;
		top:32px;
		border: 1px solid #f5f5f5;
		border-radius: 4px;
		z-index: 10;
		background-color: #485fc7;

	}

	.nav-onoff span {
		width: 12px;
		height: 2px;
		background-color: #fff;
		display: inline-block;
		position: absolute;
		left: 9px;
		top: 8px;
	}

	.nav-onoff span:nth-of-type(1) {
		transform: rotate(-45deg);
		left:4px;
		top: 14px;
	}

	.nav-onoff span:nth-of-type(2) {
		transform: rotate(45deg);
		left: 12px;
		top: 14px
	}


	#onOff.click span:nth-of-type(1) {
		transform: rotate(45deg) !important;
	}

	#onOff.click span:nth-of-type(2) {
		transform: rotate(-45deg) !important;
	}


	#responsiveMenu.active {
		display: none;
	}

	.tile.is-parent {
		position: relative;
	}

	.tile.is-ancestor {
		display: flex !important;
		flex-direction: column;
	}

	.is-right {
		width: 100%;
	}

	.wrapAll {
		max-height:170px;
		min-height:170px;
		overflow-y: auto;
	}
	
	.is-responsive {
		max-width: 100% !important;
		flex-basis: 100% !important;
		width: 100% !important;
		overflow-x: scroll;

	}
	
	.result_responsive {
		flex-direction: column;
	}

	.left-nav {
		padding-top: 4rem;
		overflow-y: hidden;
		min-height:300px;
		max-height:300px;
	}

	.left-nav .question {
		width:calc(100% - 220px) !important
	}

	.left-nav .menu {
		padding-top: 0.5rem;
	}

	.left-nav hr {
		height: 1px !important;
	}

	.left-info .wrap-info h1 {
		padding:1.25rem !important
	}

	.left-info .list-info {
		padding:0 1.25rem !important
	}

	.left-info .first-line {
		position: relative;
		margin-top: 0.5rem;
	}

	.left-info .first-line span {
		position: absolute;
		right: 0rem;
	}

	.menu-list {
		min-width:500px !important;
	}
}

@media screen and (max-width:1024px) {
	/* nav */
	.bxsd_n.navbar-menu .navbar-end { padding:0 0.5rem;}

	.main_html .navbar-brand {
		padding-top:0.5rem;
		padding-bottom:0.5rem;
		flex-wrap: wrap;
		width:100%;
		align-items: center;
		gap: 0rem;
	}
	.main_html .navbar-brand .navbar-item {
		flex-direction: column;
		align-items: flex-start;
	}

	.main_html .navbar-burger {
		width: 1.25rem !important;
		position: absolute;
		top: .75rem;
		right: .75rem;
		height:1.75rem;
	}

	.main_html .navbar-brand .navbar-item.page-title-area {
		flex-direction: row;
		align-items: center;
		width: 100%;
		position: relative;
		top: 0;
		margin-top:0;
		max-width:100% !important;
	}

	.navbar .page-title-area p {
		max-width:calc(100% - 82px );
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}

	.hero-middle > * {
		flex:auto;
	}

	.hero.is-info .subtitle {
		font-size: .75rem;
	}

	.hero-middle .weather-status.active {
		width: 80%;
		top:30%;
	}

	.result_flex {
		flex-direction: column;
		gap: 10px;
	}

	.result_flex .table_wrap {
		height:500px;
		max-height:500px;
		min-height:500px;
		resize:none;
		float:none;
		margin-bottom:1.5rem;
		width: 100% !important;
	}

	.result_flex .table_wrap_type2 {
		height:500px;
		max-height:500px;
		min-height:500px;
	} 

	.level.is-mobile.data-search {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.data-search.level.is-mobile .level-left+.level-right {
		margin-left:auto;
	}

	.data-search.level.is-mobile .level-item {
		width: 100%;
	}

	.level-right.drone-right .level-item {
		width:auto !important;
	}

	/* 자료업로드 팝업 */
	.upload-file {
		width: 90%;
	}

	.main-item00 {
		flex-direction: column;
	}

	.main-item00 > *:first-of-type {
		width: 100%;
	}

	.main-item00 > *:nth-of-type(2) {
		width: 100%;
	}

	#divider {
		display: none;
	}

	.popup-table {
		width:1024px;
	}

	.wraps {
		overflow-x: scroll;
	}
	.wraps .chkWrap:nth-of-type(2) {
		flex-basis:600px;
		flex-shrink:0;
	}

	.left-info {
		width:100% !important;
		max-width:100% !important;
		max-height:20vh;
		top:auto !important;
		bottom:0 !important;
		min-height:250px !important;
	}

	#cesiumdata {
		right:auto;
		left:50%;
		top:20px !important;
		transform:translateX(-50%);
		height:38vh;
		border:1px solid #fff;
	}
}

@media screen and (max-width:1023px) {
	.bxsd_n {
		box-shadow: none !important;
	}
	.bxsd_n .navbar-item, .bxsd_n .navbar-link {
		padding:0 !important;
		padding-bottom: .5rem !important;
	}

	.bxsd_n .buttons {
		margin-bottom: 0 !important;
	}

	.bxsd_n .buttons .button {
		margin-bottom: 0 !important;
	}
	.navbar-menu {box-shadow: none !important;}
}

@media screen and (max-width:867px) {
	.responsive_in_form {
		width:867px;
	}
	.is-responsive {width: 100% !important;}

	.popup-table {
		width:867px;
	}

	.drone_view .title {
		flex-direction: column;
	}

	.drone_view .title .date-p {
		flex-basis: auto;
	}

	.drone_view .title .title-p {
		border-bottom: 1px solid #dbdbdb;
	}
}

@media screen and (max-width:768px) {
.column .panel:last-of-type {
	margin-bottom: 1.5rem;
}
.h-60vh {
	margin-bottom: 1.5rem;}

	/*날씨누리 팝업 */
	.mainPopupWrap {
		max-width:90%;
		width:90%;
	}

	.mainPopupWrap .main_popup_url {
		height: 60vh;
		padding-bottom: 0;
	}

	.label.hide {
		display: none;
	}

	.main-item00 {
		flex-direction: column;
	}

	.main-item00 .label-area {
		margin-top:1rem;
		order:1;
	}

	.main-item00 > *:first-of-type {
		width: 100%;
	}

	.main-item00 > *:nth-of-type(2) {
		width: 100%;}

	.main-item00 .item-content {
		flex-direction: column;
		align-items: flex-end !important;
	}

	.progress-wrap {
		order:2;
	}

	.mh20 {
		max-height:20vh;
		overflow-y: scroll;
		align-items: stretch;
	}



}

@media screen and (max-width:640px) {
	.main_renual .main_flex .main-item03 {
		flex-direction: column;
	}

	.main-item01 .item-content .label_area ul li b {
		font-size: 16px;
	}

	.main-item01 .item-content .label_area ul li p {
		font-size: 12px;
	}

	.hero-middle .mobile_menu {
		display: block;
	}

	.hero-middle .pc_menu {
		display: none;
	}

	.hero-middle .weather-status > p {
		font-size: 14px;
	}

	.hero-middle .weather-status ul li p b, .hero-middle .weather-status ul li p span {
		font-size: 12px;
	}

	.hero-middle .weather-status.active {
		width:90%;
	}

	.checklist_play_popup .popupWrap {
		width: 85%;
		max-width:85%;
	}


	.hero-middle .tabs {
		width:calc(100% - 120px)
	}

	.title-business {
		width: calc(100%)
	}
	.title-business div {
		font-size: 1.05rem !important;
	}
	.title-business div:nth-of-type(2) {
		font-size: .75rem !important;
	}

	.popup-table {
		width:640px;
	}
}

@media screen and (max-width:480px) {
	.main-item01 .item-content .label_area ul{
		flex-wrap: wrap;
	 }
	.main-item01 .item-content .label_area ul li {
		flex:auto;
		width: 50%;
		border-bottom:1px solid #ddd;
	}
	.main-item01 .item-content .label_area ul li:last-of-type {
		border-bottom:none;
	}

	.main-item01 .item-content .label_area ul li:nth-last-of-type(2) {
		border-bottom:none;

	}
	.main-item01 .item-content .label_area ul li:nth-last-of-type(3) {
		border-right: none;
	}

	.hero-middle .weather-status ul {
		flex-wrap:Wrap;
	}

	.hero-middle .weather-status ul li {
		flex:auto;
		width: calc((100% - 20px) / 2);
	}

	.data-search.level .field.has-addons .control {
		width: 50%;
		margin-bottom: 5px;
	}

	.data-search.level .field.has-addons .control:last-of-type {
		width: 60px;
	}

	.data-search.level .field.has-addons .control:nth-last-of-type(2) {
		width: calc(100% - 60px)
	}

	.data-search.level .field.has-addons .control:nth-of-type(2) .select select {
		border-top-right-radius: 4px !important;
		border-bottom-right-radius: 4px !important;
	}

	.data-search.level .field.has-addons {
		flex-wrap:wrap;
	}

	.data-search .select:not(.is-multiple) {
		width: 100%;
	}
	.data-search .select:not(.is-multiple) select {
		width: 100%;
	}

	/* 자료 업로드 팝업 */

	.upload-file form .font_size_16 {
		font-size: 0.875rem !important;
	}

	.upload-file form input[type=file] {
		font-size: 0.875rem !important;
	}

	.upload-file form input[type=file]::file-selector-button {
		font-size: 0.875rem !important;
	}

	.upload-file form .button {
		font-size: .875rem !important;
	}

	/* 세슘 페이지 반응형*/
	.hero-suv-nav.font_size_14 {
		font-size: 12px !important;
	}

	.hero-suv-nav ul {
		padding:.5em .8em;
	}

	.hero-suv-nav ul li {
		padding-right: .7em;
		margin-right: .7em;
	}

	.hero-suv-nav ul li:last-of-type {
		margin-right:0;
		padding-right:0;
	}

	#chcl {
		margin-left: 5px !important;
	}

	#toolbar h4 {
		font-size: 14px !important;
	}

	#chcl label {
		margin-bottom: 0 !important;
	}

	#chcl label span {
		font-size: 13px !important;
	}


	#ritmenu {
		width: 154px !important;
	}

	#cesiumdata {
		right:auto;
		left:50%;
		top:5% !important;
		transform:translate(-50%);
		width:300px !important;
		max-width:300px !important;
	}

	.navbar-item .font_size_14 {
		font-size: 12px !important;
	}

	.bxsd_n.navbar-menu {
		padding-top: 0 !important;
	}

	.bxsd_n.navbar-menu a {
		font-weight:normal !important;
	}

	.main_html .navbar-brand .navbar-item.page-title-area{
		justify-content: space-between;
	}

	/* 오늘의 검측 */
	.main-item00 .label-area p {
		font-size: 14px;
	}

	.responsive_custom {
		width:100%;
	}
	.responsive_in_form {
		width:100%;
	}
	.pagination-ellipsis, .pagination-link, .pagination-next, .pagination-previous {
		min-width:1.5rem;
		font-size: .75rem;
		margin: .15rem;
		padding-left: 0.25rem;
		padding-right: 0.25rem;
	}


	#table {
		width: 300px !important;
		max-width:300px !important;
	}

	.main-item00-wraps {
		flex-direction: column;
	}

	.table_basic.tableB.border-custom tbody tr td {
		border-left: none;
	}

	.selectChk + .checkbox .checkSelf {
		flex-basis: 40%;
		flex-grow: 1;
	}

	.modal-card-responsive .modal-card-head {
		flex-wrap:wrap;
	}

	.modal-card-responsive .modal-card-head h1 {
		width: 100%;
		margin-bottom: .5rem;
	}

	.modal-card-responsive .modal-card-head .delete {
		position: absolute;
		top:20px;
		right:20px;
	}

	.modal-card-responsive .modal-card-head .control input[type=text],
	.modal-card-responsive .modal-card-head .control .button {
		font-size: .75rem;
	}
	.popup-table {
		width: 100%;
	}

	/* 드론영상 */
	/* .drone_view .title p {
		flex-direction: column;
	}

	.drone_view .title b {
		width: 100%;;
	}

	.drone_view .title span {
		width: 100%;
	} */

	.drone_view .title b {
		width: 85px;
	}

	.drone_view .title span {
		width: calc(100% - 85px);
	}

}


/* 메인 레이아웃 변경 20240701 오늘의 검측 */
.main-item00-wrap {
	display: flex;
	gap:1rem
}

.main-item00-wrap > * {
	display: block;
}

.main-item00-wrap .main-item00-01 {
	flex-basis:40%;
}

.item-content .label_area ul {
	display: flex;
	flex-wrap:wrap;
	width: 100%;
	margin-top: 1rem;
}

.item-content .label_area ul li {
	width: 100%;
	border: 1px solid #ddd;
	text-align: center;
	padding: 0.5rem;
	display: flex;
	justify-content: flex-start;
	border-bottom: none;
}



.item-content .label_area ul li p {
	padding-left: 25px;
	font-weight: 700;
}

.item-content .label_area ul li:nth-of-type(1),.item-content .label_area ul li:nth-of-type(2) {

}
.item-content .label_area ul li:nth-of-type(1), .item-content .label_area ul li:nth-of-type(3) {

}

.item-content .label_area ul li:last-of-type {
	border-bottom:1px solid #ddd;
}

.item-table {
	margin-top: 1.5rem;
	
}

.item-table table {
	width: 100%;
	border-top: 2px solid #4d4d4d;
	line-height: 1.375;
	color: #000;
}

.item-table table th {
	background-color: #fafafa;
}

.item-table table th, .item-table table td {
	height: 47px;
	text-align: center;
	padding: 0.5em 8px;
	border-bottom: 1px solid #ddd;
	vertical-align: middle;
}


.title-wrap {
	padding-top: 0.5rem;
	margin-top: 1.5rem;
	margin-bottom: 1.875rem;
}


.h-74vhc {
	height:calc(74vh - 70px);
}


/* 체크리스트 테이블 간격 / 텍스트 조절*/
.table_form .text_l {
	word-break: break-all ;
	overflow-wrap: break-word;
}

.table_form th.text_l:first-of-type {
	margin-left:10px;
	text-indent:-10px;
	padding-left:20px;
}

.table_form .control {
	text-align: left;
}

.field .control .checkbox,.field .control .radio {
	margin-left:12px;
	text-indent: -12px;
}

/* 향후검측계획 ver1 */


.date-area ul{
	width: 100%;
	display: flex;
	gap: 0.5rem;
}

.date-area ul li {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 0.55rem	;
	flex-basis: 20%;
	flex-grow: 1;
	border-top: 2px solid #000;
	padding-top: 0.5rem;
}

.date-area ul li p {
	font-weight: 500;
	text-align: center;
	margin-bottom: 0.2rem;
}

.date-area ul li .span-wrap {
	display: flex;
	align-items: center;
	flex-direction: column;
}


.date-area ul li .span-wrap span {
	display: inline-block;
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;

}

.date-area ul li .span-wrap span:first-of-type {

}

.date-area ul li .span-wrap span strong {

}

/* 주간검측계획 ver2 */
.title-wrap.wrap-ver2 {
	margin-bottom: 2.75rem !important;
}


.wrap-ver2 .date-area ul li {
	padding: 0.57rem;
}

.wrap-ver2 .date-area ul li .span-wrap span:before {
	content: '';
	width: 10px;
	height: 10px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top:8px	
}

.wrap-ver2 .date-area ul li .span-wrap span:nth-of-type(1):before {
	background-color: #ddd;
}
.wrap-ver2 .date-area ul li .span-wrap span:nth-of-type(2):before {
	background-color: #666;
}
.wrap-ver2 .date-area ul li .span-wrap span:nth-of-type(3):before {
	background-color: #333;
}

.wrap-ver2 .title-area,.wrap-ver2 .title-area {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.wrap-ver2 .title-area p,.wrap-ver2 .title-area p {
	display: flex;
}

.wrap-ver2 .title-area p b {
	position: relative;
	display: block;
	padding-left: 15px;
	margin-right: 15px;
}

.wrap-ver2 .title-area p b:before {
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
	left: 0;
	top:8px;
	border-radius: 50%;
}

.wrap-ver2 .title-area p b:nth-of-type(1):before {
	background-color: #ddd;
}
.wrap-ver2 .title-area p b:nth-of-type(2):before {
	background-color: #666;
}
.wrap-ver2 .title-area p b:nth-of-type(3):before {
	background-color: #000;
}

.wrap-ver2 .date-area ul li .span-wrap {
	flex-direction: row;
}

.wrap-ver2 .date-area ul li .span-wrap span {
	padding-left: 12px;
}


.main-item00 .item-table table th, .main-item00 .item-table table td {
	padding: 0.25rem;
	height: 40px;

}

.main-item00 .item-table table td.presiding  {
	cursor:pointer;
}

.main-item00 .item-table table td.presiding:hover {
	font-weight:500;
}

/* 오늘의 필수검측, 전체검측현황 수정반응형 작업*/
@media screen and (max-width:1640px) {
	.title-wrap {
		margin-bottom: 0;
	}
}

@media screen and (max-width: 1440px) {
	.main-item00 .item-table table th, .main-item00 .item-table table td {
		font-size: 0.875rem;
	}

	.item-table {
		margin-top: 0;
	}

	.date-area ul li{
		font-size: 0.875rem;
	}

	.item-content .label_area ul li {
		padding: 0.4rem;
		font-size: 0.875rem;
	}
}

@media screen and (max-width: 867px) {
	.main-item00-wrap {
		flex-direction: column;
	}

	.main-item00{
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.item-table {
		margin-top: 0.75rem;
	}
}

@media screen and (max-width: 480px) {
	.item-table .table-wrap {
		overflow-x:scroll;
		overflow-y: hidden;
	}
	.item-table .table-wrap table {
		width: 480px;
	}

	.date-area ul {
		flex-direction:column;
	}



	.date-area ul li .span-wrap span:nth-of-type(1) {
		border-bottom:1px solid #eee;
		padding-bottom: 0.45rem;
		margin-bottom: 0.25rem;
	}
}


.is-responsive  {
	flex-basis:auto !important;
	flex-grow: 0!important;
	flex-shrink: 0!important;
	min-width:30%;
	max-height:inherit !important;
	min-height:inherit !important;
}

.left-nav .question {
	width:300px;
	font-size: 16px;
	position: relative;
	padding-left:20px;
}

.left-nav .question:before {
	content: '';
	width: 16px;
	height: 16px;
	background:url(../images/renual/folder_opened_icon.png) no-repeat center;
	background-size: contain;
	position: absolute;
	top:50%;
	left: 0;
	transform: translateY(-50%);
}

@media screen and (max-width:480px) {
	.main-item01 .item-content .label_area ul{
		flex-wrap: wrap;
	 }
	.main-item01 .item-content .label_area ul li {
		flex:auto;
		width: 50%;
		border-bottom:1px solid #ddd;
	}
	.main-item01 .item-content .label_area ul li:last-of-type {
		border-bottom:none;
	}

	.main-item01 .item-content .label_area ul li:nth-last-of-type(2) {
		border-bottom:none;

	}
	.main-item01 .item-content .label_area ul li:nth-last-of-type(3) {
		border-right: none;
	}

	.hero-middle .weather-status ul {
		flex-wrap:Wrap;
	}

	.hero-middle .weather-status ul li {
		flex:auto;
		width: calc((100% - 20px) / 2);
	}

	.data-search.level .field.has-addons .control {
		width: 50%;
		margin-bottom: 5px;
	}

	.data-search.level .field.has-addons .control:last-of-type {
		width: 60px;
	}

	.data-search.level .field.has-addons .control:nth-last-of-type(2) {
		width: calc(100% - 60px)
	}

	.data-search.level .field.has-addons .control:nth-of-type(2) .select select {
		border-top-right-radius: 4px !important;
		border-bottom-right-radius: 4px !important;
	}

	.data-search.level .field.has-addons {
		flex-wrap:wrap;
	}

	.data-search .select:not(.is-multiple) {
		width: 100%;
	}
	.data-search .select:not(.is-multiple) select {
		width: 100%;
	}

	/* 자료 업로드 팝업 */

	.upload-file form .font_size_16 {
		font-size: 0.875rem !important;
	}

	.upload-file form input[type=file] {
		font-size: 0.875rem !important;
	}

	.upload-file form input[type=file]::file-selector-button {
		font-size: 0.875rem !important;
	}

	.upload-file form .button {
		font-size: .875rem !important;
	}

	/* 세슘 페이지 반응형*/
	.hero-suv-nav.font_size_14 {
		font-size: 12px !important;
	}

	.hero-suv-nav ul {
		padding:.5em .8em;
	}

	.hero-suv-nav ul li {
		padding-right: .7em;
		margin-right: .7em;
	}

	.hero-suv-nav ul li:last-of-type {
		margin-right:0;
		padding-right:0;
	}

	#chcl {
		margin-left: 5px !important;
	}

	#toolbar h4 {
		font-size: 14px !important;
	}

	#chcl label {
		margin-bottom: 0 !important;
	}

	#chcl label span {
		font-size: 13px !important;
	}


	#ritmenu {
		width: 154px !important;
	}

	#cesiumdata {
		right:auto;
		left:50%;
		top:5% !important;
		transform:translate(-50%);
		width:300px !important;
		max-width:300px !important;
	}

	.navbar-item .font_size_14 {
		font-size: 12px !important;
	}

	.bxsd_n.navbar-menu {
		padding-top: 0 !important;
	}

	.bxsd_n.navbar-menu a {
		font-weight:normal !important;
	}

	.main_html .navbar-brand .navbar-item.page-title-area{
		justify-content: space-between;
	}

	/* 오늘의 검측 */
	.main-item00 .label-area p {
		font-size: 14px;
	}

	.responsive_custom {
		width:100%;
	}
	.responsive_in_form {
		width:100%;
	}
	.pagination-ellipsis, .pagination-link, .pagination-next, .pagination-previous {
		min-width:1.5rem;
		font-size: .75rem;
		margin: .15rem;
		padding-left: 0.25rem;
		padding-right: 0.25rem;
	}


	#table {
		width: 300px !important;
		max-width:300px !important;
	}

	.main-item00-wraps {
		flex-direction: column;
	}

	.table_basic.tableB.border-custom tbody tr td {
		border-left: none;
	}

	.selectChk + .checkbox .checkSelf {
		flex-basis: 40%;
		flex-grow: 1;
	}

	.modal-card-responsive .modal-card-head {
		flex-wrap:wrap;
	}

	.modal-card-responsive .modal-card-head h1 {
		width: 100%;
		margin-bottom: .5rem;
	}

	.modal-card-responsive .modal-card-head .delete {
		position: absolute;
		top:20px;
		right:20px;
	}

	.modal-card-responsive .modal-card-head .control input[type=text],
	.modal-card-responsive .modal-card-head .control .button {
		font-size: .75rem;
	}
	.popup-table {
		width: 100%;
	}
}


/* 의견게시판 */
.form-wrap {min-height: 65vh;}

.form-wrap .btn-area.right button {
	margin-left: auto;
	display: block;
	margin-top: 0.5rem;
}

/* 세슘 페이지  */
.after-line {
	margin-bottom: 0;
	gap:0;
}

.after-line {
	margin-left:1rem;
	gap:0;
}

.left-info .wrap-info ul li {
margin-bottom: 0;
gap:0;
}

.after-line > li > div  {
	display: flex !important;
	align-items: center !important;
	flex-direction: row !important;
	gap:1.5rem !important;
	margin-bottom: 0 !important;
}

/* 2d 설계도면 depth 구분 */
.answer {
	padding-left:1rem;
	width:calc(100%);
}

.depth-0 {
	font-weight:700 !important;
}

/* 2d 설계도면 일부 스타일 */

.tile.is-child.notification {
	background-color: #fff;
	border:1px solid #f5f5f5;
}
#pdfBox {
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 500;
}

#pdfBox .choose {
	position: relative;
	padding-top: 0.5rem
}

#pdfBox .choose:after {
	content: '';
	position: absolute;
	background: url(../images/renual/icon_pdf_r.svg) no-repeat center;
	left: 50%;
	bottom: 100%;
	background-size: contain;
	width: 40px;
	height: 40px;
	transform: translateX(-50%);
}


/* 종평면도 스타일 추가 */
.wrapAll >.button-wrap:first-of-type .depth-0 {
	font-size: 24px;
	padding-left: 30px;
	color: #485FC7;
	
}

.wrapAll >.button-wrap:first-of-type .depth-0 span {
	font-size:24px;
}

.wrapAll >.button-wrap:first-of-type .depth-0:before {
	width: 24px;
	height: 24px;
}

/* 설계도면 pdf 전체화면팝업 */
.designPop {
	left: 0;
	top: 0;
	position: fixed;
	width: 100%;
	height: 100vh;
	background-color: #ffffff;
	z-index: 100;
	display: flex;
	align-items: center;
	justify-content: center;
	display: none;
	}

	.designPop.active {
		display: flex;
	}

	.desigPopWrap {
		width: calc(100% - 60px);
		height: calc(100% - 105px);
	}

	.desigPopWrap .pdfWrap {
		height: 100%;
	}

	.closeDesignPop {
		background-color: #000 !important;
    right: 30px;
    top: 15px;
    z-index: 100;
		width: 30px;
    height: 30px;
    position: absolute;
    bottom: 100%;
    margin-bottom: 5px;
	}

	.closeDesignPop:before,.closeDesignPop:after{
		content: '';
    width: 25px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    right: 2px;
    top: 50%;
	}

	.closeDesignPop:before {
		transform: rotate(-45deg) translateY(-50%)
	}

	.closeDesignPop:after {
		transform: rotate(45deg) translateY(-50%)
	}

	/* white-space-div ... */
	.white-space-div {
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		width: calc(100% - 10px); 
	}

	/* 검측목록 테이블 틀어짐 수정*/
	.table_basic.tableB.main_table {table-layout:fixed;}
	.table_basic.tableB.main_table tbody tr td div {
		width:calc(100%);
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	/* 관련자료 텍스트 좌측정렬 */
	.table_basic.tableB.type3 tbody tr td {
		text-align: left !important;
	}

	/****************** // 코드정리 20240725 *****************/

	/* 240725 버튼 추가사항 */
	.top-btn-info {
		margin-left: auto;
		margin-top: .5rem;
		margin-right: .5rem;
	}

	.right-outline.modelInfo {
		height:28vh;
		top:auto;
		bottom:0;
	}

	.right-outline.modelInfo .list-info li {
		margin-bottom: 0 !important;
	}

	.right-outline.modelInfo .list-info li p {
		color: #fff;
	}

	.right-outline.modelInfo .list-info li.save-view {
		width: 100%;
		
	}

	.right-outline.modelInfo .list-info li.save-view input[type=button] {
		width: 100%;
		pointer-events: all !important;
	}

	.btn-save-view {
		background: #485fc7 url(../images/renual/icon_help.png) no-repeat top .5rem right .5rem;
	}

	.modelInfo .range {
    padding-top:.75rem;
    padding-bottom:.5rem;
    margin-top: auto;
}

.modelInfo .range .range-wrap {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.modelInfo .range .range-wrap span {
    color: #fff;
}

.modelInfo .range b {
    color: #fff;
    display: block;
    margin-bottom: 0.75rem;
}

.modelInfo .range input[type=range] {
    -webkit-appearance: none;
    width: calc(100%);
    background: #fff;
    border-radius: 50px;
    border: none;
	
}

.modelInfo .range input[type=range]:focus {
    outline:none;
}

.modelInfo .range input[type=range]::-webkit-slider- track {
    border-radius: 50px;
}

.modelInfo .range input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: #50E5D2;
    cursor: pointer;
    border: none;
    height: 16px;
    width: 16px;
    margin-top: 0;
    box-shadow: none;
    border-radius: 50px;
}

.modelInfo .range input[type=range]::-moz-range-thumb {
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    border: 1px solid #000000;
    height: 36px; width: 16px;
    border-radius: 3px;
    background: #ffffff;
    cursor: pointer;
}

.modelInfo p.tooltip-save {
	color: #000 !important;
	background-color: #fff;
	font-size: 14px;
	font-weight:500;
	padding:0.25rem;
	border-radius: 4px;
	margin-top:0.5rem;
	position: relative;
	z-index: 1;
	transition: 0.5s;
}

.modelInfo p.tooltip-save:before {
	content:'';
	width: 20px;
	height: 20px;
	background-color: #fff;
	position: absolute;
	bottom:100%;
	right:0;
	transform: rotate(45deg) translateY(70%);
	z-index: -1;
}

.modelInfo p.tooltip-save b {
	font-weight: 700;
	display: inline-block;
	color:#485fc7
}

.right-outline.modelInfo .list-info li.save-view input[type=button]:hover + p.tooltip-save {
	display: block;
}

.right-info.modelInfo .wrap-info h1 {
	background: url(../images/renual/main/icon_box_model.png) no-repeat top left;
	padding-left: 2.5rem;
	background-size: 30px;
}

.right-info.modelInfo .is-invert {
	background: #fff !important;
	color: #485fc7;
	margin-left:auto;
	display: flex;
	margin-top:0.25rem;
	margin-right:0.25rem;
}

.save-info {
	top:0 !important;
	bottom:auto !important;
	height: 18vh !important;
}

.save-camera {
	top: 19vh !important;
}

.z-info .wrap-info h1{
	background:none !important;
}

.save-z .btn-save-view {
	background: #485fc7 !important;
}

@media screen and (max-width:1024px) {
	.right-outline.modelInfo {
		position: absolute;
		top: 50%;
		left: 50%;
		bottom:auto !important;
		transform: translate(-50%,-50%);
		z-index: 10;
		background: #000 !important;
		color: #000 !important;
		display: none !important;
	}

	.save-info {
		top:50% !important;
		bottom:auto !important;
	}
}

.wrapCesium .chk_wrap label {
	width: 35px !important;
}


#inspect-table {
	table-layout: fixed !important;
}

#inspect-table th, #inspect-table td {
	position: relative;
}


.resizer {
	position: absolute;
	top: 0;
	right: 0;
	width: 5px;
	cursor: col-resize;
	user-select: none;

}

.resizer:after {
	content: '';
	width: 1px;
	height: 47px;
	background:#ddd;
	position: absolute;
	top: 0;
	left: 0;
}

.resizer:hover,
.resizing {
	border-right: 2px solid blue;
}
.resizable {
	border: 1px solid gray;
	height: 100px;
	width: 100px;
	position: relative;
}

/* 240809 관련자료 리스트 수정 : search_relatedData2.html */

.table-title-sub {
	font-weight: 700;
	font-size: 1rem;
	display: block;
}

.table-title-sub span {
color: #485fc7;
display: inline-block;
}


.flx-dc {
	flex-direction: column;
	align-items: flex-start;
}


.w100 {
	width: 100% !important;
	text-align: center;
}


.button.is-outlined.btnPointColor-1 {
	background-color: transparent !important;
	border-color: #3b7d23  !important;
	color: #3b7d23  !important;
}
.button.is-outlined.btnPointColor-2 {
	background-color: transparent !important;
	border-color: #94cf7f  !important;
	color: #94cf7f  !important;
}
.button.is-outlined.btnPointColor-3 {
	background-color: transparent !important;
	border-color: #c2ebb4   !important;
	color: #c2ebb4   !important;
}
.button.is-outlined.btnPointColor-4 {
	background-color: transparent !important;
	border-color: #0000ff    !important;
	color: #0000ff   !important;
}
.button.is-outlined.btnPointColor-5 {
	background-color: transparent !important;
	border-color: #5353ff   !important;
	color: #5353ff   !important;
}
.button.is-outlined.btnPointColor-6 {
	background-color: transparent !important;
	border-color: #15b1ef  !important;
	color: #15b1ef   !important;
}
.button.is-outlined.btnPointColor-7 {
	background-color: transparent !important;
	border-color: #81caeb   !important;
	color: #81caeb   !important;
}
.button.is-outlined.btnPointColor-8 {
	background-color: transparent !important;
	border-color: #b00000   !important;
	color: #b00000   !important;
}
.button.is-outlined.btnPointColor-9 {
	background-color: transparent !important;
	border-color: #ff0000   !important;
	color: #ff0000   !important;
}
.button.is-outlined.btnPointColor-10 {
	background-color: transparent !important;
	border-color: #ff4747   !important;
	color: #ff4747   !important;
}
.button.is-outlined.btnPointColor-11 {
	background-color: transparent !important;
	border-color: #ff6600   !important;
	color: #ff6600   !important;
}
.button.is-outlined.btnPointColor-12 {
	background-color: transparent !important;
	border-color: #ffd757   !important;
	color: #ffd757   !important;
}

@media screen and (max-width:480px) {
	.level.is-mobile.m-flex-wrap {
		flex-wrap:wrap;
	}
}

/* 20240919 필터링 */
.filter-area {
	display: flex;
	margin-bottom: 0.3rem;
	gap:.25rem;
	padding: 0 1rem;
}

.filter-area a {
	display: flex;
	width: 35px;
	height: 40px;
	flex-direction: column;
	align-items: center;
	border-radius:4px;
	border:1px solid #dbdbdb;
	padding:0 24px;
	justify-content: center;
	background: #fcfafa;
}

.filter-area a.active {
	background:#fff;
}

.filter-area a b {
	width: inherit;
	height: 20px;
}

.filter-area a span {
	display: inline-block;
	font-size: 10px;
	height: 10px;
	color: #dbdbdb;
	letter-spacing: 0.2px;
}

.filter-area a:nth-of-type(1) b {
	background: url(../images/renual/filter_icon_nclick.png) no-repeat center;
	background-size: contain;
	
}
.filter-area a:nth-of-type(2) b {
	background: url(../images/renual/filter_remove_icon_nclick.png) no-repeat center;
	background-size: contain;
}
.filter-area a:nth-of-type(3) b {
	background: url(../images/renual/filter_reset_icon_nclick.png) no-repeat center;
	background-size: contain;
}

.filter-area a:nth-of-type(1).active b {
	background: url(../images/renual/filter_icon.png) no-repeat center;
	background-size: contain;
}
.filter-area a:nth-of-type(2).active b {
	background: url(../images/renual/filter_remove_icon.png) no-repeat center;
	background-size: contain;
}
.filter-area a:nth-of-type(3).active b{
	background: url(../images/renual/filter_reset_icon.png) no-repeat center;
	background-size: contain;
}

.filter-area a.active span {
	color:#333;
	font-weight: 500;
}

.filter-area a img {
	max-height: 30px;
	object-fit: contain;

}

.filter-popup {
	background-color: #fff;
	position: fixed;
	top:50%	;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 120;
	width: 50%;
	box-shadow:0 0 10px #ddd;
	border-radius:6px;
	display: none;

}

.filter-popup > div {
	padding: 1rem;
}

.filter-popup > div .button-area {
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 0.5rem;
	gap: 10px;
}

.filter-popup .m-custom {
	margin: 0.5rem 0;
	display: none;
}

.filter-popup .chkWrap,.filter-popup .dateWrap {
	display: flex;
	height:auto;
	align-items: stretch;
	border:1px solid #dbdbdb;

}

.bdbtn {
	border-bottom: none !important;
}

.filter-popup .chkWrap .checkbox {
	display: flex;
	gap: 0.5rem;
}

.filter-popup .dateWrap .calendar {
	display: flex;
	width: 80%;
	align-items: center;
	gap:0.5rem
	
} 

.filter-popup .dateWrap .calendar > div {
	flex-basis: 40%;
}

.filter-popup .d-block {
background-color: #f9f9f9;
width: 115px;
padding: 0.5rem;
display: flex;
align-items: center;

}

/* nav 사용자이름 우측 사용자화(알림)*/
.note_count {
	display:flex;
	margin: 0 1rem;
	gap:0.75rem;
	position: relative;
	padding-left:25px;

}

.note_count:before {
	content:'';
	background:url(../images/renual/main2/icon_note_count.png) no-repeat center;
	position: absolute;
	left:0;
	top:50%;
	transform:translate(0,-50%);
	width:20px;
	height:20px;
	background-size:contain;
}

.note_count li {
	display:flex;
	gap:0.5rem;
}

.note_count li span {
	color:grey;
	display:block;
	font-weight:normal;
}

.note_count li b {
	background-color: #f14668;
	color:#fff;
	display:block;
	border-radius: 6px;
	width:auto;
	min-width:20px;
	padding:0 8px;
	height:20px;
	text-align: center;
}

.note_count li.count_waiting span {
	color:#f14668
}

.note_count li.count_unspecified b {
	background-color: grey;
}


.bxsd_n.navbar-menu .buttons:last-of-type {
	margin-bottom:0 !important;
}

.filter-popup .dateWrap .calendar , .filter-popup .chkWrap .checkbox  {
	align-items: center;
	padding: 0.5rem;
	display: -webkit-box;
	width: calc(100% - 115px);
	-webkit-box-align: center;
}

.filter-popup .dateWrap .calendar label , .filter-popup .chkWrap .checkbox label {
	margin-right: 0.5rem;
	display:inline-flex;
	gap:0.25rem;
	word-break: break-all;
	word-wrap: break-word;
}


.filter-popup .chkWrap:not(:nth-last-of-type(2)), .filter-popup .dateWrap:not(:nth-last-of-type(2)) {
	border-bottom:none;
}


/* form btn absolute style 추가: 공통클래스로 사용 */

.th_relative {
	position:relative;
}

.btn_absolute {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:10px;
}


/* 검측의뢰서작성 : 첨부파일 순서 변경을 위한 스타일 */
.brd_file li .btn_icon_wrap {
	display: flex;
	flex-direction: column;
	margin-right:5px;
	min-width:15px;
}


.brd_file li .btn_icon_wrap button.btn_icon {
	position: relative;
	width:10px;
	height:10px;
	display: block;
	background-color: #fff;
	border:1px solid #ddd;
	border-radius: 2px;
	cursor: pointer;
}

.brd_file li .btn_icon_wrap button.btn_icon:before {
	content: '';
	background: url(../images/renual/icon_b_arrow.svg) no-repeat center;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	width: 10px;
	height: 10px;
	background-size: contain;
}

.brd_file li .btn_icon_wrap button.btn_icon.btn_file_up:before {
	transform: translate(-50%,-50%) rotate(180deg);
}


.brd_file li .btn_icon_wrap button.btn_icon:hover {
	background-color: #ddd;
}


/* 250610 table border-center */
.table_basic.tableB.border-center thead th:not(:last-of-type),
.table_basic.tableB.border-center tbody td:not(:last-of-type) {
	border-right: 1px solid #c1c1c1;
}

.table_basic.tableB.border-center tbody td div {
	justify-content: center;
}

/* common */
.mh-100 {
	min-height:100%;
}

@media screen and (max-width:1280px) {
	.filter-popup {
		width: 80%;
	}

	.filter-popup > div {
		max-height: 50vh;
		overflow-y: scroll;
	}

	.wrap main {
		height: calc(100vh - 185px );
	}
	
}

/* custom date */
 .date-input-container {
        position: relative;
        display: inline-block; /* 또는 레이아웃에 따라 block */
    }

    .custom-placeholder {
        position: absolute;
        top: 0;
        left: 0;
        padding: 8px 10px; 
        color: #999; 
        pointer-events: none; 
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        box-sizing: border-box;
        width: 100%;
        line-height: normal; 
    }

    .date-input-container input[type="date"] {
        padding: 8px;
        border: 1px solid #ccc;
        border-radius: 4px;
        font-family: sans-serif;
        box-sizing: border-box;
        width: 100%; 
        position: relative; 
        background-color: transparent; 
    }

   
    .date-input-container input[type="date"]:valid + .custom-placeholder,
    .date-input-container input[type="date"]:focus + .custom-placeholder,
 
    .date-input-container input[type="date"]::-webkit-datetime-edit-month-field:not([aria-valuenow=""]) + .custom-placeholder,
    .date-input-container input[type="date"]::-webkit-datetime-edit-day-field:not([aria-valuenow=""]) + .custom-placeholder,
    .date-input-container input[type="date"]::-webkit-datetime-edit-year-field:not([aria-valuenow=""]) + .custom-placeholder {
        display: none;
    }

    .date-input-container input[type="date"]::-webkit-input-placeholder { /* Webkit */
        color: transparent !important;
    }
    .date-input-container input[type="date"]::-moz-placeholder { /* Mozilla Firefox */
        color: transparent !important;
    }
    .date-input-container input[type="date"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: transparent !important;
    }
    .date-input-container input[type="date"]::placeholder { /* 표준 */
        color: transparent !important;
    }


	/* 250702 list-by-level  */

	  #pdfContainer {
			padding:30px 30px 30px 40px;
			overflow:auto;
	
		}

		 #pdfContainer> p, #pdfContainer > table {
			min-width: 500px;
		 }

		/* 기본 문단 스타일 */
		#pdfContainer p {
			margin-bottom: 8px; 
			line-height: 1.5;   
			position: relative;
		}

		#pdfContainer p a {
			color: #485fc7;
		}

		#pdfContainer p a:hover {
			border-bottom: 1px solid #485FC7;
		}

		/* 레벨별 스타일 (들여쓰기 및 색상/굵기) */

		/* 레벨 1 */
		.level-1 {
			margin-left: 7px; 
			font-weight: 800;
			font-size:1.25rem;
		}

		/* 레벨 2 */
		.level-2 {
			margin-left: 15px; 
			font-weight: 700;
			font-size:1.125rem;
		}

		/* 레벨 3 */
		.level-3 {
			margin-left: 40px; 
			font-weight: 600;
			font-size:1.05rem;
		}

		/* 레벨 4 */
		.level-4 { 
			margin-left: 50px; 
			font-weight: 600; 
		}

		/* 레벨 5 */
		.level-5 { 
			margin-left: 60px; 
			font-weight: 500; 
		}

		/* 레벨 6 */
		.level-6 { 
			margin-left: 70px;
			font-weight: 500; 
		}

		/* 레벨 7 */
		.level-7 {
			margin-left: 80px;
			font-weight: normal; 
		}

		/* 레벨 8 */
		.level-8 {
			margin-left: 90px;
			font-weight: normal; 
		}

		/* 레벨 9 */
		.level-9 { 
			margin-left: 100px;
			font-weight: normal;
		}

		/* 레벨 10 */
		.level-10 {
			margin-left: 110px;
			font-weight: normal;
		}

		/* 테이블 내부의 p에는 스타일이 적용되지않도록 */
		
		#pdfContainer table {
			width:100%;
		}

		#pdfContainer table th, #pdfContainer table td {
			padding: 10px;
		}

		#pdfContainer table p {
			margin-left:0 !important;
			margin-bottom: 0 !important;
			line-height: inherit;
			display: inline-block;
		}


		#part-modal table p {
			margin-left: 0 !important;
			margin-bottom: 0 !important;
			line-height: inherit;
			display: inline-block;
		}

		#pdfContainer table tr:not(:first-of-type) td p {
			font-weight:normal !important;
		}

		/* 20250801 팝업버튼(공사시방서) */
		
		.popup-btn {
			/* background: #418cff; */
			cursor:pointer !important;
			position: relative;
			/* display: inline-block; */
			margin-right:20px;
			/* color: #fff; */
			/* padding:4px; */
		}

		/*.popup-btn:hover {
			color: #fff !important;
		} */
		
		.popup-btn:after {
			content: '';
			background : url(../images/renual/icon_bookmark.svg) no-repeat;
			width: 15px; 
			height: 15px;
			position: absolute;
			right: 0;
			top: 50%;
			transform: translate(20px, -50%);
			background-size: contain;
			background-position: center center;
		}

		.note-editor {
			text-align: left !important;
		}

		/* 250903 정보조회모드선택 */

		.select-mode-view {
			margin: 0 1.25rem;
		}
		.select-mode-view .select {
			width: 100%;
		}

		.select-mode-view .select select {
			width: 100%;
		}
		.select-mode-view label[for="select-mode-view"] {
			font-weight: 600;
			color: #fff;
			margin-bottom: 0.5rem;
		}

		.select-mode-list table {
			width:100%;
		}

		.select-mode-list table tbody tr {
			cursor: pointer;
			color: #fff;
		}

		.select-mode-list table tbody tr:hover td {
			font-weight: 600;
		}

		.select-mode-list table tbody tr td {
			border: 1px solid #fff;
		}


		/* 251028 안전UI 컨셉 추가*/
		.safety-ui .safety-ui-content{
			padding : 0.75rem;
		}

		.safety-ui .safety-ui-content dt {
			color: #ffc000;
			font-weight: 600;
		}

		.safety-ui .safety-ui-content dd ul li {
			list-style-type: disc !important;
			list-style-position:outside;
			padding-left: 0;
			margin-left: 20px;
			color: #fff;
			font-size:13px;
		}

		.safety-ui .safety-ui-content dd ul li.content-none {
			list-style-type: none !important;
			margin-left: 10px;
		}

		.safety-ui .safety-ui-content dd ul li a {
			color: inherit;
			font-size: inherit;
		}

@media screen and (max-width:1024px) {
	.level.is-mobile.m-flex-wrap {
		flex-wrap: wrap;
		gap: 0.5rem;
	}

	 .level.is-mobile.m-flex-wrap .level-left+.level-right {
		margin-left: auto;
	}

	.drone-view-area {
		padding: 1rem 0;
	}

	.drone-view-area video {
		width: 100%;
	}

	.drone_view {
		height:auto !important;
		max-height:100% !important;
		min-height:auto !important;
	}

	.drone_view_two .title b {
		width:80px;
	}
	.drone_view_two .title span {
		width:calc(100% - 80px)
	}

	.upload-popup {
		width: 80%;
	}

	.drone_view .title {
		order:2;
		margin-top:10px;
	}
}

@media screen and (max-width:867px)  {
	.filter-popup .chkWrap, .filter-popup .dateWrap {
		height:auto;
		flex-direction: column;
	}

	.filter-popup .d-block {
		width: 100%;
	}

	.filter-popup .dateWrap .calendar, .filter-popup .chkWrap .checkbox {
		flex-wrap: wrap;
		width: 100%;
	}
}

@media screen and (max-width:768px) {
	.filter-popup .dateWrap .calendar {
		width: 100%;
		display: flex;	
	}

	.filter-popup .chkWrap .checkbox {
		display: flex;
	};
}

@media screen and (max-width:640px) {
	.upload-popup .cntWrap {
		flex-direction: column;
		
	}
	.upload-popup .d-block {
		width: 100%;
	}

	.upload-popup .cntWrap .uploadContentBox {
		width: 100%;
	}

	/* 체크리스트 선택 팝업 heading 버튼 정렬 틀어짐 */
	nav.panel.bordered .panel-heading {
		flex-direction:column !important;
		align-items:start;
	}

	nav.panel.bordered .panel-heading ~ div {
		margin-left:auto;
	}

	nav.panel.bordered .panel-heading ~ div input[type=button].butstye {
		margin-bottom:0.25rem;
	}
}

@media screen and (max-width:480px) {
	.filter-popup {
		width: 90%;
	}

	.drone_view_two {
		flex-direction: column !important;
	}
}

@media screen and (max-width:360px) {
	.filter-popup .dateWrap .calendar {
		flex-direction: column;
	}
}

/* main renual2 responsive*/
@media screen and (max-width:1740px) {
	.main-renual2 .main-content .main-iconWrap {
		flex-wrap: wrap;
	}

	.main-renual2 .main-content .main-iconWrap li{
		flex-basis: calc((100% - 1.5rem ) / 4);
	}
}

@media screen and (max-width:1440px) {
	.main-renual2 .main-content .main_folderWrap li {
		width:50%;
	}

	.main-renual2 .schedule-list > ul{
		flex-wrap: wrap;
	}

	.main-renual2 .schedule-list > ul > li {
		flex-basis: calc((100% - 1.5rem) / 3);
	}
}

@media screen and (max-width:1280px) {
	.main-renual2 .main-flexWrap {
		flex-direction: column;
	}

	.main-renual2 .main-content .main_folderWrap li {
		width:20%;
	}

	.main-renual2 .main-content .main-iconWrap li {
		flex-basis: 10%;
		flex-grow: 1
		;
	}

	.main-renual2 .schedule-list > ul {flex-wrap: nowrap;}
	.main-renual2 .schedule-list > ul > li {
		flex-basis: 20%;
	}

	.weather-status-renual2 {
		display:none;
	}

	#weatherStatus.active {
		display: block;
	}

	.weather-status-renual2 .weather-day li.weather-today span{
		color: #333;
		font-weight: 800;
	}

	.weather-status-renual2.active{
		position: absolute;
		left: 50%;
		top: 20%;
		z-index: 10;
		width: 60%;
		background-color: #3f4f64;
		display: block;
		padding: 20px;
		transform: translateX(-50%);
		background: url(../images/renual/main/sky-back.jpg) no-repeat center;
}

.weather-status-renual2.active .close_weatherStatus {
	position: absolute;
	width: 30px;
	height: 30px;
	bottom: 100%;
	right:0%;
	display: block;
	z-index: 10;
	transform: translateY(10%);
}
.weather-status-renual2.active .close_weatherStatus:before,
.weather-status-renual2.active .close_weatherStatus:after {
	content:'';
	width:20px;
	height:1px;
	background-color: #000;
	position: absolute;
	right: 0;
	top: 50%;
}

.weather-status-renual2.active .close_weatherStatus:before {
	transform: rotate(-45deg) translateY(-50%);
}

.weather-status-renual2.active .close_weatherStatus:after {
	transform: rotate(45deg) translateY(-50%);
}

.middle-renual2 {align-items: flex-end;}

.main-renual2 .main-content .main-tableWrap {
	width: 100%;
	overflow-x: scroll;
	scrollbar-width: thin;
}

.main-renual2 .main-content .main-tableWrap table {
	min-width: 1000px;
}

}

@media screen and (max-width:1024px) {

	.main-renual2 .main-content .main_folderWrap li {
		width: 50%;
	}

	.main-renual2 .main-content .main_folderWrap li:nth-of-type(5n) {
		border-right:none;
	}


	.main-renual2 .main-content .main_folderWrap li:nth-of-type(n+6) {
		border-bottom: none;
	}

	.main-renual2 .main-content .main_folderWrap li:nth-last-of-type(1),
	.main-renual2 .main-content .main_folderWrap li:nth-last-of-type(2)
	{
		border-bottom:  1px solid #eee;;
	}

	.main-renual2 .main-content .main_folderWrap li:nth-of-type(2n) {
		border-right: 1px solid #eee;
	}

	.main-renual2 .main-content .main_folderWrap li:nth-of-type(5n):hover {
		border-right:1px solid #36354e;
	}

	.main-renual2 .main-content .main_folderWrap li:nth-of-type(n+6):hover {
		border-bottom: 1px solid #36354e;	
	}

	.main-renual2 .main-content .main_folderWrap li:nth-of-type(2n):hover {
		border-right:1px solid #36354e;
	}



	.main-renual2 .schedule-list > ul {
		flex-wrap: wrap;
	}
	.main-renual2 .schedule-list > ul > li{
		flex-basis: calc((100% - 1.5rem) / 3);
	}

	.main-renual2 .main-content .main-iconWrap li {
		flex-basis: calc((100% - 1.5rem) / 4);
		flex-grow: 0;
	}

	.weather-status-renual2.active {
		width: 80%;
	}

	.hero-middle .mobile-weather-button {
		flex-basis: 20%;
	}
}

@media screen and (max-width:768px) {

	.weather-status-renual2 .weather-title {
		flex-direction: column;
	}

	.weather-status-renual2 .weather-title a {
		margin-left:auto;
		margin-bottom:1rem;
		order:1;
	}

	.weather-status-renual2 .weather-title > span {
		order:2;
	}

	.weather-status-renual2.active {
		width: 50%;
	}

	.weather-status-renual2 .weather-day {
		flex-wrap: wrap;
	}

	.weather-status-renual2 .weather-day li {
		flex-basis: 100%;
	}

	.weather-status-renual2 .weather-day li p {
		justify-content: center;
	}

	.weather-status-renual2 .weather-day li:not(.weather-today) {
		width:calc((100% - 2rem) / 2);
		border: 1px solid #fff; 
		border-radius:0.5rem;
	}

	.hero-middle .mobile_menu {
		display: block;
	}

	.hero-middle .pc_menu {
		display: none;
	}

	.hero-middle .mobile-weather-button{
		flex-grow:1;
		flex-basis: auto;
		flex-shrink: 0;
	}

	.middle-renual2 .container.is-fluid {
		width:auto;
		flex-grow: 1;
	}

	.hero-middle .tabs {width:100%;}

	.main-renual2 .requiredWrap .item-content .progress-wrap {
		order:1;
	}

	.main-renual2 .main-content .main-tableWrap table  {
		min-width:768px
	}
}

@media screen and (max-width:640px){
	.main-renual2 .main-content .main-iconWrap li {
		flex-basis: calc((100% - 1rem) / 3);
	}

	.weather-status-renual2.active {
		width: 80%;
	} 

	.main-renual2 .boardWrap {
		flex-direction: column;
		text-align: center;
	}

	.main-renual2 .boardWrap .board-title {
		padding-left: 0;
	}

	.main-renual2 .boardWrap .board-content {
		width: 100%;
	}

	.main-renual2 .requiredWrap .item-content {
		flex-direction: column;
	}

	.main-renual2 .requiredWrap .label-area {
		order:1;
		margin-left: auto;
	}

	.main-renual2 .requiredWrap .label-area p {
		flex-grow: 0;
	}

	.main-renual2 .main-subTit span:last-of-type {
		text-align: right;
	}
}

@media screen and (max-width:480px) {
	.main-renual2 .main-content .main-iconWrap li {
		flex-basis: calc((100% - 0.5rem) / 2)
	}

	.main-renual2 .main-subTit {
		flex-direction: column;
	}

	.main-renual2 .schedule-list > ul > li {
			flex-basis: calc((100% - 1rem) / 2);
	}

	.main-renual2 .main-content .main-tableWrap .main-table th, .main-renual2 .main-content .main-tableWrap .main-table td {
		border:none !important;
	}

	.main-renual2 .main-content .main-tableWrap table {
		min-width: 100%;
	}

	.main-renual2 .main-content .main-tableWrap .main-table {
		border-top:2px solid #4d4d4d !important;
	}

	.main-renual2 .main-content .main-tableWrap.table-back td {
		padding:2px 0;
	}

	.main-renual2 .main-content .main-tableWrap.table-back td div {
		padding-left:20px !important;
		width:calc(100% - 70px)  !important;
	}

	.main-renual2 .main-content .main-tableWrap.table-back td div p:nth-of-type(1) {border-bottom: none;}

	.main-renual2 .waitWrap table tbody tr td div {
		width:calc(100% - 70px)  !important;
	}


	.main-renual2 .main-content .main-tableWrap.table-back table.table-tab-03 td div {
		width:calc(100% - 70px) !important;
	}
	


	.main-renual2 .main-content .main-tableWrap .main-table:not(.table-tab-03) td div {
		padding:0 !important;
		padding-left:20px !important;

	}
	
	.main-renual2 .main-content .main-tableWrap.table-back td div p {
		padding:0 !important;

	}

	.main-renual2 table tbody tr td div {
		white-space:normal !important ;
		text-overflow: initial !important;
		word-break: break-all !important;
		overflow: visible !important;
	}

	/* 250610 */
	.table_basic.tableB.border-center tbody td div {
	justify-content: start;
}

.table_basic.tableB.mo_font_size_13 > tbody > tr > td  {
	font-size:13px;
}

}

@media screen and (max-width:360px) {
	.weather-status-renual2.active {
		width: 90%;
	} 

	.main-renual2 .schedule-list > ul > li {
		flex-basis: calc(100%);
	}
}

/* navbar css (태블릿에서 메뉴 잘림 이슈로 추가함 251203) */

@media screen and (max-width:1536px) {
	.main_html .navbar-burger {
		display:block !important;
		width: 1.25rem !important;
    position: absolute;
    top: .75rem;
    right: .75rem;
    height: 1.75rem;
	}

	.bxsd_n.navbar-menu {
		display: none !important;
	}

	.bxsd_n.navbar-menu.is-active {
		display:block !important;
	}

	.bxsd_n.navbar-menu.is-active .navbar-item {
		display: flex !important;
	}

	.bxsd_n.navbar-menu.is-active .navbar-end {
		display: flex !important;
		flex-wrap: wrap;
		gap: 0.4rem;
		align-items: center;
	}

	.navbar>.container {
		display: block
	}
}