body {
  font-family:'Poppins', 'Noto Sans KR', sans-serif
}

header nav .dropdown:hover>.dropdown-menu,header nav .dropup:hover>.dropdown-menu {
  display:block
}

header nav .navbar-toggler-icon {
  background-image:url("https://cdn.fuioupay.co.kr/web/fuioupay/images/ic-hamburger.svg")
}

header.hero {
  background:black
}

html {
  font-size:10px
}

body {
  font-size:1.7rem
}

ol {
  margin:0;
  padding-left:16px
}

ul {
  list-style:none;
  margin:0;
  padding-left:0
}

img {
  max-width:100%;
  height:auto
}

@media (max-width: 992px) {
  .desktop-only {
    display:none !important
  }

}

@media (min-width: 992px) {
  .mobile-only {
    display:none !important
  }

}

h1,h2,h3,h4,h5,h6 {
  letter-spacing:-1px;
  line-height:1.5
}

h1 {
  font-size:5.0rem
}

h2 {
  font-size:4.0rem
}

h3 {
  font-size:4.0rem
}

h3.sm {
  font-size:3.0rem
}

h4 {
  font-size:2.4rem
}

h5 {
  font-size:2.0rem
}

h6 {
  font-size:1.7rem
}

p.lead {
  font-size:2.0rem;
  line-height:1.75;
  font-weight:400
}

p {
  font-size:1.7rem;
  margin-bottom:0
}

li {
  font-size:1.7rem
}

a {
  color:#000
}

a:hover {
  color:#000;
  text-decoration:none
}

@media (max-width: 992px) {
  body h1 {
    font-size:3.6rem
  }

body h2 {
    font-size:3.0rem
  }

body h3 {
    font-size:2.4rem
  }

body h4 {
    font-size:2.0rem
  }

body h5 {
    font-size:1.8rem
  }

body h6 {
    font-size:1.6rem
  }

body p.lead {
    font-size:1.6rem
  }

body p {
    font-size:1.5rem
  }

}

.btn {
  font-size:1.6rem;
  border-radius:0;
  padding:1rem 2rem
}

.btn.btn-lg {
  font-size:1.8rem;
  padding:1rem 2rem
}

.kboard-default-poweredby {
  display:none
}

.kboard-document-action {
  display:none
}

body #kboard-default-list .kboard-list table a {
  font-size:16px
}

body #kboard-default-list .kboard-list table td {
  font-size:16px
}

body .kboard-list-vote,body .kboard-list-view {
  display:none
}

.timeline-list {
  display:flex;
  flex-wrap:wrap
}

.timeline-item {
  padding-bottom:2.5rem;
  position:relative
}

.timeline-item .text {
  margin-bottom:2rem
}

.timeline-item .text span.key {
  font-size:1.8rem;
  color:#0b4e9f
}

.timeline-item .image {
  text-align:center
}

@media (min-width: 992px) {
  body .timeline-item {
    flex-basis:100%
  }

body .timeline-item .text {
    padding-right:40px;
    word-break:keep-all
  }

body .timeline-item .image {
    text-align:left
  }

body .timeline-item .image img {
    display:inline-block
  }

.timeline-item {
    padding-left:50px;
    border-left:1px solid #0b4e9f
  }

.timeline-item:before {
    position:absolute;
    top:0;
    left:-6px;
    z-index:99;
    content:"";
    width:12px;
    height:12px;
    background:#0b4e9f;
    border-radius:12px
  }

}

.dropbtn {
  background-color:#0b4e9f;
  color:white;
  padding:16px;
  font-size:16px;
  border:none;
  width:300px
}

.navbar-term-dropdown {
  position:relative;
  display:inline-block
}

.dropdown-content {
  display:none;
  position:absolute;
  background-color:#f1f1f1;
  width:300px;
  box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index:1
}

.dropdown-content a {
  color:black;
  padding:12px 16px;
  text-decoration:none;
  display:block;
  font-size:1.6rem
}

.dropdown-content a:hover {
  background-color:#ddd
}

.navbar-term-dropdown:hover .dropdown-content {
  display:block
}

.navbar-term-dropdown:hover .dropbtn {
  background-color:red
}

header {
  position:fixed;
  left:0;
  top:0;
  width:100%;
  z-index:10000
}

header nav.navbar {
  position:relative;
  background:white;
  box-shadow:0 2px 2px rgba(0,0,0,0.1);
  height:9.0rem;
  padding:0 4rem
}

header nav.navbar .navbar-brand {
  padding:.5rem 0;
  font-size:2.5rem;
  font-weight:700
}

