@charset "utf-8";
/* CSS Document */

/* 영역구분 */
#wrap {
	position: relative;
	width: 100%;
	min-width: 1600px;
	margin: 0 auto;
	text-align: center;
	min-height: calc(100vh - 203px);
}

.wrap {
	position: relative;
}

/* 컬러 */
.cb {
	color: #274ba9 !important;
} /* main blue */
.clb1 {
	color: #a2d5ff !important;
} /* light blue */
.clb2 {
	color: #0c82e9 !important;
} /* light blue2 */
.cdb {
	color: rgba(37, 42, 60, 0.9) !important;
} /* dark blue */
.cgb {
	color: #5e697c !important;
} /* gray blue */
.cbg {
	color: #4261ac !important;
} /* blue gray */
.cbb {
	color: #252a3c !important;
} /* blue black */
.cp {
	color: #3262b9 !important;
} /* font point */
.ck {
	color: #000 !important;
} /* black */
.cw {
	color: #fff !important;
} /* white */

/* 타이틀 */
.title {
	font-size: 40px;
	line-height: 50px;
	word-wrap: break-word;
	word-break: keep-all;
	color: #365978;
}

.title.thin, .title .thin {
	font-weight: 100;
}

.title.light, .title .light {
	font-weight: 300;
}

.title.medium, .title .medium {
	font-weight: 500;
}

.title.bold, .title .bold {
	font-weight: 700;
}

.title.black, .title .black {
	font-weight: 900;
}

.title.t1 {
	font-size: 22px;
	line-height: 40px;
}

.title.t2 {
	font-size: 30px;
	line-height: 40px;
}

.title.t2.bar {
	position: relative;
	padding-top: 20px;
}

.title.t2.bar:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	width: 30px;
	height: 5px;
	margin-left: -15px;
	border-radius: 1px;
	background: #0663b2;
}

.title.t3 {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 2.4rem;
}

.title.enter {
	white-space: nowrap;
}

.title.enter span, .title .enter span, .title.enter strong, .title .enter strong
{
	display: block;
}

.disabledTitle {
	/* 글자는 선명하게 보이되, 반투명으로 어둡게 */
	opacity: 0.6;
	/* 회색톤만 남김 */
	filter: grayscale(100%);
	/* 클릭 막기 */
	pointer-events: none;
	/* 금지 커서 */
	cursor: not-allowed;
	/* 텍스트 색상을 약간 더 어둡게(선택 사항) */
	color: #666 !important;
}

/* 텍스트 */
.text {
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	word-wrap: normal;
	word-break: keep-all;
}

.text.word, .text .word {
	word-break: break-all;
}

.text.thin, .text .thin {
	font-weight: 100;
}

.text.light, .text .light {
	font-weight: 300;
}

.text.medium, .text .medium {
	font-weight: 500;
}

.text.bold, .text .bold {
	font-weight: 700;
}

.text.black, .text .black {
	font-weight: 900;
}

.text.huge, .text .huge {
	font-size: 30px;
	line-height: 40px;
}

.text.big, .text .big {
	font-size: 20px;
	line-height: 30px;
}

.text.middle, .text .middle {
	font-size: 18px;
	line-height: 30px;
}

.text.normal, .text .normal {
	font-size: 15px;
	line-height: 25px;
}

.text.small, .text .small {
	font-size: 13px;
	line-height: 25px;
}

.text.tiny, .text .tiny {
	font-size: 12px;
	line-height: 22px;
}

.text img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	margin: 0;
}

.overflow {
	min-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
}

.text.enter, .text .enter {
	white-space: nowrap;
}

.text.enter span, .text .enter span, .text.enter strong, .text .enter strong
{
	display: block;
}

/*감정평가사 의견조회 추가 팝업 타이틀 글씨체 */
.cs_wrap_ad .cs_title .cs {
	vertical-align: middle;
	margin-left: 3px;
	font-size: 17px;
	font-weight: 700;
	color: #222326;
	line-height: 40px;
	letter-spacing: -0.5px;
}

.cs_wrap_ad .cs_ad {
	font-size: 14px;
	font-weight: 500;
	margin-top: 8px;
	color: #47A363;
}

.first_bk tr th:first-child {
	background: #f7f7f7 !important;
	font-weight: 700;
	color: #0663b2 !important;
}

.c_table .c_info {
	text-align: center;
}

.c_table .c_tr2 {
	text-align: right;
}

.f_review {
	flex-direction: row;
	gap: 30px;
	width: 100%;
	min-height: 70px;
	background-color: #F8F8F8;
	padding: 20px 50px;
	border-radius: 20px;
}

#contents .c_table table thead .t_review th:nth-of-type(1) {
	width: 200px;
}

#contents .c_table table thead .t_review th:nth-of-type(2), #contents .c_table table thead .t_review th:nth-of-type(3)
{
	width: 100px;
}

.c_plus {
	color: #636363;
	float: left;
}

.c_plus:before {
	content: "";
	display: inline-block;
	vertical-align: -4px;
	width: 20px;
	height: 20px;
	background-image: url(../images/common/icon_btn.svg);
	background-repeat: no-repeat;
	background-position: left -100px;
	background-size: 300% auto;
}

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

.c_btn {
	width: 180px;
	display: flex;
	justify-content: space-between;
}

.rd_end {
	margin: 20px 0px;
}

.rd_end ul {
	display: flex;
	justify-content: center;
}

.rd_end ul .rd_btn1 {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	min-width: 180px;
	height: 40px;
	padding: 0px 15px;
	border: #252a3c solid 1px;
	border-radius: 3px;
	background-color: #fff;
	font-size: 16px;
	font-weight: 500;
	color: #252a3c;
	line-height: 38px;
	letter-spacing: -0.5px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	margin: 0 3px;
	transition: 0.2s;
	-webkit-transition: 0.2s;
}

.rd_end ul .rd_btn1:hover {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	min-width: 180px;
	height: 40px;
	padding: 0px 15px;
	border: #4261ac solid 1px;
	border-radius: 3px;
	background-color: #4261ac;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	line-height: 38px;
	letter-spacing: -0.5px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	margin: 0 3px;
	transition: 0.2s;
	-webkit-transition: 0.2s;
}

.rd_end ul .rd_btn2 {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	min-width: 180px;
	height: 40px;
	padding: 0px 15px;
	border: #4261ac solid 1px;
	border-radius: 3px;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: 500;
	color: #fff !important;
	background-color: #4261ac;
	line-height: 38px;
	letter-spacing: -0.5px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	margin: 0 3px;
	transition: 0.2s;
	-webkit-transition: 0.2s;
}

/* 서식 */
.template {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	text-align: left;
	word-wrap: normal;
	word-break: keep-all;
}

.template>h4 {
	display: block;
	position: relative;
	width: auto;
	margin-top: 30px;
	padding-left: 20px;
	font-size: 20px;
	font-weight: 500;
	color: #222326;
	line-height: 30px;
}

.template>h4:first-child {
	margin-top: 0;
}

.template>h4:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	left: 0;
	top: 8px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	border: #c79d70 solid 3px;
}

.template>strong {
	display: block;
	position: relative;
	width: auto;
	margin-top: 20px;
	margin-left: 25px;
	font-size: 14px;
	font-family: "Noto Sans KR";
	font-weight: 500;
	color: #222326;
	line-height: 24px;
}

.template>p {
	display: block;
	position: relative;
	width: auto;
	margin-top: 10px;
	margin-left: 25px;
	font-size: 14px;
	font-family: "Noto Sans KR";
	font-weight: 400;
	color: #222326;
	line-height: 24px;
}

.template>.box {
	margin-top: 20px;
	margin-left: 25px;
	padding: 20px 25px;
	border: #e6e6e6 solid 1px;
	background-color: #f9f9f9;
	font-size: 14px;
	font-family: "Noto Sans KR";
	font-weight: 400;
	color: #222326;
	line-height: 24px;
}

.template strong {
	font-weight: 500;
	color: #222326;
}

.template a {
	color: #222326;
}

.template a:hover {
	text-decoration: underline;
	text-decoration-color: rgba(0, 174, 239, 0.7);
}

.template>ul {
	display: block;
	position: relative;
	width: auto;
	margin-top: 10px;
	margin-left: 25px;
	font-size: 14px;
	font-family: "Noto Sans KR";
	font-weight: 400;
	color: #222326;
	line-height: 24px;
}

.template>ul>li {
	position: relative;
	margin: 5px 0;
	padding-left: 10px;
}

.template>ul>li:before {
	content: "";
	position: absolute;
	left: 0px;
	top: 11px;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #999;
}

.template>ul>li>ul {
	display: block;
	position: relative;
	width: auto;
	margin: 5px 15px;
	font-size: 12px;
	font-family: "Noto Sans KR";
	font-weight: 400;
	color: #999;
	line-height: 22px;
}

.template>ul>li>ul>li {
	position: relative;
	padding-left: 10px;
}

.template>ul>li>ul>li:before {
	content: "";
	position: absolute;
	left: 0px;
	top: 11px;
	width: 4px;
	height: 1px;
	background-color: #999;
}

.template>ul>li>p {
	display: block;
	position: relative;
	width: auto;
	margin: 5px 15px;
	padding-left: 10px;
	font-size: 12px;
	font-family: "Noto Sans KR";
	font-weight: 400;
	color: #999;
	line-height: 22px;
}

.template>ul>li>p:before {
	content: "";
	position: absolute;
	left: 0px;
	top: 10px;
	width: 4px;
	height: 1px;
	background-color: #999;
}

.template>.table {
	margin-top: 10px;
	margin-left: 25px;
}

/* 테이블 */
ul.table {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
}

ul.table li {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 100%;
	margin-bottom: 10px;
}

ul.table strong {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
	padding: 10px 0;
	border-top: #9f9f9f solid 1px;
}

ul.table p {
	margin-left: 120px;
	padding: 100px 0;
	border-top: #ececec solid 1px;
}

ul.table.t1 strong {
	width: 150px;
}

ul.table.t1 p {
	margin-left: 170px;
}

div.table table {
	width: 100%;
	border-top: #222326 solid 1px;
}

div.table table tr:first-child th, .table tr:first-child td {
	border-top: none;
}

div.table table th {
	position: relative;
	padding: 15px 20px;
	border-bottom: #9f9f9f solid 1px;
}

div.table table th:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 16px;
	margin-top: -8px;
	background: #ececec;
}

div.table table th:first-child:before {
	display: none;
}

div.table table td {
	padding: 15px 20px;
	border: #ececec solid 1px;
}

div.table table td:first-child {
	border-left: none;
}

div.table table td:last-child {
	border-right: none;
}

/* 스탭 */
.step {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	text-align: center;
}

.step ol {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
}

.step li {
	display: inline;
	float: left;
	position: relative;
}

.step li:before {
	content: "";
	position: absolute;
	right: 50%;
	bottom: 50%;
	width: 100%;
	height: 2px;
	margin-bottom: -1px;
	background-color: #ddd;
}

.step li.start:before {
	display: none;
}

.step .s_wrap {
	position: relative;
	z-index: 9;
	width: 106px;
	height: 106px;
	margin: 0 auto;
	border: #ddd solid 2px;
	border-radius: 100px;
	background-color: #fff;
	font-size: 14px;
	color: #636363;
	letter-spacing: 0px;
	line-height: 20px;
	text-align: center;
}

.step .s_wrap strong {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	margin-top: 25px;
	font-weight: 500;
	font-size: 13px;
	color: #999;
	line-height: 25px;
}

.step .s_wrap span {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
}

.step .s_wrap mark {
	color: #4261ac;
}
/* .step .s_wrap:hover {
    border-color: #4261ac;
    color: #4261ac;
}
.step .s_wrap:hover strong {
    color: #2f2f2f;
} */
.step .s_wrap.on {
	border-color: #4261ac;
	background-color: #4261ac;
	color: #fff;
}

.step .s_wrap.on strong {
	color: #fff;
}

.step .s_wrap.on mark {
	color: #fff;
}

.step.div1 li {
	width: 100%;
}

.step.div2 li {
	width: 50%;
}

.step.div3 li {
	width: 33.333333%;
}

.step.div4 li {
	width: 25%;
}

.step.div5 li {
	width: 20%;
}

.step.div6 li {
	width: 16.666666%;
}

.step.div7 li {
	width: 14.285714%;
}

.step.div8 li {
	width: 12.5%;
}

.step.div9 li {
	width: 11.111111%;
}

.step.div10 li {
	width: 10%;
}

.step.div11 li {
	width: 9.090909%;
}

.step.div12 li {
	width: 8.333333%;
}

/* 탭 */
.tab {
	display: flex;
	vertical-align: middle;
	width: 100%;
	margin-bottom: 30px;
}

.tab ul {
	display: flex;
	vertical-align: middle;
	width: 100%;
}

.tab li {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 100%;
	max-width: 300px;
}

.tab li:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border: #274ba9 solid 1px;
	border-left: none;
	background: #fff;
}

.tab li:first-child:before {
	border-left: #0663b2 solid 1px;
	border-radius: 5px 0 0 5px;
}

.tab li:last-child:before {
	border-radius: 0 5px 5px 0;
}
.tab5 li:last-child:before {
	border-radius: 5px !important;
}

.tab li.on:before {
	border-color: #274ba9;
	background: #274ba9;
}

.tab a, .tab button {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 100%;
	height: 50px;
	overflow: hidden;
	font-size: 16px;
	font-weight: 500;
	color: #222326;
	letter-spacing: -0.5px;
	line-height: 50px;
}

.tab li.on a, .tab li.on button {
	font-weight: 400;
	color: #fff;
}

.tab.div4 ul {
	max-width: 1200px;
}

