@charset "utf-8";
html, body{height: auto !important;}
.main{padding-top: 82rem;}
.main-visual{max-width: 1720rem;height: 700rem;margin:0 auto;font-family:'GmarketSans';position: relative;transition: height 0.3s;}
.main-visual .main-visual-txt{line-height: 66rem;padding-left: 85rem;margin-bottom: 52rem;position: absolute;top: 0;z-index: 10;transition: 0.3s;}
.main-visual .main-visual-txt p{font-size: 37rem;font-weight: 200;}
.main-visual .main-visual-txt strong{font-size: 62rem;font-weight: 600;}
.main-visual .main-bg{width: 100%;height: 510rem;background: #ddd;border-radius: 10rem 10rem 100rem 10rem;position: absolute;overflow: hidden;bottom: 0;transition: height 0.6s;}
.main-visual .main-bg video{position: absolute;top: 0;left: 0;width: calc(100% + 11rem);height: 100%;object-fit: cover;}
.main-visual:before{content:'';width: 560rem;height: 560rem;border: 110rem solid #F6F7F9;display: block;position: absolute;right: 140rem;top: 20rem;border-radius: 100%;z-index: -1;}
.main-visual .main-bg:after{content: "";position: absolute;left: 0;right: 0;bottom: 0;top: 0;background-color: rgba(0, 0, 0, .1);}
.main-visual.active{height: 95vh;}
.main-visual.active .main-bg{height: 100%;}
.main-visual.active .main-visual-txt{color: #fff;margin-top: 60rem;}

.main-center{max-width: 1300rem;margin: 130rem auto 180rem;}
.main-center .main-titBox{text-align: center;display: flex;flex-direction: column;gap: 30rem;}
.main-center .main-titBox .main-tit{color: #3E5DF2;font-size: 30rem;font-weight: 700;opacity: 0;transform: translateY(30rem);transition: 0.8s;}
.main-center .main-titBox p{font-weight: 800;font-size: 33rem;line-height: 40rem;opacity: 0;transform: translateY(30rem);transition: 0.8s;transition-delay: 0.2s;}
.main-center .main-center-box{width: 100%;display: flex;gap: 40rem;margin-top: 70rem;justify-content: center;align-items: center;}
.main-center .main-center-box .cbox{color:#fff;width: calc((100% - 80rem) / 3);height: 465rem;border-radius: 20rem;background-size: cover !important;position: relative;overflow: hidden;cursor:none;display: flex;flex-direction: column;justify-content: space-between;padding: 58rem 42rem;opacity: 0;transform: translateY(30rem);transition: 1s;}
.main-center .main-center-box .cbox.cbox1{background: url(/theme/energy/images/main/cBox1.png) no-repeat center;transition-delay: 0.8s;}
.main-center .main-center-box .cbox.cbox2{background: url(/theme/energy/images/main/cBox2.png) no-repeat center;transition-delay: 1s;}
.main-center .main-center-box .cbox.cbox3{background: url(/theme/energy/images/main/cBox3.png) no-repeat center;transition-delay: 1.2s;}
.main-center .main-center-box .cbox:before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(60deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);opacity: 0.8;}
.main-center .main-center-box .cbox strong{position:relative;font-size: 30rem;font-weight: 700;}
.main-center .main-center-box .cbox p{position:relative;font-size: 22rem;line-height: 33rem;font-weight: 300;}
.main-center.active .main-titBox .main-tit{opacity: 1;transform: translateY(0);opacity: 1;}
.main-center.active .main-titBox p{opacity: 1;transform: translateY(0);opacity: 1;}
.main-center.active .main-center-box .cbox{opacity: 1;transform: translateY(0);}

.center-cursor { position: fixed; left: 0; top: 0; pointer-events: none; } 
.center-cursor .inner_wrap {width: 0rem;height: 0rem;border-radius: 100%;display: flex;justify-content: center;align-items: center;transform: translate(-50%, -50%);transition: .3s ease;opacity: 0;background: #3e5df2;} 
.center-cursor .inner { text-align: center;opacity: 0;color: #fff;} 
.center-cursor .inner_wrap.on { opacity: 1;width: 100rem;height: 100rem;} 
.center-cursor .inner_wrap.on .inner{opacity: 1;}

.main-notice{width:100%;height: 670rem;padding: 160rem 0;background: url(/theme/energy/images/main/noticeBg.png) no-repeat center;background-size: cover;position: relative;}
.main-notice:before{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(135deg, #031c2a 0%, #06273c 100%);z-index: -1;}
.main-notice .main-notice-wp{max-width: 1520rem;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.main-notice .main-titBox{display: flex;flex-direction: column;gap: 35rem;color: #fff;}
.main-notice .main-titBox .main-tit{font-size: 30rem;font-weight: 700;opacity: 0.9;}
.main-notice .main-titBox p{font-size: 38rem;line-height: 45rem;font-weight: 800;}
.main-notice .main-notice-more{color: #fff;font-size: 20rem;display: flex;gap: 12rem;align-items: center;margin-top: 30rem;transition: gap 0.3s;}
.main-notice .main-notice-more:after{content: '';width: 29rem;height: 29rem;background: #1A75BA url(/theme/energy/images/main/noticeMore.svg) no-repeat center;background-size: 12rem;display: block;border-radius: 100%;}
.main-notice .main-notice-more:hover{gap: 30rem;}
.main-notice .main-notice-wrap{display: flex;gap: 30rem;width: calc(100% - 400rem);}
.main-notice .main-notice-box{background: #fff;width: calc((100% - 60rem) / 3);border-radius: 20rem;height: 340rem;max-width: 320rem;display: flex;flex-direction: column;justify-content: center;padding: 40rem;gap: 48rem;align-items: flex-start;transition: transform 0.3s;}
.main-notice .main-notice-box:hover{transform: translateY(-20rem);}
.main-notice .main-notice-box .cate{display: flex;color: #005CB9;font-size: 18rem;border-radius: 30rem;border: 1rem solid #005CB9;height: 30rem;padding: 0 12rem;align-items: center;justify-content: center;font-weight: 600;}
.main-notice .main-notice-box p{font-size:22rem;font-weight: 600;line-height: 30rem;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;}
.main-notice .main-notice-box .date{color:#4b4b4b;font-size: 18rem;}



@media (max-width:1720px) {
    .main-visual{width: calc(100% - 60rem);}
}
@media (max-width:1520px) {
    .main-notice .main-notice-wp{width: calc(100% - 60rem);}
}
@media (max-width:1024px) {
    #content{overflow: hidden;}
    .main-visual{text-align: center;height: 660rem;}
    .main-visual.active{height: 90vh;}
    .main-visual:before{width: 380rem;height: 380rem;border: 90rem solid #F6F7F9;right: -112rem;top: 55rem;}
    .main-visual .main-bg{height: 480rem;}
    .main-visual .main-visual-txt{padding: 0;width: 100%;line-height: 60rem;}
    .main-visual .main-visual-txt p{font-size: 30rem;}
    .main-visual .main-visual-txt strong{font-size: 53rem;}

    .main-center{width: calc(100% - 60rem);}
    .main-center .main-center-box{flex-direction: column;gap: 18rem;}
    .main-center .main-center-box .cbox{width: 100%;height: 240rem;}

    .main-notice{height: auto;padding: 100rem 0;}
    .main-notice .main-notice-wp{flex-direction: column;}
    .main-notice .main-titBox{text-align: center;gap: 30rem;}
    .main-notice .main-titBox p{font-size: 33rem;}
    .main-notice .main-titBox p br{display: none;}
    .main-notice .main-notice-more{justify-content: center;margin-top: 0;}
    .main-notice .main-notice-wrap{margin-top: 55rem;flex-direction: column;gap: 18rem;width: 100%;}
    .main-notice .main-notice-box{width:100%;max-width: 100%;gap: 15rem;height: 215rem;}
    .main-notice .main-notice-box .cate{font-size: 15rem;}
    .main-notice .main-notice-box:hover{transform: none;}
    .main-notice .main-notice-box:hover p{text-decoration: underline;}
}
@media (max-width:860px) {
    html, body{height: 100% !important;}
    .main-visual.active{height: 660rem;}
    .main-visual.active .main-visual-txt{color: #000;margin-top: 0;}
    .main-visual.active .main-bg{height: 480rem;}

    .main-center{margin: 80rem auto 100rem;}
    
    .main-center .main-titBox .main-tit,
    .main-center .main-titBox p,
    .main-center .main-center-box .cbox{opacity: 1;transform: none;transition: none;}
    .main-center .main-titBox .main-tit{font-size: 26rem;}
    .main-center .main-titBox p {font-weight: 600;font-size: 25rem;line-height: 30rem;}
    .main-center .main-center-box{margin-top: 40rem;}
    .main-center .main-center-box .cbox{height: 200rem;text-align: center;justify-content: center;gap: 20rem;}
    .main-center .main-center-box .cbox strong{font-size: 24rem;}
    .main-center .main-center-box .cbox p{font-size: 18rem;}
    .main-center .main-center-box .cbox p br{display: none;}

    .main-notice .main-titBox .main-tit{font-size: 26rem;}
    .main-notice .main-titBox p{font-size: 25rem;font-weight: 600;}
}
@media (max-width:640px) {
    .main{padding-top: 45rem;}
    .main-visual{width: calc(100% - 40rem);height: 398rem;}
    .main-visual:before {width: 240rem;height: 240rem;border: 50rem solid #F6F7F9;right: -82rem;top: 37rem;}
    .main-visual .main-bg{height: 280rem;}
    .main-visual .main-visual-txt{line-height: 40rem;}
    .main-visual .main-visual-txt p{font-size: 18rem;}
    .main-visual .main-visual-txt strong{font-size: 33rem;}

    .main-center .main-titBox{gap:20rem;}
    .main-center .main-titBox .main-tit{font-size: 20rem;}
    .main-center .main-titBox p{font-size: 18rem;line-height: 24rem;}
    .main-center .main-center-box{gap: 15rem;}
    .main-center .main-center-box .cbox{height: 150rem;gap: 10rem;cursor: pointer;}
    .main-center .main-center-box .cbox:hover{outline: 3rem solid #3e5df2;}
    .main-center .main-center-box .cbox strong{font-size: 20rem;}
    .main-center .main-center-box .cbox p{font-size: 14rem;}
    .center-cursor .inner_wrap{display: none;}

    .main-notice{padding: 70rem 0;}
    .main-notice .main-titBox{gap:15rem;}
    .main-notice .main-titBox .main-tit{font-size: 20rem;}
    .main-notice .main-titBox p{font-size: 18rem;}
    .main-notice .main-notice-more{font-size: 15rem;}
    .main-notice .main-notice-more:after{width: 22rem;height: 22rem;background-size: 10rem;}
    .main-notice .main-notice-wrap{margin-top: 38rem;}
    .main-notice .main-notice-box{height: 170rem;padding: 0 25rem;}
    .main-notice .main-notice-box p{font-size: 18rem;line-height: 24rem;}
    .main-notice .main-notice-box .cate{font-size: 14rem;height: 26rem;}
    .main-notice .main-notice-box .date{font-size: 15rem;}
}