/* 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: 14px;
	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: 14px;
}

select, input, textarea {
	font-size: 14px !important;
}
.select:not(.is-multiple) {
	height: inherit;
}
.select:not(.is-multiple):not(.is-loading)::after {
	right: 0.8em;
	z-index: 1;
}

.button {
	font-size: 14px;
}

.control.has-icons-left .icon,
.control.has-icons-right .icon {
    color: #dbdbdb;
    height: 2.2em;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 2.5em;
    z-index: 4
}

.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;
}


/* Layout */
.main {
	margin-top: 52px;
}

.top_fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	/* padding: 0.75rem; */
	border-bottom: 1px solid #dbdbdb;
	z-index: 2;
}

.navbar-item.is-mega {
	position: static;
}

.navbar-item.is-mega .is-mega-menu-title {
	margin-bottom: 0;
	padding: 0.375rem 1rem;
}

@media screen and (max-width:1023px) {
	.m-scroll {
		overflow-y: scroll;
		height: calc( 100vh - 52px );
	}
}
/* //Layout */

.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 .left_footer {
	position: absolute;
	left: 2rem;
	bottom: 2rem;
} */

.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;

	/* display: flex; */
	/* flex-direction: column; */
	/* justify-content: space-between; */
}

.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: 6px;
}

/* .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: 1.5rem 0.75rem;
}

.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;
}
.border_b {
	border-bottom: 1px solid #ddd;
}

.border_radius_0 {
	border-radius: 0px;
}

.border_radius_10 {
	border-radius: 10px;
}

.border_radius_20 {
	border-radius: 20px;
}

.border_radius_50per {
	border-radius: 50%;
}

.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;
}

/* login */
.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_bg.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);
}

.btn-login-kakao{color:#000; background:#fcec4e}
.btn-login-naver{background:#6ac94d}
.btn-login-naver > span{color:#fff}
.btn-login-pass{background:#E7273C}
.btn-login-pass > span{color:#fff}

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


/* .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 thead th {
	text-align: center !important;
	vertical-align: middle;
}

.table tbody th {
	vertical-align: middle;
}

.table tbody td {
	text-align: center;
	vertical-align: middle;
}

.table_basic thead {
	text-align: center;
}

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

/* table-layout: fixed; */

.table_basic th,
.table_basic td {
	padding: 1em;
	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: 14px;
}

.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 th.left,
.table_basic td.left {
	text-align: left !important;
}

.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: 1rem; */
	text-align: center;
	background-color: #fafafa;
	border-bottom: 1px solid #c1c1c1;
	border-right: 0;
	/* height: 47px; */
}

.table_basic.tableB tbody tr td {
	/* padding: 1rem; */
	text-align: center;
	border-left: 0;
}

.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); */
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: middle;
}

/* white-space: nowrap; */

.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;
	}
}

@media screen and (max-width: 737px) {
	.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.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;
}



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


/* 폼 테이블 */
.tbl_form {
	border-top: 1px solid #B9B9B9;
	border-left: 1px solid #B9B9B9;
	font-size: 13px;
}

.tbl_form th {
	background: #E5E5E5;
	border-right: 1px solid #B9B9B9;
	border-bottom: 1px solid #B9B9B9;
	font-weight: normal;
}

.tbl_form td {
	background: #fff;
	border-right: 1px solid #B9B9B9;
	border-bottom: 1px solid #B9B9B9;
	padding: 3px;
}

.tbl_form tbody input[type="text"] {
	width: 100%;
	height: 100%;
	min-height: 30px;
	background: #fff;
	border: 1px solid #E2E2E2;
	padding: 0 5px;
	border-radius: 3px;
}

.tbl_form tbody input[type="text"]:disabled {
	height: 100%;
	background: #F8F8F8;
	border: 1px solid #E2E2E2;
	padding: 0 5px;
	border-radius: 3px;
}

.tbl_form tbody input[type="date"] {
	height: 100%;
	background: #fff;
	border: 1px solid #E2E2E2;
	padding: 0 5px;
	border-radius: 3px;
}





.basic_table {
	display: table;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
	text-align: center;
	font-size: 14px;
}

.basic_table input[type="text"],
.basic_table select,
.basic_table textarea,
.basic_table label {
	font-size: 14px;
}

.basic_table .select:not(.is-multiple) {
	height: inherit;
}

