@charset "utf-8";

/*#################### 폰트 ####################*/

/********** prometo **********/
@import url(/common/fonts/prometo/Prometo.css);

/* bootstrap icon */
@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css);
/********** NotoSansKR Sans **********/
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&display=swap);


/*#################### 일반 ####################*/
html {
  scroll-padding-top: 100px;
}

body {
	/* overflow-y: scroll; */
  /* color: #2C2D2E; */
	color: #4E4F52;
	/* font-family: "NotoSansKR", sans-serif; */
	font-family: "Noto Sans KR", sans-serif;
  letter-spacing: -.025em;
	line-height: 1.3;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
}

a {
	color: #555;
}
a:hover {
	text-decoration: none;
}
.btn.focus, .btn:focus {
	box-shadow: none;
}

b,
strong {
	font-weight: bold;
}

code {
	font-size: 1em;
}

hr.hr-line {
	border: none;
	height: 3px;
	background:linear-gradient(-45deg, white 25%, #E0E5EB 0, #E0E5EB 50%, white 0, white 75%, #E0E5EB 0);
	-webkit-background-size: 5px 5px;
  background-size: 5px 5px;margin: 30px 0;
}

.small, small {
	font-size: 87.5%;
}

@media(min-width: 768px) {
	body {
		line-height: 1.5;
	}

}

/*#################### 푸터 ####################*/

#footer {
	padding: 30px 0;
	background-color: #E0E5EB;
	color: #2C2D2E;
	font-size: 15px;
}
#footer .link-list {
	position: relative;
}

#footer .link-list a:hover {
	text-decoration: underline;
	text-underline-offset: 2px;
}
#footer .link-list a.focus {
	color: #A70045;
	font-weight: 700;
}

#footer .family-site {
	min-width: 180px;
	padding: 6px 30px 6px 10px;
	border: none;
	background: #fff url(/common/images/icon-triangle-up-dark.svg) no-repeat center right 10px;
	color: #2C2D2E;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	margin-bottom: .5rem;
}
#footer .family-site::-ms-expand {
	display: none;
}

#footer .link-list > li,
#footer .address > span {
	padding-right: 10px;
	margin-right: 10px;
	position: relative;
}

#footer .link-list > li::after,
#footer .address > span::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	display: block;
	width: 1px;
	height: 12px;
	background-color: #777;
}
#footer .link-list > li:first-child,
#footer .address > span:first-child {
	padding-left: 0;
}
#footer .link-list > li:last-child::after,
#footer .address > span:last-child::after {
	display: none;
}

#footer .address {
	flex-flow: wrap;
	margin-bottom: .5rem;
}
#footer .address > span {
	display: inline-flex;
}

#footer .address > span::after {
	display: none;
}

#footer .copyright {
	margin-bottom: 0;
}

@media (min-width: 768px) {
	#footer .link-list > li,
	#footer .address > span {
		padding-right: 15px;
		margin-right: 15px;
	}
	#footer .address > span {
		text-align: center;
	}
	#footer .address > span::after {
		display: block;
	}
}

@media (min-width: 992px) {
	#footer {
		font-size: 16px;
		text-align: left;
	}
	#footer > [class*="container"] > .row:first-child {
    align-items: center;
	}
	#footer .link-list {
		justify-content: flex-start;
	}
	#footer .family-site {
		min-width: 210px;
		padding-top: 14px;
		padding-bottom: 14px;
		padding-left: 18px;
		background-position: center right 15px;
		font-size: 15px;
	}
}

/* TOP */
.btn-top {
	position: fixed;
	right: 40px;
	bottom: 20px;

	width: 40px;
	height: 40px;
	border-radius: 20px;
	background-color: rgba(0, 5, 60, 0.1);
	color: #2C2D2E;
	font-family: 'Prometo';
	font-size: 14px;
	font-weight: 700;

	display: flex;
	align-items: center;
	justify-content: center;
}
@media(min-width: 992px) {
	.btn-top {
		width: 60px;
		height: 60px;
		font-size: 16px;
	}
}

/*#################### Breadcrumb ####################*/

#breadcrumb {
	padding-top: 60px;
	background-color: #0A2F58;
	background: url(/common/images/sub-visual01.jpg) no-repeat center top;
}

.breadcrumb-box {
	background-color: #fff;
}

.breadcrumb-box .row {
	align-items: center;
}
.breadcrumb {
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 0;
	border-radius: 0;
	background-color: transparent;
}
.breadcrumb ol {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
}
.breadcrumb ol > li {
	position: relative;
	display: flex;
	align-items: center;
	margin-right: 26px;
}
.breadcrumb ol > li::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -20px;
	transform: translateY(-50%);
	display: block;
	width: 12px;
	height: 12px;
	background: url(/common/images/icon-chevron-right.svg) no-repeat center;
}
.breadcrumb ol > li:first-child {
	margin-right: 10px;
}
.breadcrumb ol > li:last-child {
	margin-right: 0
}
.breadcrumb ol > li:first-child::after,
.breadcrumb ol > li:last-child::after {
	display: none;
}

.breadcrumb ol > li:first-child img {
	margin-top: -4px;
}

.breadcrumb ol a {
	display: block;
	font-size: 15px;
}

/*#################### Breadcrumb - PC ####################*/

@media (min-width: 1200px) {
	.breadcrumb-box .row {
		align-items: flex-end;
	}
	.breadcrumb {
		margin-left: 240px;
	}
}
@media (min-width: 1400px) {
	.breadcrumb {
		margin-left: 270px;
	}
}

/* utility-menu */
.utility-menu.list-narrow-gutter > li {
	margin-left: 1px;
	margin-right: 0;
}
.utility-menu .btn-icon {
	width: 60px;
	height: 60px;
	background-color: #8797AE;
	border-radius: 0;

}
.utility-menu .btn-icon.print-btn {
	background-color: #95A6BC;
}

@media(min-width: 1200px) {
	.utility-menu .btn-icon {
		width: 60px;
		height: 60px;
		background-color: #8797AE;
		border-radius: 0;

		display: flex;
		align-items: center;
		justify-content: center;
	}
}

/*#################### 레이아웃 ####################*/

#main {
	min-height: 200px;
}

/*#################### 레이아웃 - PC ####################*/

@media (min-width: 1200px) {
	#main {
		min-height: calc(100vh - 246px);
	}
	.container-sub #main {
		min-height: calc(100vh - 416px);
	}
}
@media (min-width: 1300px) {
	.container {
		max-width: 1240px;
	}
}
@media (min-width: 1400px) {
	.container {
		max-width: 1340px;
	}
}
@media (min-width: 1500px) {
	.container {
		max-width: 1400px;
	}
}

/*#################### 섹션 ####################*/

.sec-box {
	max-width: 1920px;
	margin: 0 auto;
	padding: 20px 5px;
}

section > header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1rem;
}

