@charset "UTF-8";

/********************************** base css 인풋 기본스타일 제거 그누 피해서 여기로 이동함***********************************/
textarea,
input,
select,
button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0;
    line-height: normal;
}

/* input type number 에서 화살표 제거 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: none;
}
select::-ms-expand {
    display: none;
}
textarea {
    width: 100%;
    background: none;
    resize: none;
}
button {
    border: 0;
    background: none;
    cursor: pointer;
}
select {
    cursor: pointer;
    background-color: var(--white);
    outline: none;
    overflow: hidden;
    width: 100%;
}

/* placeholder css 적용하기 */
input::placeholder,
textarea::placeholder {
    color: var(--gray02);
    opacity: 1;
    /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: var(--gray02);
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: var(--gray02);
}
input:-mos-input-placeholder,
textarea:-mos-input-placeholder {
    color: var(--gray02);
}

/* placeholder 포커스시 감추기*/
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    /* WebKit browsers */
    color: transparent;
}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: transparent;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: transparent;
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: transparent;
}

/********************************** 폼 공통 ***********************************/
form .input-area{
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px 20px;
	background: var(--gray04);
	border-radius: 20px;
	padding: var(--space-70);
}
form .input-area .radio-box,
form .input-area .textarea,
form .input-area .check-area{
	grid-column: 1 / 4;
}
form .input-area .input-box label,
form .input-area .input-box input{
	display: block;
}
form .input-area .input-box label,
form .input-title{
	font-size: 1.125rem;
	font-weight: var(--fw-700);
	color: var(--black);
}
form .input-area .input-box input,
form .input-area .file-box .file-input,
form .input-area .textarea textarea,
form .input-area .radio-box .radio-item .radio{
	width: 100%;
	height: 64px;
	border-radius: 15px;
	background: var(--white);
	padding: 0 var(--space-20);
	margin-top: var(--space-7);
	color: var(--black);
	font-weight: var(--fw-500);
}
form .input-area .radio-box .radio-item .radio{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap:20px;
	height: 64px;
	background: transparent;
    padding: 0;
	position: relative;
}
form .input-area .radio-box .radio-item .radio li label,
form .input-area .check-box .check label,
form .input-area .check-area .check-box .etc{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-weight: var(--fw-700);
	color: var(--gray02);
	text-align: center;
	background: var(--white);
	border-radius: 15px;
	cursor: pointer;
	transition: var(--transition);
}
form .input-area .radio-box{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
}
form .input-area .radio-box .radio-item .radio li{
	width: calc((100% - 20px) / 2);
    height: 100%;
	position: relative;
}
form .input-area .radio-box .radio-item .radio li input,
form .input-area .check-box .check input{
	position: absolute;
	top: 0;
	left: 0;
}
form .input-area .radio-box .radio-item .radio li input[type='radio']:checked+label {
    color: var(--white);
    background: var(--purple02);
}
form .input-area .file-box .file-input{
	position: relative;
}
form .input-area .file-box .file-input input{
	width: 80%;
	height: 100%;
	background: transparent;
}
form .input-area .file-box .file-input input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
form .input-area .file-box .file-input label {
	display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 64px;
    color: var(--white);
	background-color: var(--black);
	border-radius: 0 15px 15px 0;
	padding: 0 var(--space-20);
	cursor: pointer;
	transition: var(--transition);
}
form .input-area .textarea textarea{
	height: 230px;
	padding: var(--space-20);
}
form .input-area .check-area .check-box{
	display: grid;
	grid-template-columns: repeat(9, 1fr);
	grid-gap: 20px;
	width: 100%;
	background: transparent;
	padding: 0;
	margin-top: var(--space-7);
}
form .input-area .check-area .check-box .check,
form .input-area .check-area .check-box .etc{
    height: 64px;
    position: relative;
}
form .input-area .check-box .check input:checked+label{
	color: var(--white);
	background: var(--purple02);
}
form .input-area .check-area .check-box .etc{
	grid-column: 8 / span 2;
	gap: 10px;
	padding: 0 var(--space-20);
	cursor: unset;
}
form .input-area .check-area .check-box .etc input{
	width: 100%;
	height: 100%;
	color: var(--black);
	font-weight: var(--fw-500);
}
form .agree-area{
	display: flex;
    align-items: center;
    justify-content: center;
	gap: 10px;
	margin-top: var(--space-70);
}
form .agree-area .checkbox{
    position: relative;
}
form .agree-area .checkbox input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
form .agree-area .checkbox span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: 2px solid var(--gray03);
	border-radius: 2px;
    transition: var(--transition);
    pointer-events: none;
}
form .agree-area .checkbox span i {
    opacity: 0;
	font-size: 0.875rem;
    color: var(--white);
    transition: var(--transition);
}
form .agree-area .checkbox input:checked + span {
    background-color: var(--purple02);
    border-color: var(--purple02);
}
form .agree-area .checkbox input:checked + span i {
    opacity: 1;
}
form .agree-area label{
	font-size: 1.125rem;
	font-weight: var(--fw-700);
	color: var(--black);
	transition: var(--transition);
}
form .agree-area label a{
	display: inline-block;
	margin-left: var(--space-5);
	color: var(--gray02);
}
form .agree-area label a:hover{
	color: var(--purple02);
}
form .btn-area{
	display: flex;
    align-items: center;
    justify-content: center;
	margin-top: var(--space-30);
}
form .btn-area button{
	padding: var(--space-25) var(--space-50);
	background: var(--purple02);
	border-radius: 1000px;
	color: var(--white);
}
/* @ 폼 공통 미디어쿼리 */
@media all and (max-width: 1100px){
	form .input-area {
		grid-template-columns: 1fr;
		grid-gap: 20px 0;
		padding: var(--space-50);
	}
	form .input-area .radio-box,
	form .input-area .textarea,
	form .input-area .check-area{
		grid-column: 1;
	}
	form .input-area .radio-box{
		grid-template-columns: 1fr;
	}
	form .input-area .input-box input,
	form .input-area .file-box .file-input,
	form .input-area .file-box .file-input label,
	form .input-area .radio-box .radio-item .radio,
	form .input-area .check-area .check-box .check,
	form .input-area .check-area .check-box .etc{
		height: 60px;
	}
	form .input-area .radio-box .radio-item .radio,
	form .input-area .check-area .check-box{
		gap: 10px;
	}
	form .input-area .radio-box .radio-item .radio li{
		width: calc((100% - 10px) / 2);
	}
	form .agree-area {
		margin-top: var(--space-50);
	}
}
@media all and (max-width: 1000px){
	form .input-area .check-area .check-box{
		grid-template-columns: repeat(5, 1fr);
	}
	form .input-area .check-area .check-box .etc {
		grid-column: auto / span 3;
	}
	form .btn-area button {
		padding: var(--space-20) var(--space-45);
	}
}
@media all and (max-width: 640px){
	form .input-area{
		padding: var(--space-30) var(--space-20);
	}
	form .input-area .input-box input,
	form .input-area .file-box .file-input,
	form .input-area .file-box .file-input label{
        height: 55px;
		padding: 0 var(--space-12);
    }
	form .input-area .textarea textarea {
		height: 200px;
		padding: var(--space-12);
	}
	form .input-area .radio-box .radio-item .radio,
	form .input-area .check-area .check-box .check,
	form .input-area .check-area .check-box .etc{
		height: 55px;
	}
	form .input-area .check-area .check-box {
        grid-template-columns: repeat(3, 1fr);
    }
	form .input-area .check-area .check-box .etc {
        grid-column: auto / span 2;
    }
	form .agree-area {
		gap: 7px;
        margin-top: var(--space-30);
    }
	form .btn-area {
		margin-top: var(--space-20);
	}
	form .btn-area button {
		padding: var(--space-15) var(--space-35);
	}
}

