@charset "UTF-8";

/* SECTION 1 */
.st-1 { position:relative; width:100%; padding-top:140px; }
.st-1 > .wrap { width:100%; max-width:1920px; margin:0 auto; }
.st-1 > .wrap::after { content:''; display:table; clear:both; }
.st-1 > .wrap > .bg { float:left; width:calc(100% - 950px); height:546px; margin-top:-140px; overflow:hidden; }
.st-1 > .wrap > .bg > video { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); height:100%; }
.st-1 > .wrap > .content { float:left; width:950px; padding:0 50px; box-sizing:border-box; }
.st-1 > .wrap > .content > .en { font-size:65px; font-weight:800; font-family:'Unbounded',sans-serif; line-height:80px; }
.st-1 > .wrap > .content > .kr { font-size:18.5px; line-height:28px; margin-top:50px; }

/* SECTION TYPE-1 */
@media only screen and (max-width:1649px) {
	.st-1 { padding-top:130px; }
	.st-1 > .wrap > .bg { width:calc(100% - 850px); height:500px; margin-top:-130px; }
	.st-1 > .wrap > .content { width:850px; padding:0 40px; }
	.st-1 > .wrap > .content > .en { font-size:62px; line-height:74px; }
	.st-1 > .wrap > .content > .kr { font-size:17.5px; line-height:27px; margin-top:45px; }
}

/* SECTION TYPE-2 */
@media only screen and (max-width:1279px) {
	.st-1 { padding-top:110px; }
	.st-1 > .wrap > .bg { width:calc(100% - 700px); height:400px; margin-top:-110px; }
	.st-1 > .wrap > .content { width:700px; padding:0 30px; }
	.st-1 > .wrap > .content > .en { font-size:47px; line-height:57px; }
	.st-1 > .wrap > .content > .kr { font-size:15.5px; line-height:22.5px; margin-top:40px; }
}

/* SECTION TYPE-3 */
@media only screen and (max-width:1023px) {
	.st-1 { padding-top:0; }
	.st-1 > .wrap > .bg { float:none; position:absolute; width:100%; height:370px; top:0; margin-top:0; }
	.st-1 > .wrap > .bg > video { width:100%; height:auto; }
	.st-1 > .wrap > .content { float:none; width:100%; padding:410px 20px 0 20px; }
	.st-1 > .wrap > .content > .en { font-size:37px; line-height:45px; }
	.st-1 > .wrap > .content > .en > br.pc { display:none; }
	.st-1 > .wrap > .content > .kr { font-size:14px; line-height:20.5px; margin-top:30px; }
}

/* SECTION TYPE-4 */
@media only screen and (max-width:767px) {
	.st-1 > .wrap > .bg { height:250px; }
	.st-1 > .wrap > .content { padding:280px 10px 0 10px; }
	.st-1 > .wrap > .content > .en { font-size:27px; line-height:34px; }
	.st-1 > .wrap > .content > .kr { font-size:12px; line-height:17px; margin-top:25px; }
}

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