header nav.navbar .navbar-brand img {
  height:5.0rem
}

header nav.navbar .navbar-brand .navbar-toggler {
  padding-right:0;
  padding-left:0
}

@media (min-width: 992px) {
  header nav.navbar .collapse {
    position:absolute;
    left:50%;
    transform:translatex(-50%)
  }

}

header nav.navbar .navbar-nav .nav-item {
  padding:0 4rem;
  margin-bottom:0
}

header nav.navbar .navbar-nav .nav-item.current-menu-item .nav-link,header nav.navbar .navbar-nav .nav-item.current-menu-ancestor .nav-link {
  color:#0b4e9f;
  opacity:1
}

@media (max-width: 1200px) {
  body header nav.navbar .navbar-nav .nav-item {
    padding:0 2rem
  }

}

header nav.navbar .navbar-nav .nav-item .nav-link {
  height:9.0rem;
  line-height:9.0rem;
  font-size:1.9rem;
  font-weight:600;
  color:#000;
  position:relative;
  transition:0.5s all ease;
  opacity:1;
  position:relative
}

header nav.navbar .navbar-nav .nav-item .nav-link.dropdown-toggle::after {
  margin:0;
  border:0
}

header nav.navbar .navbar-nav .nav-item .nav-link:hover {
  opacity:1;
  color:#0b4e9f
}

header nav.navbar .navbar-nav .nav-item .nav-link::after {
  position:absolute;
  height:2px;
  width:0;
  bottom:0;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  content:"";
  transition:0.5s all ease;
  background:#0b4e9f
}

header nav.navbar .navbar-nav .nav-item .nav-link:hover:after {
  width:100%
}

header nav.navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
  display:block;
  margin-top:0
}

header nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
  display:none;
  min-width:200px;
  left:50%;
  transform:translateX(-50%);
  border-radius:0;
  box-shadow:0 0 4px 0 rgba(0,0,0,0.1);
  border:none;
  background:transparent;
  padding-top:0;
  height:0;
  transition:all 1s;
  box-shadow:0px 2px 0px rgba(0,0,0,0.25)
}

header nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .nav-item {
  margin:0;
  padding:0;
  background:white
}

header nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .nav-item .dropdown-item {
  height:auto;
  padding:1.2rem 4rem 1.0rem;
  text-align:center;
  border-radius:0;
  font-size:18px;
  color:#000;
  opacity:1
}

header nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .nav-item .dropdown-item:hover {
  color:white;
  background:#0b4e9f;
  border-color:#0b4e9f
}

header nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .nav-item .dropdown-item:focus {
  color:white;
  background:#0b4e9f
}

@media (max-width: 992px) {
  header nav.navbar {
    height:auto;
    padding:0.5rem 1.5rem
  }

header nav.navbar .navbar-brand img {
    height:4.0rem
  }

header nav.navbar .navbar-nav .nav-item {
    padding:0 1.5rem;
    text-align:center
  }

header nav.navbar .navbar-nav .nav-item .nav-link {
    height:auto;
    line-height:1;
    padding:2rem 0;
    font-size:1.8rem
  }

header nav.navbar .navbar-nav .nav-item .nav-link:after {
    display:none
  }

header nav.navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
    display:none
  }

header nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
    display:none
  }

}

ul.lang-nav>li {
  position:relative
}

ul.lang-nav>li:hover .sub-menu {
  display:block
}

ul.lang-nav>li>a {
  display:inline-block;
  height:9.0rem;
  line-height:9.0rem;
  padding:0 1rem
}

ul.lang-nav>li .sub-menu {
  position:absolute;
  left:0;
  top:9rem;
  display:none;
  min-width:120px;
  background:white
}

ul.lang-nav>li .sub-menu a {
  font-size:1.6rem;
  width:100%;
  padding:1rem;
  display:inline-block
}

ul.lang-nav>li .sub-menu li a:hover {
  background:#f0f0f0
}

.page-template-page-company-overview .hero,.page-template-page-company-affiliate .hero,.page-template-page-company-hr .hero,.page-template-page-company-map .hero {
  background-image:url("https://cdn.fuioupay.co.kr/web/fuioupay/images/photo/hero01.jpg");
  background-position:bottom center
}

.single-payment .hero,.page-template-page-payment-fkstore .hero,.page-template-page-payment-advantage .hero,.page-template-page-payment-cloudpos .hero,.page-template-page-payment-howto .hero,.page-template-page-payment-application .hero {
  background-image:url("https://cdn.fuioupay.co.kr/web/fuioupay/images/photo/hero02.jpg")
}

