/* 헤더 */
#header_container { /* height: 180px; */ background: #fff; position: fixed; z-index: 20; left: 0; top: 0; width: 100%; min-width: 1500px; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1); z-index: 199;}

/* 헤더 */
#header_container .header .ipoffice-logo { position: absolute; left: 30px; top: 30px; }
#header_container .header .ipoffice-logo a { display: block; }
#header_container .header .ipoffice-logo a img { height: 22px; }
#header_container .header { position: relative; /* height: 100%; */ overflow: hidden;}
#header_container .header>.grade { position: absolute; top: -7px; right: 140px; color: rgba(0,0,0,0.08) ; font-size: 15rem; font-weight: 900; cursor: default; z-index: 1; line-height: 80px;}
#header_container .logo-area { /* position: absolute; */ /* left: 30px; */ /* top: 0; */ width: calc(100% - 320px); padding-left: 30px;}
#header_container .logo-area h1 { position: relative; width: 90px; height: 80px; float: left; vertical-align: top;}
#header_container .logo-area h1 a { width: 100%; height: 100%; display: block; padding: 0 5px; }
#header_container .logo-area h1 a img { max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
#header_container .logo-area h2 { float: left; margin-left: 10px; color: var(--navy-color); font-size: 1.8rem; cursor: default; letter-spacing: 0; padding: 25px 0; font-weight: 900; width: calc(100% - 100px);}



#header_container.full-text-on { position: relative;}
#header_container.full-text-on .logo-area h2 a { text-overflow: unset; overflow: unset; white-space: normal;}
#header_container.full-text-on .logo-area h2 .full-text-btn:after { content: '접기';}
#header_container .logo-area h2 .set { margin: 0 5px; display: inline-block; vertical-align: top; font-size: 1rem; font-weight: 300; background: var(--theme-color); padding: 4px 5px 2px; border-radius: 3px; color: #fff; margin-top: 3px; font-family: 'Arial'; }
#header_container .logo-area h2 > span { margin: 0 5px; display: inline-block; width: 100%;}
#header_container .logo-area h2 span.grade { width: unset; vertical-align: top;}
#header_container .logo-area h2 span.grade.grade-13 { color: #FFAE00; }
#header_container .logo-area h2 span.grade.grade-12 { color: #E81717; }
#header_container .logo-area h2 span.grade.grade-11 { color: #E81717; }
#header_container .logo-area h2 span.grade.grade-10 { color: #E81717; }


#header_container .logo-area h2 .set span.locale { cursor: pointer; }
#header_container .logo-area h2 .set span.locale:hover { text-decoration: underline; }