/*header*/
header{border-bottom:1px solid #ddd; width:100%; position:fixed; top:0; left:0; z-index:99999999; background:rgba(255,255,255,.9);backdrop-filter: blur(5px);}
header .wrap6{display:flex; flex-wrap:wrap; justify-content: space-between; height:100px;}
.hd-logo img, .gb-logo img{height:36px;}
.menu{width:calc(100% - 300px); max-width:1000px;}
.menu:after {content: ''; display: none; position: absolute; top: 100px; left: 0; z-index: 8; width: 100%; height: 285px; background: #f9f9f9; opacity: 0;}
.menu:hover:after, .menu:hover .sub-menu {display: block; animation: fadeIn .3s forwards; animation-delay: .2s;}
.menu-con {width:calc(100%/4); position: relative; font-weight: 700; transition: padding 0.3s ease-out;}
.menu-con p {position: relative; cursor:pointer; width:100%; height: 100%;font-size: 20px; font-weight:700;line-height: 60px; }
.menu-con p:after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #056526; transform: scale3d(0, 1, 1); transform-origin: center center; transition: transform .3s ease-out;}
.menu-con:hover p:after {transform: scale3d(1, 1, 1);}
.menu-con:hover .sub-menu {background: #fff;}
.sub-menu {position: absolute; left: 0; bottom: 0; z-index: 10; display: none; width: 100%; height:285px; transform: translateY(100%); text-align: center; background: #f9f9f9; opacity: 0; padding:15px 0}
.sub-menu li a {display:inline-block; width:100%; font-size: 16px; line-height: 50px; padding:0 10px; font-weight: 500; color: #333; transition: .2s ease-out;}
.sub-menu li a:hover {font-weight: 700; color: #056526;}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.toggle-nav, .m-nav{display:none}
body.scrollno{width:100%; height:100vh; overflow:hidden}




/*메인슬라이드*/
.swiper {width: 100%;height: 100%; background-color: #ddd; }
.swiper-slide {display: flex; justify-content: center; align-items: center;}
.swiper-slide a img {display: block; width: 100%; height: 100%;}
#visual{width:90%; max-width:1400px; margin:0 auto; overflow: hidden; border-radius: 25px; margin-top:100px}
.main-slid{width:100%; height:auto !important; }
.main-slid .swiper-button-next:after{content:'arrow_circle_right'; font-family: 'Material Symbols Outlined'; font-weight:100; font-size:70px !important; color:#000;}
.main-slid .swiper-button-prev:after{content:'arrow_circle_left'; font-family: 'Material Symbols Outlined'; font-weight:100; font-size:70px !important; color:#000;}
.main-slid .swiper-button-prev, .main-slid .swiper-rtl .swiper-button-next{ left: 2%; right: auto;}
.main-slid .swiper-button-next, .main-slid .swiper-rtl .swiper-button-prev {right: 2%; left: auto;}


/*공통 - 메인타이틀*/
.main-tit{align-items:flex-end; margin-bottom:40px;}
.main-tit > div p{font-size:18px; line-height:1; color:#056526; font-weight:800; margin-bottom:10px;}
.main-tit > div h1{font-size:42px; line-height:1; color:#222; font-weight:800;}
a.more {font-size:16px; backdrop-filter: blur(5px); font-weight:500; border:1px solid #000; line-height:1; padding:10px 20px; color:#000; border-radius:100px; position: relative; transform: translateZ(0); transition: color 0.3s ease; overflow:hidden;}
a.more:before {content: ''; position: absolute; bottom: 0; left: 0; right: 0; top: 0; background: #000; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease-out; z-index: -1;}
a.more:hover{color:#fff !important;}
a.more:hover:before, a.more:focus:before, a.more:active:before {transform: scaleX(1);}
.main-tit.white > div p{color:#fff; opacity:.5}
.main-tit.white > div h1{color:#fff}
.main-tit.white a.more{border:1px solid #fff; color:#fff}
.main-tit.white a.more:before{background:#fff;}
.main-tit.white a.more:hover{color:#056526 !important; font-weight:600}




/*공지사항*/
.notice-list{width:calc(100% - 390px); padding-right:40px}
.notice-list ul{ border-top:2px solid #000}
.notice-list ul li{border-bottom:1px solid #ddd;}
.notice-list ul li a{padding:12px 10px}
.notice-list ul li .con-l{width:calc(100% - 170px); justify-content: flex-start !important}
.notice-list ul li .con-r{width:170px; justify-content: flex-end !important}
.notice-list ul li .con-r b.whether{display:inline-block; width:55px; background:#ff7e00; font-size: 15px; text-align: center; line-height: 30px; margin-left: 10px; color:#fff; font-weight:500; border-radius:5px}
.notice-list ul li .con-r b.whether.ing{background:#ff7e00; color:#fff}
.notice-list ul li .con-r b.whether.end{background:#ccc; color:#444}
.notice-list ul li .con-r p.date{font-size:15px; font-weight:500; color: #666;}
.notice-list ul li .con-l span.category{background:#fff; border:1px solid #056526; color:#056526; font-weight:700; font-size: 15px; line-height: 30px; padding: 0 12px; border-radius:7px 0 7px 7px; margin-right:10px;}
.notice-list ul li .con-l h3.title{font-size: 17px; font-weight:600; width:80%; max-width:450px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.banner{width:390px; border-radius:50px 0 50px 50px; background: rgb(1,165,81); background: linear-gradient(-90deg, rgba(1,165,81,1) 0%, rgba(64,176,73,1) 50%, rgba(128,187,64,1) 100%);}
.banner img{width:80%; max-width:500px;}



/*기관소개*/
#organ{background:url('/images/main/organ-bg.jpg') no-repeat bottom; background-size:cover; /*background: rgb(0,103,38); background: linear-gradient(180deg, rgba(0,103,38,1) 0%, rgba(32,139,69,1) 100%); */}
.organ-con ul{align-items:initial !important; overflow:hidden}
.organ-con ul li{cursor:pointer; width:calc(100%/4 - 20px); padding:32px;  background:#fff; border-radius:15px; box-shadow:0 0 10px rgba(4,72,27,.6); display: flex; flex-flow: column;  justify-content: space-between;}
.organ-con ul li .txt span{width:100%; height:100px;}
.organ-con ul li .txt span img{height:47px;}
.organ-con ul li:nth-child(3) .txt span img{height:82px;}
.organ-con ul li:nth-child(4) .txt span img{height:38px;}
.organ-con ul li .txt h1{font-size:22px; line-height:1.3; font-weight:800; margin:20px 0}
.organ-con ul li .txt p{font-size:16px; line-height:1.4; font-weight:500; word-break: break-all;}
.organ-con ul li .info{margin-top:20px }
.organ-con ul li .info dd{display:flex; flex-wrap:wrap;  font-size:16px; font-weight:500}
.organ-con ul li .info dd span{font-size:20px; margin-right:6px; font-weight:500; margin-top:2px;}
.organ-con ul li .info dd:nth-child(n+2){margin-top:3px;}
.organ-con ul li .info dd a:hover{text-decoration:underline; text-underline-position : under;}
.organ-con ul li:hover{transform:scale(1.015); transition:.3s;}



/*보도자료*/
#news{padding-bottom:80px; position:relative}
#news::before{content:''; display:block; width:400px; height:400px; background:url('/images/main/object-02.png') no-repeat center; background-size:contain; position:absolute; top:150px; left:50px; z-index:-1; animation-name: scroll_up; animation-duration: 1.5s; animation-iteration-count: infinite;}
#news::after{content:''; display:block; width:300px; height:300px; background:url('/images/main/object-03.png') no-repeat center; background-size:contain; position:absolute; bottom:50px; right:50px; z-index:-1; animation-name: scroll_down; animation-duration: 1.3s; animation-iteration-count: infinite;}
#news .wrap4{display:flex; flex-wrap:wrap; justify-content: space-between;}
#news .wrap4 .main-tit {width:22%; max-width:300px; height:180px; position: sticky; top: 140px; display:flex; flex-flow:column; align-items:flex-start}
.news-con{align-items:initial; width:75%; }
.news-item{width:calc(100%/3 - 15px); border:2px solid #eee; border-radius:30px; padding:15px; background:rgba(255,255,255,.7); backdrop-filter: blur(3px);}
.news-item:nth-child(n+4){margin-top:20px;}
.news-item:nth-child(2),.news-item:nth-child(5){position:relative; top:80px; }
.news-item a{width:100%; height:100%; display: flex; flex-flow: column;}
.news-item .thum{width:100%; height:190px; border-radius:25px; border:1px solid #eee; background-size:cover !important}
.news-item h1{margin:20px 0 12px 0; font-size:20px; line-height:1.4; color:#15833b; font-weight:800; padding:0 5px; overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news-item p{font-size:16px; line-height:1.4; color:#666; font-weight:500; padding:0 5px; overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.news-item:hover{border:2px solid #15833b;  border-radius:35px 0 35px 35px; transition:.3s}
.news-item:hover .thum{border-radius:30px 0 30px 30px; transition:.3s}

@keyframes scroll_down {
      0%   {margin-bottom:0px;}
      50%  {margin-bottom:30px;}
      100% {margin-bottom:0px;}
    }
@keyframes scroll_up {
      0%   {margin-top:0px;}
      50%  {margin-top:30px;}
      100% {margin-top:0px;}
    }


/*footer*/
footer{background:#2c343a;  padding-top:80px}
footer .wrap4{padding-right:60px; position:relative}
.ft-tit{font-size:24px; line-height:1; margin-bottom:30px; font-weight:600; color:rgba(255,255,255,.8);}
.ft-con {padding-bottom:50px;}
.ft-con ul li{display:flex; flex-wrap:wrap; font-weight:300; font-size:16px; line-height:1.3; color:rgba(255,255,255,.7);}
.ft-con ul li b{margin-right:5px; font-weight:400}
.ft-info{width:50%; padding-right:30px;}
.ft-info ul {display:flex; flex-wrap:wrap;}
.ft-info ul li:nth-child(n+3){margin-top:5px;width:100%}
.ft-info ul li:nth-child(n+3) b{width:55px;}
.ft-info ul li:nth-child(n+3) p{width:calc(100% - 60px)}
.ft-info ul li:nth-child(1){padding-right:15px; margin-right:15px; position:relative}
.ft-info ul li:nth-child(1)::before{display:block; content:''; width:1px; height:10px; background:rgba(255,255,255,.6); position:absolute; top:50%; right:0; transform:translateY(-50%)}

.ft-mail ul li:nth-child(n+2){margin-top:5px}
.copy{padding:17px 0; border-top:1px solid rgba(255,255,255,.2)}
.copy.wrap{padding-right:0 !important}
.copy p{display:inline-block; width:100%; font-size:15px; color:rgba(255,255,255,.4); line-height:1.3; text-align:center; font-weight:300}

/*gotop*/
.gotop{opacity:.8; cursor:pointer; position:absolute; top:0px; right:0px; width:55px; height:55px; border-radius:100px; border:2px solid #fff; color:#fff; font-weight:500;}
.gotop span{font-size:34px; font-weight:300}
.gotop:hover{opacity:1; transition:.2s}






/**************************************반응형**************************************/

@media (max-width: 1400px) {
/*공지사항*/
.notice-list ul li .con-l h3.title{width:73%; }


/*header*/
header .wrap6{height:90px;}
.hd-logo img, .gb-logo img{height:32px;}
.menu{width:calc(100% - 400px); max-width:900px;}
.menu:after {top: 90px; height: 285px; }
.menu-con p {font-size: 19px;  }
.sub-menu { padding:12px 0}

/*메인슬라이드*/
#visual {margin-top:90px}
}





@media (max-width: 1230px) {

	/*header*/
	header .wrap6{height:70px;}
	.hd-logo img, .gb-logo img{height:30px;}
	.menu{width:calc(100% - 400px); max-width:900px;}
	.menu:after {top: 70px; height: 245px; }
	.menu-con p {font-size: 18px;  }
	.sub-menu {height:245px; padding:12px 0}
    .sub-menu li a {font-size: 15px; line-height: 44px;}


    /*메인슬라이드*/
    #visual{border-radius: 40px; margin-top:70px}


	/*공통 - 메인타이틀*/
	.main-tit{margin-bottom:30px;}
	.main-tit > div p{font-size:17px;}
	.main-tit > div h1{font-size:38px;}
	a.more {font-size:15px; padding:9px 18px;}


	/*공지사항*/
	.notice-list{width:calc(100% - 280px); padding-right:30px}
	.notice-list ul li a{padding:10px 8px}
	.notice-list ul li .con-l{width:calc(100% - 160px)}
	.notice-list ul li .con-r{width:160px;}
	.notice-list ul li .con-r b.whether{width:52px;font-size: 14px; line-height: 28px; margin-left: 6px; }
	.notice-list ul li .con-r p.date{font-size:14px;}
	.notice-list ul li .con-l span.category{font-size: 14px; line-height: 28px; padding: 0 10px; border-radius:5px 0 5px 5px; margin-right:6px;}
	.notice-list ul li .con-l h3.title{font-size: 16px; width:70%;}
	.banner{width:280px; border-radius:35px 0 35px 35px; }


	/*기관소개*/
	.organ-con ul li{width:calc(100%/4 - 10px); padding:25px; border-radius:12px}
	.organ-con ul li .txt span{height:90px;}
	.organ-con ul li .txt span img{height:40px;}
	.organ-con ul li:nth-child(3) .txt span img{height:72px;}
	.organ-con ul li:nth-child(4) .txt span img{height:34px;}
	.organ-con ul li .txt h1{font-size:20px; margin:15px 0}
	.organ-con ul li .txt p{font-size:15px;}
	.organ-con ul li .info{margin-top:15px }
	.organ-con ul li .info dd{font-size:15px;}
	.organ-con ul li .info dd span{font-size:19px; margin-right:5px;}
	

	/*보도자료*/
	#news{padding-bottom:70px;}
	#news .wrap4 .main-tit {width:20%; max-width:240px; height:170px; top: 130px}
	.news-con{width:78%; }
	.news-item{width:calc(100%/3 - 8px); border-radius:25px; padding:10px;}
	.news-item:nth-child(n+4){margin-top:15px;}
	.news-item:nth-child(2),.news-item:nth-child(5){top:70px; }
	.news-item .thum{height:160px; border-radius:20px}
	.news-item h1{margin:18px 0 10px 0; font-size:19px; }
	.news-item p{font-size:15px;}
	.news-item:hover{border-radius:30px 0 30px 30px;}
	.news-item:hover .thum{border-radius:25px 0 25px 25px; }
	#news::before{width:300px; height:300px; top:110px; left:30px;}
	#news::after{width:220px; height:220px; bottom:30px; right:30px; }

	/*footer*/
	footer{padding-top:70px}
	footer .wrap{padding-right:55px;}
	.ft-tit{font-size:22px; margin-bottom:25px;}
	.ft-con {padding-bottom:40px;}
	.ft-con ul li{font-size:16px;}
	.ft-con ul li b{margin-right:5px; font-weight:400}
	.ft-info{width:45%; padding-right:30px}
	.ft-info ul li:nth-child(n+3) b{width:56px; margin-right:4px;}
	.ft-info ul li:nth-child(n+3) p{width:calc(100% - 60px)}
	.ft-info ul li:nth-child(1){padding-right:13px; margin-right:13px;}
	.copy{padding:15px 0}
	/*gotop*/
	.gotop{width:48px; height:48px;}
	.gotop span{font-size:30px;}
}







@media (max-width: 1023px) {
    .pd60{padding:50px 0;}

	/*header*/
	header .wrap6{height:60px;}
	.hd-logo img, .gb-logo img{height:28px;}
	.gb-logo{margin-right:45px;}
    header .menu{display:none}

    /*모바일 메뉴*/
    .toggle-nav{display:flex; flex-wrap: wrap; align-items: center; justify-content: center; width:30px;height:30px;right:5%; top:13px; position:absolute;z-index:99;}
    .toggle-nav span{display:inline-block; width:24px; height:22px; border-top:2px solid #000; border-bottom:2px solid #000; position:relative; cursor:pointer}
    .toggle-nav span:after{content:''; width:100%; height:2px; background:#000; position:absolute; right:0; top:50%; transform: translateY(-50%);}
    .m-nav{display:none}
    .m-nav.open{position:fixed;left:0; top:0; z-index:99999999999999999;display:block; background:#eee; width:100%; height:100vh;padding:60px 5%; color:#333; overflow-y:auto}
    .m-nav .mNav-wrap{margin-top:50px; border-bottom:1px solid rgba(0,0,0,.2)}
    .m-nav .mNav-wrap > li{border-top:1px solid rgba(0,0,0,.2);padding:15px;position:relative;}
    .m-nav .mNav-wrap > li span{display:inline-block; width:100%;font-size:19px; font-weight:600; position:relative; cursor:pointer}
    .m-nav .mNav-wrap > li span:after{content:'arrow_forward_ios'; font-family: 'Material Symbols Outlined'; position:absolute; right:0;top:50%; transform:translateY(-50%); opacity:.5; transition: all .2s ease-in-out;}
    .m-nav .mNav-wrap > li .mb-sub-menu{position:absolute;height:0;display:none}
    .m-nav .mNav-wrap > li .mb-sub-menu a{font-size:16px; font-weight:400}
    .m-nav .mNav-wrap > li.open .mb-sub-menu{display:block;position:relative;height:auto;}
    .m-nav .mNav-wrap > li.open span{color:#056526; font-weight:700}
    .m-nav .mNav-wrap > li.open span:after{top:0%; opacity:.8;transform:rotate(90deg);}
    .m-nav .mNav-wrap > li.open .mb-sub-menu li{margin-top:8px}
    .nav-close{position:absolute; top:20px; right:6%; width:24px; height:24px;transform:rotate(45deg)}
    .nav-close span{display:inline-block;width:100%; height:2px; background:#000;position:absolute; top:50%; left:1px}
    .nav-close span:last-child{width:2px; height:100%; top:1px; left:50%}



    /*메인슬라이드*/
    #visual{border-radius: 35px; margin-top:60px}
	.main-slid .swiper-button-next:after{font-size:60px !important;}
	.main-slid .swiper-button-prev:after{font-size:60px !important;}

	/*공지사항*/
	.notice-list{width:100%; padding-right:0px}
	.notice-list ul li a{padding:12px 10px}
	.notice-list ul li .con-l h3.title{width:75%;}
	.banner{width:100%; padding:50px; border-radius:40px 0 40px 40px; margin-top:50px}
	.banner img{width:100%; max-width:300px;}


	/*기관소개*/
	.organ-con ul{justify-content: space-between;}
	.organ-con ul li{width:49%; padding:40px; border-radius:15px}
	.organ-con ul li:nth-child(n+3){margin-top:15px;}
	.organ-con ul li .txt span{height:100px;}
	.organ-con ul li .txt span img{height:48px;}
	.organ-con ul li:nth-child(3) .txt span img{height:82px;}
	.organ-con ul li:nth-child(4) .txt span img{height:40px;}
	.organ-con ul li .txt h1{font-size:22px; margin:20px 0}
	.organ-con ul li .txt p{font-size:16px;}
	.organ-con ul li .info{margin-top:20px }
	.organ-con ul li .info dd{font-size:16px;}
	.organ-con ul li .info dd span{font-size:21px;}


	/*보도자료*/
	.news-item{width:49%; border-radius:30px; padding:25px;}
	.news-item:nth-child(n+3){margin-top:15px;}

	/*보도자료*/
	#news{padding-bottom:50px;}
	#news .wrap4 .main-tit {width:25%; max-width:240px; height:150px; top: 80px}
	.news-con{width:72%; }
	.news-item{width:49%; padding:12px;}
	.news-item:nth-child(n+3){margin-top:12px;}
	.news-item:nth-child(2n){top:50px; position:relative; }
	.news-item:nth-child(5){position:initial}
	.news-item .thum{height:170px;}
	.news-item h1{margin:15px 0 8px 0; font-size:17px; }
	.news-item p{font-size:14px;}
	#news::before{width:250px; height:250px; top:70px; left:20px;}
	#news::after{width:170px; height:170px; bottom:20px; right:20px; }


	/*footer*/
	footer{padding-top:50px}
	footer .wrap{padding-right:55px;}
	.ft-tit{font-size:20px; margin-bottom:18px;}
	.ft-con {padding-bottom:30px;}
	.ft-con ul li{font-size:15px;}
	.ft-con ul li b{margin-right:4px; font-weight:400}
	.ft-info{width:100%; padding-right:0px; margin-bottom:15px;}
	.ft-info ul li:nth-child(n+3) b{width:52px; margin-right:4px;}
	.ft-info ul li:nth-child(n+3) p{width:calc(100% - 56px)}
	.ft-info ul li:nth-child(1){padding-right:13px; margin-right:13px;}
	.copy{padding:13px 0}
	.copy p{font-size:15px;}
	/*gotop*/
	.gotop{width:45px; height:45px;}
	.gotop span{font-size:28px;}
}







@media (max-width: 768px) {
   .pd60{padding:40px 0;}



    /*메인슬라이드*/
    #visual{border-radius: 25px;}
	.main-slid .swiper-button-next:after{font-size:50px !important;}
	.main-slid .swiper-button-prev:after{font-size:50px !important;}


	 /*공통 - 메인타이틀*/
	.main-tit{margin-bottom:25px;}
	.main-tit > div p{font-size:15px; margin-bottom:8px}
	.main-tit > div h1{font-size:32px;}
	a.more {font-size:14px; padding:8px 15px;}


	/*공지사항*/
	.notice-list ul li a{padding:10px 8px}
	.notice-list ul li .con-l{width:calc(100% - 160px)}
	.notice-list ul li .con-r{width:160px;}
	.notice-list ul li .con-r b.whether{width:48px;font-size: 13px; line-height: 25px; margin-left: 4px; }
	.notice-list ul li .con-r p.date{font-size:13px;}
	.notice-list ul li .con-l span.category{font-size: 13px; line-height: 25px; padding: 0 7px; border-radius:3px 0 3px 3px;}
	.notice-list ul li .con-l h3.title{font-size: 15px; width:60%;}
	.banner{padding:40px; border-radius:30px 0 30px 30px; margin-top:40px}


	/*기관소개*/
	.organ-con ul li{padding:25px; border-radius:12px}
	.organ-con ul li:nth-child(n+3){margin-top:10px;}
	.organ-con ul li .txt span{height:90px;}
	.organ-con ul li .txt span img{height:40px;}
	.organ-con ul li:nth-child(3) .txt span img{height:72px;}
	.organ-con ul li:nth-child(4) .txt span img{height:32px;}
	.organ-con ul li .txt h1{font-size:21px; margin:15px 0}
	.organ-con ul li .txt p{font-size:15px;}
	.organ-con ul li .info{margin-top:15px }
	.organ-con ul li .info dd{font-size:15px;}
	.organ-con ul li .info dd span{font-size:19px;}


	/*보도자료*/
	.news-item{width:49%; border-radius:20px; padding:15px;}
	.news-item:nth-child(n+3){margin-top:10px;}
	.news-item .thum{height:140px; border-radius:25px;}
	.news-item h1{margin:12px 0 8px 0; font-size:17px;}
	.news-item p{font-size:15px }
	.news-item:hover{ border-radius:20px 0 20px 20px; }
	.news-item:hover .thum{border-radius:15px 0 15px 15px; }

	/*보도자료*/
	#news{padding-bottom:40px;}
	#news .wrap4 .main-tit {width:100%; max-width:100%; height:auto; position:initial; flex-flow: row;  align-items: flex-end;}
	.news-con{width:100%; }
	.news-item{width:49%; border-radius:20px; padding:10px;}
	.news-item:nth-child(n+3){margin-top:10px;}
	.news-item:nth-child(2n){top:40px; position:relative; }
	.news-item .thum{height:140px; border-radius:15px}
	.news-item h1{margin:15px 0 8px 0; font-size:17px; }
	.news-item p{font-size:14px;}
	.news-item:hover{border-radius:25px 0 25px 25px;}
	.news-item:hover .thum{border-radius:20px 0 20px 20px; }
	#news::before{width:240px; height:240px; top:-20px; left:10px;}
	#news::after{width:180px; height:180px; bottom:-20px; right:0px; }
	@keyframes scroll_down {
      0%   {margin-bottom:0px;}
      50%  {margin-bottom:20px;}
      100% {margin-bottom:0px;}
    }
	@keyframes scroll_up {
      0%   {margin-top:0px;}
      50%  {margin-top:20px;}
      100% {margin-top:0px;}
    }
	
	/*footer*/
	footer{padding-top:40px}
	footer .wrap{padding-right:50px;}
	.ft-tit{margin-bottom:15px;}
	.ft-con {padding-bottom:25px;}
	.ft-info ul li:nth-child(n+3), .ft-mail ul li:nth-child(n+2) {margin-top: 3px;}
	.copy{padding:10px 0}
	.copy p{font-size:14px;}
	/*gotop*/
	.gotop{width:40px; height:40px; border:1px solid #fff}
	.gotop span{font-size:24px; font-weight:200}


	
}





@media (max-width: 500px) {
    .pd60{padding:35px 0;}

	/*header*/
	header .wrap6{height:55px;}
	.hd-logo img, .gb-logo img{height:26px;}
	.gb-logo{margin-right:40px;}

    /*모바일 메뉴*/
    .toggle-nav{width:27px;height:27px;right:5%; top:12px;}


    /*메인슬라이드*/
    #visual{width:100%; border-radius: 0; margin-top:55px}
	.main-slid .swiper-button-next:after{font-size:40px !important;}
	.main-slid .swiper-button-prev:after{font-size:40px !important;}

	/*공통 - 메인타이틀*/
	.main-tit{margin-bottom:20px;}
	.main-tit > div p{font-size:14px; margin-bottom:7px}
	.main-tit > div h1{font-size:28px;}
	a.more {font-size:13px; padding:7px 12px;}


	/*공지사항*/
	.notice-list ul li a{padding:12px 7px}
	.notice-list ul li .con-l{width:calc(100% - 50px)}
	.notice-list ul li .con-r{width:50px;}
	.notice-list ul li .con-r p.date{display:none}
	.notice-list ul li .con-l h3.title{font-size: 14px; width:95%;}
	.banner{padding:50px; border-radius:35px 0 35px 35px; margin-top:50px}
	.notice-list ul li .con-l span.category{display:none}

	/*기관소개*/
	.organ-con ul li{width:100%; padding:30px; border-radius:10px}
	.organ-con ul li:nth-child(n+2){margin-top:10px;}
	.organ-con ul li .txt span{ justify-content: flex-start;}
	.organ-con ul li .txt span img{height:45px;}
	.organ-con ul li:nth-child(3) .txt span img{height:80px;}
	.organ-con ul li:nth-child(4) .txt span img{height:37px;}


	/*보도자료*/
	.news-item{width:100%; border-radius:25px; padding:25px;}
	.news-item:nth-child(n+2){margin-top:10px;}
	.news-item .thum{height:200px; border-radius:20px;}
	.news-item h1{margin:20px 0 15px 0; font-size:19px;}
	.news-item p{font-size:16px }


	/*보도자료*/
	#news{padding-bottom:0;}
	.news-item{width:100%; border-radius:30px; padding:20px;}
	.news-item:nth-child(n+2){margin-top:15px;}
	.news-item:nth-child(2n){position:initial; }
	.news-item .thum{height:220px; border-radius:25px}
	.news-item h1{margin:18px 0 12px 0; font-size:19px; }
	.news-item p{font-size:15px;}
	.news-item:hover{border-radius:35px 0 35px 35px;}
	.news-item:hover .thum{border-radius:30px 0 30px 30px; }
	#news::before{width:220px; height:220px;}
	#news::after{width:160px; height:160px; }


	/*footer*/
	footer{padding-top:30px}
	footer .wrap{padding-right:0px;}
	.ft-tit{font-size:18px; margin-bottom:15px; padding-right:40px;}
	.ft-con {padding-bottom:20px;}
	.ft-con ul li{font-size:14px;}
	.ft-con ul li b{margin-right:4px; font-weight:400}
	.ft-info{width:100%; padding-right:0px; margin-bottom:15px;}
	.ft-info ul li:nth-child(n+2) {margin-top: 3px; width:100%}
	.ft-info ul li:nth-child(n+2) b{width:49px; margin-right:4px;}
	.ft-info ul li:nth-child(n+2) p{width:calc(100% - 53px)}
	.ft-info ul li:nth-child(1){padding-right:0; margin-right:0;}
	.ft-info ul li:nth-child(1)::before{display:none}
	.ft-mail{width:100%}
	.copy{padding:8px 0}
	.copy p{font-size:13px;}
	/*gotop*/
	.gotop{width:32px; height:32px}
	.gotop span{font-size:22px;}
}




@media (max-width: 400px) {
    /*모바일 메뉴*/
    .m-nav.open{padding:40px 5%;}
    .m-nav .mNav-wrap > li{padding:13px;}
    .m-nav .mNav-wrap > li span{font-size:17px;}
    .m-nav .mNav-wrap > li span:after{font-size:20px !important; font-weight:500}
    .m-nav .mNav-wrap > li .mb-sub-menu a{font-size:14px;}
    .m-nav .mNav-wrap > li.open .mb-sub-menu{margin-top:5px;}
    .m-nav .mNav-wrap > li.open .mb-sub-menu li{margin-top:6px}
    .nav-close{width:22px; height:22px;}


	/*공통 - 메인타이틀*/
	.main-tit{margin-bottom:18px;}
	.main-tit > div p{font-size:13px; font-weight:700}
	.main-tit > div h1{font-size:25px;}
	a.more {font-size:13px; padding:6px 10px;}

	/*공지사항*/
	.notice-list ul li .con-l{width:calc(100% - 50px)}
	.notice-list ul li .con-r{width:50px;}
	.notice-list ul li .con-l h3.title{font-size: 13px;}
	.banner{padding:30px; border-radius:25px 0 25px 25px; margin-top:50px}
	.notice-list ul li .con-r b.whether{width:45px;font-size: 12px; line-height: 22px; margin-left: 3px; font-weight: 400;  border-radius: 3px;}
	.notice-list ul li .con-l h3.title{font-size: 14px;}

	/*기관소개*/
	.organ-con ul li{padding:20px;}
	.organ-con ul li .txt span img{height:38px;}
	.organ-con ul li:nth-child(3) .txt span img{height:70px;}
	.organ-con ul li:nth-child(4) .txt span img{height:30px;}
	.organ-con ul li .txt h1{font-size:19px; margin:12px 0}
	.organ-con ul li .txt p{font-size:14px;}
	.organ-con ul li .info{margin-top:12px }
	.organ-con ul li .info dd{font-size:14px;}
	.organ-con ul li .info dd span{font-size:19px;}


	/*보도자료*/
	.news-item{border-radius:20px; padding:15px;}
	.news-item .thum{height:150px; border-radius:15px;}
	.news-item h1{margin:15px 0 8px 0; font-size:17px;}
	.news-item p{font-size:14px }
	.news-item:hover{ border-radius:15px 0 15px 15px; }
	.news-item:hover .thum{border-radius:10px 0 10px 10px; }





	/*footer*/
	footer .wrap4 {padding-right: 0;}
	.ft-mail ul li b{width:98px; margin-right:4px}
	.ft-mail ul li p{width:calc(100% - 102px)}
	.ft-mail ul li:nth-child(1) b, .ft-mail ul li:nth-child(4) b{width:110px; margin-right:4px}
	.ft-mail ul li:nth-child(1) p, .ft-mail ul li:nth-child(4) p{width:calc(100% - 114px)}

}