.single-product .hero {
  background-image:url("https://cdn.fuioupay.co.kr/web/fuioupay/images/photo/hero03.jpg");
  background-position:center center
}

.post-type-archive-notice .hero,.single-notice .hero,.page-template-page-company-contact .hero,.page-template-page-payment-fkstore .hero {
  background-image:url("https://cdn.fuioupay.co.kr/web/fuioupay/images/photo/hero04.jpg")
}

.hero {
  position:relative;
  height:45rem;
  background-image:url("https://cdn.fuioupay.co.kr/web/fuioupay/images/photo/hero04.jpg");
  background-size:cover;
  background-position:50% 50%;
  color:white
}

.hero:after {
  position:absolute;
  content:"";
  top:0;
  left:0;
  bottom:0;
  right:0;
  background:rgba(0,0,0,0.25);
  z-index:9
}

.hero .hero-title {
  position:absolute;
  z-index:99;
  top:calc(50% + 3rem);
  left:50%;
  width:100%;
  transform:translate(-50%, -50%);
  text-align:center
}

.hero .hero-title h1 {
  font-weight:700
}

.hero .hero-title p.lead {
  margin-top:1rem;
  font-weight:300
}

@media (max-width: 992px) {
  body .hero-nav ul {
    flex-wrap:wrap
  }

body .hero-nav ul li {
    flex-basis:33.333%
  }

body .hero-nav ul li a {
    font-size:1.5rem;
    letter-spacing:-1px
  }

}

@media (max-width: 992px) {
  body .hero {
    height:35rem
  }

body .hero .hero-title {
    top:calc(50%)
  }

body .hero .hero-title h1 {
    font-size:3rem
  }

body .hero .hero-nav .container {
    padding:0
  }

body .hero .hero-nav .container ul li a {
    padding:1.0rem 0
  }

.page-template-page-company-overview .hero-nav ul li,.page-template-page-company-affiliate .hero-nav ul li,.page-template-page-company-hr .hero-nav ul li,.page-template-page-company-map .hero-nav ul li,.page-template-page-company-overview-en .hero-nav ul li,.page-template-page-company-affiliate-en .hero-nav ul li,.page-template-page-company-hr-en .hero-nav ul li,.page-template-page-company-map-en .hero-nav ul li,.page-template-page-company-overview-cn .hero-nav ul li,.page-template-page-company-affiliate-cn .hero-nav ul li,.page-template-page-company-hr-cn .hero-nav ul li,.page-template-page-company-map-cn .hero-nav ul li,.single-product .hero-nav ul li {
    flex-basis:50%
  }

}

.hero-nav {
  position:absolute;
  z-index:99;
  bottom:0;
  left:0;
  width:100%;
  background:rgba(0,0,0,0.5)
}

.hero-nav ul {
  margin-bottom:0;
  text-align:center;
  display:flex
}

.hero-nav ul li {
  flex:1 1 0;
  padding:0rem;
  margin-right:-1px
}

.hero-nav ul li.current-menu-item a,.hero-nav ul li.current_page_item a,.hero-nav ul li.current-page-ancestor a {
  color:white;
  background:#0b4e9f
}

.hero-nav ul li.current-menu-item a:after,.hero-nav ul li.current_page_item a:after,.hero-nav ul li.current-page-ancestor a:after {
  width:100%
}

.hero-nav ul li a {
  display:block;
  position:relative;
  padding:1.5rem 0;
  font-size:1.7rem;
  color:white;
  border-left:1px solid rgba(255,255,255,0.1);
  border-right:1px solid rgba(255,255,255,0.1);
  border-bottom:1px solid rgba(255,255,255,0.1);
  letter-spacing:-0.05rem;
  font-weight:500;
  transition:all 0.3s
}

.hero-nav ul li a.active,.hero-nav ul li a:hover {
  color:white;
  background:#0b4e9f;
  border-color:#0b4e9f
}

.hero-nav ul li a.active:after,.hero-nav ul li a:hover:after {
  width:100%
}

body.single-payment .hero-nav ul li.menu-item-object-payment a,body.tax_smart-pos .hero-nav ul li.nav_smarpos a,body.tax_pos .hero-nav ul li.nav_pos a,body.tax_kiosk .hero-nav ul li.nav_kiosk a,body.tax_others .hero-nav ul li.nav_others a {
  color:white;
  background:#0b4e9f;
  border-color:#0b4e9f
}

