@charset "utf-8";

/* s:서브 공통 */
.sub-page {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.cbc-sub-main {
	background: #f7f9fe;
	flex: 1;
}
/* e:서브 공통 */

/* s:접수조회 */
.cbc-sub-visual {
	height: 330px;
	position: relative;
	background:
		radial-gradient(circle at 88% 70%, rgba(152,44,205,.22) 0%, rgba(152,44,205,0) 35%),
		radial-gradient(circle at 70% 34%, rgba(32,120,226,.17) 0%, rgba(32,120,226,0) 38%),
		linear-gradient(110deg, #020414 0%, #03051d 46%, #070a2b 72%, #100b3d 100%);
	color: #fff;
	overflow: hidden;
}

.cbc-sub-visual__inner {
	height: 100%;
	display: flex;
	align-items: center;
	position: relative;
}

.cbc-sub-visual__copy {
	position: relative;
	z-index: 5;
}

.cbc-sub-visual__copy span {
	display: block;
	margin-bottom: 3px;
	font-size: 12px;
	font-weight: 600;
	padding-left: 5px;
	color: #6fa9ff;
}

.cbc-sub-visual__copy h1 {
	font-size: 42px;
	font-weight: 600;
	line-height: 1.25;
}

.cbc-sub-visual__copy p {
	margin-top: 12px;
	font-size: 16px;
	color: rgba(255,255,255,.72);
}

.cbc-sub-visual__visual {
	width: 560px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	pointer-events: none;
}

.cbc-sub-visual__visual img {
	position: absolute;
	max-width: none;
}

.cbc-sub-visual__grid {
    width: 1400px;
    right: -80px;
    top: 10px;
    opacity: .68;
    transform: rotate(-5deg);
}

.cbc-sub-visual__logo--01 {
width: 270px;
    right: 295px;
    bottom: -130px;
}

.cbc-sub-visual__logo--02 {
    width: 220px;
    right: 125px;
	top: 62px;
}

.cbc-sub-visual__object--01 {
	width: 96px;
    right: 88px;
    top: 168px;
    transform: rotate(29deg);
}

.cbc-sub-visual__object--02 {
    width: 22px;
    right: 60px;
    top: 250px;
    opacity: 0.6;
    transform: scale(0.5);
}

.cbc-sub-visual__object--03 {
    width: 22px;
    left: 76px;
    top: 150px;
    opacity: 0.5;
    transform: scale(0.5);
}
.cbc-sub-visual__object--04 {
    width: 18px;
    left: 190px;
    top: 85px;
    opacity: 0.4;
    transform: scale(0.7);
}
.cbc-sub-visual__object--05 {
    width: 22px;
    left: 210px;
    top: 70px;
    opacity: 0.4;
    transform: scale(0.6);
}

/* 조회 틀 */
.cbc-history {
	padding: 110px 0;
}

.cbc-history__container {
	max-width: 1200px;
	margin: 0 auto;
}

/* 조회 헤더 */
.cbc-history__head {
	margin-bottom: 34px;
}

.cbc-history__head span {
	display: block;
	margin-bottom: 4px;
	font-size: 11px;
	font-weight: 700;
	color: #2d68e7;
}

.cbc-history__head h2 {
	font-size: 32px;
	font-weight: 800;
	line-height: 1.3;
	color: #14265c;
}

.cbc-history__head p {
	margin-top: 8px;
	font-size: 15px;
	color: #707b99;
}

/* 조회 폼 */
.cbc-history__search {
	padding: 34px;
	background: #fff;
	border: 1px solid #e4e8f2;
	box-shadow: 0 12px 35px rgba(19,33,90,.06);
}

.cbc-history__fields {
	display: grid;
	grid-template-columns: 1fr 1fr 140px;
	gap: 14px;
	align-items: end;
}

.cbc-history__field label {
	display: block;
	margin-bottom: 5px;
	font-size: 15px;
	font-weight: 600;
	color: #273760;
}

.cbc-history__field input {
	width: 100%;
	height: 50px;
	padding: 0 16px;
	border: 1px solid #dce2ee;
	background: #fff;
	color: #16234f;
	outline: none;
	transition: border-color .2s, box-shadow .2s;
}

.cbc-history__field input::placeholder {
	color: #a5acbd;
}

.cbc-history__field input:focus {
	border-color: #2d68e7;
	box-shadow: 0 0 0 3px rgba(45,104,231,.08);
}

.cbc-history__search-button {
	height: 50px;
	background: #246be7;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	transition: background .2s;
}

.cbc-history__search-button:hover {
	background: #1859cc;
}

/* 조회 결과 */
.cbc-history__result {
	margin-top: 42px;
}

.cbc-history__result-head {
	margin-bottom: 14px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.cbc-history__result-head h3 {
	font-size: 22px;
	font-weight: 700;
	color: #14265c;
}

.cbc-history__result-head span {
	font-size: 14px;
	font-weight: 700;
	color: #2d68e7;
}

.cbc-history__table-wrap {
	overflow-x: auto;
	border-top: 2px solid #172b63;
	background: #fff;
}

.cbc-history__table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.cbc-history__table caption {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
}

.cbc-history__table th {
	height: 58px;
	padding: 12px;
	border-bottom: 1px solid #dfe4ed;
	background: #f2f5fb;
	font-size: 14px;
	font-weight: 700;
	color: #263762;
	text-align: center;
}

.cbc-history__table td {
	height: 64px;
	padding: 14px 12px;
	border-bottom: 1px solid #e8ebf2;
	font-size: 14px;
	color: #4f5973;
	text-align: center;
}

.cbc-history__download {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 100px;
	height: 36px;
	padding: 0 13px;
	border: 1px solid #2d68e7;
	color: #2d68e7;
	font-size: 13px;
	font-weight: 700;
	transition: background .2s, color .2s;
}

.cbc-history__download:hover {
	background: #2d68e7;
	color: #fff;
}

.cbc-history__empty {
	color: #a5acbd;
}

/* 결과 없음 */
.cbc-history__no-result {
	padding: 54px 20px;
	border-top: 2px solid #172b63;
	border-bottom: 1px solid #e1e5ee;
	background: #fff;
	text-align: center;
}

.cbc-history__no-result strong {
	display: block;
	font-size: 18px;
	font-weight: 700;
	color: #28385f;
}

.cbc-history__no-result p {
	margin-top: 6px;
	font-size: 14px;
	color: #8991a5;
}

/* 유의사항 */
.cbc-history__notice {
	margin-top: 34px;
	padding: 24px 26px;
	border-left: 3px solid #2d68e7;
	background: #eef3fc;
}

.cbc-history__notice-title {
	margin-bottom: 11px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.cbc-history__notice-title span {
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #2d68e7;
	color: #fff;
	font-size: 12px;
	font-weight: 800;
}

.cbc-history__notice-title strong {
	font-size: 15px;
	font-weight: 800;
	color: #243762;
}

.cbc-history__notice ul {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.cbc-history__notice li {
	position: relative;
	padding-left: 12px;
	font-size: 15px;
	line-height: 1.4;
	color: #65708e;
	font-weight: 400;
}

.cbc-history__notice li::before {
	content: "";
	width: 3px;
	height: 3px;
	position: absolute;
	left: 0;
	top: 10px;
	border-radius: 50%;
	background: #7f8aa7;
}

.cbc-history__notice li b {
	font-weight: 600;
	color: #2d68e7;
}

/* 버튼 */
.cbc-history__buttons {
	margin-top: 36px;
	display: flex;
	justify-content: center;
	gap: 10px;
}

.cbc-history__button {
	min-width: 150px;
	height: 50px;
	padding: 0 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	font-weight: 600;
}

.cbc-history__button--line {
	border: 1px solid #cfd5e2;
	background: #fff;
	color: #58627d;
}

.cbc-history__button--primary {
	background: #246be7;
	color: #fff;
}

/* 반응형 */
@media(max-width:1024px) {
	.cbc-sub-visual {
		height: 300px;
	}

	.cbc-sub-visual__visual {
		width: 500px;
		right: -70px;
	}

	.cbc-history {
		padding: 90px 0;
	}
}

@media(max-width:768px) {
	.cbc-sub-visual {
		height: 240px;
	}

	.cbc-sub-visual__copy h1 {
		font-size: 32px;
	}

	.cbc-sub-visual__copy p {
		font-size: 14px;
	}

	.cbc-sub-visual__visual {
		width: 350px;
		right: 0px;
		opacity: .55;
	}

	.cbc-sub-visual__object--01 {
		right: -42px;
	}

	.cbc-sub-visual__logo--01 {
        width: 170px;
        right: 135px;
        bottom: -65px;
	}

	.cbc-sub-visual__logo--02 {
        width: 140px;
        right: 20px;
        top: 50px;
	}
	.cbc-sub-visual__object--04 {
	    left: 180px;
		top: 55px;
	}
	.cbc-sub-visual__object--05 {
	    left: 200px;
		top: 60px;
	}

	.cbc-history {
		padding: 70px 0;
	}

	.cbc-history__head h2 {
		font-size: 27px;
	}

	.cbc-history__search {
		padding: 24px;
	}

	.cbc-history__fields {
		grid-template-columns: 1fr;
	}

	.cbc-history__search-button {
		width: 100%;
	}

	.cbc-history__table {
		table-layout: auto;
		min-width: 620px;
	}
}

@media(max-width:578px) {
	.cbc-sub-visual {
		height: 220px;
	}
	.cbc-sub-visual__logo--01 {
	    width: 200px;
        right: 155px;
	}

	.cbc-sub-visual__copy h1 {
		font-size: 28px;
	}

	.cbc-sub-visual__copy p {
		margin-top: 8px;
		font-size: 13px;
	}

	.cbc-sub-visual__visual {
		right: -190px;
		opacity: .4;
	}

	.cbc-history {
		padding: 44px 0 60px;
	}

	.cbc-history__head {
		margin-bottom: 24px;
	}

	.cbc-history__head h2 {
		font-size: 24px;
	}

	.cbc-history__head p {
		font-size: 14px;
	}

	.cbc-history__search {
		padding: 20px;
	}

	.cbc-history__notice {
		padding: 20px;
	}

	.cbc-history__buttons {
		flex-direction: column;
	}

	.cbc-history__button {
		width: 100%;
	}
}
/* e:접수조회 */

/* s:접수하기 */
.cbc-apply {
	padding: 110px 0;
}

.cbc-apply__wrap {
	max-width: 1080px;
	margin: 0 auto;
}

/* .cbc-apply {
	padding:72px 0 120px;
}
.cbc-apply__wrap {
	max-width:1080px;
	margin:0 auto;
} */

.cbc-apply__form {
	display:flex;
	flex-direction:column;
	gap:24px;
}
.cbc-apply__section {
	padding:32px;
	background:#fff;
	border:1px solid #e6ebf5;
	box-shadow:0 10px 30px rgba(16,33,90,.05);
}
.cbc-apply__section-head {
    margin-bottom: 24px;
    padding: 16px;
    background: #f7f9fe;
	border: 1px solid #e1e7f2;
}
.cbc-apply__section-head span {
	display:block;
	font-size:12px;
	font-weight:700;
	color:#2d68e7;
}
.cbc-apply__section-head h3 {
	margin-top: 5px;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.3;
	color: #13215a;
}
.cbc-apply__section-head p {
	margin-top:6px;
	font-size:15px;
	color:#6e7a9d;
}
.cbc-apply__grid {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:20px 24px;
}
.cbc-apply__field--full {
	grid-column:1 / -1;
}
/* .name__field {
	display: flex;
} */
.cbc-apply__field label {
	display: block;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: 600;
	color: #13215a;
}
.cbc-apply__field label em {
	font-style:normal;
	color:#2d68e7;
}
.cbc-apply__field input[type="text"],
.cbc-apply__field input[type="number"],
.cbc-apply__field input[type="email"] {
	width: 100%;
	height: 50px;
	padding: 0 15px;
	border: 1px solid #d8dfec;
	background: #fff;
	font-size: 16px;
	color: #13215a;
	outline: none;
}

.cbc-apply__field input:focus {
	border-color: #2d68e7;
}
.cbc-apply__field input[readonly] {
	background: #f3f5fa;
	cursor: default;
}
.cbc-apply__field input[readonly]:focus {
	border-color:#d8dfec;
	outline:none;
	box-shadow:none;
}
.cbc-apply__tip {
	margin-top: 5px;
	font-size: 14px;
	line-height: 1.25;
	color: #6e7a9d;
}
.cbc-apply__tip span {
	font-weight: 650;
	color: #2d68e7;
}
.cbc-apply__upload .cbc-apply__tip {
	margin-top: 0;
}
.cbc-apply__address {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.cbc-apply__address-top {
	display:flex;
	gap:10px;
}
.cbc-apply__address-top input[type="text"] {
	flex: 1;
}
.cbc-apply__address-button {
	width: 160px;
	height: 50px;
	border: 0;
	background: #13215a;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
}
.cbc-apply__upload {
	padding: 22px;
	border: 1px solid #e1e7f2;
	background: #f7f9fe;
}
.cbc-apply__upload input[type="file"] {
	width: 100%;
	margin-top: 14px;
	padding: 10px;
	border: 1px solid #d8dfec;
	background: #fff;
	cursor: pointer;
}
.cbc-apply__upload-result {
	display: block;
	margin-top: 10px;
	font-size: 15px;
	font-weight: 550;
	color: #2d68e7;
}
.cbc-apply__agreement {
	padding: 24px;
	border: 1px solid #e1e7f2;
	background: #f7f9fe;
}
.cbc-apply__agreement h4 {
	margin-bottom: 12px;
	font-size: 16px;
	font-weight: 600;
	color: #13215a;
}
.cbc-apply__agreement p,
.cbc-apply__agreement li {
	font-size: 15px;
	line-height: 1.45;
	color: #56617f;
}
.cbc-apply__agreement ul {
	margin-top: 10px;
}
.cbc-apply__agreement li {
	position: relative;
	padding-left: 12px;
}
.cbc-apply__agreement li::before {
	content: "";
	width: 3px;
	height: 3px;
	position: absolute;
	left: 0;
	top: 11px;
	border-radius: 50%;
	background: #7481a4;
}
.cbc-apply__agreement-table {
	margin-top: 18px;
	overflow-x: auto;
}
.cbc-apply__agreement-table table {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
}
.cbc-apply__agreement-table th,
.cbc-apply__agreement-table td {
	padding: 14px;
	border: 1px solid #dfe5ef;
	font-size: 15px;
	text-align: center;
}
.cbc-apply__agreement-table th {
	background: #eef3fb;
	font-weight: 650;
	color: #263760;
}
.cbc-apply__agreement-notice {
	margin-top: 12px;
	font-weight: 550;
	color: #d84d4d;
}
.cbc-apply__agree {
	margin-top:24px;
}
.cbc-apply__agree h4 {
	margin-bottom: 12px;
	font-size: 16px;
	font-weight: 600;
	color: #13215a;
}
.cbc-apply__agree h4 em {
	font-style: normal;
	color: #2d68e7;
}
.cbc-apply__agree-options {
	display: flex;
	gap: 12px;
}
.cbc-apply__agree-options label {
	flex: 1;
	min-height: 54px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border: 1px solid #d8dfec;
	background: #fff;
	font-size: 16px;
	font-weight: 600;
	color: #13215a;
	cursor: pointer;
}
.cbc-apply__actions {
	margin-top:8px;
	display:flex;
	justify-content:center;
	gap:12px;
}
.cbc-apply__button {
	min-width: 180px;
	height: 54px;
	padding: 0 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
}
.cbc-apply__button--line {
	border:1px solid #cfd7e7;
	background:#fff;
	color:#13215a;
}
.cbc-apply__button--primary {
	background: linear-gradient(90deg,#2d68e7 0%,#b548d7 100%);
	background: linear-gradient(110deg, #145be5, #3735b3 54%, #181c27);
	color: #fff;
}
@media all and (max-width: 768px) {
	.cbc-apply {
		padding: 54px 0 80px;
	}
	.cbc-apply__section {
		padding: 24px;
	}
	.cbc-apply__grid {
		grid-template-columns: 1fr;
	}
	.cbc-apply__field--full {
		grid-column: auto;
	}
	.cbc-apply__address-top {
		flex-direction: column;
	}
	.cbc-apply__address-button {
		width: 100%;
	}
	.cbc-apply__agree-options label { font-size: 15px; }
	.cbc-apply__button {
		width: 100%;
	}
	.cbc-apply__address-top input[type="text"] {
		flex: auto;
	}
}
@media all and (max-width: 578px) {
	.cbc-apply {
		padding: 44px 0 70px;
	}
	.cbc-apply__section {
		padding: 20px 18px;
	}

	.cbc-apply__section-head {
	    padding-bottom: 16px;
	}

	.cbc-apply__section-head h3 {
		font-size: 20px;
	}
	.cbc-apply__field input[type="text"], .cbc-apply__field input[type="number"], .cbc-apply__field input[type="email"] {
		font-size: 15px;
		height: 48px;
	}
	.cbc-apply__agree-options label {
		height: 48px;
	}
	.cbc-apply__agreement { padding: 15px; }
}
@media all and (max-width: 420px) {
	.cbc-apply__agree-options {
		flex-direction: column;
	}
	.cbc-apply__actions {
        /* flex-direction: column; */
    }
	.cbc-apply__section-head h3 {
        font-size: 18px;
    }
}
/* e:접수하기 */