#header_container .gnb-area { width: 100%; margin: 0 auto; /* height: 50px; */ /* position: absolute; */ /* left: 0; */ /* bottom: 50px; */ position: relative; z-index: 2; background: var(--navy-color);}
#header_container .gnb-area .gnb-l { height: 100%; display: inline-block; float: left; width: calc(100% - 570px); position: relative; padding: 0 30px;}
/* #header_container .gnb-area .gnb-l:after { position: absolute; width: 20px; height: 50%; top: 0; right: 30px; content: ''; z-index: 2;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255,255,255,0)), color-stop(1, #19298e));
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #19298e 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, #19298e 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, #19298e 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, #19298e 100%);
    background: linear-gradient(left, rgba(255,255,255,0) 0%, #19298e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(255,255,255,0), endColorstr=#19298e, gradientType=1); } */
#header_container .gnb-area .gnb-l>nav { height: 100%; white-space: nowrap; overflow: hidden; width: 100%; }
#header_container .gnb-area .gnb-l>nav>ul { height: 100px; overflow-x: auto;}
#header_container .gnb-area .gnb-l>nav>ul>li { display: inline-block; height: 100%; margin: 0 10px; }
#header_container .gnb-area .gnb-l>nav>ul>li:first-child { margin-left: 0; }
#header_container .gnb-area .gnb-l>nav>ul>li:last-child { margin-right: 0; }
#header_container .gnb-area .gnb-l>nav>ul>li>a { font-size: 1.4rem; line-height: 50px; color: rgba(255,255,255,0.60); height: 50px; display: block; position: relative; transition: color .25s ease; padding: 0 10px;}
#header_container .gnb-area .gnb-l>nav>ul>li>a:hover,
#header_container .gnb-area .gnb-l>nav>ul>li.select>a { color: rgba(255,255,255,1); }
#header_container .gnb-area .gnb-l>nav>ul>li.select>a:after { position: absolute; content: ''; width: 100%; height: 3px; background: #fff; left: 0; bottom: 0; }

#header_container .gnb-area .gnb-r { float: right; height: 100%; padding: 6px 30px 6px 10px; }
#header_container .gnb-area .gnb-r ul { float: left; }
#header_container .gnb-area .gnb-r ul li { display: inline-block; margin-right: 15px; position: relative; float: left; }
#header_container .gnb-area .gnb-r ul li:after { position: absolute; content: ''; height: 10px; width: 1px; background: rgba(255,255,255,0.5); right: -10px; top: 50%; margin-top: -4px; }
#header_container .gnb-area .gnb-r ul li a { font-size: 1.2rem; line-height: 36px; color: #fff; }
#header_container .gnb-area .gnb-r .search-box { float: right; width: 95px; height: 38px; border-radius: 4px; background: rgba(255,255,255,0.10); position: relative; cursor: pointer; transition: background .25s ease; }
#header_container .gnb-area .gnb-r .search-box:hover,
#header_container .gnb-area .gnb-r .search-box:active,
#header_container .gnb-area .gnb-r .search-box:focus { background: rgba(255,255,255,0.20); }
#header_container .gnb-area .gnb-r .search-box .search-btn { width: 18px; height: 18px; position: absolute; top: 50%; right: 8px; border: none; background: none; outline: 0; margin-top: -9px; }
#header_container .gnb-area .gnb-r .search-box input[type=text] { background: transparent; border: none; width: 100%; height: 100%; color: #fff; font-size: 1.2rem; letter-spacing: 0; padding: 0 35px 0 10px; cursor: pointer; }
#header_container .gnb-area .gnb-r .search-box input[type=text]::-ms-input-placeholder { color: rgba(255,255,255,0.50); }
#header_container .gnb-area .gnb-r .search-box input[type=text]::-webkit-input-placeholder { color: rgba(255,255,255,0.50); } 
#header_container .gnb-area .gnb-r .search-box input[type=text]::-moz-placeholder { color: rgba(255,255,255,0.50); }

#header_container .gnb-area .gnb-r ul li.lang:after { display: none; }
#header_container .gnb-area .gnb-r ul li.lang a img { display: inline-block; width: 15px; height: 15px; margin: 10px 0; }
#header_container .gnb-area .gnb-r ul li.lang a .label { font-size: 1.1rem; background: var(--theme-color); color: #414347; border-radius: 3px; padding: 0 8px; display: inline-block; height: 18px; line-height: 20px; text-align: center; font-family: 'Arial'; font-weight: bold; letter-spacing: -1px; margin-right: 5px; }
#header_container .gnb-area .gnb-r ul li.lang a .txt { font-family: 'Arial'; letter-spacing: 0; font-size: 1.2rem; margin-right: 2px; }

