@charset "utf-8";
/* 제휴문의 */

/*헤더*/
.view-container .main-area .banner-area { width: 100%; height: 450px; overflow: hidden; position: relative; }
.view-container .main-area .banner-area .banner-header { position: absolute; z-index: 1; width: 1300px; padding: 0 50px; text-align: left; letter-spacing: 0; color: #fff; left: 50%; margin-left: -650px; top: 155px; cursor: default; }
.view-container .main-area .banner-area .banner-header h1 { font-size: 5.5rem;  line-height: 75px; font-weight: bold; transition: font-size 0.5s ease; }
.view-container .main-area .banner-area .banner-header .page-subheader { margin: 30px auto 0 auto; display: block; font-weight: 400; text-align: left; font-size: 1.8rem; transition: font-size 0.5s ease; color: #949DCF; }
.view-container .main-area .banner-area .back-area { position: relative; padding-top: 0; }
.view-container .main-area .banner-area .back-area:after { background-image: linear-gradient(to top, #0c1c4f, #0c1c4f, #0c1c4f); content: ''; width: 100%; display: inline-block; position: absolute; left: 0; top: 0; z-index: 0; opacity: .9; height: 100%; }
.view-container .main-area .banner-area .back-area video { min-height: 450px; min-width: 1250px; }

@media all and (max-width:1299px)
{
	.view-container .main-area .banner-area .banner-header { width: 100%; left: 0; margin-left: 0; }
	.view-container .main-area .banner-area .banner-header h1 { font-size: 5.2rem; line-height: 65px; }
}
@media all and (max-width:960px)
{
	.view-container .main-area .banner-area .banner-header { padding: 0 20px; }
	.view-container .main-area .banner-area .banner-header h1 { font-size: 4.5rem; line-height: 55px; }
}

@media all and (max-width:1299px)
{
	.view-container .main-area .banner-area .banner-header { width: 100%;  }
}
.view-container .content-area .s-area { padding: 95px 0; }
.view-container .content-area .s-area>div { width: 1300px; margin: 0 auto; padding: 0 50px; }
.view-container .content-area .s-area>div .a-content { margin-top: 85px; }

@media all and (max-width:1299px)
{
	.view-container .content-area .s-area>div { width: 100%; padding: 0 20px; }
}

@media all and (max-width:720px)
{
	.view-container .content-area .s-area>div .a-content { margin-top: 60px; }
	.view-container .content-area .s-area { padding: 60px 0; }
}
.view-container .content-area .s-area h2 { font-size: 3rem; font-weight: 700; color: #060930;  margin-bottom: 30px; letter-spacing: 0; }
.view-container .content-area .s-area .contact .contact-table input[type=text] { height: 55px; width: 100%; outline: 0; font-size: 1.6rem;  border-style: none; background-color: #f2f2f2; padding-left: 15px; color: #585858; border-radius: 3px; transition: background 0.2s ease-in; margin-bottom: 20px; }
.view-container .content-area .s-area .contact .contact-table input[type=text]:focus { background-color: transparent; border-radius: 0; border-bottom: 1px solid #dcdcdc; }
.view-container .content-area .s-area .contact .contact-table textarea { width: 100%; border-style: none; background: #f2f2f2; border-radius: 3px; height: 400px; outline: 0; padding: 15px; font-size: 1.6rem; transition: background 0.2s ease-in; resize: none; overflow-y: auto; margin-bottom: 20px; color: #585858; }
.view-container .content-area .s-area .contact .contact-table textarea:focus { background-color: transparent; border-radius: 0; border-bottom: 1px solid #dcdcdc;  }

/*파일인풋*/
.file-input { display: inline-block; text-align: left; width: 100%; position: relative; padding-left: 50px; color: #3a3a3a; font-size: 1.6rem; line-height: 53px; vertical-align: middle; cursor: pointer; font-weight: 400; letter-spacing: -0.5px; height: 55px; background: #f2f2f2; border-radius: 3px; }
.file-input > [type='file'] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 301; cursor: pointer; }
.file-input > .label { color: #333; white-space: nowrap; opacity: .5; vertical-align: top; }
.file-input.-chosen > .label { opacity: 1; }
.file-input .input-ico { position: absolute; left: 20px; top: 19px; }

.view-container .content-area .s-area .contact .contact-table .contact-btn { width: 100%; height: 55px; line-height: 53px; border-radius: 27.5px; }