.basic_table th,
.basic_table td {
	padding: 8px 10px;
	word-wrap: break-word;
	word-break: keep-all;
	vertical-align: middle
}

.basic_table thead th {
	padding: 8px 10px;
	background: #efefef;
	border: 1px solid #ddd;
	/* line-height: 17px; */
	/* font-size: 15px; */
	color: #333
}

.basic_table thead tr.total th {
	background: #999;
	color: #fff;
	font-weight: 600;
}

.basic_table tbody th {
	border: 1px solid #ddd;
	text-align: center;
	color: #333;
	background: #f5f5f5;
}

.basic_table th>label {
	background: #fafafa;
	border-bottom: 0;
	line-height: 15px;
	font-size: 15px;
	color: #47464c
}

.basic_table td {
	border: 1px solid #e8e8f0;
	text-align: center;
	color: #333;
	background: #fff;
	line-height: 20px;
}

.basic_table tbody td * {
	vertical-align: middle;
}

.basic_table tbody th.focus {
	background: #FF3860;
	font-weight: bold;
	color: #fff;
}

.basic_table tbody td.focus {
	background: #FEECF0;
	font-weight: bold;
	color: #FF3860;
}

.basic_table tfoot th,
.basic_table tfoot td {
	border: 1px solid #ddd;
	text-align: center;
	color: #333;
	background-color: #efefef;
	font-weight: bold;
}

.basic_table tfoot td.focus {
	background: #CC0F35;
	font-weight: bold;
	color: #fff;
}

.basic_table tbody tr.problem th:first-child {
	border-left: none;
}

.basic_table th.left,
.basic_table td.left {
	padding-left: 10px;
	text-align: left
}

.basic_table td.left .list_subject .link {
	display: block;
}

.basic_table td.left .list_subject .link input[type="submit"] {
	min-width: auto;
	border: none;
	height: auto;
	background-color: transparent;
	color: #666;
	display: inline-block;
	overflow: hidden;
	width: 93%;
	color: #444;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
	font-size: 14px;
	padding: 0;
}

.basic_table td.left .list_subject .link img {
	padding-right: 5px;
}

.basic_table td.left .list_subject a {
	display: inline-block;
	overflow: hidden;
	width: 93%;
	color: #444;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.basic_table td.left .list_subject a:hover {
	text-decoration: underline
}

.basic_table td.cell_left {
	text-align: left;
}

.basic_table .form-tel div {
	float: left;
	padding-right: 5px;
}

.basic_table.is-hoverable tbody tr:not(.is-selected):hover {
    background-color: #fafafa
}

.basic_table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
    background-color: #fafafa
}

.basic_table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(2n) {
    background-color: #f5f5f5
}

.basic_table.is-striped tbody tr:not(.is-selected):nth-child(2n) {
    background-color: #fafafa;
}

.noStyle {}

.noStyle th,
.noStyle td {
	border: none
}


/* 게시판 반응형 */
@media(max-width:1279px) {
	.basic_table col[class^="problem_"] {
		width: 10%
	}

	.basic_table col.problem_name {
		width: 20%
	}

	.basic_table col.date {
		width: 120px
	}
}

@media(max-width:1000px) {
	.basic_table tr td {
		padding: 5px
	}

	.basic_table .problem_number,
	.basic_table .problem_count,
	.basic_table .problem_file {
		display: none
	}

	.basic_table .problem_number+th,
	.basic_table .problem_number+td {
		border-left: 0
	}

	.basic_table col.problem_name {
		width: 80px
	}

	.basic_table col.problem_status {
		width: 60px
	}

	.basic_table td.list_subject .link {
		width: 86%
	}
}

@media(max-width:639px) {
	.basic_table .date {
		display: none
	}

	.basic_table td .list_subject .link {
		display: inline;
		float: none;
		white-space: normal
	}

	.basic_table td .list_subject img {
		float: none;
		margin: 0
	}
}



/* 일반게시판 - 상세보기,글쓰기 테이블 공통사용 */
table.bbs_default_view {
	width: 100%;
	margin: 0;
}

table.bbs_default_view colgroup {
	display: none;
}

table.bbs_default_view tbody {
	border-top: solid 2px #535353;
}

table.bbs_default_view tbody .subject {
	text-align: left;
	font-weight: 600;
	font-size: 24px;
}

