@charset "UTF-8";

/* SECTION 1 */
.st-1 { position:relative; width:100%; height:550px; background:#ffb428; }
.st-1 > .wrap { position:relative; width:100%; height:100%; max-width:1920px; margin:0 auto; padding:0 50px; box-sizing:border-box; }
.st-1 > .wrap > .bg { }
.st-1 > .wrap > .bg > .title { position:absolute; bottom:85px; z-index:100; }
.st-1 > .wrap > .bg > .title::after { content:''; display:table; clear:both; }
.st-1 > .wrap > .bg > .title > .en { font-size:65px; font-weight:800; font-family:'Unbounded',sans-serif; line-height:80px; }
.st-1 > .wrap > .bg > .title > .kr { font-size:18.5px; line-height:28px; margin-top:40px; }
.st-1 > .wrap > .bg > .slogan { position:absolute; bottom:70px; right:50px; font-size:132px; font-weight:900; font-family:'Unbounded',sans-serif; color:#fff; line-height:137px; text-align:right; opacity:0.15; z-index:10; }

/* SECTION TYPE-1 */
@media only screen and (max-width:1649px) {
	.st-1 { height:520px; }
	.st-1 > .wrap { padding:0 40px; }
	.st-1 > .wrap > .bg > .title { bottom:80px; }
	.st-1 > .wrap > .bg > .title > .en { font-size:62px; line-height:77px; }
	.st-1 > .wrap > .bg > .title > .kr { font-size:17.5px; line-height:27px; margin-top:37px; }
	.st-1 > .wrap > .bg > .slogan { bottom:65px; right:40px; font-size:127px; line-height:129px; }
}

/* SECTION TYPE-2 */
@media only screen and (max-width:1279px) {
	.st-1 { height:450px; }
	.st-1 > .wrap { padding:0 30px; }
	.st-1 > .wrap > .bg > .title { bottom:70px; }
	.st-1 > .wrap > .bg > .title > .en { font-size:52px; line-height:65px; }
	.st-1 > .wrap > .bg > .title > .kr { font-size:15.5px; line-height:22.5px; margin-top:30px; }
	.st-1 > .wrap > .bg > .slogan { bottom:52px; right:30px; font-size:115px; line-height:115px; }
}

/* SECTION TYPE-3 */
@media only screen and (max-width:1023px) {
	.st-1 { height:370px; }
	.st-1 > .wrap { padding:0 20px; }
	.st-1 > .wrap > .bg > .title { bottom:50px; }
	.st-1 > .wrap > .bg > .title > .en { font-size:37px; line-height:45px; }
	.st-1 > .wrap > .bg > .title > .kr { font-size:14px; line-height:20.5px; margin-top:25px; }
	.st-1 > .wrap > .bg > .slogan { top:40px; bottom:auto; right:20px; font-size:65px; line-height:65px; }
}

/* SECTION TYPE-4 */
@media only screen and (max-width:767px) {
	.st-1 { height:250px; }
	.st-1 > .wrap { padding:0 10px; }
	.st-1 > .wrap > .bg > .title { bottom:35px; }
	.st-1 > .wrap > .bg > .title > .en { font-size:27px; line-height:34px; }
	.st-1 > .wrap > .bg > .title > .kr { font-size:12px; line-height:17px; margin-top:20px; }
	.st-1 > .wrap > .bg > .title > .kr > br.pc { display:none; }
	.st-1 > .wrap > .bg > .slogan { display:none; }
}

/* SECTION 2 */
.st-2 { width:100%; }
.st-2 > .wrap { position:relative; width:100%; max-width:1920px; margin:0 auto; }
.st-2 > .wrap::after { content:''; display:table; clear:both; }
.st-2 > .wrap > .bg { position:sticky; top:0; float:left; width:calc(100% - 1100px); height:100vh; overflow:hidden; }
.st-2 > .wrap > .bg > video { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); height:100%; }
.st-2 > .wrap > .content { float:left; width:1100px; padding:100px 50px 120px 70px; box-sizing:border-box; }
.st-2 > .wrap > .content > .box { }
.st-2 > .wrap > .content > .box > .title { }
.st-2 > .wrap > .content > .box > .title > .en { font-size:50px; font-weight:800; font-family:'Unbounded',sans-serif; line-height:60px; }
.st-2 > .wrap > .content > .box > .title > .kr { font-size:18px; line-height:25px; margin-top:25px; }
.st-2 > .wrap > .content > .box > .title > .kr > img { height:8px; margin-bottom:3px; margin-right:5px; }
.st-2 > .wrap > .content > .box > .form { margin-top:80px; }
.st-2 > .wrap > .content > .box > .form { }
.st-2 > .wrap > .content > .box > .form > form { width:calc(100% + 50px); margin-left:-25px; }
.st-2 > .wrap > .content > .box > .form > form::after { content:''; display:table; clear:both; }
.st-2 > .wrap > .content > .box > .form > form > .box { float:left; width:calc(50% - 50px); margin:0 25px 50px 25px; }
.st-2 > .wrap > .content > .box > .form > form > .box > .name { font-size:19px; font-weight:800; font-family:'Unbounded',sans-serif; margin-bottom:15px; }
.st-2 > .wrap > .content > .box > .form > form > .box > .input { box-sizing:border-box; }
.st-2 > .wrap > .content > .box > .form > form > .box > .input > input { width:100%; height:62px; padding:0 20px; font-size:17px; font-weight:500; line-height:60px; background:none; border:2px solid #000; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; outline:0; transition:all 0.3s ease-in-out; box-sizing:border-box; }
.st-2 > .wrap > .content > .box > .form > form > .box > .input > input:hover { border:2px solid #ffb428; }
.st-2 > .wrap > .content > .box > .form > form > .box > .input > input:focus { border:2px solid #ffb428; }
.st-2 > .wrap > .content > .box > .form > form > .box > .input > select { width:100%; height:62px; padding:0 20px; font-size:17px; font-weight:500; line-height:52px; background:none; border:2px solid #000; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; outline:0; transition:all 0.3s ease-in-out; box-sizing:border-box; cursor:pointer; }
.st-2 > .wrap > .content > .box > .form > form > .box > .input > select:hover { border:2px solid #ffb428; }
.st-2 > .wrap > .content > .box > .form > form > .box > .input > select:focus { border:2px solid #ffb428; }
.st-2 > .wrap > .content > .box > .form > form > .box > .input > select > option { font-size:17px; }
.st-2 > .wrap > .content > .box > .form > form > .box > .input > select::-ms-expand { display:none; }
.st-2 > .wrap > .content > .box > .form > form > .box > .input > select:invalid{ }
.st-2 > .wrap > .content > .box > .form > form > .box > .input > select > option[value=""][disabled] { display:none; }
.st-2 > .wrap > .content > .box > .form > form > .box > .input > select > option[value=""] { color:#000 !important; }
.st-2 > .wrap > .content > .box > .form > form > .box > .input > .arrow { float:right; margin-right:20px; margin-top:-62px; }
.st-2 > .wrap > .content > .box > .form > form > .box > .input > .arrow > i { font-size:14px; line-height:62px; color:#000; }
.st-2 > .wrap > .content > .box > .form > form > .box.all { float:left; width:100%; margin:0 0 50px 25px; }
.st-2 > .wrap > .content > .box > .form > form > .box.all > .name { font-size:19px; font-weight:800; margin-bottom:15px; }
.st-2 > .wrap > .content > .box > .form > form > .box.all > .input { padding:0 50px 0 0; box-sizing:border-box; }
.st-2 > .wrap > .content > .box > .form > form > .box.all > .input > textarea { width:100%; height:300px; padding:20px 20px; font-size:17px; font-weight:500; line-height:24px; background:none; border:2px solid #000; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; outline:0; resize:none; transition:all 0.3s ease-in-out; box-sizing:border-box; }
.st-2 > .wrap > .content > .box > .form > form > .box.all > .input > textarea:hover { border:2px solid #ffb428; }
.st-2 > .wrap > .content > .box > .form > form > .box.all > .input > textarea:focus { border:2px solid #ffb428; }
.st-2 > .wrap > .content > .box > .form > form > .button { position:relative; width:calc(100% - 50px); background:#000; font-size:19px; font-weight:700; font-family:'Unbounded',sans-serif; color:#fff; line-height:20px; margin:0 0 0 25px; padding:30px 30px; cursor:pointer; transition:all 0.3s ease-in-out; box-sizing:border-box; }
.st-2 > .wrap > .content > .box > .form > form > .button > i { position:absolute; right:30px; font-size:17px; color:#fff; }
.st-2 > .wrap > .content > .box > .form > form > .button:hover { background:#ffb428; color:#000; }
.st-2 > .wrap > .content > .box > .form > form > .button:hover > i { color:#000; }

/* SECTION TYPE-1 */
@media only screen and (max-width:1649px) {
	.st-2 > .wrap > .bg { width:calc(100% - 900px); }
	.st-2 > .wrap > .content { width:900px; padding:90px 40px 110px 60px; }
	.st-2 > .wrap > .content > .box > .title > .en { font-size:45px; line-height:55px; }
	.st-2 > .wrap > .content > .box > .title > .kr { font-size:16.5px; line-height:22.5px; margin-top:22px; }
	.st-2 > .wrap > .content > .box > .title > .kr > img { height:7px; margin-bottom:2px; margin-right:4px; }
	.st-2 > .wrap > .content > .box > .form { margin-top:70px; }
	.st-2 > .wrap > .content > .box > .form > form { width:calc(100% + 44px); margin-left:-22px; }
	.st-2 > .wrap > .content > .box > .form > form > .box { width:calc(50% - 44px); margin:0 22px 46px 22px; }
	.st-2 > .wrap > .content > .box > .form > form > .box > .name { font-size:18px; margin-bottom:14px; }
	.st-2 > .wrap > .content > .box > .form > form > .box > .input > input { height:60px; padding:0 17px; font-size:16px; line-height:58px; }
	.st-2 > .wrap > .content > .box > .form > form > .box > .input > select { height:60px; padding:0 17px; font-size:16px; line-height:50px; }
	.st-2 > .wrap > .content > .box > .form > form > .box > .input > select > option { font-size:16px; }
	.st-2 > .wrap > .content > .box > .form > form > .box > .input > .arrow { margin-right:17px; margin-top:-60px; }
	.st-2 > .wrap > .content > .box > .form > form > .box > .input > .arrow > i { font-size:13px; line-height:60px; }
	.st-2 > .wrap > .content > .box > .form > form > .box.all { margin:0 0 44px 22px; }
	.st-2 > .wrap > .content > .box > .form > form > .box.all > .name { font-size:18px; margin-bottom:14px; }
	.st-2 > .wrap > .content > .box > .form > form > .box.all > .input { padding:0 44px 0 0; }
	.st-2 > .wrap > .content > .box > .form > form > .box.all > .input > textarea { height:280px; padding:17px 17px; font-size:16px; line-height:24px; }
	.st-2 > .wrap > .content > .box > .form > form > .button { width:calc(100% - 44px); font-size:18px; line-height:18px; margin:0 0 0 22px; padding:27px 27px; }
	.st-2 > .wrap > .content > .box > .form > form > .button > i { right:27px; font-size:16px; }
}

/* SECTION TYPE-2 */
@media only screen and (max-width:1279px) {
	.st-2 > .wrap > .bg { position:relative; float:none; width:calc(100% - 60px); height:400px; margin:30px; }
	.st-2 > .wrap > .bg > video { width:100%; height:auto; }
	.st-2 > .wrap > .content { float:none; width:100%; padding:30px 30px 90px 30px; }
	.st-2 > .wrap > .content > .box > .title > .en { font-size:38px; line-height:48px; }
	.st-2 > .wrap > .content > .box > .title > .kr { font-size:14.5px; line-height:19px; margin-top:20px; }
	.st-2 > .wrap > .content > .box > .title > .kr > img { height:5px; margin-bottom:3px; margin-right:3px; }
	.st-2 > .wrap > .content > .box > .form { margin-top:55px; }
	.st-2 > .wrap > .content > .box > .form > form { width:calc(100% + 34px); margin-left:-17px; }
	.st-2 > .wrap > .content > .box > .form > form > .box { width:calc(50% - 34px); margin:0 17px 37px 17px; }
	.st-2 > .wrap > .content > .box > .form > form > .box > .name { font-size:16px; margin-bottom:12px; }
	.st-2 > .wrap > .content > .box > .form > form > .box > .input > input { height:56px; padding:0 14px; font-size:14.5px; line-height:54px; }
	.st-2 > .wrap > .content > .box > .form > form > .box > .input > select { height:56px; padding:0 14px; font-size:14.5px; line-height:46px; }
	.st-2 > .wrap > .content > .box > .form > form > .box > .input > select > option { font-size:14.5px; }
	.st-2 > .wrap > .content > .box > .form > form > .box > .input > .arrow { margin-right:14px; margin-top:-56px; }
	.st-2 > .wrap > .content > .box > .form > form > .box > .input > .arrow > i { font-size:11.5px; line-height:56px; }
	.st-2 > .wrap > .content > .box > .form > form > .box.all { margin:0 0 34px 17px; }
	.st-2 > .wrap > .content > .box > .form > form > .box.all > .name { font-size:16px; margin-bottom:12px; }
	.st-2 > .wrap > .content > .box > .form > form > .box.all > .input { padding:0 34px 0 0; }
	.st-2 > .wrap > .content > .box > .form > form > .box.all > .input > textarea { height:250px; padding:14px 14px; font-size:14.5px; line-height:22px; }
	.st-2 > .wrap > .content > .box > .form > form > .button { width:calc(100% - 34px); font-size:16px; line-height:16px; margin:0 0 0 17px; padding:24px 20px; }
	.st-2 > .wrap > .content > .box > .form > form > .button > i { right:24px; font-size:14px; }
}

/* SECTION TYPE-3 */
@media only screen and (max-width:1023px) {
	.st-2 > .wrap > .bg { width:calc(100% - 40px); height:340px; margin:20px; }
	.st-2 > .wrap > .content { padding:20px 20px 70px 20px; }
	.st-2 > .wrap > .content > .box > .title > .en { font-size:30px; line-height:40px; }
	.st-2 > .wrap > .content > .box > .title > .kr { font-size:13px; line-height:18px; margin-top:14px; }
	.st-2 > .wrap > .content > .box > .title > .kr > img { height:4px; }
	.st-2 > .wrap > .content > .box > .form { margin-top:40px; }
	.st-2 > .wrap > .content > .box > .form > form { width:calc(100% + 24px); margin-left:-12px; }
	.st-2 > .wrap > .content > .box > .form > form > .box { width:calc(50% - 24px); margin:0 12px 32px 12px; }
	.st-2 > .wrap > .content > .box > .form > form > .box > .name { font-size:13.5px; margin-bottom:10px; }
	.st-2 > .wrap > .content > .box > .form > form > .box > .input > input { height:50px; padding:0 10px; font-size:13.5px; line-height:48px; }
	.st-2 > .wrap > .content > .box > .form > form > .box > .input > select { height:50px; padding:0 10px; font-size:13.5px; line-height:40px; }
	.st-2 > .wrap > .content > .box > .form > form > .box > .input > select > option { font-size:13.5px; }
	.st-2 > .wrap > .content > .box > .form > form > .box > .input > .arrow { margin-right:12px; margin-top:-50px; }
	.st-2 > .wrap > .content > .box > .form > form > .box > .input > .arrow > i { font-size:10px; line-height:50px; }
	.st-2 > .wrap > .content > .box > .form > form > .box.all { margin:0 0 32px 12px; }
	.st-2 > .wrap > .content > .box > .form > form > .box.all > .name { font-size:13.5px; margin-bottom:10px; }
	.st-2 > .wrap > .content > .box > .form > form > .box.all > .input { padding:0 24px 0 0; }
	.st-2 > .wrap > .content > .box > .form > form > .box.all > .input > textarea { height:220px; padding:12px 12px; font-size:13.5px; line-height:20px; }
	.st-2 > .wrap > .content > .box > .form > form > .button { width:calc(100% - 24px); font-size:14px; line-height:14px; margin:0 0 0 12px; padding:20px 15px; }
	.st-2 > .wrap > .content > .box > .form > form > .button > i { right:20px; font-size:12px; }
}

/* SECTION TYPE-4 */
@media only screen and (max-width:767px) {
	.st-2 > .wrap > .bg { width:calc(100% - 20px); height:220px; margin:10px; }
	.st-2 > .wrap > .content { padding:20px 10px 50px 10px; }
	.st-2 > .wrap > .content > .box > .title > .en { font-size:25px; line-height:33px; }
	.st-2 > .wrap > .content > .box > .title > .kr { font-size:11px; line-height:16px; margin-top:11px; }
	.st-2 > .wrap > .content > .box > .title > .kr > img { height:3px; margin-right:2px; }
	.st-2 > .wrap > .content > .box > .form { margin-top:30px; }
	.st-2 > .wrap > .content > .box > .form > form { width:100%; margin-left:0; }
	.st-2 > .wrap > .content > .box > .form > form > .box { width:100%; margin:0 0 25px 0; }
	.st-2 > .wrap > .content > .box > .form > form > .box > .name { font-size:11.5px; margin-bottom:8px; }
	.st-2 > .wrap > .content > .box > .form > form > .box > .input > input { height:45px; padding:0 7px; font-size:12px; line-height:45px; }
	.st-2 > .wrap > .content > .box > .form > form > .box > .input > select { height:45px; padding:0 7px; font-size:12px; line-height:35px; }
	.st-2 > .wrap > .content > .box > .form > form > .box > .input > select > option { font-size:12px; }
	.st-2 > .wrap > .content > .box > .form > form > .box > .input > .arrow { margin-right:10px; margin-top:-45px; }
	.st-2 > .wrap > .content > .box > .form > form > .box > .input > .arrow > i { font-size:8px; line-height:45px; }
	.st-2 > .wrap > .content > .box > .form > form > .box.all { margin:0 0 25px 0; }
	.st-2 > .wrap > .content > .box > .form > form > .box.all > .name { font-size:11.5px; margin-bottom:8px; }
	.st-2 > .wrap > .content > .box > .form > form > .box.all > .input { padding:0 0 0 0; }
	.st-2 > .wrap > .content > .box > .form > form > .box.all > .input > textarea { height:220px; padding:12px 12px; font-size:13px; line-height:20px; }
	.st-2 > .wrap > .content > .box > .form > form > .button { width:100%; font-size:12px; line-height:12px; margin:0 0; padding:17px 12px; }
	.st-2 > .wrap > .content > .box > .form > form > .button > i { right:15px; font-size:10px; }
}

/* SECTION TYPE-5 */
@media only screen and (max-width:499px) {
	.st-2 > .wrap > .bg > video { width:150%; }
}

/* FORM */
input:focus { outline:none; }
input::placeholder { color:#000; }
input::-webkit-input-placeholder { color:#000; }
input:-moz-input-placeholder { color:#000; }
input:-o-input-placeholder { color:#000; }
textarea:focus { outline:none; }
textarea::placeholder { color:#000; }
textarea::-webkit-textarea-placeholder { color:#000; }
textarea:-moz-textarea-placeholder { color:#000; }
textarea:-o-textarea-placeholder { color:#000; }