main{width: 100%;}

.main__section01{position: relative; width: 100%;}
.main__section01 .main__section01__slider{}
.main__section01 .main__section01__slider .swiper-slide{background-color: #FAFAFA;}
.main__section01 .main__section01__slider .swiper-slide .inner-wide{max-width: 1920px; width: 100%; height: 1080px; margin: auto; display: flex; align-items: center;}
.main__section01 .main__section01__slider .swiper-slide:not(.swiper-slide-active){opacity: 0 !important;}
.main__section01 .main__section01__slider .swiper-slide.slide01{background: url('../img/main/visual_01.png') no-repeat center/cover;}
.main__section01 .main__section01__slider .swiper-slide.slide02{background: url('../img/main/visual_02.png') no-repeat center/cover;}
.main__section01 .main__section01__slider .swiper-slide.slide03{background: url('../img/main/visual_03.png') no-repeat center/cover;}
.main__section01 .main__section01__slider .swiper-slide .inner-wide .slide__text{margin-left: 10.41%; padding-bottom: 30px; position: relative;}
.main__section01 .main__section01__slider .swiper-slide .inner-wide .slide__text{margin-left: 10.41%;}
.main__section01 .main__section01__slider .swiper-slide .inner-wide .slide__text h5{padding-bottom: 30px; position: relative; font-size: 50px; font-weight: normal; line-height: 1.2; letter-spacing: -1.25px; text-align: left; color: #fff;}
.main__section01 .main__section01__slider .swiper-slide .inner-wide .slide__text h5::after{content: ""; position: absolute; bottom: 0; left: 0; display: block; width: 30px; height: 2px; background-color: #fff;}
.main__section01 .main__section01__slider .swiper-slide .inner-wide .slide__text p{font-size: 20px; font-weight: 300; line-height: 1.5;letter-spacing: normal;text-align: left;color: #fff; word-break: keep-all;}
.main__section01 .main__section01__slider .arrows{position: absolute; top: 50%; transform: translateY(-50%); background-color: transparent; border: 0; z-index: 9;}
.main__section01 .main__section01__slider .arrows.main__section01__slider-prev{left: 50px;}
.main__section01 .main__section01__slider .arrows.main__section01__slider-next{right: 50px}
.main__section01 .scroll-block{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 9; display: flex; flex-direction: column; align-items: center;}
.main__section01 .scroll-block span{font-family: 'GmarketSans'; font-size: 15px; font-weight: 500; text-align: center;color: #fff;}
.main__section01 .scroll-block .scroll__line{width: 2px; height: 60px; background-color: rgba(255,255,255,.5); position: relative;}
.main__section01 .scroll-block .scroll__line::before{position: absolute; bottom: 0; content: ""; display: block; width: 2px; height: 20px; background-color: #fff;}
.main__section01 .paging-btn{position: absolute; right: 100px; bottom: 120px; z-index: 9;}
.main__section01 .paging-btn{display: flex; flex-direction: column; align-items: flex-end;}
.main__section01 .paging-btn li{display: flex; align-items: center; cursor: pointer;}
.main__section01 .paging-btn li + li{margin-top: 20px;}
.main__section01 .paging-btn li span.num{font-family: 'GmarketSansBold'; font-size: 16px; letter-spacing: normal; text-align: right; color: #fff; display: none;}
.main__section01 .paging-btn li span.shape{display: block; width: 4px; height: 4px; margin-left: 10px; border-radius: 50%; opacity: 0.5; background-color: #fff;}
.main__section01 .paging-btn li.on span.num{display: block;}
.main__section01 .paging-btn li.on span.shape{width: 30px; height: 2px; border-radius: 1px; background-color: #fff;}


.main__section02{position: relative; min-height: 1080px; display: flex; align-items: center; margin-top: 120px; background: url('../img/main/bg_about.png?v=1') no-repeat center; background-size: cover;}
.main__section02 .inner{align-items: flex-end;}
.main__section02 .about_logo{}
.main__section02 .about_logo img{}
.main__section02 .main__section02__menus{display: flex; width: 50%; margin-left: 16.09%;}
.main__section02 .main__section02__menus .menu{height: 880px; width: 25%;}
.main__section02 .main__section02__menus .menu a{padding: 0 30px; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; position: relative; z-index: 1; border-left: 1px solid rgba(255,255,255,0.5); transition: all .3s;}
.main__section02 .main__section02__menus .menu a::after{content: ""; display: block; position: absolute; top: -60px; left: 0; z-index: -1; width: 100%; height: 1000px; border-radius: 30px; box-shadow: 20px 20px 20px 0 rgba(0, 0, 0, 0.6); background-color: #dda82f; transition: all .3s; opacity: 0; visibility: hidden; transition: all .3s;}
.main__section02 .main__section02__menus .menu a .num span{font-family: 'GmarketSansLight'; font-size: 30px; font-weight: 300; letter-spacing: 1.5px; text-align: left; color: #fff;}
.main__section02 .main__section02__menus .menu a .num .icon_mark{margin-left: -10px; opacity: 0; visibility: hidden; transition: all .3s;}
.main__section02 .main__section02__menus .menu a h5{margin-top: 10px; font-family: 'GmarketSans'; font-size: 20px; letter-spacing: 1px; text-align: left; color: #fff;}
.main__section02 .main__section02__menus .menu a:hover{border-left: 0;}
.main__section02 .main__section02__menus .menu a:hover .num span{display: none;}
.main__section02 .main__section02__menus .menu a:hover .num .icon_mark{opacity: 1; visibility: visible;}
.main__section02 .main__section02__menus .menu a:hover h5{margin-top: 15px; font-size: 29px; font-weight: bold; letter-spacing: 1.45px;}
.main__section02 .main__section02__menus .menu a:hover::after{opacity: 1; visibility: visible;}



.main__section03{position: relative;}
.main__section03 .inner{display: flex; justify-content: space-between; min-height: 1080px; padding: 140px 100px; box-sizing: border-box; position: relative;}
.main__section03 .inner::after{content: ""; position: absolute; display: block; width: 900px; height: 420px; top: 50%; right: -1%; transform: translateY(-50%); z-index: -1; border-radius: 50px; background-color: #dda82f;}
.main__section03 .business__left .tit{position: relative;}
.main__section03 .business__left .tit::before{content: ""; position: absolute; top: -110px; left: 20px; display: block; width: 220px; height: 220px; box-shadow: 20px 30px 10px 0 rgba(0, 0, 0, 0.3); background-color: rgba(221, 168, 47, 0.15); border-radius: 50%;}
.main__section03 .business__left .tit::after{content: ""; position: absolute; left: 0; bottom: 0; width: 40px; height: 3px; background-color: #dda82f;}
.main__section03 .business__left .tit h5{position: relative; display: inline-block; font-family: 'GmarketSansBold'; font-size: 30px; text-align: left; color: #000;}
.main__section03 .business__left .tit h5::after{content: ""; position: absolute; top: -5px; right: -5px; display: block; width: 10px; height: 10px; background-color: #dda82f; border-radius: 50%;}
.main__section03 .business__left .paging{width: 200px;}
.main__section03 .business__left .paging li{margin-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #e6e6e6;}
.main__section03 .business__left .paging li button{display: flex; align-items: flex-start; cursor: pointer; background: transparent; border: 0;}
.main__section03 .business__left .paging li button p{ font-family: 'GmarketSans'; font-size: 18px; font-weight: bold; text-align: left; color: #000;}
.main__section03 .business__left .paging li button span{font-family: 'Pretendard'; font-size: 14px; text-align: left; color: #000;}
.main__section03 .business__left .paging li button .icon_arrow{display: none; transition: all .3s;}
.main__section03 .business__left .paging li button .menu {text-align:left;}
.main__section03 .business__left .paging li.active button p{color: #ccc;}
.main__section03 .business__left .paging li.active button span{color: #ccc;}
.main__section03 .business__left .paging li.active button .icon_arrow{display: block; margin-right: 10px; margin-top: 6px;}
.main__section03 .business__right{margin-left: 60px; max-width: 1460px; width: 100%;}
.main__section03 .business__right .main__section03__slider{max-height: 800px; overflow: initial !important;}
.main__section03 .business__right .main__section03__slider li .slide__text{width: 55.17%; float: left; margin-top: 200px;}
.main__section03 .business__right .main__section03__slider li .slide__text h1{display: inline-block; font-family: 'GmarketSansBold'; font-size: 80px; line-height: 1.34; font-weight: bold; text-align: left; color: #dda82f; position: relative;}
.main__section03 .business__right .main__section03__slider li .slide__text h1.ownBrand{line-height: 1.2;}
.main__section03 .business__right .main__section03__slider li .slide__text h1.ownBrand::after{top: initial; bottom: 50%; right: -30px;}
.main__section03 .business__right .main__section03__slider li .slide__text h1::after{content: ""; position: absolute; top: -10px; right: -10px; display: block; width: 20px; height: 20px; background-color: #dda82f; border-radius: 50%;}
.main__section03 .business__right .main__section03__slider li .slide__text .paragraph{margin-top: 28px;}
.main__section03 .business__right .main__section03__slider li .slide__text p{font-size: 20px; text-align: left; color: #000; word-break: keep-all;}
.main__section03 .business__right .main__section03__slider li .slide__text a{display: inline-flex; align-items: center; position: relative; margin-top: 72px;}
.main__section03 .business__right .main__section03__slider li .slide__text a::after{position: absolute; right: 0px; content: ""; display: block; width: 60px; height: 60px; background-color: #dda82f; border-radius: 50%; opacity: 0; visibility:hidden; transition: all .3s;}
.main__section03 .business__right .main__section03__slider li .slide__text a:hover::after{right: -35px; opacity: 0.1; visibility: visible;}
.main__section03 .business__right .main__section03__slider li .slide__text a span{font-family: 'GmarketSans'; font-size: 16px; font-weight: 500; text-align: left; color: #dda82f;}
.main__section03 .business__right .main__section03__slider li .slide__text a img{margin-left: 17px;}
.main__section03 .business__right .main__section03__slider li .slide__img{width:43.83%; height: 800px; border-radius: 100px; overflow: hidden; float: left; box-shadow: 30px 30px 30px 0 rgba(0, 0, 0, 0.2);}
.main__section03 .business__right .main__section03__slider li .slide__img img{width: 100%; height: 100%;}
.main__section03 .business__right .main__section03__slider .swiper-slide:not(.swiper-slide-active){opacity: 0 !important;}  
.main__section03 .business__right .main__section03__slider .arrow-btns{display: none;}


.sec02__deco_item {position: absolute; height: 0; border-radius: 50%; z-index: -1;}
.sec02__deco_item--01 {top: -30%; left: -6%; width: 40%; padding-top: 40%; border: solid 15px rgba(221,168,47,0.05);
    -webkit-animation: deco01 25s infinite ease-in-out; animation: deco01 25s infinite ease-in-out}
.sec02__deco_item--02 {bottom: 13%; right: 8%; width: 20%; padding-top: 20%; border: solid 5px rgba(221,168,47,0.05);
    -webkit-animation: deco02 25s infinite ease-in-out; animation: deco02 25s infinite ease-in-out}

@-webkit-keyframes deco01 {
    0% {
        top: -30%;
        left: -6%
    }
    50% {
        top: -20%;
        left: 54%;
        width: 25%;
        padding-top: 25%
    }
    100% {
        top: -30%;
        left: -6%;
        width: 40%;
        padding-top: 40%
    }
}
@keyframes deco01 {
    0% {
        top: -30%;
        left: -6%
    }
    50% {
        top: -20%;
        left: 54%;
        width: 25%;
        padding-top: 25%
    }
    100% {
        top: -30%;
        left: -6%;
        width: 40%;
        padding-top: 40%
    }
}
@-webkit-keyframes deco02 {
    0% {
        bottom: 13%;
        right: 8%
    }
    50% {
        bottom: -55%;
        right: 54%;
        width: 35%;
        padding-top: 35%
    }
    100% {
        bottom: 13%;
        right: 8%;
        width: 20%;
        padding-top: 20%
    }
}
@keyframes deco02 {
    0% {
        bottom: 13%;
        right: 8%
    }
    50% {
        bottom: -55%;
        right: 54%;
        width: 35%;
        padding-top: 35%
    }
    100% {
        bottom: 13%;
        right: 8%;
        width: 20%;
        padding-top: 20%
    }
}

.main__section04{min-height: 1080px; background-color: #faf8f5;}
.main__section04 .inner{padding: 220px 100px;}
.main__section04 .inner .tit{}
.main__section04 .inner .tit h1{font-family: "isidora"; font-size: 80px; font-weight: 900; text-align: left; color: #000;}
.main__section04 .inner .tit p{font-size: 20px;text-align: left; color: #000; word-break: keep-all;}
.main__moreBtn{display: inline-flex; align-items: center; position: relative; margin-top: 72px;}
.main__moreBtn::after{position: absolute; right: 0px; content: ""; display: block; width: 60px; height: 60px; background-color: #dda82f; opacity: 0; border-radius: 50%; visibility: hidden; transition: all .3s;}
.main__moreBtn:hover::after{right: -35px; opacity: 0.1; visibility: visible;}
.main__moreBtn span{font-family: 'GmarketSans'; font-size: 16px; font-weight: 500; text-align: left; color: #dda82f;}
.main__moreBtn img{margin-left: 17px;}
.main__section04 .board{margin-left: 13.95%; width: 46.87%;}
.main__section04 .board ul{border-top: 3px solid #000; border-bottom: 3px solid #000;}
.main__section04 .board ul li{padding: 35px 0;}
.main__section04 .board ul li+li{border-top: 1px solid #000;}
.main__section04 .board ul li a{display: flex; flex-direction: column;}
.main__section04 .board ul li b{font-family: 'GmarketSans'; font-size: 14px; font-weight: bold; line-height: 1.79; letter-spacing: normal; text-align: left; color: #000;}
.main__section04 .board ul li h5{margin-top: 14px; font-size: 25px; font-weight: 600; line-height: 1; text-align: left; color: #000; word-break: keep-all;}
.main__section04 .board ul li p{margin-top: 15px; font-size: 18px; line-height: 1.39; letter-spacing: normal; text-align: left; color: #000; word-break: keep-all;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%;}
/* .main__section04 .board ul li span{display: inline-block; margin-top: 15px; font-family: 'GmarketSans'; font-size: 12px; font-weight: 500; line-height: 2.08;  letter-spacing: normal; text-align: left; color: #000;} */



@media (max-width:1920px){
    main{max-width: 1920px; width: 100%; overflow: hidden;}
    .main__section03 .inner::after{width: 850px; right: -30%;}
}
@media (max-width:1680px){
    .main__section03 .business__right .main__section03__slider li .slide__text h1{font-size: 70px;}
    .main__section02 .inner{padding: 0 20px;}
    .main__section02 .about_logo{width: 331px;}
    .main__section02 .about_logo img{width: 100%;}
    .main__section02 .main__section02__menus{width: 69%; margin-left: 11.09%;}

    .main__section03 .inner{padding: 140px 40px;}
    .main__section03 .business__right .main__section03__slider li .slide__text{width: 50%;}
    .main__section03 .business__right .main__section03__slider li .slide__img{width: 45%; margin-left: 5%;}

    .main__section04{min-height: initial;}
    .main__section04 .inner{padding: 140px 40px;}
}
@media (max-width:1440px){
    .main__section02{min-height: initial;}
    .main__section02 .inner{padding: 80px 20px;}
    .main__section02 .main__section02__menus{flex-wrap: wrap;}
    .main__section02 .main__section02__menus .menu{height: 430px; width: 50%; margin-top: 20px;}
    .main__section02 .main__section02__menus .menu a::after{height: 440px; top: 0px;}
    .main__section02 .main__section02__menus .menu a:hover h5{font-size: 20px; font-weight: bold; letter-spacing: 1.45px;}

    .main__section03 .inner{flex-direction: column; padding: 100px 40px;}    
    .main__section03 .inner .business__left{display: flex; flex-direction: column;}
    .main__section03 .business__left .tit::before{width: 180px; height: 180px; top: -75px;}
    .main__section03 .business__left .paging{width: 100%; display: flex; flex-wrap: wrap; margin-top: 40px}
    .main__section03 .business__left .paging li{padding: 15px 20px; margin-top: 0; width: 20%;}
    .main__section03 .business__left .paging li a p{white-space: nowrap;}
    .main__section03 .inner::after{display: none;}
    .main__section03 .business__right{margin-left: 0; margin-top: 40px;}
}
@media (max-width:1280px){
    .main__section03 .business__left .paging{display: none;}
    .main__section03 .business__right{max-width: 640px; width: 100%;}
    .main__section03 .business__right .main__section03__slider{min-height: 800px; max-height: initial; position: relative;}
    .main__section03 .business__right .main__section03__slider .arrow-btns{display: flex; position: absolute; right: 0; top:33%; z-index: 9;}
    .main__section03 .business__right .main__section03__slider .arrow-btns .btns{display: block; width: 23px; height: 43px; background-color: transparent; border: 0; cursor: pointer;}
    .main__section03 .business__right .main__section03__slider .arrow-btns .btn-prev{background: url('../img/main/btn_prev_y.png') no-repeat}
    .main__section03 .business__right .main__section03__slider .arrow-btns .btn-next{background: url('../img/main/btn_next_y.png') no-repeat; margin-left: 20px;}
    .main__section03 .business__right .main__section03__slider li .slide__text{float: initial; margin-top: 40px; width: initial;}
    /* .main__section03 .business__right .main__section03__slider li .slide__text h1 br{display: none;} */
    .main__section03 .business__right .main__section03__slider li .slide__img{float: initial; margin-left: 0; margin-top: 60px; max-width: 640px; width: 100%; height: 400px; border-radius: 50px; overflow: hidden;}
    
    /* 필드별 이미지 변경시 */
    .main__section03 .business__right .main__section03__slider li.slide01 .slide__img{background: url('../img/main/business_02.jpg') no-repeat center; background-size: cover;}
    .main__section03 .business__right .main__section03__slider li.slide02 .slide__img{background: url('../img/main/business_03.jpg') no-repeat center; background-size: cover;}
    .main__section03 .business__right .main__section03__slider li.slide03 .slide__img{background: url('../img/main/business_04.jpg') no-repeat center; background-size: cover;}
    .main__section03 .business__right .main__section03__slider li.slide04 .slide__img{background: url('../img/main/business_05.jpg') no-repeat center; background-size: cover;}
    .main__section03 .business__right .main__section03__slider li.slide05 .slide__img{background: url('../img/main/business_06.jpg') no-repeat center; background-size: cover;}
    /* .main__section03 .business__right .main__section03__slider li.slide06 .slide__img{background: url('../img/main/business_06.jpg') no-repeat center; background-size: cover;} */
    /* .main__section03 .business__right .main__section03__slider li.slide07 .slide__img{background: url('../img/main/m_business_07.jpg') no-repeat center; background-size: cover;}
    .main__section03 .business__right .main__section03__slider li.slide08 .slide__img{background: url('../img/main/business_08.jpg') no-repeat center; background-size: cover;} */
    
    .main__section03 .business__right .main__section03__slider li .slide__text a{margin-top: 60px;}
    .main__section03 .business__right .main__section03__slider li .slide__img img{display: none;}


    .main__section04 .inner .tit{width: 32%;}
    .main__section04 .board{margin-left: 2%; width: 66%;}
}

@media (max-width:1024px){
    .main__section02 .inner{flex-direction: column-reverse;}
    .main__section02 .main__section02__menus{width: 100%; margin-left: 0;}
    .main__section02 .about_logo{margin-top: 100px;}

    .main__section04 .inner{flex-direction: column;}
    .main__section04 .inner .tit{width: 100%;}
    .main__moreBtn{margin-top: 60px;}
    .main__section04 .board{margin-left: 0; width: 100%; margin-top: 50px;}
}

@media (max-width:769px){
    .inner{width: 95%;}

    .main__section01 .main__section01__slider .swiper-slide .inner-wide{flex-direction: column; height: 700px; justify-content: center;}
    .main__section01 .main__section01__slider .swiper-slide .inner-wide .slide__text{margin-left: 0;}
    .main__section01 .main__section01__slider .swiper-slide .inner-wide .slide__text h5{font-size: 34px; text-align: center;}
    .main__section01 .main__section01__slider .swiper-slide .inner-wide .slide__text h5::after{left: 50%; transform: translateX(-50%);}
    .main__section01 .main__section01__slider .swiper-slide .inner-wide .slide__text p{text-align: center;}
    .main__section01 .main__section01__slider .arrows.main__section01__slider-next{right: 20px;}
    .main__section01 .main__section01__slider .arrows.main__section01__slider-prev{left: 20px;}
    .main__section01 .paging-btn{right: 20px; bottom: 50px;}


    .main__section02 .inner{padding: 80px 0px;}
    .main__section03 .inner{padding: 80px 0px;}
    .main__section03 .business__right .main__section03__slider li .slide__text h1{font-size: 60px; white-space: initial;}
    .main__section03 .business__right .main__section03__slider li .slide__text p br{display: none;}
    
    .main__section04 .inner{padding: 80px 0px;}
    .main__section04 .inner .tit h1{font-size: 60px;}
}


@media (max-width:500px){
    .main__section01 .main__section01__slider .swiper-slide .inner-wide{height: 450px;}
    .main__section01 .main__section01__slider .swiper-slide .inner-wide .slide__text h5{font-size: 20px; letter-spacing: -0.5px;}
    .main__section01 .main__section01__slider .swiper-slide .inner-wide .slide__text p{font-size: 16px;}
    .main__section01 .main__section01__slider .arrows.main__section01__slider-next img{width: 15px;}
    .main__section01 .main__section01__slider .arrows.main__section01__slider-prev img{width: 15px;}
    .main__section01 .scroll-block span{font-size: 13px;}
    .main__section01 .scroll-block .scroll__line{height: 40px;}
    .main__section01 .paging-btn li span.num{font-size: 14px;}


    .main__section02 {height: 100vh; margin-top: 80px; background: url(../img/main/bg_about.png?v=1) no-repeat 17% 32%/cover;}
    .main__section02 .inner{padding: 0 0 20px 0; height: 100%;}
    .main__section02 .main__section02__menus{height: calc(100% - 35px - 34px - 40px);}
    .main__section02 .main__section02__menus .menu{height: 50%;}
    .main__section02 .main__section02__menus .menu a{padding: 10px;}
    .main__section02 .main__section02__menus .menu a::after{height: 100%;}
    .main__section02 .main__section02__menus .menu a .num{display: flex; align-items: center;}
    .main__section02 .main__section02__menus .menu a .num .icon_mark{width: 60px; margin-left: 0;}
    .main__section02 .main__section02__menus .menu a .num span{font-size: 20px;}
    .main__section02 .main__section02__menus .menu a h5{margin-top: 5px; font-size: 18px;}
    .main__section02 .about_logo{max-width: 185px; width: 100%;}

    .main__section03 .inner{justify-content: flex-start; min-height: initial; padding: 40px 0;}
    .main__section03 .business__left .tit h5{font-size: 24px;}
    .main__section03 .business__left .tit::before{width: 125px; height: 125px; top: -45px;}
    .main__section03 .business__right .main__section03__slider{min-height: initial;}
    .main__section03 .business__right .main__section03__slider li .slide__text{margin-top: 0px;}
    .main__section03 .business__right .main__section03__slider li .slide__text h1{font-size: 28px;}
    .main__section03 .business__right .main__section03__slider li .slide__text h1::after{width: 10px; height: 10px; top: 0;}
    .main__section03 .business__right .main__section03__slider li .slide__text p{margin-top:15px; font-size: 16px;}
    .main__section03 .business__right .main__section03__slider li .slide__text a{margin-top: 25px;}
    .main__section03 .business__right .main__section03__slider li .slide__text a::after{width: 40px; height: 40px; right: -18px; opacity: 0.1; visibility: visible;}
    .main__section03 .business__right .main__section03__slider li .slide__text a:hover::after{width: 40px; height: 40px; right: -18px; opacity: 0.1; visibility: visible;}
    .main__section03 .business__right .main__section03__slider li .slide__text a img{width: 35px;}
    .main__section03 .business__right .main__section03__slider li .slide__img{margin-top: 25px; height: 250px;}
    .main__section03 .business__right .main__section03__slider .arrow-btns{top: 0; right: 0;}
    .main__section03 .business__right .main__section03__slider .arrow-btns .btns{width: 13px; height: 23px; background-size: cover; background-position: center;}

    .main__section04 .inner .tit h1{font-size: 28px;}
    .main__section04 .inner .tit p{margin-top: 15px; font-size: 16px;}
    .main__section04 .board ul li{padding: 20px 0;}
    /* .main__section04 .board ul li a h5{font-size: 18px;} */
    .main__section04 .board ul li p{margin-top: 10px; font-size: 16px;}
    .main__moreBtn::after{width: 40px; height: 40px; right: -18px; opacity: 0.1; visibility: visible;}
    .main__moreBtn:hover::after{width: 40px; height: 40px; right: -18px; opacity: 0.1; visibility: visible;}
    .main__moreBtn img{width: 35px;}
}