table.bbs_default_view th {
	width: 20%;
	padding: 13px 20px;
	border-bottom: 1px solid #d9d9d9;
	background-color: #f6f6f6;
	color: #000;
	font-weight: normal;
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
}

table.bbs_default_view td {
	padding: 1.5rem;
	border-bottom: 1px solid #d9d9d9;
}

table.bbs_default_view td input,
table.bbs_default_view td select {
	/* height: 30px; */
	box-sizing: border-box;
	line-height: 28px;
	border-color: #cdcdcd
}

table.bbs_default_view td.subject input,
table.bbs_default_view td.file input[type="text"] {
	width: 100%;
}

table.bbs_default_view td textarea {
	width: 100%;
	height: 300px;
	box-sizing: border-box;
	border-color: #cdcdcd
}

table.bbs_default_view td input[type="file"] {
	width: 100%;
	border-bottom: 1px solid #cdcdcd;
}

#bbsNttAnswer table.bbs_default_view td input[type="file"] {
	width: calc(100% - 100px);
	margin-left: 5px;
	margin-right: 5px;
}

#bbsNttAnswer table.bbs_default_view td input[name="replcText"] {
	width: calc(100% - 20px);
	margin: 5px 0 5px 5px;
}

table.bbs_default_view td button {
	border: none;
}

table.bbs_default_view td th,
table.bbs_default_view td td {
	border-bottom: 1px solid #c8c8c8;
}

table.bbs_default_view td img {
	vertical-align: middle;
}

table.bbs_default_view td.substance {
	padding: 20px 10px;
}

/* 상세보기 - 이전글 다음글 */
table.bbs_page_move {
	width: 100%;
	margin: 20px 0 0 0;
}

table.bbs_page_move tbody {
	border-top: 1px solid #354353;
}

table.bbs_page_move tbody th,
table.bbs_page_move tbody td {
	padding: 1rem 1.5rem;
	border-bottom: 1px solid #e0e0e0;
	box-sizing: border-box;
	vertical-align: middle;
}

table.bbs_page_move tbody th {
	width: 20%;
	font-weight: 400;
	text-align: center;
}

table.bbs_page_move a {
	color: #333;
}

table.bbs_page_move a:hover {
	color: #485fc7;
}

@media all and (max-width:667px) {
	table.bbs_page_move tbody th {
		width: 100%;
		text-align: left;
		font-weight: bold;
		padding: 6px 15px;
	}

	table.bbs_page_move th {
		display: block;
		width: 100%;
		padding: 5px 20px;
		border: 0;
		border-bottom: 1px dashed #e7e7e7;
		color: #333;
		font-size: 15px;
		text-align: left;
	}

	table.bbs_page_move td {
		display: block;
		padding: 10px 20px;
		border-bottom-color: #d9d9d9;
	}

	table.bbs_page_move tbody td {
		display: block;
		padding: 10px 15px;
		border-bottom-color: #d9d9d9;
	}
}

@media all and (max-width:765px) {
	table.bbs_default_view {
		border-bottom: none;
	}

	table.bbs_default_view colgroup {
		display: none;
	}

	table.bbs_default_view th {
		display: block;
		width: 100%;
		padding: 10px 15px;
		border: 0;
		font-size: 15px;
		text-align: left;
		font-weight: bold;
	}

	table.bbs_default_view td {
		display: block;
		padding: 10px 15px;
		border-bottom-color: #d9d9d9;
	}

	table.bbs_default_view td.subject {
		padding: 10px 15px;
		font-size: 16px
	}

	table.bbs_default_view td input[type="file"] {
		width: 100%;
	}

	.margin_t_20.clearfix .btn_c1,
	.margin_t_20.clearfix .btn_c2,
	.margin_t_20.clearfix .btn_c4 {
		padding: 4px 15px;
		font-size: 14px;
		line-height: 22px;
	}
}

/* 게시판 첨부파일 */
.brd_file li {
	margin-bottom: 10px;
}
.brd_file li:last-child {
	margin-bottom: 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;
}

@media all and (max-width:430px) {
	.brd_file {
		width: 100%;
		max-width: 250px;
	}

	.brd_file li {
		width: 100%;
	}

	/* .brd_file li a {
		padding: 0 0 0 10%;
	} */
}