body.single-payment .hero-nav ul li.menu-item-object-payment a:after,body.tax_smart-pos .hero-nav ul li.nav_smarpos a:after,body.tax_pos .hero-nav ul li.nav_pos a:after,body.tax_kiosk .hero-nav ul li.nav_kiosk a:after,body.tax_others .hero-nav ul li.nav_others a:after {
  width:100%
}

.content-hero {
  padding:0rem 0 0rem
}

.content-hero .content-hero-title {
  text-align:center
}

.content-hero .content-hero-title h2 {
  position:relative;
  padding-top:2.5rem;
  margin-bottom:2.5rem;
  font-weight:700
}

.content-hero .content-hero-title h2:before {
  position:absolute;
  height:2px;
  width:5rem;
  top:0;
  left:50%;
  margin-left:-2.5rem;
  background:#0b4e9f;
  content:"";
  display:block
}

@media (max-width: 992px) {
  body .content-hero-nav {
    padding:0;
    margin-bottom:0
  }

body .content-hero-nav .container {
    padding:0
  }

body .content-hero-nav ul li {
    max-width:100%
  }

body .content-hero-nav ul li a {
    font-size:1.5rem;
    letter-spacing:-1px;
    padding:1.25rem 0 0.75rem
  }

}

@media (max-width: 992px) {
  body.single-payment .content-hero-nav ul {
    flex-wrap:wrap
  }

body.single-payment .content-hero-nav ul li {
    flex-basis:33.3333%
  }

}

@media (max-width: 992px) {
  body.single-term_service .content-hero-nav ul,body.single-term_transaction .content-hero-nav ul,body.single-term_privacy .content-hero-nav ul {
    flex-wrap:wrap
  }

body.single-term_service .content-hero-nav ul li,body.single-term_transaction .content-hero-nav ul li,body.single-term_privacy .content-hero-nav ul li {
    flex-basis:100%
  }

}

.content-hero-nav {
  padding:2.5rem 0 0;
  margin-bottom:2.5rem;
  border-bottom:1px solid #ccc
}

.content-hero-nav ul {
  text-align:center;
  justify-content:center;
  margin:0;
  padding:0;
  display:flex
}

.content-hero-nav ul li {
  flex:1 1 0;
  max-width:300px;
  padding:0
}

.content-hero-nav ul li a {
  display:block;
  text-align:center;
  padding:1.5rem 0rem 1.5rem;
  font-size:1.8rem
}

.content-hero-nav ul li a.active {
  color:#0b4e9f;
  border-bottom:3px solid #0b4e9f
}

.content-hero-nav ul li.current-menu-item a {
  color:#0b4e9f;
  border-bottom:3px solid #0b4e9f
}

main {
  padding:2.5rem 0 0
}

section {
  padding:5rem 0
}

section:last-child {
  padding-bottom:10rem
}

section .row.title {
  margin-bottom:3rem;
  text-align:center
}

section .row.title h3 {
  font-weight:700;
  line-height:1.35;
  position:relative
}

section .row.title p {
  line-height:1.5
}

@media (max-width: 992px) {
  body section {
    padding:3rem 0
  }

body section:last-child {
    padding-bottom:6rem
  }

}

footer .footer-widget {
  padding:4rem 0;
  background:#333;
  color:#aaa
}

footer .footer-widget p {
  font-size:1.4rem;
  line-height:1.75
}

footer .footer-widget .brand {
  color:white;
  margin-bottom:1.5rem;
  font-weight:700
}

footer .footer-widget .brand img {
  height:5rem
}

footer section.footer-lang {
  padding:1rem;
  background:black
}

footer section.footer-lang ul {
  margin:0;
  text-align:center
}

footer section.footer-lang ul li {
  display:inline-block;
  padding:1rem
}

footer section.footer-lang ul li a {
  color:white;
  font-size:1.5rem
}

footer .footer-widget ul {
  list-style:none;
  padding:0;
  margin-top:2rem;
  text-align:right
}

footer .footer-widget ul li {
  margin-bottom:0.5rem
}

footer .footer-widget ul li a {
  text-transform:uppercase;
  letter-spacing:-0.05rem;
  color:#fff;
  font-size:1.5rem
}

@media (max-width: 992px) {
  body footer .footer-widget ul {
    text-align:left
  }

body footer .footer-widget ul li {
    margin-right:1rem;
    display:inline-block
  }

}

footer .footer-copyright {
  padding:1.5rem 0;
  background:#1e1e1e;
  color:rgba(255,255,255,0.3)
}

footer .footer-copyright p {
  font-size:1.4rem
}

@media (max-width: 1024px) {
  body #btn_totop {
    right:15px;
    bottom:72px;
    height:60px;
    width:60px;
    font-size:20px;
    line-height:60px
  }

}