.tab.div4 li {
	width: 25%;
}

.tab.div3 ul {
	max-width: 900px;
}

.tab.div3 li {
	width: 33.333%;
}

.tab.div2 ul {
	max-width: 600px;
}

.tab.div2 li {
	width: 50%;
}

/* 박스 */
.box {
	position: relative;
	background-color: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.box.t1 {
	padding: 30px;
	border: 20px solid #f9f9f9;
	box-shadow: none;
}

.box.t2 {
	padding: 10px;
	border-radius: 30px;
	background-color: #f5f5f5;
	box-shadow: none;
}

.box.t3 {
	padding: 10px;
	border-radius: 30px;
	background-color: #fff;
	box-shadow: none;
}

.box.t4 {
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	box-shadow: none;
}

/* 폼태그 */
.form {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	border-top: #274ba9 solid 2px;
	text-align: left;
}

.form .f_wrap {
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	width: 100%;
	box-shadow: inset 0 -1px 0 #e7e8ea;
	min-height: 35px;
}

.form .f_wrap:last-child {
	border-bottom: none;
}

.form .f_field {
	display: inline-block;
	vertical-align: middle;
	float: left;
	position: relative;
	width: 100%;
	/*padding: 10px 0;
	min-height: 60px;*/
}

.w140Bd {
	border: #d6d6d6 solid 1px;
	border-radius: 5px;
	font-size: 1.5rem;
	color: #636363;margin: 4px 0;
}

.file_flex123 {
	display: flex;
	flex-wrap: wrap;
	width: 525px;
	margin-left: 168px;
}

.form .f_field:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	min-height: 1000px;
	z-index: -1;
	width: 160px;
	background-color: #f7f7f7;
}

.form.t3 .f_field:before {
	width: 160px;
}

.form.t3 .f_field .ff_wrap {
	margin-left: 170px !important;
}

.form.login .f_field:before {
	display: none;
}

.form.wide .f_field:before {
	width: 160px;
}

.form.noml .f_field:before {
	display: none;
}

.form .f_field.div1 {
	width: 100%;
}

.form .f_field.div2 {
	width: 50%;
	/*min-height: 60px;*/
}

.form .f_field.div3 {
	width: 33.333333%;
}

.form .f_field.div4 {
	width: 25%;
}

.form .f_field.div5 {
	width: 20%;
}

.form .f_field.div6 {
	width: 16.666666%;
}

.form .f_field.div7 {
	width: 14.285714%;
}

.form .f_field.div8 {
	width: 12.5%;
}

.form .f_field.div9 {
	width: 11.111111%;
}

.form .f_field.div10 {
	width: 10%;
}

.form .f_field .ff_title {
	position: absolute;
	left: 22px;
	top: 6px;
	height: 35px;
	overflow: hidden;
	font-size: 16px;
	font-weight: 500;
	color: #0663b2;
	letter-spacing: 0;
	line-height: 35px;
	text-align: left;
}

.form .f_field .ff_title.h40 {
	height: 40px;
	line-height: 40px;
}

.form .f_field .ff_title.required {
	overflow: visible;
}

.form .f_field .ff_title.required:before {
	/*right: 15px;*/
}

.form .f_field .ff_title label {
	position: relative;
	display: inline-block;
	line-height: 120%;
}

.form .f_field .ff_title label.lineOver {
	line-height: 1.3;
}

.form .f_field .ff_wrap {
	display: block;
	position: relative;
	margin-left: 170px !important;
	margin-bottom: 1rem;
}

.form .f_field .ff_wrap:last-child {
	margin-bottom: 0;
}

.form .f_field .ff_wrap.ff_wrap_inner {
	display: flex;
	margin-bottom: 5px;
}

.form .f_field .ff_wrap.ff_wrap_inner:last-child {
	margin-bottom: 0;
}

.form .f_field .ff_wrap_inner label {
	width: 100px;
	font-size: 1.5rem;
	color: #333333;
	vertical-align: middle;
}

.form .f_field .ff_wrap_inner02 label {
	width: 30%;
	margin-top: 1rem;
}

.form .f_field .ff_wrap_inner03 label {
	width: 70%;
	margin-top: 1rem;
}

.form .f_field .ff_wrap.text {
	margin-top: 5px;
}

.form .f_field .ff_wrap.content {
	min-height: 50px;
	margin-top: 0;
	line-height: 50px;
}

.form .f_field .ff_wrap p {
	padding: 10px 0;
	font-size: 16px;
	font-weight: 400;
	color: #333333;
	letter-spacing: 0;
	line-height: 30px;
	text-align: left;
}

.form .f_field .ff_wrap p.bold {
	font-weight: 700;
}

.form .f_field .ff_wrap a.view {
	color: #222326;
}

.form .f_field .ff_wrap a.view:after {
	content: "";
	display: inline-block;
	vertical-align: -4px;
	width: 20px;
	height: 20px;
	margin-left: 3px;
	background-image: url("../images/common/icon_btn.svg");
	background-repeat: no-repeat;
	background-position: left -20px;
	background-size: 200% auto;
}

.form .f_field .ff_area {
	display: inline-block;
	float: left;
	width: 50%;
}

.form .f_field .ff_wrap.unit input {
	width: calc(100% - 50px);
}

.form .f_field .ff_wrap.unit span {
	display: inline-block;
	vertical-align: middle;
	float: right;
	width: 50px;
	font-size: 15px;
	font-weight: 400;
	color: #636363;
	letter-spacing: 0;
	line-height: 40px;
	text-align: left;
	text-indent: 10px;
}

.form .f_field input {
	display: inline-block;
	vertical-align: middle;
}

.form .f_field .ff_group {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	float: left;
	margin-right: 5px;
	min-height: 30px;
	line-height: 30px;
	text-align: center;
}

.form .f_field .ff_group.wid100 {
	float: none;
	width: 100%;
}

.form .f_field .ff_group:last-child {
	margin-right: 0;
}

.form .f_field .ff_group span {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	float: left;
}

.form .f_field .ff_group span.side {
	width: 10px;
	margin: 5px;
}

.form .f_field .ff_group input {
	float: left;
}

.form .f_field .ff_group button {
	float: left;
	margin: 4px 0;
	height: 30px;
	line-height: 28px;
}

.form .f_field .ff_group a {
	float: left;
	margin: 4px 0;
	margin-right: 5px;
	height: 30px;
	line-height: 28px;
}

.form .f_field .ff_group a:last-child {
	margin-right: 0;
}

.form .f_field input[type="date"]::-webkit-calendar-picker-indicator {
	margin-right: 7px;
}

.form.t1 .f_field .ff_title {
	height: 60px;
	font-size: 14px;
	line-height: 25px;
	max-width: 120px;
}

.form.t3 .f_field .ff_title {
	height: 35px;
	font-size: 14px;
	line-height: 22px;
}

.form.t1 .f_field .ff_wrap {
	margin-left: 170px !important;
}

.form.t1.noml .f_field .ff_wrap {
	margin-left: 0 !important;
}

.form.t1.wide .f_field .ff_wrap {
	margin-left: 160px !important;
}

.form.t1 .f_field .ff_wrap.content {
	min-height: 40px;
	margin-top: 0;
	line-height: 40px;
}

.form.t1 .f_field .ff_wrap p, .form.t3 .f_field .ff_wrap p {
	padding: 2px 0;
	font-size: 15px;
	line-height: 30px;
	word-break: break-all;
}

.form.t1 .f_field .ff_wrap p a:hover {
	text-decoration: underline;
}

.form.t1 .f_field .ff_wrap p .icon {
	display: inline-block;
	vertical-align: -4px;
	width: 20px;
	height: 20px;
	background-image: url("../images/common/icon_btn.svg");
	background-repeat: no-repeat;
	background-size: 300% auto;
}

.form.t1 .f_field .ff_wrap p .icon.search {
	background-position: left -20px;
}

.form.t1 .f_field input[type="date"] {
	padding-left: 10px;
	text-indent: 0;
}

.form.t2 .f_field:before {
	display: none;
}

.form.t2 .f_field .ff_title {
	position: relative;
	left: auto;
	top: auto;
	width: 100%;
	height: 40px;
	font-size: 15px;
	line-height: 40px;
}

.form.t2 .f_field .ff_wrap {
	margin-left: 0 !important;
}

.form.t2 .f_field .ff_wrap.content {
	min-height: 40px;
	margin-top: 0;
	line-height: 40px;
}

.form.t2 .f_field .ff_wrap p {
	padding: 5px 0;
	font-size: 15px;
	line-height: 30px;
}

.form.t2 .f_field input[type="date"] {
	padding-left: 10px;
	text-indent: 0;
}

.form.t2 .f_field .ff_wrap+.ff_wrap {
	margin-top: 10px;
}

.form.noline .input {
	border-color: #fff;
}

.form.login {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: auto;
	padding-right: 120px;
	border-top: none;
}

.form.login .f_wrap {
	box-shadow: none;
}

.form.login .f_field {
	padding: 5px 0;
}

.form.login .f_field .ff_title {
	left: 0;
	top: 5px;
}

.form.login .f_field .ff_wrap {
	margin-left: 100px !important;
}

.form.login .ff_group.tel {
	width: calc(33.333% - 6.666px);
}

.form.login .f_btn {
	position: absolute;
	right: 0;
	top: 5px;
	bottom: 5px;
}

.form.login .f_btn .btn {
	min-width: auto;
	width: 110px;
	height: 90px;
	padding: 0;
	line-height: 90px;
}

.form.login .f_btn .btn.join {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 5px;
	height: 50px;
	line-height: 50px;
}

.form.login li {
	display: inline-block;
	float: left;
}

.form.login li:nth-child(1) {
	margin-right: 5px;
}

.form.login label span {
	line-height: 50px;
}

.form.join .f_field:before {
	display: none;
}

.form.join {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: auto;
	border-top: none;
	padding: 0;
}

.form.join .f_wrap {
	box-shadow: none;
}

.form.join .f_field {
	display: flex;
	padding: 5px 0;
}

.form.join .f_field .ff_title {
	position: static;
	width: 140px;
}

.form.join .f_field .ff_wrap {
	margin-left: 0 !important;
	width: calc(100%);
	padding: 0;
}

.form.join .ff_group.tel {
	width: calc(33.333% - 6.666px);
}

.form.join .f_btn {
	text-align: center;
	margin-top: 20px;
}

.form.join .f_btn .btn {
	vertical-align: top;
	min-width: auto;
	width: 160px;
	height: 40px;
	padding: 0;
	line-height: 38px;
}

.form.join li {
	display: inline-block;
	margin-right: 10px;
}

.form.join li:last-child {
	margin-right: 0;
}

.form.join label span {
	line-height: 45px;
}

.form .f_field .ff_wrap>.datepicker+i {
	right: 30px;
}

.datepicker+i {
	position: absolute;
	right: 10px;
	top: 55%;
	z-index: 1;
	width: 14px;
	height: 11px;
	margin-top: -7px;
	border: #0663b2 solid 2px;
	border-top-width: 5px;
	pointer-events: none;
}

.datepicker+i:before {
	content: "";
	position: absolute;
	left: 1px;
	top: -7px;
	width: 2px;
	height: 2px;
	background-color: #0663b2;
}

.datepicker+i:after {
	content: "";
	position: absolute;
	right: 1px;
	top: -7px;
	width: 2px;
	height: 2px;
	background-color: #0663b2;
}

/* 폼스타일 */
.input {
	display: block;
	vertical-align: middle;
	box-sizing: border-box;
	width: 100%;
	height: 35px;
	margin: 0;
	padding: 0;
	border: #d6d6d6 solid 1px;
	border-radius: 5px;
	background-color: #fff;
	font-size: 15px;
	color: #222326;
	letter-spacing: 0px;
	line-height: 33px;
	text-align: left;
	text-indent: 15px;
}

.input40 {
	display: block;
	vertical-align: middle;
	box-sizing: border-box;
	width: 100% !important;
	height: 30px;
	margin: 0;
	padding: 0;
	border: #d6d6d6 solid 1px;
	border-radius: 5px;
	background-color: #fff;
	font-size: 15px;
	color: #222326;
	letter-spacing: 0px;
	line-height: 28px;
	text-align: left;
	text-indent: 10px;
	margin: 4px 0;
}
.reg_table .corporationInput, .reg_table .amountInput, .consultationDate input, .reg_table .relationTitle, .targetItem input{
	margin: 0;
}
.input123 {
	display: block;
	vertical-align: middle;
	box-sizing: border-box;
	width: 100% !important;
	height: 28px;
	margin: 0;
	padding: 0;
	border: #d6d6d6 solid 1px;
	border-radius: 3px;
	background-color: #fff;
	font-size: 14px;
	color: #222326;
	letter-spacing: 0px;
	line-height: 38px;
	text-align: right;
	text-indent: 15px;
	padding: 0 4px;
}
.fileDiv .input40 {
	margin: 0;
	margin-left: 5px;
}
.fileDiv .btn.small {
	margin: 0px 0px 0px 5px !important;
}
.input124 {
	display: block;
	vertical-align: middle;
	box-sizing: border-box;
	width: 100% !important;
	height: 28px;
	margin: 0;
	padding: 0;
	border: #d6d6d6 solid 1px;
	border-radius: 3px;
	background-color: #fff;
	font-size: 14px;
	color: #222326;
	letter-spacing: 0px;
	line-height: 38px;
	text-align: center;
	text-indent: 15px;
}

.input:hover {
	border-color: #222326;
	color: #222326;
}