#header_container .gnb-area .gnb-r ul li:after { display: none; }
#header_container .gnb-area .gnb-r ul li.data-lang .data-lang-select .selectbox { width: 90px; height: 35px; line-height: 33px; margin-left: 0; }
#header_container .gnb-area .gnb-r ul li.data-lang .data-lang-select .selectbox:hover { background: transparent; }
#header_container .gnb-area .gnb-r ul li.data-lang .data-lang-select .selectbox.highlight { background-color: #ffb400; border: 1px solid #ffb400; }
#header_container .gnb-area .gnb-r ul li.data-lang .data-lang-select .selectbox label { line-height: 33px; font-family: 'Arial'; color: #fff; }
#header_container .gnb-area .gnb-r ul li.data-lang .data-lang-select .selectbox select { height: 28px; vertical-align: top; font-size: 1.2rem; }
#header_container .gnb-area .gnb-r ul li.data-lang .data-lang-select .selectbox:before { content: ""; position: absolute; top: 50%; margin-top: -8px; right: 8px; background: url("../../img/svg/down_ico.svg") no-repeat; width: 15px; height: 15px; opacity: 1;}
#header_container .gnb-area .gnb-r ul li .title { color: rgba(255,255,255,0.5); line-height: 35px; display: inline-block; font-size: 1.2rem; margin-right: 10px; font-weight: 300; }
#header_container .gnb-area .gnb-r ul li.data-lang .data-lang-select {  }

#header_container .bookmark-btn { display: inline-block; padding: 5px 10px 5px 5px; border-radius: 4px; transition: background .25s ease; background: rgba(255,255,255,0.1); float: left; margin-right: 15px; margin-top: 4px;}
#header_container .bookmark-btn:hover { background: rgba(255,255,255,0.15); }
#header_container .bookmark-btn .title { margin-left: 1px; color: #fff; font-size: 1.2rem; font-weight: 300; line-height: 19px; vertical-align: top; }
#header_container .bookmark-btn .star { display: inline-block; width: 20px; height: 20px; vertical-align: top; }
#header_container .bookmark-btn .star img { width: 100%; }

#header_container .user-tool-area { position: absolute; right: 25px; top: 15px; z-index: 2;}
#header_container .user-tool-area a { color: #555; margin-right: 15px;}
#header_container .user-tool-area a.login-btn { font-size: 1.2rem; line-height: 20px; }
#header_container .user-tool-area .login { color: #555; font-size: 1.2rem; font-weight: 400; }
#header_container .user-tool-area a.register-btn,
#header_container .user-tool-area a.logout-btn { font-size: 1.2rem; border: 1px solid #9e9e9e; height: 30px; display: inline-block; line-height: 28px; padding: 0 20px; border-radius: 3px; transition: background .25s ease,border-color .25s ease; margin-right: 0; background: #fff;}
#header_container .user-tool-area a.register-btn:hover,
#header_container .user-tool-area a.logout-btn:hover { background: var(--navy-color); border-color: var(--navy-color); color: #fff; }

#header_container .powered { position: absolute; z-index: 2; right: 30px; top: 55px; font-size: 1.2rem;font-weight: 300; cursor: default; color: #555; }
#header_container .powered a { display: inline-block; margin-left: 8px; cursor: pointer; }
#header_container .powered a img { width: 110px; position: relative; top: 5px; }
#header_container .powered a:hover { text-decoration: underline; }

#header_container .report-gnb-wrap { height: 50px; background: #fff; border-bottom: 1px solid #dee3eb; position: absolute; bottom: 0; left: 0; width: calc(100% + 570px);}
#header_container .report-gnb-wrap .report-gnb { height: 100%; padding: 0 30px; overflow: hidden; position: relative; }
#header_container .report-gnb-wrap .report-gnb:after { position: absolute; width: 70px; height: 100%; top: 0; right: 30px; content: ''; z-index: 2; background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255,255,255,0)), color-stop(1, #ffffff)); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff 100%); background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%, #ffffff 100%); background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%, #ffffff 100%); background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%, #ffffff 100%); background: linear-gradient(left,  rgba(255,255,255,0) 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(255,255,255,0), endColorstr=#ffffff, gradientType=1); }
#header_container .report-gnb-wrap .report-gnb ul { height: 100%; overflow-x: auto; white-space: nowrap; -ms-overflow-style: none; height: 90px; cursor: pointer; }
#header_container .report-gnb-wrap .report-gnb ul.hide { display:none; }
#header_container .report-gnb-wrap .report-gnb ul li { display: inline-block; margin: 0 10px; height: 50px; }
#header_container .report-gnb-wrap .report-gnb ul li:first-child { margin-left: 0; }
#header_container .report-gnb-wrap .report-gnb ul li:last-child { margin-right: 0; }
#header_container .report-gnb-wrap .report-gnb ul li a { font-size: 1.4rem; display: block; height: 100%; line-height: 50px; font-weight: normal; color: #999; position: relative; padding: 0 10px; }
#header_container .report-gnb-wrap .report-gnb ul li a:hover { color : var(--navy-color); font-weight: bold; }

