@charset "utf-8";

/* SECTION 1 */
.s-1 { position:relative; width:100%; max-width:1720px; margin:200px auto 140px auto; }
.s-1 > .title { position:relative; }
.s-1 > .title::after { content:''; display:table; clear:both; }
.s-1 > .title > .left { float:left; width:350px; font-size:24px; font-family:'Funnel',sans-serif; line-height:22px; margin-top:40px; }
.s-1 > .title > .left > svg { height:23px; fill:#fff; margin-bottom:-3px; margin-right:5px; }
.s-1 > .title > .right { float:right; width:calc(100% - 350px); }
.s-1 > .title > .right > .slogan { font-size:95px; font-weight:500; font-family:'Funnel',sans-serif; line-height:105px; }
.s-1 > .title > .right > .slogan > img { height:84px; margin-bottom:-12px; }
.s-1 > .title > .right > .text { font-size:21px; line-height:31px; margin-top:50px; }

/* TYPE-1 */
@media only screen and (max-width:1819px) {
	.s-1 { width:calc(100% - 60px); margin:185px auto 130px auto; }
	.s-1 > .title > .left { width:320px; font-size:22.5px; line-height:22.5px; margin-top:38px; }
	.s-1 > .title > .left > svg { height:22px; }
	.s-1 > .title > .right { width:calc(100% - 320px); }
	.s-1 > .title > .right > .slogan { font-size:92.5px; line-height:100px; }
	.s-1 > .title > .right > .slogan > img { height:82px; margin-bottom:-11px; }
	.s-1 > .title > .right > .text { font-size:19px; line-height:27px; margin-top:65px; }
}

/* TYPE-2 */
@media only screen and (max-width:1439px) {
	.s-1 { width:calc(100% - 40px); margin:165px auto 100px auto; }
	.s-1 > .title > .left { width:280px; font-size:20.5px; line-height:20.5px; margin-top:32px; }
	.s-1 > .title > .left > svg { height:20px; margin-right:4px; }
	.s-1 > .title > .right { width:calc(100% - 280px); }
	.s-1 > .title > .right > .slogan { font-size:80px; line-height:86px; }
	.s-1 > .title > .right > .slogan > img { height:65px; margin-bottom:-9px; }
	.s-1 > .title > .right > .text { font-size:17px; line-height:25px; margin-top:50px; }
	.s-1 > .title > .right > .text > br { display:none; }
}

/* TYPE-3 */
@media only screen and (max-width:1023px) {
	.s-1 { width:calc(100% - 20px); margin:125px auto 75px auto; }
	.s-1 > .title > .left { width:200px; font-size:18px; line-height:18px; margin-top:20px; }
	.s-1 > .title > .left > svg { height:17px; margin-bottom:-2px; margin-right:3px; }
	.s-1 > .title > .right { width:calc(100% - 200px); }
	.s-1 > .title > .right > .slogan { font-size:50px; line-height:56px; }
	.s-1 > .title > .right > .slogan > img { height:45px; margin-bottom:-7px; }
	.s-1 > .title > .right > .text { font-size:14.5px; line-height:20px; margin-top:35px; }
}

/* TYPE-4 */
@media only screen and (max-width:767px) {
	.s-1 { width:calc(100% - 10px); margin:90px auto 50px auto; }
	.s-1 > .title > .left { width:100%; font-size:14.5px; line-height:14.5px; margin-top:0; }
	.s-1 > .title > .left > svg { height:13px; margin-bottom:-1px; margin-right:2px; }
	.s-1 > .title > .right { width:100%; margin-top:25px; }
	.s-1 > .title > .right > .slogan { font-size:37.5px; line-height:42px; }
	.s-1 > .title > .right > .slogan > img { height:30px; margin-bottom:-3px; }
	.s-1 > .title > .right > .text { font-size:12.5px; line-height:17px; margin-top:20px; }
}

/* SECTION 2 */
.s-2 { position:relative; width:100%; margin:0 auto; overflow:hidden; }
.s-2 > .marquee-with-options { }
.s-2 > .marquee-with-options > .js-marquee-wrapper { }
.s-2 > .marquee-with-options > .js-marquee-wrapper > .js-marquee { }
.s-2 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide { position:relative; float:left; width:240px; height:225px; background:#222; border-radius:30px; margin:0 15px; overflow:hidden; }
.s-2 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > .content { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.s-2 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > .content > .image { text-align:center; }
.s-2 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > .content > .image > img { height:82px; }
.s-2 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > .content > .name { font-size:22.5px; font-weight:500; font-family:'Funnel',sans-serif; line-height:22.5px; text-align:center; margin-top:20px; }

/* TYPE-1 */
@media only screen and (max-width:1819px) {
	.s-2 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide { width:220px; height:205px; margin:0 14px; }
	.s-2 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > .content > .image > img { height:80px; }
	.s-2 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > .content > .name { font-size:21px; line-height:21px; margin-top:19px; }
}

/* TYPE-2 */
@media only screen and (max-width:1439px) {
	.s-2 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide { width:200px; height:185px; border-radius:20px; margin:0 12px; }
	.s-2 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > .content > .image > img { height:75px; }
	.s-2 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > .content > .name { font-size:19px; line-height:19px; margin-top:17px; }
}

/* TYPE-3 */
@media only screen and (max-width:1023px) {
	.s-2 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide { width:165px; height:155px; border-radius:10px; margin:0 10px; }
	.s-2 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > .content > .image > img { height:65px; }
	.s-2 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > .content > .name { font-size:16px; line-height:16px; margin-top:14px; }
}

/* TYPE-4 */
@media only screen and (max-width:767px) {
	.s-2 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide { width:120px; height:115px; margin:0 15px 0 0; }
	.s-2 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > .content > .image > img { height:50px; }
	.s-2 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > .content > .name { font-size:13px; line-height:13px; margin-top:10px; }
}

/* SECTION 3 */
.s-3 { position:relative; width:100%; max-width:1720px; margin:120px auto 0 auto; }
.s-3 > .title { font-size:65px; font-weight:800; font-family:'Funnel',sans-serif; line-height:65px; }
.s-3 > .content > ul.type-tab { float:left; margin-top:40px; }
.s-3 > .content > ul.type-tab > li { float:left; font-size:18px; font-weight:400; border:2px solid #fff; border-radius:100px; margin-top:10px; margin-right:10px; padding:14px 22px; transition:all 0.3s ease-in-out; box-sizing:border-box; cursor:pointer; }
.s-3 > .content > ul.type-tab > li:last-child { margin-right:0; }
.s-3 > .content > ul.type-tab > li.current { font-weight:500; color:#141414; background:#9f8be5; border:2px solid #9f8be5; }
.s-3 > .content > .type-box { display:none; padding:0; opacity:0; width:100%; height:590px; margin-top:50px; }
.s-3 > .content > .type-box.current { display:inherit; opacity:1; }
.s-3 > .content > .type-box > .content { position:relative; width:100%; }
.s-3 > .content > .type-box > .content::after { content:''; display:table; clear:both; }
.s-3 > .content > .type-box > .content > .image { position:relative; float:left; width:calc(100% - 900px); height:590px; border-radius:30px; overflow:hidden; }
.s-3 > .content > .type-box > .content > .image > img { position:absolute; left:50%; transform:translateX(-50%); height:100%; }
.s-3 > .content > .type-box > .content > .title-box { position:relative; float:left; width:900px; height:590px; box-sizing:border-box; }
.s-3 > .content > .type-box > .content > .title-box > .title { position:absolute; top:30px; left:100px; }
.s-3 > .content > .type-box > .content > .title-box > .title > .name { font-size:65px; font-weight:700; font-family:'Funnel',sans-serif; }
.s-3 > .content > .type-box > .content > .title-box > .title > .info { font-size:19.5px; line-height:27px; color:#909090; margin-top:30px; }
.s-3 > .content > .type-box > .content > .title-box > .table { position:absolute; bottom:30px; left:100px; }
.s-3 > .content > .type-box > .content > .title-box > .table > ul { margin-top:50px; }
.s-3 > .content > .type-box > .content > .title-box > .table > ul:first-child { margin-top:0; }
.s-3 > .content > .type-box > .content > .title-box > .table > ul > li > svg { height:22px; fill:#fff; margin-bottom:-3px; margin-right:3px; }
.s-3 > .content > .type-box > .content > .title-box > .table > ul > li:first-child { font-size:22.5px; font-weight:500; }
.s-3 > .content > .type-box > .content > .title-box > .table > ul > li:last-child { font-size:19px; font-weight:300; line-height:28px; margin-top:12px; }

/* TYPE-1 */
@media only screen and (max-width:1819px) {
	.s-3 { width:calc(100% - 60px); margin:110px auto 0 auto; }
	.s-3 > .title { font-size:63px; line-height:63px; }
	.s-3 > .content > ul.type-tab { margin-top:38px; }
	.s-3 > .content > ul.type-tab > li { font-size:17.5px; margin-top:9px; margin-right:9px; padding:13px 21px; }
	.s-3 > .content > .type-box { height:570px; margin-top:47px; }
	.s-3 > .content > .type-box > .content > .image { width:calc(100% - 800px); height:570px; }
	.s-3 > .content > .type-box > .content > .title-box { width:800px; height:570px; }
	.s-3 > .content > .type-box > .content > .title-box > .title { top:25px; left:90px; }
	.s-3 > .content > .type-box > .content > .title-box > .title > .name { font-size:63px; }
	.s-3 > .content > .type-box > .content > .title-box > .title > .info { font-size:18.5px; line-height:26px; margin-top:27px; }
	.s-3 > .content > .type-box > .content > .title-box > .table { bottom:25px; left:95px; }
	.s-3 > .content > .type-box > .content > .title-box > .table > ul { margin-top:47px; }
	.s-3 > .content > .type-box > .content > .title-box > .table > ul > li > svg { height:21px; }
	.s-3 > .content > .type-box > .content > .title-box > .table > ul > li:first-child { font-size:21.5px; }
	.s-3 > .content > .type-box > .content > .title-box > .table > ul > li:last-child { font-size:18px; line-height:27px; margin-top:11px; }
}

/* TYPE-2 */
@media only screen and (max-width:1439px) {
	.s-3 { width:calc(100% - 40px); margin:95px auto 0 auto; }
	.s-3 > .title { font-size:59px; line-height:59px; }
	.s-3 > .content > ul.type-tab { margin-top:34px; }
	.s-3 > .content > ul.type-tab > li { font-size:16.5px; margin-top:8px; margin-right:8px; padding:11px 20px; }
	.s-3 > .content > .type-box { height:500px; margin-top:42px; }
	.s-3 > .content > .type-box > .content > .image { width:calc(100% - 680px); height:520px; border-radius:20px; }
	.s-3 > .content > .type-box > .content > .title-box { width:680px; height:520px; }
	.s-3 > .content > .type-box > .content > .title-box > .title { top:20px; left:70px; }
	.s-3 > .content > .type-box > .content > .title-box > .title > .name { font-size:59px; }
	.s-3 > .content > .type-box > .content > .title-box > .title > .info { font-size:17.5px; line-height:24px; margin-top:22px; }
	.s-3 > .content > .type-box > .content > .title-box > .table { bottom:20px; left:70px; }
	.s-3 > .content > .type-box > .content > .title-box > .table > ul { margin-top:40px; }
	.s-3 > .content > .type-box > .content > .title-box > .table > ul > li > svg { height:19px; margin-right:2px; }
	.s-3 > .content > .type-box > .content > .title-box > .table > ul > li:first-child { font-size:20px; }
	.s-3 > .content > .type-box > .content > .title-box > .table > ul > li:last-child { font-size:16.5px; line-height:24px; margin-top:10px; }
}

/* TYPE-3 */
@media only screen and (max-width:1023px) {
	.s-3 { width:calc(100% - 20px); margin:70px auto 0 auto; }
	.s-3 > .title { font-size:50px; line-height:50px; }
	.s-3 > .content > ul.type-tab { margin-top:28px; }
	.s-3 > .content > ul.type-tab > li { font-size:15px; margin-top:7px; margin-right:7px; padding:10px 18px; }
	.s-3 > .content > .type-box { height:auto; margin-top:37px; }
	.s-3 > .content > .type-box > .content > .image { float:none; width:100%; height:300px; border-radius:10px; }
	.s-3 > .content > .type-box > .content > .image > img { height:180%; }
	.s-3 > .content > .type-box > .content > .title-box { float:none; width:100%; height:auto; margin-top:30px; }
	.s-3 > .content > .type-box > .content > .title-box > .title { position:relative; top:auto; left:auto; }
	.s-3 > .content > .type-box > .content > .title-box > .title > .name { font-size:48px; }
	.s-3 > .content > .type-box > .content > .title-box > .title > .info { font-size:15.5px; line-height:20px; margin-top:15px; }
	.s-3 > .content > .type-box > .content > .title-box > .table { position:relative; bottom:auto; left:auto; margin-top:35px; }
	.s-3 > .content > .type-box > .content > .title-box > .table > ul { margin-top:30px; }
	.s-3 > .content > .type-box > .content > .title-box > .table > ul > li > svg { height:17px; margin-bottom:-2px; margin-right:1px; }
	.s-3 > .content > .type-box > .content > .title-box > .table > ul > li:first-child { font-size:18px; }
	.s-3 > .content > .type-box > .content > .title-box > .table > ul > li:last-child { font-size:14.5px; line-height:20px; margin-top:8px; }
}

/* TYPE-4 */
@media only screen and (max-width:767px) {
	.s-3 { width:calc(100% - 10px); margin:50px auto 0 auto; }
	.s-3 > .title { font-size:37.5px; line-height:37.5px; }
	.s-3 > .content > ul.type-tab { margin-top:20px; }
	.s-3 > .content > ul.type-tab > li { font-size:13px; margin-top:5px; margin-right:5px; padding:8px 14px; }
	.s-3 > .content > .type-box { margin-top:30px; }
	.s-3 > .content > .type-box > .content > .image { height:250px; }
	.s-3 > .content > .type-box > .content > .title-box { margin-top:25px; }
	.s-3 > .content > .type-box > .content > .title-box > .title { position:relative; top:auto; left:auto; }
	.s-3 > .content > .type-box > .content > .title-box > .title > .name { font-size:35px; }
	.s-3 > .content > .type-box > .content > .title-box > .title > .info { font-size:12.5px; line-height:17px; margin-top:10px; }
	.s-3 > .content > .type-box > .content > .title-box > .table { margin-top:30px; }
	.s-3 > .content > .type-box > .content > .title-box > .table > .name { font-size:20px; margin-bottom:10px; }
	.s-3 > .content > .type-box > .content > .title-box > .table > ul { margin-top:25px; }
	.s-3 > .content > .type-box > .content > .title-box > .table > ul > li > svg { height:15px; }
	.s-3 > .content > .type-box > .content > .title-box > .table > ul > li:first-child { font-size:15.5px; }
	.s-3 > .content > .type-box > .content > .title-box > .table > ul > li:last-child { font-size:12.5px; line-height:17px; margin-top:5px; }
}

/* SECTION DASHED */
.dashed { display:none; width:100%; height:3px; background-image:url("../image/dashed.svg"); background-repeat:repeat; margin:0 auto; }

/* TYPE-1 */
@media only screen and (max-width:1819px) {
}

/* TYPE-2 */
@media only screen and (max-width:1439px) {
}
	
/* TYPE-3 */
@media only screen and (max-width:1023px) {
	.dashed { display:block; width:calc(100% - 20px); margin-top:70px; }
}

/* TYPE-4 */
@media only screen and (max-width:767px) {
	.dashed { height:2px; width:calc(100% - 10px); margin-top:50px; }
}

/* SECTION 4 */
.s-4 { position:relative; width:100%; max-width:1720px; margin:120px auto 0 auto; box-sizing:border-box; overflow:hidden; }
.s-4 > .title-box { position:relative; }
.s-4 > .title-box > .title { float:left; font-size:65px; font-weight:800; font-family:'Funnel',sans-serif; line-height:70px; }
.s-4 > .title-box > .text { float:left; font-size:20px; font-weight:400; line-height:28px; color:#909090; margin-top:10px; margin-left:50px; }
.s-4 > .title-box > .button { position:absolute; top:25px; right:0; }
.s-4 > .title-box > .button > span { border:2px solid #fff; border-radius:100px; font-size:22px; font-weight:500; font-family:'Funnel',sans-serif; line-height:22px; letter-spacing:0.25px; padding:10px 22px 12px 22px; transition:all 0.25s ease-in-out; box-sizing:border-box; cursor:pointer; }
.s-4 > .title-box > .button > span:hover { background:#9f8be5; border-color:#9f8be5; }
.s-4 > .title-box > .button > span > img { height:13px; margin-bottom:1px; margin-left:12px; }
.s-4 > .content { margin-top:70px; }
.s-4 > .content > ul { border-top:2px solid #fff; border-bottom:2px solid #fff; box-sizing:border-box; }
.s-4 > .content > ul::after { content:''; display:table; clear:both; }
.s-4 > .content > ul > li { float:left; width:33.33%; border-right:2px solid #fff; border-bottom:2px solid #fff; padding:70px 60px; box-sizing:border-box; }
.s-4 > .content > ul > li:nth-child(3), .s-4 > .content > ul > li:nth-child(6) { border-right:0; }
.s-4 > .content > ul > li:nth-child(n+4) { border-bottom:0; }
.s-4 > .content > ul > li > .thumb { }
.s-4 > .content > ul > li > .thumb > img { height:90px; }
.s-4 > .content > ul > li:hover > .thumb > img { animation:turn-sub 3s infinite linear; }
@keyframes turn-sub { 0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); } }
.s-4 > .content > ul > li > .info { margin-top:40px; }
.s-4 > .content > ul > li > .info > .en { font-size:40px; font-weight:500; font-family:'Funnel',sans-serif; line-height:40px; }
.s-4 > .content > ul > li > .info > .kr { font-size:19px; line-height:26px; color:#909090; margin-top:25px; }

/* TYPE-1 */
@media only screen and (max-width:1819px) {
	.s-4 { width:calc(100% - 60px); margin:110px auto 0 auto; }
	.s-4 > .title-box > .title { font-size:63px; line-height:63px; }
	.s-4 > .title-box > .text { font-size:19px; line-height:27px; margin-left:47px; }
	.s-4 > .content { margin-top:65px; }
	.s-4 > .content > ul > li { padding:67px 57px; }
	.s-4 > .content > ul > li > .thumb > img { height:87px; }
	.s-4 > .content > ul > li > .info { margin-top:37px; }
	.s-4 > .content > ul > li > .info > .en { font-size:38px; line-height:38px; }
	.s-4 > .content > ul > li > .info > .kr { font-size:18px; line-height:25px; margin-top:22px; }
}

/* TYPE-2 */
@media only screen and (max-width:1439px) {
	.s-4 { width:calc(100% - 40px); margin:95px auto 0 auto; }
	.s-4 > .title-box > .title { font-size:59px; line-height:59px; }
	.s-4 > .title-box > .text { font-size:17.5px; line-height:24px; margin-left:40px; }
	.s-4 > .content { margin-top:60px; }
	.s-4 > .content > ul > li { padding:60px 50px; }
	.s-4 > .content > ul > li > .thumb > img { height:82px; }
	.s-4 > .content > ul > li > .info { margin-top:32px; }
	.s-4 > .content > ul > li > .info > .en { font-size:34.5px; line-height:34.5px; }
	.s-4 > .content > ul > li > .info > .kr { font-size:16.5px; line-height:23px; margin-top:18px; }
}
	
/* TYPE-3 */
@media only screen and (max-width:1023px) {
	.s-4 {  width:calc(100% - 20px); margin:60px auto 0 auto; }
	.s-4 > .title-box > .title { float:none; width:100%; font-size:50px; line-height:50px; }
	.s-4 > .title-box > .text { float:none; width:100%; font-size:15.5px; line-height:20px; margin-left:0; }
	.s-4 > .content { margin-top:50px; }
	.s-4 > .content > ul > li { width:50%; padding:45px 35px; }
	.s-4 > .content > ul > li:nth-child(3), .s-4 > .content > ul > li:nth-child(6) { border-right:2px solid #fff; }
	.s-4 > .content > ul > li:nth-child(n+4) { border-bottom:2px solid #fff; }
	.s-4 > .content > ul > li:nth-child(n+5) { border-bottom:0; }
	.s-4 > .content > ul > li:nth-child(even) { border-right:0; }
	.s-4 > .content > ul > li > .thumb > img { height:70px; }
	.s-4 > .content > ul > li > .info { margin-top:25px; }
	.s-4 > .content > ul > li > .info > .en { font-size:28px; line-height:28px; }
	.s-4 > .content > ul > li > .info > .kr { font-size:14.5px; line-height:20px; margin-top:15px; }
}

/* TYPE-4 */
@media only screen and (max-width:767px) {
	.s-4 { width:calc(100% - 10px); margin:40px auto 0 auto; }
	.s-4 > .title-box > .title { font-size:37.5px; line-height:37.5px; }
	.s-4 > .title-box > .text { font-size:12.5px; line-height:17px; }
	.s-4 > .content { margin-top:30px; }
	.s-4 > .content > ul > li { width:100%; padding:32px 15px; border-right:0; }
	.s-4 > .content > ul > li:nth-child(3), .s-4 > .content > ul > li:nth-child(6) { border-right:0; }
	.s-4 > .content > ul > li:nth-child(n+4) { border-bottom:2px solid #fff; }
	.s-4 > .content > ul > li:last-child { border-bottom:0; }
	.s-4 > .content > ul > li > .thumb > img { height:50px; }
	.s-4 > .content > ul > li > .info { margin-top:18px; }
	.s-4 > .content > ul > li > .info > .en { font-size:20px; line-height:20px; }
	.s-4 > .content > ul > li > .info > .kr { font-size:12.5px; line-height:18px; margin-top:8px; }
}

/* SECTION 5 */
.s-5 { position:relative; width:100%; margin:90px auto 0 auto; padding-bottom:10px; box-sizing:border-box; overflow:hidden; }
.s-5 > .marquee-with-options { }
.s-5 > .marquee-with-options > .js-marquee-wrapper { }
.s-5 > .marquee-with-options > .js-marquee-wrapper > .js-marquee { }
.s-5 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide { position:relative; float:left; }
.s-5 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > img { height:80px; margin:0 45px -4px 45px; }
.s-5 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > span { font-size:107px; font-weight:400; font-family:'Funnel',sans-serif; line-height:107px; color:#505050; }

/* TYPE-1 */
@media only screen and (max-width:1819px) {
	.s-5 { margin:80px auto 0 auto; }
	.s-5 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > img { height:75px; margin:0 42px -3px 42px; }
	.s-5 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > span { font-size:100px; line-height:100px; }
}

/* TYPE-2 */
@media only screen and (max-width:1439px) {
	.s-5 { margin:65px auto 0 auto; }
	.s-5 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > img { height:60px; margin:0 38px -2px 38px; }
	.s-5 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > span { font-size:86px; line-height:86px; }
}
	
/* TYPE-3 */
@media only screen and (max-width:1023px) {
	.s-5 { margin:40px auto 0 auto; }
	.s-5 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > img { height:50px; margin:0 28px -2px 28px; }
	.s-5 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > span { font-size:72px; line-height:72px; }
}

/* TYPE-4 */
@media only screen and (max-width:767px) {
	.s-5 { margin:30px auto 0 auto; }
	.s-5 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > img { height:34px; margin:0 18px -2px 18px; }
	.s-5 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > span { font-size:45px; line-height:45px; }
}

/* SECTION 6 */
.s-6 { position:relative; width:100%; max-width:1720px; margin:80px auto 0 auto; }
.s-6 > ul { width:calc(100% + 40px); margin-left:-20px; }
.s-6 > ul::after { content:''; display:table; clear:both; }
.s-6 > ul > li { position:relative; float:left; width:calc(25% - 40px); height:280px; background:#222; border-radius:30px; margin:20px; overflow:hidden; }
.s-6 > ul > li:last-child { display:none; }
.s-6 > ul > li > img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); height:48px; }

/* TYPE-1 */
@media only screen and (max-width:1819px) {
	.s-6 { width:calc(100% - 60px); margin:70px auto 0 auto; }
	.s-6 > ul { width:calc(100% + 38px); margin-left:-19px; }
	.s-6 > ul > li { width:calc(25% - 38px); height:270px; margin:19px; }
	.s-6 > ul > li > img { height:45px; }
}

/* TYPE-2 */
@media only screen and (max-width:1439px) {
	.s-6 { width:calc(100% - 40px); margin:55px auto 0 auto; }
	.s-6 > ul { width:calc(100% + 34px); margin-left:-17px; }
	.s-6 > ul > li { width:calc(25% - 34px); height:240px; border-radius:25px; margin:17px; }
	.s-6 > ul > li > img { height:40px; }
}
	
/* TYPE-3 */
@media only screen and (max-width:1023px) {
	.s-6 { width:calc(100% - 20px); margin:30px auto 0 auto; }
	.s-6 > ul { width:calc(100% + 28px); margin-left:-14px; }
	.s-6 > ul > li { width:calc(33.33% - 28px); height:200px; border-radius:20px; margin:14px; }
	.s-6 > ul > li:last-child { display:block; }
	.s-6 > ul > li > img { height:35px; }
}

/* TYPE-4 */
@media only screen and (max-width:767px) {
	.s-6 { width:calc(100% - 10px); margin:20px auto 0 auto; }
	.s-6 > ul { width:calc(100% + 10px); margin-left:-5px; }
	.s-6 > ul > li { width:calc(50% - 10px); height:140px; margin:5px; }
	.s-6 > ul > li:last-child { display:none; }
	.s-6 > ul > li > img { height:30px; }
}

/* SECTION 7 */
.s-7 { position:relative; width:100%; max-width:1720px; margin:120px auto 0 auto; }
.s-7 > .title { font-size:65px; font-weight:800; font-family:'Funnel',sans-serif; line-height:65px; }
.s-7 > .content > ul.host-tab { float:left; margin-top:50px; }
.s-7 > .content > ul.host-tab > li { float:left; font-size:18px; font-weight:400; border:2px solid #fff; border-radius:100px; margin-right:10px; padding:14px 22px; transition:all 0.3s ease-in-out; box-sizing:border-box; cursor:pointer; }
.s-7 > .content > ul.host-tab > li:last-child { margin-right:0; }
.s-7 > .content > ul.host-tab > li.current { font-weight:500; color:#141414; background:#9f8be5; border:2px solid #9f8be5; }
.s-7 > .content > .host-box { display:none; padding:0; opacity:0; width:100%; margin-top:50px; }
.s-7 > .content > .host-box.current { display:inherit; opacity:1; }
.s-7 > .content > .host-box > .content { position:relative; width:100%; }
.s-7 > .content > .host-box > .content > .image { position:relative; width:100%; height:400px; border-radius:30px; overflow:hidden; }
.s-7 > .content > .host-box > .content > .image > img { position:absolute; left:50%; transform:translateX(-50%); width:100%; }
.s-7 > .content > .host-box > .content > .title-box { position:relative; margin-top:50px; }
.s-7 > .content > .host-box > .content > .title-box::after { content:''; display:table; clear:both; }
.s-7 > .content > .host-box > .content > .title-box > .title { float:left; width:50%; padding-right:100px; box-sizing:border-box; }
.s-7 > .content > .host-box > .content > .title-box > .title > .logo { }
.s-7 > .content > .host-box > .content > .title-box > .title > .logo > img { height:50px; }
.s-7 > .content > .host-box > .content > .title-box > .title > .info { font-size:19.5px; line-height:27px; color:#909090; margin-top:40px; }
.s-7 > .content > .host-box > .content > .title-box > .title > .button-box { position:absolute; bottom:0; }
.s-7 > .content > .host-box > .content > .title-box > .title > .button-box > .button { width:125px; border:2px solid #fff; border-radius:100px; padding:12px 22px 11px 22px; cursor:pointer; }
.s-7 > .content > .host-box > .content > .title-box > .title > .button-box > .button::after { content:''; display:table; clear:both; }
.s-7 > .content > .host-box > .content > .title-box > .title > .button-box > .button > .box { float:left; height:24px; overflow:hidden; }
.s-7 > .content > .host-box > .content > .title-box > .title > .button-box > .button > .box > .depth { position:relative; display:block; height:100%; top:0%; font-size:21px; font-weight:500; font-family:'Funnel',sans-serif; line-height:21px; letter-spacing:0.25px; transition:0.3s; }
.s-7 > .content > .host-box > .content > .title-box > .title > .button-box > .button > .box > .depth.black { color:#141414; }
.s-7 > .content > .host-box > .content > .title-box > .title > .button-box > .button:hover > .box > .depth { top:-100%; }
.s-7 > .content > .host-box > .content > .title-box > .title > .button-box > .button > .shape { float:left; }
.s-7 > .content > .host-box > .content > .title-box > .title > .button-box > .button > .shape > img { height:13px; margin-top:4px; margin-left:12px; }
.s-7 > .content > .host-box > .content > .title-box > .table { float:left; width:50%; }
.s-7 > .content > .host-box > .content > .title-box > .table > ul { margin-top:50px; }
.s-7 > .content > .host-box > .content > .title-box > .table > ul:first-child { margin-top:0; }
.s-7 > .content > .host-box > .content > .title-box > .table > ul > li > svg { height:22px; fill:#fff; margin-bottom:-3px; margin-right:3px; }
.s-7 > .content > .host-box > .content > .title-box > .table > ul > li:first-child { font-size:22.5px; font-weight:500; }
.s-7 > .content > .host-box > .content > .title-box > .table > ul > li:last-child { font-size:19px; font-weight:300; line-height:28px; margin-top:12px; }
.s-7 > .content > .host-box > .content > .title-box > .table > ul > li > ul.stat { }
.s-7 > .content > .host-box > .content > .title-box > .table > ul > li > ul.stat::after { content:''; display:table; clear:both; }
.s-7 > .content > .host-box > .content > .title-box > .table > ul > li > ul.stat > li { height:40px; }
.s-7 > .content > .host-box > .content > .title-box > .table > ul > li > ul.stat > li:nth-child(odd) { float:left; width:170px; font-size:20px; font-weight:500; line-height:40px; }
.s-7 > .content > .host-box > .content > .title-box > .table > ul > li > ul.stat > li:nth-child(even) { float:left; width:calc(100% - 170px); }
.s-7 > .content > .host-box > .content > .title-box > .table > ul > li > ul.stat > li > .bar { width:100%; height:7px; border-radius:100px; margin-top:15px; }
.s-7 > .content > .host-box > .content > .title-box > .table > ul > li > ul.stat > li > .bar.bar-100 { background:linear-gradient(to right, #9f8be5 100%, #444 0%); }
.s-7 > .content > .host-box > .content > .title-box > .table > ul > li > ul.stat > li > .bar.bar-90 { background:linear-gradient(to right, #9f8be5 100%, #444 0%); }
.s-7 > .content > .host-box > .content > .title-box > .table > ul > li > ul.stat > li > .bar.bar-80 { background:linear-gradient(to right, #9f8be5 80%, #444 0%); }
.s-7 > .content > .host-box > .content > .title-box > .table > ul > li > ul.stat > li > .bar.bar-70 { background:linear-gradient(to right, #9f8be5 70%, #444 0%); }
.s-7 > .content > .host-box > .content > .title-box > .table > ul > li > ul.stat > li > .bar.bar-60 { background:linear-gradient(to right, #9f8be5 60%, #444 0%); }
.s-7 > .content > .host-box > .content > .title-box > .table > ul > li > ul.stat > li > .bar.bar-50 { background:linear-gradient(to right, #9f8be5 50%, #444 0%); }
.s-7 > .content > .host-box > .content > .title-box > .table > ul > li > ul.stat > li > .bar.bar-40 { background:linear-gradient(to right, #9f8be5 40%, #444 0%); }
.s-7 > .content > .host-box > .content > .title-box > .table > ul > li > ul.stat > li > .bar.bar-30 { background:linear-gradient(to right, #9f8be5 30%, #444 0%); }
.s-7 > .content > .host-box > .content > .title-box > .table > ul > li > ul.stat > li > .bar.bar-20 { background:linear-gradient(to right, #9f8be5 20%, #444 0%); }
.s-7 > .content > .host-box > .content > .title-box > .table > ul > li > ul.stat > li > .bar.bar-10 { background:linear-gradient(to right, #9f8be5 10%, #444 0%); }

/* TYPE-1 */
@media only screen and (max-width:1819px) {
	.s-7 { width:calc(100% - 60px); margin:110px auto 0 auto; }
	.s-7 > .title { font-size:63px; line-height:63px; }
	.s-7 > .content > ul.host-tab { margin-top:38px; }
	.s-7 > .content > ul.host-tab > li { font-size:17.5px; margin-top:9px; margin-right:9px; padding:13px 21px; }
	.s-7 > .content > .host-box { margin-top:47px; }
	.s-7 > .content > .host-box > .content > .image { height:380px; }
	.s-7 > .content > .host-box > .content > .title-box { margin-top:47px; }
	.s-7 > .content > .host-box > .content > .title-box > .title { padding-right:95px; }
	.s-7 > .content > .host-box > .content > .title-box > .title > .logo > img { height:47px; }
	.s-7 > .content > .host-box > .content > .title-box > .title > .info { font-size:18.5px; line-height:26px; margin-top:37px; }
	.s-7 > .content > .host-box > .content > .title-box > .title > .button-box > .button { width:118px; padding:11px 22px 10px 22px; }
	.s-7 > .content > .host-box > .content > .title-box > .title > .button-box > .button > .box { height:23px; }
	.s-7 > .content > .host-box > .content > .title-box > .title > .button-box > .button > .box > .depth { font-size:20px; line-height:20px; }
	.s-7 > .content > .host-box > .content > .title-box > .title > .button-box > .button > .shape > img { height:12px; margin-top:5px; margin-left:10px; }
	.s-7 > .content > .host-box > .content > .title-box > .table > ul { margin-top:47px; }
	.s-7 > .content > .host-box > .content > .title-box > .table > ul > li > svg { height:21px; }
	.s-7 > .content > .host-box > .content > .title-box > .table > ul > li:first-child { font-size:21.5px; }
	.s-7 > .content > .host-box > .content > .title-box > .table > ul > li:last-child { font-size:18px; line-height:27px; margin-top:11px; }
	.s-7 > .content > .host-box > .content > .title-box > .table > ul > li > ul.stat > li { height:37px; }
	.s-7 > .content > .host-box > .content > .title-box > .table > ul > li > ul.stat > li:nth-child(odd) { width:165px; font-size:19px; line-height:37px; }
	.s-7 > .content > .host-box > .content > .title-box > .table > ul > li > ul.stat > li:nth-child(even) { width:calc(100% - 165px); }
}

/* TYPE-2 */
@media only screen and (max-width:1439px) {
	.s-7 { width:calc(100% - 40px); margin:95px auto 0 auto; }
	.s-7 > .title { font-size:59px; line-height:59px; }
	.s-7 > .content > ul.host-tab { margin-top:34px; }
	.s-7 > .content > ul.host-tab > li { font-size:16.5px; margin-top:8px; margin-right:8px; padding:11px 20px; }
	.s-7 > .content > .host-box { margin-top:42px; }
	.s-7 > .content > .host-box > .content > .image { height:340px; border-radius:20px; }
	.s-7 > .content > .host-box > .content > .title-box { margin-top:42px; }
	.s-7 > .content > .host-box > .content > .title-box > .title { padding-right:90px; }
	.s-7 > .content > .host-box > .content > .title-box > .title > .logo > img { height:42px; }
	.s-7 > .content > .host-box > .content > .title-box > .title > .info { font-size:17.5px; line-height:24px; margin-top:30px; }
	.s-7 > .content > .host-box > .content > .title-box > .title > .button-box > .button { width:108px; padding:10px 20px 9px 20px; }
	.s-7 > .content > .host-box > .content > .title-box > .title > .button-box > .button > .box { height:21px; }
	.s-7 > .content > .host-box > .content > .title-box > .title > .button-box > .button > .box > .depth { font-size:18px; line-height:18px; }
	.s-7 > .content > .host-box > .content > .title-box > .title > .button-box > .button > .shape > img { height:11px; margin-left:9px; }
	.s-7 > .content > .host-box > .content > .title-box > .table > ul { margin-top:40px; }
	.s-7 > .content > .host-box > .content > .title-box > .table > ul > li > svg { height:17px; margin-bottom:-1px; margin-right:2px; }
	.s-7 > .content > .host-box > .content > .title-box > .table > ul > li:first-child { font-size:20px; }
	.s-7 > .content > .host-box > .content > .title-box > .table > ul > li:last-child { font-size:16.5px; line-height:24px; margin-top:10px; }
	.s-7 > .content > .host-box > .content > .title-box > .table > ul > li > ul.stat > li { height:32px; }
	.s-7 > .content > .host-box > .content > .title-box > .table > ul > li > ul.stat > li:nth-child(odd) { width:150px; font-size:17.5px; line-height:32px; }
	.s-7 > .content > .host-box > .content > .title-box > .table > ul > li > ul.stat > li:nth-child(even) { width:calc(100% - 150px); }
	.s-7 > .content > .host-box > .content > .title-box > .table > ul > li > ul.stat > li > .bar { height:6px; margin-top:12px; }
}

/* TYPE-3 */
@media only screen and (max-width:1023px) {
	.s-7 { width:calc(100% - 20px); margin:70px auto 0 auto; }
	.s-7 > .title { font-size:50px; line-height:50px; }
	.s-7 > .content > ul.host-tab { margin-top:28px; }
	.s-7 > .content > ul.host-tab > li { font-size:15px; margin-top:7px; margin-right:7px; padding:10px 18px; }
	.s-7 > .content > .host-box { margin-top:37px; }
	.s-7 > .content > .host-box > .content > .image { height:300px; border-radius:10px; }
	.s-7 > .content > .host-box > .content > .title-box { margin-top:37px; }
	.s-7 > .content > .host-box > .content > .title-box > .title { float:none; width:100%; padding-right:0; }
	.s-7 > .content > .host-box > .content > .title-box > .title > .logo > img { height:34px; }
	.s-7 > .content > .host-box > .content > .title-box > .title > .info { font-size:15.5px; line-height:20px; margin-top:22px; }
	.s-7 > .content > .host-box > .content > .title-box > .title > .button-box { top:-4px; bottom:auto; right:0; }
	.s-7 > .content > .host-box > .content > .title-box > .title > .button-box > .button { width:92px; padding:8px 18px 7px 18px; }
	.s-7 > .content > .host-box > .content > .title-box > .title > .button-box > .button > .box { height:19px; }
	.s-7 > .content > .host-box > .content > .title-box > .title > .button-box > .button > .box > .depth { font-size:16px; line-height:16px; }
	.s-7 > .content > .host-box > .content > .title-box > .title > .button-box > .button > .shape > img { height:9px; margin-left:7px; }
	.s-7 > .content > .host-box > .content > .title-box > .table { float:none; width:100%; margin-top:37px; }
	.s-7 > .content > .host-box > .content > .title-box > .table > ul { margin-top:30px; }
	.s-7 > .content > .host-box > .content > .title-box > .table > ul > li > svg { height:17px; margin-bottom:-2px; margin-right:1px; }
	.s-7 > .content > .host-box > .content > .title-box > .table > ul > li:first-child { font-size:18px; }
	.s-7 > .content > .host-box > .content > .title-box > .table > ul > li:last-child { font-size:14.5px; line-height:20px; margin-top:8px; }
	.s-7 > .content > .host-box > .content > .title-box > .table > ul > li > ul.stat > li { height:27px; }
	.s-7 > .content > .host-box > .content > .title-box > .table > ul > li > ul.stat > li:nth-child(odd) { width:130px; font-size:15.5px; line-height:27px; }
	.s-7 > .content > .host-box > .content > .title-box > .table > ul > li > ul.stat > li:nth-child(even) { width:calc(100% - 130px); }
	.s-7 > .content > .host-box > .content > .title-box > .table > ul > li > ul.stat > li > .bar { height:5px; margin-top:9px; }
}

/* TYPE-4 */
@media only screen and (max-width:767px) {
	.s-7 { width:calc(100% - 10px); margin:50px auto 0 auto; }
	.s-7 > .title { font-size:37.5px; line-height:37.5px; }
	.s-7 > .content > ul.host-tab { margin-top:20px; }
	.s-7 > .content > ul.host-tab > li { font-size:13px; margin-top:5px; margin-right:5px; padding:8px 14px; }
	.s-7 > .content > .host-box { margin-top:30px; }
	.s-7 > .content > .host-box > .content > .image { height:250px; }
	.s-7 > .content > .host-box > .content > .image > img { width:150%; }
	.s-7 > .content > .host-box > .content > .title-box { margin-top:25px; }
	.s-7 > .content > .host-box > .content > .title-box > .title > .logo > img { height:28px; }
	.s-7 > .content > .host-box > .content > .title-box > .title > .info { font-size:12.5px; line-height:17px; margin-top:17px; }
	.s-7 > .content > .host-box > .content > .title-box > .title > .button-box { top:-3px; }
	.s-7 > .content > .host-box > .content > .title-box > .title > .button-box > .button { width:78px; padding:6px 14px 5px 14px; }
	.s-7 > .content > .host-box > .content > .title-box > .title > .button-box > .button > .box { height:16px; }
	.s-7 > .content > .host-box > .content > .title-box > .title > .button-box > .button > .box > .depth { font-size:13.5px; line-height:13.5px; }
	.s-7 > .content > .host-box > .content > .title-box > .title > .button-box > .button > .shape > img { height:8px; margin-top:3px; margin-left:5px; }
	.s-7 > .content > .host-box > .content > .title-box > .table { margin-top:28px; }
	.s-7 > .content > .host-box > .content > .title-box > .table > ul { margin-top:27px; }
	.s-7 > .content > .host-box > .content > .title-box > .table > ul > li > svg { height:15px; }
	.s-7 > .content > .host-box > .content > .title-box > .table > ul > li:first-child { font-size:15.5px; }
	.s-7 > .content > .host-box > .content > .title-box > .table > ul > li:last-child { font-size:12.5px; line-height:17px; margin-top:5px; }
	.s-7 > .content > .host-box > .content > .title-box > .table > ul > li > ul.stat > li { height:22px; }
	.s-7 > .content > .host-box > .content > .title-box > .table > ul > li > ul.stat > li:nth-child(odd) { width:110px; font-size:13.5px; line-height:22px; }
	.s-7 > .content > .host-box > .content > .title-box > .table > ul > li > ul.stat > li:nth-child(even) { width:calc(100% - 110px); }
	.s-7 > .content > .host-box > .content > .title-box > .table > ul > li > ul.stat > li > .bar { height:4px; margin-top:8px; }
}