header{
    background-color: #0388d2;
    width: 100%;
    height: 65px;
    font-family: 'Noto Sans KR', sans-serif;
    box-shadow: 0 2px 5px rgba(16,60,84,0.55);
}

.header_section{
    padding-top: 9px;
}

.logo,.serch_area,.serch_title,.serch_in,.alram_area,.profile_area,.profile_img,.profile_modify,.profile_text_area{
    display: inline-block;
    vertical-align: middle;
}

.logo{
    width: 218px;
    text-align: center;
}

.serch_area{
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
}

.serch_title{
    padding: 13px 0 13px 11px;
    font-size: 14px;
    vertical-align: middle;
}

.serch_in input{
    border: none;
    background-color: transparent;
    color: #fff;
    vertical-align: middle;
}

.serch_in input::placeholder{
    color: #b8d4ee;
    font-size: 14px;
}

.serch_in input[type="button"]{
    background: url(/direct/img/serch_icon.png) no-repeat center center;
    padding: 0px 20px 21px 10px;
    vertical-align: middle
}

.alram_area{
    margin-left: 270px;
    padding-right: 23px;
    border-right: 1px solid #fff;
    color: #fff;
    font-size: 7.48px;
    vertical-align: middle;
    position: relative;
}

.alram_new{
    position: absolute;
    top: 1px;
    right: 26.3px
}

.profile_area{
    margin-left: 23px;
    color: #fff;
    letter-spacing: 1px
}

.profile_img{
    position: relative;
    padding: 0 15px 0 0;
}

.profile_modify{
    position: absolute;
    top: 24px;
    right: 6px;
}

.profile_title{
    font-size: 17px;
    font-weight: 500;
    padding-bottom: 6px;
}

.profile_sub{
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
}