#btn_totop {
  opacity:0;
  position:fixed;
  bottom:5rem;
  right:3rem;
  z-index:99;
  border:none;
  outline:0;
  background-color:white;
  color:#0b4e9f;
  cursor:pointer;
  border:1px solid #0b4e9f;
  height:5rem;
  width:5rem;
  line-height:4.8rem;
  border-radius:0.5rem;
  font-size:1.75rem;
  -webkit-transition:all 0.5s;
  transition:all 0.5s
}

.map-wrap {
  position:relative
}

.map-wrap:before {
  content:'';
  position:absolute;
  top:20px;
  left:-20px;
  width:calc(100% - 30px);
  height:100%;
  background-color:#f8f8f8;
  z-index:-1
}

.contact ul {
  margin-top:5rem
}

.contact ul li {
  margin-bottom:1.5rem
}

.contact ul li .key {
  color:#999;
  font-size:1.6rem
}

.contact ul li .value {
  font-weight:400
}

@media (max-width: 992px) {
  body .contact ul {
    margin-top:2rem
  }

}

.page-template-page-payment-cloudpos .service-item,.page-template-page-payment-cloudpos-en .service-item,.page-template-page-payment-cloudpos-cn .service-item {
  padding:3rem 4rem
}

@media (max-width: 992px) {
  body.page-template-page-payment-cloudpos .service-item,body.page-template-page-payment-cloudpos-en .service-item,body.page-template-page-payment-cloudpos-cn .service-item {
    padding:2rem 2rem
  }

.benefit-item {
    margin-bottom:4rem
  }

}

@media (max-width: 1400px) {
  body .home-hero.flexslider .slides li .text {
    width:90%
  }

body .home-hero.flexslider .slides li .text h1 {
    font-size:6rem;
    margin-bottom:2rem
  }

body .home-hero.flexslider .slides li .text h3 {
    font-size:3rem
  }

body.page-template-page-home-en .home-hero.flexslider .slides li .text h1 {
    font-size:5rem
  }

body.page-template-page-home-en .home-hero.flexslider .slides li .text h3 {
    font-size:2.5rem
  }

}

@media (max-width: 992px) {
  body .home-hero.flexslider .slides li .text {
    width:90%
  }

body .home-hero.flexslider .slides li .text h1 {
    font-size:2.5rem;
    margin-bottom:2rem
  }

body .home-hero.flexslider .slides li .text h3 {
    font-size:2rem
  }

body .home-hero.flexslider .flex-direction-nav a {
    font-size:0
  }

body .home-hero.flexslider .flex-direction-nav a:before {
    font-size:2rem
  }

body.page-template-page-home-en .home-hero.flexslider .slides li .text h1 {
    font-size:2rem;
    margin-bottom:1rem
  }

body.page-template-page-home-en .home-hero.flexslider .slides li .text h3 {
    font-size:1.6rem
  }

}

.page-template-page-home-en .home-hero.flexslider .slides li .text h1 {
  font-size:5rem;
  margin-bottom:4rem
}

.page-template-page-home-en .home-hero.flexslider .slides li .text h3 {
  font-size:3.5rem
}

.home-hero.flexslider {
  border:0;
  margin:0
}

.home-hero.flexslider #btn-gobottom {
  position:absolute;
  cursor:pointer;
  bottom:5.0rem;
  left:50%;
  transform:translateX(-50%);
  z-index:9999;
  -webkit-animation:horizontalBounce 8s ease-in infinite both;
  animation:horizontalBounce 8s ease-in infinite both
}

.home-hero.flexslider .slides li {
  position:relative;
  height:calc(100vh - 110px)
}

.home-hero.flexslider .slides li .text {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  text-align:center;
  color:white;
  z-index:99
}

.home-hero.flexslider .slides li .text h1 {
  font-size:6rem;
  margin-bottom:8rem;
  font-weight:700
}

.home-hero.flexslider .slides li .text h3 {
  line-height:1.5;
  font-size:3rem
}

.home-hero.flexslider .slides li .media {
  width:100%;
  height:100%
}

.home-hero.flexslider .slides li .media img {
  object-fit:cover;
  width:100%;
  height:100%
}

.home-hero.flexslider .slides li:after {
  position:absolute;
  content:"";
  top:0;
  left:0;
  bottom:0;
  right:0;
  background:rgba(0,0,0,0.3);
  z-index:9
}

.home-hero.flexslider .flex-control-nav {
  bottom:40px;
  color:white
}

