@charset "UTF-8";

.header {position: fixed;top: 0;width: 100%;z-index: 2;}
.header .h_logo { width: 107px;height: 41px;background: url(../images/header_logo.png)no-repeat center;}
.header.activated .h_logo { width: 107px;height: 41px;background: url(../images/logo_change.png)no-repeat center;}
.header.activated_2 .h_logo { width: 107px;height: 41px;background: url(../images/logo_change.png)no-repeat center;}
.header .h_logo a{ width: 106px;height: 40px;display: block; }
.header .header_wrap  {height: 100px;padding: 0 162px 0 67px;}
.header .header_wrap .h_menu_wrap .flex {gap:69.07px;}
.header .header_wrap .h_menu_wrap .flex li {font-weight: 700;font-size: 18px;line-height: 26px;}
.header .header_wrap .h_menu_wrap .flex li:hover {color:#fff;}
.header .header_wrap .login_wrap {width: 160px;height: 40px;background: rgba(153, 153, 153, 0.25); border: 1px solid rgba(153, 153, 153, 0.25);border-radius: 100px;}
.header .header_wrap .login_wrap .flex {height: 40px;justify-content: center; position: relative;top: -1px;}
.header .header_wrap .login_wrap li {font-weight: 500;font-size: 14px;line-height: 20px;letter-spacing: -0.05em;color: #fff;opacity: 1;}
.header .header_wrap .login_wrap li:nth-child(1)::after {content: ""; display: inline-block;height: 14px;width: 1px;background: #999;margin: 0 8px 0;position: relative;top: 1px;left:1px; }

.header .obd_nav_bg {width: 100%;background: rgba(255,255,255,0.9);text-align: center;height: 300px;display: none;}
.header .obd_nav_bg .obd_nav_wrap {display: flex;justify-content: center;padding-top: 37px;}
.header .obd_nav_bg .obd_nav_wrap .obd_nav {display: flex;align-items: flex-start;width: 838px;}
.header .obd_nav_bg .obd_nav_wrap .obd_nav a {font-weight: 500;font-size: 16px;line-height: 40px;color: #9D9D9D;}
.header .obd_nav_bg .obd_nav_wrap .obd_nav a:hover {color: #007195;}

.h_menu_wrap .d9 {display: inline-block;position: relative;}
.h_menu_wrap .d9::after {content: '';position: absolute;width: 100%;transform: scaleX(0);height: 2px;bottom: 0;left: 0;background-color: #fff;transform-origin: bottom right;transition: transform 0.25s ease-out;}
.h_menu_wrap .d9:hover::after {transform: scaleX(1);transform-origin: bottom left;}

.header.activated .header_wrap {background: #fff;}
.header.activated {border-bottom:1px solid #eee;}
.header.activated .header_wrap .h_menu_wrap .flex li:hover {color:#333;}
.header.activated .d9::after {background-color: #333;}
.header.activated .login_wrap {background: rgba(60, 60, 60, 0.15);border:1px solid rgba(60, 60, 60, 0.05);}
.header.activated .header_wrap .login_wrap li {color:#9d9d9d;}
.header.activated .header_wrap .login_wrap li:nth-child(1)::after {background: #9d9d9d;}

.header.activated_2 .header_wrap {background: #fff;}
.header.activated_2 {border-bottom:1px solid #eee;}
.header.activated_2 .header_wrap .h_menu_wrap .flex li:hover {color:#333;}
.header.activated_2 .d9::after {background-color: #333;}
.header.activated_2 .login_wrap {background: rgba(60, 60, 60, 0.15);border:1px solid rgba(60, 60, 60, 0.05);}
.header.activated_2 .header_wrap .login_wrap li {color:#9d9d9d;}
.header.activated_2 .header_wrap .login_wrap li:nth-child(1)::after {background: #9d9d9d;}