/********************************** 서브페이지 css 시작 ***********************************/
/* 공통 css */
.sub-visual{
	width: 100%;
    padding: 0 var(--space-40);
	margin-top: var(--space-100);
}
.sub-visual .layout{
	width: 100%;
	max-width: 1920px;
	height: 512px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
}
.sub-visual .layout::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}
.page-title{
	font-size: 2.625rem;
	font-weight: var(--fw-800);
	color: var(--white);
	position: relative;
	z-index: 1;
}
.sub .title{
	font-weight: var(--fw-800);
	font-family: var(--fm-kn);
}
.content-box{
	margin-top: var(--space-45);
}


/* @ 공통 미디어쿼리 */
@media all and (max-width: 1500px){
	.sub-visual {
		margin-top: var(--space-80);
	}
}
@media all and (max-width: 1100px){}
@media all and (max-width: 1000px){
	.content-box {
		margin-top: var(--space-30);
	}
}
@media all and (max-width: 640px){
	.sub-visual{
		padding: 0;
		margin-top: var(--space-60);
	}
	.sub-visual .layout{
		height: 280px;
		border-radius: 0;
}
	.page-title{
		font-size: 2rem;
	}
	.content-box {
        margin-top: var(--space-25);
    }
}

/*************** 회사소개 ***************/
.company .sub-visual .layout{
	background: url('/img/about-visual.jpg') no-repeat center top 1%/cover;
}
/* 회사소개 */
.about .sec1{
	padding: var(--space-150) 0 var(--space-75);
}
.about .sec1 .content-box{
	display: flex;
	align-items: center;
	gap: 80px;
}
.about .sec1 .content-box figure{
	display: flex;
    align-items: center;
    justify-content: center;
	width: 47%;
	background: var(--gray04);
	border-radius: 20px;
	box-sizing: border-box;
	padding: var(--space-85);
}
.about .sec1 .content-box figure img{
	width: 51%;
}
.about .sec1 .content-box .text-box{
	/*width: calc(100% - 47% - 80px);*/
}
.about .sec1 .content-box .text-box .small-title{
	font-weight: var(--fw-900);
	font-family: var(--fm-en);
}