section > header > .header-item {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
section > header > .header-item:not(:last-child) {
	margin-bottom: .5rem;
}

section > header > .header-item .sec-title:not(:last-child) {
	margin-right: .5rem;
	margin-bottom: .25rem;
}

section > header p {
	margin-bottom: 0;
}

.sec-title {
	font-size: 24px;
	font-weight: bold;
	letter-spacing: -.05rem;
}

/*#################### 서브페이지 ####################*/

.container-sub {
	padding-top: 10px;
	padding-bottom: 50px;
}
.container-sub > .row {
	flex-wrap: nowrap;
}
.container-sub .col-side {
	display: none;
}
.container-sub .col-main {
	flex: 1;
}

/********** 서브페이지 - 사이드 **********/

.nav-side {
	position: relative;
	top: -42px;
}
.nav-side > header .sec-title {
	padding: 24px;
	color: white;
	font-size: 24px;
	font-weight: 700;

	background: #0047A4 url(/common/images/submenu-bg.svg) no-repeat bottom -1px left 80%;
	height: 180px;
	margin-bottom: 0;
}

/* 서브페이지 - 사이드 - 2뎁스 메뉴 */

[role="menubar"].menubar-side > li > [role="menuitem"] {
	color: #555;
	font-size: 17px;
	background-color: #E0E5EB;
	transition: background-color .05s ease-in-out;
}
[role="menubar"].menubar-side > li > [role="menuitem"][aria-haspopup="true"][aria-expanded="true"] {
	background-color: #fff;
}
[role="menubar"].menubar-side > li > [role="menuitem"][aria-haspopup="true"][aria-expanded="true"]::after {


}

/* 서브페이지 - 사이드 - 3뎁스 메뉴 */

[role="menubar"].menubar-side > li > ul {
	/* background-color: #F4F7FA; */
	/* padding-bottom: 15px; */
}
[role="menubar"].menubar-side > li > ul > li > [role="menuitem"] {
	border-bottom: none;
	background-color: transparent;
}

/********** 서브페이지 - 메인 **********/

.container-sub .sec-1 > header,
.container-sub .sec-2 > header {
	margin-bottom: 1rem;
}

.tit-h1,
.tit-h2,
.container-sub .sec-1 > header .sec-title,
.container-sub .sec-2 > header .sec-title {
	color: #3961B2;
}

.tit-h3,
.tit-h4,
.tit-h5,
.container-sub .sec-3 > header .sec-title,
.container-sub .sec-4 > header .sec-title,
.container-sub .sec-5 > header .sec-title {
	color: #5A5F68;
}


/* sec-1 */

.container-sub .sec-1 > header {
	position: relative;
	padding: 16px 0 0;
	margin-bottom: 16px;
	/*
	border-bottom: 2px solid #0055B5; */
}
.tit-h1,
.container-sub .sec-1 > header .sec-title {
	font-size: 25px;
	font-weight: 700;
	color: #00468D;
	letter-spacing: -0.075rem;
}
/*
.container-sub .sec-1 > header::after {
	content: "";
	position: absolute;
	bottom: -3px;
	left: 0;
	display: block;
	width: 180px;
	height: 2px;
	background-color: #025BB1;
}
 */
@media (min-width: 768px) {
	.container-sub .sec-1 > header {
		padding: 16px 0 0;
		margin-bottom: 16px;
	}
	.tit-h1,
	.container-sub .sec-1 > header .sec-title {
		font-size: 29px;
	}
}
@media (min-width: 992px) {
	.container-sub .sec-1 > header {
		padding: 20px 0 0;
		margin-bottom: 20px;
	}
	.tit-h1,
	.container-sub .sec-1 > header .sec-title {
		font-size: 33px;
	}
}

/* sec-2 */

.container-sub .sec-2 {
	margin-bottom: 2rem;
}
.tit-h2,
.container-sub .sec-2 > header .sec-title {
	font-size: 23px;
	font-weight: 700;
}
@media (min-width: 768px) {
	.tit-h2,
	.container-sub .sec-2 > header .sec-title {
		font-size: 25px;
	}
}
@media (min-width: 992px) {
	.tit-h2,
	.container-sub .sec-2 > header .sec-title {
		font-size: 29px;
	}
}

/* sec-3 */

.container-sub .sec-3 {
	margin-bottom: 2rem;
}
.tit-h3,
.container-sub .sec-3 > header .sec-title {
	font-size: 19px;
	font-weight: 700;
}
@media (min-width: 768px) {
	.tit-h3,
	.container-sub .sec-3 > header .sec-title {
		font-size: 21px;
	}
}
@media (min-width: 992px) {
	.tit-h3,
	.container-sub .sec-3 > header .sec-title {
		font-size: 23px;
	}
}

/* sec-4 */

.container-sub .sec-4 {
	margin-bottom: 2rem;
}
.tit-h4,
.container-sub .sec-4 > header .sec-title {
	font-size: 18px;
	font-weight: 700;
}
@media (min-width: 768px) {
	.tit-h4,
	.container-sub .sec-4 > header .sec-title {
		font-size: 19px;
	}
}
@media (min-width: 992px) {
	.tit-h4,
	.container-sub .sec-4 > header .sec-title {
		font-size: 21px;
	}
	.container-sub .sec-4 > header .sec-title:first-child {
		margin-top: 1rem;
	}
}

/* sec-5 */

.container-sub .sec-5 {
	margin-bottom: 2rem;
}
.tit-h5,
.container-sub .sec-5 > header .sec-title {
	font-size: 17px;
	font-weight: 700;
}
@media (min-width: 768px) {
	.tit-h5,
	.container-sub .sec-5 > header .sec-title {
		font-size: 17px;
	}
}
@media (min-width: 992px) {
	.tit-h5,
	.container-sub .sec-5 > header .sec-title {
		font-size: 19px;
	}
	.container-sub .sec-5 > header .sec-title:first-child {
		margin-top: 1rem;
	}
}

/*#################### 서브페이지 - PC ####################*/

@media (min-width: 1200px) {
	.container-sub {
		padding-top: 20px;
	}
	.container-search {
		padding-top: 20px;
	padding-bottom: 40px;}
	.container-sub::after {
		content: "";
		display: block;
		clear: both;
	}
	.container-sub .col-side,
	.container-sub .col-main {
		float: left;
	}
	.container-sub .col-side {
		display: block;
		width: 240px;
		margin-right: 30px;
	}
	.container-sub .col-main {
		width: calc(100% - 240px - 30px);
	}

	/********** 서브페이지 - 사이드 - PC **********/

	[role="menubar"].menubar-side {
		background-color: #F4F7FA;
	}

	/* 서브페이지 - 사이드 - 2뎁스 메뉴 - PC */
	[role="menubar"].menubar-side > li > [role="menuitem"] {
		padding-left: 20px;
	}

	/* 서브페이지 - 사이드 - 3뎁스 메뉴 - PC */

	[role="menubar"].menubar-side > li > ul > li:first-child {
		/* margin-top: 15px; */
	}
	[role="menubar"].menubar-side > li > ul > li:last-child {
		/* margin-bottom: 15px; */
	}
	[role="menubar"].menubar-side > li > ul > li > [role="menuitem"] {
		position: relative;
		min-height: auto;
		padding: 12px 24px 12px 32px;
		color: #555;
		font-size: 15px;
		border-bottom: solid 1px #fff;
	}
	[role="menubar"].menubar-side > li > ul > li > [role="menuitem"]::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 24px;
    transform: translateY(-50%);
		display: inline-block;
		width: 3px;
		height: 3px;
		border-radius: 50%;
		background-color: currentColor;
	}
	[role="menubar"].menubar-side > li > ul > li > [role="menuitem"]:hover,
	[role="menubar"].menubar-side > li > ul > li > [role="menuitem"].active {
		color: #3961B2;
		font-weight: 500;
	}
	[role="menubar"].menubar-side > li > ul > li > [role="menuitem"].active {
		font-weight: bold;
	}

}

@media (min-width: 1300px) {
	.container-sub .col-side {
		margin-right: 40px;
	}
	.container-sub .col-main {
		width: calc(100% - 272px - 40px);
	}
}
@media (min-width: 1400px) {
	.container-sub .col-side {
		margin-right: 48px;
	}
	.container-sub .col-main {
		width: calc(100% - 272px - 48px);
	}
}

/*#################### 컴포넌트 ####################*/

/********** 버튼 **********/
.btn {
	border-radius: 3px;
	padding: .25rem 0.75rem;
}
.btn-sm {
	padding: 0.25rem 0.5rem;
}
.btn-primary {
	border-color: #3961B2;
	background-color: #3961B2;
}
.btn-primary:hover {
	border-color: #2A4C92;
	background-color: #2A4C92;
}
.btn-primary.focus,
.btn-primary:focus {
	background-color: hsl(212, 95%, 17%);
	border-color: hsl(212, 95%, 17%);
	box-shadow: 0 0 0 0.2rem hsla(212, 95%, 17%, .5);
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
	color: #fff;
	background-color: hsl(212, 95%, 17%);
	border-color: hsl(212, 95%, 17%);
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem hsla(212, 95%, 17%, .5);
}

.btn-outline-primary {
	border-color: #3961B2;
	color: #3961B2;
}
.btn-outline-primary:hover {
	background-color: #2A4C92;
	border-color: #2A4C92;
}
.btn-outline-primary.focus,
.btn-outline-primary:focus {
	box-shadow: 0 0 0 0.2rem hsla(212, 95%, 17%, .5);
}
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
	color: #fff;
	background-color: #3961B2;
	border-color: #3961B2;
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem hsla(212, 95%, 17%, .5);
}

.btn-secondary {
	border-color: #596680;
	background-color: #596680;
}
.btn-outline-secondary {
	border-color: #596680;
	color: #596680;
}
.btn-secondary:hover {
	border-color: #37445E;
	background-color: #404F6D;
}
.btn-outline-secondary:hover {
	border-color: #37445E;
	background-color: #596680;
}

.btn-success {
	border-color: #11AD67;
	background-color: #11AD67;
}
.btn-outline-success {
	border-color: #11AD67;
	color: #11AD67;
}
.btn-success:hover {
	border-color: #188856;
	background-color: #1C9E64;
}
.btn-outline-success:hover {
	border-color: #188856;
	background-color: #11AD67;
}

.btn-danger {
	border-color: #B2396B;
	background-color: #B2396B;
}
.btn-outline-danger {
	border-color: #B2396B;
	color: #B2396B;
}
.btn-danger:hover {
	border-color: #881F4A;
	background-color: #9E2456;
}
.btn-outline-danger:hover {
	border-color: #881F4A;
	background-color: #B2396B;
}

.btn-warning {
	border-color: #EFB505;
	background-color: #EFB505;
}
.btn-outline-warning {
	border-color: #EFB505;
}
.btn-warning:hover {
	border-color: #E6B111;
	background-color: #E6B111;
}
.btn-outline-warning:hover {
	border-color: #E6B111;
	background-color: #EFB505;
}

.btn-info {
	border-color: #249FB2;
	background-color: #249FB2;
}
.btn-outline-info {
	border-color: #249FB2;
	background-color: #249FB2;
}

.btn-light {
	border-color: #DADDE3;
	background-color: #DADDE3;
}
.btn-outline-light {
	border-color: #DADDE3;
	color: #DADDE3;
}

.btn-dark {
	border-color: #172C41;
	background-color: #172C41;
}
.btn-outline-dark {
	border-color: #172C41;
	color: #172C41;
}

.btn-group-lg>.btn,
.btn-lg {
	font-size: 18px;
}

.btn-icon {
	padding: 5px;
}

.btn svg {
	margin-top: -5px;
}

