:root{
    --color-green: #8FBF75;
    --color-yellow:#FFDD9B;
}

header{box-shadow: 0px 3px 10px #0000001a;}
footer{background-color: #F4F4F4; padding: 70px 0 90px;}
footer .inner{display: flex; align-items: center; justify-content: space-between;}
footer .inner + .inner{border-top: 1px solid #ccc; padding-top: 30px; margin-top: 30px;}
footer .inner .footer-right .footer-gnb{display: inline-flex; gap: 20px; align-items: center;}
footer .inner .footer-right .footer-gnb a{font-size: 19px; font-weight: 500; color: #777;  font-family: "Pretendard-Medium", Helvetica; }
footer .inner .footer-right .footer-gnb a:hover{color: #555;}
footer .inner .footer-content p{font-size: 17px; color: #555;}
footer .inner .footer-content p span{position: relative; padding: 0 20px;}
footer .inner .footer-content p span:nth-child(1){padding: 0 20px 0 0;}
footer .inner .footer-content p span::after{position: absolute; top: 8px; right: 0; width: 1px; height: 10px; background-color: #555; content: '';}
footer .inner .footer-content p span:last-child::after{content: none;}
footer .inner .footer-content p.copy{padding-top: 10px;}
footer .inner .sns-area{display: inline-flex; gap: 16px;}
footer .inner .sns-area a img{border-radius: 50%;}
#hd_wrapper{width: 100%; padding:  0; height: auto;}
#hd_wrapper .inner{display: flex; justify-content: space-between; align-items: center; height: 100px;}
#logo{padding: 0;}
#gnb ul{display: inline-flex; gap: 48px; flex:  0 0 auto;}
#gnb ul li a{font-size: 20px; color: #222; font-family: "Pretendard-Medium", Helvetica; letter-spacing: -0.6px;}
.inner{max-width: 1440px; margin: 0 auto;}
#wrapper{width: 100%; overflow: hidden;}
#container{width: 100%; margin: 0;}

/* 메인 */
main .main-visual-wrap{padding: 150px 0 155px;}
main .title-wrap{text-align: center;}
main .title{position: relative; display: inline; font-size: 50px; letter-spacing: -7px;}
main .title span{color: #8FBF75;}
main .title-sub{ padding-top: 50px; font-size: 17px; color: #555; font-weight: 300;}
main .title::before,
main .title::after{content: ''; position: absolute;  }
main .main-visual-wrap .title::before{ top: -22px; left: -30px; width: 42px; height: 46px; background-image: url('/theme/hongeun/img/main/img_title01.png'); background-repeat: no-repeat; }
main .main-visual-wrap .title::after{top: -14px; right: -38px; width: 42px; height: 43px; background-image: url('/theme/hongeun/img/main/img_title02.png'); background-repeat: no-repeat; }
main .main-visual-wrap .visual-slide-wrap{margin: 78px auto 0;}
main .main-visual-wrap .main-visual-slide {width: 872px; height: 544px; margin: 0 auto; overflow: visible;}
main .main-visual-wrap .swiper{position: relative; width: 872px; height: 100%; overflow: visible; margin: 0 auto;}
main .main-visual-wrap .swiper::after,
main .main-visual-wrap .swiper::before{content: ''; position: absolute; z-index: 9;}
main .main-visual-wrap .swiper::before{top: -29px; left: -169px; width: 239px; height: 191px; background-image: url('/theme/hongeun/img/main/visual-slide_deco01.png');}
main .main-visual-wrap .swiper::after{bottom: -15px; right: -188px; width: 259px; height: 190px; background-image: url('/theme/hongeun/img/main/visual-slide_deco02.png');}
main .main-visual-wrap .swiper .swiper-wrapper { width: 100%; height: 100%; align-items: center;}
main .main-visual-wrap .swiper .swiper-slide { width: 610px; height: 400px; transition: all .2s linear;  border-radius: 15px; overflow: hidden;}
main .main-visual-wrap .swiper .swiper-slide-active { width: 872px !important; height: 100%; transition: all .2s linear;}
main .main-visual-wrap .swiper .swiper-slide img { width: 100%; height: 100%;  object-fit: fill;}
main .cont-sect .title {font-size: 42px;}
main .cont-sect .title::before{top: -7px; left: -17px; width: 35px; height: 35px; border-radius: 50%; background-color: var(--color-yellow); z-index: -1;}
main .notice-wrap{padding: 110px 0 100px;}
main .notice-wrap .title::after{top: 0px; right: -75px; width: 64px; height: 44px; background-image: url('/theme/hongeun/img/main/img_title03.png'); background-repeat: no-repeat;}
main .notice-wrap .content-area {display: flex; gap: 28px; padding-top: 99px;}
main .notice-wrap .content-area .notice-box {width: 890px; border:1px solid #DDDDDD; background-color: #fff; border-radius: 12px;}
main .notice-wrap .content-area .tit-box {display: flex; justify-content: space-between; align-items: center; padding: 19px 35px; border-bottom: 4px solid #eee;}
main .notice-wrap .content-area .tit-box p {position: relative; padding-left: 20px; font-size: 22px; color: #609163; font-weight: 800;}
main .notice-wrap .content-area .tit-box p:after{content:''; position: absolute; bottom: -23px; left: 0; width: 132px; height: 4px; background-color: #609163;}
main .cont-sect .btn-more {position: relative; display: flex; align-items: center; width: 95px; height: 32px; padding: 10px 0 10px 14px; font-size: 15px; color: #fff; background-color: #000; border-radius: 18px; box-sizing: border-box;}
main .cont-sect .btn-more::before {content:''; position: absolute; width: 23px; height: 23px; top: 5px; right: 5px; background-image: url('/theme/hongeun/img/main/ico_btn_arr_green.png'); background-repeat: no-repeat;}
main .notice-wrap .content-area ul{padding: 0 30px 30px;} 
main .notice-wrap .content-area ul li{display: flex; justify-content: space-between; align-items: center;  padding: 14px 19px; border-bottom: 1px solid #ddd;}
main .notice-wrap .content-area ul li:nth-child(1){padding: 19px 19px 25px;}
main .notice-wrap .content-area ul li:last-child{border-bottom: none;}
main .notice-wrap .content-area ul li a{ width:75%; font-family: "Pretendard-Medium", Helvetica; font-size: 17px; color:#333; font-weight: 500; line-height: 1; letter-spacing: -0.05em;   overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
main .notice-wrap .content-area ul li a .ico-point{display: inline-block; line-height: 24px; text-align: center; width: 48px; height: 24px; border-radius: 20px; color:#fff; background-color: #F9A92B; font-size: 14px; font-weight: 700;}
main .notice-wrap .content-area ul li .date{font-family: "Pretendard-Medium", Helvetica; font-size: 14px; color: #999; font-weight: 500;}
main .notice-wrap .content-area .banner-box{ display: flex; flex-direction: column; gap: 16px;}
main .info-wrap{position: relative; padding: 108px 0 145px;} 
main .info-wrap .title::after{bottom: -29px; right: 0px; width: 499px; height: 45px; background-image: url('/theme/hongeun/img/main/img_title04.png'); background-repeat: no-repeat; z-index: -1;}
main .info-wrap .info-slide-wrap{position: relative; width: 100%; height: 434px; margin-top: 68px; overflow: hidden;}
main .info-wrap .info-slide-wrap .swiper{width: 624px; height: 434px; margin-left: 0; overflow: visible;}
main .info-wrap .info-slide-wrap .swiper-slide{width: 317px; height: 254px; transition: all .2s linear;}
main .info-wrap .info-slide-wrap .swiper-slide.swiper-slide-active{width: 624px; height: 434px;  transition: all .2s linear;}
main .info-wrap .info-slide-wrap .swiper-slide .slide-box {position: relative; width: 100%; height: 100%; padding: 21px 0 0 20px; border-radius: 20px; background: #EDF2E8; background-image: url('/theme/hongeun/img/main/info_slide_bg01.png'); background-repeat: no-repeat; background-position: right bottom -46px; background-size: 177px;}
main .info-wrap .info-slide-wrap .swiper-slide.swiper-slide-active .slide-box{padding: 39px 0 0 48px; background-position: right bottom; background-size: 333px;}
main .info-wrap .info-slide-wrap .ico-new {display: none; justify-content: center; align-items: center; width: 83px; height: 36px; margin-bottom: 15px; border-radius: 25px; font-size: 18px; color:#fff; background-color: #8FBF75;}
main .info-wrap .info-slide-wrap .swiper-slide.swiper-slide-active .ico-new{display: flex;}
main .info-wrap .info-slide-wrap .swiper-slide .slide-title{width: 249px; height: 60px; font-size: 18px; margin-bottom: 15px; font-weight: 600; color:#111; line-height: 1.6; letter-spacing: -0.02em; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all;}
main .info-wrap .info-slide-wrap .swiper-slide.swiper-slide-active .slide-title{width: 238px; height: 144px; font-size: 22px; letter-spacing: -0.04em; -webkit-line-clamp: 4; }
main .info-wrap .info-slide-wrap .date{font-size: 15px; color:#555; font-weight: 300; }
main .info-wrap .info-slide-wrap .slide-more-arr {position: absolute; left: 25px; bottom: 33px;}
main .info-wrap .info-slide-wrap .swiper-slide.swiper-slide-active .ico-new{display: flex;}
main .info-wrap .info-slide-arr-wrap{position: relative; padding-bottom: 88px; margin-left: 240px;}
main .info-wrap .info-slide-arr-wrap .swiper-button::before,
main .info-wrap .info-slide-arr-wrap .swiper-button::after{content:none;}
main .info-wrap .info-slide-arr-wrap .swiper-button {top:auto; bottom:0; left: 0; right: 0; width: 52px; height: 52px; background-repeat: no-repeat; background-size: cover; background-image: url('/theme/hongeun/img/main/info_slide_prev.png');}
main .info-wrap .info-slide-arr-wrap .swiper-button-prev{left: 0;}
main .info-wrap .info-slide-arr-wrap .swiper-button-next{left: 64px; transform: rotate(180deg);}
main .info-wrap .info-slide-arr-wrap  .swiper-pagination { position: absolute; bottom: 0px; left: 150px; width: 468px; height: 4px; background: #EDF2E8; border-radius: 15px; overflow: hidden;}
main .info-wrap .info-slide-arr-wrap  .swiper-pagination .swiper-pagination-progressbar-fill {background: #444;}
main .info-wrap .slide-text-box{position: absolute; left: 913px; bottom: 233px;}
main .info-wrap .slide-text-box p{padding-bottom: 34px; color: #555; font-size: 16px; font-weight: 300; line-height: 1.6;}
main .service-wrap {position: relative;}
main .service-wrap .btn-wrap{position: absolute; bottom: 16.5vw; display: flex; justify-content: space-between;width: 64vw; left: 0; right: 0; margin: 0 auto; }
main .service-wrap .btn-wrap img{width: 7vw;}
main .sponsor-wrap{padding: 170px 0 227px; }
main .sponsor-wrap .title-wrap{padding-bottom: 80px;}
main .sponsor-wrap .sopnsor-slide-wrap .swiper {padding-bottom: 10px;}
main .sponsor-wrap .sopnsor-slide-wrap .swiper-slide{position: relative; width: 267px; background-color: #fff; border-radius: 16px; box-shadow: 0px 4px 8px rgba(81, 67, 54, 0.15); overflow: hidden; box-sizing: border-box;}
main .sponsor-wrap .sopnsor-slide-wrap .swiper-slide:after{content:''; position: absolute; bottom: 0; right: 0;}
main .sponsor-wrap .sopnsor-slide-wrap .swiper-slide:nth-child(4n+1):after{width: 69px; height: 104px; background-image: url('/theme/hongeun/img/main/sopnsor-slide_deco01.png');}
main .sponsor-wrap .sopnsor-slide-wrap .swiper-slide:nth-child(4n+2):after{ width: 62px; height: 108px; background-image: url('/theme/hongeun/img/main/sopnsor-slide_deco02.png');}
main .sponsor-wrap .sopnsor-slide-wrap .swiper-slide:nth-child(4n+3):after{ width: 128px; height: 129px; background-image: url('/theme/hongeun/img/main/sopnsor-slide_deco03.png');}
main .sponsor-wrap .sopnsor-slide-wrap .swiper-slide:nth-child(4n):after{ width: 92px; height: 77px; background-image: url('/theme/hongeun/img/main/sopnsor-slide_deco04.png');}
main .sponsor-wrap .sopnsor-slide-wrap .tit-area{padding: 19px 16px 17px; background-color: #F9F7EC;}
main .sponsor-wrap .sopnsor-slide-wrap .tit-area p{font-size: 20px; color:#111; font-weight: 800; line-height: 1.2; letter-spacing: -0.03em;}
main .sponsor-wrap .sopnsor-slide-wrap .tit-area span{font-size: 13px; color: #444; line-height: 1.1; letter-spacing: -0.03em;}
main .sponsor-wrap .sopnsor-slide-wrap .cont-area{padding: 17px 16px 24px;}
main .sponsor-wrap .sopnsor-slide-wrap .cont-area img{width: 100%}
main .sponsor-wrap .sopnsor-slide-wrap .cont-area .sub-text{font-family: "Pretendard-Medium", Helvetica; font-size: 17px; line-height: 1.2; padding-top: 12px;}





/* 게시판 */
#bo_v_title{margin-top: 30px;}
#bo_v{max-width: 1440px; margin: 0 auto;}
#bo_v header{box-shadow: none}
#bo_v_info .profile_info,
#container_title{display: none !important;}
.top_banner h2 {
    color: #fff;
    font-size: 80px;
    font-weight: 700;
    letter-spacing: -0.03em;
}





.top-link{padding: 5px 0;}
@media(max-width: 1024px){
    .inner{padding: 0 15px;}
    header, footer{ padding: 10px 0; min-width: 100%;}
    .top-link{padding: 5px 15px;}
    #wrapper{min-width: 100%;}
    #hd_wrapper .inner{display: block; height: auto; width: 100%;}
    #gnb {overflow: hidden;}
    #gnb ul{gap: 30px; justify-content: center; overflow-x: auto; width: 100%; padding: 0 20px; scrollbar-width: none; }
    #gnb ul::-webkit-scrollbar {display:none;}
    #gnb ul li{flex-shrink: 0; }
    #gnb ul li a{font-size: 16px;}

    #logo{ margin-bottom: 15px; text-align: center; }
    main .title{font-size: 30px !important; letter-spacing: 0; display: block;}
    main .main-visual-wrap .swiper{width: 100%;}
    main .main-visual-wrap .swiper .swiper-slide-active{width: 100% !important}
    main .main-visual-wrap .main-visual-slide{width: 100%; height: auto;}
    main .notice-wrap .content-area{padding-top: 30px;}
    main .notice-wrap .content-area .notice-box{width: 100%;}
    main .notice-wrap .content-area .tit-box{padding: 19px 20px;}
    main .notice-wrap .content-area ul{padding: 0;}
    main .sponsor-wrap,
    main .notice-wrap,
    main .main-visual-wrap{padding: 80px 15px;}

    footer .inner{display: block; padding-top: 50px;}
    footer .inner + .inner{margin-top: 15px; display: flex; flex-direction: column-reverse; gap: 30px;}
    footer .footer-content{margin-bottom: 20px; text-align: center;}
    footer .inner .footer-content p span{display: block; padding: 0 0 10px 0!important; font-size: 14px; line-height: 20px;}
    footer .inner .footer-content p span::after{display: none;}
    footer .inner .footer-content p.copy{font-size: 14px; padding-top: 50px; word-break: keep-all;}
    footer .inner .footer-right .footer-gnb {display: flex; justify-content: center;}
    footer .inner .footer-right .footer-gnb a{font-size: 14px;}
    footer .inner .sns-area{display: flex; justify-content: center;}
    .sect-sub .top_banner h2{font-size: 40px;}
    .sect-sub.news-top .cont-sect{display: block; padding: 50px 0;} 
}
@media(max-width: 520px){
    #gnb ul{justify-content: start;}
}