@media (max-width:1280px) {




}

@media (max-width:1024px){
.header{padding:0 2%}
.header-gnb{display:none;}
.header-area{width:100%;}
.header-logo{width:200px;}
.header-logo a{ height:77px; line-height:77px;}
.open-btn{width:45px; height:45px;}
#visual{margin-top:77px;}
#visual .slick-arrow{font-size:38px; right:10px;}
#visual .slick-prev{left:10px;}
.va-img{width:120%; left:50%; margin-left:-60%;}
.vam-t1{font-size:15px;}
.vam-t2{font-size:45px;}
.vam-t3{font-size:18px;}
#visual .slick-dots{bottom:20px;}

.main-tit{text-align:center;}
.mt03{margin-top:10px;}
.mt03 br{display:none;}

#sec01{flex-wrap:wrap; padding:30px 0;}
.sec01-left{width:100%; text-align:center;}
.sec01-right{width:100%; margin-top:20px;}

.sec02-top{flex-direction: column; align-items: center; text-align:center; gap:10px;}
.sec02-bottom{flex-direction: column; gap:10px;}

.main-bottom-area{gap:30px;}
#sec03{width:100%;}
#sec04{width:100%;}

.sub-visual{margin-top:77px;}

.year{width:200px;}
.history:after{left:200px;}
.history:before, .wrap-year:last-child:after{left:200px;}

}	