.select {
	cursor: pointer;
	vertical-align: top;
	box-sizing: border-box;
	height: 30px;
	margin: 0;
	padding: 0 30px 0 10px;
	border: #c2c4c9 solid 1px;
	border-radius: 5px;
	background-color: #fff;
	font-size: 15px;
	line-height: 28px;
	text-align: left;
	background-position: center;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url(../images/common/icon_select.svg);
	background-repeat: no-repeat;
	background-position: calc(100% - 5px) center;
}

.textarea {
	max-width: 100%;
	overflow: auto;
	box-sizing: border-box;
	width: 100%;
	min-height: 200px;
	/* height: 100%; */
	vertical-align: middle;
	border: #c2c4c9 solid 1px;
	padding: 10px;
	border-radius: 5px;
	background-color: #fff;
	font-size: 15px;
}
.ff_wrap .textarea {
	margin: 4px 0;
}

.textarea.small {
	min-height: 8rem;
}

.input-wrap {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.input-wrap:last-child {
	margin-bottom: 0;
}

.input-wrap.wid100 {
	width: 100%;
}

.input-wrap .wid75 {
	display: inline-block;
	width: 75% !important;
}

.input-wrap .wid50 {
	display: inline-block;
	width: 50% !important;
}

.input-wrap .wid25 {
	display: inline-block;
	width: 25% !important;
}

.required {
	position: relative;
}

.required:before {
	content: "*";
	position: absolute;
	top: 0;
	right: -12px;
	font-size: 2rem;
	color: #3262b9;
	font-weight: bold;
}
.required2 {
	position: relative;
}
.required2:before {
	content: "*";
	position: absolute;
	top: 0;
	font-size: 2rem;
	color: #3262b9;
	font-weight: bold;
	left: -8px;
}
.requiredR {
	position: relative;
}
.requiredR:after {
	content: "*";
	position: absolute;
	top: 0;
	font-size: 2rem;
	color: #3262b9;
	font-weight: bold;
}

/*관련자료 추가중*/
.add_data {
	margin-bottom: 25px;
}

.add_date_title h5 {
	font-weight: 500;
	margin: 10px 0px;
	color: #4261ac;
	text-align: left;
	font-size: 16px;
}

.add_file {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 1rem;
}

.add_input {
	width: 700px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.add_input>input {
	margin-right: 5px;
}

#fileInfo1-1 .c_btn /* 버튼 */
.btn_wrap {
	display: inline-block;
	width: 100%;
	text-align: center;
}

.btn {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	min-width: 120px;
	height: 35px;
	padding: 0px 15px;
	border: #252a3c solid 1px;
	border-radius: 3px;
	background-color: #252a3c;
	font-size: 15px;
	font-weight: 500;
	color: #fff !important;
	line-height: 33px;
	letter-spacing: -0.5px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;

}
.btn + .btn{
	margin: 0 4px;
}
.btn.on, .btn:hover {
	border-color: #4261ac;
	background-color: #4261ac;
}

.btn.nohover:hover {
	color: #fff !important;
	border-color: #252a3c;
	background-color: #252a3c;
}

.btn span {
	position: relative;
}

.btn.light, .btn .light {
	font-weight: 300;
}

.btn.medium, .btn .medium {
	font-weight: 500;
}

.btn.bold, .btn .bold {
	font-weight: 700;
}

.btn.t1 {
	border-color: #4261ac;
	background-color: #fff;
	color: #4261ac !important;
}

.btn.t1:hover {
	color: #fff !important;
	background-color: #4261ac;
}

.btn.t1.nohover:hover {
	color: #4261ac !important;
	border-color: #4261ac;
	background-color: #fff;
}

.btn.t2 {
	border-color: #676b7a;
	background-color: #676b7a;
}

.btn.t2:hover {
	border-color: #4261ac;
	background-color: #4261ac;
}

.btn.t2.nohover:hover {
	color: #fff !important;
	border-color: #676b7a;
	background-color: #676b7a;
}

.btn.t3 {
	border-color: #676b7a;
	background-color: #676b7a;
}

.btn.t3.nohover:hover {
	border-color: #676b7a;
	background-color: #676b7a;
}

.btn.t4 {
	border-color: #4261ac;
	background-color: #4261ac;
}
.btn.t5 {
	border: #252a3c solid 1px;
	background-color: #252a3c;
}
.btn.t6 {
	border-color: #b8b8b8ac;
	background-color: #b8b8b8;
}

.btn.t4.nohover:hover {
	border-color: #4261ac;
	background-color: #4261ac;
}

.btn.h30 {
	height: 30px;
	line-height: 28px;
}

.btn.h50 {
	height: 50px;
	line-height: 48px;
}

.btn.big {
	min-width: 240px;
	padding: 0px 30px;
	margin: 0 4px;
}

.btn.big2 {
	min-width: 185px;
	padding: 0px 30px;
}

.btn.middle {
	min-width: 220px;
	padding: 0px 30px;
}

.btn.middle02 {
	min-width: 90px;
	height: 35px;
}

.btn.small {
	min-width: 68px;
	padding: 0px 5px;
	font-size: 14px;
}
.btn.middle02.t4{
	margin-right: 5px;
}
.small02 {
	display: flex;
	align-items: center;
	min-width: 30px;
	height: 30px;
	padding: 0px 4px;
}

.small03 {
	min-width: 40px;
	padding: 0px 10px;
}

.btn.small6040 {
	min-width: 50px;
	height: 30px !important;
	padding: 0px 10px;
	line-height: 28px;
	font-size: 14px;
	margin: 0;
}

.btn.tiny {
	min-width: 60px;
	padding: 0px 10px;
}

.btn.ico:before {
	content: "";
	display: inline-block;
	vertical-align: -4px;
	width: 20px;
	height: 20px;
	margin-left: -5px;
	background-image: url("../images/common/icon_btn.svg");
	background-repeat: no-repeat;
	background-size: 300% auto;
}

.btn.ico.download:before {
	background-position: left 0px;
}

.btn.ico.download.white:before {
	background-position: right 0px;
}

.btn.ico.download:hover:before, .btn.t1.ico.download:before, .btn.t2.ico.download:before
{
	background-position: right 0px;
}

.btn.ico.search:before {
	background-position: right -20px;
}

.btn.ico.search:hover:before, .btn.t1.ico.search:before, .btn.t2.ico.search:before
{
	background-position: right -20px;
}

.btn.ico.list:before {
	background-position: center -40px;
}
.btn.ico.list.white:before {
	background-position: right -40px;
}

.btn.ico.list:hover:before, .btn.t1.ico.list:before, .btn.t2.ico.list:before
{
	background-position: left -40px;
}

.btn.ico.write:before {
	background-position: left -60px;
}

.btn.ico.write:hover:before, .btn.t1.ico.write:before, .btn.t2.ico.write:before
{
	background-position: right -60px;
}

.btn.ico.delete:before {
	background-position: left -80px;
}

.btn.ico.delete:hover:before, .btn.t1.ico.delete:before, .btn.t2.ico.delete:before
{
	background-position: right -80px;
}

.btn.ico.plus:before {
	background-position: left -100px;
}

.btn.ico.plus:hover:before, .btn.t1.ico.plus:before, .btn.t2.ico.plus:before
{
	background-position: right -100px;
}
/*메뉴얼다운로드버튼*/
.download_wrap {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	margin-left: 10px;
	float: left;
}

.download_wrap:after {
	display: block;
	content: "";
	clear: both;
}

.download_wrap .downbtn_wrap {
	width: 130px !important;
	height: 35px !important;
	display: block;
	padding: 0px !important;
}

.download_wrap .downbtn_wrap2 {
	width: 180px !important;
	height: 40px !important;
	display: block;
	padding: 0px !important;
}

.download_wrap .downbtn_wrap {
	width: 130px !important;
	height: 40px !important;
	display: block;
	padding: 0px !important;
}

.download_wrap .downbtn:hover {
	border-color: #eb7f30;
	background-color: #eb7f30;
}

.download_wrap .downbtn.large:hover {
	border-color: #eb7f30;
	background-color: #eb7f30;
}

.download_wrap .downbtn {
	min-width: 130px !important;
	padding: 0px 7px;
	background: #ef9049;
	text-align: center;
	border: 1px soild #ffa500;
	display: block;
	font-size: 16px;
	color: #fff !important;
	height: 35px;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	border-radius: 3px;
}

.download_wrap .downbtn.large {
	min-width: 180px !important;
	padding: 0px 7px;
	background: #ef9049;
	text-align: center;
	border: 1px soild #e5740f;
	display: block;
	font-size: 16px;
	color: #fff !important;
	height: 35px;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	border-radius: 3px;
}

.download_wrap .downbtn.large.cal {
	background: #4261ac;
	border: 1px solid #4261ac
}

.download_wrap .downbtn.large.cal:hover {
	background: #1e2b37;
	border: 1px solid #1e2b37;
}

#contents.c_sub .cs_navi li .download_wrap .downbtn_wrap .downbtn.large
{
	width: 100% !important;
}

.downbtn>img {
	width: 16px;
}

.downbtn>h4 {
	color: #fff;
	font-weight: 400;
}

.center_navibtn {
	display: flex;
}

#contents.c_sub .cs_navi li .download_wrap:nth-of-type(1) {
	min-width: 130px !important;
}

#contents.c_sub .cs_navi li .download_wrap:nth-of-type(2), #contents.c_sub .cs_navi li .download_wrap:nth-of-type(3)
{
	min-width: 180px !important;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	float: left;
}

/* 페이징 */
.paging {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	margin-top: 10px;
	text-align: center;
}

.paging .p_wrap {
	display: inline-block;
	vertical-align: middle;
}

.paging .p_arrow {
	display: inline-block;
	vertical-align: middle;
	float: left;
	width: 38px;
	height: 38px;
	margin: 5px 5px;
	border-radius: 50%;
}

.paging .p_arrow:hover {
	border-color: #0663b2;
	background-color: #0663b2;
}

.paging .p_arrow a {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 100%;
	height: 100%;
}

.paging .p_arrow i {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 20px;
	height: 20px;
	margin-left: -10px;
	margin-top: -10px;
	background-image: url("../images/common/icon_paging.svg");
	background-repeat: no-repeat;
	background-position: left 0;
	background-size: 200% auto;
}

.paging .p_arrow.prev i {
	background-position: left -20px;
}

.paging .p_arrow.next i {
	background-position: left -40px;
}

.paging .p_arrow.end i {
	background-position: left -60px;
}

.paging .p_arrow:hover i {
	background-position: right 0;
}

.paging .p_arrow.prev:hover i {
	background-position: right -20px;
}

.paging .p_arrow.next:hover i {
	background-position: right -40px;
}

.paging .p_arrow.end:hover i {
	background-position: right -60px;
}

.paging .p_btn {
	display: inline-block;
	vertical-align: middle;
	float: left;
	margin: 5px;
	font-size: 0;
}

.paging .p_btn a {
	display: inline-block;
	vertical-align: middle;
	min-width: 40px;
	height: 40px;
	margin: 0 3px;
	padding: 0 5px;
	border-radius: 50%;
	background-color: #f4f4f4;
	font-size: 15px;
	color: #222326;
	line-height: 40px;
}

.paging .p_btn a:hover {
	background-color: #274ba9;
	color: #fff;
}

.paging .p_btn .on {
	background-color: #274ba9;
	color: #fff;
}

/* 메뉴 */
.menu {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 100%;
}

.menu>ul {
	display: block;
	width: auto;
	margin: 10px 20px;
}

.menu>ul>li {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 100%;
	padding: 5px 0;
	border-bottom: #f5f5f5 solid 1px;
}

.menu>ul>li:last-child {
	border: none;
}

.menu>ul>li>a {
	display: block;
	position: relative;
	width: auto;
	padding: 10px;
	padding-right: 40px;
	font-size: 15px;
	font-weight: 400;
	color: #231f20;
	line-height: 20px;
	letter-spacing: -0.5px;
	text-align: left;
}

.menu>ul>li>a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 4px;
	height: 4px;
	margin-top: -2px;
	border-radius: 2px;
	background-color: #0663b2;
}

.menu>ul>li>a:after {
	content: "";
	position: absolute;
	right: 17px;
	top: 17px;
	width: 7px;
	height: 7px;
	border-right: #ccc solid 1px;
	border-bottom: #ccc solid 1px;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}

.checkbox {
	display: inline-block;
	position: relative;
	margin-right: 15px;
}

.checkbox.t3 {
	vertical-align: middle;
	position: relative;
	float: left;
	line-height: 20px;
	margin-left: 5px;
	margin-right: 5px;
}

.checkbox:last-child {
	margin-right: 0;
}

.checkbox input[type="checkbox"], .checkbox input[type="radio"] {
	width: 15px;
	height: 15px;
	vertical-align: middle;
}

.checkbox label {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	font-size: 14px;
	vertical-align: middle;
}

.checkbox label i {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	box-sizing: border-box;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	overflow: hidden;
	background-color: #fff;
	border: #bbb solid 1px;
	border-radius: 3px;
}

.checkbox label i:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: content-box;
	width: 7px;
	height: 3px;
	margin-left: 5px;
	margin-top: 6px;
	border-bottom: solid 1px #bbb;
	border-left: solid 1px #bbb;
	color: #fff;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.checkbox label span {
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	font-weight: 300;
	color: #636363;
	line-height: 40px;
}

.checkbox input:checked+label i {
	background-color: #0663b2;
	border: #0663b2 solid 1px;
}

.checkbox input:checked+label i:before {
	border-bottom: solid 1px #fff;
	border-left: solid 1px #fff;
}

.checkbox input:checked+label span {
	color: #262629;
}

.checkbox.t1 {
	vertical-align: middle;
	width: auto;
	margin-top: -8px;
	line-height: 20px;
}