.about .sec1 .content-box .text-box .text pre:first-child{
	margin-top: var(--space-35);
}
.about .sec1 .content-box .text-box .text pre:last-child{
	margin-top: var(--space-18);
}
.about .sec1 .content-box .text-box .text pre strong{
	font-weight: var(--fw-700);
	font-family: var(--fm-en);
}

/* 핵심가치 */
.about .sec2{
	padding: var(--space-75) 0;
}
.about .sec2 .content-box{
	/*display: flex;
	flex-direction: column;
	gap: 25px;*/
}
.about .sec2 .content-box li{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	background: var(--gray04);
	border-radius: 20px;
	padding: var(--space-40) var(--space-50);
}
.about .sec2 .content-box li:not(:first-child){
	margin-top: var(--space-25);
}
.about .sec2 .content-box li .title-box{
	display: flex;
	align-items: center;
	gap: 30px;
}
.about .sec2 .content-box li .title-box i{
	display: flex;
	align-items: center;
    justify-content: center;
	width: 95px;
	height: 95px;
	background: var(--white);
	border-radius: 50%;
}
.about .sec2 .content-box li .title-box i img{
	width: 60%;
}
.about .sec2 .content-box li:nth-child(2) .title-box i img{
	width: 75%;
}
.about .sec2 .content-box li:nth-child(3) .title-box i img{
	width: 55%;
}
.about .sec2 .content-box li .title-box .value-title span{
	font-size: 0.875rem;
	font-weight: var(--fw-700);
	font-family: var(--fm-en);
	color: var(--gray02);
	text-transform: uppercase;
}
.about .sec2 .content-box li .title-box .value-title .small-title{
	margin-top: var(--space-5);
}
.about .sec2 .content-box li .text{
	width: 57%
}