.home-hero.flexslider .flex-control-paging li a {
  background:rgba(255,255,255,0.5)
}

.home-hero.flexslider .flex-control-paging li a.flex-active {
  background:#fff
}

.home-hero.flexslider .flex-direction-nav a {
  height:60px;
  color:white
}

.home-hero.flexslider .flex-direction-nav a:before {
  color:white;
  text-shadow:none;
  opacity:0.75
}

.home-payment .item {
  position:relative;
  display:block;
  box-sizing:border-box
}

.home-payment .item .text {
  z-index:99;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  transition:all 0.3s;
  color:white;
  padding:3rem 2.5rem;
  text-align:left
}

.home-payment .item .text h4 {
  transition:all 0.5s;
  margin-bottom:5rem
}

.home-payment .item .text p {
  text-align:center;
  height:0;
  opacity:0;
  overflow:hidden;
  font-size:1.5rem;
  transition:all 0.5s
}

.home-payment .item .button {
  position:absolute;
  bottom:0rem;
  left:2rem;
  right:2rem;
  text-align:center;
  z-index:999;
  opacity:0;
  transition:all 0.5s
}

.home-payment .item .button span {
  border:1px solid white;
  display:block;
  color:white;
  padding:1rem
}

.home-payment .item .image {
  overflow:hidden;
  height:40rem
}

.home-payment .item .image img {
  object-fit:cover;
  height:100%;
  width:100%;
  transition:all 0.3s
}

.home-payment .item:after {
  position:absolute;
  content:"";
  top:0;
  left:0;
  bottom:0;
  right:0;
  background:rgba(0,0,0,0.25);
  z-index:9;
  transition:all 0.3s
}

@media (min-width: 992px) {
  body .home-payment .item:hover .image img {
    transform:scale(1.1)
  }

body .home-payment .item:hover .text p {
    height:auto;
    opacity:1
  }

body .home-payment .item:hover .button {
    bottom:4rem;
    opacity:1
  }

body .home-payment .item:hover:after {
    background:rgba(0,0,0,0.75)
  }

}

@media (max-width: 992px) {
  body .home-payment .item {
    margin-bottom:1.5rem
  }

body .home-payment .item .button {
    display:none
  }

body .home-payment .item .image {
    height:15rem
  }

body .home-payment .item .text {
    padding:2rem 1.5rem
  }

body .home-payment .item .text h4 {
    font-size:1.8rem
  }

}

.home-richboss {
  background-color:#333;
  background-image:url("https://cdn.fuioupay.co.kr/web/fuioupay/images/index_bg_03.jpg");
  background-size:cover;
  color:white;
  position:relative;
  padding:10rem 0;
  color:white
}

.home-richboss:after {
  position:absolute;
  content:"";
  top:0;
  left:0;
  bottom:0;
  right:0;
  background:rgba(0,0,0,0.75);
  z-index:9
}

.home-richboss .container {
  position:relative;
  z-index:99
}

.home-richboss .text {
  padding:4rem 4rem
}

.home-richboss .text p {
  letter-spacing:-1px;
  font-size:1.5rem
}

.home-richboss .text h6 {
  line-height:1.75
}

@media (max-width: 992px) {
  body .home-richboss {
    padding:5rem 0
  }

body .home-richboss .text {
    padding:4rem 0
  }

body .home-richboss .text img {
    max-width:60%
  }

}

.home-product {
  padding:8rem 0;
  background:#f0f0f0
}

.home-product .item {
  border:1px solid #ccc;
  background:white
}

.home-product .item .image {
  padding:3rem 1rem;
  overflow:hidden
}

.home-product .item .image img {
  width:auto
}

.home-product .item .text {
  background:#0b4e9f
}

.home-product .item .text h4 {
  color:white;
  margin:0;
  padding:1rem 0
}

@media (max-width: 992px) {
  body .home-product {
    padding:5rem 0
  }

body .home-product .item .image {
    height:150px
  }

}

.home-job {
  background-color:#333;
  background-image:url("https://cdn.fuioupay.co.kr/web/fuioupay/images/photo/home-job.jpg");
  background-size:cover;
  background-position:50% 50%;
  color:white;
  position:relative;
  padding:5rem 0;
  color:white
}

.home-job:after {
  position:absolute;
  content:"";
  top:0;
  left:0;
  bottom:0;
  right:0;
  background:rgba(0,0,0,0.5);
  z-index:9
}

.home-job .container {
  position:relative;
  z-index:99
}

@media (max-width: 992px) {
  body .home-job {
    padding:2.5rem 0
  }

body .home-job h3.sm {
    font-size:2rem
  }

}

