@import url("/static/alright/css/default.css?v6599");
/* main */
.container {
max-width: 100%;
}
@media screen and (max-width: 1940px) {
.container {
padding: 0 10px;
}
}
@media (max-width: 1199px) {
.container {
width: calc(100% - 40px);
padding: 0;
max-width: 740px;
width: calc(100% - 40px);
margin: 0 auto;
}
}
@media (max-width: 767px) {
.container {
width: calc(100% - 20px);
}
}

#header {
box-shadow: none;
}

.section1 {
padding-top: 20px;
padding-bottom: 80px;
background-color: #F0F1FC;
background-image: url(/static/alright/img/main/main-bg-box.png);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: auto 100%;
}
@media (min-width: 1200px) {
.section1 {
height: 694px;
}
}
@media (max-width: 767px) {
.section1 {
background-image: url(/static/alright/img/main/main-bg-box-m.png);
background-size: cover;
}
}
.section1_top h2 {
text-align: center;
font-family: "montserratbold";
font-size: 80px;
color: #3241b9;
line-height: 1.25;
}
@media (min-width: 1200px) {
.section1_top h2 {
margin-top: 10px;
}
}
@media (max-width: 767px) {
.section1_top h2 {
font-size: 60px;
}
}
.section1_top h2 strong {
font-family: "NEXONLv2GothicOTFBold";
font-size: 30px;
font-weight: 600;
color: #0d193d;
}
@media (max-width: 767px) {
.section1_top h2 strong {
font-size: 24px;
}
}
.section1_top h2 span {
font-weight: 600;
}
.section1_top p {
text-align: center;
margin-top: 15px;
color: #0d193d;
font-size: 24px;
font-weight: 400;
letter-spacing: -0.6px;
}
.section1_top p em {
font-weight: 600;
}
.section1 .sec-set {
margin-top: 28px;
}
.section1 .sec-set ul {
display: flex;
justify-content: center;
gap: 10px;
}
@media (max-width: 767px) {
.section1 .sec-set ul {
display: block;
}
}
@media (max-width: 767px) {
.section1 .sec-set ul li {
text-align: center;
}
.section1 .sec-set ul li + li {
margin-top: 10px;
}
}
.section1 .sec-set ul li a {
display: inline-block;
color: #fff;
font-size: 18px;
font-weight: 500;
border-radius: 30px;
padding: 16px 34px;
background-color: #040301;
}
.section1 .sec-set ul li a:focus {
outline-offset: 3px;
outline: 1px dashed #040301;
}
@media (max-width: 767px) {
.section1 .sec-set ul li a {
padding: 10px 30px;
}
}
.section1 .sec-set ul li a.btn-down {
background-color: #3241b9;
}
.section1_menu h2 {
margin: 40px 0 15px;
font-size: 26px;
}
@media (max-width: 767px) {
.section1_menu h2 {
font-size: 24px;
margin: 40px 0 15px;
}
}
.section1_menu ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 50px;
padding: 15px;
background-color: #cbd3ee;
border-radius: 20px 50px 20px 50px;
}
@media (max-width: 767px) {
.section1_menu ul {
display: block;
}
}
.section1_menu ul li {
display: flex;
flex: 1;
align-items: center;
font-size: 18px;
word-break: keep-all;
}
@media (max-width: 767px) {
.section1_menu ul li br {
display: none;
}
.section1_menu ul li + li {
margin-top: 30px;
}
}
.section1_menu ul li i::before {
content: "";
display: inline-block;
vertical-align: middle;
width: 120px;
height: 120px;
margin-right: 20px;
}
@media (max-width: 767px) {
.section1_menu ul li i::before {
width: 84px;
height: 84px;
background-size: 84px;
border-radius: 50px;
}
}
.section1_menu ul li i.ico1::before {
background: url(/static/alright/img/main/ico-01.png) 50% no-repeat;
}
.section1_menu ul li i.ico2::before {
background: url(/static/alright/img/main/ico-02.png) 50% no-repeat;
}
.section1_menu ul li i.ico3::before {
background: url(/static/alright/img/main/ico-03.png) 50% no-repeat;
}
.section1_menu ul li i.ico4::before {
background: url(/static/alright/img/main/ico-04.png) 50% no-repeat;
}
.section1_menu ul li i.ico5::before {
background: url(/static/alright/img/main/ico-05.png) 50% no-repeat;
}
.section1_menu ul li + li {
position: relative;
}
.section1_menu ul li + li::before {
content: "";
display: inline-block;
vertical-align: middle;
width: 18px;
height: 30px;
background: url(/static/alright/img/main/ico-arrow.png) no-repeat;
position: absolute;
top: 50%;
margin-top: -15px;
left: -40px;
}
@media (max-width: 767px) {
.section1_menu ul li + li::before {
top: -20px;
left: 50%;
margin-left: -9px;
transform: rotate(90deg);
}
}