.checkbox.t2 label span {
	line-height: 50px;
}

.radio {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	line-height: 20px;
}

.radio.t1 {
	float: left;
	margin-right: 5px;
}

.radio input[type="checkbox"], .radio input[type="radio"] {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: -1;
	width: 20px;
	height: 20px;
	margin-left: -10px;
	margin-top: -10px;
	opacity: 0;
}

.radio label {
	display: inline-block;
	width: 100%;
	cursor: pointer;
	text-align: center;
	font-size: 0;
}

.radio label i {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	box-sizing: border-box;
	width: 20px;
	height: 20px;
	margin: 5px;
	overflow: hidden;
	border-radius: 50%;
	background-color: #fff;
	border: #bbb solid 1px;
}

.radio label i:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	left: 50%;
	top: 50%;
	box-sizing: content-box;
	width: 6px;
	height: 6px;
	margin-left: -3px;
	margin-top: -3px;
	border-radius: 50%;
	background-color: #bbb;
}

.radio input:checked+label i {
	background-color: #0663b2;
	border: #0663b2 solid 1px;
}

.radio input:checked+label i:before {
	background-color: #fff;
}

.radio label span {
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	font-weight: 600;
	color: #222326;
	line-height: 30px;
	margin-right: 20px;
}

/* 팝업 */
.popup {
	display: inline-block;
	position: fixed;
	left: 0;
	right: 0;
	top: -100%;
	bottom: 100%;
	z-index: 100;
	width: auto !important;
	height: auto !important;
	background-color: rgba(35, 31, 32, 0.8);
}

.popup.t2 {
	top: 0;
	bottom: 0;
}

.popup.on {
	top: 0;
	bottom: 0;
}

.popup .p_box {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	left: 10%;
	right: 10%;
	top: 10%;
	bottom: 10%;
	z-index: 2;
	width: auto;
	height: auto;
	border-radius: 15px 15px 10px 10px;
	background-color: #fff;
	transform: scale(0.8);
	transition: 0.4s;
	-webkit-transition: 0.4s;
}

.popup.t1 .p_box {
	left: 50%;
	right: auto;
	top: 50%;
	bottom: auto;
	width: 400px;
	height: 330px;
	margin-left: -200px;
	margin-top: -165px;
	border-radius: 20px;
}

.popup.t2 .p_box {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 0;
	transform: scale(1);
	transition: 0s;
	-webkit-transition: 0s;
}

.popup.on .p_box {
	transform: scale(1);
}

.popup .p_head {
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	z-index: 999;
	padding: 10px;
	border-radius: 10px 10px 0 0;
	background-color: #274ba9;
	box-shadow: 0 5px 10px rgba(35, 31, 32, 0.06);
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

.popup.t1 .p_head {
	padding: 15px;
}

.popup.t2 .p_head {
	border-radius: 0;
}

.popup .p_title {
	font-size: 17px;
	font-weight: 700;
	color: #fff;
	line-height: 40px;
	text-align: left;
	text-indent: 10px;
}

.popup.t1 .p_title {
	font-size: 20px;
	text-align: center;
	text-indent: 0;
}

.popup .p_close {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 9;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	color: #fff;
}

.popup.t1 .p_close {
	display: none;
}

.popup .p_close:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 18px;
	height: 2px;
	margin-top: -1px;
	margin-left: -8px;
	border-radius: 2px;
	background-color: currentColor;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transition: 0.2s;
	-webkit-transition: 0.2s;
}

.popup .p_close:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 18px;
	height: 2px;
	margin-top: -1px;
	margin-left: -8px;
	border-radius: 2px;
	background-color: currentColor;
	transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transition: 0.2s;
	-webkit-transition: 0.2s;
}

.popup .p_body {
	height: 100%;
	overflow: auto;
	padding: 20px;
	max-height: calc(100% - 60px);
}

.popup .p_body1 {
	height: 100%;
	overflow: auto;
	padding: 20px;
	max-height: calc(100% - 130px);
}

.popup.t1 .p_body {
	position: relative;
	top: 70px;
	padding: 40px 50px;
}

.popup .p_body .wrap {
	max-width: 1200px;
	margin: 0 auto;
}
/* 팝업 서치*/
.popup .p_body .pop_search {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}

.popup .p_foot {
	display: flex;
	justify-content: center;
	position: absolute;
	bottom: 0;
	width: calc(100% - 40px);
	padding: 10px 0 20px;
	background-color: #fff;
}

.dwldAreaSearch {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	flex-direction: column-reverse;
	align-items: flex-end;
}

.popup.login .p_box, .popup.reg .p_box, .popup.find .p_box, .popup.pw_show .p_box
{
	left: 50%;
	right: auto;
	top: 50%;
	bottom: auto;
	max-width: 680px;
	width: calc(100% - 30px);
	transform: translate(-50%, -50%);
}

.popup.reg .p_body, .popup.find .p_body, .popup.pw_show .p_body
{
	padding: 40px;
}
.popup.login .p_body {
	/*
	padding: 40px;
	padding-top: 60px;
	padding-bottom: 60px;
	*/
	padding: 60px;
	padding-bottom: 70px;
}

.popup.reg form, .popup.find form, .popup.pw_show form
{
	display: none;
}
/*
.popup.login form{
	display: none;
}
*/
.popup.login form.on, .popup.reg form.on, .popup.find form.on, .popup.pw_show form.on
{
	display: block;
}

.popup.schedule .p_box {
	left: 50%;
	right: auto;
	top: 50%;
	bottom: auto;
	width: 400px;
	height: 440px;
	margin-top: -220px;
	margin-left: -200px;
}

.popup.schedule .form .f_field {
	width: 100% !important;
	box-shadow: inset 0 -1px 0 #e7e8ea;
}

.popup.schedule .form .f_field:before {
	display: none;
}

.popup.schedule .form .f_field .ff_title {
	position: relative;
	left: auto;
	top: auto;
	height: 30px;
	margin-bottom: 5px;
	font-size: 15px;
	line-height: 30px;
}

.popup.schedule .form .f_field .ff_wrap {
	margin-left: 0 !important;
	padding: 0;
}

.popup.schedule .form .f_field .ff_wrap.text {
	margin-top: 5px;
}

.popup.schedule .form .f_field .ff_area {
	width: 100%;
}

.popup.schedule .form .f_field .ff_area+.ff_area {
	margin-top: 10px;
}

.popup.schedule .form .f_field .ff_group {
	width: 100%;
}

.popup.schedule .form .f_field .ff_group span {
	width: 100% !important;
	margin-top: 5px;
}

.popup.schedule .form .f_field .ff_group span:fitsr-child {
	margin-top: 0;
}

.popup.schedule .btn_wrap ul {
	width: 100%;
}

.popup.schedule .btn_wrap li {
	width: 100%;
	margin: 3px 0;
}

.popup.schedule .btn {
	width: 100%;
	height: 40px;
	padding: 0px 10px;
	font-size: 15px;
	line-height: 38px;
}

.popup.t1 .p_password {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
}

.popup.t1 .p_password .pp_txt {
	display: inline-block;
	vertical-align: middle;
	float: left;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 700;
	color: #262629;
	line-height: 30px;
}

.member_find {
	display: flex;
	justify-content: center;
	text-align: center;
	margin-top: 3rem;
}

.member_find li a {
	display: block;
	color: #666;
	margin: 0 20px;
	padding-bottom: 7px;
	border-bottom: 1px solid #999;
}

/* 헤더 */
#header {
	display: flex;
	position: fixed; /* 가로 스크롤 안되는 문제  */
	position: sticky;
	width: 100%;
	/* left: 0; */
	top: 0;
	z-index: 100;
	height: 100px;
	background-color: #ffffff;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
}

#header .wrap {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

#header .h_logo a {
	display: inline-block;
	width: 300px;
	height: 100px;
	/*background-image: url("../images/common/h_logo.svg");*/
	background-image: url("../images/common/h_logo_e1.svg");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
}

#header .h_menu {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: space-between;
	vertical-align: middle;
	position: relative;
	width: 100%;
	height: 100%;
}

#header .h_menu .hm_list {
	height: 100%;
}

#header .h_menu .hm_list .gnb {
	height: 100%;
	display: flex;
	align-items: stretch;
}

#header .h_menu .hm_list .gnb>li {
	display: flex;
	position: relative;
}

#header .h_menu .hm_list .gnb>li>a {
	display: flex;
	align-items: center;
	padding: 1em;
	font-size: 20px;
	font-weight: 700;
	color: #365978;
	letter-spacing: -0.04em;
}

#header .h_menu .hm_list .gnb>li:hover>a {
	color: #5A7791;
	background: #F8F9FB;
}

#header .h_menu .hm_list .lnb {
	display: none;
	position: absolute;
	left: 50%;
	top: 80%;
	width: 160px;
	padding: 12px;
	background-color: #fff;
	border: 1px solid #E7EAF2;
	box-shadow: 3px 3px 15px rgb(4 80 147/ 4%);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}

#header .h_menu .hm_list .gnb li:focus-within .lnb, #header .h_menu .hm_list .gnb li:hover .lnb
{
	display: block;
}

#header .h_menu .hm_list .gnb .lnb a {
	display: inline-block;
	width: 100%;
	padding: 10px;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5;
	color: #365978;
	letter-spacing: -0.04em;
	word-break: keep-all;
	text-align: left;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}

#header .h_menu .hm_list .gnb .lnb a:focus, #header .h_menu .hm_list .gnb .lnb a:hover
{
	background: #F3F6FB;
}

#header .h_menu .hm_top {
	display: flex;
	align-items: center;
}

#header .h_menu .hm_top ul {
	display: flex;
}

#header .h_menu .hm_top li {
	position: relative;
	padding-right: 10px;
	margin-right: 10px;
	font-size: 14px;
	font-weight: 400;
	color: #000;
	letter-spacing: -0.8px;
}

#header .h_menu .hm_top li:last-child {
	padding-right: 0;
	margin-right: 0;
}

#header .h_menu .hm_top li:before {
	content: "";
	display: inline-block;
	position: absolute;
	right: 0;
	top: 50%;
	width: 1px;
	height: 12px;
	margin-top: -6px;
	background-color: #000;
	opacity: 0.2;
}

#header .h_menu .hm_top li:last-child:before {
	display: none;
}

#header .h_menu .hm_top span, #header .h_menu .hm_top a {
	color: #5A7791;
}

#header .h_menu .hm_top a:hover {
	text-decoration: underline;
}

#header .h_menu .hm_top strong {
	font-weight: 700;
	color: #000;
}

#header .h_menu .hm_top .hmt_link {
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	box-sizing: border-box;
	float: left;
	width: 150px;
	height: 34px;
	padding-left: 13px;
	border-radius: 17px;
	background-color: #74d4f1;
}

#header .h_menu .hm_top .hmt_link span {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	float: left;
	width: 100%;
	font-size: 14px;
	font-weight: 500;
	color: #005dab;
	line-height: 32px;
	text-align: left;
}

#header .h_menu .hm_top .hmt_link span:before {
	content: "";
	position: absolute;
	right: 13px;
	top: 50%;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-top: #005dab solid 2px;
	border-right: #005dab solid 2px;
	transform: rotate(45deg);
}

#header .h_menu .hm_all {
	display: flex;
	align-items: center;
}

#header .h_menu .hm_all>.hma_btn {
	position: relative;
	z-index: 99;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 20px;
	background: none;
	color: #365978;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

#header .h_menu .hm_all>.hma_btn i {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 24px;
	height: 2px;
	margin-top: -1px;
	margin-left: -12px;
	border-radius: 1px;
	background-color: currentColor;
	transition: 0.2s;
	-webkit-transition: 0.2s;
}

#header .h_menu .hm_all>.hma_btn i:before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin-top: -9px;
	border-radius: 1px;
	background-color: currentColor;
	transition: 0.2s;
	-webkit-transition: 0.2s;
}

#header .h_menu .hm_all>.hma_btn i:after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 14px;
	height: 100%;
	margin-top: 9px;
	border-radius: 1px;
	background-color: currentColor;
	transition: 0.2s;
	-webkit-transition: 0.2s;
}

#header .h_menu .hm_all>.hma_btn:hover i:after {
	width: 100%;
}

#header .h_menu .hm_all .hma_wrap {
	position: fixed;
	width: 100%;
	min-width: 1600px;
	left: 0;
	right: 0;
	top: -500px;
	overflow: hidden;
	z-index: 9;
	padding: 70px 160px;
	padding-top: 20px !important;
	border-radius: 0 0 40px 40px;
	background-color: #fff;
	text-align: left;
	box-shadow: 0 40px 40px rgba(34, 35, 38, 0.06);
	opacity: 0;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	visibility: hidden;
}

#header .h_menu .hm_all .hma_wrap>ul {
	display: flex;
	position: relative;
	width: 100%;
	border-radius: 20px;
	background-color: #f6f8f9;
}

#header .h_menu .hm_all .hma_wrap>ul>li {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	padding: 30px 40px;
	width: calc(100%/ 7);
}

#header .h_menu .hm_all .hma_wrap>ul>li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 30px;
	bottom: 30px;
	width: 1px;
	background-color: #e9ecef;
}

#header .h_menu .hm_all .hma_wrap>ul>li:first-child:before {
	display: none;
}

#header .h_menu .hm_all .hma_wrap>ul>li>strong {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 100%;
}

#header .h_menu .hm_all .hma_wrap>ul>li>strong>span {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 100%;
	margin: 15px 0;
	font-size: 20px;
	font-weight: 700;
	color: #365978;
	line-height: 30px;
	letter-spacing: -1px;
	word-wrap: normal;
	word-break: keep-all;
}

