@charset "utf-8";
.main #container{margin:0;}
.main .contents{padding-top:0;}
.main-visual{background: url("../images/main/bg-main-visual.png")no-repeat 50% 30%;background-size: cover;}
.main-visual a{display: block;height:100%;width: 100%;padding: 190px 0 409px;}
.main-visual .top-title{color:#fff;font-weight: 700;font-size: 66px;line-height: 94px;}
.main-con{padding:80px 0;background: linear-gradient(180deg, #19111A 0%, #1F3A58 100%);}
.main-con .box+.box{margin-top:80px;}
.main-con h2.bor-title{display:flex;align-items:center;margin-bottom:20px;color:#FFFFFF;font-weight: 700;font-size: 40px;line-height: 60px;}
.main-con h2.bor-title::before{display:inline-block;width:5px;height:38px;margin-right:20px;background: linear-gradient(180.95deg, #0667D7 41.81%, #3BB766 44.67%);;content:'';}
.main .news-list{display:flex;flex-wrap:wrap;gap:20px;}
.main .news-list li{width:calc((100% - 60px) / 4);background-color: #FEFEFF;border:1px solid #E0E7ED;box-shadow: 0px 0px 10px 0px rgba(231, 234, 244, 0.5);transition:transform .3s;}
.main .news-list li:hover{transform:translateY(-15px);}
.main .news-list li a{display:block;padding:50px 30px;}
.main .news-list li .title{margin-bottom:24px;font-weight: 700;font-size: 24px;line-height: 36px;height: 72px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.main .news-list li .info{display:flex;gap:8px;align-items:center;color:#646D76;flex-wrap: wrap;row-gap: 0px;}
.main .news-list li .info span{display: flex;align-items: center;}
.main .news-list li .info span:first-child::after{display:inline-block;margin-left:8px;width:2px;height:13px;background: rgba(150, 158, 167, 0.5);content:'';}

.main .site-banner{display:flex;flex-direction:column;align-items:center;padding:90px 0 66px;color:#FFFFFF;border-radius:16px;background:#257299 url("../images/main/bg-main-site.png")no-repeat;background-size: cover;}
.main .site-banner h3{font-weight: 700;font-size: 40px;line-height: 60px;}
.main .site-banner p{margin:15px 0 20px;font-weight: 700;font-size: 20px;line-height: 32px;text-align: center;}
.main .site-banner .btn{gap:5px;}


/* ----------------------------------media 1024px-------------------*/
@media (max-width: 1024px) { 
.main-visual a{padding: 190px 0 100px;}
.main-visual .top-title {font-size: 25px;line-height: 43px;}

.main-con{padding:40px 0 60px;}
.main-con h2.bor-title {margin-bottom: 15px;font-size: 28px;line-height: 43px;}
.main-con h2.bor-title::before {height: 28px;margin-right: 13px;}
.main .news-list{gap:12px;}
.main .news-list li{width:calc((100% - 12px ) / 2);}
.main .news-list li:hover{transform:translateY(0);}
.main .news-list li a {padding: 20px 10px;}
.main .news-list li .title {height:44px;margin-bottom:8px;font-size:16px;line-height: 22px;}
.main .news-list li .info{font-size: 14px;line-height: 22px;gap: 5px;}
.main .news-list li .info span:first-child::after{margin-right:5px;}

.main .site-banner{padding: 50px 0 40px;}
.main .site-banner h3 {font-size: 24px;line-height: 36px;}
.main .site-banner p{margin: 10px 16px 20px;font-size: 17px;line-height: 25px;}


}