.scl_x {
	width: 100%;
}

@media(max-width: 1214px) {
	.scl_x {
		width: 100%;
		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;
	}
}





/* 마이페이지 */
.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;
	}
}

.navbar-item.is-mega {
	position: static;
}

.navbar-item.is-mega .is-mega-menu-title {
	margin-bottom: 0;
	padding: 0.375rem 1rem;
}

.navbar-dropdown {
	border-top: 1px solid #dbdbdb;
	white-space: nowrap;
	padding: 1.25rem;
}

.hero.is-primary .tabs li.is-active a {
	color: #485fc7 !important;
	opacity: 1
}

.panel-block.is-active {
	border-left-color: #485fc7;
	color: #485fc7;
	font-weight: 600;
}

/*================================================ accordion ================================================*/
/*faq01 리스트*/
.faq-container01 {
	/* max-width: 600px;
	margin: 0 auto; */
}

.faq {
	background-color: transparent;
	border: 1px solid #9fa4a8;
	border-radius: 10px;
	margin: 20px 0;
	padding: 30px;
	position: relative;
	overflow: hidden;
	transition: 0.3s ease;
}

.faq.active {
	background-color: #fff;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
}

/* .faq.active::before,
.faq.active::after {
	content: '\f075';
	font-family: 'Font Awesome 5 Free';
	color: #2ecc71;
	font-size: 7rem;
	position: absolute;
	opacity: 0.2;
	top: 20px;
	left: 20px;
	z-index: 0;
}

.faq.active::before {
	color: #3498db;
	top: -10px;
	left: -30px;
	transform: rotateY(180deg);
} */

.faq-title {
	margin: 0 35px 0 0;
}

.faq-text {
	display: none;
	margin: 30px 0 0;
}

.faq.active .faq-text {
	display: block;
}

.faq-toggle {
	background-color: transparent;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	padding: 0;
	position: absolute;
	top: 30px;
	right: 30px;
	height: 30px;
	width: 30px;
}

.faq-toggle:focus {
	outline: 0;
}

.faq-toggle .fa-times {
	display: none;
}

.faq.active .faq-toggle .fa-times {
	color: #fff;
	display: block;
}

.faq.active .faq-toggle .fa-chevron-down {
	display: none;
}

.faq.active .faq-toggle {
	background-color: #9fa4a8;
}

/*faq02 리스트*/
.faq-container {
	width: 100%;
	background-color: #fff;
	border-radius: 6px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.faq-item {
	padding: 10px 20px;
	border-bottom: 1px solid #e0e0e0;
	cursor: pointer;
	transition: background-color 0.3s ease-in-out;
	display: flex;
	justify-content: space-between;
	align-items: center;
}


.faq-item.last-item {
	border-bottom: 0 !important;
}

.faq-question {
	font-size: 18px;
	font-weight: 700;
	padding-bottom: 3px;
	padding-top: 3px;
	display: flex;
	flex-direction: row;

}
.faq-question .txt {
	padding-right: 20px;
}
/* padding:40px 72px 40px 32px; position:relative; display:flex; flex-direction:row; position:static; width:100%; height:auto; font-size:20px; color:#111; text-align:left; background:none; transform:none; */

.faq-answer {
	font-size: 16px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-in-out;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	background: #f4f4f4;
	
}
.faq-answer .txt {
	padding-right: 20px;
	font-size: 18px;
	font-weight: 700;
}
/* .faq-answer p {
	display: flex;
	flex-direction: row;
	margin: 1rem 0;
	padding: 0 10px;
} */

.faq-answer .cont {
	/* display: flex;
	flex-direction: row; */
	/* margin: 1rem 0 2rem; */
	padding: 20px 10px;
}

/* .faq-answer div {
	display: flex;
	flex-direction: row;
	margin: 1rem 0;
	padding: 0 10px;
} */

.faq-answer.active {
	border-bottom: 1px solid #e0e0e0;
}
.faq-answer.active:last-child {
	border-bottom: 0;
	border-top: 1px solid #e0e0e0;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.icon-container {
	padding: 5px 0 0 20px;
	align-self: flex-start;
}
.icon-container i {
	font-size: 16px;
	cursor: pointer;
	transition: transform 0.3s ease-in-out;
}

.icon-container i.active {
	transform: rotate(90deg);
}