#header_container .report-gnb-wrap .report-gnb ul li.select a { color: var(--theme-color); font-weight: bold; }
.enterprise #header_container .report-gnb-wrap .report-gnb ul li.select a { color: #262932; }
.technology #header_container .report-gnb-wrap .report-gnb ul li.select a { color: var(--navy-color); }
.agent #header_container .report-gnb-wrap .report-gnb ul li.select a { color: #360E68; }
.researcher #header_container .report-gnb-wrap .report-gnb ul li.select a { color: #00515B; }
#header_container .report-gnb-wrap .report-gnb ul li.select a:after { position: absolute; content: ''; width: 100%; height: 2px; bottom: 1px; left: 0; background: var(--theme-color); }
.enterprise #header_container .report-gnb-wrap .report-gnb ul li.select a:after { background: #262932; }
.technology #header_container .report-gnb-wrap .report-gnb ul li.select a:after { background: var(--navy-color); }
.agent #header_container .report-gnb-wrap .report-gnb ul li.select a:after { background: #360E68; }
.researcher #header_container .report-gnb-wrap .report-gnb ul li.select a:after { background: #00515B; }
#header_container .report-gnb-wrap .report-gnb ul li a .ico { display: inline-block; }

#header_container .gnb-area .gnb-l>nav>ul>li .report-gnb-wrap { display: none; }
#header_container .gnb-area .gnb-l>nav>ul>li .report-gnb-wrap:hover { display: block; z-index: 2; }
#header_container .gnb-area .gnb-l>nav>ul>li.select .report-gnb-wrap { display: block; z-index: 1; }
#header_container .gnb-area .gnb-l>nav>ul>li>a:hover + .report-gnb-wrap { display: block; z-index: 2; }

#header_container .gnb-area .navi-btn { position: absolute; z-index: 3; top: 13px; background: rgba(255,255,255,0.1); border: none; height: 25px; width: 16px; border-radius: 4px; outline: 0; transition: background .25s ease,box-shadow .25s ease; }
#header_container .gnb-area .navi-btn:hover { background: rgba(255,255,255,0.2); box-shadow: 0 2px 4px 3px rgba(0,0,0,0.1); }
#header_container .gnb-area .navi-btn.left { left: 10px; }
#header_container .gnb-area .navi-btn.right { right: 10px; }
#header_container .gnb-area .navi-btn img { margin-top: 1px; }
#header_container .gnb-area .navi-btn:disabled { opacity: 0.5; cursor: not-allowed; }

#header_container .report-gnb-wrap .report-gnb .navi-btn { position: absolute; z-index: 3; top: 13px; background: #505357; border: none; height: 25px; width: 16px; border-radius: 4px; outline: 0; transition: background .25s ease,box-shadow .25s ease; }
#header_container .report-gnb-wrap .report-gnb .navi-btn:hover { background: #5E6166; box-shadow: 0 2px 4px 3px rgba(0,0,0,0.1); }
#header_container .report-gnb-wrap .report-gnb .navi-btn.left { left: 10px; }
#header_container .report-gnb-wrap .report-gnb .navi-btn.right { right: 10px; }
#header_container .report-gnb-wrap .report-gnb .navi-btn img { margin-top: 1px; }
#header_container .report-gnb-wrap .report-gnb .navi-btn:disabled { opacity: 0.2; cursor: not-allowed; }


/* mobile header */
#header_container .mo-nav-wrap { display: none; position: absolute; top: 25px; right: 30px;}
#header_container .mo-nav-wrap .mo-nav-icon .nav-icon { width: auto; height: 25px;}
#header_container .mo-nav-wrap .mo-nav-area { display: none; position: absolute; top: calc(100% + 10px); right: -15px; z-index: 9999; background: #fff; border: 1px solid #ddd; width: 150px; padding: 5px 10px; border-radius: 10px; box-shadow: 5px 5px 10px rgba(0,0,0,0.2);}
#header_container .mo-nav-wrap .mo-nav-area.on { display: block;}
#header_container .mo-nav-wrap .mo-nav-area .user-tool-area { position: relative; top: unset; right: unset;}
#header_container .mo-nav-wrap .mo-nav-area .user-tool-area a { display: block; padding: 5px 10px; margin: 0;}
#header_container .mo-nav-wrap .mo-nav-area .user-tool-area a .mo-icon { width: 15px; position: relative; top: 2px; margin-right: 3px;}
#header_container .mo-nav-wrap .mo-nav-area .user-tool-area a.register-btn, 
#header_container .mo-nav-wrap .mo-nav-area .user-tool-area a.logout-btn { border: 0; height: unset; line-height: unset; border-radius: 0; transition: none; margin:0; background: unset;}
#header_container .mo-nav-wrap .mo-nav-area .user-tool-area .login { display: block;}
#header_container .mo-nav-wrap .mo-nav-area .powered { position: static; bottom: unset; top: unset; right: unset; display: block; height: unset; line-height: unset; border-top: 1px dashed #ccc; margin-top: 5px; padding: 7px 0; text-align: center; }
#header_container .mo-nav-wrap .mo-nav-area .powered a { padding: 0;}
#header_container .mo-nav-wrap .mo-nav-area .powered a img { margin-top: 5px;}