body {
    
    font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

ul,ol,li{list-style: none; padding: 0; margin: 0;}
a{color: #121212; text-decoration: none;}
a:hover{color: #121212;}
img{max-width: 100%; width: 100%;object-fit: cover;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
/* thin (일반 굵기) */
.text-thin {
    font-weight: 100; 
}

/* Regular (일반 굵기) */
.text-regular {
    font-weight: 400; 
}
.list-style02 .list-thumbnail
/* Bold (굵게) */
.text-bold {
    font-weight: 700; 
}

/* ExtraBold (매우 굵게) */
.text-extrabold {
    font-weight: 800; 
	
	
	
}


.bg-gray{background: #f8f8f8;}
.bg-green{background: #023D29;}
.logo-box{width:20%;}
.logo {
    text-align: left;
    margin: 0;
    font-size: 0;
    position: relative;
	display: block;
}
.logo img{width: 135px;max-width: 135px;}
.header{padding: 30px 0; background: #fff; height: 100px; overflow: hidden;}
.header .container-fluid{margin: 0; padding: 0;}
.header .navbar{margin: 0; padding: 0;color: #023D29; position: relative; height: 40px;}
.header .navbar-brand{margin: 0; padding: 0;}
.header .navbar-nav .nav-link.active, .header .navbar-nav .nav-link.show{color: #FF6F0F; font-weight: bold;}
.active:after{width: 8px; height: 8px;background:#FF6F0F; border-radius: 4px; display: block; content: ""; margin: auto; text-align: center; position: relative; margin-bottom: -8px; }
.header .nav-link{color: #023D29; font-weight: 400; margin-right: 25px;}
.header .snsBox{display: flex;align-items: center; position: absolute; right: 0; top: 10px;}
.header .snsBox span{display: inline-block; margin-left:30px; }
.search-box{border-bottom: 2px solid #023D29; position: absolute; top: 0; right: 210px; width: 200px; }
.search-box input{border: 0; padding: 0; margin: 0; height: 40px; display: block; font-size: 0.8rem;outline: 0; width: 100%;}
.search-box span{display: inline-block;}
.search-box .input-box{width: 100%;}
.search-box .btn-box{ cursor: pointer; position: absolute; right: 0; top: 12px; }
.search-input{width: 50%;border-bottom:3px solid #fff; position: relative; }
.search-input .btn-box{position: absolute; top: 10px; right: 0;}
.search-input input{background-color: transparent;border: 0;  padding: 10px 0; width: 100%; outline: 0;color: #fff; font-weight: 700; font-size: 1rem; } 
.search-input input:focus{outline: 0;}
.search-input input::placeholder {color: #fff;}
.search-input .search {
        background: url(../images/search-white.png) 0 0 no-repeat;
        background-size: 22px;
        width: 22px;
        height: 22px;
        display: block;
        text-indent: -10000px;
    }
.header .offcanvas-body{padding: 0;}
.header .navbar-toggler{outline: 0;color: #fff;background: #023D29; width: 30px; height: 30px; border-radius: 15px; position: relative; overflow: hidden; border: 0; margin-left: 10px;}
.header .navbar-toggler-icon{ background: url("../images/hamburger.png") 0 0 no-repeat; background-size: 18px; position: absolute; left: 6px; top: 8px;width: 18px;}
.header .search-box02{width: 30px; height: 30px; display: inline-block; box-shadow: 1px 1px 4px rgb(0 0 0 / 20%);border-radius: 15px; position: relative;}
.header .search-box02 i{display: block; top: 5px; left: 6px; position: absolute; background-size: 18px !important;}
.header .btn-close{background-image: url("../images/btn-close.png"); opacity: 1; background-size: 24px;}
.nav-item ul{background: #01291B; padding:14px 20px;}
.nav-item ul li{color:rgba(255, 255, 255, 0.5); font-size: 0.9rem; padding: 6px 20px;}
.nav-item ul li a{color:rgba(255, 255, 255, 0.5);}
.header .sub-menu{position: absolute; bottom:30px; left: 20px;}
.header .sub-menu ul{}
.header .sub-menu li{display: inline-block; margin-right: 30px; margin-bottom: 10px;}
.header .sub-menu li a{color:rgba(255, 255, 255, 0.5); font-size: 0.8rem;}
.search{background: url("../images/Search.png") 0 0 no-repeat; background-size: 22px; width: 22px; height: 22px; display: block;text-indent: -10000px;}

.top-box{display: flex;}
.mobile-only {
    display: block !important; 
}
.web-only {
    display: none !important; 
}
.sub-title{font-size: 1.6rem; font-weight: 700;margin-bottom:5px;}
.sub-title02{font-size: 1.6rem; font-weight: 700; color:#023D29; margin-bottom:5px; }
.sub-title03{font-size: 1.6rem; font-weight: 700; color:#FF6F0F; margin-bottom:5px; }
.sub-title04{font-size: 1.2rem; font-weight: 400; margin-bottom:5px; color: #000; }
.sub-title05{font-size: 1.1rem; font-weight: 700; margin-bottom:5px; color: #000; letter-spacing: -1px;  }
.green-font{color:#023D29;}
.articleBox{border-top: 1px solid #023D29; padding:80px 0;}
.article-left .snsBox{display: flex;align-items: center;}
.article-left .snsBox span{display: inline-block; margin-right:20px; }
.breadcrumbs{}
.breadcrumbs li{margin-bottom: 20px; font-size: 1rem; font-weight: 700;}
.breadcrumbs .menu-title{ font-size: 2rem;line-height:2rem; font-weight: 800; color: #023D29;} 
.breadcrumbs li a{color: #023D29;}
.bylineBox{margin-bottom: 30px;}
.bylineBox span{display: block; margin-bottom: 10px;}
.bylineBox .author{font-weight: 800; font-size: 0.9rem; color: #121212;}
.bylineBox .day{color: #888; font-size: 0.8rem;}
.article-top:before{ display: block; content: ""; background: #023D29; width: 36px; height: 6px; margin-bottom: 20px;}
.article-top h1{font-size: 2.2rem; font-weight: 700; color: #000;}
.article{margin: 0 30px 0 0;}
.article p{margin: 10px 0;}
.article .photo{margin:30px 0;}
.article .photo span{font-size: 0.7rem; color: #666;}
.article-content{font-size: 1rem; color: #121212; line-height: 1.8rem;}
.article .snsBox{width: 100%; margin:30px 0 20px 0; text-align: right;}
.article .snsBox span{display: inline-block; text-align: center; padding: 0 10px;}
.snsBox span{cursor: pointer;}
.article .tag-box{padding: 20px 0; border-bottom: 1px solid #023D29;border-top: 1px solid #023D29;}
.hashtag li{display: inline-block; margin-right: 30px; font-size: 0.9rem; font-weight:600;}
.hashtag li a{color: #023D29;}
.keyword{margin-top: 10px;}
.keyword li{display: inline-block; padding:2px 6px; background: #FF6F0F;font-size: 0.9rem; margin:3px 4px 3px 0;  font-weight: 600; }
.keyword li a{color: #fff;}
.list-style{display: flex; align-items: center; width: 100%; height: 140px; overflow: hidden;}
.list-style .list-thumbnail{width: 194px; height: 120px; overflow: hidden; border-radius:10px;}
.list-style .list-thumbnail img{width: 194px; max-width: 194px;border-radius:10px;}
.list-style .list-title{flex: 1 1 ; margin-left: 15px;}
.list-style .list-title .read{font-size: 0.8rem; color: #666; line-height: 1rem;}
.list-style01 li{padding: 20px 0; border-bottom: 1px solid #eee; display: flex; align-content: center; align-items: center;}
.list-style01 .list-title{flex: 1 1; height: 102px; overflow: hidden;}
.list-title span{display: block; margin: 5px 0;}
.list-title .menu{text-transform: uppercase; font-size: 0.8rem; font-weight: 600;}
.list-title .menu a{ color: #023D29;}
.list-title .title{font-size: 1rem; font-weight: 700; line-height: 1.6rem; height: 50px; text-overflow: ellipsis; overflow: hidden;}
.list-title .read{font-size: 0.8rem; color: #666; line-height: 1rem;}
.list-style01 .list-thumbnail{width: 80px; height: 80px; background: #023D29;border-radius:100%;  display: inline-flex; margin-left: 20px;}
.list-style01 .list-thumbnail img{height:80px;min-height: 80px; border-radius:100%;min-width: 80px; }
.list-style02{width: 100%;}
.list-style02 ul{display: flex;column-gap:10px;}
.list-style02 li{flex: 1 1;padding: 20px 0 0 0; }
.list-style02 .title{font-size: 1rem; font-weight: 700; line-height: 1.5rem;}
.list-style02 .list-thumbnail{width: 100%; height:85px; overflow: hidden; border-radius: 10px;}
.list-style02 .list-thumbnail img{border-radius: 10px; min-height: 85px;}
.list-style03{padding: 20px 0; border-bottom: 1px solid #eee;}
.card-style01{width: 100%; position: relative;}
.card-style01 .card-thumbnail{border-radius: 10px;height: 660px; position: relative; overflow: hidden;}
.card-style01 .card-thumbnail img{border-radius: 10px; min-height:660px; }
.card-style01 .card-title{position: absolute; bottom: 0; left: 0; display: flex; align-items: center; padding: 20px;}
.card-style01 .card-title .num{color: #fff; font-size: 3rem; font-weight: bold;}
.card-title .menu{text-transform: uppercase; font-size: 0.8rem; font-weight: 600;}
.card-style01 .card-title .menu a{ color: #fff;}
.card-style01 .title{font-size: 1.8rem; font-weight:600; line-height: 2.2rem; display: block;}
.card-style01 .title a{color: #fff;}
.card-style01 .card-title .title{white-space: normal;}
.card-style02{width: 100%;}
.card-style02:first-child{margin-bottom: 20px;}
.card-style02 .card-thumbnail{border-radius: 10px;height: 220px; overflow: hidden; margin-bottom: 10px;}
.card-style02 .card-thumbnail img{border-radius: 10px; min-height:220px; }
.card-style02 .card-title{display: flex; align-items: flex-start; height: 96px; overflow: hidden;}
.card-style02 .card-title span{display: block;}
.card-style02 .card-title .num{color: #023D29; font-size: 3rem; font-weight: bold;}
.card-style02 .card-title .menu a{ color: #023D29;}
.card-style02 .title{font-size: 1rem; line-height: 1.4rem;}
.card-style02 .read{font-size: 0.8rem; color: #666; line-height: 1rem; margin-top:4px;}
.card-style02 .card-title .title{white-space: normal;}
.card-style .card-title{margin: 10px;}
.card-style03{width: 100%; position: relative; margin: auto; text-align: center;}
.card-style03 .card-thumbnail{border-radius: 100px;height: 200px; height: 200px; overflow: hidden;}
.card-style03 .card-thumbnail img{border-radius: 100px; min-height:200px;max-height: 200px; width: 200px; }
.card-style03 .card-title{padding:10px 20px;}
.card-style03 .card-title .title a{color: #fff;}
.card-style03 .card-title .menu a{color: #FF6F0F;}
.card-style04{position: relative;}
.card-style04 .card-thumbnail{border-radius: 10px;height: 360px; overflow: hidden; margin-bottom: 10px;}
.card-style04 .card-thumbnail img{border-radius: 10px; min-height:360px; }
.card-style04 .card-title{position: absolute; left: 0;bottom: 20px; padding:10px 20px; margin: auto; text-align: center; }
.card-style04 .card-title .title{font-size: 1.2rem; font-weight: 700; margin-top: 10px; height: 70px; overflow: hidden;text-overflow: ellipsis; white-space: normal;}
.card-style04 .card-title .title a{color: #fff;}
.card-style04 .card-title .menu{text-transform: uppercase; font-size: 0.8rem; font-weight: 600;background: #023D29; display: inline; padding: 4px 8px; border-radius:15px; }
.card-style04 .card-title .menu a{ color: #fff;}
.card-style04 .card-title .menu2{text-transform: uppercase; font-size: 0.8rem; font-weight: 600; background: #FF6F0F;display: inline; padding: 4px 8px;border-radius:15px;}
.card-style04 .card-title .menu2 a{ color: #fff;}



.card-thumbnail{height: 260px; overflow: hidden; border-radius:10px; }
.card-thumbnail img{min-height: 260px; border-radius:10px;}
.card-title span{display: block; margin-top: 6px;}
.card-title .menu{text-transform: uppercase; font-size: 0.8rem; font-weight: 600;}
.card-title .menu a{ color: #023D29;}
.card-title .title{font-size: 1rem; font-weight: 500; line-height: 1.4rem; height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.card-title .read{font-size: 0.8rem; color: #666; line-height: 1rem;}
.Subcont-box{padding: 50px 0 100px 0;}
.num-box{margin-right: 15px;}
.num-gradient{background: linear-gradient(to top,  rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0))!important; position: absolute; left: 0; top: 0; border-radius: 10px;}
.top-gradient{background: rgba(255, 255, 255, 0.2); position: absolute; left: 0; bottom: 0; filter: blur(8px);backdrop-filter: blur(8px);}
.footer-box{background:#023D29; padding: 50px 0; }
.footer-logo img{filter: brightness(0) invert(1); width: 120px; max-width: 120px;}
.footer-menu{width: 50%;}
.footer-menu li{ display: inline-block; font-size: 0.9rem; font-weight:700; margin-right:30px; }
.footer-menu li a{color: #fff;}
.footer-box .snsBox{text-align: right; width: 50%;}
.footer-box .snsBox img{filter: brightness(0) invert(1);}
.footer-box .snsBox span{display: inline-block; margin:0 10px;}
.footer-box .sub-menu{padding: 20px 0; border-top:1px solid rgba(255, 255, 255, 0.2); }
.footer-box .sub-menu ul{width: 100%;}
.footer-box .sub-menu li{display: inline-block; margin-right:30px; margin-bottom: 10px;}
.footer-box .sub-menu li a{color:rgba(255, 255, 255, 0.5); font-size: 0.8rem;}
.footer-box .sub-info{padding: 20px 0;}
.footer-box .sub-info ul{width: 100%;}
.footer-box .sub-info li{display: inline-block; margin-right:20px; margin-bottom: 10px;color:rgba(255, 255, 255, 0.5); font-size: 0.7rem;}
.footer{display: flex; align-items: center; margin: 20px 0;}
.footer-box address{font-size: 0.8rem;color:rgba(255, 255, 255, 0.5); }
.footer-box address a{color:rgba(255, 255, 255, 1);}
.main{padding: 50px 0;}
.top-news{padding:0 15px; height: 380px; overflow:hidden;}
.top-news .card-thumbnail{height: 380px; position: relative; width: 100%;overflow: hidden;}
.top-news .card-thumbnail img{min-height: 380px;}
.top-news .menu{display: flex; align-items: center;}
.top-news .menu a{display: block; color: #FF6F0F;}
.top-news .menu img{width: 24px; display: block; margin-right:8px;}
.top-news .title{font-size: 3rem; line-height: 3.8rem; font-weight: 800; height: auto; white-space: normal;}
.top-news .title a{color: #000;}
.top-news .read{font-size: 1rem; line-height: 1.6rem; color: #000; height: 80px; overflow: hidden;}
.top-news .hashtag li a{color: #FF6F0F;}
.top-news .card-title{margin-top: 30px; margin-left: 30px;}
.card-box{}
.card-box .card-thumbnail{height: 180px;overflow: hidden;}
.card-box .card-thumbnail img{min-height: 180px;}
.card-box .card-style{margin-bottom: 20px;}
.card-box .card-style .card-title{margin: 10px 0;}
.more-box{padding: 10px 0; text-align:center; border: 1px solid #eee; border-radius: 22px; height:44px; display: flex; align-items: center; width: 100%; margin: auto;justify-content:center; background: #fff;}
.more-box i img{width: 16px; display: inline-block;}
.more-box a{font-size: 0.8rem; font-weight: 600; color:#023D29;display: inline-block; }
.main-cont-box{padding:30px; border-radius:10px; background: #fff; }
.main-cont-box02{padding:30px; border-radius:10px; background: #023D29; }
.slide-box{position: relative !important;}
.line{border-right: 1px solid #144b38;}
.line-box{padding:10px 0; border-bottom: 1px solid #eee;}
.slide-box .card{border: 0; background:none;  border-radius:10px;  }
/* 1. 슬라이더 컨테이너 스타일 */
        #card-slider {
			height: 380px;
			border-radius:10px; 
            -ms-overflow-style: none; /* IE and Edge */
            scrollbar-width: none; /* Firefox */
            scroll-behavior: smooth; /* 부드러운 스크롤 */
            /* 스크롤바 숨기기 */
        }

        #card-slider::-webkit-scrollbar {
            display: none;
        }

        /* 2. 카드 너비 설정 (핵심 반응형 로직) */
        /* 모바일 (기본): 100% 가까이 (1개만 보이게) */
        .card-unit {
            width: 80vw; 
			height: 360px;
			border-radius:10px; 
            flex-shrink: 0;
            transition: all 0.3s ease-in-out;
			
        }
        /* 태블릿 (sm): 2개 보이기 (50% - 간격) */
        @media (min-width: 576px) { 
            /* Bootstrap gap-3 (1rem = 16px) 사용 가정, (16px / 2 = 8px) */
            .card-unit {
                width: calc(50% - 8px); 
            }
        }
        /* 데스크톱 (lg): 4개 보이기 (25% - 간격) */
        @media (min-width: 992px) { 
             /* Bootstrap gap-4 (1.5rem = 24px) 사용 가정, (24px * 3 / 4 = 18px) */
            .card-unit {
                width: calc(25% - 18px); 
            }
        }
        
        /* 3. 호버 효과 */
        .card-hover-effect:hover {
            transform: scale(1.02);
            box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05) !important;
			 border-radius:10px; 
        }

        /* 4. 컨트롤 버튼 스타일 */
        .btn-nav {
            z-index: 10;
			margin: 0 -20px;
        }
.sub-content{padding: 50px 0 100px 0;}
.sub-content02{padding: 50px 0 100px 0; background-color:#023d29;}
.sub-menu-box{background: #023D29; padding: 40px 0;}
.sub-title-box{display: flex; align-items:;}
.sub-title-box h1{font-size: 2rem; font-weight: 800; color: #fff; width: 20%; margin: 0; line-height: 2rem;}
.sub-title-box .sub-menu{flex: 1 1;}
.sub-title-box .sub-menu ul{display: flex;align-items: center;flex-wrap:wrap;}
.sub-title-box .sub-menu li{margin-right: 20px; padding:6px 20px;  font-size: 1rem; white-space: nowrap;}
.sub-title-box .sub-menu li a{color: #fff;}
.sub-title-box .sub-menu .on{background: #fff; border-radius:25px;  }
.sub-title-box .sub-menu .on a{color: #023D29; font-weight: 700;}
.years .form-select{border: 1px solid #eee; outline: 0; height: 50px; border-radius: 0; }
.years .form-select:hover, .years .form-select:focus{outline: 0;box-shadow: none;}
.sitemap-box ol{display: grid;grid-row-gap: 0;}
.sitemap-box li{display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    padding: 10px 15px;
    border-bottom: 1px solid #e2e2e2;
	line-height: 2rem;
	font-size: 0.9rem;
}
.sitemap-box .month, .sitemap-box .day{margin-top: 20px; background: #fff; border: 1px solid #eee; border-bottom: 0;}
.sitemap-box .month ol{grid-template-columns:repeat(6,1fr);}
.sitemap-box .day ol{grid-template-columns:repeat(15,1fr); border-bottom: 2px solid #023D29;}
.site-list-box{}
.conpany-box .img img{width: 980px}
.conpany-box .tit{}

.conpany-box .tit:before{display: block; content: ""; width: 50px; height: 5px; background: #c8d3c3; margin-bottom: 30px;}
.about-bg{background: url('/images/media-bg.png') 0 0 repeat; background-size:20%; background-color: #023D29;}
.about-bg02{background: url('/images/media-bg02.png') right bottom no-repeat; background-size:30%; padding-bottom: 100px; }
.about-bg03{background: url('/images/media-bg03.png') right top no-repeat; background-size:12%; padding-top: 50px; }
.txt-02{display:inline-block; margin-right: 10px; text-align: center; margin: auto; width: 100px;}
.txt-02 i{font-size: 0.9rem;display: block; line-height: 1.2rem; margin-top: 10px; height: 60px; font-style: normal; color:#bfcc84;  }

.conpany-box .tit img{width: 70%;}
.conpany-box .tit02 img{width:250PX;}
.conpany-box .txt{font-size: 1.1rem; color: #fff; padding:80px 100px 50px 30px; line-height: 1.8rem;}
.conpany-ad{background: #fff; padding:50px; margin-top: 20PX;}
.conpany-ad ul{width: 100%;}
.conpany-ad li{display: block; margin-bottom: 10px;}
.conpany-ad label{display: block; font-weight: 700; font-size: 0.9rem; color:#023D29; margin-bottom: 8px; }
.conpany-ad input{border:1px solid #023D29; display: inline-block; height: 40px; padding-left: 10px;border-radius: 0;}
.conpany-ad select{display: inline-block; height: 40px; border-radius: 0;border:1px solid #023D29;border-radius: 0; background: #fff; color: #121212;}
.conpany-ad textarea{ border-radius: 0;border:1px solid #023D29; height: 120px;border-radius: 0;}
.conpany-ad textarea::placeholder {
    color: #023D29; /* 힌트 텍스트 색상 */
    font-size: 1rem;
}
.protect-box{ line-height: 2rem; width: 700px; font-size: 1rem;}
.protect-box h3{font-size: 1.2rem; color: #023d29;}
.protect-box .p-box{ border-top: 1px solid #d0d5b7;border-left: 1px solid #d0d5b7;border-right: 1px solid #d0d5b7;}
.protect-box .p-box li{display: flex;border-bottom:1px solid #d0d5b7;}
.protect-box .p-box .lb{width: 90px; border-right:1px solid #d0d5b7; text-align: center;}
.protect-box .p-box span{display: inline-block;padding: 10px;} 
.aline-center{text-align: center; margin: auto;}
.btn-ad{background: #023D29; color: #fff; font-weight: 700; font-size: 1.2rem; padding:10px 20px ; border: 0;}
.f-style01{display:inline-block; background-color: #bfcc84;width: 100px; height: 100px; border-radius: 50px; color: #023D29; line-height: 100px; text-align: center; font-weight: 700; }
.policyBox{width: 100%; margin: auto; text-align: center;}
.policyBox:after{display: block; clear: both; content: "";}
.policyCont{width: 100%; text-align: left; line-height:28px; font-size: 14px;}
.policyCont h4{margin:40px 0 15px 0; font-size: 16px; font-weight: bold;}
.policyCont h5{margin:10px; font-size: 14px; font-weight: bold;}
.policyCont	table{background: #f4f4f4;  margin:20px 0 30px 0; width: 100%;}
.policyCont	td{border: 1px solid #ddd; padding: 15px 20px;}
.policyCont	div{line-height: 20px;}
.rss-box{border: 1px solid #eee; text-align: center; padding:20px; margin-bottom:20px; background: #fff; border-radius: 10px;}
.rss-box span{font-weight: 700; display: block;}
.rss-box em{font-weight: 300; font-size: 0.8rem; font-style: italic;display: block;}
.info{font-size: 0.8rem; font-weight: 300;}
.article-info .bylineBox{display: none;}
.article-txt01{font-size: 1rem;}
.article-txt02{font-size: 1.1rem;}
.article-txt03{font-size: 1.2rem;}
.ad-2025 {
    margin: auto;
    margin-bottom: 3rem;
    width: 976px;
    height: 250px;
    position: relative;
	text-align: center;
}
.ad-2025:before {
    position: absolute;
    content: "Advertisement";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1.3em;
    margin: auto;
    font-size: 1rem;
    text-align: center;
    color: #222;
    z-index: 0;
}

.ad-2025-02 {
    margin: auto;
    margin-bottom: 4rem;
    position: relative;
	text-align: center;
}
.ad-2025-02:before {
    position: absolute;
    content: "Advertisement";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1.3em;
    margin: auto;
    font-size: 1rem;
    text-align: center;
    color: #222;
    z-index: 0;
}
.footer-AD{
    margin: auto;
    position: relative;
	text-align: center;
}
.footer-AD:before {
    position: absolute;
    content: "Advertisement";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1.3em;
    margin: auto;
    font-size: 1rem;
    text-align: center;
    color: #222;
    z-index: 0;
}
.text-ad ul{margin-top: 10px;}
.text-ad li{font-size: 1.1rem; white-space: nowrap;width: 100%; overflow: hidden; text-overflow: ellipsis; font-weight: 700; letter-spacing: -1px; color: #023D29; margin-bottom: 10px; position: relative; padding-left: 12px; }
.text-ad li a{color: #023D29;}
.bul-green{display:block;background:#023d29;width:6px; height: 6px; border-radius: 4px; margin-right: 6px; position: absolute; top: 12px; left: 0; }
@media (min-width: 992px) {
    /* Large (992px) 이상에서는 숨김 */
    .mobile-only {
        display: none !important;
    }
	
	.web-only {
        display: block !important;
    }

}
@media (max-width: 992px) {
	.header{padding: 20px 0; background: #fff; height: 80px; overflow: hidden;}
	.search-box{position: relative !important; width: 100%; left: 0;}
	.header .snsBox{position: relative; display: block; padding: 20px; background:#023d29;}
	.header .snsBox span{margin-right:30px;margin-left: 0; }
	.offcanvas .search{background: url("../images/search-white.png") 0 0 no-repeat; background-size: 22px; width: 22px; height: 22px; display: block;text-indent: -10000px;}
	.offcanvas .search-box{border-bottom:2px solid #fff; margin: 0 20px; width: auto;}
	.offcanvas .search-box input{background-color: transparent; color: #FFF; font-size: 1rem; }
	.offcanvas .search-box input::placeholder {color: #fff;}
	.header .offcanvas-header{padding: 20px 20px 30px 20px;}
	.header .offcanvas{background: #023D29;}
	.header .offcanvas.offcanvas-end{width: 100%;}
	.header .navbar-nav{padding: 0 0; margin-top:20px; margin-left: 20px;}
	.header .accordion-header{padding: 0 20px;background:#023d29;}
	.header .nav-link{color: #fff;  font-weight: bold; font-size: 1.5rem; text-transform: uppercase; display: inline-block; text-align: left; position: relative; padding: 12px 0;}
	/*.header .nav-link:after{    
	flex-shrink: 0;
    width: 20px;
    height: 20px;
    content: "";
    background:url("../images/btn-plus.png") 0 0 no-repeat;
	background-size: 20px;
	position: absolute;
	right: 0;
	top: 20px;
    transform: var(--bs-accordion-btn-icon-transform);}
	.header .nav-link:not(.collapsed)::after {
	  width: 20px;
    height: 20px;
    content: "";
    background:url("../images/btn-minus.png") 0 0 no-repeat;
	background-size: 20px;
	position: absolute;
	right: 0;
	top: 20px;
    transform: var(--bs-accordion-btn-icon-transform);}*/
	.header .snsBox img{filter: brightness(0) invert(1);}
	.articleBox{padding: 50px 0;}
	.article{margin:0 0 40px 0;}
	.breadcrumbs li{display: inline-block;}
	.breadcrumbs .menu-title{font-size: 1rem;}
	/*.breadcrumbs .menu-title:after{display: inline-block; content: ""; width: 6px;height: 6px; border-radius: 4px;background: #023D29; margin: 3px 20px;}*/
	.list-style02 .list-thumbnail{height: 120px;}
	.list-style02 .list-thumbnail img{min-height:120px;}

	.card-style01 .card-thumbnail{border-radius: 10px;height: 360px; position: relative; overflow: hidden;}
	.card-style01 .card-thumbnail img{border-radius: 10px; min-height:360px; }
	.card-style{margin-bottom: 20px;}
	.card-title .title{height: auto;white-space: normal; font-size: 1.1rem; }
	.card-style02{position: relative; padding:20px 0; border-bottom: 1px solid #eee;}
	.card-style02 .card-thumbnail{position: absolute; right: 0; top: 30px;width: 80px; height: 80px; background: #023D29;border-radius:10%;  display: inline-flex; margin-left: 20px;}
	.card-style02 .card-thumbnail img{height:80px;min-height: 80px; border-radius:10%;min-width: 80px; }
	.card-style02 .card-title{display: flex; align-items:flex-start; margin-right: 100px;}
	.card-style02:first-child{margin-bottom: 0;}
	.footer{display:block; align-items: center; margin: 20px 0;}
	.footer-box .snsBox{text-align: left; width: 100%; display: block;}
	.footer-box .snsBox span{display: inline-block; margin:20px 20px 0 0;}
	.footer-menu{width: 100%;}
	.footer-menu ul{display: flex;}
	.footer-menu li{flex: 1 1;}
	.main{padding:0 0 50px 0;}
	.card-style02 .num-box{margin:0 15px;}
	.top-news{position: relative;padding: 0; height: 480px; overflow: hidden; }
	.top-news .card-thumbnail{height: 480px; overflow: hidden; border-radius: 0;}
	.top-news .card-thumbnail img{min-height: 480px;border-radius: 0;}
	.top-news .card-title{position: absolute; left: 0; bottom: 0; padding: 20px; margin: 0;}
	.top-news .card-title .read{display: none;}
	.top-news .card-title .top-tag{display: none;}
	.top-news .card-title .title{font-size: 1.8rem; line-height: 2.2rem;}
	.top-news .card-title .title a{color: #fff;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5) ;}
	.card-box .card-thumbnail{height: 220px;}
	.card-box .card-thumbnail img{min-height: 220px;}
	.main-cont-box{padding:20px 15px;  }
	.main-cont-box02{padding:20px 15px;  }
	.main-cont-box02 .card-style03{padding: 30px 0;}
	.line{border-bottom: 1px solid #144b38;}
	.list-style{height: 100px;}
	.list-style .list-thumbnail{width: 154px; height: 100px; overflow: hidden;}
	.list-style .list-thumbnail img{width: 154px; max-width: 154px;}
	.list-style .read{display: none;}
	.line-box{padding:10px 0; border-bottom: 0;}
	.sub-menu-box{padding: 30px 0;}
	.sub-title-box{display:block; align-items: stretch; }
	.sub-title-box .sub-menu{margin-top: 20px;}
	.sub-title-box h1{font-size: 2rem; font-weight: 800; color: #fff; width: 100%;}
	.sub-title-box .sub-menu li{font-size: 0.9rem; margin-right: 15px;}
	.sitemap-box .month ol{grid-template-columns:repeat(4,1fr);}
	.sitemap-box .day ol{grid-template-columns:repeat(6,1fr);}
	.search-input{width: 100%;}
	.article-left .snsBox{display: none;}
	.list-title .title{height: 100px; font-size: 1.1rem; font-weight:400;}
	.article-info{display: flex; }
	.article-info .snsBox{width: 50%; margin-top: 40px;}
	.article-info .bylineBox{width: 50%;margin-top: 30px; display: block;}
	.article-left .bylineBox{display: none;}
	.article-content{font-size: 1.1rem; color: #121212; line-height: 2rem;}
	.article-txt01{font-size: 1.1rem;}
	.article-txt02{font-size: 1.2rem;}
	.article-txt03{font-size: 1.3rem;}
	.article-top h1{font-size: 1.8rem; line-height: 2.5rem;}
	.about-bg{background: url('/images/media-bg.png') 0 0 repeat; background-size:50%; background-color: #023D29;}
	.conpany-box .txt{font-size: 1.1rem; color: #fff; padding:30px 0 50px 0; line-height: 1.8rem;}
	.about-bg02{background: url('/images/media-bg02.png') right bottom no-repeat; background-size:50%; padding-bottom: 100px; }
	.about-bg03{background: url('/images/media-bg03.png') right top no-repeat; background-size:30%;padding-top:20px; }

	.conpany-box .tit02 img{width:180PX;}
	.conpany-ad{padding:20px;}
.protect-box{ line-height: 2rem; width: 100%; font-size: 1rem;}









}