.section2 {
padding: 80px 0;
background-color: #0d193d;
}
@media (max-width: 767px) {
.section2 {
padding: 45px 0;
}
}
.section2 .container {
position: relative;
}
.section2 .container h2 {
font-size: 48px;
color: #fff;
font-weight: 600;
position: absolute;
top: -10px;
left: 0;
z-index: 9;
}
@media (max-width: 1199px) {
.section2 .container h2 {
position: static;
font-size: 36px;
margin-bottom: 20px;
}
}
.section2 .slider-wrap {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap: 50px;
}
@media (max-width: 1199px) {
.section2 .slider-wrap {
display: block;
}
}
.section2 .slider-wrap-left {
position: relative;
z-index: 9;
}
.section2 .slider-wrap-left .leftMenuSwiper {
width: 568px;
height: 236px;
overflow-y: auto;
overflow-x: hidden;
}
@media (max-width: 1199px) {
.section2 .slider-wrap-left .leftMenuSwiper {
width: 100%;
margin-bottom: 30px;
}
}
.section2 .slider-wrap-left .leftMenuSwiper::-webkit-scrollbar {
display: none;
}
.section2 .slider-wrap-left .leftMenuSwiper .swiper-wrapper {
display: flex;
flex-direction: column;
}
.section2 .slider-wrap-left .leftMenuSwiper .swiper-slide-thumb-active {
background-color: #e345bc;
border-color: #e345bc;
}
.section2 .slider-wrap-left .leftMenuSwiper button {
width: max-content;
max-width: 100%;
color: #fff;
font-size: 18px;
text-align: left;
font-weight: 500;
border: 1px solid #7b7b7b;
border-radius: 10px;
padding: 10px 25px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
height: 50px !important;
margin-bottom: 10px;
}
.section2 .slider-wrap-left .leftMenuSwiper button:focus {
outline-offset: -3px;
}
.section2 .slider-wrap-left .leftMenuSwiper button.active, .section2 .slider-wrap-left .leftMenuSwiper button:hover {
background-color: #e345bc;
border-color: #e345bc;
}
.section2 .slider-wrap-left .more {
position: absolute;
z-index: 99;
bottom: -80px;
left: 0;
}
.section2 .slider-wrap-left .more a {
width: 44px;
height: 44px;
}
.section2 .slider-wrap-left .more a::before {
content: "";
display: inline-block;
width: 44px;
height: 44px;
vertical-align: middle;
background: url(/static/alright/img/main/b-more.png);
}
.section2 .slider-wrap-left .more a:focus {
outline-offset: 3px;
outline: 1px dashed #fff;
}
@media (max-width: 1199px) {
.section2 .slider-wrap-left .more {
bottom: auto;
top: -69px;
left: auto;
right: 20px;
}
}
.section2 .slider-wrap-right {
position: relative;
width: calc(100% - 568px);
}
@media (max-width: 767px) {
.section2 .slider-wrap-right {
width: 100%;
}
}
.section2 .slider-wrap-right::before {
content: "";
display: block;
width: 179px;
height: 180px;
background: url(/static/alright/img/main/v_deco.png);
position: absolute;
top: -50px;
left: -80px;
z-index: 2;
animation: spin 8s linear infinite;
will-change: transform;
}
@media (max-width: 767px) {
.section2 .slider-wrap-right::before {
display: none;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.section2 .slider-wrap-right::after {
content: "";
display: block;
position: absolute;
top: 0;
left: -2000px;
width: 2000px;
height: 100%;
z-index: 1;
background-color: #0d193d;
}
@media (max-width: 767px) {
.section2 .slider-wrap-right::after {
display: none;
}
}
.section2 .slider-wrap .mySwiper.swiper {
position: relative;
overflow: visible;
z-index: 2;
}
.section2 .slider-wrap .mySwiper.swiper .swiper-slide {
flex-shrink: 0;
width: 840px;
height: 460px;
position: relative;
transform: scale(0);
}
@media (max-width: 767px) {
.section2 .slider-wrap .mySwiper.swiper .swiper-slide {
width: 320px;
height: 175px;
}
}
.section2 .slider-wrap .mySwiper.swiper .swiper-slide-active {
transform: scale(1);
}
.section2 .slider-wrap .mySwiper.swiper .swiper-slide-active + .swiper-slide {
transform: scale(0.9);
margin-top: 5px;
}
.section2 .slider-wrap .mySwiper.swiper .swiper-slide-active .txt-box {
display: block !important;
}
.section2 .slider-wrap .mySwiper.swiper .swiper-slide:focus {
outline-offset: 3px;
outline: 1px dashed #fff;
}
.section2 .slider-wrap .mySwiper.swiper .swiper-slide .txt-box {
display: none;
color: #fff;
position: absolute;
bottom: 0;
left: 0;
z-index: 9;
padding: 20px 40px 40px;
width: 100%;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0));
}
@media (max-width: 767px) {
.section2 .slider-wrap .mySwiper.swiper .swiper-slide .txt-box {
padding: 10px 10px 0;
}
}
.section2 .slider-wrap .mySwiper.swiper .swiper-slide .txt-box span {
display: inline-block;
color: #fff;
background-color: #3241b9;
border-radius: 20px;
padding: 3px 18px;
}
@media (max-width: 767px) {
.section2 .slider-wrap .mySwiper.swiper .swiper-slide .txt-box span {
font-size: 15px;
}
}
.section2 .slider-wrap .mySwiper.swiper .swiper-slide .txt-box strong {
width: 100%;
margin-top: 10px;
display: block;
font-size: 28px;
font-weight: 500;
}
@media (max-width: 767px) {
.section2 .slider-wrap .mySwiper.swiper .swiper-slide .txt-box strong {
font-size: 22px;
display: inline-block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
.section2 .slider-wrap .mySwiper.swiper .img {
display: block;
padding-top: 460px;
background-repeat: no-repeat;
background-position: 50% 0;
background-size: cover;
border-radius: 10px;
object-fit: cover;
}
@media (max-width: 767px) {
.section2 .slider-wrap .mySwiper.swiper .img {
padding-top: 175px;
}
}

.section3 {
padding: 86px 0 80px;
background-color: #f0f0f0;
}
@media (max-width: 767px) {
.section3 {
padding: 50px 0 40px;
}
}
.section3 .container {
position: relative;
}
.section3 h2 {
font-size: 36px;
font-weight: 600;
}
@media (max-width: 767px) {
.section3 h2 {
font-size: 28px;
}
}
.section3 .notice-tab {
position: absolute;
top: 12px;
right: 86px;
z-index: 99;
display: flex;
gap: 40px;
}
@media (max-width: 1199px) {
.section3 .notice-tab {
position: static;
margin-top: 25px;
margin-bottom: 20px;
}
}
.section3 .notice-tab a {
font-size: 18px;
font-weight: 500;
padding: 2px 0;
}
.section3 .notice-tab a.on {
position: relative;
color: #e345bc;
}
.section3 .notice-tab a.on::before {
content: "";
display: block;
width: 100%;
height: 2px;
background-color: #e345bc;
position: absolute;
bottom: 0;
left: 0;
}
.section3 .notice__list {
margin-top: 20px;
display: grid;
gap: 28px;
grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1199px) {
.section3 .notice__list {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.section3 .notice__list {
gap: 0;
grid-template-columns: repeat(1, 1fr);
border-top: 1px solid var(--bd-color);
}
}
.section3 .notice__list li {
border-top: 2px solid #000;
border-bottom: 1px solid #ccc;
padding: 20px;
}
@media (max-width: 1199px) {
.section3 .notice__list li + li ~ li {
display: none;
}
}
@media (max-width: 767px) {
.section3 .notice__list li {
padding: 15px 10px;
border-top: none;
}
}
.section3 .notice__list li a {
font-size: 20px;
font-weight: 500;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
white-space: unset;
overflow: hidden;
height: 59px;
}
@media (max-width: 767px) {
.section3 .notice__list li a {
font-size: 18px;
max-height: 48px;
height: auto;
}
}
.section3 .notice__list li a:hover {
color: #3241b9;
text-decoration: underline;
}
.section3 .notice__list li .txt {
display: block;
margin: 25px 0;
line-height: 1.5;
}
.section3 .notice__list li .date {
display: block;
margin-top: 12px;
color: #757575;
}
.section3 .more {
position: absolute;
z-index: 99;
top: 3px;
right: 0;
}
.section3 .more a {
width: 44px;
height: 44px;
}
.section3 .more a::before {
content: "";
display: inline-block;
width: 44px;
height: 44px;
vertical-align: middle;
background: url(/static/alright/img/main/b-more.png);
}
@media screen and (max-width: 1940px) {
.section3 .more {
right: 10px;
}
}
@media (max-width: 767px) {
.section3 .more {
top: -1px;
}
}

.ad-pop {
background: #f5f5f5;
position: absolute;
top: 20px;
left: 20px;
z-index: 9999;
display: none;
max-width: 100%;
height: auto !important;
box-shadow: 0 0 16px rgba(0, 0, 0, 0.15);
}
.ad-pop .pop-head {
padding: 0 20px;
background-color: var(--black);
}
.ad-pop .pop-head .pop-tt {
color: #fff;
font-size: 20px;
font-weight: 500;
padding: 12px 0;
}
.ad-pop .pop-head .btn-close {
position: absolute;
right: 20px;
top: 21px;
width: 15px;
height: 15px;
font-size: 0;
line-height: 0;
display: block;
background: url(/static/commons/img/pop-close2.png) center no-repeat;
}
.ad-pop .pop-btm {
font-size: 18px;
padding: 20px;
background-color: #f5f5f5;
}
.ad-pop .pop-btm > div {
display: flex;
justify-content: space-between;
align-items: center;
}
.ad-pop .pop-btm #check_area {
display: flex;
align-items: center;
justify-content: space-between;
}
.ad-pop .pop-btm .btn-close {
color: #6a6a6a;
border: 1px solid #6a6a6a;
border-radius: 10px;
padding: 10px 30px;
background-color: #fff;
}
.ad-pop .pop-cont {
max-height: 100%;
overflow: auto;
background-color: #fff;
}
.ad-pop .pop-cont img {
max-width: 100%;
width: 100% !important;
height: 100% !important;
}
@media (max-width: 1199px) {
.ad-pop {
position: fixed !important;
top: 10px !important;
left: 50% !important;
transform: translateX(-50%);
}
}
/*# sourceMappingURL=main.css.map */