@media (max-width:768px){
body, th, td, input, select, textarea, button{
font-size:15px;
}
.header-logo{width:160px;}
.header-logo a{ height:66px; line-height:66px;}

#visual{margin-top:66px;}
.vam-t1{font-size:7px; margin-bottom:5px;}
.vam-t2{font-size:32px;}
.vam-t3{font-size:12px; margin-top:0;}
.va-img{width:160%; left:50%; margin-left:-80%; }
#visual .slick-dots{bottom:10px;}
#visual .slick-dots li button{width:10px; height:10px; border-width:2px;}

#sec01{width:100%; padding-bottom:0;}
.mt02{margin-top:0; font-size:28px;}
.mt03{font-size:15px; word-break: keep-all; max-width:320px; margin:5px auto 0;}
.sec01-ul{gap:5px; flex-direction: column;}
.sec01-ul li{width:100%;}
.sec01-ul li a{padding-top:50%; border-radius:0;}
.sc01ul-txt span{position:absolute; font-size:0; padding:0; width:40px; height:40px; border-radius:0 0 0 10px; right:0; top:0;}
.sc01ul-txt span i{font-size:20px;}
.sc01ul-txt div{margin-bottom:0; margin-top:10px;}
.sc01ul-txt p{font-size:22px; margin-top:20px;}
.sc01ul-txt p br{display:none;}

#sec02{width:100%; border:0; border-radius:0; padding:15px;}
.sec02-top{background-size:60px 43px; padding-bottom:20px; margin-bottom:20px;}
.sc02top-right{font-size:16px; word-break: keep-all;}
.sc02top-right strong{font-size:20px;}
.sec02-bottom {gap:20px;}
.sec02-bottom dl{flex-direction: column; width:100%; gap:10px;}
.sec02-bottom dt{font-size:20px;}
.sec02-bottom dt img{width:30px;}
.sec02-bottom dd{width:100%; flex-grow: 1;}
.sec02-bottom dd a{padding:5px 0; flex:1 1 33%; text-align:center; font-size:15px;}

.main-bottom{margin-top:20px; padding:20px 0 0;}
.main-bottom-area{width:100%; gap:0;}
.sec03-ul{margin-top:15px; width:96%; margin:0 auto 20px;}
.sec03-ul li img{width:22px;}
.main-board-tab a{font-size:15px;}
.main-board-tab{height:32px; padding-right:32px;}
#sec04{border-radius:0;}
.main-board-more a{width:32px; height:32px; font-size:18px;}
.main-board-cont{padding:15px;}
#sec05{border-radius:0;}
#sec05 .main-board-tab a{padding:0 10px; border-top:2px #00a897 solid;}
.mb-slide-arrow button{width:32px; height:32px; font-size:18px;}
.mb-slide-arrow{right:32px;}

.m-banner-area{font-size:14px; gap:5px; width:100%; border:0;}
.banner-tit{padding-left:5px;}
.bs-box a{height:35px;}
.mb-banner-box{width:200px;}
.bs-box a img{max-width:90%;}

footer{padding:20px 0;}
.foot-area{flex-wrap:wrap; gap:10px 5%;}
.foot-logo{display:none;}
.foot-info{width:80%; flex-grow: 0;}
.foot-qr{width:15%; box-sizing: border-box;}
.fi-top{gap:5px; font-size:0.95em;}
.select-box{width:200px; padding:10px;}

.sub-visual{height:140px; margin-top:66px;}
.sub-nav{display:none;}
.sub-tit p{font-size:32px;}
.snb{display:none;}
.sub-select{display:block; width:100%; border-color:transparent; background:#239d71; color:#fff; padding:10px; font-size:1.25em;}
.sub-cont-tit{font-size:24px; padding-top:30px;}
.sub-content{padding:20px 0 30px;}


.s11-top{font-size:22px;}
.s11-top:after{display:none;}
.s11-bottom{flex-direction: column; gap:20px;}
.s11b-img{width:70%; margin:20px auto 0;}
.s11b-txt p{margin-top:10px;}
.s11b-txt{font-size:16px;}

.s12-box dt{font-size:20px; background-size:18px; padding-left:22px;}
.s12-box{margin-top:20px; padding-top:20px;}
.s12-box dd{margin-top:10px;}
.s12-ul2 li{width:100%;}


.organization{padding:20px 10px;}
.orga-box:after{height: calc(100% - 44px);}
.orga-box p{width:90px;}
.orga1 p{width:80px; height:80px;}
.orga-box > div{margin-top:20px; font-size:17px;}
.orga5{flex-wrap:wrap; flex-direction: column; justify-content: center; align-items: center; gap:10px; padding-top:0;}
.orga5 p{background:#f7f7f7;}
.orga5 p:after{height:10px; top:-10px; display:none;}
.orga5:after{display:none;}
.orga-list{margin-top:20px;}
.orga-list dl{flex-direction: column; gap:5px;}
.orga-list dl dt{font-size:18px; background-size:16px; padding-left:20px;}


.history:after{left:20px;}
.history:before, .wrap-year:last-child:after{left:20px;}
.year:after{left:-28px; top:7px;}
.wrap-year{flex-direction: column; box-sizing:border-box; padding-left:40px; padding-top:15px; margin-bottom:0;}
.issue{padding-top:15px; gap:10px;}
.year{text-align:left; font-size:22px;}


.location ul{padding-top:10px;}
.location li{flex-direction: column; gap:10px;}

.s-tit1{font-size:20px; background-size:16px; padding-left:20px;}

.s2-img{height:auto; margin-bottom:20px;}
.s2-box{flex-direction: column; gap:10px; padding-top:15px; margin-top:15px;}
.s2-box dt{width:auto;}
.s2-box dt br{display:none;}
.s2-table thead th, .s2-table tbody td{border-left-width:5px;}


.sub-tab a{padding:10px;}
.sub-tab a:before{margin-left:-5px;}

.s3-top{margin-top:20px; padding:30px; padding-top:150px; background-size:282px 160px; background-position:50% 0; text-align:center;}
.s3-top div{font-size:22px;}
.s3-top p{margin-top:10px;}
.s3-ul1{margin-top:15px;}
.s3-ul1 ul{flex-direction: column; gap:10px;}
.s3-ul1 li{width:100%;}

.s3-box1{flex-direction: column; padding:20px; text-align: center; gap:20px; margin-bottom:0;}
.s3b1-txt strong{font-size:18px; word-break: keep-all; margin-bottom:10px;}
.s3b1-icon{width:100px; height:100px;}
.s-tit2{font-size:16px;}
.s3-ul2 li{flex-direction: column; gap:5px; margin-top:10px;}
.s3-ul2 li span{font-size:16px;}
.s3-btn2{margin-top:30px;}
.s3-btn2 a{font-size:18px; padding:10px 0; width:240px;}
.s3-ul3{flex-direction: column; gap:15px;}
.s3-ul3 li{width:100%;}
.s3ul3-ico{width:90px; height:90px;}
.s3ul3-txt{font-size:1.1em;}
.s3ul3-txt p{font-size:24px; }


.sps-form-box dl{
flex-direction: column;
}
.sps-form-box dt{
width:100%;
padding:15px 0;
border-right:0;
border-bottom:1px #d8d9d9 solid;
}
.sps-form-box dd {text-align:center;}
.sps-form-box dd input, .sps-form-box dd select{
margin:5px 0;
}
.w40{width:100%;}
.w25{width:30%;}
.w20{width:25%;}
.w50{width:100%;}
.agree-right{justify-content: center;}
.mo-flex-box > p{ text-align:left;}
.i-input{width:80px;}
.cont-box2{padding:10px; text-align:left;}
.bank-info strong{display:block;}
}

@media (max-width:380px){

}