@charset "UTF-8";
body {
    font-family:  'Outfit', 'Pretendard', sans-serif;
    letter-spacing: -0.03em;
    --theme  : #C8A063;
    --light1 : #F3F6FF;
    --light2 : #DFE5F5;
    --light3 : #5475CB;
    --dark1  : #254BAB;
    --dark2  : #214298;
    --mark   : #FFD600;
    /*--emph     : ;*/
}
.inner { max-width: 1200px; }

.header { padding: 1em 0; position: fixed; left: 0; top: 0; width: 100%; z-index: 9999; }
.header .inner { display: flex; justify-content: space-between; align-items: center; }
.header .logo { font-size: 2.125em; transition: 0.4s; font-weight: 700; }
.header .gnb ul { display: flex; }
.header .gnb li { font-size: 1.125em; margin-left: 2em; }
.header .gnb a { padding: 0.5em 1.5em; display: flex; align-items: center; justify-content: center; background-color: #000; color: #fff; border-radius: 5em; }

.header.white .logo { color: #fff; }

.footer .inner { padding-top: 3em; padding-bottom: 3em; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #000; }
.footer .logo { font-size: 1.875em; font-weight: 700; }
.footer .info { font-size: 1.125em; line-height: 1.4; }
.footer .info span { margin-right: 1.5em; display: inline-block; }
.footer .info p:nth-child(1) { margin-bottom: 2em; }

.main .visual { position: relative; width: 100%; height: 100vh; overflow: hidden; background-color: #000; color: #fff; display: flex; align-items: center; }
.main .visual .video { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 0.6; }
.main .visual .inner { position: relative; }
.main .visual .txt h3 { font-size: 2em; font-weight: 500; }
.main .visual .txt h2 { font-size: 7em; font-weight: 700; }
.main .visual .txt h4 { font-size: 3em; font-weight: 100; }

.main .common { padding: 8em 0; }
.main .common h5 { font-weight: 600; margin-bottom: 3em; text-transform: uppercase; }
.main .common .con { display: flex; align-items: center; justify-content: space-between; }
.main .common .txt { padding-left: 5em; }
.main .common .txt h3 { font-size: 4em; font-weight: 700; }
.main .common .txt p { font-size: 1.5em; font-weight: 300; line-height: 1.2; margin: 1em 0 3em; }
.main .common .txt .btn-move { font-size: 1.25em; border: 1px solid #000; padding: 0.75em 2em; display: inline-flex; align-items: center; justify-content: center; gap: 0.5em; transition: 0.4s; }
.main .common .txt .btn-move img { height: 0.7em; }
.main .common .txt .btn-move:hover { background-color: #000; color: #fff; }
.main .common .txt .btn-move:hover img { -webkit-filter: invert(1); filter: invert(1); }
.main .common .video { width: 40%; border-radius: 1em; overflow: hidden; }
.main .common .video video { width: 100%; }

.sub .visual { padding: 10em 0 4em; text-align: center; }
.sub .visual h2 { font-size: 3.125em; font-weight: 900; text-transform: uppercase; }
.sub .visual p { font-size:1.25em; margin-top: 1.5em; font-weight: 700; }

.sub .section { padding-bottom: 8em; }

.inquiry .inner { max-width: 800px; text-align: center; }
.inquiry .frm-list { display: flex; flex-direction: column; text-align: left; }
.inquiry .frm-list li { font-size: 1.125em; margin-bottom: 1.5em; font-weight: 600; }
.inquiry .frm-list h5 { margin-bottom: 0.5em; }
.inquiry .frm-list ::-webkit-input-placeholder { color: #bbb; font-weight: 600; }
.inquiry .frm-list ::-moz-placeholder { color: #bbb; font-weight: 600; }
.inquiry .frm-list :-ms-input-placeholder { color: #bbb; font-weight: 600; }
.inquiry .frm-list ::-ms-input-placeholder { color: #bbb; font-weight: 600; }
.inquiry .frm-list ::placeholder { color: #bbb; font-weight: 600; }
.inquiry .chk-wrap { display: flex; gap: 1em; }
.inquiry .chk-box { color: #bbb; }
.inquiry .chk-box input { display: none; }
.inquiry .chk-box label { cursor: pointer; }
.inquiry .chk-box label i { border: 2px solid #ddd; width: 1.25em; height: 1.25em; display: inline-flex; align-items: center; justify-content: center; color: #bbb; border-radius: 5em; }
.inquiry .chk-box input:checked + label { color: #000; }
.inquiry .chk-box input:checked + label i { color: #000; border-color: #000; }
.inquiry input[type='text'],
.inquiry .file-box label { height: 3em; }
.inquiry input[type='text'] { width: 100%; border: 0; border-bottom: 2px solid #ddd; }
.inquiry textarea { width: 100%; border: 2px solid #ddd; }
.inquiry .file-box input { display: none; }
.inquiry .file-box label { width: 100%; border: 2px solid #ddd; color: #bbb; border-radius: 5em; cursor: pointer; display: flex; align-items: center; padding: 0 1.25em; }
.inquiry .file-box label small { display: inline-block; margin-left: 0.5em;  }
.inquiry .btn-token { font-size: 1.25em; background-color: #000; color: #fff;border-radius: 10em; padding: 0.75em 3em; border: 0; font-weight: 600; }

.careers .empty_table { font-size: 1.25em; color: #bbb !important; }


.container { padding: 10em 0 8em; }


/******************************** 반응형 **********************************/
@media screen and (max-width: 1680px){
	.main .visual { height: 56vw; }
}
@media screen and (max-width: 1280px){
	.inner { padding-left: 2%; padding-right: 2%; }
	.wrapper { font-size: 1.25vw; }
}
@media screen and (max-width: 1024px){
	.header,
	.footer { font-size: 1.25vw; }
	.main .visual { height: 70vw; }
	.main .visual .video { width: auto; height: 100%; }
}
@media screen and (max-width: 768px){
	.inner { padding-left: 2em; padding-right: 2em; }
	.header,
	.footer,
	.wrapper { font-size: 1.5vw; }
	.main .common .txt h3 { font-size: 3.5em; }
	.main .common .txt { padding-left: 3em; }
	
	.main .common h5 {font-size:1.35em;}
	.main .common .txt h3 { font-size: 4em; font-weight: 700; }
	.main .common .txt p { font-size: 2em; font-weight: 300; line-height: 1.2; margin: 1em 0 2em; }
	.main .common .txt .btn-move { font-size: 1.5em;padding: 0.75em 2em;}
}
@media screen and (max-width: 586px){
	.header,
	.footer,
	.wrapper { font-size: 2.5vw; }

	.header .gnb li { margin-left: 1.5em; }

	.footer .inner { display: block; }
	.footer .logo { margin-bottom: 1em; }

	.main .visual { height: 60vh; }
	.main .visual .txt h3 { font-size: 1.875em; }
	.main .visual .txt h2 { font-size: 5em; }
	.main .visual .txt h4 { font-size: 2.5em; }

	.main .common {  text-align: center; }
	.main .common .con { flex-direction: column; justify-content: center; }
	.main .common .video { width: 90%; margin-top: 3em; }
	.main .common .txt { width: 100%; padding-left: 0; word-break: keep-all; }
	/*.main .common .txt br { display: none; }*/


}