@charset "utf-8";

@media only screen and (max-width:1740px) {

}

@media only screen and (max-width:1400px) {
    .inner { max-width:100%; padding:0 20px; margin:0 auto; }
    .sub_content { max-width:100%; margin:0 auto; padding:3rem 20px 10rem; }
    .sub_title_location { padding-top:3rem; }
    .sub_location_box .inner { padding:0; }
}


@media only screen and (max-width:1280px) {
    .main_service_item > div { width:120px; height:120px; }
}

@media only screen and (max-width:1024px) {
    #hd.user_hd { height:70px; }
    html {overflow-y:scroll; font-size:14px;}
    .sub_header_wrap { height:400px; }
    .sub_location_box .inner { padding:0; flex-direction: column }
    .sub_header_share { display:none; }
    .sub_level0 { width:100%; }
    .sub_level0 > li { width:calc(50% - 25px); }
    .sub_level0 > li:first-child { width:50px; }
    .sub_level0 > li > a { padding:15px; }
    .sub_level1 { top:46px; }
    .sub_level2 { top:46px; }

    #hd { height:80px; }
    .gnb_box { width:100%; height:100%; top:0; transform:unset; left:0; overflow-y: auto; border-radius: 0; padding:0; }
    .gnb_box > ul { flex-direction: column; }
    .gnb_box > ul li { width:100%; text-align:left; }
    .gnball_btn { right:5px; top:15px; }
    .gnb_box h2 { padding:15px; margin:0; }
    .gnb_box > ul > li > a { margin-bottom:0; display:block; padding:20px; border-bottom:1px solid #ddd; }
    .gnb_box > ul > li > ul li { margin-bottom:0; }
    .gnb_box > ul > li > ul a { margin-bottom:0; display:block; background-color:rgba(255,255,255,.7); padding:20px; border-bottom:1px solid #ddd; }

    .gnball_btn::after { display:block; content:""; width:35px; height:1px; top:50%; transform:rotateZ(45deg); background-color:#000; position:absolute; }
    .gnball_btn::before { display:block; content:""; width:35px; height:1px; top:50%; transform:rotateZ(-45deg); background-color:#000; position:absolute; }


    .main_service_item > p { margin-top:10px; }
    .header_logo img { width:120px; }
    .sec2_wrap { flex-wrap: wrap; gap:20px; }
    .main_service_item { width:calc(33.33333% - 20px); display:flex; flex-direction: column; justify-content: center; align-items: center; }
    .main_service_item > div { width:100px; height:100px; }
    .main_service_item > div img { width:60%; }
    .main_board_flex { flex-direction:column; }
    .sec3_notice { width:100%; }
    .sec3_gallery { width:100%; }
    .busSwiper .swiper-slide { flex-direction: column; }
    .sec5_wrap  { flex-direction: column; }
    .bus_left_text { width:100%; }
    .bus_img { width:100%; padding-top:50%; border-radius:20px; }
    .sec5_box { width:100%; }
    .header_menu { display:none; }
    .header_logo { width:200px; }
    .header_right { width:calc(100% - 200px); }
    .header_right > div > a { display:none; }
    .header_right > div > span { display:none; }
    .mainSwiper { height:600px; }
    .main_notice_cate { gap: 20px; }
    .main_notice_content { padding:0; border:none; }
    .main_gallery_content { padding:0; border:none; }

    .sec5_box.left { background-size: 150px; }
    .sec5_box.right { background-size: 150px; }
    .busSwiper .bus_left_text { padding:0; }

    .ft_info { flex-direction: column; text-align:center; }
    .f_logo { padding:0; }
    .f_logo img { width:140px; }

    .intro_top { flex-direction: column; }
    .intro_left_img { width:100%; padding-top:45%; }
    .intro_right { padding:0; width:100%; padding-top:2rem; }

    .intro_table > div { padding:1rem 0; }
    .intro_table .intro_table_label{ width:100px; }
    .intro_table .intro_table_text {  width:calc(100% - 100px); padding:20px; font-weight:700; }

    .sub_title_location { flex-direction: column; justify-content: flex-start; align-items: flex-start;}
    .sub_title_location h4 { width:100%; border-bottom:1px solid #ddd; }
    .sub_location {  width:100%; text-align:right; padding-top:10px; }

    .history_ul { flex-direction: column; }
    .history_li { flex-direction: column;  width:100%; }
    .history_year { width:100%; margin-bottom:20px; }
    .history_inner { width:100%; }

    .location_table .location_label { width:100px; font-weight: 700; }
    .location_table .location_text { width:calc(100% - 100px);}


    .business_info_table { background-size: 80px; background-position: right bottom; }
    .business_info_table_row { flex-direction: column; padding:20px  0; }

    .business_label { width:100%; margin-bottom:10px; padding:0; border:none; color:#777; margin:10px 0px; }
    .business_text { width:100%; }

    .busi_location_item { flex-direction: column; }
    .bl_img { width:100%; margin-bottom:2rem; padding-top:50%; }
    .bl_content { width:100%; margin:0; }

    .new_board_wrap .new_board_item { width:100%; }
    .rent_wrap { flex-direction: column; }
    .calendar_wrap { width:100%; }
    .rent_form { width:100%; padding:0; margin-top:3rem; }

    .mv_video_wrap { position:relative; height:500px !important; }

    .donation_text { text-align:left; width:100%; }
    .donation_text p { text-align:left; width:100%; }

    .rel_links .rel_link_img { padding:10px 0; border:1px solid #ddd; width:150px; display:inline-block; text-align:center; }
    .rel_links img { height:30px; }
}

@media only screen and (max-width:768px) {
    html {overflow-y:scroll; font-size:13px;}

    .fs_lt { font-size:2.5rem; }
    .fs_t { font-size:1.8rem; }
    .fs_st { font-size:1.6rem; }
    .fs_ln { font-size:1.2rem; }
    .fs_n { font-size:1rem; }
    .fs_sn { font-size:0.9rem; }

    .video_wrapper {
        position: relative;
        padding-bottom: 69.25%;
        overflow: hidden;
        max-width: 100%;
        background-color: #fff;
    }

    #player {
        position: absolute;
        top: -100px;
        left: 0;
        width: 100%;
        height: 180%;
        pointer-events: none;
    }
}

@media only screen and (max-width:480px) {

}