@charset "UTF-8";
.contents_util{width: 0;height: 0;overflow: hidden;}
h2#title{display: none}
#snb{display: none}
.earthday{background: #000A30;padding-top: 88px;overflow: hidden;position: relative;padding-bottom: 100px}
.earthday .s_title{text-align: center}
.earthday .s_title strong{color: #FFFFFF;font-size: 60px;color: #FFFFFF;font-family: 'Ria';font-weight: 400;display: block}
.earthday .img{display: block;text-align: center;width: 440px;margin: 0 auto;margin-top: 30px;padding: 10px;background: #fff}
.earthday .img img{max-width: 100%;display: block;border-radius: 10px;}
.earthday > i svg{display: block;opacity: 0.35}
.earthday > i{position: absolute;left: 50%;transform: translateX(-50%) translateY(15%);pointer-events: none}
.earthday p{color: #fff;font-size: 18px;line-height: 1.5;text-align: center;margin-top: 10px}
.earthday p b{font-weight: inherit;color: #1FECBE;}
.earthday .light{position: absolute;top: 0;left: 50%;margin-left: -690px;mix-blend-mode: overlay;pointer-events: none}
.earthday .light svg{animation: light 2s infinite linear;transform-origin: center top;display: block}
@keyframes light{
    0%{opacity: 1;transform: scale(1)}
    50%{opacity: 0.3;transform: scale(0.8)}
    100%{opacity: 1;transform: scale(1)}
}

@keyframes light2{
    0%{opacity: 1;}
    50%{opacity: 0}
    100%{opacity: 1}
}
@keyframes bulb{
    0%{transform: rotate(180deg);}
    50%{transform: rotate(180deg);}
    100%{transform: rotate(180deg);}
}
.earthday .light2{animation: bulb 1s infinite linear;width: 100px;height: 100px;margin: 0 auto}
/*80px*/
.earthday .light2 img{width: 100px}
.earthday .light2 img:nth-child(2){position: absolute;top: 0;left: 0;animation: light2 2s infinite linear;animation-fill-mode: forwards;}
.earthday .s_title strong{transform: translateY(70px);opacity: 0}
.earthday.on .s_title strong{transform: translateY(0px);opacity: 1;transition-duration: 1s}
.earthday .s_title p{transform: translateY(70px);opacity: 0}
.earthday.on .s_title p{transform: translateY(0px);opacity: 1;transition-duration: 1s;transition-delay: 0.3s}
.earthday .img{transform: translateY(70px);opacity: 0}
.earthday.on .img{transform: translateY(0px);opacity: 1;transition-duration: 1s;transition-delay: 0.6s}
@media (max-width: 1160px) {
    .earthday .s_title strong{font-size: 32px}
    .earthday p{font-size: 14px;word-break: keep-all}
    .earthday{padding-top: 40px}
    .earthday .img{max-width: 80%}
    .earthday{padding-bottom: 60px}
    .earthday > i svg{max-width: 160vw;height: auto}
}

@keyframes zeroli {
    0%{transform: rotate(0);}
    50%{transform: rotate(3deg);}
    100%{transform: rotate(0deg);}
}
.parking .zeroli{animation: 2s zeroli infinite linear;animation-delay: 0.4s;}

.parking .in_line{width: calc(100% - 80px);border: 2px solid #000000;border-radius: 10px;margin: 0 auto;}
.parking{padding-top: 147px;padding-bottom: 40px;position: relative;background: #EFF8FF;overflow: hidden}
.parking .cloud{position: absolute;bottom: -137px;right: 0px;}
.parking .zeroli{position: absolute;    bottom: 20px;right: 17px;z-index: 5;}
.parking .zeroli div{transform: translateY(70px) scale(0.9);opacity: 0;}
.parking.on .zeroli div{transform: translateY(0) scale(1);opacity: 1;transition-duration: 1.3s;}
.parking .in_line{height: calc(100vh - 187px);position: relative;z-index: 2;;}
.parking .vis_text{height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;;;}
.parking .vis_typo .vis_typo01{display: flex;;}
.parking .vis_text strong{color: #fff;font-size: 90px;font-family: 'KerisKedyuche';font-weight: 700;    -webkit-text-stroke: 2px #0053AE;text-shadow: 4px 4px 0 #0053AE;letter-spacing: -3%}
.parking .vis_text strong b{color: #70CEFF;font-family: inherit;font-weight: inherit}
.parking .vis_text p b{color: #429BE9;font-weight: 500;position: relative;z-index: 5}
.parking .vis_text p b:before{content: '';display: block;width: 100%;height: 15px;background-color: #D6ECFF;position: absolute;bottom: -3px;left: 0;;z-index: -1;transform: scaleX(0);transition-duration: 0.5s;}
.parking.on .vis_text p b:before{transform: scaleX(1);transition-delay: 1s;}
.parking .vis_text p{    display: block;
    margin-top: 30px;
    font-size: 20px;
    color: #222222;
    font-weight: 400;
    line-height: 34px;text-align: center}
.parking .bubble{position: absolute;top: 50%;left: 50%;}
.parking .bubble01{margin-left: -740px;margin-top: -370px;;}
.parking .bubble03{margin-left: -843px;margin-top: 40px;;}
.parking .bubble04{margin-left: -432px;margin-top: 177px;;}
.parking .bubble02{margin-left: 345px;margin-top: -407px;;}
.parking .bubble05{margin-left: 648px;margin-top: -272px;;}
.parking .t03{margin-left: -0.5%;}
.parking .t02{margin-left: -0.5%;}
.parking .t04{margin-left: -1%;}
.parking .t06{margin-left: -1%;}
.parking .t07{margin-left: -0.5%;;position: relative;z-index: 2;;}
.parking .t08{margin-left: -0.5%;;position: relative;z-index: 2;;}
.parking .t11{margin-left: -0.5%;;position: relative;z-index: 2;;}
.parking .t10{margin-left: -1.5%;;position: relative;z-index: 2;;}
.parking .t13{margin-left: -0.9%;;position: relative;z-index: 2;;}
.parking .t05, .parking .t12, .parking .ml{margin-left: 2%;}
.parking .t05{margin-left: 2%;}
.parking .vis_typo .vis_s_typo span{font-size: 80px;-webkit-text-stroke: 3px #00711A;text-shadow: 6px 6px 0 #00711A;display: block;}
.parking .vis_typo .vis_s_typo{display: flex;width: 100%;justify-content: center;margin-top: 11px;}
.parking .vis_typo .vis_s_typo span b{color: #7CD12E;font-family: inherit;font-weight: inherit;}

.parking .vis_text strong{transform: scale(0.7);transition: 0.6s;opacity: 0;}
.parking.on .vis_text strong{transform: scale(1);opacity: 1;}
.parking .vis_text p{transform: translateY(70px);opacity: 0;}
.parking.on .vis_text p{transform: translateY(0px);opacity: 1;transition-duration: 1s;transition-delay: 0.3s}
@media (max-width: 1160px) {
    .earthday .s_title strong{font-size: 32px}
    .earthday{padding-top: 40px}
    .earthday p{font-size: 14px;word-break: keep-all}
    .earthday .img{max-width: 80%}
    .earthday{padding-bottom: 60px}
    .earthday > i svg{max-width: 160vw;height: auto}
    .earthday .light2 img{width: 70px}
    .earthday .light2{width: 70px}
    .contents_util{
        margin-bottom: 0 !important;}
    /*.earthday{min-height: 100vh}*/
}

@media (max-width: 1560px) {
    #main .in_line{width: calc(100% - 20px);}
    .parking .vis_text strong{font-size: 60px}
    .parking .vis_text p{font-size: 16px;line-height: 1.5}

}
@media (max-width: 1160px) {
    #contents{margin-bottom: 0 !important}
    .parking{padding-top: 80px;padding-bottom: 20px;}
    .parking .in_line{height: calc(100vh - 100px);}
    .parking .zeroli img{width: 450px;}
    .parking .cloud img{width: 500px;}
    .parking .cloud{bottom: -80px;}


}

@media (max-width: 660px) {
    .parking .zeroli img{width: 320px;}
    .parking .cloud img{width: 320px;}
    .parking .vis_text strong{font-size: 40px;-webkit-text-stroke: 1.5px #0053AE;text-shadow: 2px 2px 0 #0053AE;}
    .parking .vis_text p{font-size: 14px;margin-top: 10px}
}
@media (max-width: 480px) {
    .parking .zeroli img{width: 290px;}
    .parking .zeroli{right: -20px;}
}