.hero.hero-dianping {
  background-image:url("https://cdn.fuioupay.co.kr/web/fuioupay/images/dianping/bg-dianping.jpg")
}

.hero.hero-dianping .banner {
  display:inline-block;
  padding:8px 40px;
  border-radius:24px;
  background:#fc4d09;
  font-weight:700
}

.main-dianping h3 {
  font-size:36px;
  font-weight:700;
  margin-bottom:24px
}

@media (max-width: 992px) {
  .hero.hero-dianping {
    height:45rem
  }

.hero.hero-dianping h2 {
    font-size:2.5rem
  }

}

section.phone {
  background:#f8f8f8
}

section.phone .item {
  text-align:center
}

section.phone .item h4 {
  font-weight:700;
  margin-top:24px
}

section.phone .item h5 {
  font-size:18px
}

section.advertising .col-lg-4 {
  padding-top:32px;
  padding-bottom:32px
}

section.advertising .item {
  text-align:center;
  border:1px solid #ddd;
  padding:32px 24px;
  height:100%;
  margin-bottom:24px;
  min-height:300px
}

section.advertising .item h4 {
  font-weight:700;
  margin-top:24px
}

section.banner {
  text-align:center
}

section.advantage-nav {
  text-align:center
}

section.advantage-nav h4 {
  font-weight:700;
  margin-top:16px
}

section.advantage-content .header {
  position:relative;
  overflow:hidden
}

section.advantage-content .header .header-title {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  text-align:center;
  color:white;
  z-index:99
}

section.advantage-content .header:after {
  position:absolute;
  content:"";
  top:0;
  left:0;
  bottom:0;
  right:0;
  background:rgba(0,0,0,0.5);
  z-index:9
}

section.advantage-content .copy {
  text-align:center;
  margin-bottom:48px
}

section.advantage-content .copy h4 {
  font-weight:700
}

section.advantage-content .article h4 {
  font-weight:700;
  margin-bottom:24px
}

section.advantage-content .article p {
  line-height:1.75
}

@media (min-width: 992px) {
  section.advantage-content .header {
    height:300px
  }

}

section.advantage-banner {
  background:#0b4e9f;
  padding:5rem 0
}

section.advantage-banner .item {
  color:white;
  text-align:center
}

section.dianping-process .image {
  text-align:center
}

section.dianping-process .image img {
  max-width:275px
}

section.dianping-process .image.sm img {
  max-width:360px
}

section.dianping-process .text h3 {
  font-weight:700;
  margin-bottom:16px
}

section.dianping-process .text p {
  line-height:1.75
}

section.dianping-process .text ul {
  list-style:decimal;
  padding-left:24px;
  margin-top:32px;
  padding-top:24px;
  padding-bottom:24px;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  margin-bottom:24px
}

section.dianping-process .text ul li {
  margin-bottom:16px;
  font-size:20px
}

section.dianping-process .text ul li:last-child {
  margin-bottom:0
}

section.dianping-process .text ul li p {
  margin-top:12px
}

section.dianping-process .text .cta {
  margin-top:48px
}

.dianping-process .item {
  height:100%;
  padding-left:16px;
  padding-right:16px;
  text-align:center;
  margin-bottom:48px
}

.dianping-process .item h4 {
  margin-top:16px;
  font-weight:700;
  font-size:20px;
  min-height:64px
}

.dianping-process .item ul {
  background:#f8f8f8;
  text-align:left;
  padding:32px 24px 24px 48px
}

.dianping-process .item ul li {
  list-style-type:disc;
  margin-bottom:8px;
  font-size:16px
}

.product-overview .text ul li {
  margin-bottom:1rem
}

.product-overview .flexslider {
  margin-bottom:0
}

.product-overview .flexslider .flex-direction-nav a {
  height:60px
}

.product-overview .flexslider .slides img {
  width:auto
}

.product-overview .flexslider#carousel .slides li {
  cursor:pointer;
  opacity:0.25
}

.product-overview .flexslider#carousel .slides li.flex-active-slide {
  opacity:1
}

.product-overview .flexslider#carousel .flex-direction-nav {
  display:none
}

.single-payment .service-item {
  text-align:center;
  display:block;
  margin-bottom:5rem;
  position:relative
}

.single-payment .service-item .image {
  min-height:150px;
  line-height:150px;
  margin-bottom:1rem
}

.single-payment .service-item .image img {
  width:125px;
  max-width:100%
}

.single-payment .service-item .text {
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background:rgba(0,0,0,0.75);
  display:flex;
  align-items:center;
  justify-content:center;
  color:white;
  opacity:0;
  transition:all 0.3s
}

