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

    h1 {
        font-size: 25px;
    }

    h3 {
        font-size: 20px;
    }

    /* header */
    .all_top_content {
        height: 300px;
    }

    .all_top_img {
        height: 300px;
        object-fit: cover;
    }

    .maintitle {
        margin-top: 83px;
    }

    #navigation .tit {
        font-size: 12px;
    }

    /* ceo.php */

    .c_ceo_title{
        display: none;
    }

    .m_ceo_title{
        display: block;
    }

    .ceo_img-content{
        margin-top: 0px;
    }

    .ceo_content {
        flex-direction: column-reverse;
        padding: 0 10px;
    }

    .ceo_img-content {
        width: 100%;
    }

    .ceo_img-content img {
        width: 100%;
        height: auto;
        margin-top: 35px;
    }

    .ceo_text-content {
        margin: 0 20px;
    }

    .nav_content li {
        font-size: 18px;
    }

    /* history */
    .history_container {
        width: 100%;
        margin: 0 20px;
    }

    .history_container img {
        width: 100%;
    }

    .history_all {
        flex-direction: column;
    }

    .history_all ul {
        margin-bottom: 50px;
    }

    .history_rf-content {
        width: 100%;
    }

    /* origanization */
    .ori_tcontent {
        padding: 0 10px;
    }

    .ori_line-all {
        width: 84%;
    }

    .ori_line-top {
        width: 84%;
    }

    .unit_ul {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .unit_table li:not(:last-child) {
        margin-right: 0px;
    }

    .unit_table li {
        width: 55px;
        height: 35px;
        padding: 10px 5px;
        border-bottom-left-radius: 10px;
        border-top-right-radius: 10px;
        margin-bottom: 20px;
        font-size: 8px;
        text-align: center;
    }

    .unit_circle {
        width: 100px;
        height: 100px;
        font-size: 19px;
    }

    .line-main_title {
        margin-left: 10px;
    }

    .line-banner {
        height: 300px;
    }

    .line-title {
        text-align: center;
        font-size: 28px;
        width: 100%;
    }

    .line-text {
        margin-left: 10px;
        margin-right: 10px;
    }

    .line-sub_title {
        margin-left: 10px;
        margin-right: 10px;
    }

    .line-img_content {
        margin-left: 10px;
        margin-right: 10px;
    }

    /* press */
    .press_tcontent {
        padding: 0 10px;
    }

    .press_img {
        width: 125px;
        height: auto;
    }

    .press_main-content {
        margin-right: 0px;
        margin-left: 10px;
        width: 46%;
        padding-right: 2%;
    }

    .anment_main-content{
        width: 58%;
        margin-right: 0px;
        margin-left: 10px;
    }

    .press_item {
        padding-top: 24px;
        padding-bottom: 27px;
        max-height: 150px;
    }

    .press_main-news {
        margin-left: 0px;
        margin-right: 10px;
        width: 55px;
        font-size: 10px;
        padding: 0px 7px;
        height:25px;
    }

    .info_title{
        text-align: center;
    }


    .press_main-title {
        font-size: 13px;
        width: 100%;
        white-space: nowrap; /* 텍스트를 한 줄로 표시 */
        overflow: hidden; /* 넘치는 부분을 숨김 */
        text-overflow: ellipsis; /* 넘치는 부분에 ... 표시 */
    }

    .press_cday {
        font-size: 11px;
    }

    .press_day {
        margin: 0;
        font-size: 13px;
    }

    .press_main-content.anment_main-content {
        margin-right: 5px;
        width: 53%;

    }

    .press_content {
        font-size: 12px;
        margin-top: 10px;
        margin-bottom: 3px;
        margin-left: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .press_more{
    }

    .press_top-content{
        margin-top:7px;
    }

    .press_more a {
        font-size: 13px;
    }

    .press_count {
        font-size: 40px;
        -webkit-text-stroke: 2px #888888;
    }

    .press_item:hover .press_count {
        font-size: 40px;
        -webkit-text-stroke: 2px black;
    }

    .promo_tcontent {
        padding-left: 10px;
        padding-right: 10px;
    }

    .promo_items {
        flex-direction: column;
    }

    .promo_item {
        margin-right: 0px;
        width: 100%;
        margin-bottom: 50px;
    }

    /* over.php */
    .over_img {
        height: 80px;
    }

    /* infomation.php */
    .info_tcontent {
        padding: 0 10px;
    }

    .info_title:not(:last-child) {
        margin-right: 20px;
    }

    .info_title {
        font-size: 15px;
    }

    .page_btn {
        width: 35px;
        height: 35px;

    }

    /* faq.php */
    .faq_content_div {
        flex-direction: column;
    }

    .faq_qu_content h2 {
        font-size: 17px;
    }

    .faq_search {
        width: 100%;
        margin-top: 14px;
        margin-left: 1px;
    }

    .faq_label {
        width: 30%;
    }

    .faq_label select {
        width: 100%;
        margin-right: 0px;
        font-size: 13px;
    }

    .faq_search_btn {
        width: 70%;
    }

    .faq_search_btn input {
        width: 70%;
        font-size: 13px;
    }

    .faq_search_btn button {
        width: 30%;
        font-size: 13px;
        cursor: pointer;
    }

    .faq_qu_o {
        height: auto;
    }

    .faq_total {
        font-size: 13px;
    }

    .faq_tcontent {
        padding: 0 10px;
    }

    .nav_content{
        display: none;
    }

    .cmo_nav_content{
        display: block;
        color: #fff;
        position: absolute;
        bottom: 40%;
        left: 50%;
        width: 100%;
        font-size:40px;
        text-align: center;
        transform: translate(-50%,50%);
    }
    

    #navigation {
        display: block;
    }

    #navigation .inner {
        width: 100%;
        height: 50px;
        line-height: 50px;
        display: flex;
    }

    #navigation #navi_home {
        width: 10%;
        padding: 0;
    }

    #navigation #navi_home i {
        text-align: center;
        display: block;
        line-height: 50px;
        font-size: 1em;
    }

    #navigation .navi {
        width: 45%;
    }

    #navigation .navi_btn span::after {
        font-size: 1.5em;
    }

    #bo_list_total p {
        font-size: 13px;
    }

    .hamburger_container > span {
        background: #54C3FE !important;
    }

    #header:hover {
        background-color: transparent !important;
    }

    .qna_item {
        font-size: 10px;
    }

    .qna_item_top{
        font-size:10px;
    }

    .branch_map_list {
        height: 250px;
    }

    .branch_map {
        height: 250px;
    }

    .branch_search_bar input {
        font-size: 15px;
    }

    .fa-regular{
        font-size: 15px;
    }

    .branch_search_btn{
        font-size: 15px;
        width: 100px;
        height: 50px;
    }

    .branch_paging .page_btn{
        width: 15px;
        height: 15px;
        font-size: 10px;
    }

    .branch_item{
        font-size: 9px;
    }

    .branch_location_count{
        height: 40px;
        font-size: 20px;
    }

    .branch_count{
        font-size:20px;
    }

    .busi_li p{
        font-size:16px;
        width:90%;
    }

    .busi_tcontent{
        padding: 0 10px;
    }

    .f-tab li.last{
        margin-bottom:45px;
    }

    .over_item .over_item_p{
        width:100%;
        overflow: hidden;
        max-height: 100%;
    }

    .promoBox>*{
        width: 100%;
    }
    .promoBox{
        flex-direction: column;
    }
}
@media screen and (max-width: 767px) {
    .promoBox form .promoIn .promoInT {
        width: 22%;
        font-size: 13px;
    }
    .promoBox form .promoInfo2 textarea,
    .promoBox form .promoInfo1 ul li,
    .promoBox form .promoIn .promoSel-box{
        font-size: 13px;
    }
    .promoBox form .promoInfo1 p{
        font-size: 13px;
        margin-left: 22%;
    }
    .promoBox form h4{
        font-size: 20px;
    }
    .promoBox form>div>p{
        font-size: 16px;
    }

    .answerBtn {
        width: 80px;
        font-size: 12px;
    }
    .answerBox .aInfo span {
        font-size: 13px;
    }
    .answerBox .aInfo span:nth-of-type(2) {
        font-size: 10px;
    }
    .answerBox .aInfo button {
        width: 37px;
        font-size: 11px;
        line-height: 2.2;
    }
    .answerBox .aText {
        padding: 10px;
        font-size: 12px;
        line-height: 1.2;
    }
    .answerBox .aInfo span input {
        font-size: 12px;
    }
}


