header { max-width: 80%; margin: auto; display: flex; align-items: center; justify-content: space-between; padding-top: 1rem; padding-bottom: 1rem; }
header .header_wrapper_1 { display: flex; flex-direction: row; align-items: center; }
header .header_wrapper_1 .logo_wrap { width: 10rem; padding-right: 2rem; }
header .header_wrapper_1 .logo_wrap img { max-width: 100%; }
header .header_wrapper_1 .login_wrap { white-space: nowrap; margin-right: 1rem; }
header .header_wrapper_1 .login_wrap .login_button { background-color: #4ECE41; color: #fff; font-size: 14px; font-weight: bold; padding: .5rem 3rem; text-decoration: none; border-radius: 8px; margin-right: 1rem; white-space: nowrap; }
header .header_wrapper_1 .login_wrap .signup_button { border: 1px solid #4ECE41; color: #4ECE41; font-size: 14px; font-weight: bold; padding: .5rem 3rem; text-decoration: none; border-radius: 8px; white-space: nowrap; }
header .header_wrapper_2 { display: block; white-space: nowrap; }
header .header_wrapper_2 .menu_wrap .menu_button { text-decoration: none; font-size: 15px; color: #000; font-weight: bold; padding-right: 2rem; white-space: nowrap; }
header .header_wrapper_2 .menu_wrap .menu_button:last-child { padding-right: 0; }

@media (max-width: 1366px) { header { max-width: 90%; } }
@media (min-width: 800px) { header .header_wrapper_1 .sp_menu { display: none; } }
@media (max-width: 1190px) { header { max-width: 100%; }
  header .header_wrapper_1 { width: 100%; padding-left: 1rem; display: flex; justify-content: space-between; align-items: center; }
  header .header_wrapper_1 .logo_wrap { max-width: 40%; display: flex; flex-direction: row; }
  header .header_wrapper_1 .login_wrap { display: none; }
  header .header_wrapper_1 .login_wrap .login_button { padding: 1.5rem 1rem; }
  header .header_wrapper_1 .sp_menu { z-index: 2; display: flex; flex-direction: row; align-items: center; position: relative; }
  header .header_wrapper_1 .sp_menu .sp_login_button a { text-decoration: none; background-color: #4ECE41; color: #fff; padding: 1rem; border-radius: 5px; font-weight: bold; margin-right: 4rem; font-size: 12px; }
  header .header_wrapper_1 .sp_menu .menu_tab { position: absolute; right: 0; cursor: pointer; transition: all .6s ease-in-out; width: 3rem; border-top-left-radius: 5px; border-bottom-left-radius: 5px; z-index: 11; box-shadow: -2px 3px 4px rgba(0, 0, 0, 0.25); }
  header .header_wrapper_1 .sp_menu .menu_tab .stripe { width: 25px; height: 2px; display: block; margin: 10px 12px; transition: all .6s ease-in-out; }
  header .header_wrapper_1 .sp_menu .menu_tab .one { background-color: #4ECE41; }
  header .header_wrapper_1 .sp_menu .menu_tab .two { background-color: #E3F406; }
  header .header_wrapper_1 .sp_menu .menu_tab .three { background-color: #9191AF; }
  header .header_wrapper_1 .sp_menu .menu_tab.active { right: 0%; transition: all 600ms ease-in-out; z-index: 11; box-shadow: none; }
  header .header_wrapper_1 .sp_menu .menu_tab.active .one { transform: translateY(11px) rotate(-135deg); transition: all .5s ease-in-out; }
  header .header_wrapper_1 .sp_menu .menu_tab.active .two { opacity: 0; transition: .4s ease; }
  header .header_wrapper_1 .sp_menu .menu_tab.active .three { transform: translateY(-12px) rotate(-45deg); transition: all .5s ease-in-out; }
  header .header_wrapper_1 .sp_menu .menu_hide_outside { width: 100%; right: -100%; height: 100vh; position: fixed; z-index: 8; top: 0px; transition: all .3s ease-in-out; background-color: rgba(3, 187, 3, 0.59); }
  header .header_wrapper_1 .sp_menu .menu_hide_outside .menu_hide_inside { display: flex; flex-direction: column; justify-content: space-around; width: 100%; right: -100%; height: 98%; position: fixed; z-index: 10; top: 1%; transition: all .3s ease-in-out; background-color: #fff; }
  header .header_wrapper_1 .sp_menu .menu_hide_outside .menu_hide_inside ul { margin: 10px 0 0 0; }
  header .header_wrapper_1 .sp_menu .menu_hide_outside .menu_hide_inside ul .sp_small_logo { max-width: 45%; position: relative; left: 20%; }
  header .header_wrapper_1 .sp_menu .menu_hide_outside .menu_hide_inside ul .sp_small_logo img { width: 100%; }
  header .header_wrapper_1 .sp_menu .menu_hide_outside .menu_hide_inside ul li { list-style-type: none; text-align: left; line-height: 0; transition: all .5s ease; }
  header .header_wrapper_1 .sp_menu .menu_hide_outside .menu_hide_inside ul li a { padding: 0 0 0 10px; text-decoration: none; color: #000; font-weight: 800; font-size: 15px; }
  header .header_wrapper_1 .sp_menu .menu_hide_outside .menu_hide_inside ul li .green_arrow_sp img { width: 0.7rem; }
  header .header_wrapper_1 .sp_menu .menu_hide_outside .menu_hide_inside ul .sp_small_logo { padding-bottom: 1.5rem; }
  header .header_wrapper_1 .sp_menu .menu_hide_outside .menu_hide_inside ul .sp_list_menu { padding: 4% 0; }
  header .header_wrapper_1 .sp_menu .menu_hide_outside .menu_hide_inside .policy_menu_wrapper { padding-left: 40px; padding-right: 40px; }
  header .header_wrapper_1 .sp_menu .menu_hide_outside .menu_hide_inside .policy_menu_wrapper .policy_menu { border-top: 1px solid #272727; padding: 2.5% 0; }
  header .header_wrapper_1 .sp_menu .menu_hide_outside .menu_hide_inside .policy_menu_wrapper .policy_menu a { text-decoration: none; color: #272727; font-size: 12px; padding-left: 1.7rem; font-weight: bold; }
  header .header_wrapper_1 .sp_menu .menu_hide_outside .menu_hide_inside .policy_menu_wrapper .policy_menu:last-child { border-bottom: 1px solid #272727; }
  header .header_wrapper_1 .sp_menu .menu_hide_outside .menu_hide_inside .menu_login_button_wrapper { display: flex; flex-direction: row; padding: 0 40px; }
  header .header_wrapper_1 .sp_menu .menu_hide_outside .menu_hide_inside .menu_login_button_wrapper a { text-decoration: none; font-size: 16px; font-weight: bold; width: 50%; text-align: center; }
  header .header_wrapper_1 .sp_menu .menu_hide_outside .menu_hide_inside .menu_login_button_wrapper a .menu_login_button { color: #fff; border: 2px solid #4ECE41; background-color: #4ECE41; border-radius: 5px; padding: 1.2rem 0; margin-right: .5rem; }
  header .header_wrapper_1 .sp_menu .menu_hide_outside .menu_hide_inside .menu_login_button_wrapper a .menu_signup_button { color: #4ECE41; border: 2px solid #4ECE41; border-radius: 5px; padding: 1.2rem 0; margin-left: .5rem; }
  header .header_wrapper_1 .sp_menu .menu_hide_outside.show { right: 0%; transition: all .6s ease-in-out; }
  header .header_wrapper_1 .sp_menu .menu_hide_inside.show { right: -2%; top: 1%; transition: all .6s ease-in-out; border-radius: 8px; }
  header .header_wrapper_2 { display: none; } }

/*# sourceMappingURL=header.css.map */