@charset "UTF-8";


.thumb-img .img-wrap{position: relative; overflow: hidden; height: 0; padding-bottom: 100%;}
.thumb-img .img-wrap img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all .3s;}
.thumb-img .img-wrap:after { position: absolute; top: 0; left: 0; display: block; content: ''; width: 100%; height: 100%; background: #1D1D1D; opacity: 0; z-index: 10; transition: all .3s; } 
.thumb-img:hover .img-wrap:after,
.thumb-img:focus .img-wrap:after{opacity: 0.2;}
.thumb-img:hover img,
.thumb-img:focus img{transform: scale(1.08);}

/* 섹션 공통 타이틀 톤 & 간격 정리 */
.main section:not(.main-banner){padding: 120px 0;}
.main-tit__wrap{margin-bottom: 40px;display: flex;align-items: center;justify-content: space-between;}
.main-tit h2 { color: #0F172A; font-size: 40px; font-weight: 700; line-height: 135%; display: flex;} 
.main-tit h2::after { content: '.'; color: #6A5ACD; font-size: 40px; font-weight: 700; line-height: 135%;} 
.main-tit p { color: var(--g-black7); font-size: 22px; font-weight: 500; } 
.main{background: #F8FAFC}
.main .ico-detail{width: 52px; height: 52px;}
.main footer{padding-top: 56px;}
.main .ft-info {padding: 120px 0;}
.main footer::after{content:'';border-radius: 1594px 1594px 0 0;opacity: 0.16;background: var(--g-main);filter: blur(100px);z-index: -1;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 83%;height: 83%;top: 0;}



/* ===============================
 main-banner
================================= */
.main-banner {padding: 80px 0; background: #fff;} 
.main-banner__tit { color: #FFF; font-size: 72px; font-weight: 600; letter-spacing: -2.16px; margin-top: 32px; } 
.main-banner__tit b { font-weight: 500; font-family: inherit; } 
.main-banner__tit span { position: relative; font-family: inherit; } 
.main-banner__tit span::after { content:''; position: absolute; bottom: -5px; left: 0; width: 100%; height: 6px; background: var(--g-type01-main) } 
.main-banner__slide .swiper-slide { width: 1400px; border-radius: 50px; overflow: hidden; } 
.main-banner__img { width: 100%; position: relative; display: flex;} 
.main-banner__img img { width: 100%; height: 640px; object-fit: cover; } 
.main-banner__txt { position: absolute; top: 0; left: 0; padding: 100px; z-index: 2; } 
.main-banner__img::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50px; opacity: 0.6; background: #0F172A; } 
.main-banner__subTit { color: #fff; font-size: 28px; font-weight: 300; /* 40.6px */}
.main-banner__tit p { color: #FFF; font-size: 72px; font-weight: 600; letter-spacing: -2.16px; margin-left: 160px; } 
.main-banner__control .swiper-pagination { bottom: 100px; left: 100px; display: flex; align-items: center; gap: 8px; } 
.swiper-btn { width: 64px; height: 64px; border-radius: 999px; border: 1px solid #E2E8F0; background: #FFF; box-shadow: 0 8px 16px 0 rgba(15, 23, 42, 0.10); } 
.swiper-prev i { width: 22px; height: 16px; background: url("../../images/ico/ico-arrow_left.svg") no-repeat 50% / cover; } 
.swiper-next i { width: 22px; height: 16px; background: url("../../images/ico/ico-arrow_right.svg") no-repeat 50% / cover; } 
.main-banner__control {display: flex; gap: 12px;}
.main-banner__control .swiper-pagination span { border-radius: 999px; background: rgba(255,255,255,0.3); opacity: 1; } 
.main-banner__control .swiper-pagination span.swiper-pagination-bullet-active { border-radius: 999px; border: 4px solid #FFF; width: 16px; height: 16px; } 
.main-banner__control .swiper-btn__wrap { max-width: 1400px; width: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 100%; display: flex; } 
.main-banner__slide { position: relative; } 
.main-banner__wrap { position: relative; } 
.main-banner .swiper-btn.swiper-prev { left: -32px; } 
.main-banner .swiper-btn.swiper-next { right: -32px; } 
.main-banner .main-banner__control { max-width: 1400px; width: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 100%; z-index: 2; } 
.main-banner .swiper-btn{position: absolute; top: 50%; transform: translateY(-50%); }

.main-section_wrap{position: relative;}
.main-section_wrap::before{content:'';position: absolute;top: 10%;left: 0;width: 345px;height: 892px;background: url("../../images/user/main/main-circle.png");}


/* ===============================
 main-sect01
================================= */
.main-sect01{background: linear-gradient(220deg, rgba(49, 46, 129, 0.06) 0%, rgba(49, 46, 129, 0.00) 27.85%);position: relative;z-index: 1;}
.sect01-wrap.flex {gap: 140px;}
.sect01-l {flex: none;padding-top: 116px;}
.sect01-r{width: calc(100% - 280px - 140px);position: relative;padding-top: calc(96px + 50px);padding-bottom: 50px;overflow: hidden;}
.sect01-r::before { content: ''; position: absolute; left: 61px; top: 0; width: calc(100% - 61px); height: 300px; border-radius: 60px 24px; opacity: 0.12; background: linear-gradient(97deg, var(--g-main) 0%, rgba(106, 90, 205, 0.20) 100%); } 
.sect01-slide { margin: -64px 0; margin-right: 47px; overflow: hidden; } 
.sect01-slide .swiper-container {overflow: unset;padding-top: 50px;} 
.sect01-slide .swiper-slide { width: 289px; height: 350px;} 
.sect01-slide .swiper-slide a {transition: .6s;border-radius: 60px 24px;box-shadow: 0 16px 32px 0 rgba(15, 23, 42, 0.16);padding: 48px;overflow: hidden;height: 300px;position: relative;background-image: url('../../images/user/main/sect01-bg.png');background-repeat: no-repeat;background-position: bottom -63px right;background-size: 132px 165px;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-end;} 
.sect01-slide .swiper-slide.type-purple01 a { background-color: var(--g-main); } 
.sect01-slide .swiper-slide.type-purple02 a { background-color: #B39DDB; } 
.sect01-slide .swiper-slide.type-purple03 a { background-color: #312E81; } 
.sect01-slide__txt p { color: #fff; font-size: 24px; font-weight: 700; line-height: 130%; } 
.sect01-slide__btn {display: inline-flex;padding: 12px 24px;justify-content: center;align-items: center;border-radius: 999px;background: rgba(255, 255, 255, 0.12);color: #fff;font-size: 18px;font-weight: 600;line-height: 130%; transition: .4s;}
.sect01-slide  a:hover{height: 350px;transform: translateY(-50px); background-position: bottom -19px right;}
.sect01-slide  a:hover .sect01-slide__btn{background-color: #fff;}
.sect01-slide .swiper-slide.type-purple01 a:hover .sect01-slide__btn{color: var(--g-main);}
.sect01-slide .swiper-slide.type-purple02 a:hover .sect01-slide__btn{color: #B39DDB;}
.sect01-slide .swiper-slide.type-purple03 a:hover .sect01-slide__btn{color: #312E81;}


/* ===============================
 main-sect02
================================= */
.activity-list{display: grid;grid-template-columns: repeat(2, 1fr);gap: 40px;}
.activity-list > li{padding: 40px 0; border-top: 2px solid #0F172A; border-bottom: 1px solid #E2E8F0;}
.activity-item:hover .activity-btn{opacity: 1;}
.activity-item:hover { padding-right: calc(48px + 24px); } 
.activity-item {display: flex;gap: 24px;position: relative;} 
.activity-img { width: 188px; height: 106px; flex: none; border-radius: 4px; overflow: hidden; } 
.activity-img img { width: 100%; height: 100%; object-fit: cover; } 
.activity-cont .tit { color: #0F172A; font-size: 22px; font-weight: 600; line-height: 145%; min-height: 64px } 
.activity-cont .date { margin-top: 16px; color: #64748B; font-size: 18px; font-weight: 400; line-height: 145%; } 
.activity-btn { flex: none; opacity: 0; width: 48px; height: 48px; display: flex; justify-content: center; align-items: center; border-radius: 999px; background: var(--g-main);  position: absolute; top: 0; right: 0; z-index: 2; } 



/* ===============================
 main-sect03
================================= */
.history-list{border-top: 2px solid #0F172A;}
.history-list > li{display: flex; padding: 32px 0; border-bottom: 1px solid rgba(15, 23, 42, 0.15);}
.history-list > li > div{flex: 1;}
.history-date { color: #0F172A;font-size: 48px;font-weight: 900; opacity: 0.15; } 
.history-cont .tit { color: #1E293B;font-size: 24px;font-weight: 600;line-height: 145%; margin-bottom: 12px } 
.history-cont .cont01 { color: var(--g-main);font-size: 20px;font-weight: 500;line-height: 145%; } 
.history-cont .cont02 { color: #94A3B8;font-size: 18px;font-weight: 400;line-height: 145%; } 


/* 추가 수정작업 */
.main-section_wrap section:not(.main-banner){padding: 120px 0;}
.swiper-btn i{margin: 0}

@media (max-width: 1200px) {
    .main section:not(.main-banner){padding: 80px 0;}
    .main-banner {padding: 80px 40px 0;}
    .main-banner__slide .swiper-slide {width: 100%; border-radius: 30px;}
	.main-banner__img img {height: 520px;object-fit: cover;}
	.main-banner__txt { padding: 16px; }
	.main-sect02 .activity-list {
    display: flex;
    flex-wrap: wrap;
}
	.main-sect02 .activity-item .activity-cont { padding: 12px; }
	.main-sect03 .history-list li {/* display: grid; *//* grid-template-columns: 100px 1fr; *//* gap: 12px; */flex-direction: column;gap: 30px;}
    .sect01-wrap.flex {
        flex-direction: column;
        gap: 60px;
    }

    .sect01-r {
        width: 100%;
        padding-top: 50px;
    }

    .sect01-slide {
        margin: 0;
    }
    .main-banner__subTit{font-size: 20px;}
    .main-banner__tit{font-size: 40px;}
    .main-banner__tit p{font-size: 42px;}

    /* 추가 수정작업 */
    .main-section_wrap section:not(.main-banner){padding: 80px 0;}
    .main-banner__img::after{border-radius: 30px}
    .activity-list > li{width: 100%;}
}

@media (max-width: 768px) {
     .main section:not(.main-banner){padding: 50px 0;}
	.main-banner__img img {height: 420px;}
	.main-banner__txt {padding: 12px;text-align: center;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;}
	.main-sect02 .activity-list {grid-template-columns: repeat(1, 1fr);gap: 16px;}
	.main-sect02 .activity-item .activity-cont { padding: 10px; }
	.main-sect02 .activity-item .activity-btn { right: 10px; bottom: 10px; }
	.main-sect03 .history-list li { grid-template-columns: 1fr; }
	.main-sect03 .history-cont {/* padding-bottom: 10px; *//* border-bottom: 1px solid #e9eef5; */}
    .main-banner__slide .swiper-slide {border-radius: 20px;} 
    .main-banner { padding: 40px 20px 0; } 
    .main-banner .swiper-btn.swiper-prev { left: 0; } 
    .main-banner .swiper-btn.swiper-next { right: 0; } 
    .main-banner__control .swiper-pagination { bottom: 20px; left: 50%; transform: translateX(-50%); } 


    /* 추가 수정작업 */
    .main-section_wrap section:not(.main-banner){padding: 50px 0;}
    .main-banner__img::after{border-radius: 20px}
    .swiper-btn{width: 48px; height: 48px;}
    .swiper-btn i{width: 16px; height: 12px;}
}