.header {height: 110px; width: 100%; position: relative;  z-index:1111}
.header .inner{display: flex; justify-content: space-between;align-items: center; height:100%;}
.header .logo a{display: flex; align-items: center; height: 100%}
.header .logo img{width: 350px;  }
.header .nav { height:100%;}
.header .nav .close {display: none;}
.header .nav .deps_1 {height: 100%; display: flex; justify-content: center}
.header .nav .deps_1 > li {height: 100%; font-size:25px; font-weight: 500; position: relative}
.header .nav .deps_1 > li a {padding: 0 40px; display: block; height:100%;  white-space:nowrap; display: flex; align-items: center; color: #333 ; position: relative}
.header .quick-text {display: none}
.header .nav .deps_1 > li .deps_2 {position: absolute;left:50%; bottom: 15px; transform: translateY(100%); width:200px; margin-left:-100px;  background: #0e4261; opacity: 0; transition: all .3s ;padding: 17px 0; visibility: hidden}
.header .nav .deps_1 > li .deps_2 li > a {padding: 8px 0px;justify-content: center; font-size: 17px; color: #fff}

.header > .icon-box  { position:absolute; top:50%; transform: translateY(-50%); right:0;}
.header > .icon-box button {padding:10px; font-size: 24px; color: #333; cursor:pointer}
.header > .icon-box button.ham {display: none}
.header .fix_btn_box {position: fixed; right: 40px; bottom: 40px; opacity: 1; z-index: 5 ; transition: all .3s}



.top_btn_box {width: 100px; height: 100px; border-radius: 50%;box-shadow: 2px 1px 25px rgb(0 0 0 / 15%);background-color: #fff; display: flex; align-items: center; justify-content: center; margin-top: 30px; overflow: hidden; transition: background 0.3s ease-in-out;}
.top_btn_box .top_btn {font-size: 32px; cursor: pointer; width: 100%; height: 100%; }
.top_btn_box i {transition: 0.3s ease-in-out;}

.inner{ position:relative; width:1920px; margin:0 auto;}


#footer{ margin-top:150px; background:#292e33; color:rgb(255,255,255,0.7); padding:100px 0;}

.footer_link { display:flex;}
.footer_link h1 img{ width:370px; }
.footer_link ul{ display:flex;align-items: center; margin-left:50px;}
.footer_link ul li+li{ margin-left:25px;}
.footer_link ul a{ color:rgb(255,255,255,0.7)}

.footer_info{ display:flex; justify-content: space-between; border-top:1px solid rgb(255,255,255,0.2); padding-top:30px; margin-top:30px;}
.footer_info p{ color:rgb(255,255,255,0.5)}
.footer_info p b{ display:block; font-size:17px; letter-spacing:0; margin-top:5px;}
.footer_info span+span{ margin-left:15px;}
/* siteLink */
.siteLink {  }
.siteLink .siteBtn { position: relative; }
.siteLink .siteBtn button { width: 100%;display: flex; justify-content: space-between;align-items: center; background:rgb(255,255,255,0.1); padding:15px 20px; border-radius: 0.8rem;  color:rgb(255,255,255,0.5); letter-spacing:1px;font-size:17px; }
.siteLink .siteBtn button i { display: inline-block; color: #666; margin-left:50px; } 
.siteLink .siteBtn .sitelst { position: absolute; width:100%; box-sizing:border-box; padding: 0.9rem; bottom: calc(100% + 0.2rem); background: #ddd; border-radius: 0.8rem; display: none; z-index: 2; }
.siteLink .siteBtn .sitelst ul { height: 6.3rem; overflow-y: auto; }
.siteLink .siteBtn .sitelst ul li + li { margin-top: 0.2rem; }
.siteLink .siteBtn .sitelst ul li a { display: block; color: #444; font-size:18px; }
/* siteLink:active */
.siteLink .siteBtn button i { transition: all 0.3s; }
.siteLink .siteBtn.on button { background: #004895; color: #fff; }
.siteLink .siteBtn.on button i { transform: rotate(180deg); color: #fff; }


@media (max-width: 1980px) {
	
	.inner{ width:1440px;}
	
	.header .logo img{width: 300px;}
	.header .nav .deps_1 > li {font-size:21px;}
	
	#footer{ margin-top:100px;padding:70px 0;}
	.footer_link h1 img{ width:300px; }
	.footer_info p b{font-size:16px;}
	
	.siteLink .siteBtn button{ font-size:14px; padding:10px 20px;}
	.siteLink .siteBtn button i{ font-size:20px;}
	.siteLink .siteBtn .sitelst ul li a {  font-size:15px; }

	
}

@media (max-width: 1440px) {



    .header .nav .close ,
    .header > .icon-box button.ham,
    .header .quick-text {display: block}


    .header .nav .close {position: absolute; right:20px; top: 20px; color: #333; font-size: 28px}
    .header .nav {position: fixed; left:0%;right: auto ;top: 0; width: 100%; height: 100%; z-index: 10; display: block; background-color: #002f60;
        transform: translate(100%,0); padding:0; transition: left .5s ease-in-out;overflow: auto; display: flex; flex-direction: column; align-items: flex-start;;}
    .header.on .nav {left: -100%; }
    .header .nav .quick-text{display: block;width: 100%; padding:20px 20px; box-sizing:border-box; background:#fff;}
    .header .nav .quick-text .m-logo img{ width:250px;}
    .header .nav .quick-text > p {font-size: 24px; color: #fff; font-weight: 700; padding: 0 40px;}
    .header .nav .quick-text .navi_bg {padding: 0; box-shadow: none; border-radius: 0; display: flex; margin-top: 20px;border-bottom: 10px solid rgba(255,255,255, 0.2) }
    .header .nav .quick-text .navi_bg li {width: 20%; border: 1px solid rgba(255,255,255, 0.2); height: 110px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 15px;}
    .header .nav .quick-text .navi_bg li + li {margin-top: 0; border-left: none;}
    .header .nav .quick-text .navi_bg .icon_box {height:40px ; display: flex; align-items: center ; justify-content: center }
    .header .nav .quick-text .navi_bg li .ico_tit {word-break: keep-all;}
    .header .nav .quick-text .navi_bg li .ico_tit br {display: none;}

    .header .nav .bot-text {display: block; display: flex; font-size: 15px; width: 100%; padding-left: 40px; padding-top: 15px;}
    .header .nav .bot-text ul {display: flex; width: 100%;}
    .header .nav .bot-text ul li {border: 1px solid rgba(255,255,255, 0.2); color: #fff; border-radius: 50px; padding: 0 15px; height: 35px; line-height: 33px; font-size: 13px;}
    .header .nav .bot-text ul li + li {margin-left: 15px;}
    .header .nav > ul {display: flex;flex-direction: column; align-items: flex-start; padding: 20px 0;}
    .header.on > .right .spe .ham {display:none}
    .header.on > .right .spe .close {display:flex; position: fixed; right: 0; top: 0px; width: 80px; height: 80px;}
    .header .nav .deps_1 {padding:0 10px; margin-top:15px; box-sizing:border-box; width: 100%; height: auto}
    .header .nav .deps_1 > li {width: 100%;  height: auto; font-weight: 500; font-size:20px; border-bottom:1px solid rgb(255,255,255,0.05) }
    .header .nav .deps_1 > li > a {height: auto; padding: 0px;color: #fff !important; display: flex; align-items: center; justify-content: flex-start; padding:  20px 30px 0px;  padding-bottom:20px ;}
    .header .nav .deps_1 > li a{ height:auto;}
    .header .nav .deps_1 > li > a::after { content: "\ea4e";  font-family: "remixicon";display: none; posi0tion: static; width: auto; height:auto; font-size:20px; transform: translateX(0); vertical-align: middle; line-height: 1; margin-left: auto; font-weight: 500; width: auto; transition: all .3s;}
    .header .nav .deps_1 > li:nth-of-type(1),
    .header .nav .deps_1 > li:nth-of-type(2),
    .header .nav .deps_1 > li:nth-of-type(4),
    .header .nav .deps_1 > li:nth-of-type(5),
    .header .nav .deps_1 > li:nth-of-type(6) {cursor: pointer}
    .header .nav .deps_1 > li:nth-of-type(1) > a,
    .header .nav .deps_1 > li:nth-of-type(2) > a,
    .header .nav .deps_1 > li:nth-of-type(4) > a,
    .header .nav .deps_1 > li:nth-of-type(5) > a,
    .header .nav .deps_1 > li:nth-of-type(6) > a{pointer-events: none}
    .header .nav .deps_1 > li:nth-of-type(1) > a:after,
    .header .nav .deps_1 > li:nth-of-type(2) > a:after,
    .header .nav .deps_1 > li:nth-of-type(4) > a:after,
    .header .nav .deps_1 > li:nth-of-type(5) > a:after,
    .header .nav .deps_1 > li:nth-of-type(6) > a:after{display: inline-block}
    .header .nav .deps_1 > li:first-child a{margin-top: 0; }
    .header .nav .deps_1 > li.on {background-color: transparent; color: #fff;}
    .header .nav .deps_1 > li.active > a::after {transform: rotate(180deg);     }

    .header .nav .deps_1 > li .deps_2 {position: static; transform: none; opacity: 1;visibility: visible; transition: none; display: none; left:0; margin:0; width:100%; background:rgb(0,0,0,0.25)}
    .header .nav .deps_1 > li .deps_2 li > a {justify-content: flex-start; padding-left: 40px; color:rgb(255,255,255,0.6);}
    

    .navi_bg {; border-radius: 55px; padding:45.5px 20px 42.5px; box-shadow:2px 1px 25px rgba(0,0,0,0.35);}
    .navi_bg li + li {margin-top:40px;}
    .navi_bg i {font-size:35px; color: rgba(255,255,255,0.3); display: block; text-align: center;}
    .navi_bg .ico_tit {font-size:13px; font-weight: 400; margin:15px auto 0; color:#fff; display: block; text-align: center;}
    .navi_bg a {display: block; width:100%; text-align: center;}
    .navi_bg img {width:36px; opacity: 0.3;}
    .navi_bg a i, .navi_bg a img {transition: 0.3s ease-in-out;}

    .header .fix_btn_box .menu_btn_box {display: none}
    .header .logo a{ margin-left:10px;}
   .deps_3 {display: none;}
   
   .inner{ width:100%;}

}





@media (min-width: 1440px){
    .header .nav .deps_1 > li:hover a:before {opacity: 1; bottom: -5px; }
    .header .nav .deps_1 > li:hover .deps_2 {opacity: 1; bottom: 0;   visibility:inherit}
    .header .fix_btn_box .top_btn_box:hover {box-shadow: none; background: #000;}
    .header .fix_btn_box .top_btn_box:hover i {color:#fff;}
    .header .fix_btn_box .menu_btn_box:hover ul{max-height: 542px; opacity: 1}
    .header .fix_btn_box .menu_btn_box:hover >i {opacity: 0;visibility: hidden}
    .header .fix_btn_box .menu_btn_box ul li a:hover .icon {opacity: 1}
    
    

}
@media (max-width: 1440px){
	#footer{ padding:70px 10px;}
}
@media (max-width: 1280px){
	.footer_link{ display:block;}
	.footer_link ul{ margin:20px 0 0 0;}
	.footer_info{ display:block;}
	.siteLink{ margin-top:20px;}
}
@media (max-width: 680px){
	
	.header{ height:70px;}
	.header .logo img{ width:250px;}
	.footer_info span{ display:block;}
	.footer_info span+span{ margin:0;}
	.footer_link ul{ display:block;}
	.footer_link ul li+li{ margin:5px 0 0 0;}
	.footer_info p b{ font-size:13px;}
}



#board h5{ font-size:27px; margin:20px 0;display: -webkit-box; width: 100%;    overflow: hidden; white-space: normal; word-wrap: break-word; -webkit-box-orient: vertical;max-height: 66px; -webkit-line-clamp: 2;}

.board-head {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;flex-direction: row; margin-bottom:70px;}
.board-summary{ font-weight:700;letter-spacing:0;}
.board-summary span{ color:#06F}
.board-search form {display: flex;align-items: center; padding:10px 25px;border-radius: 2em;background-color:#efefef;}
.board-search input[type=text] {flex-basis: 0;flex-grow: 1; width:200px;background-color: transparent;border: 0; padding:10px 0;outline: none;}
.board-search i{ font-size:30px;}
.board-search select{ border:none; background:none; width:100px; font-size:20px;}

.board-list{ border-top:2px #333 solid;}
.board-list li {display: flex;align-items: center;gap: 24px;border-bottom: 1px solid #ddd;padding: 24px 0;}
.board-list li p.no {width: 100px;text-align: center; }
.board-list li .subject {flex-basis: 0;flex-grow: 1;min-width: 0;max-width: 100%;display: flex;align-items: center;gap: 24px;}
.board-list li .subject .cate {font-weight: 700;}
.board-list li .subject a {flex-basis: 0;flex-grow: 1;min-width: 0;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.board-gallery ul{display: grid; grid-template-columns:repeat(4, 1fr);gap:57px;}
.board-gallery .thumb img{ width:100%;}
.board-gallery .cont{ border-top:1px #ddd solid; padding-top:15px; color:#555; }
.board-gallery .basic_cont{display: -webkit-box; width: 100%;    overflow: hidden; white-space: normal; word-wrap: break-word; -webkit-box-orient: vertical;max-height: 66px; -webkit-line-clamp: 3;}
.board-gallery .dl dl{display: grid; grid-template-columns:20% 1fr;}
.board-gallery .dl dl+dl{ margin-top:5px;}


.board-list-bottom{border-top:2px #222 solid;margin-top:70px; padding-top:30px; display:flex; justify-content: space-between;align-items: center;}

.board-paging ul{display: flex;align-items: center; }
.board-paging li+li{ margin-left:5px;}
.board-paging i, .board-paging a.on{ display:flex;justify-content: center;align-items: center; border-radius:10px; }
.board-paging i{ background:#F1F1F1; font-size:18px; padding:10px;  }
.board-paging a{ color:#333; padding:10px 15px;}
.board-paging a.on{color:#06C; font-weight:700;}

.board-btn a{ display:inline-block;  padding:15px 37px;border-radius:10px; }
.board-btn a.btn1{background:#036; color:#fff; }
.board-btn a.btn2{ border:1px #ddd solid;}
.board-btn a+a{ margin-left:10px;}


.board-write .inner{ border-top:1px #ddd solid;}
.board-write dl{ border-bottom:1px #ddd solid;display: grid; grid-template-columns:200px 1fr; padding:20px 0;}
.board-write dl dt{ padding-top:15px;}
.board-write input, .board-write textarea{ border:1px #ddd solid; border-radius:10px; width:100%; box-sizing:border-box; padding:10px 20px;outline:none}
.board-write input{ height:50px;}
.board-write textarea{ height:400px;}
.board-write .board-btn{ margin-top:50px; text-align:center;}

.board-detail-top{ border-top:1px #555 solid; border-bottom:1px #555 solid; padding:30px; text-align:center;}
.board-detail-top p{ color:#999; margin-top:10px;}
.board-detail-top p span+span{ margin-left:15px;}

.board-detail-cont{ padding:30px 0;}
.board-detail .board-btn{ margin-top:50px; text-align:center;}

.board-detail-attach{border-top:1px #555 solid; border-bottom:1px #555 solid; padding:20px 0; }
.board-detail-attach dl{display: grid; grid-template-columns:150px 1fr;gap:30px;align-items: center;}
.board-detail-attach dl+dl{border-top:1px #ddd solid; padding-top:12px; margin-top:12px;}
.board-detail-attach dl dt{ background:#ddd; border-radius:10px; text-align:center; padding:10px 0;}
.board-detail-attach dl dt i{ font-size:20px;}

@media (max-width: 1980px) {
	
	.board-head { margin-bottom:50px;}
	#board h5{ font-size:23px; margin:15px 0;}
	.board-search i{ font-size:25px;}
	.board-search select{font-size:17px;}
	.board-detail-attach dl+dl{padding-top:10px; margin-top:10px;}
}


@media (max-width: 1440px) {
	#board{ margin:0 10px;}
	.board-gallery ul{ gap:20px;}
}



@media (max-width: 1280px) {
	.board-gallery ul{grid-template-columns: repeat(3, 1fr);}
	
	
	.board-list-bottom{ text-align:center;}
	.board-paging a{ padding:10px;}
	.board-paging ul{justify-content: center;}
	.board-list-bottom{ display:block;}
}
	
@media (max-width: 640px) {
	
	.board-head{ display:block;}
	.board-search{ margin-top:20px;}
	
	#board h5{ font-size:20px;}
	
	.board-gallery ul{grid-template-columns: repeat(2, 1fr);}
	.board-gallery .cont{ font-size:17px;}
	.board-gallery ul{ gap:30px 15px;}
	
	.board-paging a{ padding:5px 7px;}
	.board-paging i{ padding:5px;}
	
	.board-write dl{grid-template-columns:100px 1fr;}
	
	
}
@media (max-width: 480px) {
	
	.board-search input[type="text"]{ width:150px;}
	
	.board-detail-top{ padding:20px;}
	.board-detail-top h2{ font-size:21px;}
	.board-paging a{ padding:5px 3px;}
	.board-detail-attach dl{grid-template-columns:40px 1fr;gap:10px;}
	.board-detail-attach dl dt{ font-size:0;}
	.board-detail-attach dl dt i{ font-size:17px;}
	
	
	
}