@charset"utf-8";
/* 헤더 */ 
#header { height: 104px; border-top: 7px solid #5283e0; border-bottom: 1px solid #d1d8e4; box-sizing: border-box; }
#header .top-area { position: relative; width: 1000px; height: 96px; margin: 0 auto; }
#header .top-area .logo-area { display: inline-block; height: 96px; float: left; box-sizing: border-box; padding: 25px 0 26px 0; }
#header .top-area .gnb-area { display: inline-block; vertical-align: top; float: left; box-sizing: border-box; }
#header .top-area .gnb-area ul li { display: inline-block; }
#header .top-area .gnb-area ul li a { display: block; font-size: 17px; font-family: 'nanum-square-r'; font-weight: 800; color: #555; padding: 38px 24px 39px 24px; }
#header .top-area .gnb-area ul li a:hover { color: #5283e0; }
#header .top-area .gnb-area ul li:first-child { position: relative; }
#header .top-area .gnb-area ul li:first-child:before { content: ""; position: absolute; background: url(../../../images/header/all_gnb_menu_ico.png) no-repeat; width: 10px; height: 10px; top: 44px; left: 7px; }
#header .top-area .gnb-area ul li:first-child:hover:before { background: url(../../../images/header/all_gnb_menu_hover_ico.png) no-repeat; }
#header .top-area .gnb-area ul { margin-left: 62px; }
#header .top-area .login-area { position: absolute; top: 10px; right:0;  }
#header .top-area .login-area ul li { display: inline-block; position: relative; margin-right: 20px; }
#header .top-area .login-area ul li:after { position: absolute; content: ""; width: 1px; height: 10px; background: #dcdcdc; top: 6px; right: -10px; }
#header .top-area .login-area ul li:last-child { margin-right: 0; }
#header .top-area .login-area ul li:last-child:after { display: none; }
#header .top-area .login-area ul li a { display: block; color: #7b7b7b; font-family: 'nanum-square-r'; font-size: 11px; font-weight: 700; }
#header .top-area .login-area ul li a:hover { color: #5283e0; }


/* header search input */
.head-search-area { position: absolute; top:40px; right:0; background: #242A3D; padding: 7px 7px 7px 20px; border-radius: 50px; }
.head-search-area .symbol-box { float: left; width: 27px; position: relative; top: 5px; margin-right: 13px; }
.head-search-area .symbol-box img { max-width: 100%; height: auto; }
.head-search-area .input-box { position: relative; float: left; }
.head-search-area .input-box input[type="text"] { width: 200px; padding: 8px 30px 8px 15px; font-size: 11px; background: #40475B; color: rgba(255,255,255,0.9); font-weight: 500; color: #fff; border-radius: 50px; border: 1px solid rgba(255, 255, 255, 0.26); outline: none;}
.head-search-area .input-box input::placeholder { color: #fff; }
.head-search-area .input-box button { background: transparent; border: 0; position: absolute; top: 8px; right: 13px; cursor: pointer;}
.head-search-area .input-box button img { width: 15px; height: 15px; }