#header .h_menu .hm_all .hma_wrap>ul>li.on>strong>span {
	color: #005dab;
}

#header .h_menu .hm_all .hma_wrap>ul>li>strong>a {
	display: none;
}

#header .h_menu .hm_all .hma_wrap>ul>li>ul {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	/* padding-left: 12px;
    border-left: 1px solid #DBDFEA; */
}

#header .h_menu .hm_all .hma_wrap>ul>li>ul>li {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 100%;
	padding: 10px 0;
}

#header .h_menu .hm_all .hma_wrap>ul>li>ul>li>a {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: 500;
	color: #5A7791;
	line-height: 1.5;
	letter-spacing: -0.04em;
	word-wrap: break-word;
	word-break: keep-all;
}

#header .h_menu .hm_all .hma_wrap>ul>li>ul>li>a:hover {
	text-decoration: underline;
}

#header.on {
	box-shadow: 0 40px 40px rgba(34, 35, 38, 0.06);
}

#header.open .h_logo {
	box-shadow: none;
}

#header.open .h_menu .hm_all>.hma_btn i {
	width: 24px;
	margin-left: -12px;
	background: transparent;
}

#header.open .h_menu .hm_all>.hma_btn i:before {
	margin: 0;
	padding-left: 0;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

#header.open .h_menu .hm_all>.hma_btn i:after {
	width: 100%;
	margin: 0;
	padding-left: 0;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}

#header.open .h_menu .hm_all .hma_wrap {
	top: 100px;
	opacity: 1;
	visibility: initial;
}

#header.open .h_menu .hm_all .hma_wrap ul {
	width: 100%;
	margin: 0 auto;
}

#header .h_admin {
	display: inline-block;
	vertical-align: middle;
	position: fixed;
	right: 80px;
	bottom: 60px;
	display: flex;
	flex-direction: column-reverse;
	gap: 10px;
}

#header .h_admin a {
	display: inline-block;
	vertical-align: middle;
	width: 70px;
	height: 70px;
	border-radius: 35px;
	background-color: #005dab;
	background-image: url("../images/common/icon_admin.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50%;
	box-shadow: 0 40px 40px rgba(34, 35, 38, 0.06);
}

#header .h_ad2 {
	background-image: url("../images/common/icon_pencil.png") !important;
	color: #ffffff;
}

.scrollUD {
	display: inline-block;
	vertical-align: middle;
	position: fixed;
	right: 15px;
	bottom: 15px;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.scroll-button {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 60%;
	color: #005dab;
	margin-top: -2px;
	font-size: 8px;
	line-height: 150%;
	border-radius: 4px;
	border-radius: 5px;
	font-weight: 500;
	background: transparent;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	display: inline-block;
	box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 20px
	0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(0, 0, 0, .1);
	outline: none;
}

.btn-16 {
	border: none;
	color: #005dab;
}

.btn-16:after {
	position: absolute;
	content: "";
	width: 0;
	height: 100%;
	top: 0;
	left: 0;
	direction: rtl;
	z-index: -1;
	box-shadow: -7px -7px 20px 0px #fff9, -4px -4px 5px 0px #fff9, 7px 7px
	20px 0px #0002, 4px 4px 5px 0px #0001;
	transition: all 0.3s ease;
}

.btn-16:hover {
	color: #005dab;
}

.btn-16:hover:after {
	left: auto;
	right: 0;
	width: 100%;
}

.btn-16:active {
	top: 2px;
}

.scroll-button i {
	font-size: 12px !important;
}

.scroll-button:hover i {
	font-size: 14px !important;
}
/*
.scroll-button.scrdown {
	background-image: url("../images/scrolldown.png") !important;
	transform: rotate(180deg);
}
.scroll-button.scrup {
	background-image: url("../images/scrolldown.png") !important;
}
*/

/*추가되는 헤더 네비 안 네비*/
#header .h_menu .hm_all .hma_wrap>ul>.minisub li a {
	display: block;
	padding-left: 10px;
	font-size: 10px;
}

#header .h_menu .hm_list .gnb .lnb .middlesub .minisub a {
	display: inline-block;
	width: 100%;
	padding: 5px 10px;
	font-size: 13px;
	font-weight: 500;
	line-height: 1;
	color: #365978;
	letter-spacing: -0.04em;
	word-break: keep-all;
	text-align: left;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}

#header .h_menu .hm_list .gnb .lnb .middlesub .minisub a:last-childe {
	margin-bottom: none;
}

/* 푸터 */
#footer {
	padding: 40px 0;
	background-color: #DBDFEA;
}

#footer .f_site {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	z-index: 1;
	width: 220px;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

#footer .f_site .fs_btn {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0;
	border: #5A7791 solid 1px;
	font-size: 15px;
	font-weight: 500;
	color: #365978;
	line-height: 48px;
	letter-spacing: -0.5px;
	text-indent: 20px;
	text-align: left;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}

#footer .f_site .fs_btn:hover {
	background-color: #F3F6FB;
}

#footer .f_site .fs_btn:before {
	content: "";
	position: absolute;
	right: 20px;
	top: 50%;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background-image: url("../images/common/icon_arrow.svg");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 100%;
	opacity: 0.7;
	transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
}

#footer .f_site.on .fs_btn {
	background-color: #fff;
}

#footer .f_site.on .fs_btn:before {
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
}

#footer .f_site .fs_list {
	display: none;
	vertical-align: middle;
	position: absolute;
	left: 0;
	bottom: 55px;
	box-sizing: border-box;
	width: 100%;
	border: #5A7791 solid 1px;
	background-color: #fff;
	text-align: left;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}

#footer .f_site.on .fs_list {
	display: inline-block;
}

#footer .f_site .fs_list ul {
	padding: 20px;
}

#footer .f_site .fs_list li {
	position: relative;
	width: 100%;
}

#footer .f_site .fs_list li ~ li {
	margin-top: 12px;
}

#footer .f_site .fs_list a {
	width: 100%;
	font-size: 15px;
	color: #5A7791;
	line-height: 1.5;
	letter-spacing: -0.04em;
}

#footer .f_site .fs_list a:hover {
	text-decoration: underline;
}

#footer .f_logo {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	left: 0;
	top: 0;
	width: 220px;
	height: 80px;
	background-image: url("../images/common/footer_logo.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
}

#footer .f_info {
	padding: 0 300px;
	text-align: center;
	letter-spacing: -0.04em;
}

#footer .f_info li {
	font-size: 15px;
	color: #5A7791;
	word-wrap: normal;
	word-break: keep-all;
	margin-bottom: 10px;
	text-align: left;
}

#footer .f_info a {
	color: #5A7791;
}

#footer .f_info a:hover {
	text-decoration: underline;
}

#footer .f_info .fi_copyright {
	font-weight: 600;
	color: #365978;
	line-height: 30px;
	text-align: left;
	font-size: 15px;
}

.fi_copyright span {
	color: #9ab5cd;
	font-weight: 400;
}

.modal .p_box {
	left: 50%;
	right: auto;
	top: 50%;
	bottom: auto;
	width: 650px;
	margin-top: -215px;
	margin-left: -325px;
}

.modal .p_head {
	border-bottom: 1px solid #ddd;
	background-color: #fff;
	box-shadow: none;
}

.modal .p_title {
	color: #000;
	text-align: center;
}

.modal .p_close {
	color: #000;
}

.modal .p_body {
	min-height: 200px;
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.modal.small .p_body {
	padding-top: 2rem;
}

.modal .btn_wrap {
	margin-top: 5rem;
}

.btns li {
	display: inline-block;
	margin: 0;
}

.modal.small .btn_wrap {
	margin-top: 3.5rem;
}

.s_title {
	font-size: 1.8rem;
	font-weight: 500;
	margin-top: 2rem;
}

.clear:after {
	content: "";
	display: block;
	clear: both;
}

/* 아이디, 비번 찾기 모달창 */
.confirm_title {
	font-size: 2rem;
	line-height: 6rem;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	background-color: #f7f7f7;
}

.confirm_radio_wrap {
	display: flex;
	padding: 15px 0;
	border-bottom: 1px solid #e7e8ea;
	background-color: #f7f7f7;
}

.confirm_radio_wrap .radio {
	width: 50%;
	padding: 0 10px;
}

.confirm_radio_wrap .radio label {
	text-align: center;
}

.confirm_radio_wrap .radio label span {
	font-size: 18px;
}

.f_wrap.find_num {
	display: none;
}

.f_wrap.find_num.on {
	display: inline-block;
}

.f_wrap.find_mail {
	display: none;
}

.f_wrap.find_mail.on {
	display: inline-block;
}

.confirm_num_wrap {
	justify-content: center;
}

.new_pw_wrap label {
	width: 11rem;
}

/* file 추가 class : '파일명input + 파일버튼 + 삭제 + 추가' 시 사용 */
.file_label {
	max-width: 420px !important;
}

.file_wrap {
	width: calc(100% - 300px) !important;
}

.file_flex {
	display: flex;
	width: 100%;
	padding: 8px 0;
}

.file-gap .file_flex {
	margin-bottom: 0 !important;
}

.file_flex44 {
	display: flex;
	width: 57%;
}

.file_flex88 {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	width: 610px;
}
.file_flex88 .file_flex{
	padding: 0;
}

.file_flex77 {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
	width: 50%;
}

.file_flex99 {
	width: 610px;
	display: flex;
}

.btnBox55 {
	width: 63px;
	height: 30px;
}

.file_flex:last-child {
	margin-bottom: 0;
}

.fileFlex33 {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	width: 44%;
	gap: 4px;
}

.file_flex55 {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
	width: 67%;
}

.fileFlex66 {
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
}

.fileWd33 {
	display: flex;
	justify-content: flex-end;
}

.fileInner33 {
	display: flex;
	justify-content: space-between;
}

.fileInner44 {
	display: flex;
	justify-content: space-between;
}

.fileInner55 {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	margin: 1rem 0;
}

.file_name {
	width: 37% !important;
	margin-right: 5px;
}

.file_btn_wrap {
	width: 63% !important;
}

.file_btn {
	width: calc(100% - 160px) !important;
}

.file_btn222 {
	width: calc(100% - 160px) !important;
}

.file_wrap_view {

}

.f_dwn {
	margin-bottom: 1rem;
}

.judge_filedown {
	margin: 20px 0px;
}

#table00 td {
	vertical-align: top;
}

.file_view {
	border: 1px solid #ddd;
	border-radius: 4px;
	width: 100%;
	max-width: 50%;
	height: 30px;
	text-indent: 5px;
	margin-right: 5px;
}

.file_view:last-child {
	margin-right: 0;
}


/*  */
.p_view {
	min-height: 40px;
	word-break: break-all;
}

#contents .c_table table td .btn_owner:after, #contents .c_table table td .btn_owner:after
{
	vertical-align: middle;
	margin-left: 0;
}

.c_table .popup_table {
	display: flex;
	align-items: flex-start;
	white-space: nowrap;
	margin-top: 2rem;
}

.c_table .popup_table span {
	margin-top: 0.5rem;
	margin-right: 5rem;
}

.inner_table {
	display: none;
}

#contents .c_table.t1 table .inner_table.on {
	display: table-row;
}

#contents .c_table.t1 table .inner_table_div {
	margin-top: 3rem;
}

#contents .c_table.t1 table .inner_table td {
	padding: 0;
}

#contents .c_table.t1 table .inner_table table {
	border: 0;
	margin-top: 10px;
}

#contents .c_table.t1 table .inner_table table thead th {
	background-color: #eee;
}



/* 소유자의견 팝업 */
.p_body.t2 {
	height: calc(100% - 140px);
}

.file_img_wrap {
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-top: 5px;
}

.file_img_wrap>img {
	vertical-align: top;
}

.popup_table {
	display: flex;
	align-items: flex-start;
	white-space: nowrap;
	margin-top: 2rem;
}

.popup_table span {
	margin-top: 0.5rem;
	margin-right: 5rem;
}

#contents .c_table table tbody>tr>th.info_reg_th {
	width: 140px;
	font-size: 1.5rem;
	font-weight: bold;
	background-color: #eee;
}

.info_reg_th34 {
	width: 140px;
	background-color: #eee;
	background: #f7f7f7;
	font-size: 14px;
	color: #526cb1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 160px;
	border: #d7d7d7 solid 1px;
	font-weight: 600;
}

.info_reg_td344 {
	border: #d7d7d7 solid 1px;
	overflow: auto;
	padding: 1.5rem;
	flex: 4;
	margin-left: -1px;
	margin-right: -1px;
	background-color: white;
	height: 120px;
	text-align: left;
	font-size: 14px;
	color: #636363;
}

.info_pre1 {
	border: #d7d7d7 solid 1px;
	overflow: auto;
	padding: 1.5rem;
	flex: 4;
	margin-left: -1px;
	margin-right: -1px;
	background-color: white;
	height: auto;
	min-height: 150px;
	max-height: 200px;
	text-align: left;
	font-size: 14px;
	color: #636363;
	white-space: pre-wrap;
	font-weight: 500;
}

.info_pre2 {
	width: 89%;
	border: none;
	overflow: auto;
	padding: 10px 5px;
	margin-left: -1px;
	margin-right: -1px;
	background-color: white;
	height: auto;
	min-height: 40px;
	max-height: 250px;
	text-align: left;
	font-size: 14px;
	color: #636363;
	white-space: pre-wrap;
	margin-left: 150px;
}

.info_file {
	border: #d7d7d7 solid 1px;
	flex: 4;
	margin-left: -1px;
	margin-right: -1px;
	background-color: white;
	height: 60px;
	text-align: left;
	font-size: 15px;
	color: #636363;
	white-space: normal;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1rem 2rem;
}

