@charset "utf-8";

/* 헤더 스타일 시작 */ 
#header-wrap { display: block; width: 100%; margin: 0px auto; height: 140px; background-color:#4265ed; position: absolute; top: 0; left: 0; box-shadow: 0 2px 6px -2px rgba(0,0,0,0.05); min-width: 1200px; z-index: 1; }
#header-wrap .top { height: 80px; background: #4265ed; overflow: hidden; width: 1200px; margin: 0 auto; border-right: 1px solid #3555dc; border-left: 1px solid #3555dc; }
#header-wrap .bot { background: #fff; height: 60px; overflow: hidden; border-top: 1px solid #4c66cd; }
#header-wrap .logo-area { display: block; width:200px; height: 100%; float: left; border-right: 1px solid #3555dc; }
#header-wrap .logo-area a { display: block; position: relative; height: 100%; padding: 10px 20px; }
#header-wrap .logo-area a .center-align-wrap { height: 100%; display: table; }
#header-wrap .logo-area a .center-align-wrap .center-align { display: table-cell; vertical-align: middle; }

#header-wrap .logo-area a .center-align-wrap.logo { float: left; width: 55px; }
#header-wrap .logo-area a .center-align-wrap.logo-text { float: right; width: calc(100% - 55px); padding-left: 8px; line-height: 15px; font-size: 13px; color: #fff; }
#header-wrap .logo-area a .center-align-wrap.logo-text .empasis { font-size: 10px; letter-spacing: .3px; color: #DEE5FF; display: block; }


#header-wrap .gnb-area { float: left; height: 100%; width: calc(100% - 350px); }
#header-wrap .gnb-area ul {display: block; height: 100%; width: 100%; margin:0 auto; width: auto; list-style: none; padding-left: 20px; }
#header-wrap .gnb-area ul li {display: inline-block; width: 120px; height: 100%; text-align: center; cursor: pointer; font-size: 13.5px; }
#header-wrap .gnb-area ul li a {display: inline-block; width: 120px; height: 100%; cursor: pointer; color: #84a9ff; line-height: 79px; font-weight: 400; transition: color .25s ease; text-shadow: 0 0 1px rgba(0,0,0,0.1); }
#header-wrap .gnb-area ul li a i { margin-right: 7px; font-size: 12px; }
#header-wrap .gnb-area ul li :hover, #header-wrap .gnb-area ul li :active{color: #fff; }
#header-wrap .gnb-area ul .menu_active {color: #fff;}
#header-wrap .gnb-area ul li.active a { color: #fff; }

#header-wrap .stat-area { height: 100%; width: 141px; float: right; border-left: 1px solid #3555dc; }
#header-wrap .stat-area .stat-btn ul li { display: inline-block; width: 54px; height: 20px; text-align: center; vertical-align: middle; background: #fff; cursor: pointer; }
#header-wrap .stat-area .stat-btn { padding-left: 80px; }
#header-wrap .stat-area .stat-btn .statBtn-common { display: inline-block; padding:3px 4px; cursor: pointer; }
#header-wrap .stat-area .stat-btn .isue-btn { color: #e07281; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #e07281; }
#header-wrap .stat-area .stat-btn .userModify-btn { color: #aaa9a9; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #aaa9a9; }
#header-wrap .stat-area .stat-btn  ul{ text-align:right; }
#header-wrap .stat-area .stat-btn .logOut-btn { color: #7189ad; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #7189ad; width:45px; }
#header-wrap .stat-area .user-stat { display:block; color: #fff; float: left; padding: 22px 20px; width: 100px; }
#header-wrap .stat-area .user-stat .txt { width: 100%; cursor: default;}
#header-wrap .stat-area .user-stat .txt .stat-name { display: block; font-size: 13px; text-shadow: 0 0 1px rgba(0,0,0,0.1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
#header-wrap .stat-area .user-stat .txt .stat-id { display: block; letter-spacing: 0; font-weight: 300; color: #84a9ff; text-shadow: 0 0 1px rgba(0,0,0,0.1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
#header-wrap .stat-area .logOut-btn { float: right; font-size: 15px; width: 40px; border-left: 1px solid #3555dc; height: 100%; text-align: center; padding: 28px 0; transition: color .25s ease; }
#header-wrap .stat-area .logOut-btn i { color: #84a9ff; transition: color .25s ease;  }
#header-wrap .stat-area .logOut-btn:hover i { color: #fff; }

#header-wrap .bot .sub-gnb { width: 1200px; margin: 0 auto; }
#header-wrap .bot .sub-gnb li { display: inline-block; height: 100%; float: left; }
#header-wrap .bot .sub-gnb li a { display: block; height: 100%; line-height: 59px; font-size: 13px; color: #b2b5c0; font-weight: 500; padding: 0 20px; transition: color .25s ease; }
#header-wrap .bot .sub-gnb li a:hover { color: #868BA0; }
#header-wrap .bot .sub-gnb li.select a { color: #4265ED; position: relative; }
#header-wrap .bot .sub-gnb li.select a:hover { color: #4265ED; }
#header-wrap .bot .sub-gnb li.select a:after { position: absolute; content: ''; height: 2px; width: 100%; left: 0; bottom: 0; background: #4265ED; }
#header-wrap .bot .sub-gnb li.active-menu { width: 201px; text-align: center; border-left: 1px solid #eee; border-right: 1px solid #eee; margin-right: 20px; }
#header-wrap .bot .sub-gnb li.active-menu a { font-size: 13.5px; color: #3C4757; cursor: default; }
#header-wrap .bot .sub-gnb li.active-menu a i { margin-right: 5px; }

#btn_logo{height:48px;}