/* 헤더 */
#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% - 290px); 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 .logo-area.no-image h1 { display: none; }
#header_container .logo-area.no-image h2 { width: 100%; margin-left: 0; }



#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; }


#header_container .logo-area h2 .title-area { max-width: 100%; display: inline-block; padding-right: 70px; position: relative; display: inline-block; }
#header_container .logo-area h2 .title-area.full-text-on { padding-right: 120px; text-overflow: unset; overflow: unset; white-space: normal; }
#header_container .logo-area h2 .title-area .title-text { display: inline-block; max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
#header_container .logo-area h2 .title-area .title-text a { letter-spacing: 0; font-size: 1.7rem; margin-left: 5px; cursor: pointer; color: var(--navy-color); position: relative; word-break: break-all; }
#header_container .logo-area h2 .title-area .title-text a:hover {text-decoration: underline; }
#header_container .logo-area h2 .title-area .item-wrap { position: absolute;  top: 0; right: 0; }
#header_container .logo-area h2 .full-text-btn { display: none; position: relative; top: -3px; margin: 0 5px; cursor: pointer; vertical-align: top;}
/* #header_container .logo-area h2 .full-text-btn:after { content: '더보기';  display: inline-block;  position: relative; text-decoration: underline; font-size: 1.3rem; color: #333; font-weight: 500;} */
#header_container .logo-area h2 .title-area.full-text-on .full-text-btn { display: inline-block; }