/* SECTION 2 */
.st-2 { margin-top:120px; margin-bottom:150px; }
.st-2 > .wrap { position:relative; width:100%; max-width:1920px; margin:0 auto; padding:0 50px; box-sizing:border-box; }
.st-2 > .wrap::after { content:''; display:table; clear:both; }
.st-2 > .wrap > .content { width:100%; }
.st-2 > .wrap > .content > ul { width:100%; border-top:2px solid #000; }
.st-2 > .wrap > .content > ul::after { content:''; display:table; clear:both; }
.st-2 > .wrap > .content > ul > li { position:relative; float:left; width:50%; height:600px; border-bottom:2px solid #000; border-right:2px solid #000;  box-sizing:border-box; transition:all 0.3s ease-in-out; }
.st-2 > .wrap > .content > ul > li:hover { background:#ffb428; }
.st-2 > .wrap > .content > ul > li:nth-child(even) { border-right:0; }
.st-2 > .wrap > .content > ul > li::after { content:''; display:table; clear:both; }
.st-2 > .wrap > .content > ul > li > .top { position:absolute; top:60px; left:70px; }
.st-2 > .wrap > .content > ul > li > .top > .img { height:40px; overflow:hidden; }
.st-2 > .wrap > .content > ul > li > .top > .img > .depth { position:relative; display:block; height:100%; top:0%; transition:0.3s; }
.st-2 > .wrap > .content > ul > li:hover > .top > .img > .depth { top:-100%; }
.st-2 > .wrap > .content > ul > li > .top > .img > .depth > img { height:40px; }
.st-2 > .wrap > .content > ul > li > .top > .title { margin-top:28px; }
.st-2 > .wrap > .content > ul > li > .top > .title > .en { }
.st-2 > .wrap > .content > ul > li > .top > .title > .en > .box { height:55px; overflow:hidden; }
.st-2 > .wrap > .content > ul > li > .top > .title > .en > .box > .depth { position:relative; display:block; height:100%; top:0%; font-size:52px; font-weight:700; line-height:52px; font-family:'Unbounded',sans-serif; transition:0.3s; }
.st-2 > .wrap > .content > ul > li:hover > .top > .title > .en > .box > .depth { top:-100%; }
.st-2 > .wrap > .content > ul > li > .top > .title > .kr { margin-top:22px; }
.st-2 > .wrap > .content > ul > li > .top > .title > .kr > .box { height:25px; overflow:hidden; }
.st-2 > .wrap > .content > ul > li > .top > .title > .kr > .box > .depth { position:relative; display:block; height:100%; top:0%; font-size:25px; font-weight:600; line-height:25px; transition:0.3s; }
.st-2 > .wrap > .content > ul > li:hover > .top > .title > .kr > .box > .depth { top:-100%; }
.st-2 > .wrap > .content > ul > li > .bottom { position:absolute; width:calc(100% - 140px); bottom:70px; left:70px; }
.st-2 > .wrap > .content > ul > li > .bottom > .info { float:left; font-size:18px; line-height:26px; }
.st-2 > .wrap > .content > ul > li > .bottom > .info > br.pc { display:none; }

/* SECTION TYPE-1 */
@media only screen and (max-width:1649px) {
    .st-2 { margin-top:110px; margin-bottom:140px; }
    .st-2 > .wrap { padding:0 40px; }
    .st-2 > .wrap > .content > ul > li { height:560px; }
    .st-2 > .wrap > .content > ul > li > .top { top:57px; left:67px; }
    .st-2 > .wrap > .content > ul > li > .top > .img { height:37px; }
    .st-2 > .wrap > .content > ul > li > .top > .img > .depth > img { height:37px; }
    .st-2 > .wrap > .content > ul > li > .top > .title { margin-top:24px; }
    .st-2 > .wrap > .content > ul > li > .top > .title > .en > .box { height:54px; }
    .st-2 > .wrap > .content > ul > li > .top > .title > .en > .box > .depth { font-size:50px; line-height:50px; }
    .st-2 > .wrap > .content > ul > li > .top > .title > .kr { margin-top:19px; }
    .st-2 > .wrap > .content > ul > li > .top > .title > .kr > .box { height:24px; }
    .st-2 > .wrap > .content > ul > li > .top > .title > .kr > .box > .depth { font-size:24px; line-height:24px; }
    .st-2 > .wrap > .content > ul > li > .bottom { width:calc(100% - 130px); bottom:65px; left:65px; }
    .st-2 > .wrap > .content > ul > li > .bottom > .info { font-size:17px; line-height:25px; }
}

/* SECTION TYPE-2 */
@media only screen and (max-width:1279px) {
    .st-2 { margin-top:90px; margin-bottom:120px; }
    .st-2 > .wrap { padding:0 30px; }
    .st-2 > .wrap > .content > ul > li { height:510px; }
    .st-2 > .wrap > .content > ul > li > .top { top:50px; left:50px; }
    .st-2 > .wrap > .content > ul > li > .top > .img { height:33px; }
    .st-2 > .wrap > .content > ul > li > .top > .img > .depth > img { height:33px; }
    .st-2 > .wrap > .content > ul > li > .top > .title { margin-top:22px; }
    .st-2 > .wrap > .content > ul > li > .top > .title > .en > .box { height:46px; }
    .st-2 > .wrap > .content > ul > li > .top > .title > .en > .box > .depth { font-size:42px; line-height:42px; }
    .st-2 > .wrap > .content > ul > li > .top > .title > .kr { margin-top:15px; }
    .st-2 > .wrap > .content > ul > li > .top > .title > .kr > .box { height:22px; }
    .st-2 > .wrap > .content > ul > li > .top > .title > .kr > .box > .depth { font-size:22px; line-height:22px; }
    .st-2 > .wrap > .content > ul > li > .bottom { width:calc(100% - 110px); bottom:60px; left:50px; }
    .st-2 > .wrap > .content > ul > li > .bottom > .info { font-size:15.5px; line-height:22px; }
}

/* SECTION TYPE-3 */
@media only screen and (max-width:1023px) {
    .st-2 { margin-top:90px; margin-bottom:90px; }
    .st-2 > .wrap { padding:0 20px; }
    .st-2 > .wrap > .content > ul > li { width:100%; height:auto; border-right:0; padding:40px 20px; }
    .st-2 > .wrap > .content > ul > li > .top { position:relative; top:auto; left:auto; }
    .st-2 > .wrap > .content > ul > li > .top > .img { height:28px; }
    .st-2 > .wrap > .content > ul > li > .top > .img > .depth > img { height:28px; }
    .st-2 > .wrap > .content > ul > li > .top > .title { margin-top:17px; }
    .st-2 > .wrap > .content > ul > li > .top > .title > .en > .box { height:36px; }
    .st-2 > .wrap > .content > ul > li > .top > .title > .en > .box > .depth { font-size:32px; line-height:32px; }
    .st-2 > .wrap > .content > ul > li > .top > .title > .kr { margin-top:10px; }
    .st-2 > .wrap > .content > ul > li > .top > .title > .kr > .box { height:18px; }
    .st-2 > .wrap > .content > ul > li > .top > .title > .kr > .box > .depth { font-size:18px; line-height:18px; }
    .st-2 > .wrap > .content > ul > li > .bottom { position:relative; width:100%; bottom:auto; left:auto; margin-top:60px; }
    .st-2 > .wrap > .content > ul > li > .bottom > .info { font-size:13.5px; line-height:18px; }
}

/* SECTION TYPE-4 */
@media only screen and (max-width:767px) {
    .st-2 { margin-top:70px; margin-bottom:70px; }
    .st-2 > .wrap { padding:0 10px; }
    .st-2 > .wrap > .content > ul > li { padding:30px 10px; }
    .st-2 > .wrap > .content > ul > li > .top > .img { height:24px; }
    .st-2 > .wrap > .content > ul > li > .top > .img > .depth > img { height:24px; }
    .st-2 > .wrap > .content > ul > li > .top > .title { margin-top:15px; }
    .st-2 > .wrap > .content > ul > li > .top > .title > .en > .box { height:30px; }
    .st-2 > .wrap > .content > ul > li > .top > .title > .en > .box > .depth { font-size:27px; line-height:27px; }
    .st-2 > .wrap > .content > ul > li > .top > .title > .kr { margin-top:4px; }
    .st-2 > .wrap > .content > ul > li > .top > .title > .kr > .box { height:15px; }
    .st-2 > .wrap > .content > ul > li > .top > .title > .kr > .box > .depth { font-size:15px; line-height:15px; }
    .st-2 > .wrap > .content > ul > li > .bottom { margin-top:40px; }
    .st-2 > .wrap > .content > ul > li > .bottom > .info { font-size:12px; line-height:17px; }
}