.w170 {
	width: 170px;
}

.w100 {
	width: 100px;
}

.info_reg_bdTop {
	border-top: #274ba9 solid 2px;
}

.item_result78 {
	display: flex;
	border: 15px solid #f6f8fc;
}

.check_area_wrap_view {
	position: relative;
	border: 1px solid #eee;
}

.check_area_wrap_view:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px;
	height: 100%;
	background-color: #eee;
}

.textarea_view {
	min-height: 100px;
	line-height: 1.5;
	padding: 10px;
	word-break: break-all;
}

.text_view {
	line-height: 1.5;
	padding: 10px;
}

.textarea_bd {
	border: 1px solid #eee;
	color: #636363;
	font-weight: 500;
}

.table_fixed {
	table-layout: fixed;
}

.consultationDate {
	display: flex;
	gap: 0.5em;
	align-items: center;
}

@media screen and (max-width: 1200px) {
	/* #header {
        width: 100vw;
    }
    #header .wrap {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        padding: 0 10px;
    }
    #header .h_menu {
        width: 100%;
        height: auto;
        margin-top: 15px;
    }
    #header .h_menu .hm_all {
        display: none;
    }
    #header .h_menu .hm_list {
        display: none;
    }
    #header .h_menu .hm_top li {
        padding: 0 17px;
        border: 1px solid #bbb;
        border-radius: 4px;
        line-height: 28px;
    }
    #header .h_menu .hm_top li:before {
        display: none;
    }
    #header .h_menu .hm_top li:last-child {
        display: none;
    } */
	/* 로그인 */
	.form.login {
		padding-right: 0;
	}
	.popup.login .p_body, .popup.reg .p_body, .popup.find .p_body, .popup.pw_show .p_body
	{
		padding: 13px;
	}
	.form.login .f_btn .btn.join {
		display: none;
	}
	.form.login .f_field .ff_title {
		position: static;
		height: 30px;
		line-height: 30px;
		margin-bottom: 5px;
	}
	.form.login .f_field .ff_wrap {
		padding: 0;
		margin-left: 0 !important;
	}
	.login .tab {
		margin-bottom: 20px;
	}
	.form.login label span {
		line-height: 30px;
	}
	.form.login .f_btn {
		position: static;
		margin-top: 20px;
	}
	.form.login .f_btn .btn {
		width: 100%;
		height: 45px;
		line-height: 45px;
		font-size: 1.5rem;
		margin: 0;
		border: 0;
	}
	.login .input {
		height: 44px;
		line-height: 42px;
		text-indent: 9px;
	}
	.member_find {
		/* display: none; */

	}
	.text.tiny, .text .tiny {
		line-height: 18px;
		margin-top: 2px;
	}
	.member_find li a {
		margin: 0 15px;
		font-size: 15px;
	}
}

.f_wrap2 {
	display: none;
	padding-bottom: 30px;
}

.search_Area {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.dwldArea {
	display: flex;
	justify-content: flex-end;
}

.dwldArea span, .dwldArea a {
	font-size: 14px;
}

.dwldBtnArea {
	display: flex;
}

.PopupGoodsOwnerSelecAr {
	display: flex;
	gap: 5px;
}

.selectAreaArea {
	display: flex;
	align-items: flex-end;
	margin: 20px 0;
}

.PopupGoodsOwnerSelec {
	width: 300px !important;
	box-sizing: border-box;
	border: #d6d6d6 solid 1px;
	border-radius: 5px;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
}
.selecAppr {
	width: 700px;
	height: 35px;
	box-sizing: border-box;
	border: #d6d6d6 solid 1px;
	border-radius: 5px;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
}

.PopupGoodsOwnerSelec2 {
	width: 150px !important;
	box-sizing: border-box;
	border: #d6d6d6 solid 1px;
	border-radius: 5px;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
}

select option[value=""][disabled] {
	display: none;
}

.ltisCaution {
	font-size: 15px;
	text-align: left;
	padding: 5px 0px 5px;
	font-weight: 600;
	letter-spacing: -1px;
	line-height: 1.5;
}

.font-red {
	color: #e30000;
	font-weight: 400;
}

.cs_search {
	margin-bottom: 20px;
}


.f_field3 {
	position: relative;
}

.positionQ {
	position: absolute;
	top: 58px;
}

.poTop20 {
	top: 20px;
}

.poTop31 {
	top: 31px;
}

.poTop52 {
	top: 52px !important;
}

.poTop168 {
	top: 168px;
}

.pot25l130 {
	top: 25px;
	left: 130px;
}

.potop162 {
	top: 162px;
}

.buttonQ {
	min-width: 50px;
	font-size: 20px;
	/*border-radius: 50px;*/
}

.buttonQex {
	position: absolute;
	height: 50px;
	width: 900px !important;
	line-height: 1.8;
	line-height: 40px !important;
}

.togglePopup11 {
	display: none;
	position: absolute;
	top: -30px;
	right: 10px;
	padding: 20px;
	background-color: white;
	border: 1px solid #ccc;
	border-radius: 5px;
	z-index: 20;
	line-height: 1.5;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	font-size: 14px;
}

.closePopup {
	text-align: center;
	width: 50px;
	height: 30px;
	background-color: white;
	padding: 20px;
}

.nego22 {
	position: absolute;
	top: 35px;
	left: 20px;
	font-size: 12px;
	font-weight: 400;
	color: #0663b2;
}

.nego23 {
	font-size: 12px;
	font-weight: 400;
	color: #0663b2;
	line-height: 16px;
}

.f_wrap3 {
	position: relative;
	width: 1400px;
	background-color: white;
}

.apprNotice {
	width: 1260px;
	padding: 10px;
	margin-left: 160px !important;
}

.apprNotice pre {
	line-height: 1.5;
}

#infoNo_Chk {
	font-size: 14px;
	color: #4261ac;
	margin: 10px 10px 0px 10px;
	line-height: 2;
}

#infoNo_Chk2 {
	font-size: 14px;
	margin-top: 10px;
	color: #4261ac;
	margin-left: 10px;
}

.apprNoticeP {
	line-height: 1.2;
	padding: 10px;
	font-size: 1.5rem;
	color: #636363;
}
.apprNotice .btn.small {
	padding: 0px 10px;
	height: 30px;
	margin: 8px 0px 8px 5px;
	line-height: 28px;
	font-size: 15px;
}
#attachFile .btn.small {
	padding: 0px 10px;
	height: 30px;
	margin: 8px 0px 8px 5px;
	line-height: 28px;
	font-size: 15px;
}
.checkbox-container3 {
	padding: 0px 25px 10px 0px;
	align-items: center;
}

.checkbox-container3 input[type="checkbox"] {
	margin: 0 5px 0 10px;
}

.apprNoticeBtm {
	margin-bottom: 20px;
}

.checkbox-container3 a, .apprNoticeUp a {
	font-size: 14px;
	color: #0663b2;
	margin-left: 5px;
	line-height: 1.5;
	align-items: center;
	line-height: 0.7;
}

.apprNoticeUp {
	padding: 5px 15px 0px 20px;
}

.checkbox-container2 {
	margin: 5px 0 20px 20px;
}

.apprNoticeBtn {
	display: inline-block;
	width: 200px !important;
	cursor: pointer;
}

.togglePopup4 {
	position: absolute;
	top: 60px;
	left: 25px;
	color: #4261ac;
	cursor: pointer;
	padding: 2px;
	text-align: center;
	font-size: 12px;
	z-index: 2;
	border-bottom: 1px solid #4261ac;
}

#popupshowReceipt, .popupshowltisDown, #popupRejectReason, #popupRejectReason2,
.popupRejectReason, #popupshowCal2, #popupshowCal222, #popupopinionRequest,
.popupopinionRequest, .popupBg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 101;
}

#popshowReceipt p, .popshowltisDown p, #popRejectReason p,
.popRejectReason p, #popshowCal p, .popshowArea p {
	margin-bottom: 30px;
}

#popshowReceipt, .popshowltisDown, #popshowltisDown, #popRejectReason,
.popRejectReason, #popRejectReason, .popopinionReques {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-width: 400px;
	height: 400px;
	background-color: white;
	border-radius: 8px;
	padding: 40px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/*border-top: 30px solid #4261ac;*/
}

#popopinionRequest3 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-width: 550px;
	height: 200px;
	background-color: white;
	border-radius: 8px;
	padding: 40px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/*border-top: 30px solid #4261ac;*/
}

#popshowCal {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-width: 500px;
	height: 450px;
	background-color: white;
	border-radius: 8px;
	padding: 40px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.popshowArea {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-width: 600px;
	height: 450px;
	background-color: white;
	border-radius: 8px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.popshowReceiptSub {
	text-align: start;
	line-height: 1.5;
	width: 80%;
	padding-bottom: 10px;
}

.popshowReceiptSub6 {
	text-align: start;
	line-height: 1.5;
	padding-bottom: 10px;
	height: 200px;
	overflow: auto;
}

.popshowReceiptSub2 {
	text-align: start;
	line-height: 1.5;
	width: 100%;
	padding-bottom: 10px;
}

.popshowReceiptSub textarea {
	margin-top: 10px;
	width: 300px;
	height: 200px;
	resize: none;
	border: #d6d6d6 solid 1px;
	border-radius: 5px;
}

.popshowReceiptSub5 textarea {
	margin-top: 10px;
	width: 300px;
	height: 200px;
	resize: none;
	border: #d6d6d6 solid 1px;
	border-radius: 5px;
}

.font13 {
	font-size: 13px;
}

.font12Imp {
	font-size: 12px !important;
	text-align: center !important;
}

.btn.small55 {
	min-width: 55px;
	padding: 0px 5px;
	font-size: 14px;
}

.popshowReceiptGroup {
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid grey;
	margin-bottom: 15px;
}

.popshowReceiptTable {
	width: 400px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	border-collapse: collapse;
}

.merged-cell {
	grid-column: 1/span 4;
	text-align: center;
	background-color: #274ba9;
	color: white;
	font-weight: bold;
	padding: 8px;
}

.popshowReceiptSub3 {
	text-align: start;
	line-height: 1.5;
	height: 300px;
	overflow-y: auto;
}

.gridReceiptItem {
	padding: 10px 10px;
	border: #e7e8ea solid 1px;
	background-color: #fff;
	font-size: 16px;
	color: #636363;
	line-height: 1.2;
	text-align: center;
}

.popshowReceiptBtn {
	display: flex;
	margin: 15px;
	justify-content: center;
}

.popshowReceiptTable2 {
	width: 900px;
	display: grid;
	grid-template-columns: 60px 120px 240px 120px 360px;
}

.goToDeliberatePdfTable3 {
	width: 700px;
	display: grid;
	grid-template-columns: 1fr 1fr 3fr;
}

.goToDeliberatePdf6 {
	width: 900px;
	display: grid;
	grid-template-columns: 0.7fr 2fr 2fr 2fr 4fr 1fr 1fr;
}

.goToDeliberatePdf7 {
	width: 900px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.gridReceiptItem3 {
	text-align: center;
	background-color: #274ba9;
	color: white;
	padding: 8px;
	font-size: 14px;
}

.gridReceiptItem2 {
	padding: 10px 10px;
	border: #e7e8ea solid 1px;
	background-color: #fff;
	font-size: 14px;
	color: #636363;
	display: flex;
	align-items: center;
	justify-content: center;
}

.gridReceiptItem4 {
	padding: 5px 5px;
	border: #e7e8ea solid 1px;
	background-color: #fff;
	font-size: 14px;
	color: #636363;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
}

#popupshowCallDown2, #goToDeliberatePdf3, #goToDeliberatePdf4,
#goToDeliberatePdf5, #togglePopup3, #togglePopupDown {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 100;
}

#popupshowCallDown2, #goToDeliberatePdf3, #goToDeliberatePdf4,
#goToDeliberatePdf5, #togglePopup3 {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 100;
}

#popshowCallDown, .popshowCallDown {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 800px;
	height: 300px;
	overflow-y: auto;
	background-color: white;
	border-radius: 8px;
	padding: 20px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#popshowCallDown4 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 1000px;
	height: 400px;
	background-color: white;
	border-radius: 8px;
	padding: 40px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#cm_poplist {
	margin: 20px 0;
	display: none;
}

.cm_wrap2 {
	margin: 20px 0;
}

#popshowCallDown2, .popshowCallDown2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 1000px;
	height: 500px;
	overflow-y: auto;
	background-color: white;
	border-radius: 8px;
	padding: 20px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.p_t1_title {
	text-align: left;
	margin: 35px 0px 20px;
	font-size: 17px;
	font-weight: 600;
	color: #0663b2;
}

#goodsownerCheckList2 {
	height: 175px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.callBtn2 {
	width: 100%;
	margin: 10px 30px 10px 10px;
	display: flex;
	justify-content: flex-end;
}