/* 시스템 btn */
.btn-search {
    border-color: #3961B2;
    background-color: #3961B2;
    color: #fff;
}
.btn-search:hover, .btn-search:focus {
	border-color: #2A4C92;
	background-color: #2A4C92;
    color: #fff;
}
.btn-new {
	border-color: #11AD67;
	background-color: #11AD67;
    color: #fff;
}
.btn-new:hover, .btn-new:focus {
	border-color: #188856;
	background-color: #1C9E64;
	color: #fff;
}
.btn-modify,
.btn-delete {
	border-color: #596680;
	background-color: #596680;
	color: #fff;
}
.btn-modify:hover, .btn-modify:focus,
.btn-delete:hover, .btn-delete:focus {
	border-color: #37445E;
	background-color: #404F6D;
	color: #fff;
}
.btn-save {
	border-color: #B2396B;
	background-color: #B2396B;
	color: #fff;
}
.btn-save:hover, .btn-save:focus {
	border-color: #881F4A;
	background-color: #9E2456;
	color: #fff;
}
.btn-etc {
	border-color: #172C41;
	background-color: #172C41;
	color: #fff;
}
.btn-etc:hover, .btn-etc:focus {
	border-color: #172C41;
	background-color: #172C41;
	color: #fff;
}
.btn-print {
	border-color: #EFB505;
	background-color: #EFB505;
  color: #172C41;
}
.btn-print:hover, .btn-print:focus {
	border-color: #E6B111;
	background-color: #E6B111;
	color: #172C41;
}

/* bg-color */
.bg-primary {
	background-color: #3961B2 !important;
}
.bg-secondary {
	background-color: #596680 !important;
}
.bg-success {
	background-color: #11AD67 !important;
}
.bg-danger {
	background-color: #B2396B !important;
}
.bg-warning {
	background-color: #EFB505 !important;
}
.bg-info {
	background-color: #249FB2 !important;
}
.bg-light {
	background-color: #DADDE3 !important;
}
.bg-dark {
	background-color: #172C41 !important;
}

/* text-color */
.text-primary {
	color: #3961B2 !important;
}
.text-secondary {
	color: #596680 !important;
}
.text-success {
	color: #11AD67 !important;
}
.text-danger {
	color: #C9025F !important;
}
.text-warning {
	color: #EFB505 !important;
}
.text-info {
	color: #249FB2 !important;
}
.text-light {
	color: #DADDE3 !important;
}
.text-dark {
	color: #172C41 !important;
}

/********** List **********/

.list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
}
.list > li {
	position: relative;
	margin-right: 20px;
}
.list.row > li[class*="col-"] {
    margin-right: 0;
}
.list > li:last-child {
	margin-right: 0;
}
.header-main .list-with-separator > li {
	margin-left:0;
}
.list-with-separator > li::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -10px;
	transform: translateY(-50%);
	display: block;
	width: 1px;
	height: .75rem;
	background-color: #ccc;
}
.list-with-separator > li:last-child::after {
	display: none;
}
.list-with-separator > li a {
	font-size:13px;
	color: #777;
}
.list-with-separator > li a:hover, .list-with-separator > li a:focus {
	color:#555;
}
.list-no-gutter > li {
	margin-right: 0;
}

.list-narrow-gutter > li {
	margin-right: 10px;
}
.bookmark-btn img {
	width:24px;
}
.list-center {
	justify-content: center;
}

.list-margin-bottom > li {
	margin-bottom: 10px;
}

/********** Forms **********/

.form-control {
	height: 36px;
	border-color: #D3D5DB;
}
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #7B7F8B;
  opacity: 1; /* Firefox */
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #7B7F8B;
}
.form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #7B7F8B;
}

select.form-control {
	padding: .375rem 1.5rem .375rem .75rem;

	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	appearance:none;
	background:#fff url('/common/images/icon-chevron-down.svg')no-repeat center right 8px;
	background-size: 10px;
}
.input-group select.form-control {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.form-check-inline .form-check-input {
	margin-top: 1.5px;
}

label {
	font-size: .875rem;
	font-weight: 500;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
	font-weight: normal;
}

@media(min-width: 768px) {
	label {
		font-size: 1rem;
	}
}

/********** Message Box **********/

.message-box {
	padding: 10px;
	margin-bottom: 30px;
	background: linear-gradient(-45deg, white 25%, #E0E5EB 0, #E0E5EB 50%, white 0, white 75%, #E0E5EB 0);
  -webkit-background-size: 5px 5px;
  background-size: 5px 5px;
	font-size: 16px;
}
.message-box .message-box-inner {
	padding: 16px;
	background-color: white;
}
.message-box b {
	font-weight: 500;
}

.message-box .text-box {
	margin-bottom: 30px;
	letter-spacing: -0.05rem;
}
.message-box .text-title {
	margin-bottom: 5px;
	color: #023975;
	font-size: 17px;
	font-weight: 500;
}

@media (min-width: 768px) {
	.message-box .text-title {
		font-size: 18px;
	}
}

/* Message Box - style 1 */

.message-box.message-box-style-1 {
	padding: 0;
	border-top: 2px solid #555;
	border-bottom: 1px solid #D3D5DB;
}
.message-box.message-box-style-1 .message-box-inner {
	display: flex;
	padding: 20px 10px;
}
.message-box.message-box-style-1 .message-header {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-right: 40px;
	font-size: 18px;
	font-weight: bold;
}
.message-box.message-box-style-1 .message-header .deco-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	border-radius: 50%;
	background-color: #EFEFEF;
	color: #023975;
}
.message-box.message-box-style-1 .message-body {
	flex: 1;
	padding: 0;
}

@media (min-width: 576px) {
	.message-box.message-box-style-1 .message-header {
		font-size: 19px;
	}
}
@media (min-width: 768px) {
	.message-box.message-box-style-1 .message-header {
		font-size: 20px;
	}
}
@media (min-width: 992px) {
	.message-box.message-box-style-1 .message-box-inner {
		padding: 25px 20px;
	}
}

/* Message Box - style 2 */

.message-box.message-box-style-2 {
	padding: 5px 0 5px 0;
}
.message-box.message-box-style-2 .message-box-inner {
	display: flex;
	padding: 10px;
}
.message-box.message-box-style-2 .message-header {
	display: none;
}
.message-box.message-box-style-2 .message-body {
	flex: 1;
	padding: 10px;
}

@media (min-width: 576px) {
	.message-box.message-box-style-2 .message-box-inner {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.message-box.message-box-style-2 .message-header {
		display: block;
		margin-right: 20px;
	}
	.message-box.message-box-style-2 .message-body {
		padding: 10px;
	}
}

/* Message Box - style 2 (sec-1 바로 아래에서 사용될 경우) */

.sec-1 > .sec-body > .message-box.message-box-style-2 {
	padding-top: 0;
}
.sec-1 > .sec-body > .message-box.message-box-style-2 .message-box-inner {
	padding-top: 2px;
}
.sec-1 > .sec-body > .message-box.message-box-style-2 .message-body {
	padding-top: 0;
}
@media (min-width: 576px) {
	.sec-1 > .sec-body > .message-box.message-box-style-2 .message-box-inner {
		padding-top: 0;
		padding-bottom: 20px;
	}
}
@media (min-width: 768px) {
	.sec-1 > .sec-body > .message-box.message-box-style-2 .message-box-inner {
		padding-bottom: 22px;
	}
}
@media (min-width: 992px) {
	.sec-1 > .sec-body > .message-box.message-box-style-2 .message-box-inner {
		padding-bottom: 23px;
	}
}

/********** Message Box - PC **********/

@media (min-width: 1200px) {

	/* Message Box - style 1 - PC */

	.message-box.message-box-style-1 .message-box-inner {
		padding: 25px 40px;
	}

	/* Message Box - style 2 - PC */

	.message-box.message-box-style-2 .message-box-inner {
		padding: 24px 25px 24px;
	}
	.message-box.message-box-style-2 .message-body {
		padding: 5px 0 0;
	}

	/* Message Box - style 2 - PC (sec-1 바로 아래에서 사용될 경우) */

	.sec-1 > .sec-body > .message-box.message-box-style-2 .message-box-inner {
		padding-bottom: 24px;
	}
	.sec-1 > .sec-body > .message-box.message-box-style-2 .message-body {
		padding: 15px 0 0;
	}
}

/********** Info Text **********/

.info-box {
	padding: 8px 16px 8px 40px;
	background-color: #F4F7FA;
	min-height: 32px;
	position: relative;
	margin-bottom: 2rem;

	display: flex;
	align-items: center;
}
.info-box::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 100%;
	background: #3961B2 url(/common/images/icon-info-white.svg) no-repeat center top 8px;
	background-size: 20px;
}
.info-box.secondary::before {
	background-color: #596680;
}
.info-box.success::before {
	background-color: #11AD67;
}
.info-box.danger::before {
	background-color: #B2396B;
}
.info-box.warning::before {
	background-color: #EFB505;
}
.info-box.info::before {
	background-color: #249FB2;
}
.info-box.light::before {
	background-image: url(/common/images/icon-info.svg);
	background-color: #DADDE3;
}
.info-box.dark::before {
	background-color: #172C41;
}

.info-box ul,
.info-box ol {
	margin: 0;
	padding: 0;
}

.info-box p,
.info-box ul > li,
.info-box ol > li {
	margin-bottom: .5rem;
}

.info-box p:last-child,
.info-box ul > li:last-child,
.info-box ol > li:last-child {
	margin-bottom: 0;
}

.info-box .small {
	font-size: 87.5%;
}

.info-text.info-text-style-1::before {
	background-color: #db3360;
}
.info-text.info-text-style-2::before {
	background-color: white;
	border: 1px solid #404b57;
	color: #404b57;
}

@media(min-width: 992px) {
	.info-box {
		padding: 10px 24px 10px 60px;
		min-height: 48px;
	}
	.info-box::before {
		width: 48px;
		background-position: center top 12px;
		background-size: auto;
	}

}

/********** link **********/

.link {
	display: inline-block;
	min-height: 38px;
	padding: 8px 20px 7px;
	border-radius: 4px;
	background-color: #025BB1;
	color: white;
	font-size: 15px;
	transition: background-color .3s ease-in-out;
}
.link::after {
	content: url(/common/images/link_icon_01.svg);
	margin-left: 10px;
}
.link:hover {
	color: white;
	background-color: hsl(209, 98%, 30%);
}

/* link - style 1 */
.link.link-style-1,
.link.link-style-2 {
	min-height: auto;
	padding: 0.375rem .5rem;
	margin: 0 2px;

	border-radius: .25rem;
	border: solid 1px #D3D5DB;
	background-color: #fff;
	box-shadow: 0px 0px 2px rgb(44 45 46 / 20%);

	color: #2C2D2E;
	font-size: 14px;
	letter-spacing: -0.05rem;

	line-height: 1.2;
}
.link.link-style-1::after,
.link.link-style-2::after {
	content: '\f470';

	display: inline-block;
	font-display: block;
	font-family: bootstrap-icons !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: -0.125em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	margin-left: 8px;
	padding-left: 4px;
	border-left: solid 1px #D3D5DB;
}
.link.link-style-1:hover,
.link.link-style-2:hover {
	color: #fff;
	background-color: #3961B2;
	border-color: #3961B2;
	box-shadow: none;
}

/* link - style 2 */
.link.link-style-2::after {
	content: '\F52A';
	padding-left: 6px;
}

/********** 테이블 **********/

.table-box .table-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: .5rem;
}

