/* header */
a { text-decoration: none; }
.header { position: fixed; top: 0; left: 0; width: 100%; height: 68px; padding: 0 20px; border-bottom: 1px solid #eaeaea; box-sizing: border-box; background-color: #fff; min-width: 1200px; z-index: 50; }
.header:after { content: ''; z-index: -10; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ffffff; }
.header .header_area { position: relative; width: 100%; height: 100%; max-width: 1720px; margin: 0 auto; box-sizing: border-box; }
.header .header_area { position: relative; height: 68px; display: flex; display: -ms-flexbox; display: -moz-box; display: -moz-flex; display: -webkit-box; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; align-items: center; -ms-flex-align: center; }
.header .header_area .header_logo { -ms-flex: 1 0 auto; }
.header .header_area .header_logo h1.mainlogo { width: 195px; font-size: 0; }
.header .header_area .header_logo h1.mainlogo a { display: inline-block; vertical-align: middle; font-size: 0; }
.header .header_area .header_logo h1.mainlogo img { width: 100%; }
.header .header_area .menu_pack { max-width: 1400px; flex: 1; -ms-flex: 1 0 auto; -webkit-box-flex: 1; -webkit-flex: 1; display: flex; display: -ms-flexbox; display: -moz-box; display: -moz-flex; display: -webkit-box; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; align-items: center; -ms-flex-align: center; }
.header .header_area .depth1menu { display: inline-block; padding-left: 10px; }
.header .header_area .depth1menu .gnb .depth1 { height: 100%; }
.header .header_area .depth1menu .gnb .depth1 > li { display: inline-block; text-align: left; height: 100%; padding: 0 40px; vertical-align: middle; }
.header .header_area .depth1menu .gnb .depth1 > li > .menuname { position: relative; display: inline-block; line-height: 47px; padding: 10px 0; font-size: 17px; font-weight: 500; font-family: 'IBM_Plex_Sans_KR'; }
.header .header_area .depth1menu .gnb .depth1 > li > .menuname.active { font-weight: bold; color: #0066b1; }
.header .header_area .depth1menu .gnb .depth1 > li > .menuname.active:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #0066b1; }
.header .header_area .depth1menu .gnb .depth2 { display: none; position: absolute; top: 68px; left: 50%; margin-left: -560px; width: 1120px; padding: 33px 20px 6px; box-sizing: border-box; background: #ffffff; }
.header .header_area .depth1menu .gnb .depth2:after { content: ''; z-index: -10; position: absolute; top: 0; left: -100%; width: 300%; height: 100%; background: #ffffff; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08); }
.header .header_area .depth1menu .gnb .depth2.active { display: block; }
.header .header_area .depth1menu .gnb .depth2 > li { display: inline-block; margin: 0 auto 30px; }
.header .header_area .depth1menu .gnb .depth2 > li > .menuname { display: inline-block; vertical-align: top; width: 240px; font-size: 16px; line-height: 26px; font-weight: 900; font-family: 'IBM_Plex_Sans_KR'; }
.header .header_area .depth1menu .gnb .depth2 > li > .menuname a.menuname { font-size: 16px; font-weight: 900; font-family: 'IBM_Plex_Sans_KR'; }
.header .header_area .depth1menu .gnb .depth2 > li > .menuname a.menuname span { position: relative; }
.header .header_area .depth1menu .gnb .depth2 > li > .menuname a.menuname:hover { color: #0066b1; }
.header .header_area .depth1menu .gnb .depth2 > li > .menuname a.menuname:hover span:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #0066b1; }
.header .header_area .depth1menu .gnb .depth2 > li > a.menuname span { position: relative; }
.header .header_area .depth1menu .gnb .depth2 > li > a.menuname:hover { font-weight: 500; color: #0066b1; }
.header .header_area .depth1menu .gnb .depth2 > li > a.menuname:hover span:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #0066b1; }
.header .header_area .depth1menu .gnb .depth2 > li > .depth3:first-of-type:after { content: ''; position: absolute; top: 50%; left: 260px; width: 1px; height: calc(100% - 80px); transform: translateY(-50%); background: #e6e6e6; }
.header .header_area .depth1menu .gnb .depth2 > li > .depth3 { display: inline-block; vertical-align: top; width: 834px; margin-bottom: -10px; padding-left: 50px; box-sizing: border-box; }
.header .header_area .depth1menu .gnb .depth2 > li > .depth3 > li { display: inline-block; width: 200px; margin-right: 35px; margin-bottom: 10px; vertical-align: middle; font-size: 0; }
.header .header_area .depth1menu .gnb .depth2 > li > .depth3 > li > .menuname { position: relative; display: inline-block; font-size: 15px; line-height: 26px; font-family: 'IBM_Plex_Sans_KR'; }
.header .header_area .depth1menu .gnb .depth2 > li > .depth3 > li > .menuname:hover { font-weight: 500; color: #0066b1; }
.header .header_area .depth1menu .gnb .depth2 > li > .depth3 > li > .menuname:hover:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #0066b1; }
.header .header_area .menu_wrap { display: inline-block; /* padding-right: 60px; */}
.header .header_area .quickmenu { display: inline-block; vertical-align: middle; padding-right: 20px; }
.header .header_area .quickmenu .gnb { margin-top: -5px; }
.header .header_area .quickmenu .gnb .depth1 { height: 100%; }
.header .header_area .quickmenu .gnb .depth1 > li { display: inline-block; height: 100%; margin: 0 16px; vertical-align: middle; }
.header .header_area .quickmenu .gnb .depth1 > li > .menuname { display: inline-block; line-height: 48px; padding: 9px 0; font-family: 'IBM_Plex_Sans_KR'; font-size: 14px; color: #707070; }
.header .header_area .quickmenu .gnb .depth1 > li > .menuname.active { font-weight: 500; color: #0066b1; }
.header .header_area .quickmenu .gnb .depth1 > li > .menuname span { display: inline-block; vertical-align: middle; margin-top: 2px; }
.header .header_area .quickmenu .gnb .depth2 { display: none; position: absolute; top: 68px; left: 50%; margin-left: -560px; width: 1120px; padding: 33px 20px 6px; text-align: left; box-sizing: border-box; background: #ffffff; }
.header .header_area .quickmenu .gnb .depth2:after { content: ''; z-index: -10; position: absolute; top: 0; left: -100%; width: 300%; height: 100%; background: #ffffff; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08); }
.header .header_area .quickmenu .gnb .depth2.active { display: block; }
.header .header_area .quickmenu .gnb .depth2 > li { display: inline-block; margin: 0 auto 30px; }
.header .header_area .quickmenu .gnb .depth2 > li > .menuname { display: inline-block; vertical-align: top; width: 240px; font-size: 16px; line-height: 26px; font-weight: 900; font-family: 'IBM_Plex_Sans_KR'; }
.header .header_area .quickmenu .gnb .depth2 > li > .menuname a.menuname { font-size: 16px; font-weight: 900; font-family: 'IBM_Plex_Sans_KR'; }
.header .header_area .quickmenu .gnb .depth2 > li > .menuname a.menuname span { position: relative; }
.header .header_area .quickmenu .gnb .depth2 > li > .menuname a.menuname:hover { color: #0066b1; }
.header .header_area .quickmenu .gnb .depth2 > li > .menuname a.menuname:hover span:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #0066b1; }
.header .header_area .quickmenu .gnb .depth2 > li > a.menuname span { position: relative; }
.header .header_area .quickmenu .gnb .depth2 > li > a.menuname:hover { color: #0066b1; }
.header .header_area .quickmenu .gnb .depth2 > li > a.menuname:hover span:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #0066b1; }
.header .header_area .quickmenu .gnb .depth2 > li > .depth3:first-of-type:after { content: ''; position: absolute; top: 50%; left: 260px; width: 1px; height: calc(100% - 80px); transform: translateY(-50%); background: #e6e6e6; }
.header .header_area .quickmenu .gnb .depth2 > li > .depth3 { display: inline-block; vertical-align: top; width: 834px; margin-bottom: -10px; padding-left: 50px; box-sizing: border-box; }
.header .header_area .quickmenu .gnb .depth2 > li > .depth3 > li { display: inline-block; width: 200px; margin-right: 35px; margin-bottom: 10px; vertical-align: middle; font-size: 0; }
.header .header_area .quickmenu .gnb .depth2 > li > .depth3 > li > .menuname { position: relative; display: inline-block; line-height: 26px; font-size: 15px; font-family: 'IBM_Plex_Sans_KR'; }
.header .header_area .quickmenu .gnb .depth2 > li > .depth3 > li > .menuname:hover { font-weight: 500; color: #0066b1; }
.header .header_area .quickmenu .gnb .depth2 > li > .depth3 > li > .menuname:hover:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #0066b1; }
.header .header_area .usraccount_pack { display: inline-block; vertical-align: middle; }
.header .header_area .usraccount_pack > li { font-family: 'IBM_Plex_Sans_KR'; }
.header .header_area .usraccount_pack > li .username { display: inline-block; padding-right: 6px; vertical-align: middle; font-size: 14px; }
/*.header .header_area .usraccount_pack > li .username b { border-bottom: 1px solid #707070; }*/
.header .header_area .usraccount_pack > li .ebbtn.btn_login { padding: 0 15px; box-sizing: border-box; line-height: 30px; border: 1px solid #e6e6e6; border-radius: 15px; font-size: 14px; }
.header .header_area .menubtn_pack { display:none; }
.header .btn_logtimer { width: 30px; height: 30px; background: url('../img/icon_log_timer.png') no-repeat center; }
.header .btn_logtimer:hover, .header .btn_logtimer:focus { background: url('../img/icon_log_timer_active.png') no-repeat center; }