.main-container .main-swiper-area { width: 100%;}
.main-container .main-swiper-area .inner{position: relative;}
.main-container .main-swiper-area .swiper-slide img{ width: 100%;}
.main-container .main-swiper-area .swiper-button-next{background-image: url(../images/main-banner-next.svg); width: 40px; height: 40px; background-size: unset;}
.main-container .main-swiper-area .swiper-button-prev{background-image: url(../images/main-banner-prev.svg); width: 40px; height: 40px; background-size: unset;}
.main-container .main-swiper-area .swiper-wrapper{height: auto ;}
.main-container .main-swiper-area.mobile{display: none;}
.main-container .main-swiper-area.pc{display: block;}
.main-container .main-swiper-area .swiper-pagination-bullets{position: absolute; bottom: 46px; z-index: 10; left: 50%; transform: translate(-50%, -50%); display: flex; gap: var(--Spacing-S);}
.main-container .main-swiper-area .swiper-pagination-bullet {width: 14px; height: 14px; background: var(--icon-reverse); opacity: unset;}
.main-container .main-swiper-area .swiper-pagination-bullets .swiper-pagination-bullet-active{background: var(--icon-default);}

.main-container .top-pickes-box{width: 100%; background-color: var(--main-005); height: 515px;}
.main-container .top-pickes-box .top-pickes-img{ background: url('../images/main-top-pickes-title.svg') no-repeat; padding: 53px 0 48px; margin: auto;     width: 446px; height: 51px; background-position: center; background-size: contain;}
.main-container .top-pickes-box .top-pickes-menu-list ul {justify-content: center;}
.main-container .top-pickes-box .top-pickes-menu-list ul li{background-color: var(--gray-000); border-radius: var(--Radius-M); box-sizing: border-box; padding: var(--Spacing-S); width: auto;}
.main-container .top-pickes-box .top-pickes-menu-list ul li img{width: 200px;}
.main-container .top-pickes-box .top-pickes-menu-list ul li div{text-align: center; margin: var(--Spacing-XS) 0; display: flex; justify-content: center; align-items: center; gap: var(--Spacing-S);}
.main-container .top-pickes-box .top-pickes-menu-list ul li div span{ font-size: var(--Font-Size-Title);}
.main-container .top-pickes-box .top-pickes-menu-list ul li a{width: 100%; display: flex; justify-content: center; align-items: center; background-color: var(--main-001); height: 30px; border-radius: var(--Radius-XS); color: var(--text-reverse); font-size: var(--Font-Size-Body_Long);}

.main-container .main-menu-list {width: 100%; height: 437px;}
.main-container .main-menu-list h2{padding: 64px 0 24px; margin: auto;  font-size: var(--Font-Size-Headline); width: fit-content;}
.main-container .main-menu-list ul {justify-content: center;}
.main-container .main-menu-list ul li {width: auto;}
.main-container .main-menu-list ul li img{width: 220px;}
.main-container .main-menu-list ul li p{ text-align: center; font-size: var(--Font-Size-Body_Short); font-weight: 500; color: var(--text-primary); }

.main-container .main-notice-list {width: 100%; height: 426px; background-color: var(--bg-base);}
.main-container .main-notice-list h2{padding: 64px 0 24px; margin: auto;  font-size: var(--Font-Size-Headline); width: fit-content;}
.main-container .main-notice-list ul {justify-content: center;}
.main-container .main-notice-list ul li {width: auto;}
.main-container .main-notice-list ul li:last-child{margin-right: unset !important;}
.main-container .main-notice-list ul li img{margin-bottom: var(--Spacing-S); border-radius: var(--Radius-S); width: 280px;}
.main-container .main-notice-list ul li div{ color: var(--text-primary);}
.main-container .main-notice-list ul li div p{font-size: var(--Font-Size-Body_Short); font-weight: 700; margin-bottom: var(--Spacing-XS);}
.main-container .main-notice-list ul li div span{ font-size: var(--Font-Size-Body_Long); font-weight: 400;}

