@charset "UTF-8";
/* font color */
.fc_black {
color: #000;
}

.fc_deepgray {
color: #333;
}

.fc_orange {
color: #e73100;
}

.fc_blue {
color: #3679C1;
}

.fc_cobalt {
color: #02728D;
}

.fc_red {
color: #c10101;
}

.fc_green {
color: #3A7525;
}

.ad.hide {
display: none;
}
.ad img {
vertical-align: top;
}
.ad a {
display: block;
}
@media (min-width: 1200px) {
.ad a {
text-align: center;
}
.ad a:not(.h-auto) {
overflow-x: auto;
min-height: 140px;
}
}
@media (min-width: 1200px) and (min-width: 1281px) {
.ad a:not(.h-auto) {
overflow: visible;
}
}
@media (min-width: 1200px) {
.ad a:not(.h-auto) img {
height: 140px;
max-width: 1320px;
object-fit: cover;
}
}
@media (min-width: 1200px) and (min-width: 1281px) {
.ad a:not(.h-auto) img {
max-width: unset;
}
}
.ad .pc {
display: none;
}
@media (min-width: 1200px) {
.ad .pc {
display: block;
}
}
@media (min-width: 1200px) {
.ad .mobile {
display: none;
}
}
.ad__ctrl {
margin: 0 auto;
height: 0;
max-width: 1320px;
padding: 0 20px;
position: relative;
}
.ad__ctrl label {
position: absolute;
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
font-family: S-CoreDream-4Regular;
font-size: 13.5px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 2.63;
letter-spacing: -0.68px;
text-align: left;
color: #fff;
}
@media (max-width: 1199px) {
.ad__ctrl label {
left: 20px;
bottom: 20px;
}
}
@media (min-width: 1200px) {
.ad__ctrl label {
right: 20px;
bottom: 80px;
}
}
.ad__ctrl button {
position: absolute;
right: 20px;
bottom: 20px;
width: 45px;
height: 45px;
background: url(/static/portal/img/main/close-white-25.svg) center center no-repeat;
}

@font-face {
font-family: "Pretendard";
src: url("/static/font/Pretendard/PretendardVariable.woff2") format("woff2");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Pretendard-ExtraBold";
src: url("/static/font/Pretendard/Pretendard-ExtraBold.woff2") format("woff2");
font-weight: normal;
font-style: normal;
}
* {
box-sizing: border-box;
}

.bu2 {
margin: 40px 0 20px;
}

a {
color: #000;
}

button {
border: none;
background-color: transparent;
}

@media (max-width: 1199px) {
#header {
height: unset !important;
margin-bottom: unset !important;
}
}

.layout-bg {
display: none;
}

main .container {
max-width: 1320px;
}
main .container.section2, main .container.section4, main .container.section5 {
max-width: 1280px;
}

