@media (max-width:1280px) {
.header-logo a{
width:380px;
}
}

@media (max-width:1024px){
.header-logo a{
width:280px;
margin-left:10px;
}	
.header-area{
display:block;
width:100%;
height: auto;
padding:10px 0;
}
.tnb-area{
justify-content: center;
}
.tnb-area a{
flex-grow: 1;
justify-content: center;
}

.gnb{
display:none;
}
.gnb > li > ul{
display:none;
height:0;
}
.gnb > li{
flex-grow: 1;
border-left:1px #e0e0e0 solid;
}
.gnb > li:first-child{
border-left-width:0;
}
.gnb > li > a{
height:60px;
padding:0;
width:100%;
}
.open-btn{
display:flex;
top:-30px;
right:30px;
}
.header-gnb{
width:100%;
}
.main-top{
height:auto;
margin-bottom:50px;
background-size:250%;
}
.mt-area{
display:block;
width:100%;
}
.mt-left{
width:80%;
padding-top:0;
max-width:640px;
margin:0 auto;
}
.mtl-btn{
margin:30px auto 0;
}

.mt-right{
width:100%;
max-width:640px;
margin:30px auto;
}


#main-notice{
margin-bottom:50px;
display:block;
border:0;
padding:0;
}
.main-tit{
text-align:center;
}
.mn-tab{
width:100%;
display:flex;
justify-content: center;
align-items: center;
}
.mn-tab a{
background:#e8e8ec;
border:0;
padding:5px 30px;
color:#666;
}
.mn-box{
width:100%;
padding-left:0;
margin-top:0;
}
.mn-box.current{
display:block;
}
.mn-list{
width:100%;
}
.mn-list li{
width:100%;
padding-left:0;
border-top:1px #e0e0e0 solid;
padding-top:20px;
margin-top:20px;
}
.mn-list li:first-child{
border-top-width:0;
padding-top:0;
}
.mn-date{
margin-top:10px;
}
.main-more{
width:100%;
box-sizing:border-box;
position:unset;
justify-content: center;
background:#40464e;
color:#fff;
padding:10px;
margin-top:20px;
}

.main-more2{
width:40px;
height:40px;
top:10px;
font-size:20px;
}
#main-gallery .slick-arrow{
top:10px;
width:40px;
height:40px;
font-size:20px;
left:40px;
}
#main-gallery .slick-arrow.slick-next{
border-right-width:1px;
}
#main-gallery .slick-arrow.slick-prev{
left:0px;
}
#main-gallery .slick-list{
width: calc(100% + 7px);
}

#quick-banner{
padding:30px 0;
margin-top:30px;
}

.bottom-banner{
margin:20px auto;
}
.bbs-box a{
width:99%;
}

.side-quick{
top:auto;
bottom:80px;
}
.side-quick .Q-top a{
width:55px;
height:55px;
font-size:28px;
}

.foot-area{
display:block;
padding:30px 0;
}
.foot-box{
width:100%;
justify-content: center;
text-align: center;
}
.fb-top{
justify-content: center;
}
.fb-img1{
max-width:220px;
}
.fb-top a{
max-width:300px;
}
.foot-link{
display:flex;
justify-content: center;
align-items: center;
gap:5px;
margin-top:20px;
}


.sub-visual{
height:350px;
}
.sub-visual p{
font-size:45px;
}
.snb-area a{
height:50px;
font-size:17px;
}
.sub-tit{
padding-top:50px;
}

.sub-content{
margin:20px auto 50px;
}

.sub-tab{
margin-bottom:0px;
}
.sub-tab a{
padding:10px 30px;
}

.paper-list li{
width:32%;
}

.paging{
margin-top:30px;
}


.s11-box{
display:block;
}
.s11-box div{
width:100%;
}
.s11-t3{
text-align:right;
margin-top:20px;
}
.s11-box > div p{
margin-top:20px;
}

}	

@media (max-width:768px){
body, th, td, input, select, textarea, button{
font-size:14px;
}

.gnb > li > a{
font-size:14px;
height:40px;
}
.gnb{
height:40px !important;
}

.header-logo a{
width:220px;
}
.open-btn{
top:-25px;
right:10px;
font-size:32px;
}

.main-top{
background-size:210%;
background-position:0 0;
}



.mt-area{
padding-top:10px;
}
.mtl-t1{
font-size:14px;
}
.mtl-t1 span{
width:30px;
}
.mtl-t2{
font-size:32px;
margin:0;
}
.mtl-t3{
font-size:12px;
line-height:1.12;
}
.mtl-btn{
margin-top:15px;
width:%;
}
.mtl-btn a img{
width:18px;
}
.mtl-btn a{
font-size:14px;
padding:10px;
gap:0px;
}


#visual .slick-arrow{
width:45px;
height:45px;
font-size:22px;
right:-20px;
}
#visual .slick-arrow.slick-prev{
left:-20px;
}