.single-payment .service-item:hover .text {
  opacity:1
}

.single-payment section.payment-process .row.title {
  margin-bottom:6rem
}

.single-payment section.payment-process .image {
  margin-bottom:3rem
}

@media (max-width: 992px) {
  body.single-payment .payment-overview br {
    display:none
  }

body.single-payment section.payment-process {
    padding-top:5rem
  }

body.single-payment section.payment-process .row.title {
    margin-bottom:3rem
  }

body.single-payment section.payment-process .image {
    margin-bottom:2rem
  }

}

.item {
  margin-bottom:3rem;
  display:block
}

.icon-item img {
  max-width:50%
}

.register-item {
  padding:3rem 1rem
}

@media (max-width: 992px) {
  body .register-item {
    margin-bottom:2rem;
    padding:2rem 1rem
  }

}

.application {
  padding-bottom:0
}

.application-item {
  background:#f8f8f8;
  padding:3rem 5rem
}

.application-item img {
  max-width:50%
}

@media (max-width: 992px) {
  body .application-item {
    padding:2rem
  }

}

.howto {
  padding-bottom:0
}

.howto-item {
  background:#f8f8f8;
  padding:3rem 4rem
}

.howto-item img {
  max-width:50%
}

@media (max-width: 992px) {
  body .howto-item {
    padding:4rem 2rem;
    margin-bottom:2rem
  }

body .howto-item img {
    max-width:30%
  }

}

body .gform_wrapper.gf_browser_chrome .gfield_checkbox li input,body .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox],body .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
  margin-top:0
}

body .gform_wrapper .gform_footer input.button,body .gform_wrapper .gform_footer input[type=submit],body .gform_wrapper .gform_page_footer input.button,body .gform_wrapper .gform_page_footer input[type=submit] {
  background:black;
  color:white;
  padding:1rem 4rem;
  border:none
}

.btn-dark {
  background:black
}

.benefit-item img {
  max-width:50%;
  width:100px
}

.affiliate-list ul.nav {
  text-align:center;
  justify-content:center;
  margin-bottom:5rem
}

.affiliate-list ul.nav .nav-item {
  display:inline-block;
  padding:0 4rem
}

.affiliate-list ul.nav .nav-item .nav-link {
  padding:1rem 0rem;
  border-bottom:2px solid white;
  font-size:2.5rem;
  text-transform:uppercase
}

.affiliate-list ul.nav .nav-item .nav-link.active {
  background:none;
  color:#0b4e9f;
  border-bottom:2px solid #0b4e9f;
  font-weight:600
}

.page-template-page-company-affiliate-en .affiliate-item:hover .text,.page-template-page-company-affiliate-cn .affiliate-item:hover .text {
  display:none
}

.affiliate-item {
  display:block;
  text-align:center;
  position:relative;
  margin-bottom:2rem
}

.affiliate-item:hover .text {
  opacity:0.75
}

.affiliate-item.square .image img {
  height:65px
}

.affiliate-item.narrow .image img {
  height:32px
}

.affiliate-item .text {
  margin-top:1.5rem;
  background:black;
  color:white;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  opacity:0;
  transition:all 0.3s
}

.affiliate-item .text h4 {
  padding:2.5rem 0 2.25rem;
  font-size:1.7rem;
  line-height:1
}

.affiliate-item .image {
  height:100px;
  line-height:100px
}

.affiliate-item .image img {
  height:50px;
  width:auto
}

@media (max-width: 992px) {
  body .affiliate-item .image img {
    height:auto !important;
    max-width:100%
  }

body .affiliate-item.square .image img {
    height:48px !important
  }

body .affiliate-item.narrow .image img {
    height:24px !important
  }

}

a.item {
  display:block
}

.process-item {
  margin-bottom:5rem
}

.process-item img {
  max-width:80px
}

.process-item h5 {
  font-size:18px
}

@media (max-width: 992px) {
  body .hr-list .icon-item {
    text-align:center;
    margin-bottom:2rem
  }

body .hr-list h4,body .hr-list p {
    text-align:center
  }

body .hr-list .image img {
    max-width:30%
  }

}

@media (max-width: 992px) {
  body .hire-list .hire-item {
    text-align:center;
    margin-bottom:2rem
  }

body .hire-list .hire-item h4,body .hire-list .hire-item p {
    text-align:center
  }

body .hire-list .hire-item p {
    margin-bottom:4rem
  }

body .hire-list .hire-item .image img {
    max-width:30%
  }

}

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