.table-box .table-header .form-row,
.table-box .table-header .header-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.table-box .table-header select.form-control {
  width: auto;
}

@media(max-width: 768px) {
	.table-box .table-header .form-row:not(:last-child),
	.table-box .table-header .header-item:not(:last-child) {
		margin-bottom: .5rem;
	}
}

.table-box .text-total {
	color: #025BB1;
	font-size: 112%;
	padding-right: 2px;
	font-weight: 700;
	line-height: 1;
}

.table {
  color: #2C2D2E;
  margin-bottom: 0;
	border-top: 2px solid #0055B5;
	font-size: 16px;
}
.table.align-middle th,
.table.align-middle td {
  vertical-align: middle;

}
.table caption {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}
.table td,
.table th {
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
  vertical-align: middle;
}

.table th {
  font-weight: 700;
	white-space: nowrap;
	background-color: #F4F7FA;
	border-right: 1px solid #E0E5EB;
}
.table-box.board tbody th {
	background-color: #fff;
}

.table th:last-child {
	border-right: none;
}
.table thead {
	border-bottom: 1px solid #E0E5EB;
}
.table thead th {
	position: relative;
	padding-top: 15px;
	padding-bottom: 15px;
}
/*
.table thead th:not(:last-child)::before {
	content: "";
	position: absolute;
	top: 27.5px;
	right: 0;
	transform: translateY(-50%);
	display: block;
	width: 1px;
	height: 20px;
	background-color: #E0E5EB;
}
 */
.table tbody th {
	border-top: none;
	border-right: 1px solid #E0E5EB;
	border-bottom: 1px solid #E0E5EB;
	line-height: normal;
}

.table td {
	padding: 5px 12px;
  border-top: none;
	border-right: 1px solid #E0E5EB;
  border-bottom: 1px solid #E0E5EB;
	color: #555;
	line-height: 1.3;
}
.table td:last-child {
	border-right: none;
}
.table td b {
	font-weight: 500;
}

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, .065);
}

.table .edit-btn img {
  margin-right: 0;
}

.table .btn {
  padding: 3px 10px;
	margin: 2px 0;
	font-size: 15px;
}

.table .form-row {
	justify-content: center;
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
	background-color: #F5F6F8;
}

/* table-bordered */
.bootstrap-table .fixed-table-container.fixed-height .fixed-table-border {
	border-left: none;
	border-right: none;
}
.table-bordered {
	border-left-color: #fff;
	border-right-color: #fff;
}
.table-bordered td, .table-bordered th {
	border-left-color: #fff;
	border-bottom: 1px solid #E0E5EB;
	border-right: 1px solid #E0E5EB;
}