/* 인사말 */
.about .sec3{
	padding: var(--space-75) 0 var(--space-150);
}
.about .sec3 .content-box{
	display: flex;
    align-items: center;
    gap: 80px;
	padding: var(--space-50) var(--space-40);
	background: var(--gray04);
	border-radius: 20px;
}
.about .sec3 .content-box figure{
	width: 47%;
	height: 0;
	padding-bottom: 30%;
	overflow: hidden;
	border-radius: 20px;
	position: relative;
}
.about .sec3 .content-box figure img{
	width: 100%;
	max-width: 10000%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.about .sec3 .content-box .text-box pre:not(:first-child){
	margin-top: var(--space-18);
}

.about .sec3 .content-box .text-box pre strong{
	font-weight: var(--fw-700);
	color: var(--black);
	font-family: var(--fm-en);
}

/* @ 회사소개 미디어쿼리 */
@media all and (max-width: 1500px){
	.about .sec2 .content-box li .text {
		width: 62%;
	}	
}
@media all and (max-width: 1400px){
	.about .sec1 .content-box,
	.about .sec3 .content-box{
		gap: 60px;
	}
	.about .sec1 .content-box figure {
		width: 42%;
		padding: var(--space-65);
	}
	.about .sec2 .content-box li {
		padding: var(--space-30) var(--space-40);
	}
	.about .sec2 .content-box li .title-box i {
		width: 75px;
		height: 75px;
	}
	.about .sec2 .content-box li .text {
		width: 70%;
	}
	.about .sec2 .content-box li:not(:last-child) .text br{
		display: none;
	}
}
@media all and (max-width: 1100px){
	.about .sec1 .content-box,
	.about .sec3 .content-box{
		flex-direction: column;
	}
	.about .sec1 .content-box figure,
	.about .sec3 .content-box figure{
        width: 100%;
    }
	/*.about .sec1 .content-box figure{
        padding: var(--space-45);
    }*/
	.about .sec1 .content-box figure img {
		width: 25%;
	}
	.about .sec1 .content-box .text-box,
	.about .sec3 .content-box .text-box{
		text-align: center;
	}
	.about .sec3 .content-box{
		padding: var(--space-45) var(--space-30);
	}
}
@media all and (max-width: 1000px){
	.about .sec1 {
		padding: var(--space-120) 0 var(--space-60);
	}
	.about .sec1 .content-box figure {
        padding: var(--space-50);
    }
    .about .sec1 .content-box,
	.about .sec3 .content-box {
		align-items: stretch;
        gap: 45px;
    }
	.about .sec1 .content-box .text-box,
	.about .sec3 .content-box .text-box {
        text-align: left;
    }
	.about .sec1 .content-box .text-box .text pre:first-child {
		margin-top: var(--space-25);
	}
	.about .sec1 .content-box .text-box .text pre:last-child,
	.about .sec3 .content-box .text-box pre:not(:first-child){
		margin-top: var(--space-12);
	}
	.about .sec2 {
		padding: var(--space-60) 0;
	}
	.about .sec2 .content-box li{
		flex-direction: column;
		align-items: stretch;
		gap: 20px;
	}
	.about .sec2 .content-box li .text {
        width: 100%;
		border-top: 1px solid var(--gray03);
		padding-top: var(--space-20);
    }
	.about .sec3 {
		padding: var(--space-60) 0 var(--space-120);
	}
}
@media all and (max-width: 640px){
	.about .sec1 {
        padding: var(--space-80) 0 var(--space-40);
    }
	.about .sec1 .content-box,
	.about .sec3 .content-box {
        gap: 35px;
    }
	.about .sec1 .content-box figure {
        padding: var(--space-30);
    }
	.about .sec1 .content-box figure img {
        width: 40%;
    }
	.about .sec1 .content-box .text-box .small-title{
		font-size: 1.285rem;
	}
	.about .sec2 {
        padding: var(--space-40) 0;
    }
	.about .sec2 .content-box li {
        padding: var(--space-25);
    }
	.about .sec2 .content-box li .title-box{
		gap: 20px;
	}
	.about .sec3 {
        padding: var(--space-40) 0 var(--space-80);
    }
	.about .sec3 .content-box figure{
		padding-bottom: 62%;
	}
	.about .sec3 .content-box {
        padding: var(--space-35) var(--space-25);
    }
}

/*************** 조직도 ***************/
.group .sec1{
	padding: var(--space-150) 0;
}
.group .sec1 .content-box{
	padding: var(--space-70) var(--space-60);
	border-radius: 20px;
	background: var(--gray04);
}
/* @ 조직도 미디어쿼리 */
@media all and (max-width: 1000px){
	.group .sec1{
		padding: var(--space-120) 0;
	}
}
@media all and (max-width: 640px){
	.group .sec1{
		padding: var(--space-80) 0;
	}
	.about .sec3 .content-box {
        padding: var(--space-35) var(--space-25);
    }
}

/*************** 오시는 길 ***************/
.location .sec1{
	padding: var(--space-150) 0;
}
.location .sec1 .title-box{
	text-align: center;
}
.location .sec1 .title-box .text{
	margin-top: var(--space-15);
}
.location .sec1 .map{
	width: 100%;
	height: 480px;
	border-radius: 20px;
	overflow: hidden;
}

/* @오시는 길 미디어쿼리 */
@media all and (max-width: 1100px){
	.location .sec1 .map{
		height: 330px;
	}
}
@media all and (max-width: 1100px){
	.location .sec1{
		padding: var(--space-120) 0;
	}
}
@media all and (max-width: 640px){
	.location .sec1{
		padding: var(--space-80) 0;
	}
	.location .sec1 .map{
		height: 200px;
	}
}

/*************** 지원내용 ***************/
.support .sub-visual .layout{
	background: url(/img/support-visual.jpg) no-repeat center top 42% / cover;
}
.support .sec1{
	padding: var(--space-150) 0;
}
.support .sec1 .content-box{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 25px;
}
.support .sec1 .content-box li{
	background: var(--gray04);
	border-radius: 20px;
	padding: var(--space-40);
}
.support .sec1 .content-box li .top-contants figure{
	width: 100%;
    height: 0;
	padding-bottom: 58%;
	overflow: hidden;
	position: relative;
	border-radius: 20px;
	margin-top: var(--space-20);
}
.support .sec1 .content-box li .top-contants figure img{
	width: auto;
	max-width: 10000%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.support .sec1 .content-box li .bottom-contants{
	margin-top: var(--space-45);
}
.support .sec1 .content-box li .bottom-contants .text{
	margin-top: var(--space-15);
}

/* @ 지원내용 미디어쿼리 */
@media all and (max-width: 1400px){
	.support .sec1 .content-box li .bottom-contants .text br{
		display: none;
	}
}
@media all and (max-width: 1100px){
	.support .sec1 .content-box{
		grid-gap: 20px;
	}
	.support .sec1 .content-box li {
		padding: var(--space-30);
	}
	.support .sec1 .content-box li .top-contants figure {
		margin-top: var(--space-15);
	}
	.support .sec1 .content-box li .bottom-contants {
		margin-top: var(--space-35);
	}
	.support .sec1 .content-box li .bottom-contants .text {
		margin-top: var(--space-10);
	}
}
@media all and (max-width: 1000px){
	.support .sec1{
		padding: var(--space-120) 0;
	}
	.support .sec1 .content-box {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media all and (max-width: 640px){
	.support .sec1{
		padding: var(--space-80) 0;
	}
	.support .sec1 .content-box {
        grid-template-columns: repeat(1, 1fr);
    }
	.support .sec1 .content-box li .top-contants figure{
		padding-bottom: 48%;
	}
	.support .sec1 .content-box li .top-contants figure img {
		width: 100%;
		height: auto;
	}
}


/*************** 지원하기 ***************/
.apply .sub-visual .layout {
    background: url(/img/apply-visual.jpg) no-repeat center bottom 15% / cover;
}
.apply .sec1{
	padding: var(--space-150) 0;
}
.apply .sec1 .title{
	text-align: center;
}
/* @지원하기 미디어쿼리 */
@media all and (max-width: 1000px) {
	.apply .sec1{
		padding: var(--space-120) 0;
	}
}
@media all and (max-width: 640px) {
	.apply .sec1{
		padding: var(--space-80) 0;
	}
}

/*************** 자주 하는 질문 ***************/
.qna .sub-visual .layout {
    background: url(/img/qna-visual.jpg) no-repeat center bottom 4% / cover;
}
.qna .sec1{
	padding: var(--space-150) 0;
}
.question .sec1 .content-box li:not(:first-child){
	margin-top: var(--space-20)
}
.question .sec1 .content-box li .qna-list,
.question .sec1 .content-box li .answer{
	padding: var(--space-30) var(--space-45);
}
.question .sec1 .content-box li .qna-list{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
    background: var(--gray04);
    border-radius: 20px;
	box-sizing: border-box;
	cursor: pointer;
	transition: var(--transition);
}
.question .sec1 .content-box li .qna-list .number,
.question .sec1 .content-box li .qna-list .title-box,
.question .sec1 .content-box li .qna-list .arrow{
	display: flex;
    align-items: center;
    justify-content: center;
}
.question .sec1 .content-box li .qna-list .title-box{
	gap: 30px;
}
.question .sec1 .content-box li .qna-list .number{
	width: 65px;
	height: 65px;
	background: var(--white);
	border-radius: 50%;
}
.question .sec1 .content-box li .qna-list .number span{
	font-family: var(--fm-en);
	background: linear-gradient(144deg, rgba(214,113,245,1) 0%, rgba(82,35,137,1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.question .sec1 .content-box li .qna-list .arrow{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--white);
}
.question .sec1 .content-box li .qna-list .arrow i{
	color: var(--gray02);
	transition: var(--transition);
}
/* 액티브 */
.question .sec1 .content-box li .qna-list.active{
	background: var(--purple02);
}
.question .sec1 .content-box li .qna-list.active .semi-title{
	color: var(--white);
	transition: var(--transition);
}
.question .sec1 .content-box li .qna-list.active .arrow i{
	transform: rotate(-180deg);
}
/* @자주하는질문 미디어쿼리 */
@media all and (max-width:1100px){
	.question .sec1 .content-box li .qna-list,
	.question .sec1 .content-box li .answer {
		padding: var(--space-20) var(--space-35);
	}
	.question .sec1 .content-box li .qna-list .number {
		width: 55px;
		height: 55px;
	}
}
@media all and (max-width: 1000px){
	.qna .sec1 {
		padding: var(--space-120) 0;
	}
	.question .sec1 .content-box li .qna-list .title-box {
		gap: 20px;
	}
}
@media all and (max-width: 640px){
	.qna .sec1 {
		padding: var(--space-80) 0;
	}
	.question .sec1 .content-box li:not(:first-child) {
		margin-top: var(--space-15);
	}
	.question .sec1 .content-box li .qna-list,
	.question .sec1 .content-box li .answer {
        padding: var(--space-15) var(--space-20);
    }
	.question .sec1 .content-box li .qna-list .number {
        width: 45px;
        height: 45px;
    }
	.question .sec1 .content-box li .qna-list .arrow {
		width: auto;
		height: auto;
		border-radius: unset;
		background: transparent;
	}
	.question .sec1 .content-box li .answer pre {
		white-space: pre-line;
	}
	.question .sec1 .content-box li .qna-list.active .arrow i {
		color: var(--white);
	}
}


/*************** 문의하기 ***************/
.contact .sec1 form .input-area .file-box{
    grid-column: 1 / 4;
}
/* @문의하기 미디어쿼리 */
@media all and (max-width: 1100px){
	.contact .sec1 form .input-area .file-box{
		grid-column: 1;
	}
}
@media all and (max-width: 1000px){}
@media all and (max-width: 640px){}