.popshowReceiptSub2 {
	text-align: start;
	line-height: 1.5;
	width: 250px;
	height: 200px;
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.popshowReceiptSub5 {
	text-align: start;
	line-height: 1.5;
	color: #636363;
}

.btnAct5 {
	border-color: #4261ac;
	background-color: #4261ac;
	color: #fff !important;
}
/*우측정렬*/
.fileright2 {
	display: flex;
	justify-content: space-between;
}

.p_t1_title23 {
	text-align: left;
	margin: 0px;
	font-size: 17px;
	font-weight: 600;
	color: #365978;
}
.p_t1_title233 {
	text-align: left;
	margin: 10px;
	font-size: 17px;
	font-weight: 600;
	color: #365978;
}

.contentdownGoodsRowTb {
	height: 500px;
	overflow-y: auto;
}

.relationContent {
	text-indent: 0px !important;
}

.input60 {
	display: block;
	vertical-align: middle;
	box-sizing: border-box;
	width: 100% !important;
	height: 30px;
	margin: 0;
	padding-left: 10px;
	border: #d6d6d6 solid 1px;
	border-radius: 5px;
	background-color: #fff;
	font-size: 15px;
	color: #222326;
	letter-spacing: 0px;
	line-height: 1.6;
	text-align: left;
	text-indent: 15px;
	resize: none;
	overflow-y: hidden;
}

.input70 {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	width: 105px !important;
	height: 30px !important;
	margin: 5px;
	padding: 0;
	border: #d6d6d6 solid 1px;
	border-radius: 5px;
	background-color: #fff;
	font-size: 15px;
	color: #222326;
	letter-spacing: 0px;
	line-height: 25px;
	text-align: left;
	text-indent: 15px;
}

.input80 {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	width: 210px !important;
	height: 40px !important;
	margin-right: 5px;
	padding: 0;
	border: #d6d6d6 solid 1px;
	border-radius: 5px;
	background-color: #fff;
	font-size: 15px;
	color: #222326;
	letter-spacing: 0px;
	line-height: 35px;
	text-align: left;
	text-indent: 15px;
}

.opinionSubmit {
	display: flex;
	justify-content: center;
	margin: 10px 0 10px;
}

.opinionSubmitArea {
	display: flex;
	justify-content: flex-end;
	margin-top: 80px;
	border-bottom: #274ba9 solid 2px;
	align-items: flex-end;
	padding-bottom: 5px;
}
.opinionSubmitAreaReject {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin-top: 80px;
	border-bottom: #274ba9 solid 2px;
	align-items: flex-start;
	padding-bottom: 5px;
}

.fileRight1 {
	margin-left: 580px;
}

.fileRight3 {
	margin-left: 10px;
	margin-bottom: 20px;
	flex: 1;
}

#contentdownGoodsRowTb2 {
	height: 500px;
	overflow: auto;
}

.opinionQaExform {
	display: flex;
	justify-content: space-between;
	padding-top: 10px;
	align-items: flex-start;
}

.dwldAreaOpinion {
	display: flex;
	margin-bottom: 10px;
}

.inputNoBd {
	border: none;
	width: 100% !important;
	outline: none;
}

.allOpinion {
	display: flex;
	justify-content: flex-end;
}

.mouseClkCent {
	display: flex;
	justify-content: center;
}

.resultBackground {
	background-color: #f3f6fb !important;
	padding: 15px !important;
}

.resultBackgroundBtn {
	padding: 3px !important;
}

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

.popupGoodsOwnerSelecDetails615 span {
	margin-top: 20px;
	color: gray;
	font-size: 13px;
}

.parent .togglePopup2 {
	margin: 0px;
	position: absolute;
	top: 50%;
	left: 98%;
	transform: translateY(-50%);
	z-index: 8;
	width: 20px;
	height: 20px;
	color: #fff;
	line-height: initial;
}

.parent .togglePopupArea {
	position: relative;
	width: 100%;
	height: 37px;
	z-index: 5;
}

.parent .togglePopup3 {
	min-width: 531px;
	overflow-y: auto;
	max-height: 500px;
	text-align: left;
	display: none;
	position: absolute;
	top: -66px;
	left: 63%;
	padding: 25px 15px;
	background-color: white;
	border: 1px solid #ccc;
	border-radius: 5px;
	z-index: 20;
	line-height: 1.5;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	font-size: 14px;
	padding: 35px;
}

.togglePop3 {
	width: 1000px;
	max-height: 868px;
	text-align: left;
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: white;
	border: 1px solid #c1c1c1;
	border-radius: 5px;
	z-index: 20;
	line-height: 1.5;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	font-size: 14px;
	padding: 40px;
	z-index: 100;
	transform: translate(-50%, -50%);
}

.changeAb {
	position: relative;
}

.togglePopupAb {
	min-width: 531px;
	overflow-y: auto;
	max-height: 500px;
	text-align: left;
	display: none;
	position: absolute;
	top: -66px;
	left: 63%;
	padding: 25px 15px;
	background-color: white;
	border: 1px solid #ccc;
	border-radius: 5px;
	z-index: 20;
	line-height: 1.5;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	font-size: 14px;
	padding: 35px;
}

.checkIcon:before {
	background-position: right -60px !important;
}

.parent .togglePopup3 span {
	color: #f00;
}

.parent .togglePopup3 b {
	font-size: 17px;
}

.popupGoodsOwnerSelecDetails615 .question_mark span {
	font-size: 25px;
	color: #4261ac;
	display: block;
	margin-top: 0px;
	cursor: pointer;
}

.hideAgendaOpinion78 {
	margin: 0px 0px 20px 0px;
	padding: 10px 30px 0px 30px;
	border: 10px solid #f8f8f8;
}

.txt-r2 {
	display: flex;
	align-items: flex-end;
}

.txt-r2 span {
	color: #e37676;
	margin-right: 7px;
}

.txt-r3 {
	margin-top: 10px;
	font-size: 13px !important;
	color: #e37676;
}

.borderBack {
	border: 5px solid #F6F8FC;
	background-color: #f6f8fC;
}

.borderBackIn {
	margin: 0px 15px 15px 15px;
}

.borderBackLeft {
	display: flex;
	justify-content: flex-start;
}

.borderBackRight {
	display: flex;
	justify-content: flex-start;
	flex-direction: row-reverse;
}

.togglePopupIns {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}

.cs_category2 {
	display: flex;
	justify-content: flex-end;
	flex-wrap: nowrap;
	align-items: center;
	gap: 5px;
}

.plusDown {
	color: #4261ac;
	cursor: pointer;
	border-radius: 50px;
	font-size: 18px;
	font-weight: 900;
}

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

.addReplyFlex2 {
	display: flex;
	font-size: 14px;
	border-bottom: #e7e8ea solid 1px;
}

.addReF2 {
	flex: 4;
	text-align: left;
	line-height: 1.4;
	font-size: 14px;
}

#addReply {
	min-height: 60px !important;
	resize: none;
	font-size: 14px;
}

.addReF3 {
	color: grey;
}

.fileBtnRemove::file-selector-button {
	display: none;
}

.evaluationTr {
	border-right: 1px solid #8a9dcd;
}

.popupTitle {
	width: 100%;
	height: 50px;
	border-radius: 8px 8px 0px 0px;
	background-color: #4261ac;
	color: #fff;
	margin-bottom: 40px;
	font-size: 18px;
	display: flex;
	font-weight: 500;
	line-height: 50px;
	justify-content: center;
}

.popupTitle2 {
	height: 35px;
	line-height: 35px;
	background-color: #4261ac;
	color: #fff;
}

.tw100 {
	width: 100% !important;
}

.gotolabel {
	margin: 0px auto;
	width: 90%;
	text-align: left;
	align-items: flex-start;
}

.gotolabel li {
	margin-bottom: 10px;
}

.fileInputHide {
	position: absolute !important;
	width: 0 !important;
	height: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
}

.listTdp {
	max-height: 62px;
	width: 650px;
	overflow: hidden;
	white-space: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-indent: 10px;
}

.magniClick a:after {
	content: "";
	display: inline-block;
	vertical-align: -4px;
	width: 20px;
	height: 20px;
	margin-left: 3px;
	background-image: url(../images/common/icon_btn.svg);
	background-repeat: no-repeat;
	background-position: left -20px;
	background-size: 300% auto;
}

.wrapped-text {
	width: 850px;
	white-space: pre-wrap;
	word-wrap: break-word;
	overflow: hidden;
}

.flexCenter {
	display: flex;
}

.flexCenter2 {
	display: flex;
	justify-content: center;
}

.flexCenter .side {
	line-height: 35px;
}

.flexBetween {
	display: flex;
	justify-content: space-between;
	align-content: center;
	align-items: flex-end;
}

.gisPopupImg {
	background-image: url('../images/gis.png');
	background-size: cover;
}

.gisPopupArea {
	height: 650px;
	overflow: auto;
}

.poptableBdn tr th {
	border-top: none !important;
}

.poptableBdn tr:nth-child(2) th, .poptableBdn tbody th {
	border-bottom: 1px solid #e7e8ea;
}

.borderTopBlue {
	border-top: #274ba9 solid 2px;
}

.popAmagni {
	content: "";
	display: inline-block;
	text-align: center;
	vertical-align: -4px;
	width: 20px;
	height: 20px;
	margin-left: 3px;
	background-image: url("../images/common/icon_btn.svg");
	background-repeat: no-repeat;
	background-position: left -20px;
	background-size: 300% auto;
}

.popmin {
	min-height: 200px !important;
	max-height: 560px;
	overflow: auto;
}

.pdf__pagePre {
	font-size: 16px;
	font-family: 'Noto Serif KR', serif;
}

.pdf__pagePre span {
	font-size: 16px;
	font-family: 'Noto Serif KR', serif;
	font-family: 'Noto Serif KR', serif;
	font-size: 14pt;
	font-weight: 600;
}

.overflowAuto {
	overflow: auto;
	overflow-x: hidden;
}

.pdfSmallBtn {
	min-width: 60px;
	font-size: 14px;
}

.popAmagni3 {
	content: "";
	display: inline-block;
	vertical-align: -4px;
	width: 20px;
	height: 20px;
	background-image: url(../images/common/icon_btn.svg);
	background-repeat: no-repeat;
	background-position: left -20px;
	background-size: 300% auto;
}

.maxh200 {
	max-height: 200px;
}

.poptableDiv {
	width: 100%;
	max-height: 500px !important;
	overflow: auto;
}

.generatebg {
	background-color: #fbfbfb;
}

.generate9999txt {
	font-size: 14px;
	color: #4261ac;
	font-weight: bold;
}

.scheduleSelec select {
	width: 80%;
	height: 100%;
	border: none;
	background-color: none;
	background: none;
	color: #4261ac;
}

.  {
	border-top: none !important;
}

.btnAa {
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 6px 0px 0px 6px;
	height: 40px !important;
	line-height: 38px !important;
}

.btnBb {
	margin: 0 !important;
	margin-left: -1px !important;
	border-radius: 0px 6px 6px 0px;
	height: 40px !important;
	line-height: 38px !important;
}

.middleLay {
	display: flex;
}

.flexEnd {
	justify-content: flex-end !important;
}

.fileBdTop {
	border-top: 1px solid #90a4d6;
	border-top: 1px solid #aeaeae;
	border-top: 1px solid #c0c0c0;
}

.togglePopup2 {
	position: absolute;
	top: 45px;
	left: 25px;
	width: 16px;
	height: 16px;
	background-color: #4261ac;
	color: white;
	cursor: pointer;
	text-align: center;
	border-radius: 50px;
	font-size: 14px;
	z-index: 2;
}

.list_question_mark {
	width: 21px;
	height: 21px;
	background-color: #bdbdbd;
	color: white;
	cursor: pointer;
	text-align: center;
	border-radius: 50px;
	display: inline-block;
	line-height: 19px;
	font-size: 16px;
	font-weight: 500;
}

.title_question_mark {
	width: 24px;
	height: 24px;
	background-color: #dadbdb;
	background-color: #c5c7c9;
	color: white !important;
	cursor: pointer;
	text-align: center;
	border-radius: 50px;
	display: inline-block;
	line-height: 22px;
	font-size: 18px !important;
	margin-top: 3px;
}
.youtube-play-icon {
	width: 24px;
	height: 24px;
	background-color: #c5c7c9; /* Maintaining the original color */
	color: white;
	cursor: pointer;
	text-align: center;
	border-radius: 50%;
	display: inline-block;
	line-height: 22px;
	font-size: 14px; /* Adjusted for visibility */
	margin-top: 3px;
	position: relative;
}
.toggleQuestionDiv span{
	font-size: 15px !important;
	letter-spacing: -0.1px !important;
}

.title_question_mark2 {
	cursor: pointer;
	text-align: center;
	border-radius: 50px;
	display: inline-block;
	position: absolute;
	left: 124px;
	background-color: #f7f7f7;
	background-color: #c5c7c9;
	color: #fff;
	top: 10px;
	width: 20px;
	height: 20px;
	font-size: 16px;
	line-height: 18px;
}


.title_question_mark3 {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50px;
	text-align: center;
	font-size: 16px;
	line-height: 18px;
	background-color: #c5c7c9;
	color: #fff;
	cursor: pointer;
}
.title_question_mark2:hover, .title_question_mark3:hover, .title_question_mark:hover,
.list_question_mark:hover, .youtube-play-icon:hover {
	background-color: #274ba9;
	color: #fff;
}


.poLeft100 {
	left: 100px;
}

.x_mark {
	background-color: #ffffff;
	color: #274ba9;
	cursor: pointer;
	text-align: center;
	border-radius: 3px;
	display: inline-block;
	line-height: 22px;
	margin-left: 10px;
	font-weight: 900;
	float: right;
}

.toggleQuestionDiv span {
	color: #274ba9;
}

.toggleQuestionDiv_ff span {
	color: #274ba9;
}

.toggleLockIconDiv span {
	color: #274ba9;
}

.togglePopupArea {
	position: relative;
	z-index: 5;
}

.togglePopupArea2 {
	position: relative;
	z-index: 5;
}

.togglePop3 div {
	background-color: #ffffff;
}

.togglePopup3, .togglePopup5 {
	display: none;
	position: absolute;
	top: -30px;
	left: 10px;
	padding: 20px;
	background-color: white;
	border: 1px solid #ccc;
	border-radius: 5px;
	z-index: 20;
	line-height: 1.5;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	font-size: 14px;
}

