@media (max-width:1280px) {
#visual .slick-arrow{
right:2%;
width:45px;
height:45px;
font-size:28px;
}
#visual .slick-prev{
left:2%;
}



}

@media (max-width:1024px){
.side-quick{
right:10px;
}
.open-btn{
display:flex;
justify-content: center;
align-items: center;
border-radius:999px;
color:#fff;
width:40px;
height:40px;
font-size:35px;
margin-top:0;
}
header{
height:70px;

}
.header-gnb{
display:none;
}

.close-btn{
width:40px;
height:40px;
font-size:20px;
display:flex;
justify-content: center;
align-items: center;
}

.va-img{
width:120%;
left:50%;
margin-left:-60%;
}
.vam-t1{
font-size:15px;
}
.vam-t2{
font-size:55px;
}
.vam-t3{
font-size:24px;
}

.ads-content{
gap:0;
}
.asf-box{
width:0;
}
.asf-box.active{
width:100%;
}
.ads-tab{
gap:30px;
}

#main-notice{
flex-direction: column;
position:relative;
padding-bottom:90px;
}
.mn-left{
width:100%;
}
.main-tit{
text-align:center;
}
.mn-right{
width:100%;
}
.more-btn{
position:absolute;
left:0;
bottom:0;
width:100%;
text-align:center;
}

.request-box{
flex-direction: column;
}
.req-left{
margin-bottom:30px;
}
.req-tel{
justify-content: center;
}
.req-info{
text-align:center;
}
.req-right{
width:100%;
}

.sub-visual{
height:420px;
}

.sct-ul{
flex-direction: column;
justify-content: center;
align-items: center;
gap:5px;
}
.sub-content3{
flex-direction: column;
}
.sub-content3 > div{
width:100%;
}
}	

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

header{
height:50px;
padding:0;
}
.header-logo a{
font-size:30px;
}
.open-btn{
font-size:28px;
}

.va-ment{
padding-top:50px;
width:100%;
left:0;
margin-left:0;
}
.vam-t1{
font-size:12px;
margin-bottom:5px;
}
.vam-t2{
font-size:24px;
}
.vam-t3{
font-size:15px;
margin-top:0;
}
.va-img{
width:160%;
left:50%;
margin-left:-80%;
}
#visual .slick-arrow{
margin-top:0;
}

.side-quick{
right:10px;
top:auto;
bottom:50px;
}
.side-quick a{
width:55px;
height:55px;
font-size:0;
gap:0;
}
.side-quick a i{
font-size:30px;
}

#main-ads{
padding:30px 0 10px;
}

.mt-t1{
font-size:14px;
}
.mt-t2{
font-size:28px;
}
.mt-t3{
font-size:16px;
}
.ads-tab{
margin:20px 0 10px;
gap:0px;
font-size:15px;
flex-wrap:wrap;
justify-content: center;
gap:15px;
}
.ads-tab p{
}
.ads-tab .active:after{
height:5px;
}
.asfb-txt{
padding:30px 0;
width:80%;
max-width:360px;
}
.asfb-txt img{
width:50px;
}
.asfb-t1{
font-size:14px;
}
.asfb-t2{
font-size:28px;
}
.asfb-t3{
font-size:18px;
}
.asfb-txt a{
margin-top:20px;
font-size:14px;
}

#main-icon-banner{
margin:0 auto 30px;
}
#main-icon-banner a{
font-size:14px;
}
#main-icon-banner a img{
width:40px;
}
#main-notice{
gap:20px;
padding-bottom:55px;
margin-bottom:30px;
}
.mn-list a{
padding:15px;
gap:5px;
}
.more-btn a{
font-size:14px;
}
.main-tit{
gap:0px;
}

#request{
padding:30px 0;
}
.req-tel{
font-size:24px;
}
.req-form{
gap:10px;
padding:15px;
}
.req-form dl{
width:100%;
}
.req-form dl dt,
.req-form dl:nth-child(even) dt{
width:70px;
}
.req-form dl dd{
}
.req-form input, .req-form select{
width:100%;
}
.req-btn{
justify-content: center;
flex-wrap:wrap;
gap:20px;
}
.req-btn p{
width:100%;
justify-content: center;
}
.foot-copy{
font-size:13px;
}

.snb ul{
display:none;
}
.sub-visual{
height:240px;
}
.sub-tit{
padding:50px 0 0;
}
.sub-tit span{
font-size:14px;
}
.sub-tit p{
font-size:36px;
}

.sub-cont-tit{
padding-top:30px;
font-size:32px;
}
.sub-cont-tit:after{
width:30px;
margin-top:20px;
}
.sub-content1{
padding:30px 0;
}
.sc-t1{
font-size:20px;
word-break: keep-all;
}
.sub-content2 .sc-t1 br{
display:none;
}

.sc-ul1{
margin:0 auto;
margin-top:20px;
gap:10px 5px;
max-width:300px;
}
.sc-ul1 li{
width:100%;
padding:15px;
}
.scul1-img{
margin-top:-30px;
}
.sc-ul1 span{
font-size:16px;
}
.sc-ul1 span br{
display:none;
}
.sc-ul1 p{
font-size:22px;
}
.scul1-img img{
width:32px;
}
.sub-content2{
padding:30px 0;
}
.sc-ul2{
margin-top:20px;
}
.sc-ul2 li{
width:48%;
}
.sc-ul2 li{
font-size:18px;
padding:20px 0;
}

