@charset "UTF-8";.main.is-invert{padding-top:128px}
@media all and (max-width:1024px){.main.is-invert{padding-top:70px}
}
.cont-section.social{padding:15.5rem 0 14.5rem;background:#000}
.cont-section.social .social-list{display:flex;flex-wrap:wrap;align-items:flex-start;width:144rem;margin:5.5rem auto 0}
.cont-section.social .social-list li{width:22.4rem;height:22.4rem}
.cont-section.social .social-list li a{display:flex;align-items:flex-end;position:relative;width:100%;height:100%;background-repeat:no-repeat;background-size:auto 150%;color:#000}
.cont-section.social .social-list li a .sub{display:none;flex-wrap:wrap;align-content:flex-end;width:100%;height:100%;padding:2rem 1.2rem 1rem;background:rgba(255,255,255,0.6);font-size:1.5rem;font-weight:300;line-height:1.466}
.cont-section.social .social-list li a .sub strong{overflow:hidden;display:none;font-size:2rem;line-height:1;text-overflow:ellipsis;white-space:nowrap}
.cont-section.social .social-list li a .sub span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.8rem}
.cont-section.social .social-list li a:hover .sub{display:flex}
.cont-section.social .social-list li a:after{content:"";display:block;position:absolute;top:1.2rem;right:1.2rem;background-repeat:no-repeat}
.cont-section.social .social-list li a[data-social-type=youtube]:after{width:2.7rem;height:1.9rem;background-image:url("../../../../../../content/dam/motorsports/ko/01_main/social_youtube.png")}
.cont-section.social .social-list li a[data-social-type=facebook]:after{width:1.2rem;height:2.2rem;background-image:url("../../../../../../content/dam/motorsports/ko/01_main/social_facebook.png")}
.cont-section.social .social-list li a[data-social-type=instagram]:after{width:2.2rem;height:2.2rem;background-image:url("../../../../../../content/dam/motorsports/ko/01_main/social_instagram.png")}
.cont-section.social .social-list li a[data-social-type=twitter]:after{width:2.2rem;height:2.2rem;background-image:url("../../../../../../content/dam/motorsports/ko/01_main/c_social_twitter_new.svg")}
.cont-section.social .social-list li a[data-social-type=linkedin]:after{width:2.2rem;height:2.2rem;background-image:url("../../../../../../content/dam/motorsports/ko/01_main/social_linkedin.png")}
.cont-section.social .social-list li:nth-child(1),.cont-section.social .social-list li:nth-child(4),.cont-section.social .social-list li:nth-child(7){width:46.6rem;height:32rem}
.cont-section.social .social-list li:nth-child(1) .sub,.cont-section.social .social-list li:nth-child(4) .sub,.cont-section.social .social-list li:nth-child(7) .sub{height:10.5rem}
.cont-section.social .social-list li:nth-child(1) .sub strong,.cont-section.social .social-list li:nth-child(4) .sub strong,.cont-section.social .social-list li:nth-child(7) .sub strong{display:block}
.cont-section.social .social-list li ~ li{margin-left:1.8rem}
.cont-section.social .social-list li:nth-child(4) ~ li{margin-top:1.8rem}
.cont-section.social .social-list li:nth-child(5){margin-left:0}
.cont-section.social .social-list li:nth-child(7){margin-top:-7.8rem !important}
.cont-section.social .social-list2{display:flex;flex-wrap:wrap;align-items:flex-start;width:144rem;margin:5.5rem auto 0}
.cont-section.social .social-list2 ul{position:relative;width:46.6rem;height:56.2rem}
.cont-section.social .social-list2 ul+ul{margin-left:1.8rem}
.cont-section.social .social-list2 ul li{width:46.6rem;height:32rem}
.cont-section.social .social-list2 ul li:nth-child(2),.cont-section.social .social-list2 ul li:nth-child(3){position:absolute;bottom:0;left:0;width:22.4rem;height:22.4rem}
.cont-section.social .social-list2 ul li:nth-child(3){left:24.2rem}
.cont-section.social .social-list2 ul li>a{display:flex;align-items:flex-end;position:relative;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;color:#000}
.cont-section.social .social-list2 ul li>a .sub{display:none;flex-wrap:wrap;align-content:flex-end;width:100%;height:100%;padding:2rem 1.2rem 1rem;background:rgba(255,255,255,0.7);font-size:1.5rem;font-weight:500;line-height:1.466}
.cont-section.social .social-list2 ul li>a .sub strong{overflow:hidden;display:none;width:100%;font-size:2rem;line-height:1;text-overflow:ellipsis;white-space:nowrap}
.cont-section.social .social-list2 ul li>a .sub span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.8rem}
.cont-section.social .social-list2 ul li>a:hover .sub{display:flex}
.cont-section.social .social-list2 ul li>a:after{content:"";display:block;position:absolute;top:1rem;right:1rem;width:4rem;height:4rem;background-repeat:no-repeat}
.cont-section.social .social-list2 ul li>a[data-social-type=youtube]:after{background-image:url("../../../../../../etc.clientlibs/hankooktire/clientlibs/clientlib-base/resources/svg/c_social_youtube.svg")}
.cont-section.social .social-list2 ul li>a[data-social-type=facebook]:after{background-image:url("../../../../../../etc.clientlibs/hankooktire/clientlibs/clientlib-base/resources/svg/c_social_facebook.svg")}
.cont-section.social .social-list2 ul li>a[data-social-type=instagram]:after{background-image:url("../../../../../../etc.clientlibs/hankooktire/clientlibs/clientlib-base/resources/svg/c_social_instagram.svg")}
.cont-section.social .social-list2 ul li>a[data-social-type=twitter]:after{background-image:url("../../../../../../etc.clientlibs/hankooktire/clientlibs/clientlib-base/resources/svg/c_social_twitter_new.svg")}
.cont-section.social .social-list2 ul li>a[data-social-type=linkedin]:after{background-image:url("../../../../../../etc.clientlibs/hankooktire/clientlibs/clientlib-base/resources/svg/c_social_linkedin.svg")}
.cont-section.social .social-list2 ul li:nth-child(1) .sub{height:10.5rem}
.cont-section.social .social-list2 ul li:nth-child(1) .sub strong{display:block}
.cont-section.social .social-list2 ul:nth-child(2) li:nth-child(1){position:absolute;top:0;left:0;width:22.4rem;height:22.4rem}
.cont-section.social .social-list2 ul:nth-child(2) li:nth-child(1) .sub{height:100%}
.cont-section.social .social-list2 ul:nth-child(2) li:nth-child(2){top:0;right:0;bottom:auto;left:auto}
.cont-section.social .social-list2 ul:nth-child(2) li:nth-child(3){left:0;width:46.6rem;height:32rem}
.cont-section.social .social-list2 ul:nth-child(2) li:nth-child(3) .sub{height:10.5rem}
.cont-section.social .social-list2 ul:nth-child(2) li:nth-child(3) .sub strong{display:block}
@media all and (max-width:1520px){.cont-section.social .social-list{width:calc(100% - 8rem)}
.cont-section.social .social-list li{width:calc(16.8% - 1.8rem);height:14.75vw}
.cont-section.social .social-list li:nth-child(1),.cont-section.social .social-list li:nth-child(4),.cont-section.social .social-list li:nth-child(7){width:calc(33.7% - 1.8rem);height:30.75vw}
.cont-section.social .social-list li:nth-child(1) .sub,.cont-section.social .social-list li:nth-child(4) .sub,.cont-section.social .social-list li:nth-child(7) .sub{box-sizing:border-box;height:10rem}
.cont-section.social .social-list li:nth-child(7){margin-top:-14.8vw !important}
.cont-section.social .social-list2{width:calc(100% - 8rem)}
.cont-section.social .social-list2 ul{width:calc(33.3% - 1.2rem);height:38.4vw}
.cont-section.social .social-list2 ul li{width:100%;height:22vw}
.cont-section.social .social-list2 ul li:nth-child(2),.cont-section.social .social-list2 ul li:nth-child(3){width:calc(50% - 0.9rem);height:15vw}
.cont-section.social .social-list2 ul li:nth-child(3){left:auto;right:0}
.cont-section.social .social-list2 ul:nth-child(2) li:nth-child(1),.cont-section.social .social-list2 ul:nth-child(2) li:nth-child(2){width:calc(50% - 0.9rem);height:15vw}
.cont-section.social .social-list2 ul:nth-child(2) li:nth-child(3){width:100%;height:22vw}
}
@media all and (max-width:1024px){.cont-section.social{padding:10rem 0 12rem}
.cont-section.social .social-list{width:calc(100% - 8rem);margin:7rem auto 0}
.cont-section.social .social-list li{width:calc(50% - 1rem);height:43.5vw}
.cont-section.social .social-list li a .sub{padding:2rem 2rem 2rem;font-size:1.8rem;line-height:1.333}
.cont-section.social .social-list li a .sub strong{font-size:2.2rem;line-height:1.27;text-overflow:unset;white-space:unset}
.cont-section.social .social-list li a .sub span{-webkit-line-clamp:3;margin-top:.7rem}
.cont-section.social .social-list li:nth-child(1),.cont-section.social .social-list li:nth-child(4),.cont-section.social .social-list li:nth-child(7){width:calc(50% - 1rem);height:43.5vw}
.cont-section.social .social-list li:nth-child(1) .sub,.cont-section.social .social-list li:nth-child(4) .sub,.cont-section.social .social-list li:nth-child(7) .sub{box-sizing:border-box;height:18rem}
.cont-section.social .social-list li ~ li{margin-left:0}
.cont-section.social .social-list li:nth-child(4) ~ li{margin-top:0}
.cont-section.social .social-list li:nth-child(5){margin-left:0}
.cont-section.social .social-list li:nth-child(7){margin-top:2rem !important}
.cont-section.social .social-list li:nth-child(2n){margin-left:2rem}
.cont-section.social .social-list li:nth-child(2) ~ li{margin-top:2rem}
.cont-section.social .social-list2{display:block;width:calc(100% - 8rem)}
.cont-section.social .social-list2 ul{width:100%;height:calc(100vw - 8rem)}
.cont-section.social .social-list2 ul+ul{margin:1.8rem 0 0 0}
.cont-section.social .social-list2 ul li{position:static;width:100%;height:50%}
.cont-section.social .social-list2 ul li:nth-child(2),.cont-section.social .social-list2 ul li:nth-child(3){width:calc(50% - 0.9rem);height:calc(50% - 1.8rem)}
.cont-section.social .social-list2 ul li:nth-child(3){left:auto;right:0}
.cont-section.social .social-list2 ul:nth-child(2) li:nth-child(1),.cont-section.social .social-list2 ul:nth-child(2) li:nth-child(2){width:calc(50% - 0.9rem);height:calc(50% - 1.8rem)}
.cont-section.social .social-list2 ul:nth-child(2) li:nth-child(3){width:100%;height:50%}
}
@media all and (max-width:767px){.cont-section.social{padding:5rem 0 6rem}
.cont-section.social .social-list{width:calc(100% - 4rem);margin:3.5rem auto 0}
.cont-section.social .social-list li{width:calc(50% - 1rem);height:42.9vw}
.cont-section.social .social-list li a .sub{padding:1rem 1rem .7rem;font-size:.9rem}
.cont-section.social .social-list li a .sub strong{font-size:1.1rem;line-height:1.27}
.cont-section.social .social-list li a .sub span{margin-top:.3rem}
.cont-section.social .social-list li:nth-child(1),.cont-section.social .social-list li:nth-child(4),.cont-section.social .social-list li:nth-child(7){width:calc(50% - 1rem);height:42.9vw}
.cont-section.social .social-list li:nth-child(1) .sub,.cont-section.social .social-list li:nth-child(4) .sub,.cont-section.social .social-list li:nth-child(7) .sub{height:9rem}
.cont-section.social .social-list li:nth-child(7){margin-top:1rem !important}
.cont-section.social .social-list li:nth-child(2n){margin-left:1rem}
.cont-section.social .social-list li:nth-child(2) ~ li{margin-top:1rem}
.cont-section.social .social-list2{width:calc(100% - 4rem)}
}