.mt-right{
margin:20px auto;
padding:30px 20px;
}
.vis-tit{
font-size:25px;
margin-bottom:10px;
}
.va-box{
padding:0 50px;
}
.vt1{
font-size:14px;
}
.vt2{
font-size:18px;
}

.main-tit{
font-size:25px;
}

.mn-tab a{
font-size:15px;
}
.mn-text strong{
font-size:16px;
}
.mn-text p{
margin-top:5px;
font-size:14px;
}

.main-more2{
width:35px;
height:35px;
top:0;
}
#main-notice{
margin-bottom:30px;
}
#main-gallery .slick-arrow{
width:35px;
height:35px;
font-size:22px;
left:35px;
top:0;
}
#main-gallery .slick-arrow.slick-prev{
left:0px;
}

.mgs-txt{
padding:15px;
}
.mgs-txt strong{
font-size:16px;
}
.mgs-txt p{
font-size:14px;
}
.mgs-date span{
padding:10px;
}

#quick-banner{
padding:20px 0 0;
}
.quick-banner-area{
display:block;
}
.quick-banner-area a{
display:flex;
align-items: center;
justify-content:space-between;
width:100%;
border-left-width:0;
border-top:1px rgba(255,255,255,0.1) solid;
padding:15px 0;
}
.quick-banner-area a:first-child{
padding-top:0;
border-top-width:0;
}
.quick-banner-area a img{
width:40px;
flex-shrink: 0;
}
.qb-p1{
width:130px;
text-align:center;
font-size:18px;
margin:0;
flex-shrink: 0;
}
.qb-p2{
flex-grow: 1;
text-align:left;
}

.bottom-banner .slick-arrow{
width:30px;
height:49px;
font-size:16px;
}
.bottom-banner .slick-list{
margin:0 40px 0 30px;
}
.bbs-box a{
height:50px;
}

.fb-img1{
width:45%;
}
.fb-img2{
width:100%;
}

.foot-box{
font-size:15px;
}
.foot-copy{
font-size:14px;
marign-top:5px;
}

.snb{
display:none;
}
.sub-visual{
height:220px;
}
.sub-visual p{
padding-top:100px;
font-size:38px;
}
.sub-tit{
padding-top:30px;
justify-content: center;
}
.sub-tit p{
font-size:24px;
}
.sub-nav{
display: none;
}

.sub-tab a{
padding:10px 20px;
}
.paper-list li{
width:49%;
}

.pl-link i{
padding:10px;
}

.s15-list1 li{
   width:29.3%;
}

.s11-t1{
font-size:20px;
}
.s11-t1-img{
border-radius:20px;
overflow:hidden;
}
.s11-t1 img{
width:100px;
}

/*=================================== ·Î±×ÀÎ ===================================*/
#member{width:100%;height:400px;border:1px solid #ccc;}

/* ·Î±×ÀÎ ÁÂÃø */
.member_login{position:relative;width:100%;padding:10px;margin:0 auto; margin-top:30px;}

/* ·Î±×ÀΠŸÀÌƲ */
.form_text{text-align:center;width:100%;font-size:14px;line-height:22px;color:#898989;margin-bottom:30px}
.form_text b{float:left;width:100%;font-size:20px;line-height:32px;color:#000;margin-bottom:14px;}

/* ·Î±×ÀÎ Æû */
.mem_login{position:relative;float:left;width:100%;}
.mem_input{float:left;width:100%;background:#fff;margin-top:4px;border:1px solid #ccc;padding-top:1px;}
.mem_input span{float:left;width:20%;height:46px;line-height:45px;font-size:16px;font-weight:600;color:#898989;padding:0 10px;}
.mem_input input{float:left;width:80%;height:46px;line-height:46px;font-size:14px;font-weight:300;color:#C5C1C1;padding:0 10px;border:none;}

/* ·Î±×ÀÎ ¹öÆ°µé */
input.mem_login_btn{float:left;width:100%;height:60px;line-height:60px;font-size:22px;text-align:center;color:#fff;background:#6E559F;font-weight:bold;color:#fff;border:none;margin:5px 0 0 0;}
input:hover.mem_login_btn{background:#3C04AA;}
input.mem_login_btn2{float:left;width:100%;height:60px;line-height:60px;font-size:22px;text-align:center;color:#fff;background:#898989;font-weight:600;color:#fff;margin-top:18px;border:none;}
input:hover.mem_login_btn2{background:#000}


.inbox dd span{
   width:33%;
   }
   .inbox{
   padding:15px;
   }

}

@media (max-width:360px){

}