.main-container .main-popup-notice {    width: 100%; height: 100vh; position: fixed; background: #000000A6; top: 0; z-index: 1000; left: 0;}
.main-container .main-popup-notice .wrap{   position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.main-container .main-popup-notice .inner{     border-radius: 12px; background: #fff; overflow: hidden; width: 700px;}
.main-container .main-popup-notice .inner .swiper-wrapper{flex-wrap: wrap;}
.main-container .main-popup-notice .inner img{width: 100%; }
.main-container .main-popup-notice .inner .btn-wrap{ display: flex; justify-content: space-between; align-items: center; padding: var(--Spacing-S) var(--Spacing-L); width: 100%; box-sizing: border-box;}
.main-container .main-popup-notice .inner .btn-wrap a{color: var(--text-secondary); font-weight: 500; font-size: var(--Font-Size-Body_Long);}



.main-container .main-menu-list .swiper-main-menu-pagination{ display: none;}
.main-container .main-notice-list .swiper-main-notice-pagination{ display: none;}
.main-container .main-popup-notice .swiper-main-popup-pagination{     z-index: 10; position: absolute; bottom: 70px; left: 50%; transform: translate(-50%, -50%);  width: auto;}
.main-container .main-popup-notice .swiper-main-popup-pagination .swiper-pagination-bullet{     background: #fff; }
.main-container .main-popup-notice .swiper-main-popup-pagination .swiper-pagination-bullet-active{     background: var(--icon-default); width: 14px; height: 14px;}



/* 태블릿 */
@media (max-width: 1199px) {
    .main-container .main-swiper-area .swiper-button-next{display: none;}
    .main-container .main-swiper-area .swiper-button-prev{display: none;}
    .main-container .main-swiper-area .swiper-pagination-bullet{width: 6px ; height: 6px ;}
    .main-container .main-swiper-area .swiper-pagination-bullets{bottom: 20px ;}

    .main-container .top-pickes-box {height: 421px ;}
    .main-container .top-pickes-box .top-pickes-menu-list ul{ justify-content: unset ;}
    .main-container .top-pickes-box .top-pickes-menu-list ul li a{height: 25px ;}
    .main-container .top-pickes-box .top-pickes-img{ padding: 40px 0 20px ; width: 326px ;  height: 38px ; }

    .main-container .main-menu-list {height: 371px ;}
    .main-container .main-menu-list h2{padding: 40px 0 16px ;}
    .main-container .main-menu-list ul{ justify-content: unset ; gap: unset ;}

    .main-container .main-notice-list ul{justify-content: unset ; gap: unset ;}

    .main-container .main-popup-notice .inner{ width: 486px ;}

    .main-container .main-menu-list .swiper-main-menu-pagination{ display: none;}
    .main-container .main-notice-list .swiper-main-notice-pagination{ display: none;}

    .main-container .main-swiper-area.mobile{display: none;}
    .main-container .main-swiper-area.pc{display: block;}

    .main-container .main-popup-notice .swiper-main-popup-pagination{ bottom: 55px;}
    .main-container .main-popup-notice .swiper-main-popup-pagination .swiper-pagination-bullet-active{width: 6px; height: 6px;}
}

/* 모바일 */
@media (max-width: 767px) {

    .main-container .top-pickes-box {  height: 409px ; }
    .main-container .top-pickes-box .top-pickes-img{  width: 255px ;  height: 26px ; }

    .main-container .main-menu-list { height: 389px ; }
    .main-container .main-menu-list ul li{width: 100% ;}
    .main-container .main-menu-list ul li img{margin: auto; }
    .main-container .main-menu-list .swiper-main-menu-pagination{ display: block ; text-align: center; position: absolute; bottom: 40px ; }
    .main-container .main-menu-list .swiper-main-menu-pagination .swiper-pagination-bullet-active{ background: var(--main-001); }

    .main-container .main-notice-list ul li{ width: 100% ; }
    
    .main-container .main-notice-list ul li div{ width: fit-content;}
    .main-container .main-notice-list ul li a{width: fit-content; margin: auto; display: block;}

    .main-container .main-notice-list {height: 363px ;}
    .main-container .main-notice-list h2{padding: 40px 0 16px ;}
    .main-container .main-notice-list .swiper-main-notice-pagination{ display: block ; text-align: center; position: absolute; bottom: 40px ; }
    .main-container .main-notice-list .swiper-main-notice-pagination .swiper-pagination-bullet-active{ background: var(--main-001); }

    .main-container .main-popup-notice .inner{ width: 291px ;}
    .main-container .main-swiper-area.mobile{display: block;}
    .main-container .main-swiper-area.pc{display: none;}
    .main-container .main-popup-notice .swiper-main-popup-pagination{ bottom: 45px;}

}