/* header */
.h_top{
    height:50px;
    background-color: #196e93;
}

.h_top_in{
    width:100%;
    max-width: 1440px;
    height:100%;
    margin: 0 auto;
    position: relative;

    /* background-color: blueviolet; */
}

.h_top_in_L{
    width:200px;
    height:28px;
    position: absolute;
    left:0;
    top:calc(50% - (28px / 2));
    border: 2px solid rgba(255, 255, 255, 0.5);
    padding: 0 10px;
    box-sizing: border-box;
}

.h_top_in_L_txt{
    float: left;
    line-height: 26px;
    font-size: 11px;
    letter-spacing: 2px;
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
}

.h_top_in_L_txt2{
    float: right;
    line-height: 23px;
    font-size: 16px;
    font-weight: 900;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 0px;
    cursor: pointer;
} 

.h_top_in_L_open{
    width:100%;
    height:0px;
    position: absolute;
    left:0;
    top:32px;
    z-index: 9999999999;
    background-color: #196e93;
    color: #fff;
    line-height: 30px;
    font-size: 14px;
    overflow: hidden;
    padding:0 15px;
    box-sizing: border-box;
}

.h_top_in_L_open > ul{
    margin-top: 10px;
}

.h_top_in_L_open a{
    text-decoration: none;
    color: inherit;
}

.h_top_in_R{
    position: absolute;
    right:0;
    top:0
}

.h_top_in_R_icon{
    float: left;
    padding-top: 2px;

}

.naver{
    padding-right: 10px;
}

.h_top_in_R_icon img{width:90%;}


/* menu */
.menu_in{
    width:1440px;
    /* max-width: 1440px; */
    height:80px;

    padding-left: 25px;
    box-sizing: border-box;
    
    position: absolute;
    top:80px;
    left:50%;
    transform: translateX(-50%);
    z-index: 999999;

    background-color: #fff;
    box-shadow: 0px 5px 10px -5px rgb(87, 87, 87);
}

.menu_in_ac{
    width:100%;
    
    position: fixed;
    top:0;
}

.logo{
    width:140px;
    height:100%;
    
    position: absolute;
    left: 40px;
    top:0;

    text-indent: -99999px;

    background: url(../img/header/logo.png) no-repeat center / contain;
}

.logo a{
    display: block;
    height:100%;
}

.menu_list{
    position: absolute;
    left:calc(50% - 395px);
    top:0;
}

.menu_list li{
    cursor: pointer;

    float: left;
    padding: 0 35px;
    line-height:80px ;
    font-size: 14px;
    font-weight: 600;

}

.menu_list li a:hover{
    color: #196e93;
}

.menu_list li .line{
    height:4px;
    background-color:#196e93;

    position: absolute;
    bottom:0;
    
    transition: all 0.2s;
    transform: scale(0);
}

.menu_list li .line1{
    width:95px;
    left:29px;
}

.menu_list li .line2{
    width:120px;
    left:184px;
}

.menu_list li .line3{
    width:95px;
    left:365px;
}

.menu_list li .line4{
    width:80px;
    left:522px;
}

.menu_list li .line5{
    width:60px;
    left:657px;
}

.menu_list li:hover .line{
    transform: scale(1);
}

.menu_list a {
    color: #000;
    display: block;
    height: 100%;
    width:100%;
}

.menu_btn{
    width:180px;
    height:100%;
    
    position: absolute;
    right:0;
    top:0;
    background-color:#78caed ;
    transition: all 0.2s;
}

.menu_btn:hover {
    background-color: #4793b4;
}

.menu_btn a{
    line-height: 80px;
    text-align: center;

    display: block;
    height:100%;

    color: #fff;
    font-weight: 900;
}