.section1 {
display: grid;
grid-template-columns: minmax(0, 646px) minmax(0, 585px);
gap: 49px;
}
@media (max-width: 1199px) {
.section1 {
display: block;
}
}
.section1 > * {
min-width: 0;
}
.section1 .left {
margin-top: -153px;
position: relative;
z-index: 0;
max-width: 100%;
border-radius: 0 0 20px 20px;
}
@media (max-width: 1199px) {
.section1 .left {
margin-inline: -10px;
max-width: unset;
width: unset;
}
}
.section1 .swiper-slide {
width: 100%;
}
.section1 .swiper a {
display: block;
}
.section1 .swiper a .img {
display: block;
height: 900px;
}
@media (max-width: 1199px) {
.section1 .swiper a .img {
width: 100%;
}
}
@media (max-width: 749px) {
.section1 .swiper a .img {
height: 590px;
}
}
.section1 .swiper a .img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0 0 20px 20px;
background-position: right bottom;
}
.section1 .swiper-ctrl {
display: flex;
align-items: center;
justify-content: center;
color: #fff;
gap: 5px;
position: absolute;
bottom: 20px;
right: 20px;
width: max-content;
z-index: 9;
background: rgba(6, 26, 55, 0.8);
padding: 5px;
border-radius: 60px;
}
.section1 .swiper-ctrl button {
width: 40px;
height: 40px;
background-position: 50%;
background-repeat: no-repeat;
}
.section1 .swiper-ctrl button:hover, .section1 .swiper-ctrl button:focus {
outline: 1px dashed #000;
outline-offset: -3px;
border-radius: 50%;
}
.section1 .swiper-ctrl-prev {
background-image: url(/static/portal/img/main/btn-prev.png);
}
.section1 .swiper-ctrl-next {
background-image: url(/static/portal/img/main/btn-next.png);
}
.section1 .swiper-ctrl-stop {
background-image: url(/static/portal/img/main/btn-stop.png);
}
.section1 .swiper-ctrl-play {
background-image: url(/static/portal/img/main/btn-play.png);
}
.section1 .swiper-ctrl .num,
.section1 .swiper-ctrl .total {
min-width: 12px;
text-align: center;
}
.section1 .swiper-ctrl .popup-paging {
display: flex;
align-items: center;
gap: 3px;
width: auto;
--progress-duration: 6s; /* autoplay.delay(6000ms) 동일하게 */
}
.section1 .swiper-ctrl .popup-paging .num {
font-weight: bold;
}
.section1 .swiper-ctrl .popup-paging .progress {
opacity: 1;
position: relative;
width: 60px;
height: 4px;
border-radius: 10px;
background: #fff;
overflow: hidden;
margin: 0 8px;
}
.section1 .swiper-ctrl .popup-paging .progress .fill {
display: inline-block;
width: 0%;
height: 100%;
background: #4282ba;
transition: width 4s linear;
position: absolute;
top: 0;
left: 0;
z-index: 9;
animation: fillBar var(--progress-duration) linear forwards;
}
@keyframes fillBar {
from {
width: 0%;
}
to {
width: 100%;
}
}
.section1 .right {
margin-top: 57px;
}
@media (max-width: 749px) {
.section1 .right {
margin-top: 40px;
}
}
.section1_1 a {
position: relative;
font-size: 20px;
}
.section1_1 .img {
display: block;
aspect-ratio: 585/320;
max-width: 585px;
}
@media (max-width: 1199px) {
.section1_1 .img {
max-width: 100%;
}
}
.section1_1 .img img {
width: 100%;
height: 100%;
object-fit: cover;
vertical-align: middle;
}
.section1_1 .title {
position: absolute;
bottom: 0;
left: 0;
display: block;
padding: 13px 20px;
width: 100%;
color: #fff;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
font-weight: 600;
background: rgba(38, 34, 98, 0.6);
}
.section1_2 {
margin-top: 32px;
position: relative;
}
.section1_2 h3 {
font-size: 24px;
font-family: "Pretendard-ExtraBold";
margin-bottom: 21px;
}
.section1_2 ul {
display: flex;
flex-direction: column;
gap: 20px;
}
.section1_2 ul a {
width: 100%;
display: flex;
justify-content: space-between;
gap: 30px;
flex-shrink: 0;
}
@media (max-width: 749px) {
.section1_2 ul a {
gap: 20px;
}
}
.section1_2 ul .img {
display: block;
aspect-ratio: 180/120;
width: 180px;
}
@media (max-width: 749px) {
.section1_2 ul .img {
aspect-ratio: 120/80;
width: 120px;
height: 80px;
}
}
.section1_2 ul .img img {
width: 100%;
height: 100%;
object-fit: cover;
vertical-align: middle;
}
.section1_2 ul .txt-set {
width: calc(100% - 180px - 30px);
}
@media (max-width: 749px) {
.section1_2 ul .txt-set {
width: calc(100% - 120px - 20px);
}
}
.section1_2 ul .txt-set .title {
width: 100%;
padding-top: 15px;
font-size: 20px;
font-weight: 600;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
flex-shrink: 0;
margin-bottom: 2px;
}
@media (max-width: 749px) {
.section1_2 ul .txt-set .title {
overflow: hidden;
text-overflow: ellipsis;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.ie .section1_2 ul .txt-set .title {
display: block;
height: 32px;
overflow: hidden;
}
.section1_2 ul .txt-set .title {
white-space: normal;
padding-top: 0;
margin-top: -6px;
}
}
.section1_2 ul .txt-set .txt {
overflow: hidden;
text-overflow: ellipsis;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.ie .section1_2 ul .txt-set .txt {
display: block;
height: 32px;
overflow: hidden;
}
@media (max-width: 749px) {
.section1_2 ul .txt-set .txt {
overflow: hidden;
text-overflow: ellipsis;
display: block;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.ie .section1_2 ul .txt-set .txt {
display: block;
height: 64px;
overflow: hidden;
}
}
.section1_2 .more {
position: absolute;
top: 6px;
right: 0;
font-size: 14px;
}

.portalvisual-txt-set {
position: absolute;
bottom: 53.8356164384%;
left: 60px;
color: rgb(255, 255, 255);
}
@media (max-width: 749px) {
.portalvisual-txt-set {
left: 30px;
bottom: 344px;
}
}
.portalvisual-txt-set .txt1 {
font-size: 22px;
font-weight: bold;
line-height: 1.2;
}
@media (max-width: 749px) {
.portalvisual-txt-set .txt1 {
font-size: 20.5px;
letter-spacing: -1.03px;
}
}
.portalvisual-txt-set .txt2 {
margin-top: 12px;
font-size: 26px;
font-weight: bold;
line-height: 1.2;
}

.section2.container {
padding: 50px 0 70px;
}
@media (max-width: 1199px) {
.section2.container {
padding: 20px 0 30px;
}
}
@media (max-width: 749px) {
.section2.container {
padding-block: 80px;
}
}
.section2.container ul {
gap: 30px 10px;
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
}
@media (min-width: 1320px) {
.section2.container ul {
margin-inline: -20px;
}
}
@media (max-width: 749px) {
.section2.container ul {
justify-content: center;
}
}
.section2.container ul li {
white-space: nowrap;
}
@media (max-width: 1199px) {
.section2.container ul li {
flex-shrink: 0;
}
}
.section2.container ul a {
display: block;
text-align: center;
}
.section2.container ul a .img {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
background-color: #eef1f6;
border-radius: 100px;
margin: 0 auto;
}
.section2.container ul a i {
width: 100%;
height: 100%;
display: block;
background-position: center center;
background-repeat: no-repeat;
}
.section2.container ul a i.i0 {
background-image: url(/static/portal/img/main/main-ico1.png);
}
.section2.container ul a i.i1 {
background-image: url(/static/portal/img/main/main-ico2.png);
}
.section2.container ul a i.i2 {
background-image: url(/static/portal/img/main/main-ico3.png);
}
.section2.container ul a i.i3 {
background-image: url(/static/portal/img/main/main-ico4.png);
}
.section2.container ul a i.i4 {
background-image: url(/static/portal/img/main/main-ico5.png);
}
.section2.container ul a:hover .img, .section2.container ul a:focus .img {
background-color: #262262;
}
.section2.container ul a:hover i, .section2.container ul a:focus i {
background-color: #fff;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center center;
mask-position: center center;
background-image: none;
}
.section2.container ul a:hover i.i0, .section2.container ul a:focus i.i0 {
-webkit-mask-image: url(/static/portal/img/main/main-ico1.png);
mask-image: url(/static/portal/img/main/main-ico1.png);
}
.section2.container ul a:hover i.i1, .section2.container ul a:focus i.i1 {
-webkit-mask-image: url(/static/portal/img/main/main-ico2.png);
mask-image: url(/static/portal/img/main/main-ico2.png);
}
.section2.container ul a:hover i.i2, .section2.container ul a:focus i.i2 {
-webkit-mask-image: url(/static/portal/img/main/main-ico3.png);
mask-image: url(/static/portal/img/main/main-ico3.png);
}
.section2.container ul a:hover i.i3, .section2.container ul a:focus i.i3 {
-webkit-mask-image: url(/static/portal/img/main/main-ico4.png);
mask-image: url(/static/portal/img/main/main-ico4.png);
}
.section2.container ul a:hover i.i4, .section2.container ul a:focus i.i4 {
-webkit-mask-image: url(/static/portal/img/main/main-ico5.png);
mask-image: url(/static/portal/img/main/main-ico5.png);
}
.section2.container ul a span {
display: block;
letter-spacing: -0.4px;
margin-top: 14px;
font-size: 18px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.22;
letter-spacing: -0.45px;
text-align: center;
color: #000;
}

.section3 {
overflow: hidden;
}
@media (max-width: 1199px) {
.section3 .container {
padding: 0;
}
}
.section3 h2 {
text-align: center;
font-size: 30px;
font-family: "Pretendard-ExtraBold";
line-height: 1;
margin-bottom: 12px;
}
.section3 .tit {
color: #757575;
text-align: center;
margin: 0 auto;
margin-bottom: 25px;
word-break: keep-all;
}
@media (max-width: 749px) {
.section3 .tit {
margin-inline: 28px;
}
}
.section3 .tit br {
display: none;
}
@media (max-width: 749px) {
.section3 .tit br {
display: block;
}
}
.section3 .service-swiper {
position: relative;
}
.section3 .service-swiper .swiper {
overflow: visible;
margin: 0 -30px;
}
@media (max-width: 1199px) {
.section3 .service-swiper .swiper {
overflow: hidden;
margin: 0 -30px 0 0;
padding-left: 20px;
}
}
.section3 .service-swiper__ctrl button {
width: 60px;
height: 60px;
position: absolute;
top: 50%;
transform: translate(0, -50%);
z-index: 99;
box-shadow: 0 24px 20px 2px rgba(0, 0, 0, 0.15);
border-radius: 50%;
}
.section3 .service-swiper__ctrl__prev {
left: 184px;
background: url(/static/portal/img/main/service_prev.png);
}
@media (max-width: 1199px) {
.section3 .service-swiper__ctrl__prev {
left: 5px;
}
}
.section3 .service-swiper__ctrl__next {
right: 184px;
background: url(/static/portal/img/main/service_next.png);
}
@media (max-width: 1199px) {
.section3 .service-swiper__ctrl__next {
right: 5px;
}
}

.service-swiper li {
width: 260px;
}
.service-swiper li a {
position: relative;
display: block;
width: 100%;
height: 360px;
color: #fff;
padding: 30px;
word-break: keep-all;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
}
.service-swiper li a:hover::before {
content: "";
display: inline-block;
width: 100%;
height: 100%;
background-color: rgba(38, 34, 98, 0.85);
position: absolute;
top: 0;
left: 0;
}
.service-swiper li a:hover::after {
content: "";
display: inline-block;
vertical-align: middle;
width: 44px;
height: 44px;
background: url(/static/portal/img/main/btn_more.png) no-repeat;
position: absolute;
bottom: 30px;
right: 30px;
}
.service-swiper li a:hover .txt {
display: block;
}
.service-swiper li a.ico1 {
background-image: url(/static/portal/img/main/img_service1.png);
}
.service-swiper li a.ico2 {
background-image: url(/static/portal/img/main/img_service2.png);
}
.service-swiper li a.ico3 {
background-image: url(/static/portal/img/main/img_service3.png);
}
.service-swiper li a.ico4 {
background-image: url(/static/portal/img/main/img_service4.png);
}
.service-swiper li a.ico5 {
background-image: url(/static/portal/img/main/img_service5.png);
}
.service-swiper li a.ico6 {
background-image: url(/static/portal/img/main/img_service6.png);
}
.service-swiper li a.ico7 {
background-image: url(/static/portal/img/main/img_service7.png);
}
.service-swiper li a.ico8 {
background-image: url(/static/portal/img/main/img_service8.png);
}
.service-swiper li a.ico9 {
background-image: url(/static/portal/img/main/img_service9.png);
}
.service-swiper li a.ico10 {
background-image: url(/static/portal/img/main/img_service10.png);
}
.service-swiper li a .title {
display: block;
font-size: 24.5px;
font-weight: 600;
line-height: 1.3;
margin-bottom: 10px;
position: relative;
z-index: 9;
}
.service-swiper li a .txt {
display: none;
font-size: 13.5px;
line-height: 1.6;
position: relative;
z-index: 9;
}
@media (max-width: 749px) {
.service-swiper {
display: none;
}
}

.service-mobile {
display: none;
margin-inline: 20px;
}
@media (max-width: 749px) {
.service-mobile {
display: block;
}
}
.service-mobile ul {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
gap: 10px;
}
.service-mobile a {
display: block;
height: 100%;
padding: 16px 11px 18px;
border-radius: 15px;
background-color: #eef1f6;
font-size: 16.5px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.24;
letter-spacing: -0.83px;
}

.section4.container {
padding: 60px 0;
}
@media (max-width: 1199px) {
.section4.container {
margin: 0 20px;
}
}
@media (min-width: 1200px) {
.section4.container {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 70px;
}
.section4.container > * {
min-width: 0;
}
}
.section4.container .main-notices {
position: relative;
}
@media (max-width: 1199px) {
.section4.container .main-notices ul {
margin-bottom: 26px;
}
}
.section4.container .main-notices ul li {
margin-top: 20px;
}
.section4.container .main-notices .date {
display: block;
color: #4282ba;
font-weight: 600;
margin-bottom: 8px;
}
.section4.container .main-notices .tit {
width: 100%;
font-size: 18px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
}
.section4.container .main-notices .more {
position: absolute;
top: -2px;
right: 0;
background-color: #eef1f6;
border-radius: 5px;
font-size: 14px;
padding: 7px 10px;
}
@media (max-width: 1199px) {
.section4.container .main-notices .more {
position: static;
}
}
.section4.container .notice-tab {
display: flex;
gap: 40px;
margin-bottom: 35px;
}
@media (max-width: 1199px) {
.section4.container .notice-tab {
margin-bottom: 25px;
}
}
.section4.container .notice-tab a {
font-size: 20px;
font-weight: 600;
}
.section4.container .tabpanel {
display: none;
}
.section4.container .tabpanel.on {
display: block;
}
.section4.container .left .notice-tab a.on {
padding-left: 27px;
background: url(/static/portal/img/main/ico_notice1.png) 0 50% no-repeat;
}
@media (max-width: 1199px) {
.section4.container .right {
margin-top: 45px;
}
}
.section4.container .right .notice-tab a.on {
padding-left: 33px;
background: url(/static/portal/img/main/ico_notice2.png) 0 50% no-repeat;
}

.section5 {
background-color: #1a192f;
border-radius: 30px 30px 0 0;
padding: 0 50px;
}
@media (max-width: 1199px) {
.section5 {
padding: 0 20px;
margin: 0 -20px 0 0;
}
}
@media (min-width: 1200px) {
.section5 .ebook-swiper-ctrl {
display: none;
}
}
@media (max-width: 1199px) {
.section5 .ebook-swiper-ctrl {
position: absolute;
top: 24px;
right: 10px;
display: flex;
gap: 5px;
}
}
.section5 .ebook-swiper-ctrl button {
width: 40px;
height: 40px;
}
.section5 .ebook-swiper-ctrl__prev {
background: url(/static/portal/img/main/ebook_prev.png) no-repeat;
}
.section5 .ebook-swiper-ctrl__next {
background: url(/static/portal/img/main/ebook_next.png) no-repeat;
}
.section5 h2 {
color: #fff;
font-weight: 600;
}
.section5__1 {
position: relative;
padding: 30px 0 20px;
}
.section5__1 h2 {
font-size: 24px;
margin-bottom: 18px;
}
.section5__1 ul {
color: #fff;
}
@media (min-width: 1200px) {
.section5__1 ul {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 20px;
}
}
.section5__1 ul li {
display: flex;
gap: 20px;
}
@media (max-width: 1199px) {
.section5__1 ul li {
width: 280px;
}
}
.section5__1 ul .img {
display: block;
aspect-ratio: 120/162;
width: 120px;
}
.section5__1 ul .img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.section5__1 ul .txt-set {
display: flex;
flex-direction: column;
position: relative;
width: calc(100% - 120px - 20px);
height: 162px;
}
.section5__1 ul .txt-set .title {
display: block;
font-size: 18px;
font-weight: 600;
margin-bottom: 12px;
line-height: 1.4;
overflow: hidden;
text-overflow: ellipsis;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.ie .section5__1 ul .txt-set .title {
display: block;
height: 32px;
overflow: hidden;
}
.section5__1 ul .txt-set .txt {
display: block;
font-size: 14px;
letter-spacing: -0.8px;
}
.section5__1 ul .txt-set .txt.type2 {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
}
.section5__1 ul .txt-set .txt .bar {
display: inline-block;
color: #7e7d93;
margin: 0 2px;
}
.section5__1 ul .txt-set .txt .bar::before {
content: "";
display: inline-block;
vertical-align: middle;
width: 1px;
height: 12px;
background-color: #7e7d93;
}
.section5__1 ul .txt-set .i {
display: block;
font-size: 14px;
color: #00aeef;
font-weight: 600;
margin-bottom: 8px;
}
.section5__1 ul .txt-set a {
position: absolute;
bottom: 0;
left: 0;
text-align: center;
display: block;
font-size: 14px;
color: #fff;
background-color: #262262;
border-radius: 5px;
padding: 5px 15px;
margin-top: auto;
}
.section5__1 ul .txt-set a.a-link {
position: relative;
text-align: left;
}
.section5__1 ul .txt-set a.a-link::after {
content: "";
display: inline-block;
vertical-align: middle;
width: 12px;
height: 12px;
background: url(/static/portal/img/main/ico-alink.png) no-repeat;
position: absolute;
top: 50%;
right: 15px;
margin-top: -6px;
}
.section5__2 {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 0;
border-top: 1px solid #4a4961;
border-bottom: 1px solid #4a4961;
}
.section5__2 h2 {
font-size: 16px;
}
.section5__2 ul {
display: flex;
gap: 90px;
}
@media (max-width: 1199px) {
.section5__2 ul {
gap: 20px;
}
}
.section5__2 ul a {
display: block;
color: #fff;
}
.section5__2 ul a::before {
content: "";
display: inline-block;
vertical-align: middle;
width: 40px;
height: 40px;
margin-right: 10px;
}
.section5__2 ul a.sns-blog::before {
background: url(/static/portal/img/main/sns-blog.png) no-repeat;
}
.section5__2 ul a.sns-youtube::before {
background: url(/static/portal/img/main/sns-youtube.png) no-repeat;
}
.section5__2 ul a.sns-instar::before {
background: url(/static/portal/img/main/sns-instar.png) no-repeat;
}
@media (max-width: 1199px) {
.section5__2 ul a span {
display: none;
}
}

.footer {
margin-top: 0 !important;
}
.footer .container {
border-radius: 0 !important;
}

.mobile-scroller-x {
display: none;
position: relative;
}
.mobile-scroller-x::before {
content: "";
display: block;
position: absolute;
z-index: 99;
top: -4px;
width: 44px;
height: 44px;
animation: tableScrollAni 4s infinite;
background: url(/static/portal/img/main/ico-m-swipe.png) 50% no-repeat;
}
@media (max-width: 749px) {
.mobile-scroller-x {
display: block;
}
}

@keyframes tableScrollAni {
0% {
left: 46%;
opacity: 0.3;
}
50% {
left: 54%;
opacity: 1;
}
100% {
left: 46%;
opacity: 0.3;
}
}
/*# sourceMappingURL=main.css.map */