@charset "UTF-8";

/* SECTION 1 */
.st-1 { margin-top:120px; }
.st-1 > .wrap { width:100%; max-width:1300px; margin:0 auto; }
.st-1 > .wrap > .slogan { }
.st-1 > .wrap > .slogan > .en { font-size:107px; font-weight:800; font-family:'Unbounded',sans-serif; }
.st-1 > .wrap > .slogan > .en.a { text-align:left; }
.st-1 > .wrap > .slogan > .en.b { text-align:right; }
.st-1 > .wrap > .slogan > .kr { float:right; font-size:19.5px; font-weight:500; line-height:28px; margin-top:40px; }
.st-1 > .wrap > .slogan > .kr > br.pc { display:block; }
.st-1 > .wrap > .slogan > .button { float:right; background:#ffb428; padding:17px 24px; margin-top:40px; margin-right:355px; cursor:pointer; }
.st-1 > .wrap > .slogan > .button > .box { height:16px; overflow:hidden; }
.st-1 > .wrap > .slogan > .button > .box > .depth { position:relative; display:block; height:100%; top:0%; font-size:16px; font-weight:500; font-family:'Unbounded',sans-serif; line-height:16px; transition:0.3s; }
.st-1 > .wrap > .slogan > .button:hover > .box > .depth { top:-100%; }
.st-1 > .wrap > .slogan > .global { margin-top:20px; }
.st-1 > .wrap > .slogan > .global > .img { float:left; }
.st-1 > .wrap > .slogan > .global > .img > img { height:40px; }
.st-1 > .wrap > .slogan > .global > .text { float:left; font-size:16px; font-weight:600; font-family:'Unbounded',sans-serif; margin-top:1px; margin-left:12px; }

/* SECTION TYPE-1 */
@media only screen and (max-width:1649px) {
	.st-1 { margin-top:110px; }
	.st-1 > .wrap { max-width:1200px; }
	.st-1 > .wrap > .slogan > .en { font-size:95px; }
	.st-1 > .wrap > .slogan > .kr { font-size:18px; line-height:26px; margin-top:35px; }
	.st-1 > .wrap > .slogan > .button { padding:16px 22px; margin-top:35px; margin-right:326px; }
	.st-1 > .wrap > .slogan > .button > .box { height:15px; }
	.st-1 > .wrap > .slogan > .button > .box > .depth { font-size:15px; line-height:15px; }
	.st-1 > .wrap > .slogan > .global { margin-top:18px; }
	.st-1 > .wrap > .slogan > .global > .img > img { height:37px; }
	.st-1 > .wrap > .slogan > .global > .text { font-size:15px; margin-left:11px; }
}

/* SECTION TYPE-2 */
@media only screen and (max-width:1279px) {
	.st-1 { margin-top:90px; }
	.st-1 > .wrap { max-width:100%; padding:0 30px; box-sizing:border-box; }
	.st-1 > .wrap > .slogan > .en { font-size:75px; }
	.st-1 > .wrap > .slogan > .kr { font-size:16.5px; line-height:24px; margin-top:30px; }
	.st-1 > .wrap > .slogan > .button { padding:14px 20px; margin-top:30px; margin-right:298px; }
	.st-1 > .wrap > .slogan > .button > .box { height:14px; }
	.st-1 > .wrap > .slogan > .button > .box > .depth { font-size:14px; line-height:14px; }
	.st-1 > .wrap > .slogan > .global { margin-top:16px; }
	.st-1 > .wrap > .slogan > .global > .img > img { height:32px; }
	.st-1 > .wrap > .slogan > .global > .text { font-size:13.5px; margin-left:10px; }
}

/* SECTION TYPE-3 */
@media only screen and (max-width:1023px) {
	.st-1 { margin-top:60px; }
	.st-1 > .wrap { padding:0 20px; }
	.st-1 > .wrap > .slogan > .en { font-size:60px; }
	.st-1 > .wrap > .slogan > .kr { font-size:15px; line-height:22px; margin-top:25px; }
	.st-1 > .wrap > .slogan > .button { padding:12px 18px; margin-top:25px; margin-right:266px; }
	.st-1 > .wrap > .slogan > .button > .box { height:13px; }
	.st-1 > .wrap > .slogan > .button > .box > .depth { font-size:13px; line-height:13px; }
	.st-1 > .wrap > .slogan > .global { margin-top:14px; }
	.st-1 > .wrap > .slogan > .global > .img > img { height:30px; }
	.st-1 > .wrap > .slogan > .global > .text { font-size:12.5px; margin-top:0; margin-left:9px; }
}

/* SECTION TYPE-4 */
@media only screen and (max-width:767px) {
	.st-1 { margin-top:50px; }
	.st-1 > .wrap { padding:0 10px; }
	.st-1 > .wrap > .slogan > .en { font-size:40px; }
	.st-1 > .wrap > .slogan > .en.b { text-align:left; }
	.st-1 > .wrap > .slogan > .kr { float:none; font-size:13px; line-height:18px; margin-top:20px; }
	.st-1 > .wrap > .slogan > .button { float:left; padding:10px 15px; margin-top:25px; margin-right:0; }
	.st-1 > .wrap > .slogan > .button > .box { height:11px; }
	.st-1 > .wrap > .slogan > .button > .box > .depth { font-size:11px; line-height:11px; }
	.st-1 > .wrap > .slogan > .global { margin-top:40px; }
	.st-1 > .wrap > .slogan > .global > .img > img { height:26px; }
	.st-1 > .wrap > .slogan > .global > .text { font-size:11px; margin-left:8px; }
}

/* SECTION TYPE-5 */
@media only screen and (max-width:499px) {
	.st-1 > .wrap > .slogan > .kr > br.pc { display:none; }
}

/* SECTION 2 */
.st-2 { position:relative; width:100%; margin-top:300px; padding:150px 0; background:#ffb428; }
.st-2 > .wrap { width:100%; max-width:1920px; margin:0 auto; }
.st-2 > .wrap::after { content:''; display:table; clear:both; }
.st-2 > .wrap > .bg { position:relative; float:left; width:calc(100% - 960px); height:860px; margin-top:-300px; overflow:hidden; }
.st-2 > .wrap > .bg > video { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); height:100%; }
.st-2 > .wrap > .content { float:right; width:960px; padding-left:120px; padding-right:50px; box-sizing:border-box; }
.st-2 > .wrap > .content > .en { font-size:65px; font-weight:800; font-family:'Unbounded',sans-serif; line-height:80px; }
.st-2 > .wrap > .content > .kr { font-size:18px; line-height:26px; margin-top:50px; }
.st-2 > .wrap > .content > .button { position:relative; float:left; margin-top:62px; padding-bottom:10px; cursor:pointer; }
.st-2 > .wrap > .content > .button::after { content:''; display:table; clear:both; }
.st-2 > .wrap > .content > .button::before { content:''; position:absolute; bottom:0; width:122px; height:2px; background:#000; }
.st-2 > .wrap > .content > .button > .box { height:16px; overflow:hidden; }
.st-2 > .wrap > .content > .button > .box > .depth { position:relative; display:block; width:100%; height:100%; top:0%; font-size:16px; font-weight:500; font-family:'Unbounded',sans-serif; line-height:16px; transition:0.3s; }
.st-2 > .wrap > .content > .button > .box > .depth > img { height:11px; margin-left:8px; margin-bottom:1px; }
.st-2 > .wrap > .content > .button:hover > .box > .depth { top:-100%; }

/* SECTION TYPE-1 */
@media only screen and (max-width:1649px) {
	.st-2 { margin-top:280px; padding:140px 0; }
	.st-2 > .wrap > .bg { width:calc(100% - 780px); height:790px; margin-top:-280px; }
	.st-2 > .wrap > .content { width:780px; padding-left:90px; padding-right:40px; }
	.st-2 > .wrap > .content > .en { font-size:60px; line-height:72px; }
	.st-2 > .wrap > .content > .kr { font-size:16.5px; line-height:24px; margin-top:45px; }
	.st-2 > .wrap > .content > .kr > br.pc { display:none; }
	.st-2 > .wrap > .content > .button { margin-top:57px; padding-bottom:9px; }
	.st-2 > .wrap > .content > .button::before { width:114px; }
	.st-2 > .wrap > .content > .button > .box { height:15px; }
	.st-2 > .wrap > .content > .button > .box > .depth { font-size:15px; line-height:15px; }
	.st-2 > .wrap > .content > .button > .box > .depth > img { height:10px; }
}

/* SECTION TYPE-2 */
@media only screen and (max-width:1279px) {
	.st-2 { margin-top:240px; padding:120px 0; }
	.st-2 > .wrap > .bg { float:none; width:calc(100% - 140px); height:480px; margin-top:-240px; }
	.st-2 > .wrap > .bg > video { width:100%; height:auto; top:auto; bottom:0; transform:translate(-50%, 80px); }
	.st-2 > .wrap > .content { float:left; width:100%; margin-top:60px; padding-left:30px; padding-right:30px; }
	.st-2 > .wrap > .content > .en { font-size:45px; line-height:57px; }
	.st-2 > .wrap > .content > .en > br.pc { display:none; }
	.st-2 > .wrap > .content > .kr { font-size:15px; line-height:22px; margin-top:35px; }
	.st-2 > .wrap > .content > .button { margin-top:45px; padding-bottom:8px; }
	.st-2 > .wrap > .content > .button::before { width:98px; }
	.st-2 > .wrap > .content > .button > .box { height:13px; }
	.st-2 > .wrap > .content > .button > .box > .depth { font-size:13px; line-height:13px; }
	.st-2 > .wrap > .content > .button > .box > .depth > img { height:9px; margin-left:7px; }
}

/* SECTION TYPE-3 */
@media only screen and (max-width:1023px) {
	.st-2 { margin-top:220px; padding:100px 0; }
	.st-2 > .wrap > .bg { width:calc(100% - 40px); height:400px; margin-top:-200px; }
	.st-2 > .wrap > .content { margin-top:55px; padding-left:20px; padding-right:40px; }
	.st-2 > .wrap > .content > .en { font-size:37px; line-height:45px; }
	.st-2 > .wrap > .content > .kr { font-size:14px; line-height:20px; margin-top:30px; }
	.st-2 > .wrap > .content > .button { margin-top:40px; padding-bottom:7px; }
	.st-2 > .wrap > .content > .button::before { width:90px; }
	.st-2 > .wrap > .content > .button > .box { height:12px; }
	.st-2 > .wrap > .content > .button > .box > .depth { font-size:12px; line-height:12px; }
	.st-2 > .wrap > .content > .button > .box > .depth > img { height:8px; margin-left:6px; }
}

/* SECTION TYPE-4 */
@media only screen and (max-width:767px) {
	.st-2 { margin-top:200px; padding:75px 0; }
	.st-2 > .wrap > .bg { width:calc(100% - 20px); height:300px; margin-top:-150px; }
	.st-2 > .wrap > .content { margin-top:45px; padding-left:10px; padding-right:20px; }
	.st-2 > .wrap > .content > .en { font-size:27px; line-height:34px; }
	.st-2 > .wrap > .content > .kr { font-size:12px; line-height:17px; margin-top:25px; }
	.st-2 > .wrap > .content > .button { margin-top:35px; padding-bottom:6px; }
	.st-2 > .wrap > .content > .button::before { width:82px; }
	.st-2 > .wrap > .content > .button > .box { height:11px; }
	.st-2 > .wrap > .content > .button > .box > .depth { font-size:11px; line-height:11px; }
	.st-2 > .wrap > .content > .button > .box > .depth > img { height:7px; margin-left:5px; }
}

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


/* SECTION 3 */
.st-3 { margin-top:150px; }
.st-3 > .wrap { position:relative; width:100%; max-width:1920px; margin:0 auto; padding:0 50px; box-sizing:border-box; }
.st-3 > .wrap::after { content:''; display:table; clear:both; }
.st-3 > .wrap > .title { position:sticky; top:120px; float:left; width:650px; font-size:60px; font-weight:800; font-family:'Unbounded',sans-serif; line-height:75px; }
.st-3 > .wrap > .content { float:left; width:calc(100% - 650px); }
.st-3 > .wrap > .content > ul { width:calc(100% + 40px); margin-left:-20px; }
.st-3 > .wrap > .content > ul::after { content:''; display:table; clear:both; }
.st-3 > .wrap > .content > ul > li { position:relative; float:left; width:calc(50% - 40px); height:350px; background:#f5f5f5; margin:0 20px 40px 20px; padding:40px 35px; box-sizing:border-box; }
.st-3 > .wrap > .content > ul > li:nth-child(n+5) { margin:0 20px; }
.st-3 > .wrap > .content > ul > li > .img { }
.st-3 > .wrap > .content > ul > li > .img > img { height:42px; }
.st-3 > .wrap > .content > ul > li > .info { position:absolute; bottom:50px; padding-right:35px; box-sizing:border-box; }
.st-3 > .wrap > .content > ul > li > .info > .en { font-size:27px; font-weight:800; font-family:'Unbounded',sans-serif; line-height:37px; }
.st-3 > .wrap > .content > ul > li > .info > .kr { font-size:17.5px; line-height:26px; margin-top:17px; }

/* SECTION TYPE-1 */
@media only screen and (max-width:1649px) {
	.st-3 { margin-top:140px; }
	.st-3 > .wrap { padding:0 40px; }
	.st-3 > .wrap > .title { top:110px; width:510px; font-size:55px; line-height:70px; }
	.st-3 > .wrap > .content { width:calc(100% - 510px); }
	.st-3 > .wrap > .content > ul { width:calc(100% + 34px); margin-left:-17px; }
	.st-3 > .wrap > .content > ul > li { width:calc(50% - 34px); height:340px; margin:0 17px 34px 17px; padding:37px 32px; }
	.st-3 > .wrap > .content > ul > li:nth-child(n+5) { margin:0 17px; }
	.st-3 > .wrap > .content > ul > li > .img > img { height:40px; }
	.st-3 > .wrap > .content > ul > li > .info { bottom:45px; padding-right:32px; }
	.st-3 > .wrap > .content > ul > li > .info > .en { font-size:25.5px; line-height:34px; }
	.st-3 > .wrap > .content > ul > li > .info > .kr { font-size:16.5px; line-height:24px; margin-top:15px; }
}

/* SECTION TYPE-2 */
@media only screen and (max-width:1279px) {
	.st-3 { margin-top:120px; }
	.st-3 > .wrap { padding:0 30px; }
	.st-3 > .wrap > .title { top:90px; width:440px; font-size:45px; line-height:57px; }
	.st-3 > .wrap > .content { width:calc(100% - 440px); }
	.st-3 > .wrap > .content > ul { width:100%; margin-left:0; }
	.st-3 > .wrap > .content > ul > li { width:100%; height:220px; margin:0 0 30px 0; padding:35px 30px; }
	.st-3 > .wrap > .content > ul > li:nth-child(n+5) { margin:0 0 30px 0; }
	.st-3 > .wrap > .content > ul > li:last-child { margin:0 0; }
	.st-3 > .wrap > .content > ul > li > .img > img { height:35px; }
	.st-3 > .wrap > .content > ul > li > .info { bottom:40px; padding-right:30px; }
	.st-3 > .wrap > .content > ul > li > .info > .en { font-size:20.5px; line-height:30px; }
	.st-3 > .wrap > .content > ul > li > .info > .kr { font-size:15px; line-height:20px; margin-top:12px; }
}

/* SECTION TYPE-3 */
@media only screen and (max-width:1023px) {
	.st-3 { margin-top:90px; }
	.st-3 > .wrap { padding:0 20px; }
	.st-3 > .wrap > .title { top:80px; width:350px; font-size:35px; line-height:45px; }
	.st-3 > .wrap > .content { width:calc(100% - 350px); }
	.st-3 > .wrap > .content > ul > li { width:100%; height:200px; margin:0 0 20px 0; padding:27px 25px; }
	.st-3 > .wrap > .content > ul > li:nth-child(n+5) { margin:0 0 20px 0; }
	.st-3 > .wrap > .content > ul > li > .img > img { height:32px; }
	.st-3 > .wrap > .content > ul > li > .info { bottom:30px; padding-right:25px; }
	.st-3 > .wrap > .content > ul > li > .info > .en { font-size:18px; line-height:26px; }
	.st-3 > .wrap > .content > ul > li > .info > .kr { font-size:13px; line-height:18px; margin-top:10px; }
}

/* SECTION TYPE-4 */
@media only screen and (max-width:767px) {
	.st-3 { margin-top:70px; }
	.st-3 > .wrap { padding:0 10px; }
	.st-3 > .wrap > .title { position:relative; top:auto; width:100%; font-size:27px; line-height:35px; }
	.st-3 > .wrap > .content { width:100%; margin-top:40px; }
	.st-3 > .wrap > .content > ul > li { height:150px; margin:0 0 10px 0; padding:22px 17px; }
	.st-3 > .wrap > .content > ul > li:nth-child(n+5) { margin:0 0 10px 0; }
	.st-3 > .wrap > .content > ul > li > .img > img { height:25px; }
	.st-3 > .wrap > .content > ul > li > .info { bottom:20px; padding-right:17px; }
	.st-3 > .wrap > .content > ul > li > .info > .en { font-size:16px; line-height:24px; }
	.st-3 > .wrap > .content > ul > li > .info > .kr { font-size:12px; line-height:17px; margin-top:7px; }
}

/* SECTION TYPE-5 */
@media only screen and (max-width:499px) {
	.st-3 > .wrap > .content > ul > li { height:160px; }
}


/* SECTION 4 */
.st-4 { margin-top:120px; }
.st-4 > .wrap { width:100%; max-width:1920px; margin:0 auto; padding:0 50px; box-sizing:border-box; }
.st-4 > .wrap > ul { width:calc(100% + 8px); }
.st-4 > .wrap > ul::after { content:''; display:table; clear:both; }
.st-4 > .wrap > ul > li { position:relative; float:left; width:20%; height:140px; border:2px solid #000; margin:-2px -2px 0 0; cursor:pointer; box-sizing:border-box; }
.st-4 > .wrap > ul > li > .img { position:absolute; height:60px; top:50%; left:50%; transform:translate(-50%, -50%); overflow:hidden; }
.st-4 > .wrap > ul > li > .img > .depth { position:relative; display:block; height:100%; top:0%; transition:0.3s; }
.st-4 > .wrap > ul > li:hover > .img > .depth { top:-100%; }
.st-4 > .wrap > ul > li > .img > .depth > img { height:60px; }

/* SECTION TYPE-1 */
@media only screen and (max-width:1649px) {
	.st-4 { margin-top:110px; }
	.st-4 > .wrap { padding:0 40px; }
	.st-4 > .wrap > ul > li { height:135px; }
	.st-4 > .wrap > ul > li > .img { height:55px; }
	.st-4 > .wrap > ul > li > .img > .depth > img { height:55px; }
}

/* SECTION TYPE-2 */
@media only screen and (max-width:1279px) {
	.st-4 { margin-top:90px; }
	.st-4 > .wrap { padding:0 30px; }
	.st-4 > .wrap > ul > li { height:122px; }
	.st-4 > .wrap > ul > li > .img { height:45px; }
	.st-4 > .wrap > ul > li > .img > .depth > img { height:45px; }
}

/* SECTION TYPE-3 */
@media only screen and (max-width:1023px) {
	.st-4 { margin-top:70px; }
	.st-4 > .wrap { padding:0 20px; }
	.st-4 > .wrap > ul { width:calc(100% + 6px); }
	.st-4 > .wrap > ul > li { width:25%; height:106px; }
	.st-4 > .wrap > ul > li:nth-child(n+9) { display:none; }
	.st-4 > .wrap > ul > li > .img { height:40px; }
	.st-4 > .wrap > ul > li > .img > .depth > img { height:40px; }
}

/* SECTION TYPE-4 */
@media only screen and (max-width:767px) {
	.st-4 { margin-top:40px; }
	.st-4 > .wrap { padding:0 10px; }
	.st-4 > .wrap > ul { width:calc(100% + 2px); }
	.st-4 > .wrap > ul > li { width:50%; height:86px; }
	.st-4 > .wrap > ul > li:nth-child(n+9) { display:block; }
	.st-4 > .wrap > ul > li > .img { height:34px; }
	.st-4 > .wrap > ul > li > .img > .depth > img { height:34px; }
}

/* SECTION 5 */
.st-5 { margin-top:150px; }
.st-5 > .wrap { width:100%; max-width:1920px; margin:0 auto; }
.st-5 > .wrap > .title { padding:0 50px; box-sizing:border-box; }
.st-5 > .wrap > .title::after { content:''; display:table; clear:both; }
.st-5 > .wrap > .title > .text { float:left; font-size:50px; font-weight:800; font-family:'Unbounded',sans-serif; line-height:60px; }
.st-5 > .wrap > .title > .text > br.mo { display:none; }
.st-5 > .wrap > .title > .button { position:relative; float:right; margin-top:24px; padding-bottom:10px; cursor:pointer; }
.st-5 > .wrap > .title > .button::before { content:''; position:absolute; bottom:0; width:138px; height:2px; background:#000; }
.st-5 > .wrap > .title > .button > .box { height:16px; overflow:hidden; }
.st-5 > .wrap > .title > .button > .box > .depth { position:relative; display:block; width:100%; height:100%; top:0%; font-size:16px; font-weight:500; font-family:'Unbounded',sans-serif; line-height:16px; transition:0.3s; }
.st-5 > .wrap > .title > .button > .box > .depth > img { height:12px; margin-left:8px; }
.st-5 > .wrap > .title > .button:hover > .box > .depth { top:-100%; }
.st-5 > .wrap.all { width:100%; max-width:100%; }
.st-5 > .wrap.all > .project { width:100%; margin-top:70px; overflow:hidden; }
.st-5 > .wrap.all > .project > .js-marquee-wrapper { }
.st-5 > .wrap.all > .project > .js-marquee-wrapper > .js-marquee { }
.st-5 > .wrap.all > .project > .js-marquee-wrapper > .js-marquee::after { content:''; display:table; clear:both; }
.st-5 > .wrap.all > .project > .js-marquee-wrapper > .js-marquee > .slide { position:relative; float:left; width:620px; margin-right:60px; }
.st-5 > .wrap.all > .project > .js-marquee-wrapper > .js-marquee > .slide > .thumb { width:100%; }
.st-5 > .wrap.all > .project > .js-marquee-wrapper > .js-marquee > .slide > .thumb { position:relative; width:100%; cursor:pointer; }
.st-5 > .wrap.all > .project > .js-marquee-wrapper > .js-marquee > .slide > .thumb > img { width:100%; transition:opacity linear 0.25s; }
.st-5 > .wrap.all > .project > .js-marquee-wrapper > .js-marquee > .slide > .thumb > img.brand { opacity:1; }
.st-5 > .wrap.all > .project > .js-marquee-wrapper > .js-marquee > .slide > .thumb > img.site { position:absolute; top:0; left:0; opacity:0; }
.st-5 > .wrap.all > .project > .js-marquee-wrapper > .js-marquee > .slide > .thumb:hover > img.brand { opacity:0; }
.st-5 > .wrap.all > .project > .js-marquee-wrapper > .js-marquee > .slide > .thumb:hover > img.site { opacity:1; }
.st-5 > .wrap.all > .project > .js-marquee-wrapper > .js-marquee > .slide > .title { margin-top:20px; }
.st-5 > .wrap.all > .project > .js-marquee-wrapper > .js-marquee > .slide > .title::after { content:''; display:table; clear:both; }
.st-5 > .wrap.all > .project > .js-marquee-wrapper > .js-marquee > .slide > .title > .en { float:left; font-size:21px; font-weight:600; font-family:'Unbounded',sans-serif; line-height:21px; }
.st-5 > .wrap.all > .project > .js-marquee-wrapper > .js-marquee > .slide > .title > .kr { float:right; font-size:17px; line-height:21px; }

/* SECTION TYPE-1 */
@media only screen and (max-width:1649px) {
	.st-5 { margin-top:140px; }
	.st-5 > .wrap > .title { padding:0 40px; }
	.st-5 > .wrap > .title > .text { font-size:45px; line-height:55px; }
	.st-5 > .wrap > .title > .button { margin-top:20px; padding-bottom:9px; }
	.st-5 > .wrap > .title > .button::before { width:135px; }
	.st-5 > .wrap > .title > .button > .box { height:16px; }
	.st-5 > .wrap > .title > .button > .box > .depth { font-size:16px; line-height:16px; }
	.st-5 > .wrap > .title > .button > .box > .depth > img { height:11px; margin-bottom:1px; }
	.st-5 > .wrap.all > .project { margin-top:65px; }
	.st-5 > .wrap.all > .project > .js-marquee-wrapper > .js-marquee > .slide { width:590px; margin-right:55px; }
	.st-5 > .wrap.all > .project > .js-marquee-wrapper > .js-marquee > .slide > .title { margin-top:18px; }
	.st-5 > .wrap.all > .project > .js-marquee-wrapper > .js-marquee > .slide > .title > .en { font-size:20px; line-height:20px; }
	.st-5 > .wrap.all > .project > .js-marquee-wrapper > .js-marquee > .slide > .title > .kr { font-size:16px; line-height:20px; }
}

/* SECTION TYPE-2 */
@media only screen and (max-width:1279px) {
	.st-5 { margin-top:120px; }
	.st-5 > .wrap > .title { padding:0 30px; }
	.st-5 > .wrap > .title > .text { font-size:38px; line-height:48px; }
	.st-5 > .wrap > .title > .button { margin-top:19px; padding-bottom:8px; }
	.st-5 > .wrap > .title > .button::before { width:120px; }
	.st-5 > .wrap > .title > .button > .box { height:14px; }
	.st-5 > .wrap > .title > .button > .box > .depth { font-size:14px; line-height:14px; }
	.st-5 > .wrap > .title > .button > .box > .depth > img { height:10px; margin-left:7px; margin-bottom:0; }
	.st-5 > .wrap.all > .project { margin-top:55px; }
	.st-5 > .wrap.all > .project > .js-marquee-wrapper > .js-marquee > .slide { width:470px; margin-right:40px; }
	.st-5 > .wrap.all > .project > .js-marquee-wrapper > .js-marquee > .slide > .title { margin-top:15px; }
	.st-5 > .wrap.all > .project > .js-marquee-wrapper > .js-marquee > .slide > .title > .en { font-size:18px; line-height:18px; }
	.st-5 > .wrap.all > .project > .js-marquee-wrapper > .js-marquee > .slide > .title > .kr { font-size:14px; line-height:18px; }
}

/* SECTION TYPE-3 */
@media only screen and (max-width:1023px) {
	.st-5 { margin-top:100px; }
	.st-5 > .wrap > .title { padding:0 20px; }
	.st-5 > .wrap > .title > .text { font-size:30px; line-height:40px; }
	.st-5 > .wrap > .title > .button { margin-top:13px; padding-bottom:7px; }
	.st-5 > .wrap > .title > .button::before { width:105px; }
	.st-5 > .wrap > .title > .button > .box { height:12px; }
	.st-5 > .wrap > .title > .button > .box > .depth { font-size:12px; line-height:12px; }
	.st-5 > .wrap > .title > .button > .box > .depth > img { height:8px; margin-left:6px; margin-bottom:1px; }
	.st-5 > .wrap.all > .project { margin-top:45px; }
	.st-5 > .wrap.all > .project > .js-marquee-wrapper > .js-marquee > .slide { width:370px; margin-right:30px; }
	.st-5 > .wrap.all > .project > .js-marquee-wrapper > .js-marquee > .slide > .title { margin-top:12px; }
	.st-5 > .wrap.all > .project > .js-marquee-wrapper > .js-marquee > .slide > .title > .en { font-size:16px; line-height:16px; }
	.st-5 > .wrap.all > .project > .js-marquee-wrapper > .js-marquee > .slide > .title > .kr { font-size:13px; line-height:16px; }
}

/* SECTION TYPE-4 */
@media only screen and (max-width:767px) {
	.st-5 { margin-top:80px; }
	.st-5 > .wrap > .title { padding:0 10px; }
	.st-5 > .wrap > .title > .text { float:none; font-size:25px; line-height:33px; }
	.st-5 > .wrap > .title > .text > br.mo { display:block; }
	.st-5 > .wrap > .title > .button { float:left; margin-top:25px; }
	.st-5 > .wrap > .title > .button::before { width:95px; }
	.st-5 > .wrap > .title > .button > .box { height:11px; }
	.st-5 > .wrap > .title > .button > .box > .depth { font-size:11px; line-height:11px; }
	.st-5 > .wrap > .title > .button > .box > .depth > img { height:7px; margin-left:5px; margin-bottom:0; }
	.st-5 > .wrap.all > .project { margin-top:40px; }
	.st-5 > .wrap.all > .project > .js-marquee-wrapper > .js-marquee > .slide { width:290px; margin-right:15px; }
	.st-5 > .wrap.all > .project > .js-marquee-wrapper > .js-marquee > .slide > .title { margin-top:10px; }
	.st-5 > .wrap.all > .project > .js-marquee-wrapper > .js-marquee > .slide > .title > .en { font-size:13px; line-height:13px; }
	.st-5 > .wrap.all > .project > .js-marquee-wrapper > .js-marquee > .slide > .title > .kr { font-size:12px; line-height:12px; }
}

/* SECTION 6 */
.st-6 { position:relative; width:100%; margin-top:300px; padding:150px 0; background:#ffb428; }
.st-6 > .wrap { width:100%; max-width:1920px; margin:0 auto; }
.st-6 > .wrap::after { content:''; display:table; clear:both; }
.st-6 > .wrap > .content { float:left; width:960px; padding-left:50px; padding-right:150px; box-sizing:border-box; }
.st-6 > .wrap > .content > .en { font-size:65px; font-weight:800; font-family:'Unbounded',sans-serif; line-height:80px; }
.st-6 > .wrap > .content > .kr { font-size:18px; line-height:26px; margin-top:50px; }
.st-6 > .wrap > .content > .graph { margin-top:70px; }
.st-6 > .wrap > .content > .graph > ul { }
.st-6 > .wrap > .content > .graph > ul::after { content:''; display:table; clear:both; }
.st-6 > .wrap > .content > .graph > ul > li { margin-top:35px; }
.st-6 > .wrap > .content > .graph > ul > li > .name { font-size:17px; font-weight:800; font-family:'Unbounded',sans-serif; }
.st-6 > .wrap > .content > .graph > ul > li > .gauze { margin-top:12px; overflow:visible; }
.st-6 > .wrap > .content > .graph > ul > li > .gauze > .gauze-bar { height:4px; background:#000; animation:animation-gauze 2.0s; padding-left:50px; box-sizing:border-box; }
.st-6 > .wrap > .content > .graph > ul > li > .gauze > .gauze-bar::after { content:''; display:table; clear:both; }
.st-6 > .wrap > .content > .graph > ul > li > .gauze > .gauze-bar > .gauze-value { float:right; font-size:17px; font-weight:800; font-family:'Unbounded',sans-serif; margin-top:-35px; }
.st-6 > .wrap > .content > .graph > ul > li > .gauze > .gauze-bar > .gauze-value > span { font-size:17px; font-weight:800; font-family:'Unbounded',sans-serif; }
.st-6 > .wrap > .bg { position:relative; float:left; width:calc(100% - 960px); height:990px; margin-top:-300px; overflow:hidden; }
.st-6 > .wrap > .bg > img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; animation:office 7.5s linear infinite; }
@keyframes office {
	0% { }
	50% { transform:translate(-50%, calc(-50% - 120px)); }
	100% { }
}

/* SECTION TYPE-1 */
@media only screen and (max-width:1799px) {
	.st-6 > .wrap > .bg > img { width:120%; }
}

/* SECTION TYPE-2 */
@media only screen and (max-width:1649px) {
	.st-6 { margin-top:280px; padding:140px 0; }
	.st-6 > .wrap > .content { width:780px; padding-left:40px; padding-right:90px; }
	.st-6 > .wrap > .content > .en { font-size:60px; line-height:72px; }
	.st-6 > .wrap > .content > .kr { font-size:16.5px; line-height:24px; margin-top:45px; }
	.st-6 > .wrap > .content > .kr > br.pc { display:none; }
	.st-6 > .wrap > .content > .graph { margin-top:65px; }
	.st-6 > .wrap > .content > .graph > ul > li { margin-top:32px; }
	.st-6 > .wrap > .content > .graph > ul > li > .name { font-size:16px; }
	.st-6 > .wrap > .content > .graph > ul > li > .gauze { margin-top:11px; }
	.st-6 > .wrap > .content > .graph > ul > li > .gauze > .gauze-bar > .gauze-value { font-size:16px; margin-top:-33px; }
	.st-6 > .wrap > .content > .graph > ul > li > .gauze > .gauze-bar > .gauze-value > span { font-size:16px; }
	.st-6 > .wrap > .bg { width:calc(100% - 780px); height:944px; margin-top:-300px; }
	.st-6 > .wrap > .bg > img { width:130%; }
}

/* SECTION TYPE-3 */
@media only screen and (max-width:1399px) {
	.st-6 > .wrap > .bg > img { width:160%; }
}

/* SECTION TYPE-4 */
@media only screen and (max-width:1279px) {
	.st-6 { margin-top:240px; padding:120px 0; }
	.st-6 > .wrap > .content { float:none; width:100%; margin-top:420px; padding-left:30px; padding-right:30px; }
	.st-6 > .wrap > .content > .en { font-size:45px; line-height:57px; }
	.st-6 > .wrap > .content > .en > br.pc { display:none; }
	.st-6 > .wrap > .content > .kr { font-size:15px; line-height:22px; margin-top:35px; }
	.st-6 > .wrap > .content > .graph { margin-top:60px; }
	.st-6 > .wrap > .content > .graph > ul > li { margin-top:30px; }
	.st-6 > .wrap > .content > .graph > ul > li > .name { font-size:14px; }
	.st-6 > .wrap > .content > .graph > ul > li > .gauze { margin-top:10px; }
	.st-6 > .wrap > .content > .graph > ul > li > .gauze > .gauze-bar > .gauze-value { font-size:14px; margin-top:-28px; }
	.st-6 > .wrap > .content > .graph > ul > li > .gauze > .gauze-bar > .gauze-value > span { font-size:14px; }
	.st-6 > .wrap > .bg { position:absolute; float:none; width:calc(100% - 140px); height:600px; top:-120px; margin-top:auto; }
	.st-6 > .wrap > .bg > img { width:100%; }
	@keyframes office {
		0% { }
		50% { transform:translate(-50%, calc(-50% - 170px)); }
		100% { }
	}
}

/* SECTION TYPE-5 */
@media only screen and (max-width:1023px) {
	.st-6 { margin-top:200px; padding:100px 0; }
	.st-6 > .wrap > .content { margin-top:310px; padding-left:20px; padding-right:40px; }
	.st-6 > .wrap > .content > .en { font-size:37px; line-height:45px; }
	.st-6 > .wrap > .content > .kr { font-size:14px; line-height:20px; margin-top:25px; }
	.st-6 > .wrap > .content > .graph { margin-top:50px; }
	.st-6 > .wrap > .content > .graph > ul > li { margin-top:25px; }
	.st-6 > .wrap > .content > .graph > ul > li > .name { font-size:12.5px; }
	.st-6 > .wrap > .content > .graph > ul > li > .gauze { margin-top:9px; }
	.st-6 > .wrap > .content > .graph > ul > li > .gauze > .gauze-bar > .gauze-value { font-size:12.5px; margin-top:-25px; }
	.st-6 > .wrap > .content > .graph > ul > li > .gauze > .gauze-bar > .gauze-value > span { font-size:12.5px; }
	.st-6 > .wrap > .bg { width:calc(100% - 40px); height:450px; top:-100px; }
}

/* SECTION TYPE-6 */
@media only screen and (max-width:767px) {
	.st-6 { padding:75px 0; }
	.st-6 > .wrap > .content { margin-top:220px; padding-left:10px; padding-right:20px; }
	.st-6 > .wrap > .content > .en { font-size:27px; line-height:34px; }
	.st-6 > .wrap > .content > .kr { font-size:12px; line-height:17px; margin-top:25px; }
	.st-6 > .wrap > .content > .graph { margin-top:40px; }
	.st-6 > .wrap > .content > .graph > ul > li { margin-top:22px; }
	.st-6 > .wrap > .content > .graph > ul > li > .name { font-size:11px; }
	.st-6 > .wrap > .content > .graph > ul > li > .gauze { margin-top:8px; }
	.st-6 > .wrap > .content > .graph > ul > li > .gauze > .gauze-bar > .gauze-value { font-size:11px; margin-top:-22px; }
	.st-6 > .wrap > .content > .graph > ul > li > .gauze > .gauze-bar > .gauze-value > span { font-size:11px; }
	.st-6 > .wrap > .bg { width:calc(100% - 20px); height:350px; top:-100px; }
}

/* SECTION TYPE-7 */
@media only screen and (max-width:499px) {
	.st-6 > .wrap > .bg > img { width:152.5%; }
}

/* SECTION 7 */
.st-7 { margin-top:150px; }
.st-7 > .wrap { width:100%; max-width:1920px; margin:0 auto; }
.st-7 > .wrap > ul { }
.st-7 > .wrap > ul::after { content:''; display:table; clear:both; }
.st-7 > .wrap > ul > li { position:relative; float:left; width:33.33%; height:274px; border-right:2px solid #000; box-sizing:border-box; }
.st-7 > .wrap > ul > li:last-child { border-right:0; }
.st-7 > .wrap > ul > li > .content { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:305px; margin-top:-5px; }
.st-7 > .wrap > ul > li > .content > .num { }
.st-7 > .wrap > ul > li > .content > .num::after { content:''; display:table; clear:both; }
.st-7 > .wrap > ul > li > .content > .num > .counter { float:left; font-size:67px; font-weight:800; font-family:'Unbounded',sans-serif; margin-right:10px; }
.st-7 > .wrap > ul > li > .content > .num > .text { float:left; font-size:27px; font-weight:800; font-family:'Unbounded',sans-serif; margin-top:35px; }
.st-7 > .wrap > ul > li > .content > .title { font-size:27px; font-weight:700; margin-top:22px; }
.st-7 > .wrap > ul > li > .content > .info { font-size:18px; line-height:25px; margin-top:17px; }

/* SECTION TYPE-1 */
@media only screen and (max-width:1649px) {
	.st-7 { margin-top:140px; }
	.st-7 > .wrap > ul > li { height:255px; }
	.st-7 > .wrap > ul > li > .content { width:290px; }
	.st-7 > .wrap > ul > li > .content > .num > .counter { font-size:62px; margin-right:9px; }
	.st-7 > .wrap > ul > li > .content > .num > .text { font-size:25px; margin-top:34px; }
	.st-7 > .wrap > ul > li > .content > .title { font-size:25px; margin-top:20px; }
	.st-7 > .wrap > ul > li > .content > .info { font-size:17px; line-height:24px; margin-top:15px; }
}

/* SECTION TYPE-2 */
@media only screen and (max-width:1279px) {
	.st-7 { margin-top:120px; }
	.st-7 > .wrap > ul > li { height:235px; }
	.st-7 > .wrap > ul > li > .content { width:260px; padding-left:10px; box-sizing:border-box; }
	.st-7 > .wrap > ul > li > .content > .num > .counter { font-size:57px; margin-right:7px; }
	.st-7 > .wrap > ul > li > .content > .num > .text { font-size:22px; margin-top:32px; }
	.st-7 > .wrap > ul > li > .content > .title { font-size:22.5px; margin-top:18px; }
	.st-7 > .wrap > ul > li > .content > .info { font-size:15.5px; line-height:22px; margin-top:13px; }
}

/* SECTION TYPE-3 */
@media only screen and (max-width:1023px) {
	.st-7 { margin-top:100px; }
	.st-7 > .wrap > ul > li { height:200px; }
	.st-7 > .wrap > ul > li > .content { width:230px; }
	.st-7 > .wrap > ul > li > .content > .num > .counter { font-size:47px; margin-right:5px; }
	.st-7 > .wrap > ul > li > .content > .num > .text { font-size:19px; margin-top:26px; }
	.st-7 > .wrap > ul > li > .content > .title { font-size:20px; margin-top:16px; }
	.st-7 > .wrap > ul > li > .content > .info { font-size:13.5px; line-height:19px; margin-top:12px; }
	.st-7 > .wrap > ul > li > .content > .info > br.pc { display:none; }
}

/* SECTION TYPE-4 */
@media only screen and (max-width:959px) {
	.st-7 > .wrap > ul > li > .content { width:200px; }
}

/* SECTION TYPE-4 */
@media only screen and (max-width:767px) {
	.st-7 { margin-top:45px; }
	.st-7 > .wrap > ul > li { float:none; width:100%; height:auto; border-right:0; margin-top:55px; }
	.st-7 > .wrap > ul > li > .content { position:relative; top:auto; left:auto; transform:none; width:100%; padding:0 10px; box-sizing:border-box; }
	.st-7 > .wrap > ul > li > .content > .num > .counter { font-size:35px; margin-right:3px; }
	.st-7 > .wrap > ul > li > .content > .num > .text { font-size:14px; margin-top:18px; }
	.st-7 > .wrap > ul > li > .content > .title { font-size:17px; margin-top:14px; }
	.st-7 > .wrap > ul > li > .content > .info { font-size:12px; line-height:17px; margin-top:10px; }
}

/* SECTION 8 */
.st-8 { margin-top:150px; }
.st-8 > .wrap { width:100%; max-width:1920px; margin:0 auto; }
.st-8 > .wrap > .title { padding:0 50px; box-sizing:border-box; }
.st-8 > .wrap > .title::after { content:''; display:table; clear:both; }
.st-8 > .wrap > .title > .text { font-size:50px; font-weight:800; font-family:'Unbounded',sans-serif; line-height:60px; text-align:center; }
.st-8 > .wrap.all { max-width:100%; }
.st-8 > .wrap.all > .news { width:100%; margin-top:70px; overflow:hidden; }
.st-8 > .wrap.all > .news > .js-marquee-wrapper { }
.st-8 > .wrap.all > .news > .js-marquee-wrapper > .js-marquee { }
.st-8 > .wrap.all > .news > .js-marquee-wrapper > .js-marquee::after { content:''; display:table; clear:both; }
.st-8 > .wrap.all > .news > .js-marquee-wrapper > .js-marquee > .slide { position:relative; float:left; width:590px; margin-right:60px; }
.st-8 > .wrap.all > .news > .js-marquee-wrapper > .js-marquee > .slide > .thumb { width:100%; }
.st-8 > .wrap.all > .news > .js-marquee-wrapper > .js-marquee > .slide > .thumb { position:relative; width:100%; cursor:pointer; }
.st-8 > .wrap.all > .news > .js-marquee-wrapper > .js-marquee > .slide > .thumb > img { width:100%; transition:opacity linear 0.25s; }
.st-8 > .wrap.all > .news > .js-marquee-wrapper > .js-marquee > .slide > .thumb > img.brand { opacity:1; }
.st-8 > .wrap.all > .news > .js-marquee-wrapper > .js-marquee > .slide > .thumb > img.hover { position:absolute; top:0; left:0; opacity:0; }
.st-8 > .wrap.all > .news > .js-marquee-wrapper > .js-marquee > .slide > .thumb:hover > img.brand { opacity:0; }
.st-8 > .wrap.all > .news > .js-marquee-wrapper > .js-marquee > .slide > .thumb:hover > img.hover { opacity:1; }
.st-8 > .wrap.all > .news > .js-marquee-wrapper > .js-marquee > .slide > .date { font-size:15px; font-family:'Unbounded',sans-serif; margin-top:25px; }
.st-8 > .wrap.all > .news > .js-marquee-wrapper > .js-marquee > .slide > .title { width:100%; font-size:25px; font-weight:700; margin-top:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.st-8 > .wrap.all > .news > .js-marquee-wrapper > .js-marquee > .slide > .text { width:100%; font-size:17px; color:#909090; margin-top:7px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* SECTION TYPE-1 */
@media only screen and (max-width:1649px) {
	.st-8 { margin-top:140px; }
	.st-8 > .wrap > .title { padding:0 40px; }
	.st-8 > .wrap > .title > .text { font-size:45px; line-height:55px; }
	.st-8 > .wrap.all > .news { margin-top:65px; }
	.st-8 > .wrap.all > .news > .js-marquee-wrapper > .js-marquee > .slide { width:560px; margin-right:55px; }
	.st-8 > .wrap.all > .news > .js-marquee-wrapper > .js-marquee > .slide > .date { font-size:14px; margin-top:24px; }
	.st-8 > .wrap.all > .news > .js-marquee-wrapper > .js-marquee > .slide > .title { font-size:22.5px; }
	.st-8 > .wrap.all > .news > .js-marquee-wrapper > .js-marquee > .slide > .text { font-size:16px; }
}

/* SECTION TYPE-2 */
@media only screen and (max-width:1279px) {
	.st-8 { margin-top:120px; }
	.st-8 > .wrap > .title { padding:0 30px; }
	.st-8 > .wrap > .title > .text { font-size:38px; line-height:48px; }
	.st-8 > .wrap.all > .news { margin-top:55px; }
	.st-8 > .wrap.all > .news > .js-marquee-wrapper > .js-marquee > .slide { width:450px; margin-right:40px; }
	.st-8 > .wrap.all > .news > .js-marquee-wrapper > .js-marquee > .slide > .date { font-size:12.5px; margin-top:22px; }
	.st-8 > .wrap.all > .news > .js-marquee-wrapper > .js-marquee > .slide > .title { font-size:20.5px; margin-top:12px; }
	.st-8 > .wrap.all > .news > .js-marquee-wrapper > .js-marquee > .slide > .text { font-size:14.5px; margin-top:6px; }
}

/* SECTION TYPE-3 */
@media only screen and (max-width:1023px) {
	.st-8 { margin-top:100px; }
	.st-8 > .wrap > .title { padding:0 20px; }
	.st-8 > .wrap > .title > .text { font-size:30px; line-height:40px; }
	.st-8 > .wrap.all > .news { margin-top:45px; }
	.st-8 > .wrap.all > .news > .js-marquee-wrapper > .js-marquee > .slide { width:370px; margin-right:30px; }
	.st-8 > .wrap.all > .news > .js-marquee-wrapper > .js-marquee > .slide > .date { font-size:11.5px; margin-top:20px; }
	.st-8 > .wrap.all > .news > .js-marquee-wrapper > .js-marquee > .slide > .title { font-size:17px; margin-top:10px; }
	.st-8 > .wrap.all > .news > .js-marquee-wrapper > .js-marquee > .slide > .text { font-size:12.5px; margin-top:5px; }
}

/* SECTION TYPE-4 */
@media only screen and (max-width:767px) {
	.st-8 { margin-top:90px; }
	.st-8 > .wrap > .title { padding:0 10px; }
	.st-8 > .wrap > .title > .text { font-size:25px; line-height:33px; text-align:left; }
	.st-8 > .wrap.all > .news { margin-top:40px; }
	.st-8 > .wrap.all > .news > .js-marquee-wrapper > .js-marquee > .slide { width:290px; margin-right:15px; }
	.st-8 > .wrap.all > .news > .js-marquee-wrapper > .js-marquee > .slide > .thumb { height:190px; }
	.st-8 > .wrap.all > .news > .js-marquee-wrapper > .js-marquee > .slide > .date { font-size:10.5px; margin-top:15px; }
	.st-8 > .wrap.all > .news > .js-marquee-wrapper > .js-marquee > .slide > .title { font-size:15px; margin-top:7px; }
	.st-8 > .wrap.all > .news > .js-marquee-wrapper > .js-marquee > .slide > .text { font-size:11.5px; margin-top:4px; }
}