@charset "utf-8";

/* SECTION 1 */
.s-1 { position:relative; width:100%; max-width:1720px; margin:0 auto; box-sizing:border-box; }
.s-1 > .top { position:relative; width:100%; height:700px; overflow:hidden; }
.s-1 > .top > .title-box { }
.s-1 > .top > .title-box > .title-1 { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:1028px; margin-top:-55px; z-index:1000; }
.s-1 > .top > .title-box > .title-1::after { content:''; display:table; clear:both; }
.s-1 > .top > .title-box > .title-1 > .title { float:left; font-size:135px; font-weight:600; font-family:'Funnel',sans-serif; }
.s-1 > .top > .title-box > .title-1 > .marquee { float:left; width:492px; height:142px; background:#9f8be5; border-radius:1000px; margin-top:19px; margin-left:50px; overflow:hidden; }
.s-1 > .top > .title-box > .title-1 > .marquee.marquee-with-options { }
.s-1 > .top > .title-box > .title-1 > .marquee.marquee-with-options > .js-marquee-wrapper { }
.s-1 > .top > .title-box > .title-1 > .marquee.marquee-with-options > .js-marquee-wrapper > .js-marquee { }
.s-1 > .top > .title-box > .title-1 > .marquee.marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide { position:relative; float:left; margin-top:3px; }
.s-1 > .top > .title-box > .title-1 > .marquee.marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > svg { height:88px; margin:0 45px -1px 45px; fill:#141414 !important; }
.s-1 > .top > .title-box > .title-1 > .marquee.marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > span { font-size:130px; font-weight:500; font-family:'Funnel',sans-serif; line-height:130px; color:#141414; }
.s-1 > .top > .title-box > .title-2 { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; text-align:center; margin-top:115px; z-index:1000; }
.s-1 > .top > .title-box > .title-2 > .title { font-size:150px; font-weight:600; font-family:'Funnel',sans-serif; line-height:150px; text-align:center; }
.s-1 > .top > .title-box > .title-2 > .title > br.mo { display:none; }
.s-1 > .top > .image-1 { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin-top:-65px; margin-left:-520px; z-index:100; }
.s-1 > .top > .image-2 { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin-top:-150px; margin-left:490px; z-index:2000; }
.s-1 > .top > .image-3 { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin-top:220px; z-index:2000; }
.s-1 > .top > .image-1 > img { height:280px; animation:zoom 1.1s infinite alternate; }
@keyframes zoom { 0% { transform:scale(1); } 100% { transform:scale(1.06); } }
.s-1 > .top > .image-2 > img { height:205px; animation:vert 1.1s infinite alternate; }
@keyframes vert { 0% { margin-top:-18px; } 100% { margin-top:18px; } }
.s-1 > .top > .image-3 > img { height:182px; animation:turn 5s infinite linear; }
@keyframes turn { 0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); } }
.s-1 > .bottom { position:relative; width:100%; overflow:hidden; }
.s-1 > .bottom > .dashed { width:calc(100% - 380px); height:3px; background-image:url("../image/dashed.svg"); background-repeat:repeat; }
.s-1 > .bottom > ul { margin-top:50px; }
.s-1 > .bottom > ul::after { content:''; display:table; clear:both; }
.s-1 > .bottom > ul > li { float:left; }
.s-1 > .bottom > ul > li.depth-1 { width:calc(39.5% - 320px); }
.s-1 > .bottom > ul > li.depth-1 > .scroll-rotate { position:relative; width:160px; height:160px; margin-top:-20px; box-sizing:border-box; }
.s-1 > .bottom > ul > li.depth-1 > .scroll-rotate > .scroll-text { }
.s-1 > .bottom > ul > li.depth-1 > .scroll-rotate > .scroll-text textPath {	font-family:'Funnel',sans-serif; font-weight:400; font-size:14px; letter-spacing:-0.025px; fill:#fff; }
.s-1 > .bottom > ul > li.depth-1 > .scroll-rotate > .image { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.s-1 > .bottom > ul > li.depth-1 > .scroll-rotate > .image > img { height:65px; }
.s-1 > .bottom > ul > li.depth-2 { width:35.5%; }
.s-1 > .bottom > ul > li.depth-2 > .title { font-family:'Funnel',sans-serif; font-weight:500; font-size:30px; line-height:30px; letter-spacing:0; }
.s-1 > .bottom > ul > li.depth-2 > .text { font-size:19px; line-height:28px; margin-top:22px; }
.s-1 > .bottom > ul > li.depth-3 { width:25%; }
.s-1 > .bottom > ul > li.depth-3 > ul { margin-top:2px; }
.s-1 > .bottom > ul > li.depth-3 > ul::after { content:''; display:table; clear:both; }
.s-1 > .bottom > ul > li.depth-3 > ul > li { float:left; width:100%; font-size:20.5px; font-family:'Funnel',sans-serif; line-height:20.5px; margin-bottom:16px; cursor:pointer; }
.s-1 > .bottom > ul > li.depth-3 > ul > li:last-child { margin-bottom:0; }
.s-1 > .bottom > ul > li.depth-3 > ul > li > svg { height:17px; fill:#fff; margin-bottom:-2px; margin-right:3px; }
.s-1 > .bottom > ul > li.depth-4 { position:relative; width:320px; height:200px; border-radius:30px; margin-top:-53px; overflow:hidden; }
.s-1 > .bottom > ul > li.depth-4 > video { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); height:100%; }

/* TYPE-1 */
@media only screen and (max-width:1819px) {
	.s-1 > .top { height:640px; }
	.s-1 > .top > .title-box > .title-1 { width:964px; margin-top:-50px; }
	.s-1 > .top > .title-box > .title-1 > .title { font-size:128px; }
	.s-1 > .top > .title-box > .title-1 > .marquee { width:460px; height:132px; margin-top:15px; margin-left:40px; }
	.s-1 > .top > .title-box > .title-1 > .marquee.marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide { margin-top:-2px; }
	.s-1 > .top > .title-box > .title-1 > .marquee.marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > svg { height:85px; margin:0 42px -1px 42px; }
	.s-1 > .top > .title-box > .title-1 > .marquee.marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > span { font-size:128px; line-height:128px; }
	.s-1 > .top > .title-box > .title-2 { margin-top:104px; }
	.s-1 > .top > .title-box > .title-2 > .title { font-size:140.5px; line-height:140.5px; }
	.s-1 > .top > .image-1 { margin-top:-65px; margin-left:-470px; }
	.s-1 > .top > .image-2 { margin-top:-140px; margin-left:440px; }
	.s-1 > .top > .image-3 { margin-top:200px; }
	.s-1 > .top > .image-1 > img { height:265px; }
	.s-1 > .top > .image-2 > img { height:195px; }
	.s-1 > .top > .image-3 > img { height:162px; }
	.s-1 > .bottom { padding:0 30px; box-sizing:border-box; }
	.s-1 > .bottom > .dashed { width:calc(100% - 350px); }
	.s-1 > .bottom > ul { margin-top:45px; }
	.s-1 > .bottom > ul > li.depth-1 { width:calc(39.5% - 300px); }
	.s-1 > .bottom > ul > li.depth-1 > .scroll-rotate { width:150px; height:150px; margin-top:-17px; }
	.s-1 > .bottom > ul > li.depth-1 > .scroll-rotate > .image > img { height:62px; }
	.s-1 > .bottom > ul > li.depth-2 > .title { font-size:28px; line-height:28px; }
	.s-1 > .bottom > ul > li.depth-2 > .text { font-size:17.5px; line-height:27px; margin-top:18px; }
	.s-1 > .bottom > ul > li.depth-3 > ul > li { font-size:19.5px; line-height:19.5px; margin-bottom:14px; }
	.s-1 > .bottom > ul > li.depth-3 > ul > li > svg { height:15px; margin-bottom:-1px; margin-right:3px; }
	.s-1 > .bottom > ul > li.depth-4 { width:300px; height:180px; margin-top:-48px; }
}

/* TYPE-2 */
@media only screen and (max-width:1439px) {
	.s-1 > .top { height:530px; }
	.s-1 > .top > .title-box > .title-1 { width:825px; margin-top:-40px; }
	.s-1 > .top > .title-box > .title-1 > .title { font-size:110px; }
	.s-1 > .top > .title-box > .title-1 > .marquee { width:395px; height:115px; margin-top:2px; margin-left:35px; }
	.s-1 > .top > .title-box > .title-1 > .marquee.marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide { margin-top:0; }
	.s-1 > .top > .title-box > .title-1 > .marquee.marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > svg { height:72px; margin:0 35px 0px 35px; }
	.s-1 > .top > .title-box > .title-1 > .marquee.marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > span { font-size:110px; line-height:110px; }
	.s-1 > .top > .title-box > .title-2 { margin-top:84px; }
	.s-1 > .top > .title-box > .title-2 > .title { font-size:120.5px; line-height:120.5px; }
	.s-1 > .top > .image-1 { margin-top:-35px; margin-left:-420px; }
	.s-1 > .top > .image-2 { margin-top:-105px; margin-left:400px; }
	.s-1 > .top > .image-3 { margin-top:165px; }
	.s-1 > .top > .image-1 > img { height:235px; }
	.s-1 > .top > .image-2 > img { height:175px; }
	.s-1 > .top > .image-3 > img { height:135px; }
	.s-1 > .bottom { padding:0 20px; }
	.s-1 > .bottom > .dashed { width:calc(100% - 310px); }
	.s-1 > .bottom > ul { margin-top:37px; }
	.s-1 > .bottom > ul > li.depth-1 { width:calc(39.5% - 260px); }
	.s-1 > .bottom > ul > li.depth-1 > .scroll-rotate { width:130px; height:130px; margin-top:-12px; }
	.s-1 > .bottom > ul > li.depth-1 > .scroll-rotate > .image > img { height:56px; }
	.s-1 > .bottom > ul > li.depth-2 { padding-left:40px; box-sizing:border-box; }
	.s-1 > .bottom > ul > li.depth-2 > .title { font-size:25px; line-height:25px; }
	.s-1 > .bottom > ul > li.depth-2 > .text { font-size:15.5px; line-height:22.5px; margin-top:16px; }
	.s-1 > .bottom > ul > li.depth-3 { padding-left:30px; box-sizing:border-box; }
	.s-1 > .bottom > ul > li.depth-3 > ul > li { font-size:17.5px; line-height:17.5px; margin-bottom:11px; }
	.s-1 > .bottom > ul > li.depth-3 > ul > li > svg { height:14px; margin-right:2px; }
	.s-1 > .bottom > ul > li.depth-4 { width:260px; height:160px; border-radius:25px; margin-top:-40px; }
}

/* TYPE-3 */
@media only screen and (max-width:1023px) {
	.s-1 > .top { height:395px; }
	.s-1 > .top > .title-box > .title-1 { width:635px; margin-top:-30px; }
	.s-1 > .top > .title-box > .title-1 > .title { font-size:85px; }
	.s-1 > .top > .title-box > .title-1 > .marquee { width:305px; height:94px; margin-top:4px; margin-left:25px; }
	.s-1 > .top > .title-box > .title-1 > .marquee.marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide { margin-top:3px; }
	.s-1 > .top > .title-box > .title-1 > .marquee.marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > svg { height:55px; margin:0 22px 0 22px; }
	.s-1 > .top > .title-box > .title-1 > .marquee.marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > span { font-size:85px; line-height:85px; }
	.s-1 > .top > .title-box > .title-2 { margin-top:70px; }
	.s-1 > .top > .title-box > .title-2 > .title { font-size:92.5px; line-height:92.5px; }
	.s-1 > .top > .image-1 { margin-top:-20px; margin-left:-330px; }
	.s-1 > .top > .image-2 { margin-top:-70px; margin-left:320px; }
	.s-1 > .top > .image-3 { margin-top:125px; }
	.s-1 > .top > .image-1 > img { height:190px; }
	.s-1 > .top > .image-2 > img { height:135px; }
	.s-1 > .top > .image-3 > img { height:90px; }
	.s-1 > .bottom { padding:0 10px; }
	.s-1 > .bottom > .dashed { width:100%; height:2px; }
	.s-1 > .bottom > ul { margin-top:32px; }
	.s-1 > .bottom > ul > li.depth-1 { width:160px; }
	.s-1 > .bottom > ul > li.depth-1 > .scroll-rotate { width:108px; height:108px; margin-top:-10px; }
	.s-1 > .bottom > ul > li.depth-1 > .scroll-rotate > .image > img { height:48px; }
	.s-1 > .bottom > ul > li.depth-2 { width:calc(80% - 160px); padding-left:0; padding-right:50px; }
	.s-1 > .bottom > ul > li.depth-2 > .title { font-size:22.5px; line-height:22.5px; }
	.s-1 > .bottom > ul > li.depth-2 > .text { font-size:14px; line-height:20px; margin-top:14px; }
	.s-1 > .bottom > ul > li.depth-2 > .text > br { display:none; }
	.s-1 > .bottom > ul > li.depth-3 { width:20%; padding-left:0; }
	.s-1 > .bottom > ul > li.depth-3 > ul > li { font-size:15.5px; line-height:15.5px; margin-bottom:9px; }
	.s-1 > .bottom > ul > li.depth-3 > ul > li > svg { height:11px; margin-right:2px; }
	.s-1 > .bottom > ul > li.depth-4 { width:100%; height:200px; border-radius:20px; margin-top:32px; }
	.s-1 > .bottom > ul > li.depth-4 > video { width:100%; height:auto; }
}

/* TYPE-4 */
@media only screen and (max-width:767px) {
	.s-1 > .top { height:460px; }
	.s-1 > .top > .title-box > .title-1 { width:calc(100% - 10px); margin-top:-65px }
	.s-1 > .top > .title-box > .title-1 > .title { float:none; font-size:60px; text-align:center; }
	.s-1 > .top > .title-box > .title-1 > .marquee { float:none; width:100%; height:68px; margin-top:15px; margin-left:0; }
	.s-1 > .top > .title-box > .title-1 > .marquee.marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide { margin-top:4px; }
	.s-1 > .top > .title-box > .title-1 > .marquee.marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > svg { height:40px; margin:0 18px 0 18px; }
	.s-1 > .top > .title-box > .title-1 > .marquee.marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > span { font-size:60px; line-height:60px; }
	.s-1 > .top > .title-box > .title-2 { margin-top:88px; }
	.s-1 > .top > .title-box > .title-2 > .title { font-size:60px; line-height:68px; }
	.s-1 > .top > .title-box > .title-2 > .title > br.mo { display:block; }
	.s-1 > .top > .image-1 { top:auto; left:auto; transform:auto; margin-top:auto; margin-left:auto; top:135px; left:60px; }
	.s-1 > .top > .image-2 { top:auto; left:auto; transform:auto; margin-top:auto; margin-left:auto; top:130px; right:-30px; }
	.s-1 > .top > .image-3 { top:auto; left:50%; transform:translate(-50%, 0); bottom:30px; margin-top:auto; margin-left:auto; }
	.s-1 > .top > .image-1 > img { height:145px; } 
	.s-1 > .top > .image-2 > img { height:100px; }
	.s-1 > .top > .image-3 > img { height:70px; }
	.s-1 > .bottom { padding:0 5px; }
	.s-1 > .bottom > ul { margin-top:30px; }	
	.s-1 > .bottom > ul > li.depth-1 { display:none; }
	.s-1 > .bottom > ul > li.depth-2 { width:100%; padding-right:0; }
	.s-1 > .bottom > ul > li.depth-2 > .title { font-size:20.5px; line-height:20.5px; }	
	.s-1 > .bottom > ul > li.depth-2 > .text { font-size:13px; line-height:18px; margin-top:14px; }	
	.s-1 > .bottom > ul > li.depth-3 { width:100%; margin-top:25px; }
	.s-1 > .bottom > ul > li.depth-3::after { content:''; display:table; clear:both; }
	.s-1 > .bottom > ul > li.depth-3 > ul > li { float:left; width:50%; font-size:15px; line-height:15px; margin-bottom:8px; }
	.s-1 > .bottom > ul > li.depth-3 > ul > li > svg { height:11px; margin-right:2px; }
	.s-1 > .bottom > ul > li.depth-4 { width:100%; height:160px; margin-top:30px; }	
}

/* SECTION 2 */
.s-2 { position:relative; width:100%; max-width:1720px; margin:140px auto 0 auto; }
.s-2 > .content { position:relative; width:100%; height:700px; overflow:hidden; }
.s-2 > .content > .background { position:absolute; width:100%; height:100%; top:0; left:0; clip-path:rect(auto auto auto auto round 50px); }
.s-2 > .content > .background > .image { position:fixed; display:block; width:100%; height:100%; top:0; left:0; background-image:url("../image/company.jpg"); background-size:cover; background-position:center center; }
.s-2 > .title { margin-top:100px; }
.s-2 > .title::after { content:''; display:table; clear:both; }
.s-2 > .title > .left { float:left; width:44%; font-size:24px; font-family:'Funnel',sans-serif; line-height:24px; }
.s-2 > .title > .left > svg { height:23px; fill:#fff; margin-bottom:-3px; margin-right:5px; }
.s-2 > .title > .right { position:relative; float:right; width:56%; margin-top:-17px; padding-left:15px; box-sizing:border-box; }
.s-2 > .title > .right > p { position:relative; width:100%; font-size:22px; font-weight:400; line-height:32px; }
.s-2 > .title > .right > .button-box { position:relative; margin-top:50px; }
.s-2 > .title > .right > .button-box > .button { width:118px; border:2px solid #fff; border-radius:100px; padding:12px 22px 11px 22px; cursor:pointer; }
.s-2 > .title > .right > .button-box > .button::after { content:''; display:table; clear:both; }
.s-2 > .title > .right > .button-box > .button > .box { float:left; height:24px; overflow:hidden; }
.s-2 > .title > .right > .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-2 > .title > .right > .button-box > .button:hover > .box > .depth { top:-100%; }
.s-2 > .title > .right > .button-box > .button > .shape { float:left; }
.s-2 > .title > .right > .button-box > .button > .shape > img { height:13px; margin-top:4px; margin-left:12px; }

/* TYPE-1 */
@media only screen and (max-width:1819px) {
	.s-2 { width:calc(100% - 60px); margin:130px auto 0 auto; }
	.s-2 > .content { height:650px; }
	.s-2 > .title { margin-top:88px; }
	.s-2 > .title > .left { font-size:22.5px; line-height:22.5px; }
	.s-2 > .title > .left > svg { height:22px; }
	.s-2 > .title > .right { margin-top:-20px; }
	.s-2 > .title > .right > p { font-size:21px; line-height:30px; }
	.s-2 > .title > .right > .button-box { margin-top:45px; }
	.s-2 > .title > .right > .button-box > .button { width:110px; padding:11px 22px 10px 22px; }
	.s-2 > .title > .right > .button-box > .button > .box { height:23px; }
	.s-2 > .title > .right > .button-box > .button > .box > .depth { font-size:20px; line-height:20px; }
	.s-2 > .title > .right > .button-box > .button > .shape > img { height:12px; margin-left:10px; }
}

/* TYPE-2 */
@media only screen and (max-width:1439px) {
	.s-2 { width:calc(100% - 40px); margin:115px auto 0 auto; }
	.s-2 > .content { height:520px; }
	.s-2 > .content > .background { clip-path:rect(auto auto auto auto round 40px); }
	.s-2 > .title { margin-top:75px; }
	.s-2 > .title > .left { font-size:20.5px; line-height:20.5px; }
	.s-2 > .title > .left > svg { height:20px; margin-right:4px; }
	.s-2 > .title > .right { margin-top:-18px; }
	.s-2 > .title > .right > p { font-size:18.5px; line-height:26px; }
	.s-2 > .title > .right > p > br { display:none; }
	.s-2 > .title > .right > .button-box { margin-top:35px; }
	.s-2 > .title > .right > .button-box > .button { width:100px; padding:10px 20px 9px 20px; }
	.s-2 > .title > .right > .button-box > .button > .box { height:21px; }
	.s-2 > .title > .right > .button-box > .button > .box > .depth { font-size:18px; line-height:18px; }
	.s-2 > .title > .right > .button-box > .button > .shape > img { height:11px; margin-left:9px; }
}
	
/* TYPE-3 */
@media only screen and (max-width:1023px) {
	.s-2 { width:calc(100% - 20px); margin:90px auto 0 auto; }
	.s-2 > .content { height:400px; }
	.s-2 > .content > .background { clip-path:rect(auto auto auto auto round 30px); }
	.s-2 > .title { margin-top:50px; }
	.s-2 > .title > .left { width:200px; font-size:18px; line-height:18px; }
	.s-2 > .title > .left > svg { height:17px; margin-bottom:-2px; margin-right:3px; }
	.s-2 > .title > .right { width:calc(100% - 200px); margin-top:-17px; padding-left:0; }
	.s-2 > .title > .right > p { font-size:15.5px; line-height:22.5px; }
	.s-2 > .title > .right > .button-box { margin-top:27px; }
	.s-2 > .title > .right > .button-box > .button { width:88px; padding:8px 18px 7px 18px; }
	.s-2 > .title > .right > .button-box > .button > .box { height:19px; }
	.s-2 > .title > .right > .button-box > .button > .box > .depth { font-size:16px; line-height:16px; }
	.s-2 > .title > .right > .button-box > .button > .shape > img { height:9px; margin-left:7px; }
}

/* TYPE-4 */
@media only screen and (max-width:767px) {
	.s-2 { width:calc(100% - 10px); margin:70px auto; }
	.s-2 > .content { height:350px; }
	.s-2 > .title { margin-top:35px; }
	.s-2 > .title > .left { width:100%; font-size:14.5px; line-height:14.5px; }
	.s-2 > .title > .left > svg { height:13px; margin-bottom:-1px; margin-right:2px; }
	.s-2 > .title > .right { width:100%; margin-top:10px; }
	.s-2 > .title > .right > p { font-size:12.5px; line-height:17px; }
	.s-2 > .title > .right > .button-box { margin-top:20px; }
	.s-2 > .title > .right > .button-box > .button { width:74px; padding:6px 14px 5px 14px; }
	.s-2 > .title > .right > .button-box > .button > .box { height:16px; }
	.s-2 > .title > .right > .button-box > .button > .box > .depth { font-size:13.5px; line-height:13.5px; }
	.s-2 > .title > .right > .button-box > .button > .shape > img { height:8px; margin-top:3px; margin-left:5px; }
}

/* SECTION 3 */
.s-3 { position:relative; width:100%; max-width:1720px; margin:120px auto 0 auto; }
.s-3 > ul { width:calc(100% + 30px); margin-left:-15px; }
.s-3 > ul::after { content:''; display:table; clear:both; }
.s-3 > ul > li { position:relative; float:left; width:calc(56% - 30px); height:500px; background:#222; border-radius:30px; margin:15px; overflow:hidden; }
.s-3 > ul > li:first-child, .s-3 > ul > li:last-child { width:calc(44% - 30px); margin:15px; }
.s-3 > ul > li:nth-child(1) > .title-box > .title, .s-3 > ul > li:nth-child(2) > .title-box > .title, .s-3 > ul > li:nth-child(3) > .title-box > .title, .s-3 > ul > li:nth-child(4) > .title-box > .title, .s-3 > ul > li > .title-box > .title > span { font-size:100px; font-weight:800; font-family:'Funnel',sans-serif; line-height:100px; }
.s-3 > ul > li > .title-box > .title.right, .s-3 > ul > li > .title-box > .text.right { text-align:right; }
.s-3 > ul > li:nth-child(1) > .title-box > .text, .s-3 > ul > li:nth-child(2) > .title-box > .text, .s-3 > ul > li:nth-child(3) > .title-box > .text, .s-3 > ul > li:nth-child(4) > .title-box > .text { font-size:21.5px; font-weight:400; margin-top:24px; }
.s-3 > ul > li > .title-box > .title.black, .s-3 > ul > li > .title-box > .title > .black, .s-3 > ul > li > .title-box > .text.black { color:#141414; }
.s-3 > ul > li > .button-box { }
.s-3 > ul > li > .button-box > .button { border:2px solid #fff; border-radius:100px; padding:12px 22px 11px 22px; cursor:pointer; }
.s-3 > ul > li > .button-box > .button::after { content:''; display:table; clear:both; }
.s-3 > ul > li > .button-box > .button > .box { float:left; height:24px; overflow:hidden; }
.s-3 > ul > li > .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-3 > ul > li > .button-box > .button > .box > .depth.black { color:#141414; }
.s-3 > ul > li > .button-box > .button:hover > .box > .depth { top:-100%; }
.s-3 > ul > li > .button-box > .button > .shape { float:left; }
.s-3 > ul > li > .button-box > .button > .shape > img { height:13px; margin-top:4px; margin-left:12px; }
.s-3 > ul > li:nth-child(1) { background:#9f8be5; }
.s-3 > ul > li:nth-child(1) > .image { position:absolute; top:30px; left:-70px; }
.s-3 > ul > li:nth-child(1) > .image > img { height:440px; }
.s-3 > ul > li:nth-child(1) > .title-box { position:absolute; top:40px; right:50px; }
.s-3 > ul > li:nth-child(1) > .button-box { position:absolute; bottom:70px; right:50px; }
.s-3 > ul > li:nth-child(1) > .button-box > .button { border:2px solid #141414; }
.s-3 > ul > li:nth-child(2) > .image { position:absolute; top:40px; left:-40px; }
.s-3 > ul > li:nth-child(2) > .image > img { height:600px; }
.s-3 > ul > li:nth-child(2) > .title-box { position:absolute; bottom:60px; right:50px; }
.s-3 > ul > li:nth-child(3) > .image { position:absolute; top:-20px; right:20px; }
.s-3 > ul > li:nth-child(3) > .image > img { height:550px; }
.s-3 > ul > li:nth-child(3) > .title-box { position:absolute; top:40px; left:50px; }
.s-3 > ul > li:nth-child(3) > .button-box { position:absolute; bottom:70px; left:50px; }
.s-3 > ul > li:nth-child(4) > .image { position:absolute; bottom:30px; right:-20px; }
.s-3 > ul > li:nth-child(4) > .image > img { height:370px; }
.s-3 > ul > li:nth-child(4) > .title-box { position:absolute; top:40px; left:50px; }
.s-3 > ul > li:nth-child(4) > .button-box { position:absolute; bottom:70px; left:50px; }

/* TYPE-1 */
@media only screen and (max-width:1819px) {
	.s-3 { width:calc(100% - 60px); margin:110px auto 0 auto; }
	.s-3 > ul > li { height:460px; }
	.s-3 > ul > li:nth-child(1) > .title-box > .title, .s-3 > ul > li:nth-child(2) > .title-box > .title, .s-3 > ul > li:nth-child(3) > .title-box > .title, .s-3 > ul > li:nth-child(4) > .title-box > .title, .s-3 > ul > li > .title-box > .title > span { font-size:95px; line-height:95px; }
	.s-3 > ul > li:nth-child(1) > .title-box > .text, .s-3 > ul > li:nth-child(2) > .title-box > .text, .s-3 > ul > li:nth-child(3) > .title-box > .text, .s-3 > ul > li:nth-child(4) > .title-box > .text { font-size:20px; margin-top:22px; }
	.s-3 > ul > li > .button-box > .button { padding:11px 22px 10px 22px; }
	.s-3 > ul > li > .button-box > .button > .box { height:23px; }
	.s-3 > ul > li > .button-box > .button > .box > .depth { font-size:20px; line-height:20px; }
	.s-3 > ul > li > .button-box > .button > .shape > img { height:12px; margin-top:5px; margin-left:10px; }
	.s-3 > ul > li:nth-child(1) > .image { top:30px; left:-70px; }
	.s-3 > ul > li:nth-child(1) > .image > img { height:400px; }
	.s-3 > ul > li:nth-child(1) > .title-box { top:37px; right:45px; }
	.s-3 > ul > li:nth-child(1) > .button-box { bottom:58px; right:45px; }
	.s-3 > ul > li:nth-child(2) > .image { top:35px; left:-40px; }
	.s-3 > ul > li:nth-child(2) > .image > img { height:580px; }
	.s-3 > ul > li:nth-child(2) > .title-box { bottom:60px; right:45px; }
	.s-3 > ul > li:nth-child(3) > .image { top:-20px; right:20px; }
	.s-3 > ul > li:nth-child(3) > .image > img { height:512px; }
	.s-3 > ul > li:nth-child(3) > .title-box { top:37px; left:45px; }
	.s-3 > ul > li:nth-child(3) > .button-box { bottom:58px; left:45px; }
	.s-3 > ul > li:nth-child(4) > .image { bottom:30px; right:-20px; }
	.s-3 > ul > li:nth-child(4) > .image > img { height:340px; }
	.s-3 > ul > li:nth-child(4) > .title-box { top:37px; left:45px; }
	.s-3 > ul > li:nth-child(4) > .button-box { bottom:58px; left:45px; }
}

/* TYPE-2 */
@media only screen and (max-width:1439px) {
	.s-3 { width:calc(100% - 40px); margin:95px auto 0 auto; }
	.s-3 > ul { width:calc(100% + 20px); margin-left:-10px; }
	.s-3 > ul > li { width:calc(56% - 20px); height:400px; border-radius:25px; margin:10px; }
	.s-3 > ul > li:first-child, .s-3 > ul > li:last-child { width:calc(44% - 20px); margin:10px; }
	.s-3 > ul > li:nth-child(1) > .title-box > .title, .s-3 > ul > li:nth-child(2) > .title-box > .title, .s-3 > ul > li:nth-child(3) > .title-box > .title, .s-3 > ul > li:nth-child(4) > .title-box > .title, .s-3 > ul > li > .title-box > .title > span { font-size:85px; line-height:85px; }
	.s-3 > ul > li:nth-child(1) > .title-box > .text, .s-3 > ul > li:nth-child(2) > .title-box > .text, .s-3 > ul > li:nth-child(3) > .title-box > .text, .s-3 > ul > li:nth-child(4) > .title-box > .text { font-size:18px; margin-top:18px; }
	.s-3 > ul > li > .button-box > .button { padding:10px 20px 9px 20px; }
	.s-3 > ul > li > .button-box > .button > .box { height:21px; }
	.s-3 > ul > li > .button-box > .button > .box > .depth { font-size:18px; line-height:18px; }
	.s-3 > ul > li > .button-box > .button > .shape > img { height:11px; margin-left:9px; }
	.s-3 > ul > li:nth-child(1) > .image { top:30px; ; left:-55px; }
	.s-3 > ul > li:nth-child(1) > .image > img { height:340px; }
	.s-3 > ul > li:nth-child(1) > .title-box { top:32px; right:40px; }
	.s-3 > ul > li:nth-child(1) > .button-box { bottom:47px; right:40px; }
	.s-3 > ul > li:nth-child(2) > .image { top:30px; left:-65px; }
	.s-3 > ul > li:nth-child(2) > .image > img { height:470px; }
	.s-3 > ul > li:nth-child(2) > .title-box { bottom:45px; right:40px; }
	.s-3 > ul > li:nth-child(3) > .image { top:-10px; right:-20px; }
	.s-3 > ul > li:nth-child(3) > .image > img { height:425px; }
	.s-3 > ul > li:nth-child(3) > .title-box { top:32px; left:40px; }
	.s-3 > ul > li:nth-child(3) > .button-box { bottom:47px; left:40px; }
	.s-3 > ul > li:nth-child(4) > .image { bottom:30px; right:-15px; }
	.s-3 > ul > li:nth-child(4) > .image > img { height:280px; }
	.s-3 > ul > li:nth-child(4) > .title-box { top:32px; left:40px; }
	.s-3 > ul > li:nth-child(4) > .button-box { bottom:47px; left:40px; }
}
	
/* TYPE-3 */
@media only screen and (max-width:1023px) {
	.s-3 { width:calc(100% - 20px); margin:70px auto 0 auto; }
	.s-3 > ul { width:100%; margin-left:0; }
	.s-3 > ul > li { width:100%; height:300px; border-radius:20px; margin:5px 0; }
	.s-3 > ul > li:first-child { width:100%; margin:0 0 10px 0; }
	.s-3 > ul > li:last-child { width:100%; margin:10px 0 0 0; }
	.s-3 > ul > li:nth-child(1) > .title-box > .title, .s-3 > ul > li:nth-child(2) > .title-box > .title, .s-3 > ul > li:nth-child(3) > .title-box > .title, .s-3 > ul > li:nth-child(4) > .title-box > .title, .s-3 > ul > li > .title-box > .title > span { font-size:72.5px; line-height:72.5px; }
	.s-3 > ul > li:nth-child(1) > .title-box > .text, .s-3 > ul > li:nth-child(2) > .title-box > .text, .s-3 > ul > li:nth-child(3) > .title-box > .text, .s-3 > ul > li:nth-child(4) > .title-box > .text { font-size:15.5px; margin-top:12px; }
	.s-3 > ul > li > .button-box > .button { padding:8px 18px 7px 18px; }
	.s-3 > ul > li > .button-box > .button > .box { height:19px; }
	.s-3 > ul > li > .button-box > .button > .box > .depth { font-size:16px; line-height:16px; }
	.s-3 > ul > li > .button-box > .button > .shape > img { height:9px; margin-left:7px; }
	.s-3 > ul > li:nth-child(1) > .image { top:25px; left:12px; }
	.s-3 > ul > li:nth-child(1) > .image > img { height:295px; }
	.s-3 > ul > li:nth-child(1) > .title-box { top:25px; right:35px; }
	.s-3 > ul > li:nth-child(1) > .button-box { bottom:40px; right:35px; }
	.s-3 > ul > li:nth-child(2) > .image { top:20px; left:-70px; }
	.s-3 > ul > li:nth-child(2) > .image > img { height:420px; }
	.s-3 > ul > li:nth-child(2) > .title-box { bottom:40px; right:35px; }
	.s-3 > ul > li:nth-child(3) > .image { top:25px; right:-30px; }
	.s-3 > ul > li:nth-child(3) > .image > img { height:370px; }
	.s-3 > ul > li:nth-child(3) > .title-box { top:25px; left:35px; }
	.s-3 > ul > li:nth-child(3) > .button-box { bottom:47px; left:35px; }
	.s-3 > ul > li:nth-child(4) > .image { bottom:25px; right:30px; }
	.s-3 > ul > li:nth-child(4) > .image > img { height:232px; }
	.s-3 > ul > li:nth-child(4) > .title-box { top:25px; left:35px; }
	.s-3 > ul > li:nth-child(4) > .button-box { bottom:47px; left:35px; }
}

/* TYPE-4 */
@media only screen and (max-width:767px) {
	.s-3 { width:calc(100% - 10px); margin:50px auto 0 auto; }
	.s-3 > ul > li { height:270px; margin:10px 0 0 0; }
	.s-3 > ul > li:first-child { width:100%; margin:0 0; }
	.s-3 > ul > li:nth-child(1) > .title-box > .title, .s-3 > ul > li:nth-child(2) > .title-box > .title, .s-3 > ul > li:nth-child(3) > .title-box > .title, .s-3 > ul > li:nth-child(4) > .title-box > .title, .s-3 > ul > li > .title-box > .title > span { font-size:59px; line-height:59px; text-align:right; }
	.s-3 > ul > li:nth-child(1) > .title-box > .text, .s-3 > ul > li:nth-child(2) > .title-box > .text, .s-3 > ul > li:nth-child(3) > .title-box > .text, .s-3 > ul > li:nth-child(4) > .title-box > .text { font-size:13px; text-align:right; margin-top:10px; }	
	.s-3 > ul > li > .button-box > .button { padding:6px 14px 5px 14px; }
	.s-3 > ul > li > .button-box > .button > .box { height:16px; }
	.s-3 > ul > li > .button-box > .button > .box > .depth { font-size:13.5px; line-height:13.5px; }
	.s-3 > ul > li > .button-box > .button > .shape > img { height:8px; margin-top:3px; margin-left:5px; }
	.s-3 > ul > li:nth-child(1) > .image { top:auto; bottom:-20px; left:-15px; }
	.s-3 > ul > li:nth-child(1) > .image > img { height:245px; }
	.s-3 > ul > li:nth-child(1) > .title-box { top:20px; left:auto; right:15px; }
	.s-3 > ul > li:nth-child(1) > .button-box { top:auto; bottom:30px; left:auto; right:15px; }
	.s-3 > ul > li:nth-child(2) > .image { top:auto; bottom:-110px; left:-85px; }
	.s-3 > ul > li:nth-child(2) > .image > img { height:340px; }
	.s-3 > ul > li:nth-child(2) > .title-box { top:20px; left:auto; right:15px; }
	.s-3 > ul > li:nth-child(3) > .image { top:auto; bottom:-60px; left:-15px; }
	.s-3 > ul > li:nth-child(3) > .image > img { height:280px; }
	.s-3 > ul > li:nth-child(3) > .title-box { top:20px; left:auto; right:15px; }
	.s-3 > ul > li:nth-child(3) > .button-box { top:auto; bottom:30px; left:auto; right:15px; }
	.s-3 > ul > li:nth-child(4) > .image { top:auto; bottom:-5px; left:15px; }
	.s-3 > ul > li:nth-child(4) > .image > img { height:205px; }
	.s-3 > ul > li:nth-child(4) > .title-box { top:20px; left:auto; right:15px; }
	.s-3 > ul > li:nth-child(4) > .button-box { top:auto; bottom:30px; left:auto; right:15px; }
}

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

/* TYPE-1 */
@media only screen and (max-width:1819px) {
	.s-4 { margin:65px auto 0 auto; }
	.s-4 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > img { height:75px; margin:0 42px -3px 42px; }
	.s-4 > .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-4 { margin:50px auto 0 auto; }
	.s-4 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > img { height:60px; margin:0 38px -2px 38px; }
	.s-4 > .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-4 { margin:40px auto 0 auto; }
	.s-4 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > img { height:50px; margin:0 28px -2px 28px; }
	.s-4 > .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-4 { margin:30px auto 0 auto; }
	.s-4 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > img { height:34px; margin:0 18px -2px 18px; }
	.s-4 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > span { font-size:45px; line-height:45px; }
}

/* SECTION 5 */
.s-5 { position:relative; width:100%; max-width:1720px; margin:120px auto 0 auto; }
.s-5 > .title-box { position:sticky; float:left; width:540px; top:130px; padding-bottom:90px; box-sizing:border-box; }
.s-5 > .title-box > .title { font-size:65px; font-weight:800; font-family:'Funnel',sans-serif; line-height:65px; }
.s-5 > .title-box > .text { font-size:20px; font-weight:400; line-height:28px; color:#909090; margin-top:40px; }
.s-5 > .title-box > .button-box { margin-top:70px; }
.s-5 > .title-box > .button-box > .button { width:116px; border:2px solid #fff; border-radius:100px; padding:12px 22px 11px 22px; cursor:pointer; }
.s-5 > .title-box > .button-box > .button::after { content:''; display:table; clear:both; }
.s-5 > .title-box > .button-box > .button > .box { float:left; height:24px; overflow:hidden; }
.s-5 > .title-box > .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-5 > .title-box > .button-box > .button > .box > .depth.black { color:#141414; }
.s-5 > .title-box > .button-box > .button:hover > .box > .depth { top:-100%; }
.s-5 > .title-box > .button-box > .button > .shape { float:left; }
.s-5 > .title-box > .button-box > .button > .shape > img { height:13px; margin-top:4px; margin-left:12px; }
.s-5 > .content { position:relative; float:left; width:calc(100% - 540px); }
.s-5 > .content > ul { width:calc(100% + 50px); margin-left:-25px; }
.s-5 > .content > ul::after { content:''; display:table; clear:both; }
.s-5 > .content > ul > li { float:left; width:calc(50% - 50px); margin:0 25px 80px 25px; }
.s-5 > .content > ul > li > .thumb { position:relative; width:100%; cursor:pointer; }
.s-5 > .content > ul > li > .thumb > img { width:100%; border-radius:30px; transition:opacity linear 0.25s; }
.s-5 > .content > ul > li > .thumb > img.brand { opacity:1; }
.s-5 > .content > ul > li > .thumb > img.site { position:absolute; top:0; left:0; opacity:0; }
.s-5 > .content > ul > li > .thumb:hover > img.brand { opacity:0; }
.s-5 > .content > ul > li > .thumb:hover > img.site { opacity:1; }
.s-5 > .content > ul > li > .name { margin-top:20px; padding:0 15px; box-sizing:border-box; }
.s-5 > .content > ul > li > .name > .en { float:left; font-size:25px; font-weight:700; font-family:'Funnel',sans-serif; line-height:25px; letter-spacing:0.25px; }
.s-5 > .content > ul > li > .name > .kr { float:left; font-size:18px; font-weight:400; line-height:25px; color:#909090; margin-top:2px; margin-left:15px; }

/* TYPE-1 */
@media only screen and (max-width:1819px) {
	.s-5 { width:calc(100% - 65px); margin:100px auto 0 auto; }
	.s-5 > .title-box { width:480px; top:120px; padding-bottom:80px; }
	.s-5 > .title-box > .title { font-size:63px; line-height:63px; }
	.s-5 > .title-box > .text { font-size:19px; line-height:27px; margin-top:38px; }
	.s-5 > .title-box > .button-box { margin-top:65px; }
	.s-5 > .title-box > .button-box > .button { width:110px; padding:11px 22px 10px 22px; }
	.s-5 > .title-box > .button-box > .button > .box { height:23px; }
	.s-5 > .title-box > .button-box > .button > .box > .depth { font-size:20px; line-height:20px; }
	.s-5 > .title-box > .button-box > .button > .shape > img { height:12px; margin-top:5px; margin-left:10px; }
	.s-5 > .content { width:calc(100% - 480px); }
	.s-5 > .content > ul > li { margin:0 25px 75px 25px; }
	.s-5 > .content > ul > li > .name { margin-top:18px; padding:0 14px; }
	.s-5 > .content > ul > li > .name > .en { font-size:24px; line-height:24px; }
	.s-5 > .content > ul > li > .name > .kr { font-size:17px; line-height:24px; margin-left:14px; }
}

/* TYPE-2 */
@media only screen and (max-width:1439px) {
	.s-5 { width:calc(100% - 40px); margin:80px auto 0 auto; }
	.s-5 > .title-box { width:400px; top:100px; padding-bottom:70px; }
	.s-5 > .title-box > .title { font-size:59px; line-height:59px; }
	.s-5 > .title-box > .text { font-size:17.5px; line-height:24px; margin-top:34px; }
	.s-5 > .title-box > .button-box { margin-top:60px; }
	.s-5 > .title-box > .button-box > .button { width:98px; padding:10px 20px 9px 20px; }
	.s-5 > .title-box > .button-box > .button > .box { height:21px; }
	.s-5 > .title-box > .button-box > .button > .box > .depth { font-size:18px; line-height:18px; }
	.s-5 > .title-box > .button-box > .button > .shape > img { height:11px; margin-left:9px; }	
	.s-5 > .content { width:calc(100% - 400px); }
	.s-5 > .content > ul { width:calc(100% + 30px); margin-left:-15px; }
	.s-5 > .content > ul > li { width:calc(50% - 30px); margin:0 15px 65px 15px; }
	.s-5 > .content > ul > li > .thumb > img { border-radius:25px; }
	.s-5 > .content > ul > li > .name { margin-top:16px; padding:0 12px; }
	.s-5 > .content > ul > li > .name > .en { font-size:22px; line-height:22px; }
	.s-5 > .content > ul > li > .name > .kr { font-size:15.5px; line-height:22px; margin-left:12px; }
}

/* TYPE-2 OTHER */
@media only screen and (max-width:1279px) {
	.s-5 { margin:105px auto 0 auto; }
	.s-5 > .title-box { position:relative; width:100%; top:auto; padding-bottom:0; }
	.s-5 > .title-box::after { content:''; display:table; clear:both; }
	.s-5 > .title-box > .title { float:left; }
	.s-5 > .title-box > .text { float:left; margin:65px 0 0 30px; }
	.s-5 > .title-box > .button-box { position:absolute; right:0; bottom:13px; }
	.s-5 > .content { width:100%; margin-top:66px; }
}
	
/* TYPE-3 */
@media only screen and (max-width:1023px) {
	.s-5 { width:calc(100% - 20px); margin:95px auto 0 auto; }
	.s-5 > .title-box > .title { font-size:50px; line-height:50px; }
	.s-5 > .title-box > .text { font-size:14.5px; line-height:20px; margin:58px 0 0 20px; }
	.s-5 > .title-box > .button-box { bottom:8px; }	
	.s-5 > .title-box > .button-box > .button { width:85px; padding:8px 18px 7px 18px; }
	.s-5 > .title-box > .button-box > .button > .box { height:19px; }
	.s-5 > .title-box > .button-box > .button > .box > .depth { font-size:16px; line-height:16px; }
	.s-5 > .title-box > .button-box > .button > .shape > img { height:9px; margin-left:7px; }
	.s-5 > .content { width:100%; margin-top:52px; }
	.s-5 > .content > ul { width:calc(100% + 20px); margin-left:-10px; }
	.s-5 > .content > ul > li { width:calc(50% - 20px); margin:0 10px 50px 10px; }
	.s-5 > .content > ul > li > .thumb > img { border-radius:20px; }
	.s-5 > .content > ul > li > .name { margin-top:14px; padding:0 10px; }
	.s-5 > .content > ul > li > .name > .en { font-size:19.5px; line-height:19.5px; }
	.s-5 > .content > ul > li > .name > .kr { font-size:13.5px; line-height:19.5px; margin-left:10px; }
}

/* TYPE-4 */
@media only screen and (max-width:767px) {
	.s-5 { width:calc(100% - 10px); margin:50px auto 0 auto; }
	.s-5 > .title-box > .title { float:none; width:calc(100% - 122px); font-size:37.5px; line-height:37.5px; }
	.s-5 > .title-box > .title > br { display:none; }
	.s-5 > .title-box > .text { float:none; width:calc(100% - 122px); font-size:12.5px; line-height:17px; margin:15px 0 0 0; }
	.s-5 > .title-box > .text > br { display:none; }
	.s-5 > .title-box > .button-box { right:0; bottom:0; }
	.s-5 > .title-box > .button-box > .button { width:72px; padding:6px 14px 5px 14px; }
	.s-5 > .title-box > .button-box > .button > .box { height:16px; }
	.s-5 > .title-box > .button-box > .button > .box > .depth { font-size:13.5px; line-height:13.5px; }
	.s-5 > .title-box > .button-box > .button > .shape > img { height:8px; margin-top:3px; margin-left:5px; }	
	.s-5 > .content { width:100%; margin-top:42px; }
	.s-5 > .content > ul { width:100%; margin-left:0; }
	.s-5 > .content > ul > li { position:sticky; top:54px; width:100%; margin:0 0 30px 0; }
	.s-5 > .content > ul > li > .name { margin-top:0; padding:12px 7px; background:#141414; }
	.s-5 > .content > ul > li > .name > .en { font-size:15.5px; line-height:15.5px; }
	.s-5 > .content > ul > li > .name > .kr { font-size:12px; line-height:15px; margin-top:2px; margin-left:7px; }
}

/* SECTION 6 */
.s-6 { position:relative; width:100%; max-width:1720px; height:100%; margin:110px auto 0 auto; }
.s-6 > ul { }
.s-6 > ul::after { content:''; display:table; clear:both; }
.s-6 > ul > li { position:sticky; float:left; width:100%; background:#fff; border-radius:50px; margin-top:40px; padding:60px; box-sizing:border-box; }
.s-6 > ul > li:first-child { margin-top:0; }
.s-6 > ul > li:nth-child(1) { top:92px; margin-top:0; }
.s-6 > ul > li:nth-child(2) { top:132px; background:#9f8be5; }
.s-6 > ul > li:nth-child(3) { top:172px; background:#222; }
.s-6 > ul > li:nth-child(4) { top:212px; }
.s-6 > ul > li:last-child { height:auto; top:252px; border-radius:0; background:#141414; padding:110px 0 90px 0; }
.s-6 > ul > li > .title { position:relative; width:100%; }
.s-6 > ul > li > .title::after { content:''; display:table; clear:both; }
.s-6 > ul > li > .title > .en { float:left; font-size:70px; font-weight:800; font-family:'Funnel',sans-serif; line-height:70px; letter-spacing:0.25px; }
.s-6 > ul > li > .title > .kr { float:right; margin-top:20px; }
.s-6 > ul > li > .title > .kr > svg { display:inline-block; fill:#141414; height:26px; margin-bottom:-4px; margin-right:3px; }
.s-6 > ul > li > .title > .kr > .text { display:inline-block; font-size:27px; font-weight:500; line-height:27px; color:#141414; }
.s-6 > ul > li > .info { width:50%; font-size:20.5px; font-weight:400; line-height:28px; color:#141414; margin-top:35px; }
.s-6 > ul > li > .title > .en.white, .s-6 > ul > li > .title > .kr > .text.white, .s-6 > ul > li > .info.white { color:#fff; }
.s-6 > ul > li > .title > .kr > svg.white { fill:#fff; }
.s-6 > ul > li > ul.thumb { width:calc(100% + 40px); margin-left:-20px; margin-top:50px; }
.s-6 > ul > li > ul.thumb::after { content:''; display:table; clear:both; }
.s-6 > ul > li > ul.thumb > li { position:relative; float:left; width:calc(50% - 40px); margin:0 20px; }
.s-6 > ul > li > ul.thumb > li > .image { position:relative; width:100%; height:350px; border-radius:30px; overflow:hidden; }
.s-6 > ul > li > ul.thumb > li > .image > img { position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:100%; }
.s-6 > ul > li > ul.thumb > li > .hash { position:absolute; bottom:20px; left:20px; }
.s-6 > ul > li > ul.thumb > li > .hash > a { float:left; font-size:17px; font-weight:400; color:#141414; background:#fff; border-radius:100px; margin-top:10px; margin-right:10px; padding:8px 16px; box-sizing:border-box; }
.s-6 > ul > li > .title-box { position:relative; }
.s-6 > ul > li > .title-box > .title { float:left; font-size:65px; font-weight:800; font-family:'Funnel',sans-serif; line-height:80px; }
.s-6 > ul > li > .title-box > .text { float:left; font-size:20px; font-weight:400; line-height:28px; color:#909090; margin-top:100px; margin-left:50px; }
.s-6 > ul > li > .title-box > .button-box { position:absolute; top:110px; right:0; }
.s-6 > ul > li > .title-box > .button-box > .button { width:116px; border:2px solid #fff; border-radius:100px; padding:12px 22px 11px 22px; cursor:pointer; }
.s-6 > ul > li > .title-box > .button-box > .button::after { content:''; display:table; clear:both; }
.s-6 > ul > li > .title-box > .button-box > .button > .box { float:left; height:24px; overflow:hidden; }
.s-6 > ul > li > .title-box > .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-6 > ul > li > .title-box > .button-box > .button > .box > .depth.black { color:#141414; }
.s-6 > ul > li > .title-box > .button-box > .button:hover > .box > .depth { top:-100%; }
.s-6 > ul > li > .title-box > .button-box > .button > .shape { float:left; }
.s-6 > ul > li > .title-box > .button-box > .button > .shape > img { height:13px; margin-top:4px; margin-left:12px; }
.s-6 > ul > li > .content { margin-top:80px; }
.s-6 > ul > li > .content > ul { border-top:2px solid #fff; box-sizing:border-box; }
.s-6 > ul > li > .content > ul > li { position:relative; width:100%; border-bottom:2px solid #fff; padding:70px 0 70px 750px; box-sizing:border-box; }
.s-6 > ul > li > .content > ul > li > .shape { position:absolute; top:50%; left:0; transform:translateY(-50%); }
.s-6 > ul > li > .content > ul > li:hover > .shape > img { animation:turn-sub 3s infinite linear; }
@keyframes turn-sub { 0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); } }
.s-6 > ul > li > .content > ul > li > .shape > img { height:82px; }
.s-6 > ul > li > .content > ul > li > .name { position:absolute; top:50%; left:400px; transform:translateY(-50%); width:300px; font-size:45px; font-weight:600; font-family:'Funnel',sans-serif; line-height:45px; }
.s-6 > ul > li > .content > ul > li > .info { width:100%; font-size:19px; line-height:27px; }

/* TYPE-1 */
@media only screen and (max-width:1819px) {
	.s-6 { width:calc(100% - 60px); margin:105px auto 0 auto; }
	.s-6 > ul > li { margin-top:37px; padding:58px; }
	.s-6 > ul > li:nth-child(1) { top:88px; }
	.s-6 > ul > li:nth-child(2) { top:125px; }
	.s-6 > ul > li:nth-child(3) { top:162px; }
	.s-6 > ul > li:nth-child(4) { top:199px; }
	.s-6 > ul > li:last-child { top:236px; padding:95px 0 80px 0; }
	.s-6 > ul > li > .title > .en { font-size:67px; line-height:65px; }
	.s-6 > ul > li > .title > .kr { margin-top:17px; }
	.s-6 > ul > li > .title > .kr > svg { height:24px; }
	.s-6 > ul > li > .title > .kr > .text { font-size:25px; line-height:25px; }
	.s-6 > ul > li > .info { font-size:19.5px; line-height:27px; margin-top:32px; }
	.s-6 > ul > li > ul.thumb { width:calc(100% + 38px); margin-left:-19px; margin-top:45px; }
	.s-6 > ul > li > ul.thumb > li { width:calc(50% - 38px); margin:0 19px; }
	.s-6 > ul > li > ul.thumb > li > .image { height:340px; }
	.s-6 > ul > li > ul.thumb > li > .hash { bottom:18px; left:18px; }
	.s-6 > ul > li > ul.thumb > li > .hash > a { font-size:15px; margin-top:8px; margin-right:8px; padding:7px 15px; }	
	.s-6 > ul > li > .title-box > .title { font-size:63px; line-height:77px; }
	.s-6 > ul > li > .title-box > .text { font-size:19px; line-height:27px; margin-top:97px; margin-left:40px; }
	.s-6 > ul > li > .title-box > .button-box { top:105px; }
	.s-6 > ul > li > .title-box > .button-box > .button { width:110px; padding:11px 22px 10px 22px; }
	.s-6 > ul > li > .title-box > .button-box > .button > .box { height:23px; }
	.s-6 > ul > li > .title-box > .button-box > .button > .box > .depth { font-size:20px; line-height:20px; }
	.s-6 > ul > li > .title-box > .button-box > .button > .shape > img { height:12px; margin-top:5px; margin-left:10px; }
	.s-6 > ul > li > .content { margin-top:77px; }
	.s-6 > ul > li > .content > ul > li { padding:67px 0 67px 620px; }
	.s-6 > ul > li > .content > ul > li > .shape > img { height:79px; }
	.s-6 > ul > li > .content > ul > li > .name { left:300px; font-size:43px; line-height:43px; }
	.s-6 > ul > li > .content > ul > li > .info { font-size:18px; line-height:26px; }
}

/* TYPE-2 */
@media only screen and (max-width:1439px) {
	.s-6 { width:calc(100% - 40px); margin:90px auto 0 auto; }
	.s-6 > ul > li { border-radius:40px; margin-top:30px; padding:50px 48px 48px 48px; }
	.s-6 > ul > li:nth-child(1) { top:80px; }
	.s-6 > ul > li:nth-child(2) { top:110px; }
	.s-6 > ul > li:nth-child(3) { top:140px; }
	.s-6 > ul > li:nth-child(4) { top:170px; }
	.s-6 > ul > li:last-child { top:210px; padding:85px 0 65px 0; }
	.s-6 > ul > li > .title > .en { font-size:60px; line-height:60px; }
	.s-6 > ul > li > .title > .kr { margin-top:22px; }
	.s-6 > ul > li > .title > .kr > svg { height:21px; margin-bottom:-3px; margin-right:2px; }
	.s-6 > ul > li > .title > .kr > .text { font-size:22.5px; line-height:22.5px; }
	.s-6 > ul > li > .info { font-size:17.5px; line-height:24px; margin-top:25px; }
	.s-6 > ul > li > ul.thumb { width:calc(100% + 34px); margin-left:-17px; margin-top:40px; }
	.s-6 > ul > li > ul.thumb > li { width:calc(50% - 34px); margin:0 17px; }
	.s-6 > ul > li > ul.thumb > li > .image { border-radius:25px; }
	.s-6 > ul > li > ul.thumb > li > .hash { bottom:15px; left:15px; }
	.s-6 > ul > li > ul.thumb > li > .hash > a { font-size:14px; margin-top:7px; margin-right:7px; padding:6px 14px; }
	.s-6 > ul > li > ul.thumb > li > .image > img { width:150%; }
	.s-6 > ul > li > .title-box > .title { font-size:59px; line-height:72px; }
	.s-6 > ul > li > .title-box > .text { font-size:17.5px; line-height:24px; margin-top:97px; margin-left:25px; }
	.s-6 > ul > li > .title-box > .button-box { top:100px; }
	.s-6 > ul > li > .title-box > .button-box > .button { width:98px; padding:10px 20px 9px 20px; }
	.s-6 > ul > li > .title-box > .button-box > .button > .box { height:21px; }
	.s-6 > ul > li > .title-box > .button-box > .button > .box > .depth { font-size:18px; line-height:18px; }
	.s-6 > ul > li > .title-box > .button-box > .button > .shape > img { height:11px; margin-left:9px; }
	.s-6 > ul > li > .content { margin-top:70px; }
	.s-6 > ul > li > .content > ul > li { padding:57px 0 57px 420px; }
	.s-6 > ul > li > .content > ul > li > .shape > img { height:72px; }
	.s-6 > ul > li > .content > ul > li > .name { left:110px; font-size:40px; line-height:40px; }
	.s-6 > ul > li > .content > ul > li > .info { font-size:17px; line-height:24px; }
}

/* TYPE-2 OTHER */
@media only screen and (max-width:1279px) {
	.s-6 { margin:80px auto 0 auto; }
}
	
/* TYPE-3 */
@media only screen and (max-width:1023px) {
	.s-6 { width:calc(100% - 20px); margin:65px auto 0 auto; }
	.s-6 > ul > li { border-radius:30px; margin-top:22px; padding:40px 38px 38px 38px; }
	.s-6 > ul > li:nth-child(1) { top:68px; }
	.s-6 > ul > li:nth-child(2) { top:90px; }
	.s-6 > ul > li:nth-child(3) { top:112px; }
	.s-6 > ul > li:nth-child(4) { top:134px; }
	.s-6 > ul > li:last-child { top:156px; padding:75px 0 40px 0; }
	.s-6 > ul > li > .title > .en { font-size:50px; line-height:50px; }
	.s-6 > ul > li > .title > .kr { margin-top:15px; }
	.s-6 > ul > li > .title > .kr > svg { height:18px; margin-bottom:-2px; margin-right:1px; }
	.s-6 > ul > li > .title > .kr > .text { font-size:19.5px; line-height:19.5px; }
	.s-6 > ul > li > .info { width:100%; font-size:15.5px; line-height:20px; margin-top:20px; }
	.s-6 > ul > li > ul.thumb { width:calc(100% + 28px); margin-left:-14px; margin-top:30px; }
	.s-6 > ul > li > ul.thumb > li { width:calc(50% - 28px); margin:0 14px; }
	.s-6 > ul > li > ul.thumb > li > .image { height:300px; border-radius:20px; }
	.s-6 > ul > li > ul.thumb > li > .hash { bottom:12px; left:12px; }
	.s-6 > ul > li > ul.thumb > li > .hash > a { font-size:12.5px; margin-top:6px; margin-right:6px; padding:5px 13px; }
	.s-6 > ul > li > ul.thumb > li > .image > img { width:180%; }
	.s-6 > ul > li > .title-box > .title { float:none; width:100%; font-size:50px; line-height:50px; }
	.s-6 > ul > li > .title-box > .title > br { display:none; }
	.s-6 > ul > li > .title-box > .text { float:none; width:100%; font-size:14.5px; line-height:20px; margin-top:25px; margin-left:0; }
	.s-6 > ul > li > .title-box > .button-box { top:auto; bottom:0; }
	.s-6 > ul > li > .title-box > .button-box > .button { width:85px; padding:8px 18px 7px 18px; }
	.s-6 > ul > li > .title-box > .button-box > .button > .box { height:19px; }
	.s-6 > ul > li > .title-box > .button-box > .button > .box > .depth { font-size:16px; line-height:16px; }
	.s-6 > ul > li > .title-box > .button-box > .button > .shape > img { height:9px; margin-left:7px; }
	.s-6 > ul > li > .content { margin-top:52px; }
	.s-6 > ul > li > .content > ul > li { padding:54px 0 50px 110px; }
	.s-6 > ul > li > .content > ul > li > .shape > img { height:60px; }
	.s-6 > ul > li > .content > ul > li > .name { position:relative; top:auto; left:auto; transform:auto; font-size:32px; line-height:32px; }
	.s-6 > ul > li > .content > ul > li > .info { font-size:15px; line-height:22px; }
}

/* TYPE-4 */
@media only screen and (max-width:767px) {
	.s-6 { width:calc(100% - 10px); margin:45px auto 0 auto; }
	.s-6 > ul > li { margin-top:12px; padding:35px 20px 20px 20px; }
	.s-6 > ul > li:nth-child(1) { top:54px; }
	.s-6 > ul > li:nth-child(2) { top:66px; }
	.s-6 > ul > li:nth-child(3) { top:78px; }
	.s-6 > ul > li:nth-child(4) { top:90px; }
	.s-6 > ul > li:last-child { top:102px; padding:55px 0 30px 0; }
	.s-6 > ul > li > .title > .en { float:none; font-size:35px; line-height:35px; }
	.s-6 > ul > li > .title > .kr { float:none; margin-top:0; }
	.s-6 > ul > li > .title > .kr > svg { height:13px; margin-top:5px; margin-bottom:0; margin-right:-1px; }
	.s-6 > ul > li > .title > .kr > .text { font-size:14px; line-height:14px; }
	.s-6 > ul > li > .info { font-size:12.5px; line-height:16px; margin-top:15px; }
	.s-6 > ul > li > ul.thumb { width:100%; margin-left:0; margin-top:15px; }
	.s-6 > ul > li > ul.thumb > li { width:100%; margin:15px 0 0 0; }
	.s-6 > ul > li > ul.thumb > li > .image { height:180px; }
	.s-6 > ul > li > ul.thumb > li > .hash { bottom:10px; left:10px; }
	.s-6 > ul > li > ul.thumb > li > .hash > a { font-size:11.5px; margin-top:4px; margin-right:4px; padding:3px 12px; }
	.s-6 > ul > li > ul.thumb > li > .image > img { width:190%; }	
	.s-6 > ul > li > .title-box > .title { width:100%; font-size:37.5px; line-height:37.5px; }
	.s-6 > ul > li > .title-box > .text { width:calc(100% - 122px); font-size:12.5px; line-height:17px; margin-top:15px; }
	.s-6 > ul > li > .title-box > .text > br { display:none; }
	.s-6 > ul > li > .title-box > .button-box > .button { width:72px; padding:6px 14px 5px 14px; }
	.s-6 > ul > li > .title-box > .button-box > .button > .box { height:16px; }
	.s-6 > ul > li > .title-box > .button-box > .button > .box > .depth { font-size:13.5px; line-height:13.5px; }
	.s-6 > ul > li > .title-box > .button-box > .button > .shape > img { height:8px; margin-top:3px; margin-left:5px; }
	.s-6 > ul > li > .content { margin-top:40px; }
	.s-6 > ul > li > .content > ul > li { padding:42px 0 38px 80px; }
	.s-6 > ul > li > .content > ul > li > .shape > img { height:50px; }
	.s-6 > ul > li > .content > ul > li > .name { font-size:25px; line-height:25px; }
	.s-6 > ul > li > .content > ul > li > .info { font-size:12.5px; line-height:17px; }
}

/* SECTION 7 */
.s-7 { position:relative; width:100%; margin:0 auto; padding-bottom:10px; box-sizing:border-box; overflow:hidden; }
.s-7 > .marquee-with-options { }
.s-7 > .marquee-with-options > .js-marquee-wrapper { }
.s-7 > .marquee-with-options > .js-marquee-wrapper > .js-marquee { }
.s-7 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide { position:relative; float:left; }
.s-7 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > img { height:80px; margin:0 45px -4px 45px; }
.s-7 > .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-7 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > img { height:75px; margin:0 42px -3px 42px; }
	.s-7 > .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-7 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > img { height:60px; margin:0 38px -2px 38px; }
	.s-7 > .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-7 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > img { height:50px; margin:0 28px -2px 28px; }
	.s-7 > .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-7 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > img { height:34px; margin:0 18px -2px 18px; }
	.s-7 > .marquee-with-options > .js-marquee-wrapper > .js-marquee > .slide > span { font-size:45px; line-height:45px; }
}

/* SECTION 8 */
.s-8 { position:relative; width:100%; max-width:1720px; margin:90px auto 0 auto; }
.s-8 > ul { width:calc(100% + 40px); margin-left:-20px; }
.s-8 > ul::after { content:''; display:table; clear:both; }
.s-8 > ul > li { position:relative; float:left; width:calc(25% - 40px); height:280px; background:#222; border-radius:30px; margin:20px; overflow:hidden; }
.s-8 > ul > li:last-child { display:none; }
.s-8 > 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-8 { width:calc(100% - 60px); margin:80px auto 0 auto; }
	.s-8 > ul { width:calc(100% + 38px); margin-left:-19px; }
	.s-8 > ul > li { width:calc(25% - 38px); height:270px; margin:19px; }
	.s-8 > ul > li > img { height:45px; }
}

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

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

/* SECTION 9 */
.s-9 { position:relative; width:100%; margin:120px auto 0 auto; }
.s-9 > .title-box { position:relative; max-width:1720px; margin:0 auto; }
.s-9 > .title-box > .title { float:left; font-size:65px; font-weight:800; font-family:'Funnel',sans-serif; line-height:65px; }
.s-9 > .title-box > .text { float:left; font-size:20px; font-weight:400; line-height:28px; color:#909090; margin-top:10px; margin-left:50px; }
.s-9 > .content { margin-top:70px; overflow:hidden; }
.s-9 > .content > ul { }
.s-9 > .content > ul::after { content:''; display:table; clear:both; }
.s-9 > .content > ul > .js-marquee-wrapper { }
.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li { float:left; width:550px; margin-right:40px; }
.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li > .thumb { position:relative; width:100%; cursor:pointer; overflow:hidden; }
.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li > .thumb > img { width:100%; border-radius:30px; transition:opacity linear 0.25s; }
.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li > .thumb > img.base { opacity:1; }
.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li > .thumb > img.hover { position:absolute; top:0; left:0; opacity:0; }
.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li > .thumb:hover > img.base { opacity:0; }
.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li > .thumb:hover > img.hover { opacity:1; }
.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li > .thumb > ul { position:absolute; bottom:20px; left:20px; }
.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li > .thumb > ul::after { content:''; display:table; clear:both; }
.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li > .thumb > ul > li { float:left; font-size:17px; font-weight:400; color:#141414; background:#fff; border-radius:100px; margin-top:10px; margin-right:10px; padding:8px 16px; box-sizing:border-box; }
.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li > .thumb > ul > li:last-child { margin-right:0; }
.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li > .subject { margin-top:25px; padding:0 15px; box-sizing:border-box; }
.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li > .subject > .big { width:100%; font-size:25px; font-weight:500; line-height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li > .subject > .small { width:100%; font-size:18px; font-weight:400; line-height:18px; color:#909090; margin-top:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* TYPE-1 */
@media only screen and (max-width:1819px) {
	.s-9 { margin:110px auto 0 auto; }
	.s-9 > .title-box { width:calc(100% - 60px); }
	.s-9 > .title-box > .title { font-size:63px; line-height:63px; }
	.s-9 > .title-box > .text { font-size:19px; line-height:27px; margin-left:47px; }
	.s-9 > .content { margin-top:65px; }
	.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li { width:540px; margin-right:37px; }
	.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li > .thumb > ul { bottom:18px; left:18px; }
	.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li > .thumb > ul > li { font-size:15px; margin-top:8px; margin-right:8px; padding:7px 15px; }
	.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li > .subject { margin-top:24px; padding:0 14px; }
	.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li > .subject > .big { font-size:23px; line-height:23px; }
	.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li > .subject > .small { font-size:17px; line-height:17px; margin-top:11px; }
}

/* TYPE-2 */
@media only screen and (max-width:1439px) {
	.s-9 { margin:95px auto 0 auto; }
	.s-9 > .title-box { width:calc(100% - 40px); }
	.s-9 > .title-box > .title { font-size:59px; line-height:59px; }
	.s-9 > .title-box > .text { font-size:17.5px; line-height:24px; margin-left:40px; }
	.s-9 > .content { margin-top:60px; }
	.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li { width:500px; margin-right:32px; }
	.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li > .thumb > img { border-radius:25px; }
	.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li > .thumb > ul { bottom:15px; left:15px; }
	.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li > .thumb > ul > li { font-size:14px; margin-top:7px; margin-right:7px; padding:6px 13px; }
	.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li > .subject { margin-top:22px; padding:0 12px; }
	.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li > .subject > .big { font-size:21px; line-height:21px; }
	.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li > .subject > .small { font-size:15.5px; line-height:15.5px; margin-top:10px; }
}
	
/* TYPE-3 */
@media only screen and (max-width:1023px) {
	.s-9 { margin:70px auto 0 auto; }
	.s-9 > .title-box { width:calc(100% - 20px); }
	.s-9 > .title-box > .title { float:none; width:100%; font-size:50px; line-height:50px; }
	.s-9 > .title-box > .text { float:none; width:100%; font-size:15.5px; line-height:20px; margin-left:0; }
	.s-9 > .content { margin-top:50px; }
	.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li { width:440px; margin-right:25px; }
	.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li > .thumb > img { border-radius:20px; }
	.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li > .thumb > ul { bottom:12px; left:12px; }
	.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li > .thumb > ul > li { font-size:12.5px; margin-top:6px; margin-right:6px; padding:5px 10px; }
	.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li > .subject { margin-top:19px; padding:0 10px; }
	.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li > .subject > .big { font-size:21px; line-height:21px; }
	.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li > .subject > .small { font-size:15.5px; line-height:15.5px; margin-top:8px; }
}

/* TYPE-4 */
@media only screen and (max-width:767px) {
	.s-9 { margin:50px auto 0 auto; }
	.s-9 > .title-box { width:calc(100% - 10px); }
	.s-9 > .title-box > .title { font-size:37.5px; line-height:37.5px; }
	.s-9 > .title-box > .text { font-size:12.5px; line-height:17px; }
	.s-9 > .content { margin-top:30px; }
	.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li { width:320px; margin-right:15px; }
	.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li > .thumb > ul { bottom:12px; left:12px; }
	.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li > .thumb > ul > li { font-size:11.5px; margin-top:4px; margin-right:4px; padding:3px 9px; }
	.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li > .subject { margin-top:15px; padding:0 7px; }
	.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li > .subject > .big { font-size:16.5px; line-height:16.5px; }
	.s-9 > .content > ul > .js-marquee-wrapper > .js-marquee > li > .subject > .small { font-size:12px; line-height:12px; margin-top:7px; }
}