/* common */
html,
body {
  color: #333;

}
/* header */


h4 {
    font-size: 1.3rem;
}

h3 {
    font-size: 2rem;
}

.red {
    color: red;
    font-weight: 500;
}

.tab_cont {
    display: none;
}

#tab1 {
    display: block;
}

.sub_title {
    width: 100%;
    height: 530px;
    position: relative;

    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    color: #fff;

    background-repeat: repeat;
    background-size: cover;
    background-position: center;
}

.sub_title::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(52, 59, 66, 0.5);

    top: 0;
    bottom: 0;
    margin: auto;
}


.sub_title .txt_wr {
    position: absolute;
    z-index: 3;
    text-align: center;
    margin-bottom: 30px;
    /* margin-bottom: 50px; */
}

.sub_title .txt_wr p {
    max-width: 600px;
    margin:auto;
    padding: 0 20px;
} 

.sub_title .txt_wr h2 {
    font-size: 2.6rem;
}

.sec .tit h3 {
    margin-bottom: 15px;
}

.sec .tit p {
    max-width: 890px;
    margin: auto;
}


.tab {
    position: absolute;
    top: 460px;
    bottom: 0;
    width: 100%;
    height: 70px;
    z-index: 3;
    color: #fff;
    background: rgba(0,122,195,.95);
}

.tab.sticky {
    position: sticky !important;
    top: 80px !important;
}

.tab .wr {
    display: flex;
    flex-flow: row;
    height: 100%;
}

.tab .tab_btn {
    text-align: center;
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    cursor: pointer;
}

.tab a {
    width: 33%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

.tab .tab_btn.active {
    /* color: #ffd447;
    border-bottom: 5px solid #ffd447; */
    background-color: #fff;
    /* border-top: 5px solid #0080c4; */
    color: #12376e;
    font-weight: 500;
    font-size: 1.1rem;
}




/* .sec {
    scroll-margin-top: 150px;
} */

.sec .tit {
    text-align: center;
    margin-bottom: 40px;
}

.mb_log_cate {
    display: none;
}

@media (max-width: 1024px) {


  .btn_menu_close {
    display: none;
  }


    .sub_title {
        height: 280px;
    }
  
  
    .tab {
        position: absolute;
        top: 230px;
        bottom: 0;
        width: 100%;
        height: 50px;
        z-index: 3;
        color: #fff;
        background: rgba(0,122,195,.95);
    }

    .tab .wr {
        width: 100%;
        display: flex;
        flex-flow: row;
        height: 100%;
    }

/*sub*/

    .sub_title {
        position: relative;
        
    }

 
    .sub_title .sub_tit {
        width: 75%;
        max-width: 1600px;
        margin: auto;
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%,-50%);
        font-size: 16px;
        color:#fff;
    }

    .sub_title .sub_tit h3 {
        margin-bottom: 20px;
        font-size: 44px;
    }
    .sub_title .sub_tit p:nth-child(2){
        margin-bottom: 20px;
    }

    .sub_title .sub_tit p:last-child {
        text-align: right;
    }

    .sub_title .sub_nav {
        text-align: right;
        margin: 25px 0;
    }

    .sub_title .sub_nav a {
    }

    .sub_title .sub_nav a:nth-child(3) {
        font-weight: bold;
    }

    .sub_title .sub_nav a:nth-child(1)::after {
        content: url(img/Vector.svg);
        margin: 0 10px;
    }

    .sub_title .sub_nav a:nth-child(3)::before {
        content: url(img/Vector.svg);
        margin: 0 10px;
    }


    .sub_title .lnb {
        width: 100%;
        position: absolute;
 
        left: 50%;
        transform: translatex(-50%);
    

        bottom: 68px !important;
        margin: auto;

        display: flex;
        justify-content: right;
        

    }

    .sub_title .lnb-square {
        width: 50%;
        height: 68px;
        background-color: #fff;
        position: absolute;

        right: 0;

    }

    .sub_title .lnb .wr {
        width: 100%;
        max-width: 2000px;
        position: absolute;
        left: 50%;
        transform: translatex(-50%);
        display: flex;
        justify-content: right;

    }

    .sub_title .lnb .wr .lnb_1d {
        width: 90%;
    }




    .sub_title .lnb ul{
        
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
    }
    .sub_title .lnb ul li {
        margin: 0 20px;
    }

    .sub_title .lnb ul li:nth-child(1) {
        margin: 0 20px 0 40px;
    }

    .sub_title .lnb ul li a {
        margin: 0;
        padding: 20px 0;
        color: #333333;
        display: block;
        font-size: 16px;
        font-size: 16px;
    }

        #lnb_inc01 {
            
        }

 
      .sub_title .lnb {
        bottom: 46px !important;
      }

      .sub_title .lnb-square {
          height: 48px;
      }

        .sub_title .sub_tit p:nth-child(2) {
            display: none;
        }

        #bo_gall #gall_ul {
            flex-flow: column;
            margin: 0 !important;
        }

        #bo_gall .gall_li {
            width: 100%;
            margin: 0 !important;
            margin-bottom: 20px !important;
        }

        #bo_btn_top {
            margin: 0;
        }

        #bo_list_total {
            margin-bottom: 20px;
            line-height: 1;
        }
        .tab_wr {
            margin-bottom: 0;
        }

        .tab_wr .tab {
            margin-bottom: 20px;
        }


        .sub_title .lnb .wr .lnb_1d  {
            width: 100%;
        }

        .sub_title .sub_tit h3 {
            text-align: center;
            font-size: 32px;
        }

        .sub_title .sub_tit p:last-child {
            text-align: center;
            font-size: 14px;
            
        }
    
        .sub_title .lnb ul li a {
            padding: 12px 0;
        }

        .tab_en {
            font-size: 12px !important;
        }

    }