@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; }
.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 > .title { font-size:50px; font-weight:800; font-family:'Unbounded',sans-serif; line-height:60px; }
.st-2 > .wrap > .content { margin-top:55px; }
.st-2 > .wrap > .content > ul.type { width:calc(100% + 2px); }
.st-2 > .wrap > .content > ul.type::after { content:''; display:table; clear:both; }
.st-2 > .wrap > .content > ul.type > li { float:left; border:2px solid #000; margin-bottom:-2px; margin-right:-2px; padding:22px 35px; box-sizing:border-box; cursor:pointer; }
.st-2 > .wrap > .content > ul.type > li.current { background:#000; }
.st-2 > .wrap > .content > ul.type > li.current > .box > .depth { color:#fff; }
.st-2 > .wrap > .content > ul.type > li > .box { height:19px; overflow:hidden; }
.st-2 > .wrap > .content > ul.type > li > .box > .depth { position:relative; display:block; height:100%; top:0%; font-size:19px; font-weight:600; line-height:19px; transition:0.3s; }
.st-2 > .wrap > .content > ul.type > li:hover > .box > .depth { top:-100%; }
.st-2 > .wrap > .content > .line { width:100%; height:2px; background:#000; }
.st-2 > .wrap > .content > .type-detail { display:none;	padding-top:50px; }
.st-2 > .wrap > .content > .type-detail.current { display:inherit; }
.st-2 > .wrap > .content > .type-detail::after { content:''; display:table; clear:both; }
.st-2 > .wrap > .content > .type-detail > .bg { position:relative; float:left; width:calc(100% - 880px); height:700px; overflow:hidden; }
.st-2 > .wrap > .content > .type-detail > .bg > img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); height:100%; }
.st-2 > .wrap > .content > .type-detail > .content { position:relative; float:left; width:880px; height:700px; padding-left:100px; box-sizing:border-box; }
.st-2 > .wrap > .content > .type-detail > .content > .title { position:absolute; top:60px; width:calc(100% - 100px); }
.st-2 > .wrap > .content > .type-detail > .content > .title > .en { font-size:45px; font-weight:800; font-family:'Unbounded',sans-serif; }
.st-2 > .wrap > .content > .type-detail > .content > .title > .kr { font-size:18px; line-height:26px; margin-top:25px; }
.st-2 > .wrap > .content > .type-detail > .content > .title > .hash { margin-top:30px; }
.st-2 > .wrap > .content > .type-detail > .content > .title > .hash::after { content:''; display:table; clear:both; }
.st-2 > .wrap > .content > .type-detail > .content > .title > .hash > span { float:left; font-size:16px; padding:8px 12px; background:#f5f5f5; margin-right:5px; margin-bottom:5px; box-sizing:border-box; }
.st-2 > .wrap > .content > .type-detail > .content > .table { position:absolute; bottom:60px; width:calc(100% - 100px); }
.st-2 > .wrap > .content > .type-detail > .content > .table > .box { width:100%; }
.st-2 > .wrap > .content > .type-detail > .content > .table > .box > .name { font-size:22px; font-weight:700; font-family:'Unbounded',sans-serif; margin-bottom:25px; }
.st-2 > .wrap > .content > .type-detail > .content > .table > .box > ul { border-top:2px solid #000; box-sizing:border-box; }
.st-2 > .wrap > .content > .type-detail > .content > .table > .box > ul::after { content:''; display:table; clear:both; }
.st-2 > .wrap > .content > .type-detail > .content > .table > .box > ul:last-child { border-bottom:2px solid #000; }
.st-2 > .wrap > .content > .type-detail > .content > .table > .box > ul > li { float:left; width:calc(100% - 180px); font-size:18px; line-height:26px; padding:28px 0 30px 0; box-sizing:border-box; }
.st-2 > .wrap > .content > .type-detail > .content > .table > .box > ul > li:first-child { width:180px; font-size:19px; font-weight:700; }

/* SECTION TYPE-1 */
@media only screen and (max-width:1649px) {
	.st-2 { margin-top:110px; }
	.st-2 > .wrap { padding:0 40px; }
	.st-2 > .wrap > .title { font-size:45px; line-height:55px; }
	.st-2 > .wrap > .content { margin-top:48px; }
	.st-2 > .wrap > .content > ul.type > li { padding:20px 32px; }
	.st-2 > .wrap > .content > ul.type > li > .box { height:18px; }
	.st-2 > .wrap > .content > ul.type > li > .box > .depth { font-size:18px; line-height:18px; }
	.st-2 > .wrap > .content > .type-detail { padding-top:47px; }
	.st-2 > .wrap > .content > .type-detail > .bg { width:calc(100% - 800px); height:650px; }
	.st-2 > .wrap > .content > .type-detail > .content { width:800px; height:650px; padding-left:80px; }
	.st-2 > .wrap > .content > .type-detail > .content > .title { top:55px; width:calc(100% - 80px); }
	.st-2 > .wrap > .content > .type-detail > .content > .title > .en { font-size:41px; }
	.st-2 > .wrap > .content > .type-detail > .content > .title > .kr { font-size:17px; line-height:25px; margin-top:24px; }
	.st-2 > .wrap > .content > .type-detail > .content > .title > .hash { margin-top:25px; }
	.st-2 > .wrap > .content > .type-detail > .content > .title > .hash > span { font-size:15.5px; padding:8px 11px; }
	.st-2 > .wrap > .content > .type-detail > .content > .table { bottom:55px; width:calc(100% - 80px); }
	.st-2 > .wrap > .content > .type-detail > .content > .table > .box > .name { font-size:20.5px; margin-bottom:22px; }
	.st-2 > .wrap > .content > .type-detail > .content > .table > .box > ul > li { width:calc(100% - 160px); font-size:17px; line-height:25px; padding:26px 0 28px 0; }
	.st-2 > .wrap > .content > .type-detail > .content > .table > .box > ul > li:first-child { width:160px; font-size:18px; }
}

/* SECTION TYPE-2 */
@media only screen and (max-width:1279px) {
	.st-2 { margin-top:90px; }
	.st-2 > .wrap { padding:0 30px; }
	.st-2 > .wrap > .title { font-size:38px; line-height:48px; }
	.st-2 > .wrap > .content { margin-top:38px; }
	.st-2 > .wrap > .content > ul.type > li { padding:18px 30px; }
	.st-2 > .wrap > .content > ul.type > li > .box { height:16px; }
	.st-2 > .wrap > .content > ul.type > li > .box > .depth { font-size:16px; line-height:16px; }
	.st-2 > .wrap > .content > .type-detail { padding-top:40px; }
	.st-2 > .wrap > .content > .type-detail > .bg { float:none; width:100%; height:400px; }
	.st-2 > .wrap > .content > .type-detail > .bg > img { width:100%; height:auto; }
	.st-2 > .wrap > .content > .type-detail > .content { float:none; width:100%; height:auto; margin-top:40px; padding-left:0; }
	.st-2 > .wrap > .content > .type-detail > .content > .title { position:relative; top:auto; width:100%; }
	.st-2 > .wrap > .content > .type-detail > .content > .title > .en { font-size:34px; }
	.st-2 > .wrap > .content > .type-detail > .content > .title > .kr { font-size:15.5px; line-height:22px; margin-top:20px; }
	.st-2 > .wrap > .content > .type-detail > .content > .title > .hash { margin-top:20px; }
	.st-2 > .wrap > .content > .type-detail > .content > .title > .hash > span { font-size:14px; padding:7px 10px; margin-right:4px; margin-bottom:4px; }
	.st-2 > .wrap > .content > .type-detail > .content > .table { position:relative; bottom:auto; width:100%; margin-top:50px; }
	.st-2 > .wrap > .content > .type-detail > .content > .table > .box > .name { font-size:18.5px; margin-bottom:20px; }
	.st-2 > .wrap > .content > .type-detail > .content > .table > .box > ul > li { width:calc(100% - 140px); font-size:15px; line-height:22px; padding:24px 0 26px 0; }
	.st-2 > .wrap > .content > .type-detail > .content > .table > .box > ul > li:first-child { width:140px; font-size:16px; }
}

/* SECTION TYPE-3 */
@media only screen and (max-width:1023px) {
	.st-2 { margin-top:80px; }
	.st-2 > .wrap { padding:0 20px; }
	.st-2 > .wrap > .title { font-size:30px; line-height:40px; }
	.st-2 > .wrap > .content { margin-top:28px; }
	.st-2 > .wrap > .content > ul.type > li { padding:15px 25px; }
	.st-2 > .wrap > .content > ul.type > li > .box { height:14px; }
	.st-2 > .wrap > .content > ul.type > li > .box > .depth { font-size:14px; line-height:14px; }
	.st-2 > .wrap > .content > .type-detail { padding-top:35px; }
	.st-2 > .wrap > .content > .type-detail > .bg { height:320px; }
	.st-2 > .wrap > .content > .type-detail > .content { margin-top:35px; }
	.st-2 > .wrap > .content > .type-detail > .content > .title > .en { font-size:28px; }
	.st-2 > .wrap > .content > .type-detail > .content > .title > .kr { font-size:13.5px; line-height:19px; margin-top:17px; }
	.st-2 > .wrap > .content > .type-detail > .content > .title > .hash { margin-top:15px; }
	.st-2 > .wrap > .content > .type-detail > .content > .title > .hash > span { font-size:11.5px; padding:6px 8px; margin-right:3px; margin-bottom:3px; }
	.st-2 > .wrap > .content > .type-detail > .content > .table { margin-top:45px; }
	.st-2 > .wrap > .content > .type-detail > .content > .table > .box > .name { font-size:16.5px; margin-bottom:17px; }
	.st-2 > .wrap > .content > .type-detail > .content > .table > .box > ul > li { width:calc(100% - 120px); font-size:13px; line-height:18px; padding:20px 0 22px 0; }
	.st-2 > .wrap > .content > .type-detail > .content > .table > .box > ul > li:first-child { width:120px; font-size:14px; }
}

/* SECTION TYPE-4 */
@media only screen and (max-width:767px) {
	.st-2 { margin-top:60px; }
	.st-2 > .wrap { padding:0 10px; }
	.st-2 > .wrap > .title { font-size:25px; line-height:33px; }
	.st-2 > .wrap > .content { margin-top:24px; }
	.st-2 > .wrap > .content > ul.type > li { width:50%; padding:12px 10px; }
	.st-2 > .wrap > .content > ul.type > li:last-child { width:calc(100% - 2px); }
	.st-2 > .wrap > .content > ul.type > li > .box { height:12px; }
	.st-2 > .wrap > .content > ul.type > li > .box > .depth { font-size:12px; line-height:12px; }
	.st-2 > .wrap > .content > .type-detail { padding-top:25px; }
	.st-2 > .wrap > .content > .type-detail > .bg { height:250px; }
	.st-2 > .wrap > .content > .type-detail > .content { margin-top:30px; }
	.st-2 > .wrap > .content > .type-detail > .content > .title > .en { font-size:22px; }
	.st-2 > .wrap > .content > .type-detail > .content > .title > .kr { font-size:12px; line-height:17px; margin-top:14px; }
	.st-2 > .wrap > .content > .type-detail > .content > .title > .hash { margin-top:10px; }
	.st-2 > .wrap > .content > .type-detail > .content > .title > .hash > span { font-size:10.5px; padding:5px 7px; margin-right:2px; margin-bottom:2px; }
	.st-2 > .wrap > .content > .type-detail > .content > .table { margin-top:35px; }
	.st-2 > .wrap > .content > .type-detail > .content > .table > .box > .name { font-size:14px; margin-bottom:14px; }
	.st-2 > .wrap > .content > .type-detail > .content > .table > .box > ul > li { width:calc(100% - 90px); font-size:11.5px; line-height:16px; padding:16px 0 18px 0; }
	.st-2 > .wrap > .content > .type-detail > .content > .table > .box > ul > li:first-child { width:90px; font-size:12px; }
}

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

/* SECTION 3 */
.st-3 { margin-top:140px; margin-bottom: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:absolute; font-size:60px; font-weight:800; font-family:'Unbounded',sans-serif; line-height:60px; }
.st-3 > .wrap > .title.a { top:0; left:50px; writing-mode:vertical-rl; }
.st-3 > .wrap > .title.b { top:0; left:106px; }
.st-3 > .wrap > ul { float:right; width:calc(100% - 220px); margin-top:205px; }
.st-3 > .wrap > ul::after { content:''; display:table; clear:both; }
.st-3 > .wrap > ul > li { position:relative; float:left; width:20%; height:140px; border:2px solid #000; margin:-2px -2px 0 0; overflow:hidden; cursor:pointer; box-sizing:border-box; }
.st-3 > .wrap > ul > li:last-child { display:none; }
.st-3 > .wrap > ul > li > .img { position:absolute; height:56px; top:50%; left:50%; transform:translate(-50%, -50%); overflow:hidden; }
.st-3 > .wrap > ul > li > .img > .depth { position:relative; display:block; height:100%; top:0%; transition:0.3s; }
.st-3 > .wrap > ul > li:hover > .img > .depth { top:-100%; }
.st-3 > .wrap > ul > li > .img > .depth > img { height:56px; }

/* SECTION TYPE-1 */
@media only screen and (max-width:1649px) {
	.st-3 { margin-top:130px; margin-bottom:140px; }
	.st-3 > .wrap { padding:0 40px; }
	.st-3 > .wrap > .title { font-size:55px; line-height:55px; }
	.st-3 > .wrap > .title.a { left:34px; }
	.st-3 > .wrap > .title.b { left:84px; }
	.st-3 > .wrap > ul { width:calc(100% - 150px); margin-top:155px; }
	.st-3 > .wrap > ul > li { height:130px; }
	.st-3 > .wrap > ul > li > .img { height:52px; }
	.st-3 > .wrap > ul > li > .img > .depth > img { height:52px; }
}

/* SECTION TYPE-2 */
@media only screen and (max-width:1279px) {
	.st-3 { margin-top:120px; margin-bottom:120px; }
	.st-3 > .wrap { padding:0 30px; }
	.st-3 > .wrap > .title { font-size:47px; line-height:47px; }
	.st-3 > .wrap > .title.a { left:25px; }
	.st-3 > .wrap > .title.b { left:68px; }
	.st-3 > .wrap > ul { width:calc(100% - 110px); margin-top:115px; }
	.st-3 > .wrap > ul > li { width:25%; height:115px; }
	.st-3 > .wrap > ul > li:last-child { display:block; }
	.st-3 > .wrap > ul > li > .img { height:45px; }
	.st-3 > .wrap > ul > li > .img > .depth > img { height:45px; }
}

/* SECTION TYPE-3 */
@media only screen and (max-width:1023px) {
	.st-3 { margin-top:100px; margin-bottom:100px; }
	.st-3 > .wrap { padding:0 20px; }
	.st-3 > .wrap > .title { font-size:35px; line-height:35px; }
	.st-3 > .wrap > .title.a { left:16px; }
	.st-3 > .wrap > .title.b { left:49px; }
	.st-3 > .wrap > ul { width:calc(100% - 80px); margin-top:85px; }
	.st-3 > .wrap > ul > li { width:33%; height:90px; }
	.st-3 > .wrap > ul > li:last-child { display:none; }
	.st-3 > .wrap > ul > li > .img { height:37px; }
	.st-3 > .wrap > ul > li > .img > .depth > img { height:37px; }
}

/* SECTION TYPE-4 */
@media only screen and (max-width:767px) {
	.st-3 { margin-top:80px; margin-bottom:80px; }
	.st-3 > .wrap { padding:0 10px; }
	.st-3 > .wrap > .title { font-size:28px; line-height:28px; }
	.st-3 > .wrap > .title.a { left:7px; }
	.st-3 > .wrap > .title.b { left:33px; }
	.st-3 > .wrap > ul { width:calc(100% - 45px); margin-top:52px; }
	.st-3 > .wrap > ul > li { width:50%; height:70px; }
	.st-3 > .wrap > ul > li:last-child { display:block; }
	.st-3 > .wrap > ul > li > .img { height:28px; }
	.st-3 > .wrap > ul > li > .img > .depth > img { height:28px; }
}

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

/* SECTION TYPE-1 */
@media only screen and (max-width:1649px) {
	.st-4 { margin-top:140px; }
	.st-4 > .wrap { padding:0 40px; }
	.st-4 > .wrap > .title { font-size:45px; line-height:55px; }
	.st-4 > .wrap > .content { margin-top:55px; }
	.st-4 > .wrap > .content > ul { width:calc(100% + 34px); margin-left:-17px; }
	.st-4 > .wrap > .content > ul > li { width:calc(33.33% - 34px); height:330px; margin:0 17px 34px 17px; padding:40px 32px; }
	.st-4 > .wrap > .content > ul > li:nth-child(n+4) { margin:0 17px; }
	.st-4 > .wrap > .content > ul > li > .icon > i { font-size:47px; }
	.st-4 > .wrap > .content > ul > li > .info { bottom:45px; padding-right:32px; padding-right:32px; }
	.st-4 > .wrap > .content > ul > li > .info > .en { font-size:25px; line-height:34px; }
	.st-4 > .wrap > .content > ul > li > .info > .kr { font-size:16px; line-height:22px; margin-top:15px; }
}

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

/* SECTION TYPE-3 */
@media only screen and (max-width:1023px) {
	.st-4 { margin-top:100px; }
	.st-4 > .wrap { padding:0 20px; }
	.st-4 > .wrap > .title { font-size:30px; line-height:40px; }
	.st-4 > .wrap > .content { margin-top:35px; }
	.st-4 > .wrap > .content > ul { width:calc(100% + 24px); margin-left:-12px; }
	.st-4 > .wrap > .content > ul > li { width:calc(50% - 24px); height:210px; margin:0 12px 24px 12px; padding:25px 25px; }
	.st-4 > .wrap > .content > ul > li:nth-child(n+4) { margin:0 12px 24px 12px; }
	.st-4 > .wrap > .content > ul > li:nth-child(n+5) { margin:0 12px; }
	.st-4 > .wrap > .content > ul > li > .icon > i { font-size:34px; }
	.st-4 > .wrap > .content > ul > li > .info { bottom:30px; padding-right:25px; padding-right:25px; }
	.st-4 > .wrap > .content > ul > li > .info > .en { font-size:18px; line-height:26px; }
	.st-4 > .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-4 { margin-top:80px; }
	.st-4 > .wrap { padding:0 10px; }
	.st-4 > .wrap > .title { font-size:25px; line-height:33px; }
	.st-4 > .wrap > .content { margin-top:25px; }
	.st-4 > .wrap > .content > ul { width:100%; margin-left:0; }
	.st-4 > .wrap > .content > ul > li { width:100%; height:150px; margin:0 0 10px 0; padding:20px 17px; }
	.st-4 > .wrap > .content > ul > li:nth-child(n+4) { margin:0 0 10px 0; }
	.st-4 > .wrap > .content > ul > li:nth-child(n+5) { margin:0 0 10px 0; }
	.st-4 > .wrap > .content > ul > li:last-child { margin:0 0; }
	.st-4 > .wrap > .content > ul > li > .icon > i { font-size:27px; }
	.st-4 > .wrap > .content > ul > li > .info { bottom:20px; padding-right:17px; padding-right:17px; }
	.st-4 > .wrap > .content > ul > li > .info > .en { font-size:16px; line-height:24px; }
	.st-4 > .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-4 > .wrap > .content > ul > li { height:170px; }
}

/* SECTION 5 */
.st-5 { margin-top:150px; }
.st-5 > .wrap { position:relative; width:100%; max-width:1920px; margin:0 auto; padding:0 50px; box-sizing:border-box; }
.st-5 > .wrap::after { content:''; display:table; clear:both; }
.st-5 > .wrap > .title { font-size:50px; font-weight:800; font-family:'Unbounded',sans-serif; line-height:60px; }
.st-5 > .wrap > .content { margin-top:55px; }
.st-5 > .wrap > .content > ul.host { width:calc(100% + 2px); }
.st-5 > .wrap > .content > ul.host::after { content:''; display:table; clear:both; }
.st-5 > .wrap > .content > ul.host > li { float:left; border:2px solid #000; margin-bottom:-2px;margin-right:-2px; padding:22px 35px; box-sizing:border-box; cursor:pointer; }
.st-5 > .wrap > .content > ul.host > li.current { background:#000; }
.st-5 > .wrap > .content > ul.host > li.current > .box > .depth { color:#fff; }
.st-5 > .wrap > .content > ul.host > li > .box { height:19px; overflow:hidden; }
.st-5 > .wrap > .content > ul.host > li > .box > .depth { position:relative; display:block; height:100%; top:0%; font-size:19px; font-weight:600; line-height:19px; transition:0.3s; }
.st-5 > .wrap > .content > ul.host > li:hover > .box > .depth { top:-100%; }
.st-5 > .wrap > .content > .line { width:100%; height:2px; background:#000; }
.st-5 > .wrap > .content > .host-detail { display:none;	position:relative; padding-top:50px; }
.st-5 > .wrap > .content > .host-detail.current { display:inherit; }
.st-5 > .wrap > .content > .host-detail::after { content:''; display:table; clear:both; }
.st-5 > .wrap > .content > .host-detail > .content { position:relative; float:left; width:960px; height:882px; padding-right:100px; box-sizing:border-box; }
.st-5 > .wrap > .content > .host-detail > .content > .title { position:absolute; top:50px; width:calc(100% - 100px); }
.st-5 > .wrap > .content > .host-detail > .content > .title > .logo { }
.st-5 > .wrap > .content > .host-detail > .content > .title > .logo > img { height:75px; }
.st-5 > .wrap > .content > .host-detail > .content > .title > .kr { font-size:18px; line-height:26px; margin-top:17px; }
.st-5 > .wrap > .content > .host-detail > .content > .table { position:absolute; bottom:0; width:calc(100% - 100px); }
.st-5 > .wrap > .content > .host-detail > .content > .table > .box { width:100%; margin-top:70px; }
.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .name { font-size:22px; font-weight:700; font-family:'Unbounded',sans-serif; margin-bottom:25px; }
.st-5 > .wrap > .content > .host-detail > .content > .table > .box > ul { border-top:2px solid #000; box-sizing:border-box; }
.st-5 > .wrap > .content > .host-detail > .content > .table > .box > ul::after { content:''; display:table; clear:both; }
.st-5 > .wrap > .content > .host-detail > .content > .table > .box > ul:last-child { border-bottom:2px solid #000; }
.st-5 > .wrap > .content > .host-detail > .content > .table > .box > ul > li { float:left; width:calc(100% - 180px); font-size:18px; line-height:26px; padding:28px 0 30px 10px; box-sizing:border-box; }
.st-5 > .wrap > .content > .host-detail > .content > .table > .box > ul > li:first-child { width:180px; font-size:19px; font-weight:700; }
.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .percent { border-top:2px solid #000; border-bottom:2px solid #000; padding:17px 0; }
.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .percent > ul { padding:12px 0; box-sizing:border-box; }
.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .percent > ul::after { content:''; display:table; clear:both; }
.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .percent > ul > li { float:left; width:calc(100% - 190px); }
.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .percent > ul > li:nth-child(odd) { width:190px; font-size:19px; font-weight:700; box-sizing:border-box; }
.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .percent > ul > li > .per  { width:100%; height:5px; margin-top:9px; }
.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .percent > ul > li > .per.per-100 { background:linear-gradient(to right, #000 100%, #f5f5f5 0%); }
.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .percent > ul > li > .per.per-90 { background:linear-gradient(to right, #000 90%, #f5f5f5 0%); }
.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .percent > ul > li > .per.per-80 { background:linear-gradient(to right, #000 80%, #f5f5f5 0%); }
.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .percent > ul > li > .per.per-70 { background:linear-gradient(to right, #000 70%, #f5f5f5 0%); }
.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .percent > ul > li > .per.per-60 { background:linear-gradient(to right, #000 60%, #f5f5f5 0%); }
.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .percent > ul > li > .per.per-50 { background:linear-gradient(to right, #000 50%, #f5f5f5 0%); }
.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .percent > ul > li > .per.per-40 { background:linear-gradient(to right, #000 40%, #f5f5f5 0%); }
.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .percent > ul > li > .per.per-30 { background:linear-gradient(to right, #000 30%, #f5f5f5 0%); }
.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .percent > ul > li > .per.per-20 { background:linear-gradient(to right, #000 20%, #f5f5f5 0%); }
.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .percent > ul > li > .per.per-10 { background:linear-gradient(to right, #000 10%, #f5f5f5 0%); }
.st-5 > .wrap > .content > .host-detail > .bg { position:relative; float:left; width:calc(100% - 960px); height:882px; overflow:hidden; }
.st-5 > .wrap > .content > .host-detail > .bg > img { position:absolute; top:50%; left:0; transform:translateY(-50%); height:100%; }

/* SECTION host-1 */
@media only screen and (max-width:1649px) {
	.st-5 { margin-top:140px; }
	.st-5 > .wrap { padding:0 40px; }
	.st-5 > .wrap > .title { font-size:45px; line-height:55px; }
	.st-5 > .wrap > .content { margin-top:48px; }
	.st-5 > .wrap > .content > ul.host > li { padding:20px 32px; }
	.st-5 > .wrap > .content > ul.host > li > .box { height:18px; }
	.st-5 > .wrap > .content > ul.host > li > .box > .depth { font-size:18px; line-height:18px; }
	.st-5 > .wrap > .content > .host-detail { padding-top:47px; }	
	.st-5 > .wrap > .content > .host-detail > .content { width:800px; height:820px; padding-right:80px; }
	.st-5 > .wrap > .content > .host-detail > .content > .title { top:55px; width:calc(100% - 80px); }
	.st-5 > .wrap > .content > .host-detail > .content > .title > .logo > img { height:70px; }
	.st-5 > .wrap > .content > .host-detail > .content > .title > .kr { font-size:17px; line-height:25px; margin-top:15px; }
	.st-5 > .wrap > .content > .host-detail > .content > .table { width:calc(100% - 80px); }
	.st-5 > .wrap > .content > .host-detail > .content > .table > .box { margin-top:65px; }
	.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .name { font-size:20.5px; margin-bottom:22px; }
	.st-5 > .wrap > .content > .host-detail > .content > .table > .box > ul > li { width:calc(100% - 160px); font-size:17px; line-height:25px; padding:26px 0 28px 0; }
	.st-5 > .wrap > .content > .host-detail > .content > .table > .box > ul > li:first-child { width:160px; font-size:18px; }
	.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .percent { padding:16px 0; }
	.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .percent > ul { padding:10px 0; }
	.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .percent > ul > li { width:calc(100% - 170px); }
	.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .percent > ul > li:nth-child(odd) { width:170px; font-size:18px; }
	.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .percent > ul > li > .per { margin-top:8px; }
	.st-5 > .wrap > .content > .host-detail > .bg { width:calc(100% - 800px); height:820px; }
}

/* SECTION host-2 */
@media only screen and (max-width:1279px) {
	.st-5 { margin-top:120px; }
	.st-5 > .wrap { padding:0 30px; }
	.st-5 > .wrap > .title { font-size:38px; line-height:48px; }
	.st-5 > .wrap > .content { margin-top:38px; }
	.st-5 > .wrap > .content > ul.host > li { padding:18px 30px; }
	.st-5 > .wrap > .content > ul.host > li > .box { height:16px; }
	.st-5 > .wrap > .content > ul.host > li > .box > .depth { font-size:16px; line-height:16px; }
	.st-5 > .wrap > .content > .host-detail { }
	.st-5 > .wrap > .content > .host-detail > .content { float:none; width:100%; height:auto; margin-top:0; padding-top:482px; padding-right:0; }
	.st-5 > .wrap > .content > .host-detail > .content > .title { position:relative; top:auto; width:100%; }
	.st-5 > .wrap > .content > .host-detail > .content > .title > .logo > img { height:60px; }
	.st-5 > .wrap > .content > .host-detail > .content > .title > .kr { font-size:15.5px; line-height:22px; margin-top:12px; }
	.st-5 > .wrap > .content > .host-detail > .content > .table { position:relative; bottom:auto; width:100%; margin-top:55px; }
	.st-5 > .wrap > .content > .host-detail > .content > .table > .box { margin-top:55px; }
	.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .name { font-size:18.5px; margin-bottom:20px; }
	.st-5 > .wrap > .content > .host-detail > .content > .table > .box > ul > li { width:calc(100% - 140px); font-size:15px; line-height:22px; padding:24px 0 26px 0; }
	.st-5 > .wrap > .content > .host-detail > .content > .table > .box > ul > li:first-child { width:140px; font-size:16px; }
	.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .percent { padding:15px 0; }
	.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .percent > ul { padding:8px 0; }
	.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .percent > ul > li { width:calc(100% - 150px); }
	.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .percent > ul > li:nth-child(odd) { width:150px; font-size:16px; }
	.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .percent > ul > li > .per { height:4px; margin-top:7px; }
	.st-5 > .wrap > .content > .host-detail > .bg { position:absolute; float:none; top:40px; width:100%; height:450px; }
	.st-5 > .wrap > .content > .host-detail > .bg > img { position:absolute; top:0; left:0; transform:none; width:150%; height:auto; }
}

/* SECTION host-3 */
@media only screen and (max-width:1023px) {
	.st-5 { margin-top:100px; }
	.st-5 > .wrap { padding:0 20px; }
	.st-5 > .wrap > .title { font-size:30px; line-height:40px; }
	.st-5 > .wrap > .content { margin-top:28px; }
	.st-5 > .wrap > .content > ul.host > li { padding:15px 25px; }
	.st-5 > .wrap > .content > ul.host > li > .box { height:14px; }
	.st-5 > .wrap > .content > ul.host > li > .box > .depth { font-size:14px; line-height:14px; }
	.st-5 > .wrap > .content > .host-detail > .content { padding-top:417px; }
	.st-5 > .wrap > .content > .host-detail > .content > .title > .logo > img { height:50px; }
	.st-5 > .wrap > .content > .host-detail > .content > .title > .kr { font-size:13.5px; line-height:19px; margin-top:10px; }
	.st-5 > .wrap > .content > .host-detail > .content > .table { margin-top:45px; }
	.st-5 > .wrap > .content > .host-detail > .content > .table > .box { margin-top:45px; }
	.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .name { font-size:16.5px; margin-bottom:17px; }
	.st-5 > .wrap > .content > .host-detail > .content > .table > .box > ul > li { width:calc(100% - 120px); font-size:13px; line-height:18px; padding:20px 0 22px 0; }
	.st-5 > .wrap > .content > .host-detail > .content > .table > .box > ul > li:first-child { width:120px; font-size:14px; }
	.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .percent { padding:13.5px 0; }
	.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .percent > ul { padding:7.5px 0; }
	.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .percent > ul > li { width:calc(100% - 130px); }
	.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .percent > ul > li:nth-child(odd) { width:130px; font-size:14px; }
	.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .percent > ul > li > .per { margin-top:6px; }
	.st-5 > .wrap > .content > .host-detail > .bg { top:35px; height:400px; }
}

/* SECTION host-4 */
@media only screen and (max-width:767px) {
	.st-5 { margin-top:80px; }
	.st-5 > .wrap { padding:0 10px; }
	.st-5 > .wrap > .title { font-size:25px; line-height:33px; }
	.st-5 > .wrap > .content { margin-top:24px; }
	.st-5 > .wrap > .content > ul.host > li { width:50%; padding:12px 10px; }
	.st-5 > .wrap > .content > ul.host > li > .box { height:12px; }
	.st-5 > .wrap > .content > ul.host > li > .box > .depth { font-size:12px; line-height:12px; }
	.st-5 > .wrap > .content > .host-detail > .content { padding-top:324px; }
	.st-5 > .wrap > .content > .host-detail > .content > .title > .logo > img { height:40px; }
	.st-5 > .wrap > .content > .host-detail > .content > .title > .kr { font-size:12px; line-height:17px; margin-top:8px; }
	.st-5 > .wrap > .content > .host-detail > .content > .table { margin-top:32px; }
	.st-5 > .wrap > .content > .host-detail > .content > .table > .box { margin-top:32px; }
	.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .name { font-size:14px; margin-bottom:14px; }
	.st-5 > .wrap > .content > .host-detail > .content > .table > .box > ul > li { width:calc(100% - 90px); font-size:11.5px; line-height:16px; padding:16px 0 18px 0; }
	.st-5 > .wrap > .content > .host-detail > .content > .table > .box > ul > li:first-child { width:90px; font-size:12px; }
	.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .percent { padding:11.5px 0; }
	.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .percent > ul { padding:5.5px 0; }
	.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .percent > ul > li { width:calc(100% - 100px); }
	.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .percent > ul > li:nth-child(odd) { width:100px; font-size:12px; }
	.st-5 > .wrap > .content > .host-detail > .content > .table > .box > .percent > ul > li > .per { height:3px; margin-top:5px; }
	.st-5 > .wrap > .content > .host-detail > .bg { top:25px; height:320px; }
	.st-5 > .wrap > .content > .host-detail > .bg > img { width:200%; }
}

/* SECTION host-5 */
@media only screen and (max-width:499px) {
	.st-5 > .wrap > .content > .host-detail > .bg > img { width:250%; }
}