/*pro_main_header
--------------------*/
#pro_main_header { background: #1a1a1a; }
@media print, screen and (min-width: 768px) { #pro_main_header .h_logo { width: 11.38150625rem; } }
@media only screen and (max-width: 767px) { #pro_main_header .h_logo { width: 29.7469333333vw; } }

/*proHeader
--------------------*/
#proHeader { background: #ffffff; border-bottom: 1px solid #000; }
#proHeader .products_logo img { width: auto; }
#proHeader .ec_btn { background: #0060F4; }
@media print, screen and (min-width: 768px) { #proHeader .products_logo img { height: 2.84636875rem; }
  #proHeader .ec_btn { width: 12.9375rem; font-size: 0.84375rem; font-weight: 500; border: 1px solid #0060F4; -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; white-space: nowrap; }
  #proHeader .ec_btn span { position: relative; }
  #proHeader .ec_btn span::before { -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; content: ""; display: block; background-size: 100% 100%; background-image: url("../img/pro/cart_icon_blue.svg"); position: absolute; top: 50%; z-index: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 1.59375rem; height: 1.7rem; margin-right: 0.5625rem; right: 100%; opacity: 0; }
  #proHeader .ec_btn:hover { background-color: transparent; color: #0060F4; }
  #proHeader .ec_btn:hover span::before { opacity: 1; }
  #proHeader .products_nav { font-size: 0.84375rem; font-weight: 500; color: #1a1a1a; white-space: nowrap; }
  #proHeader .products_nav li { margin-right: 1.9em; } }
@media only screen and (max-width: 767px) { #proHeader .products_logo img { height: 6.1619733333vw; }
  #proHeader .prodct_nav_btn span, #proHeader .prodct_nav_btn::before, #proHeader .prodct_nav_btn::after { background: #1a1a1a; } }

/*wrapper
--------------------*/
#wrapper { background: #ebe9e9; }
@media print, screen and (min-width: 768px) { #wrapper { margin-top: 8.125rem; } }
@media only screen and (max-width: 767px) { #wrapper { margin-top: 21.3333333333vw; } }

/*pro_footer
--------------------*/
#pro_footer { background: #fff; }
#pro_footer .shere_list li { border-radius: 50%; box-shadow: 0px 0px 0.1875rem 0 rgba(0, 0, 0, 0.6); }
#pro_footer .toTop_btn { background: #808080; }
#pro_footer .f_btn_nav .fnav_btn, #pro_footer .f_btn_nav .ec_btn { width: 100%; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; color: #fff; }
#pro_footer .f_btn_nav .fnav_btn { background: #808080; }
#pro_footer .f_btn_nav .ec_btn { background: #0060F4; }
@media print, screen and (min-width: 768px) { #pro_footer .f_nav .aco_cont { color: #787878; }
  #pro_footer .f_btn_nav { font-size: 1rem; }
  #pro_footer .f_btn_nav .fnav_btn, #pro_footer .f_btn_nav .ec_btn { height: 3.75rem; border-radius: 0.2rem; position: relative; -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }
  #pro_footer .f_btn_nav .fnav_btn:hover, #pro_footer .f_btn_nav .ec_btn:hover { background-color: transparent; }
  #pro_footer .f_btn_nav .fnav_btn:not(:last-child), #pro_footer .f_btn_nav .ec_btn:not(:last-child) { margin-bottom: 1.25rem; }
  #pro_footer .f_btn_nav .fnav_btn img, #pro_footer .f_btn_nav .ec_btn img { position: absolute; top: 50%; z-index: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); left: 1.1875rem; }
  #pro_footer .f_btn_nav .fnav_btn span, #pro_footer .f_btn_nav .ec_btn span { margin-left: 3.5rem; }
  #pro_footer .f_btn_nav .fnav_btn { border: #808080 1px solid; }
  #pro_footer .f_btn_nav .fnav_btn img { width: 1.25rem; height: 1.25rem; object-fit: contain; object-position: 50% 50%; font-family: "object-fit:contain; object-position:50% 50%; "; vertical-align: unset; }
  #pro_footer .f_btn_nav .fnav_btn:hover { color: #808080; }
  #pro_footer .f_btn_nav .fnav_btn:hover img { mix-blend-mode: difference; opacity: 0.6; }
  #pro_footer .f_btn_nav .ec_btn { border: #0060F4 1px solid; }
  #pro_footer .f_btn_nav .ec_btn img { width: 1.59375rem; }
  #pro_footer .f_btn_nav .ec_btn span::before { -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; content: ""; display: block; background-size: 100% 100%; position: absolute; top: 50%; z-index: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); background-image: url("../img/pro/cart_icon_blue.svg"); width: 1.59375rem; height: 1.7rem; left: 1.1875rem; opacity: 0; }
  #pro_footer .f_btn_nav .ec_btn:hover { color: #0060F4; }
  #pro_footer .f_btn_nav .ec_btn:hover span::before { opacity: 1; } }
@media only screen and (max-width: 767px) { #pro_footer .f_nav ul { background: #fff; color: #000; }
  #pro_footer .f_nav ul a { border-color: #000; }
  #pro_footer .f_btn_nav { font-size: 0.845rem; }
  #pro_footer .f_btn_nav .fnav_btn, #pro_footer .f_btn_nav .ec_btn { height: 12vw; border-radius: 0.6666666667vw; justify-content: center; }
  #pro_footer .f_btn_nav .fnav_btn:not(:last-child), #pro_footer .f_btn_nav .ec_btn:not(:last-child) { margin-bottom: 3.0666666667vw; }
  #pro_footer .f_btn_nav .fnav_btn img, #pro_footer .f_btn_nav .ec_btn img { margin-right: 0.8vw; }
  #pro_footer .f_btn_nav .fnav_btn img { width: 4.2666666667vw; height: 4.2666666667vw; object-fit: contain; object-position: 50% 50%; font-family: "object-fit:contain; object-position:50% 50%; "; vertical-align: unset; }
  #pro_footer .f_btn_nav .ec_btn img { width: 4.8vw; }
  #pro_footer .f_btn_nav .enUrl img { width: 5.2vw; height: 5.2vw; margin-right: 1.6vw; font-size: 0.845rem; } }