.year{
width:60px;
font-size:24px;
padding-top:15px;
}
.issue{
padding-top:15px;
gap:10px;
}
.wrap-year{
margin-bottom:20px;
}
.scb1-t1{
font-size:28px;
word-break: keep-all;
}
.scb1-tit{
margin-bottom:15px;
}

.location .root_daum_roughmap .wrap_map{
height:360px !important;
}
.location ul{
margin-top:10px;
}
.location li{
font-size:1.025em;
margin-top:5px;
}
.location li span{
width:45px;
}

.sct-txt{
margin-bottom:0;
}
.sct-span{
font-size:32px;
margin-bottom:30px;
}
.sct-span span{
font-size:0.65em;
margin-bottom:10px;
}
.sct-t2{
font-size:20px;
}
.sct-t3{
font-size:16px;
width:80%;
word-break: keep-all;
margin:0 auto;
}
.sct-span:after{
height:30px;
margin:30px auto;
}
.sct-img img{
width:100%;
}

.sc-box1{
flex-wrap:wrap;
gap:15px;
}
.scb1-left{
width:100%;
}
.scb1-cont{
padding:15px;
}
.scb1-cont.scb1c-h1, .sc-box1 .scb1-cont{
min-height:auto;
}

.sc-ul3{
margin-top:10px;
}
.sc-ul3 li{
width:100%;
}
.scb1-t3{
font-size:1.125em;
padding:15px;
box-sizing:border-box;
word-break: keep-all;
}

.sc-ul4{
flex-wrap:wrap;
gap:20px;
}
.sc-ul4 li{
width:100%;
border-left-width:0;
border-top:1px rgba(207, 199, 191, 0.9) dashed;
padding-top:20px;
}
.sc-ul4 li:first-child{
border-top-width:0;
}
.scul4-txt dt{
margin-bottom:10px;
font-size:1.35em;
}

.flex-box{
flex-wrap: wrap;
gap:90px;
}
.fb-left{
width:100%;
}
.fbr-arrow{
top:-70px;
margin-top:0;
left:50%;
margin-left:-24px;
transform: rotate(90deg);
font-size:22px;
width:50px;
height:50px;
}
.sc-ul5 li{
padding:15px;
font-size:16px;
}
.fb-right{
padding:20px 0;
font-size:22px;
}
.fbr-t3{
font-size:24px;
}
.fbr-t2{
margin-top:15px;
padding-top:15px;
}

.sc-ul6{
flex-direction: column;
gap:10px;
}
.sc-ul6 li{
width:100%;
}
.scul6-txt{
padding:15px 0;
font-size:16px;
min-height:auto;
}
.scul6-txt span{
font-size:0.75em;
}
.sc-img1{
width:80px;
}
.scb1-t4{
margin:20px 0;
padding:15px;
box-sizing:border-box;
word-break: keep-all;
font-size:22px;
}
.scb1-t5{
font-size:20px;
}
.scb1-img2{
width:100%;
}
.text-box1{
width:100%;
margin-top:10px;
}
.scb1-t6{
font-size:22px;
}
.scb1-t7{
margin-top:10px;
font-size:16px;
word-break: keep-all;
}

.sc-ul7{
flex-wrap:wrap;
gap:10px;
}
.sc-ul7 li{
width:100%;
font-size:18px;
}
.sc-ul7 li br{
display:none;
}
.sc-ul7 li.scul7-last{
margin:0;
margin-top:40px;
}
.sc-ul7 li.scul7-last:after{
left:50%;

margin-left:-15px;
top:-60px;
transform: rotate(90deg);
width:30px;
}

.sc-ul8{
flex-wrap:wrap;
gap:10px 2%;
}
.sc-ul8 li{
width:49%;
}
.scul8-txt{
padding:15px;
}
.scul8-t1{
padding-bottom:10px;
margin-bottom:15px;
font-size:1.15em;
}
.sc-ul9{
flex-wrap:wrap;
justify-content: center;
gap:10px;
}
.sc-ul9 li{
width:45%;
}
.sc-ul9 li:nth-child(3){
margin-top:40px;
margin-left:0;
}
.sc-ul9 li:nth-child(3):after{
transform: rotate(90deg);
top:-50px;
left:50%;
margin-left:-25px;
}

.scb1-cont2{
padding:0;
background:transparent;
box-shadow: 8px 12px 26px 0 rgba(0, 0, 0, 0);
}
.sct-ul{
margin-bottom:20px;
}
.sct-ul li{
justify-content: flex-start;
text-align:left;
width:100%;
font-size:16px;
}
.sct-ul li span{
flex-shrink: 0;
width:60px;
padding:5px 0;
text-align:center;
}
.sct-ul li p{
flex-grow: 1;
}

.sub-content3 > div{
padding:20px;
}
.sc-ul10{
margin-top:20px;
}
.sc-ul10 li{
padding:15px;
flex-direction: column;
text-align:center;
}
.sc-ul10 li p{
font-size:16px;
line-height:1.6em;
order:2;
}
.sc-ul10 li div{
order:1;
width:50px;
margin-bottom:10px;
}
.sc3-tit p{
font-size:28px;
margin-bottom:5px;
}
.sc3-tit span{
font-size:18px;
word-break: keep-all;
}
.sc3-cont{
padding-top:15px;
margin-top:15px;
}
.sc3-dl1{
margin-bottom:0;
}
.sc3-dl1 dt{
font-size:20px;
display:block;
margin-bottom:15px;
}
.sc3-dl1 dd ul li{
flex:1 1 100%;
}
.sc3-dl1 dd ul li span{
width:50px;
}
.sc3-dl1 dd ul li p{
font-size:18px;
}

}

@media (max-width:380px){

}