@media screen and (max-width: 1440px){
    html,body{font-size: 9px;}
    .inner{width: 83.3333vw;}
    #header .h_right_box > div .img_box img{
        width: 75%;
    }
    #header .h_right_box{
        padding-top: 1rem;
    }
    #header .h_right_box > div {
        margin-left: 1rem;
    }
}
@media screen and (max-width: 1300px){
    #main .main_box03 .swiper-button-prev{
        left: 19rem;
    }
    #main .main_box03 .swiper-button-next{
        left: 25rem;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
        left: 12rem;
    }
}
@media screen and (max-width: 1200px){
    html,body{font-size: 8.5px;}
    #sub .boardList table td.board_content a{
        width: 50rem;
    }
    #header{
        padding: 0 5rem;
    }
    #header .dep01 .dep01_li > a{
        padding: 0 2rem;
    }
    #main .main_box03 .swiper-button-next {
        left: 23rem;
    }
    #main .main_box03 .swiper-button-prev {
        left: 17rem;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        left: 10rem;
    }
    #main .main_box03 .main_slide02 .left_box{
        margin-top: 11.5rem;
    }
    
}
@media screen and (max-width: 1100px){
    #main .main_box03 .swiper-button-prev {
        left: 14rem;
    }
    #main .main_box03 .swiper-button-next {
        left: 20rem;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        left: 7rem;
    }
}
@media screen and (max-width: 950px){
    html,body{font-size: 8px;}
    #sub .boardList table td.board_content a{
        width: 40rem;
    }
    #sub .videoList ul li{
        width: 100%;
    }
    #header .dep01{
        display: none;
    }
    #header .h_right_box{
        display: none;
    }
    #header .sub_bar{
        display: block;
        padding-top: 3rem;
        width: 5%;
    }
    #main .main_box03 .main_slide02 .swiper-slide{
        flex-wrap: wrap;
    }
    #main .main_box03 .main_slide02 .left_box{
        width: 100%;
    }
    #main .main_box03 .main_slide02 .right_box{
        width: 100%;
    }
    #main .main_box03 .main_slide02 .left_box h3{
        text-align: left;
        width: 37%;
    }
    #main .main_box03 .main_slide02 .left_box p{
        text-align: left;
    }
    #main .main_box03 .main_slide02 .left_box{
        margin-top: 0;
        margin-bottom: 2rem;
    }
    #main .main_box03 .swiper-button-next, #main .main_box03 .swiper-button-prev{
        top: 21%;
    }
    #main .main_box03 .swiper-button-next{
        left: auto;
        right: 0;
    }
    #main .main_box03 .swiper-button-prev{
        left: auto;
        right: 6rem;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
        left: 76%;
        bottom: auto;
        top: 16%;
    }
    #main .main_box05{
        flex-wrap: wrap;
    }
    #main .main_box05 > div{
        width: 100%;
    }
    #footer .inner{
        flex-wrap: wrap;
    }
    #footer .inner .left_box{
        width: 100%;
    }
    #footer .inner .right_box{
        width: 100%;
        text-align: center;
        margin-top: 4rem;
    }
    #footer .inner .left_box::after{
        width: 0;
    }
    #footer .inner .right_box img{
        margin-right: 0;
        width: 44%;
    }
    
}
@media screen and (max-width: 768px){
    html,body{font-size: 7px;}
    #sub .boardList table td.board_content a {
        width: 26rem;
    }
    #main .main_box01{
        background: url(/img/main/m_main_bg.jpg) no-repeat top/cover;
        height: 130rem;
    }
    #main .main_box02{
        background: url(/img/main/m_main_bg02.jpg) no-repeat center/cover;
        height: 198.5rem;
    }
    #main .main_box03{
        background: url(/img/main/m_main_bg03.jpg) no-repeat left top/cover;
        height: 89rem;
    }
    #header h1{
        width:30%;
    }
    #header .sub_bar{
        width: 8%;
    }
    #main .main_box02 .swiper-button-next,#main .main_box04 .swiper-button-next{
        right: -4rem;
    }
    #main .main_box02 .swiper-button-prev,#main .main_box04 .swiper-button-prev{
        left: -4rem;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
        left: 67%;
    }
    #main .main_box05 .map{
        height: 40rem !important;
    }
    #main .main_box05 .map_cover_box{
        height: 40rem;
    }

	/*추가스타일*/
	#quick_box {
		right:0;
		top: 21rem;
		z-index: 1000;
		width:70px;
	}

}
@media screen and (max-width: 499px){
    #sub .boardList table td.board_content a {
        width: 15rem;
    }
    #header .sub_bar{
        padding-top: 4rem;
    }
    #main .main_box01{
        height: 92rem;
    }
    #main .main_box02{
        height: 144rem;
    }
    #main .main_box03 .main_slide02 .left_box h3{
        font-size: 5rem;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
        left: 55%;
        top: 14%;
    }
    .swiper-button-next, .swiper-button-prev{
        top: 32%;
    }
    #header .respon_menu .close_btn{
        width: 9%;
    }
    #header .respon_menu .m_top_box p{
        padding-left: 0;
    }
    #header .respon_menu .m_top_box > div:first-child{
        border-right: 0;
    }
    #header .respon_menu .m_top_box p{
        font-size: 2.2rem;
    }
    #header .respon_menu .m_dep01 p a{
        font-size: 2.3rem;
        margin-right: 1rem;
    }
    #header .respon_menu .m_dep01 {
        margin-bottom: 6rem;
    }
	#main .main_box02{
		height:134.5rem;
	}
}