.toggleQuestionArea {
	display: none;
	position: absolute;
	padding: 8px;
	background-color: white;
	border: 1px solid #274ba9;
	border-radius: 5px;
	z-index: 20;
	line-height: 1.5;
	box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.2);
	font-size: 14px;
	text-align: left;
}

.toggleQuestionDiv {
	display: none;
	position: absolute;
	padding: 6px 12px;
	background-color: white;
	border: 1px solid #274ba9;
	border-radius: 5px;
	z-index: 20;
	line-height: 1.5;
	box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.2);
	font-size: 15px !important;
	text-align: left;
	font-weight: 500;
	margin-left: 50px;
}

.toggleQuestionDiv_ff {
	display: none;
	padding: 5px 12px;
	background-color: white;
	border: 1px solid #274ba9;
	border-radius: 5px;
	z-index: 20;
	line-height: 1.5;
	box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.2);
	font-size: 15px;
	margin-left: -6px;
	color: #333333;
	position: absolute;
	left: -10px;
	font-weight: 500;
}

.toggleLockIconDiv {
	display: none;
	padding: 5px 12px;
	background-color: white;
	border: 1px solid #274ba9;
	border-radius: 5px;
	z-index: 20;
	line-height: 1.5;
	box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.2);
	font-size: 15px;
	color: #333333;
	position: absolute;
	right: 42%;  /* 락 아이콘이 오른쪽에 있으므로 right 사용 */
	font-weight: 500;
	white-space: nowrap; /* 텍스트가 한 줄로 나오도록 */
}

.tgPop3 {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 1;
	height: 667px;
}

.tgPop3 div {
	width: 100%;
	height: 30px;
	display: flex;
	flex-direction: column;
	border: 1px solid #e7e8ea;
	border-left: none;
	margin-top: -1px;
	font-size: 13px;
	padding: 0 20px;
	justify-content: center;
}

.tgPop3 div:first-child {
	background-color: #4261ac;
	border: none;
	border-right: 1px solid #ffffff;
	color: #ffffff;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
}

.tgPop3:first-child div+div {
	border-left: 1px solid #e7e8ea;
	background-color: #f7f7f7;
}

.togglePop3 button {
	position: absolute;
	top: 540px;
	width: 260px;
}

.line1 {
	width: 100%;
	height: 1px;
	margin: 20px 0;
	background-color: #274ba9;
}

.line3 {
	width: 100%;
	height: 2px;
	background-color: #4261ac;
	margin-top: 40px;
	margin-bottom: 20px;
}

.f6f8fC .info_file p {
	margin-right: 10px;
	color: #e37676;
	color: #d86060;
}

.ft600 {
	font-weight: 600;
	color: #4261ac;
	margin-bottom: 5px;
}

.mainScrl {
	max-height: 230px;
	overflow-y: auto;
	width: 100%;
}

.mainScrl2 {
	max-height: 210px;
	overflow-y: auto;
	width: 100%;
}

.mainScrl::-webkit-scrollbar {
	width: 8px;
}

.mainScrl::-webkit-scrollbar-thumb {
	background-color: #274ba9;
}

.mainScrl::-webkit-scrollbar-track {
	background: #f1f1f1;
}

.mainScrl2::-webkit-scrollbar {
	width: 8px;
}

.mainScrl2::-webkit-scrollbar-thumb {
	background-color: #274ba9;
}

.mainScrl2::-webkit-scrollbar-track {
	background: #f1f1f1;
}

.bd-c4 th, .bd-c4 td {
	border: 1px solid #c9c9c9 !important;
	border-top: 2px solid #274ba9 !important;
}

.upTime {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between;
	align-content: center;
	align-items: center;
}

.upTime span {
	white-space: nowrap;
	font-size: 14px;
	letter-spacing: 0.5px;
}

.file-gap {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

#tip_text span {
	color: #626262;
}

#tip_text span:first-child, #tip_text span:last-child {
	color: #196cb5;
	font-weight: bold;
}

#tip_text span:nth-child(2) {
	color: #626262;
	font-weight: bold;
}
.pop_search .ff_group button{
	height: 30px;
	line-height: 28px;
	margin: 4px;
}
td.left{
	text-indent: 2px;
}

.apprNotice .file_flex:last-child{
	padding: 0;
	padding-bottom: 0;
}
.file_flex123 .file_flex{
	padding: 0;
}
.file_flex123{
	padding: 8px 0;
}
.ff_wrap.ph5.pr5 .file_flex{
	padding: 0;
}
.ff_wrap.ph5.pr5 .file_flex{
	padding: 0;
	padding-bottom: 4px;
}
.ff_wrap.ph5.pr5 .file_flex:last-child{
	padding-bottom: 0px;
}
.rd_under .c_btn {
	width: 180px;
	display: flex;
	justify-content: flex-end;
	gap: 5px;
	margin-bottom: 5px;
}
.view_All{
	display:none;
}
.file_btn_wrap .btn.small{
	margin: 4px 0;
	margin-right: 4px;
}
input[type="checkbox"] {
	width: 16px;
	height: 16px;
}
.w-10{
	width: calc(100% - 10px) !important;
}
.xl-btn{
	display: flex;
	width: 160px;
	align-items: center;
	justify-content: center;
}
.show-tooltip {
	display: block !important;
}

.show-tooltip .togglePop3 {
	display: flex !important;  /* 쟁점의견 물음표 안내 안나옴 방지 */
}

.tqd2{
	right: 549px;
	height: 50px;
	line-height: 35px;
}
.input1234{
	color: #e20000;
	background-color: #f7f7f7;
}
#loginPopup .form.join .f_field .ff_title {
	display: flex;
	align-items: center;
	height: 45px;
}
.c_sub.join .select{
	margin:4px;
	margin-left: 0;
}
.c_sub.join input, .c_sub.join select, .c_sub.join button{
	height: 40px;
	margin: 4px 0;
}
.c_sub.join .btn_wrap{
	display: flex;
	justify-content: center;
	gap: 8px;
}
.join .form {
	width: 800px !important;
}
.search_Area .noOwnerSelec{
	font-weight: 400;
	font-size: 14px;
	color: #222326;
	display: flex;
	align-items: center;
	gap: 5px;
	margin-left: 15px;
}
.btn-rjt{
	cursor: pointer;
	color: #e30000;
	box-sizing: border-box;
	min-width: 30px;
	height: 30px;
	border: #e27676 solid 1px;
	font-size: 14px;
	font-weight: 500;
	padding: 4px;
	border-radius: 3px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	padding: 4px;
}
.view_btn{
	width: 170px;
}
.form .f_field:last-child:before{
	min-height: 380px;
}
.ltisPlace{
	width: 400px;
	height: 130px;
	background-color: #f7f7f7;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	border-radius: 8px;
	border: 1px solid #c7cdd7;
	cursor: pointer;
	box-shadow: 5px 5px 5px #eee;
	padding: 23px;
}
.ltisPlace:hover{
	background-color: #ffffff;
}
.ltisPlace i{
	font-size: 60px;
	color: #a0bfe6;
	text-shadow: 3px 3px 3px #869dd8;
}
.ltisPlace span{
	color: #4261ac;
	font-size: 18px;
	font-weight: 800;
}
.ltisPlace p{
	color: #666666;
	letter-spacing: -1px;
	line-height: 1.2;
	font-size: 14px;
}
.ltisPlace p:first-of-type {
	margin-top: 4px;
}
.lh14m0{
	line-height:1.6 !important;
	padding: 0 !important;
}
.tid5{
	text-indent: 5px !important;
}
.bln{
	border-left: none !important;
}
.brn{
	border-right: none !important;
}
.guide{
	color: #e64e16;
	font-size: 14px;
	letter-spacing: -0.5px;
}
.gisTab{
	display: flex;
}
.gisTab .btn{
	padding-left: 10px;
	padding-right: 10px;
	margin: 0;
	margin-left: -1px;
	border-radius: 0;
}
.gisTab .btn:first-child{
	border-radius: 4px 0px 0px 4px;
}
.gisTab .btn:last-child{
	border-radius: 0px 4px 4px 0px;
}
.gisTabcontent {
	display: none;
}
.gisTab button.active {
	background-color: #4261ac;
	color: #FFF !important;
}

.smsContainer{
	display: flex;
	flex-direction: column;
	padding: 30px;
	width: 100vw;
	height: 100vh;
	font-size: 14px;
	align-items: center;
	justify-content: center;
	padding-bottom: 50px;
}
.smsContainer .smsLeft{
	display: flex;
	flex-direction: column;
	width: 90%;
}
.smsLeft > div {
	margin-top: 20px;
}
.smsContainer .smsRight{
	width: 150px;
	margin-right: 10px;
}
.smsContainer h5 {
	display: flex;
	justify-content: flex-end;
}
.smsContainer h1 + div {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	width: 90%;
}
.smsContainer .smsLeft > div:nth-child(2){
	border-top: 1px solid #eee;
	padding-top: 20px;
	margin-top: 10px;
}
.smsContainer h1{
	color: #06579c;
	font-size: 20px;
	font-weight: 600;
	line-height: 35px;
}
.smsContainer h5{
	font-size: 14px;
}
.smsContainer h1:before{
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #06579c;
	margin: 2px;
	margin-right: 6px;
}
.smsGroup > div{
	display: flex;
	justify-content: center;
}
.smsGroup > div:first-child{
	padding: 15px 0;
}
.smsGroup label{
	margin-left: 5px;
	margin-right: 10px;
}
.smsTb{
	flex-direction: column;
	width: 100%;
	height: 150px;
	overflow-y: scroll;
	margin: 0 auto;
	border-top: 1px solid #ddd;
	padding-top: 40px;
}
.smsTb > div{
	display: flex;
	justify-content: space-between;
}
.smsTb > div{
	display: flex;
	justify-content: space-between;
	height: 40px;
	line-height: 38px;
	padding: 0 10px;
}
.smsTb > div:nth-child(odd) {
	background-color: #eee;
}
.smsTb > div:nth-child(even) {
	background-color: #f9f9f9;
}
.smsTb button {
	cursor: pointer;
	padding: 2px 8px;
	background-color: #fff;
	margin: 4px;
	line-height: 50%;
	border-radius: 4px;
	border: 1px solid #ccc;
}
.smsTb span {
	font-size: 14px;
	padding-left: 10px;
}
.smsContainer textarea{
	width: 100%;
	margin: 10px;
	height: 300px;
	resize: none;
	padding: 8px 12px;
	border-radius: 8px;
	background-color: #eee;
	border: 1px solid #ddd;
}
.smsContainer .red + h5{
	display: flex;
	justify-content: flex-end;
	margin-top: 10px;
}
.smsInput > div{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.smsInput .input40{
	width: 70% !important;
	text-align: right;
	padding-right: 15px;
}
.smsInput span{
	margin-left: 15px;
}
.smsInput .smsNameCheck{
	display: flex;
	margin-top: 10px;
}
.smsBtn{
	display: flex;
	justify-content: center !important;
	margin-top: 15px;
	gap: 5px;
}
.smsBtn button{
	display: inline-block;
	padding: 4px 10px;
	background-color: #337ab7;
	color: #fff;
	height: 30px;
	border-radius: 4px;
}
.receivingInfo{
	width: 100%;
	margin: 10px;
	height: 400px;
	padding: 8px 12px;
	border-radius: 8px;
	background-color: #eee;
}
.smsRight h5{
	display: flex;
	justify-content: center;
}
#edittitle textarea:disabled, #editcontent textarea:disabled {
	background-color: #fff;
}
.list_close_mark{
	width: 16px;
	height: 16px;
	background-color: #0663b2;
	color: #fff;
	cursor: pointer;
	border: 1px solid #0663b2;
	text-align: center;
	border-radius: 2px;
	display: inline-block;
	line-height: 12px;
	font-size: 14px;
	font-weight: 500;
	margin-left: 4px;
}
.list_close_mark:hover{
	width: 16px;
	height: 16px;
	background-color: #fff;
	color: #0663b2;
	cursor: pointer;
	border: 1px solid #0663b2;
	text-align: center;
	border-radius: 2px;
	display: inline-block;
	line-height: 12px;
	font-size: 14px;
	font-weight: 500;
	margin-left: 4px;
}
.fbfbfb{
	background-color: #fbfbfb !important;
}
.f3f3f3{
	background-color: #f3f3f3;
}
.fff{
	background-color: #fff;
}
.w1400Ws{
	width: 1400px;
	white-space: pre-wrap;
	word-wrap: break-word;
}
.bdr4004{
	border-radius: 4px 0px 0px 4px;
}
.custom-file-upload{
	min-width: 130px !important;
	padding: 0px 7px;
	text-align: center;
	display: block;
	font-size: 16px;
	color: #fff !important;
	height: 35px;
	display: flex;
	align-items: center;
	border-radius: 3px;
	background: #4261ac;
	border: 1px solid #4261ac;
	margin-right: 5px;
	padding-right: 0;
	gap: 7px;
	justify-content: center;
}
.custom-file-upload:hover{
	background: #1e2b37;
	border: 1px solid #1e2b37;
}
.cursorP{
	cursor: pointer;
}

/* 로딩 오버레이 스타일 */
.loading-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8);
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	flex-direction: column;
}

/* 로딩 애니메이션 스타일 */
.loader {
	border: 8px solid #f3f3f3;
	border-top: 8px solid #274ba9;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* 로딩 메시지 스타일 */
.loading-message {
	margin-top: 20px;
	font-size: 20px;
	color: #274ba9;
	text-align: center;
}