/* Pagination Box */
.pagination-box {
  margin-top: 20px;
}
.pagination {
  justify-content: center;
}
.pagination .page-item.page-info {
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.pagination .page-link {
  height: 100%;
  padding: 7px 14px;
	color: #7B7F8B;
	border-color: #D3D5DB;
}
.pagination .page-item.prev .page-link,
.pagination .page-item.next .page-link,
.pagination .page-item.first .page-link,
.pagination .page-item.last .page-link {
  display: block;
	padding: 7px 10px;
}
.pagination .page-item.first .page-link,
.pagination .page-item.last .page-link {
  padding-left: 11px;
  padding-right: 11px;
}

.pagination .page-item.prev .page-link::before,
.pagination .page-item.next .page-link::before,
.pagination .page-item.first .page-link::before,
.pagination .page-item.last .page-link::before {
	content: '';
	display: inline-block;
	font-display: block;
	font-family: bootstrap-icons !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: -0.125em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.pagination .page-item.prev .page-link::before {
  content: '\F284';
}
.pagination .page-item.next .page-link::before {
  content: '\F285';
}
.pagination .page-item.first .page-link::before {
  content: '\F27F';
}
.pagination .page-item.last .page-link::before {
  content: '\F280';
}

.pagination .page-item:not(.first):not(.prev):not(.next):not(.last):not(.page-info) {
  display: none;
}

.page-item.active .page-link {
  border-color: #0055B4;
  background-color: #0361CB;
}

.page-link:focus {
  box-shadow: 0 0 0 0.2rem rgba(3, 97, 203, .25);
}

@media (min-width: 420px) {
  .pagination .page-item.page-info {
    display: none !important;
  }
  .pagination .page-item:not(.first):not(.prev):not(.next):not(.last):not(.page-info) {
    display: list-item;
  }
}

/* Button Box */
.table-box .btn-box {
  margin-top: 20px;
  text-align: right;
}
.table-box .btn-box .btn {
  margin-left: 3px;
}

/********** 반응형 테이블 **********/

.b-table-box {
	margin-bottom: 1.25rem;
	border: 1px solid #E0E5EB;
	/*border-left: none;*/
	border-bottom: none;
}
.b-table-box .b-row-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
			flex-wrap: wrap;
}
.b-table-box .b-row-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
			-ms-flex: 0 0 100%;
					flex: 0 0 100%;
	max-width: 100%;
	min-height: 36px;
	border-bottom: 1px solid #E0E5EB;
}
.b-table-box .b-title-box {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
			-ms-flex-align: center;
					align-items: center;
	-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	-webkit-box-flex: 0;
			-ms-flex: 0 0 120px;
					flex: 0 0 120px;
	max-width: 120px;
	padding: 6px;
	-webkit-box-sizing: border-box;
					box-sizing: border-box;

	border-left: 1px solid #E0E5EB;
	border-right: 1px solid #E0E5EB;
	background: #F4F7FA;
	color: #2C2D2E;
	font-weight: 700;
	text-align: center;
	-webkit-box-pack: center;
			-ms-flex-pack: center;
					justify-content: center;
}
.b-table-box .b-title-box label {
	margin-bottom:0;
	line-height: 1.4;
	font-weight: 700;
}
.b-table-box .b-title-box label.req::before,
label.req::before,
th.req nobr::before {
content: "*";
display: inline-block;
	width: 10px;
	margin-right: 2px;
	font-weight: 700;
	font-size: 14px;
	color: #ff0000;
}
.b-table-box .b-con-box {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	-webkit-box-align: center;
			-ms-flex-align: center;
					align-items: center;
	width: 100%;
	padding: 7px 10px;
	font-size: 16px;
}
.b-table-box .b-con-box.text-left   { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.b-table-box .b-con-box.text-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.b-table-box .b-con-box.text-right  { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.b-table-box .form-group {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-right: 0;
	align-items: center;
}
.b-table-box .form-group:last-child {
	margin-bottom: 0;
}
.b-table-box .form-group-inline {
	margin-right: 5px;
	width: auto;
}

.b-table-box .form-control,
.b-table-box .w2inputCalendar_div,
.b-table-box .w2spinner,
.b-table-box .btn {
	margin-top: 3px;
	margin-bottom: 3px;
}

.b-table-box .input-group .form-control,
.b-table-box .input-group .btn {
	margin-top: 0;
	margin-bottom: 0;
}

.b-table-box .form-w-auto,
.b-table-box .form-w-xs,
.b-table-box .form-w-sm,
.b-table-box .form-w-md,
.b-table-box .form-w-lg,
.b-table-box .form-w-xl {
	width: 100%
}

.b-table-box .b-con-box .form-row {
	width: 100%;
}

.b-table-box .b-con-box .row {
	margin-right: -2px;
	margin-left: -2px;
}
.b-table-box .b-con-box .row [class^="col-"] {
    padding-right: 2px;
    padding-left: 2px;
}
@media (min-width: 768px) {
.b-table-box .form-group {
	 margin-right: 5px;
}

	.b-table-box .b-row-item {
			-webkit-box-flex: 0;
					-ms-flex: 0 0 50%;
							flex: 0 0 50%;
			max-width: 50%;
	}

	/* 1단 테이블 */
	.flex-col-1 .b-row-item {
			-webkit-box-flex: 0;
					-ms-flex: 0 0 100%;
							flex: 0 0 100%;
			max-width: 100%;
	}

	/* 2단 테이블 */
	.b-table-box .b-row-item.merge-2,
	.flex-col-2 .b-row-item.merge-2 {
			-webkit-box-flex: 0;
					-ms-flex: 0 0 100%;
							flex: 0 0 100%;
			max-width: 100%;
	}

	/* 3단 테이블 */
	.flex-col-3 .b-row-item:last-child,
	.flex-col-3 .b-row-item.merge-2,
	.flex-col-3 .b-row-item.merge-prev {
			-webkit-box-flex: 0;
					-ms-flex: 0 0 100%;
							flex: 0 0 100%;
			max-width: 100%;
	}

	/* 4단 테이블 */
	.flex-col-4 .b-row-item.merge-2,
	.flex-col-4 .b-row-item.merge-3,
	.flex-col-4 .b-row-item.merge-4,
	.flex-col-4 .b-row-item.merge-prev,
	.flex-col-4 .b-row-item.merge-next,
	.flex-col-4 .b-row-item.merge-3 + .b-row-item {
			-webkit-box-flex: 0;
					-ms-flex: 0 0 100%;
							flex: 0 0 100%;
			max-width: 100%;
	}

	/* 5단 테이블 */
	.flex-col-5 .b-row-item:last-child,
	.flex-col-5 .b-row-item.merge-prev,
	.flex-col-5 .b-row-item.merge-next:nth-child(4),
	.flex-col-5 .b-row-item.merge-3,
	.flex-col-5 .b-row-item.merge-3 + .merge-next,
	.flex-col-5 .b-row-item.merge-4 {
			-webkit-box-flex: 0;
					-ms-flex: 0 0 100%;
							flex: 0 0 100%;
			max-width: 100%;
	}
	.flex-col-5 .b-row-item.merge-prev:nth-child(2),
	.flex-col-5 .b-row-item.merge-next,
	.flex-col-5 .b-row-item.merge-next + .b-row-item,
	.flex-col-5 .b-row-item.merge-3 + .b-row-item + .b-row-item {
			-webkit-box-flex: 0;
					-ms-flex: 0 0 50%;
							flex: 0 0 50%;
			max-width: 50%;
	}

	.b-table-box .form-w-auto { width: auto }
	.b-table-box .form-w-xs { width: 30px; }
	.b-table-box .form-w-sm { width: 60px; }
	.b-table-box .form-w-md { width: 90px; }
	.b-table-box .form-w-lg { width: 110px; }
	.b-table-box .form-w-xl { width: 140px; }
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {

}

@media (min-width: 1400px) {
	.b-table-box .b-row-item {
		 min-height: 44px;
	}
	/* .b-table-box .b-title-box {
			padding: 0.5rem;
	}
	.b-table-box .b-con-box {
			padding: 0.5rem;
	} */

	.b-table-box.small .b-title-box {
			padding: 0.25rem 8px 0.25rem 0.25rem;
	}
	.b-table-box.small .b-con-box {
			padding: 0.25rem;
	}

	/* 3단 테이블 */
	.flex-col-3 .b-row-item,
	.flex-col-3 .b-row-item:last-child,
	.flex-col-3 .b-row-item.merge-prev {
			-webkit-box-flex: 0;
					-ms-flex: 0 0 33.333333%;
							flex: 0 0 33.333333%;
			max-width: 33.333333%;
	}
	.flex-col-3 .b-row-item.merge-2 {
			-webkit-box-flex: 0;
					-ms-flex: 0 0 66.666666%;
							flex: 0 0 66.666666%;
			max-width: 66.666666%
	}
	.flex-col-3 .b-row-item.merge-3 {
			-webkit-box-flex: 0;
					-ms-flex: 0 0 100%;
							flex: 0 0 100%;
			max-width: 100%
	}
}

@media (min-width: 1600px) {
	/* 4단 테이블 */
	.flex-col-4 .b-row-item,
	.flex-col-4 .b-row-item.merge-prev,
	.flex-col-4 .b-row-item.merge-next,
	.flex-col-4 .b-row-item.merge-3 + .b-row-item {
			-webkit-box-flex: 0;
					-ms-flex: 0 0 25%;
							flex: 0 0 25%;
			max-width: 25%;
	}
	.flex-col-4 .b-row-item.merge-2 {
			-webkit-box-flex: 0;
					-ms-flex: 0 0 50%;
							flex: 0 0 50%;
			max-width: 50%;
	}
	.flex-col-4 .b-row-item.merge-3 {
			-webkit-box-flex: 0;
					-ms-flex: 0 0 75%;
							flex: 0 0 75%;
			max-width: 75%;
	}

	/* 5단 테이블 */
	.flex-col-5 .b-row-item,
	.flex-col-5 .b-row-item.merge-prev.merge-3-prev {
			-webkit-box-flex: 0;
					-ms-flex: 0 0 25%;
							flex: 0 0 25%;
			max-width: 25%;
	}
	.flex-col-5 .b-row-item:last-child {
			-webkit-box-flex: 0;
					-ms-flex: 0 0 100%;
							flex: 0 0 100%;
			max-width: 100%;
	}
	.flex-col-5 .b-row-item.merge-2,
	.flex-col-5 .b-row-item.merge-prev,
	.flex-col-5 .b-row-item.merge-next:nth-child(4) {
			-webkit-box-flex: 0;
					-ms-flex: 0 0 50%;
							flex: 0 0 50%;
			max-width: 50%;
	}
	.flex-col-5 .b-row-item.merge-2:last-child,
	.flex-col-5 .b-row-item.merge-3 + .b-row-item + .b-row-item,
	.flex-col-5 .b-row-item.merge-3:last-child,
	.flex-col-5 .b-row-item.merge-4-prev {
			-webkit-box-flex: 0;
					-ms-flex: 0 0 100%;
							flex: 0 0 100%;
			max-width: 100%;
	}
	.flex-col-5 .b-row-item.merge-prev:nth-child(2),
	.flex-col-5 .b-row-item.merge-3 {
			-webkit-box-flex: 0;
					-ms-flex: 0 0 75%;
							flex: 0 0 75%;
			max-width: 75%;
	}
}

@media (min-width: 1800px) {
/* 5단 테이블 */
	.flex-col-5 .b-row-item,
	.flex-col-5 .b-row-item:last-child,
	.flex-col-5 .b-row-item.merge-prev,
	.flex-col-5 .b-row-item.merge-next,
	.flex-col-5 .b-row-item.merge-next + .b-row-item,
	.flex-col-5 .b-row-item.merge-prev:nth-child(2),
	.flex-col-5 .b-row-item.merge-next:nth-child(4),
	.flex-col-5 .b-row-item.merge-3 + .b-row-item + .b-row-item,
	.flex-col-5 .b-row-item.merge-3 + .merge-next,
	.flex-col-5 .b-row-item.merge-prev.merge-3-prev {
			-webkit-box-flex: 0;
					-ms-flex: 0 0 20%;
							flex: 0 0 20%;
			max-width: 20%;
	}
	.flex-col-5 .b-row-item.merge-2,
	.flex-col-5 .b-row-item.merge-2:last-child {
			-webkit-box-flex: 0;
					-ms-flex: 0 0 40%;
							flex: 0 0 40%;
			max-width: 40%;
	}
	.flex-col-5 .b-row-item.merge-3,
	.flex-col-5 .b-row-item.merge-3:last-child {
			-webkit-box-flex: 0;
					-ms-flex: 0 0 60%;
							flex: 0 0 60%;
			max-width: 60%;
	}
	.flex-col-5 .b-row-item.merge-4 {
			-webkit-box-flex: 0;
					-ms-flex: 0 0 80%;
							flex: 0 0 80%;
			max-width: 80%;
	}
	.flex-col-5 .b-row-item.merge-5 {
			-webkit-box-flex: 0;
					-ms-flex: 0 0 100%;
							flex: 0 0 100%;
			max-width: 100%;
	}
}

/********** 검색 영역 **********/

.search-box {
	margin-bottom: 25px;
}
.search-box .b-table-box {
	border-bottom: 2px solid #4A4C4E;
}
.search-box .btn-box .form-row {
	justify-content: flex-end;
}
.search-box .btn-box .btn {
	padding: 9px 15px 8px;
	margin-bottom: 5px;
	min-width: 120px;
	min-height: 40px;
	border: none;
	color: white;
	font-size: 15px;
}

.search-box .btn-box .search-btn {
	background-color: #3961B2;
}
.search-box .btn-box .search-btn:hover {
	background-color: hsl(212, 95%, 19%);
}
.search-box .btn-box .print-btn {
	background-color: #009A54;
}
.search-box .btn-box .print-btn:hover {
	background-color: hsl(153, 100%, 25%);
}

.search-box .btn-box .btn.search-btn.focus,
.search-box .btn-box .btn.search-btn:focus {
	box-shadow: 0 0 0 0.2rem rgba(3, 57, 117, .25);
}
.search-box .btn-box .btn.print-btn.focus,
.search-box .btn-box .btn.print-btn:focus {
	box-shadow: 0 0 0 0.2rem rgba(0, 154, 84, .25);
}

/********** 아코디언 **********/
.accordion [data-toggle="collapse"] {
	position: relative;
	padding-right: 2rem;
	padding-left: 0;
}
.accordion [data-toggle="collapse"]::after {
	content: "";
	position: absolute;
	top: 5px;
	right: 5px;
	display: block;
	width: 30px;
	height: 30px;
	background: url(/common/images/chevron_down.svg) no-repeat center;
	transform: rotate(0deg);
	transition: transform .2s ease-in-out;
}
.accordion [data-toggle="collapse"]:hover {
	color: #0056b3;
}
.accordion [data-toggle="collapse"][aria-expanded="true"]::after {
	transform: translateY(-50%) rotate(-180deg);
}

/********** 탭 **********/
.nav-pills {
	margin-bottom:1rem;
}
.nav-pills .nav-item {
	margin-right:0.5rem;
	margin-bottom: 5px;
}
.nav-pills .nav-link {
	background-color: #DADDE3;
	color:#71757F;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #3961B2;
}

/* tab-02 */
.nav-tabs {
	margin-bottom:1rem;
}
.nav-tabs .nav-item {
}
.nav-tabs .nav-link {
	background-color: transparent;
}
.nav-tabs .nav-link.active, .nav-tabs .show>.nav-link {
}


/********** flow-list **********/
.flow-list {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0;
    background-color: #F4F7FA;
}
.flow-list > li {
		position: relative;
		-ms-flex: 0 0 100%;

		flex: 0 0 100%;
		max-width: 100%;
		list-style: none;
		counter-increment: count;
		border-bottom: 1px dotted #D3D5DB;
		padding: 0 15px;
		margin: 0;
}
.flow-list > li:first-child {}
.flow-list > li:after {
		content: '\F282';
		position: absolute;
		top: 0;
		left: 50%;
		transform: translate(-50%, -20px);

		z-index: 1;

		display: inline-flex;
		align-items: center;
		justify-content: center;

		width: 40px;
		height: 40px;
		border-radius: 50%;

		text-align: center;
		font-family: 'bootstrap-icons';
		font-size: 20px;
		font-weight: 800;
		color: #A2AAB5;
		background: #fff;
}
.flow-list > li:first-child:after {
		display: none;
}
.flow-list > li .txt-box {
		list-style: none;
		position: relative;
		box-sizing: border-box;
		color: #7B7F8B;
		word-break: keep-all;
		margin: 1.5rem 0;
		font-weight: 300;
		font-size: .875rem;
}
.flow-list > li .txt-box strong {
		display: block;
		font-weight: 600;
		color: #025bb1;
		margin-bottom: 5px;
		font-size: 1rem;
}
.flow-list > li .txt-box.type01:before {
		display: none;
}
.flow-list > li .txt-box.type01 .step {
		position: absolute;
		width: 2rem;
		top: 0;
		left: 0;
		word-break: normal;
		color: #1364ba;
		font-size: 1rem;
}

@media (min-width: 768px) {
	.flow-list > li {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		padding: 0;
	}
	.flow-list > li:after {
		content:'\F285';
		top: 50%;
		left: 0;
		transform: translate(-20px, -50%);
	}
	.flow-list > li:last-child .txt-box::after,
	.flow-list > li:nth-child(2n+1):after {display: none;}

	.flow-list > li .txt-box {
		padding: 32px 32px;
		height: 100%;
		margin: 0;
		font-size: .9375rem;
	}
	.flow-list > li .txt-box strong {
		font-size: 1rem;
	}
	.flow-list > li .txt-box:after {
		content:'';
		position: absolute;
		display:inline-flex;
		width: 1px;
		height: 70%;
		top: 50%;
		transform: translateY(-50%);
		right: 0;
		background: #D3D5DB;
	}

	.flow-list > li:nth-child(2n):before {display: none}
	.flow-list > li:nth-child(2n) .txt-box:after {display:none;}

	.flow-list > li.disabled .txt-box {color: #A2AAB5;}
	.flow-list > li.disabled .txt-box strong {color: #7B7F8B;}
}

@media (min-width: 992px) {
	.flow-list > li:nth-child(2n+1):after {display: inline-flex;}
	.flow-list > li:nth-child(2n):before {display: inline-flex;}
	.flow-list > li:nth-child(2n) .txt-box:after {display:inline-flex;}

	.flow-list.item-2-col > li {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
	.flow-list.item-2-col > li:nth-child(2n+1):after {display: none;}
	.flow-list.item-2-col > li:nth-child(2n) .txt-box:after {display:none;}

	.flow-list.item-3-col > li {-ms-flex: 0 0 33.3%; flex: 0 0 33.3%; max-width: 33.3%;}
	.flow-list.item-3-col > li:nth-child(3n):before {display: none;}
	.flow-list.item-3-col > li:nth-child(3n+1):after {display: none;}
	.flow-list.item-3-col > li:nth-child(3n) .txt-box:after {display:none;}

	.flow-list.item-4-col > li {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
	.flow-list.item-4-col > li:nth-child(4n):before {display: none;}
	.flow-list.item-4-col > li:nth-child(4n+1):after {display: none;}
	.flow-list.item-4-col > li:nth-child(4n) .txt-box:after {display:none;}

	.flow-list.item-5-col > li {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
	.flow-list.item-5-col > li:nth-child(5n):before {display: none;}
	.flow-list.item-5-col > li:nth-child(5n+1):after {display: none;}
	.flow-list.item-5-col > li:nth-child(5n) .txt-box:after {display:none;}
}


/**********  Popup  **********/
.popup-attach {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 0 0 10px;
    border-bottom: 1px solid #D3D5DB;
}
.popup-attach .attach-label {
    flex-wrap: nowrap;
    align-items: center;
    margin-right: 20px;
    padding-left: 10px;
    font-weight: 600;
}
.popup-attach .attach-list {
    margin: 0;
    padding: 10px 20px;
    border-left: 1px solid #dedede;
}
.popup-attach .attach-list > li {}
.popup-attach .attach-list > li > a {
    position: relative;
    display: block;
		font-size: .875rem;
    padding-left: 1.25rem;
}
.popup-attach .attach-list > li > a:after {
	content:'';
	position: absolute;
	top: 3px;
	left: 0;

	content: '\F4B3';
	display: inline-block;
	font-family: bootstrap-icons !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: -0.125em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	color: #bfbfbf;
	transform: rotate(45deg);
}

.modal .contents-body {
    max-height: 200px;
    overflow: auto;
    font-size: 15px;
    padding: 15px 5px;
}
@media (min-width: 992px) {
	.modal .contents-body {
	    max-height: 460px;
	}
}

/* 통합검색 */
.container-search .sec-3 {}
.container-search .sec-3 header {justify-content: flex-start;}
.container-search .sec-3 header .sec-title {margin-right: 10px;/* font-size: 27px; */}
.container-search .sec-3 header .header-item {}
.container-search .sec-3 header .header-item .text-total {
    color: #025BB1;
    font-family: "prometo", sans-serif;
    font-size: 20px;
    font-weight: 500;
}
.container-search .message-box .message-box-inner {
	padding:25px 16px;
}
.container-search .message-box .input-group {
	max-width: 500px;
	margin: 0 auto;
}
.container-search .message-box .input-group .form-control {height: 40px;}
.search-ment {font-size: 22px;text-align: center;margin: 30px 0 30px;}
.search-list {
	padding: 0;
}
.search-list li {
	margin-top: 30px;
}
.search-list li:first-child {
	margin-top: 0;
}
.search-list li h4 {
	font-size: 19px;
	margin-bottom: 5px;
text-decoration: underline;}
.search-list li p {
	font-size: 15px;
	margin-bottom: 3px;
	color: #7c7c7c;
}
.search-list li .search-link {
	display: block;
	color: #356aa5;
	font-size: 14px;
}
.search-list li .search-link:hover,
.search-list li .search-link:focus {
	text-decoration: underline;
}
.search-list li a .bi {
	font-size: 13px;
	margin-right: 3px;
}

/*#################### 게시판 ####################*/

/*.non-page.table-board {
	margin-top: 0.5rem;
	padding-top: 1rem;
	border-top: 2px solid #4E4F52;

  border-bottom: 1px solid #D3D5DB;
}*/
.non-page.table-board h3 {
	text-align: center;
	padding: 180px 0 4rem;
	margin: 8rem 0 2rem;
	background: url(/common/images/msg-img02.png) no-repeat center top;
	background-size: 220px;
}


/********** 목록 **********/
.table-board {}
.table-board tbody th, .table-board tbody td {
	padding: 8px 12px;
}
.table-board tbody td a {
    display: inline-block;
}
.table-board tbody td img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 6px;
}

/********** 게시판 상세  **********/
.board-view {
	margin-top: .5rem;
	padding-top: 1rem;
	border-top: 2px solid #4E4F52;
}
.board-view .board-view-title {
	border-bottom: 1px solid #D3D5DB;
	padding: 0 0 1.5rem;
}
.board-view .board-view-title .tit-h2 {
	line-height: 1.3;
	word-break: keep-all;
}

/* board-info */
.board-view .board-info {
	font-size: 0.875rem;
	margin-bottom: 0;
	margin-top: 1rem;
	margin-left: 0;
	padding-left: 0;

	display: flex;
	align-items: center;
	flex-wrap: wrap
}
.board-view .board-info li {
	color: #666;
	margin-right: 1rem;
}
.board-view .board-info li:first-child {
	margin-left: 0;
	padding-left: 0;
}
@media(min-width: 768px) {
	.board-view .board-info li {
		position: relative;
		margin-right: .5rem;
		padding-left: .5rem;
	}
	.board-view .board-info li:after {
		content: '';
		display: inline-block;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 1px;
		height: 14px;
		background-color: #C7CFD9;
	}
	.board-view .board-info li:first-child:after {
		display: none;
	}
}
.board-view .board-info li .bi {
	font-size: 1rem;
	color: #95A6BC;
	margin-right: 0.2rem;
	line-height: 1;
}


.board-view .board-view-files {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	border-bottom: 1px solid #D3D5DB;
	padding: 0.75rem 0;
}
.board-view .board-view-files h5 {
	color: #666;
	font-size: 1rem;
	margin-top: 0;

	display: none;
}
.board-view .board-view-files ul {
	margin: 0;
	padding: 0;
}
.board-view .board-view-files ul>li {
	position: relative;
}
.board-view .board-view-files ul>li>a {
	font-size: 0.875rem;
	letter-spacing: -0.05rem;
	padding-left: 1.25rem;
	position: relative;
}
.board-view .board-view-files ul>li>a:after {
	position: absolute;
	top: 3px;
	left: 0;

	content: '\F4B3';
	display: inline-block;
	font-family: bootstrap-icons !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: -0.125em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	color: #bfbfbf;
	transform: rotate(45deg);
}
.board-view .board-view-files ul>li>a:hover, .board-view .board-view-files ul>li>a:focus {
	text-decoration: none;
}
.board-view .board-view-files ul>li>a:hover:after, .board-view .board-view-files ul>li>a:focus:after {
	color: #0056b3;
}

@media(min-width: 768px) {
	.board-view .board-view-files h5 {
		display: block;
	}
	.board-view .board-view-files ul {
		border-left: 1px solid #D3D5DB;
		padding-left: 1rem;
		margin-left: 2rem;
	}
	.board-view .board-view-files ul>li > a {
		position: relative;
	}
}

.board-view .board-view-cont {
	padding: 2rem 0.5rem 3rem;
}
.board-view .board-view-cont img {
	max-width: 100%;
}
.board-view .video-wrapper {
	width: 100%;
	text-align: center;
	background-color: #000;
}
.board-view .video-wrapper iframe {
	width: 345px;
	height: 194px;
	max-width: 100%;
}

/* pager */
.pager {
	margin-bottom: 2rem;
}
.pager .pager-navi {
	display: block;
	font-weight: 600;
	color: #124fb6;
	margin-bottom: .25rem;
}
.pager .pager-navi .bi::before {
	font-weight: bolder;
}
.pager .next {
	text-align: right;
}
.pager .pager-title {
	display: inline-block;
	padding: 0 0.125rem;
}
.pager .prev a, .pager .next a {
	font-size: 0.875rem;
	display: block;
}
.pager a:hover .pager-title, .pager a:focus .pager-title {
	text-decoration: underline;
	color: #000;
}

/* comment */
.board-comment {
	/* margin-bottom: 1rem; */
}
.board-comment h3 {
	background: none;
	padding: 0 0 0.6rem 0;
	font-size: 1.5rem;
	color: #555;
	margin-bottom: 0;
	border-bottom: 1px solid #777;
}
.board-comment h3 .badge {
	font-size: 0.8rem;
}
.board-comment .messages {
	border-top: 1px dotted #bfbfbf;
	padding-top: 1rem;
}
.board-comment .messages:first-child {
	border-top: none;
	padding-top: 0;
}
.board-comment .messages > .messages {
	position: relative;

	border-top: 1px dotted #bfbfbf;
	border-bottom: none;
	padding-left: 2rem;
	margin-bottom: 1rem;
}
.board-comment .messages > .messages:after {
	content: '';

	position: absolute;
	left: 1.3rem;
	top: 1.5rem;
	width: 0.65rem;
	height: 0.7rem;
	border-left: 1px solid #b1b1b1;
	border-bottom: 1px solid #b1b1b1;
}
.board-comment .messages .heading {
	font-size: .875rem;
	font-weight: 500;
	margin-bottom: 0.6rem;
}
.board-comment .messages .heading .date {
	font-weight: 200;
	color: #7B7F8B;
	margin-left: 0.2rem;
	font-size: 13px;
}
.board-comment .messages .heading .comment-btn {
	float: right;
	display: inline-block;
}
.board-comment .messages .heading .comment-btn .btn {
	padding: 0 0.1rem;
	background-color: transparent;
	color: #7B7F8B;
}
.board-comment .messages .comment {
	font-size: .875rem;
	letter-spacing: -0.05rem;
	line-height: 1.4;
	margin-bottom: 1rem;
}
.board-bottom {
	border-top: 1px solid #D3D5DB;
	padding-top: 2.5rem;
	margin-top: 3rem;
	position: relative;
}
@media(min-width: 768px) {
	.board-comment .messages .heading,
	.board-comment .messages .comment {
		font-size: 1rem;
	}
}

/* card */
.card {
	border-radius: 0;
	border-color: #D3D5DB;
}
.card-header {
	background-color: #F4F7FA;
	border-color: #D3D5DB;
	padding: 0.25rem;
}

/* card-header toggle btn */
.card-header [data-toggle="collapse"] {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.card-header [data-toggle="collapse"]::after {
	content: '\F282';

	display: inline-block;
	font-family: bootstrap-icons !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: -0.125em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.card-header [data-toggle="collapse"][aria-expanded="true"]::after {
	content: '\F286';
}
.card-body {
	padding: 1rem;
}
@media(min-width: 768px) {
	.card-body {
		padding: 1.25rem;
	}
}

/********** FAQ **********/
.accordion.board-faq .card-header,
.accordion.board-faq .card-body {
	padding: 0;
	position: relative;
}
.accordion.board-faq .card-header:before,
.accordion.board-faq .card-body > div:before {
	content:'\F504';

	display: inline-flex;
	align-items: center;
	justify-content: center;

	font-family: bootstrap-icons !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: -0.125em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	position: absolute;
	top: 0;
	left: 0;

	font-size: 1.25rem;
	text-align: center;

	width: 40px;
	height: 100%;
	color: #596680;
}

.accordion.board-faq .card-header [data-toggle="collapse"] {
	padding: .5rem 3rem;
	position: relative;
	color: #404F6D;
}

.accordion.board-faq .card-header [data-toggle="collapse"]:hover,
.accordion.board-faq .card-header [data-toggle="collapse"][aria-expanded="true"] {
	color: #404F6D;
}

.accordion.board-faq .card-body > div {
	position: relative;
	padding: 1rem;
	letter-spacing: -0.05rem;
}
.accordion.board-faq .card-body > div:before {
	content:'\F25B';

	height: auto;
	color: #C9025F;
	background-color: #fff;

	top: 1.125rem;
	align-items: flex-start;
}


.accordion.board-faq .card-header [data-toggle="collapse"],
.accordion.board-faq .card-body > div {
	padding-left: 2.5rem;
}

/********** 웹진 **********/
.board-webzine {
	margin-top: 0.5rem;
	padding: 1rem 0;
	border-top: 2px solid #0055B5;
	border-bottom: 1px solid #D3D5DB;
}
.board-webzine > li {
    border-top: 1px dotted #ccc;
    padding: 2rem 0 0;
    margin-top: 2rem;
}
.board-webzine > li:first-child {
	border-top:none;
	padding-top: 0;
	margin-top: 0.5rem;
}
.board-webzine > li a {
	display:block;
}
.board-webzine > li .thum {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 0;
    padding-bottom: 65%;
    overflow: hidden;
    background: #d5d7dc url(/common/images/logo_gray.svg) no-repeat center center;
    background-size: 30%;
    transition: all 0.5s;
}
.board-webzine > li .thum > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: all .4s ease-in-out;
    object-fit: cover;
}
.board-webzine > li a:hover .thum > img, .board-webzine > li a:focus .thum > img {
	transform: scale(1.1);
}
.board-webzine > li .txt-box {
		padding: 1.4rem 1.3rem;
		background-color: #f7f7f7;
}
.board-webzine > li .txt-box .tit {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 1.4rem;
    line-height: 1.25em;
    font-weight: 500;
    margin-bottom: 0.8rem;
    color: #333;
}
.board-webzine > li a:hover .txt-box .tit, .board-webzine > li a:focus .txt-box .tit {
	color: #1d5595;
}
.board-webzine > li .txt-box .txt {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #777;
}
.board-webzine > li a:hover .txt-box .txt, .board-webzine > li a:focus .txt-box .txt {
	color:#555;
}
.board-webzine > li .txt-box .date {
    font-size: 15px;
    color: #999;
}
.board-webzine > li a:hover .txt-box .date, .board-webzine > li a:focus .txt-box .date {
	color:#666;
}
@media (min-width: 768px) {
		.board-webzine > li a {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-left: -10px;margin-right: -10px;}
		.board-webzine > li .thum-box, .board-webzine > li .txt-box {padding-left:10px;padding-right:10px;}
		.board-webzine > li .thum-box {-webkit-box-flex: 0;-ms-flex: 0 0 30%;flex: 0 0 30%;max-width: 30%;}
		.board-webzine > li .txt-box {-webkit-box-flex: 0;-ms-flex: 0 0 70%;flex: 0 0 70%;max-width: 70%;padding-top: 0;padding-bottom: 0;background: transparent;}
}

/********** 갤러리 **********/
.board-gallery {
	margin-top: .5rem;
	padding-top: 1rem;
	border-top: 2px solid #0055B5;

  border-bottom: 1px solid #D3D5DB;
}
.board-gallery a {
    display: block;
}
.board-gallery .thum {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 0;
    padding-bottom: 55%;
    overflow: hidden;
    background: #d5d7dc url(/common/images/logo_gray.svg) no-repeat center center;
    background-size: 30%;
    transition: all 0.5s;
}
.board-gallery .thum > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: all .4s ease-in-out;
    object-fit: cover;
}
.board-gallery a:hover .thum > img, .board-gallery a:focus .thum > img {
	transform: scale(1.1);
}
.board-gallery .txt-box {
    position: relative;
    min-height: 125px;
    padding: 1.4rem 1.3rem;
    background-color: #f7f7f7;
}
.board-gallery .txt-box .tit {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 18px;
    line-height: 1.25em;
    font-weight: 500;
    height: 45px;
    margin-bottom: 0.8rem;
    color: #333;
}
.board-gallery a:hover .txt-box .tit, .board-gallery a:focus .txt-box .tit {
    color: #1d5595;
}
.board-gallery .txt-box .date {
    position: absolute;
    left: 1.3rem;
    bottom: 1.4rem;
    font-size: 0.9rem;
    color: #7B7F8B;
}
.board-gallery a:hover .txt-box .date, .board-gallery a:focus .txt-box .date {
    color: #333;
}

/********** 글쓰기 **********/
.board.write {
	margin-top: 0.5rem;
	padding-top: 1rem;
	border-top: 2px solid #4E4F52;
}
.board.write .card,
.board.write .card-header,
.board.write .card-body,
.board.write .card-footer {
	border: none;
	padding: 0;
	background-color: transparent;
}
.board.write .card-footer .board-bottom {
	margin-top: 1rem;
	padding-top: 1.5rem;
}
.board.write textarea.form-control {
	height: 120px;
}
@media(min-width: 768px) {
	.board.write textarea.form-control {
		height: 160px;
	}
}

/********** 첨부파일 **********/
.attach .drop-zone {
	display: flex;
	align-items: center;
	justify-content: center;

	height: 80px;
	background-color: #F4F7FA;
	text-align: center;
	overflow-y: scroll;

	margin-bottom: .5rem;
}

/* non-info */
.attach .drop-zone .non-info {
	margin-bottom: 0;
	color: #999;
	font-size: 14px;
	position: relative;
	padding: 24px 0 0;
}
.attach .drop-zone .non-info::before {
	content: '\F14E';

	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	display: inline-block;
	font-family: bootstrap-icons !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: -0.125em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* attached-files */
.attach.attached .drop-zone {
	display : block;
	text-align: left;
	padding: 0.5rem;
	height: 120px;
}
.attach.attached .drop-zone .non-info {
	display:none;
}
.attach.attached .drop-zone p:not(.non-info) {
	font-size: .875rem;
	letter-spacing: -0.05rem;
	line-height: 1.2;
	margin-bottom: .5rem;
}

.attach .attach-btn {
	display: block;
}
.attach .attach-btn .btn-text {
	font-size: 14px;
	position: relative;
	padding-left: 24px;

	display: inline-flex;
	align-items: center;
}
.attach .attach-btn .btn-text::before {
	content: '\F603';

	position: absolute;
	top: auto;
	left: 0;
	display: inline-block;
	font-family: bootstrap-icons !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: -0.125em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
@media(min-width: 768px) {
	.attach {
		display: flex;
		justify-content: space-between;
	}
	.attach .drop-zone {
		flex: 0 0 calc(100% - 120px - 15px);
		margin-bottom: 0;
	}
	.attach .attach-btn {
		width: 120px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.attach .attach-btn .btn-text {
		padding: 32px 0 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.attach .attach-btn .btn-text::before {
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	.attach .drop-zone {
    height: 120px;
	}
	.attach.attached .drop-zone p:not(.non-info) {
		font-size: .9375rem;
	}
	.attach .drop-zone .non-info::before,
	.attach .attach-btn .btn-text::before {
		font-size: 1.5rem;
	}
}

.attach .drop-zone .attach-list {
	display: none;
}

.attach.attached .drop-zone .attach-list {
	padding: 0;
	margin: 0;
	display: block;
}
.attach.attached .drop-zone .attach-list > li {
	position: relative;
	padding: 0;
	border-bottom: 1px dashed #dcdcdc;
	text-align: left;

	display: flex;
	align-items: center;
	justify-content: space-between;
}
.attach.attached .drop-zone .attach-list > li:hover, .attach.attached .drop-zone .attach-list > li:focus {
    background: #e8e9eb;
}
.attach.attached .drop-zone .attach-list > li a {
	flex: 1 0 calc(100% - 72px);
	max-width: calc(100% - 72px);
	display: inline-flex;
	flex-wrap: wrap;

	font-size: 14px;
	line-height: 1.2;

	padding: .375rem 0;
}
.attach.attached .drop-zone .attach-list > li a .attach-name {
	margin-right: .25rem;
}
.attach.attached .drop-zone .attach-list > li a .attach-size {
	font-size: 93.75%;
	color: #999;
}

.attach.attached .drop-zone .attach-list > li button:first-child {
	color: #249FB2;
}

.attach.attached .drop-zone .attach-list > li button {
	border-color: transparent;
}
.attach.attached .drop-zone .attach-list > li button:hover,
.attach.attached .drop-zone .attach-list > li button:focus {
	background-color: transparent;
}

/*#################### Utilities ####################*/

/* visibility */
.hide {
	display: none;
}

/* text */
.dfn {
	color: #222;
	font-weight: 500;
}

/* form */
.label {
	font-weight: 500;
	margin-bottom: 0.5rem;
}
.label .form-check-label {
	font-weight: 500;
}
.form-check-input {
	margin-top: 0.4rem;
}

.pre {
    display: block;
    background-color: #fff;

    border: 2px solid #E0E5EB;
    border-radius: 0;

    max-height: 200px;
    overflow: hidden;
    overflow-y: auto;
    padding: .5rem;
}

/* spacing */
.px-6 {
	padding-left: 4rem !important;
	padding-right: 4rem !important;
}
.px-10 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.px-20 {
	padding-left: 20px !important;
	padding-right: 20px !important;
}
.px-30 {
	padding-left: 30px !important;
	padding-right: 30px !important;
}
.px-40 {
	padding-left: 40px !important;
	padding-right: 40px !important;
}
.px-50 {
	padding-left: 50px !important;
	padding-right: 50px !important;
}
.px-60 {
	padding-left: 60px !important;
	padding-right: 60px !important;
}
.px-70 {
	padding-left: 70px !important;
	padding-right: 70px !important;
}
.px-80 {
	padding-left: 80px !important;
	padding-right: 80px !important;
}
.px-90 {
	padding-left: 90px !important;
	padding-right: 90px !important;
}
.px-100 {
	padding-left: 100px !important;
	padding-right: 100px !important;
}

/* sizing */
.form-w-xs { width: 30px; }
.form-w-sm { width: 60px; }
.form-w-md { width: 90px; }
.form-w-lg { width: 110px; }
.form-w-xl { width: 140px; }

.w-10 {width: 10% !important;}
.w-15 {width: 15% !important;}
.w-20 {width: 20% !important;}
.w-25 {width: 25% !important;}
.w-30 {width: 30% !important;}
.w-33 {width: 33% !important;}
.w-35 {width: 35% !important;}
.w-40 {width: 40% !important;}
.w-45 {width: 45% !important;}
.w-50 {width: 50% !important;}
.w-55 {width: 55% !important;}
.w-60 {width: 60% !important;}
.w-65 {width: 65% !important;}
.w-70 {width: 70% !important;}
.w-75 {width: 75% !important;}
.w-80 {width: 80% !important;}
.w-85 {width: 85% !important;}

@media (min-width: 576px) {
	.w-sm-10 {
    width: 10% !important;
  }
	.w-sm-15 {
    width: 15% !important;
  }
  .w-sm-20 {
    width: 20% !important;
  }
	.w-sm-25 {
    width: 25% !important;
  }
}
@media (min-width: 768px) {
	.w-md-10 {
    width: 10% !important;
  }

	.w-md-15 {
    width: 15% !important;
  }
  .w-md-20 {
    width: 20% !important;
  }
	.w-md-25 {
    width: 25% !important;
  }
}
@media (min-width: 992px) {
	.w-lg-10 {
    width: 10% !important;
  }
	.w-lg-15 {
    width: 15% !important;
  }
  .w-lg-20 {
    width: 20% !important;
  }
	.w-lg-25 {
    width: 25% !important;
  }
}
@media (min-width: 1200px) {
	.w-xl-10 {
    width: 10% !important;
  }
	.w-xl-15 {
    width: 15% !important;
  }
  .w-xl-20 {
    width: 20% !important;
  }
	.w-xl-25 {
    width: 25% !important;
  }
}