@charset "UTF-8";

.main-visual{position: relative;overflow: hidden;max-width: 1920px;margin: 0 auto;}
.main-visual img.m-visual{display: none;}
.main-visual .swiper-slide{position: relative;}
.main-visual .txt-box{position: absolute;top:0;left:0;width: 100%;height: 100%;}
.main-visual .txt-box .txt-inbox{max-width: 1470px;margin:0 auto;padding:0 15px;}
.main-visual .txt-box .txt01{font-size: 60px; line-height:72px;font-weight: 400;padding-top: 8vw;margin-left:1.2rem;}
.main-visual .txt-box .txt01 strong{font-weight: 700;}
.main-visual .txt-box .txt02{font-size: 24px;padding-top: 1rem;margin-left:1.2rem;}
.main-visual .txt-box .txt03{font-size: 24px;padding: 8.5vw 0 0 1rem;}
.main-visual .txt-box .txt04{padding: 0 0 0 1rem;font-size: 32px;font-weight: 700;}
.main-visual .txt-box .txt04 strong{font-size: 60px;padding-right: 0.5rem;}
.main-visual .txt-inbox.txt-wt *{color: #fff;}
.main-visual .swpoption-box{position: absolute;bottom:4.17vw;left:0; width: 100%;}
.main-visual .swpoption-box .option-inbox{max-width: 1470px;margin:0 auto;padding:0 15px;}
.main-visual .swpoption-box .otround-box{display: flex; align-items: center; margin-left:1rem; position: relative; width: 180px;height: 50px;padding:0 1.2rem; border-radius: 30px; z-index:1; background: rgba(0, 0, 0, 0.50);color: #fff;align-items: center;justify-content: space-between;}
.main-visual .swpoption-box .btn-visual-prev{width: 24px;height: 24px;background: url(/cms/contents/eng/resource/images/common/icon_arrow_pre_wt.svg) no-repeat 0 0;}
.main-visual .swpoption-box .btn-visual-next{width: 24px;height: 24px;background: url(/cms/contents/eng/resource/images/common/icon_arrow_pre_wt.svg) no-repeat 0 0;transform:rotate(180deg);-webkit-transform: rotate(180deg);}
.main-visual .swpoption-box .swiper-mainpagination{width: auto;font-size: 1rem;font-weight: 300;font-family: 'Roboto';}
.main-visual .swpoption-box .swiper-mainpagination .swiper-pagination-current{font-weight: 700;}

.main-inner{display: flex;flex-wrap: wrap;margin-top: 3.2rem;justify-content: space-between;}

.main-linkbox{width:29.75%;display: flex;flex-direction: column;font-size: 18px;} 
.main-linkbox > div{position: relative; height: 8.45rem;margin-bottom: 2rem;}
.main-linkbox > div::after{position: absolute;right: 2rem;top:3rem; display: block;content: '';width: 3.8rem;height: 3.8rem; background: url(/cms/contents/eng/resource/images/main/icon_racing.svg) no-repeat 0 0;background-size: 100%;}
.main-linkbox > div a{display: block;padding: 1.5rem 2rem;}
.main-linkbox > div.safety-box{margin-bottom: 0;}
.main-linkbox .tit{position: relative; display: block; line-height: 1.5;font-weight: 700;}
.main-linkbox .txt{line-height: 1.4;padding-top: 0.6rem;}
.main-linkbox .racing-box{border-radius: 20px;border: 1px solid #FBDBC9;background: #FDF1EA;}
.main-linkbox .racing-box .tit{color:#FF7D05}
.main-linkbox .racing-box .tit::after{position: absolute;top:50%;right:0; display: block;content: '';width: calc(100% - 113px);height: 1px;background: #FF7D05;}
.main-linkbox .studbook-box{border-radius: 20px;border: 1px solid #A8E0DB;background: #E6FBF9;}
.main-linkbox .studbook-box::after{width: 3.8rem;height: 3.4rem;background-image: url(/cms/contents/eng/resource/images/main/icon_book.svg);}
.main-linkbox .studbook-box .tit{color:#00A294}
.main-linkbox .studbook-box .tit::after{position: absolute;top:50%;right:0; display: block;content: '';width: calc(100% - 100px);height: 1px;background: #00A294;}
.main-linkbox .safety-box{height:7.8rem ; border-radius: 20px;border: 1px solid #6CABF5;background: #CEE3FC;}
.main-linkbox .safety-box::after{width: 3.45rem;height: 3.2rem;background-image: url(/cms/contents/eng/resource/images/main/icon_safety.svg);}
.main-linkbox .safety-box .tit{color:#0A73EF}
.main-linkbox .safety-box .tit::after{position: absolute;top:50%;right:0; display: block;content: '';width: calc(100% - 153px);height: 1px;background: #0A73EF;}

.letsrunp-box{width:66.35%;border: 1px solid #E2E4E7;border-radius: 20px;padding: 2.4rem 2.3rem;}
.letsrunp-box h2{font-size: 1.2rem;font-weight: 700;}
.letsrunp-box .top-txt{font-size: 18px;color: #555;padding: 0.4rem 0 1.6rem;}
.main-linkul{display: flex;gap:24px;}
.main-linkul li{width: 100%;height: 18.65rem;text-align: center;}
.main-linkul li a{position: relative; display: block;width: 100%;height: 100%; border-radius: 12px;border: 1px solid #AEB6C4;}
.main-linkul li a:hover{border:2px solid #0A73EF;}
.main-linkul .tit{position: relative; font-size: 20px;font-weight: 700;display: inline-block;margin-top: 30px;}
.main-linkul .txt{display: block; font-size: 14px;color: #999;width: 100%;padding: 7.6rem 2.6rem 0;}
.main-linkul li a:hover .tit{margin-top: 29px;}
.main-linkul li a:hover .txt{padding: 7.6rem 2.55rem;}
.main-linkul a::after{position: absolute; display:block;content: '';width: 174px;height: 110px;top:84px;left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.main-linkul li a:hover::after{top:83px;}
.main-linkul li a::before{position: absolute;bottom: 2.3rem;left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%); display: block;width: 1.7rem;height: 1.8rem;content: '';background: url(/cms/contents/eng/resource/images/common/icon_small_arrow.svg) no-repeat 0 0;background-size: 100%;}
.main-linkul li a:hover::before{bottom: 2.25rem;}
.main-linkul .bg01 a::after{background: url(/cms/contents/eng/resource/images/main/img_park_01.svg) no-repeat 0 0;background-size: 100% 100%;}
.main-linkul .bg02 a::after{background: url(/cms/contents/eng/resource/images/main/img_park_02.svg) no-repeat 0 0;background-size: 100% 100%;}
.main-linkul .bg03 a::after{background: url(/cms/contents/eng/resource/images/main/img_park_03.svg) no-repeat 0 0;background-size: 100% 100%;}

.services-box{display: flex;justify-content: space-between; width: 100%; padding: 2.8rem 2.65rem 2.8rem 3.65rem;margin: 3.5rem 0 3.2rem; border: 1px solid #E2E4E7;border-radius: 20px;}
.services-box h2{font-size: 1.2rem;font-weight: 700;padding-bottom: 0.25rem;}
.services-box .top-txt{font-size: 0.9rem;color: #555;}
.services-box .left-box{position: relative; width: 26.7%;}
.services-box .left-box::after{display: block;content: '';position: absolute;right: 0;top: 6px;height: calc(100% - 12px);border-left: 1px dashed #D4D4D4;}
.services-box .right-box{width: 68.6%;}
.main-linkul02{display: flex;gap:24px;}
.main-linkul02 li{width: 100%;height: 10.9rem; text-align: center;}
.main-linkul02 li a{position: relative; display: block;width: 100%;height: 100%;border-radius: 12px;border: 1px solid #AEB6C4;}
.main-linkul02 li a:hover{border: 2px solid #0A73EF;}
.main-linkul02 li .txt{display: block;text-align: center;line-height: 1.2;font-size: 16px; color: #333;font-weight: 500;}
.main-linkul02 li a::before{display: inline-block;content: '';width: 4.5rem;height: 4.5rem;margin: 1.9rem 0 1rem 0; background: url(/cms/contents/eng/resource/images/main/icon_services_01.svg) no-repeat 0 0;background-size: 100%;}
.main-linkul02 li a:hover::before{margin-top: 1.85rem;}
.main-linkul02 li.bg02 a::before{background-image: url(/cms/contents/eng/resource/images/main/icon_services_02.svg);}
.main-linkul02 li.bg03 a::before{background-image: url(/cms/contents/eng/resource/images/main/icon_services_03.svg);}
.main-linkul02 li.bg04 a::before{background-image: url(/cms/contents/eng/resource/images/main/icon_services_04.svg);}
.main-linkul02 li.bg05 a::before{background-image: url(/cms/contents/eng/resource/images/main/icon_services_05.svg);}

/* @media screen and (max-width: 1280px) {
    .main-visual .swpoption-box{bottom: 1rem;}
    .main-visual .txt-box .txt02,
    .main-visual .txt-box .txt03{font-size: 18px;}
    .main-visual .swpoption-box .otround-box{margin:0 auto;}
    .main-visual .m-hiddentxt{display: none;}
    .main-visual .txt-box .txt01 strong span{font-weight: 400;}
    .main-visual .txt-box .txt01 .stxt{font-size: 18px;padding-top: 12px;display: block;line-height: 1.5;}

    .main-linkbox{width: 100%;}
    .main-linkbox > div{margin-bottom: 1rem;}
    .main-linkbox > div a{padding: 1.5rem 1.2rem;}
    .main-linkbox .safety-box .txt{letter-spacing: -1px;}
    .main-linkbox > div::after{right: 1.2rem;}
    .letsrunp-box{width: 100%;margin-top: 2.8rem;padding: 1.2rem;}
    .letsrunp-box h2{font-size: 1.1rem;}
    .letsrunp-box .top-txt{font-size: 16px;border-bottom: 1px dashed #D4D4D4;margin-bottom: 1rem;}
    .main-linkul{flex-wrap: wrap;gap: 20px;}
    .main-linkul li{height: 12.6rem;}
    .main-linkul .tit{font-size: 1rem;margin-top: 20px;}
    .main-linkul .tit::after{display: inline-block;content: '';width: 16px;height: 16px;margin-left: 6px; background: url(/cms/contents/eng/resource/images/common/icon_small_arrow.svg) no-repeat 0 0;background-size: 100% 100%;vertical-align: middle;}
    .main-linkul .txt{padding-top: 142px;}
    .main-linkul li a:hover .txt{padding-top: 142px;}
    .main-linkul li a:hover .tit{margin-top: 19px;}
    .main-linkul a::after{top:66px;}
    .main-linkul li a:hover::after{top:65px;}
    .main-linkul li a::before{display: none;}

    .services-box{flex-wrap: wrap;padding: 1.2rem;}
    .services-box h2{line-height: 1.3;padding-bottom: 0.25rem;}
    .services-box .left-box{width: 100%;padding-bottom: 1.2rem;margin-bottom: 1.2rem;border-bottom: 1px dashed #D4D4D4;}
    .services-box .left-box::after{display: none;}
    .services-box .right-box{width: 100%;}
    .main-linkul02{flex-wrap: wrap;}
    .main-linkul02 li{height: 4.2rem;}
    .main-linkul02 li a{display: flex;align-items: center;}
    .main-linkul02 li a::before{width: 3.25rem;height: 3.25rem;margin: 0 1.35rem 0 1.6rem;}
    .main-linkul02 li a:hover::before{margin-top: 0;}
}


@media screen and (max-width: 700px) {
    .main-visual img{display: none;} 
    .main-visual img.m-visual{display: block;}
    .main-visual .txt-box .txt01{font-size: 1.8rem;line-height: 2.4rem;padding-top:3rem;}
    .main-visual .txt-box .txt03{padding: 3rem 0 0.3rem 0.75rem;}
    .main-visual .txt-box .txt04{font-size: 1.2rem;padding-left: 0.75rem;}
    .main-visual .txt-box .txt04 strong{font-size: 1.8rem;}
} */