@import url(../../../spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url("https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap");






.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 992px) {
  .container {
    max-width: 960px !important;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 960px !important;
  }
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto, .col-xxl-3, .col-xxl-9 {
  position: relative;
  width: 100%;
  padding-right: 10px !important;
  padding-left: 10px !important;
}

@media (max-width: 576px) {
  .row {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

@-webkit-keyframes navIn {
  from {
    left: -30px;
    opacity: 0;
  }
  to {
    left: 0px;
    opacity: 100;
  }
}

@keyframes navIn {
  from {
    left: -30px;
    opacity: 0;
  }
  to {
    left: 0px;
    opacity: 100;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

html {
  font-size: 16px;
}

@media (max-width: 768px) {
  html {
    font-size: 15px;
  }
}

@media (max-width: 576px) {
  html {
    font-size: 14px;
  }
}

html * {
  font-family: 'Roboto', sans-serif, 'Spoqa Han Sans', 'Sans-serif' ;
  font-weight: 400;
  word-break: keep-all;
}

html * dt {
  font-weight: 700;
}

html * h1 {
  font-weight: 100;
}

html * figure {
  margin-bottom: 0px;
}

html * p {
  margin-bottom: 0px;
}

html * dl {
  margin-bottom: 0px;
}

html * a:hover {
  text-decoration: none !important;
}

html * a:active {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

html * a:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

html * button:active {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

html * button:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

html * input:active {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

html * input:hover {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

html * input:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

dl.basic dt {
  font-size: 1.1rem;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 8px;
}

dl.basic dd {
  font-size: .8rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.8;
}

dl.sectionTitle {
  padding-bottom: 8px;
}

@media (max-width: 576px) {
  dl.sectionTitle {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

dl.sectionTitle dd {
  color: #1D6AE5;
  font-size: .8rem;
  font-weight: 700;
}

dl.sectionTitle dt {
  font-size: 1.8rem;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 700;
}

@media (max-width: 576px) {
  .sectionTitle {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

.sectionTitle p {
  color: #1D6AE5;
  font-size: .8rem;
  font-weight: 700;
}

.sectionTitle h5 {
  font-size: 1.8rem;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 700;
}

a:active {
  background-color: transparent !important;
}

.btn {
  border-radius: 4px;
  padding: .5rem 1.5rem;
  min-width: 160px;
  font-size: .8rem !important;
  color: #ffffff !important;
  font-weight: 700;
  -webkit-transition: .2s;
  transition: .2s;
}

.btn:hover {
  color: rgba(255, 255, 255, 0.6);
  -webkit-transition: .2s;
  transition: .2s;
}

.btn.primary {
  background-color: #1D6AE5;
  height: 50px;
  line-height: 25px;
}

.btn.primary:hover {
  background-color: #3978dd;
  -webkit-transition: .2s;
  transition: .2s;
}

.btn.secondary {
  background-color: #1c1c1c;
}

.btn.secondary:hover {
  background-color: #2b2b2b;
  -webkit-transition: .2s;
  transition: .2s;
}

.btn.white {
  background-color: #ffffff;
  color: #1D6AE5 !important;
}

.btn.white:hover {
  background-color: rgba(255, 255, 255, 0.8);
  color: rgba(29, 106, 229, 0.6);
  -webkit-transition: .2s;
  transition: .2s;
}

.btn.sm {
  padding: .5rem 1.5rem;
  height: 37px;
  line-height: 37px;
  padding: 0 40px;

}

.btn.md {
  padding: .8rem 2.5rem;
  font-size: .9rem !important;
  font-weight: 700;
}

.pageHeader {
  height: 40vh;
  margin: 0px 15px;
  padding-top: 110px;
  border-radius: 4px;
}

@media (max-width: 768px) {
  .pageHeader {
    height: 50vh;
  }
}

@media (max-width: 480px) {
  .pageHeader {
    height: 15vh;
    padding-top: 10px;
  }
  
}

.pageHeader .contents {
  height: 100%;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  overflow: hidden;
}

.pageHeader .contents dl {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 0px;
}

@media (max-width: 768px) {
  .pageHeader .contents dl {
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.pageHeader .contents dl dt {
  font-size: 3em;
  line-height: 1.2;
  color: white;
  margin-bottom: 0.2em;
}

@media (max-width: 480px) {

    .pageHeader .contents dl dt { margin-bottom: 1em; font-size: 2em; }
  }
  

.pageHeader .contents dl dd {
  max-width: 400px;
  padding: 0px 2px;
  font-size: 1rem;
  line-height: 1.7;
  color: white;
  margin-bottom: 1.5rem;
}

@media (max-width: 768px) {
  .pageHeader .contents dl dd {
    margin-left: auto;
    margin-right: auto;
  }
}

.pageHeader .contents .btn-group {
  width: 100%;
  max-width: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

@media (max-width: 768px) {
  .pageHeader .contents .btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 30px;
  }
}

.pageHeader .contents .btn-group button {
  width: 100%;
  margin: 0px 8px;
  padding: 15px 45px;
  margin-bottom: 15px;
  background-color: #ffffff;
  -webkit-box-shadow: 4px 6px 9px 0 rgba(58, 62, 49, 0.05), 8px 22px 60px 0 rgba(57, 58, 48, 0.07);
          box-shadow: 4px 6px 9px 0 rgba(58, 62, 49, 0.05), 8px 22px 60px 0 rgba(57, 58, 48, 0.07);
  border-radius: 4px;
}

.pageHeader .contents .btn-group button a {
  color: #1D6AE5;
  font-weight: 700;
}

.pageHeader .contents .btn-group button:hover {
  background-color: #1D6AE5;
  -webkit-box-shadow: 8px 12px 18px 0 rgba(58, 62, 49, 0.2), 8px 22px 60px 0 rgba(57, 58, 48, 0.3);
          box-shadow: 8px 12px 18px 0 rgba(58, 62, 49, 0.2), 8px 22px 60px 0 rgba(57, 58, 48, 0.3);
  -webkit-transition: .2s;
  transition: .2s;
}

.pageHeader .contents .btn-group button:hover a {
  color: #ffffff;
  -webkit-transition: .2s;
  transition: .2s;
}

#F0 .contents {
  background: #f4f5f8 url(../img/pageHeader/F1c4ca.jpg?1) no-repeat center;
  background-size: cover;
}

#S0 .contents {
  background: #f4f5f8 url(../img/pageHeader/S1c4ca.jpg?1) no-repeat center;
  background-size: cover;
}

#A0 .contents {
  background: #f4f5f8 url(../img/pageHeader/A1c4ca.jpg?1) no-repeat center;
  background-size: cover;
}

#C0 .contents {
  background: #f4f5f8 url(../img/pageHeader/C1c4ca.jpg?1) no-repeat center;
  background-size: cover;
}

.sectionNav {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.sectionNav .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0.6rem 0px 0rem !important;
}

.sectionNav .wrap a {
  border: none;
  background-color: transparent;
  padding-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sectionNav .wrap a * {
  -webkit-transition: .2s;
  transition: .2s;
}

.sectionNav .wrap a .list-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.sectionNav .wrap a .list-contents p {
  font-size: 1.8rem;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 700;
  font-size: 0.8rem;
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 1rem;
}

.sectionNav .wrap a .list-contents p br {
  display: none;
}

@media (max-width: 768px) {
  .sectionNav .wrap a .list-contents p br {
    display: inherit;
  }
}

.sectionNav .wrap a .list-contents i {
  border-top: 4px solid #ffffff;
  width: 0%;
}

.sectionNav .wrap a:hover {
  background-color: #ffffff !important;
  color: #1D6AE5;
}

.sectionNav .wrap a:hover * {
  -webkit-transition: .2s;
  transition: .2s;
}

.sectionNav .wrap a:hover .list-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.sectionNav .wrap a:hover .list-contents p {
  color: #1D6AE5;
}

.sectionNav .wrap a:hover .list-contents i {
  border-top: 4px solid #1D6AE5;
  width: 100%;
}

.sectionNav .wrap ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1.2rem 0px;
}

.sectionNav .wrap ul li {
  width: 100%;
  list-style: none;
  text-align: center;
}

.sectionNav .wrap ul li a {
  font-size: 1.8rem;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 700;
  font-size: 1.0rem;
  color: rgba(0, 0, 0, 0.6);
}

.navbar {
  background-color: #ffffff;
  padding: 0rem 1rem !important;
  position: fixed !important;
  z-index: 10000;
  width: 100%;
}

.navbar.main {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.navbar .navbar-brand {
  margin-right: 0px;
}

.navbar .navbar-brand figure {
  margin-bottom: 0px;
  padding: 10px 0px;
}

.navbar .navbar-brand figure img {
  width: 200px;
}

@media (max-width: 768px) {
  .navbar .collapse {
    padding: 1rem 1.4rem;
    -webkit-transition: .2s;
    transition: .2s;
  }

  .navbar .navbar-brand figure img {
    width: 180px;
  }
  
}

.navbar .collapse ul {
  margin: 0 auto;
  height: 100%;
  position: relative;
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@media (max-width: 768px) {
  .navbar .collapse ul {
    margin-bottom: 1.5rem;
  }
}

.navbar .collapse ul li a {
  -webkit-transition: .2s;
  transition: .2s;
}

.navbar .collapse ul li a.active {
  color: #1D6AE5;
  font-weight: 700;
}

.navbar .collapse ul li a:hover {
  color: #1D6AE5;
  -webkit-transition: .2s;
  transition: .2s;
}

.navbar .collapse ul li a i {
  background: #ffffff url(../img/icon/newTab.png) no-repeat center;
  background-size: 14px 14px;
  width: 20px !important;
  height: 20px;
}

.navbar .collapse ul li figure {
  margin-bottom: 0px;
  display: none;
}

.navbar .collapse ul li figure img {
  width: 20px;
}

@media (min-width: 768px) {
  .navbar .collapse ul li {
    padding: 0px 10px;
  }
  .navbar .collapse ul li a {
    font-size: 14px;
  }
  .navbar .collapse ul li.mobile {
    display: none;
  }
}

@media (max-width: 768px) {
  .navbar .collapse ul li {
    padding: 10px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-transition: .2s;
    transition: .2s;
  }
  .navbar .collapse ul li a {
    -webkit-transition: .2s;
    transition: .2s;
  }
  .navbar .collapse ul li.show {
    -webkit-transition: .1s;
    transition: .1s;
    font-size: 1.5rem;
  }
}

@media (min-width: 768px) {
  .navbar .dropdown-menu.show {
    -webkit-transition: .2s;
    transition: .2s;
    -webkit-animation-iteration-count: initial;
            animation-iteration-count: initial;
    -webkit-animation-duration: .5s;
            animation-duration: .5s;
    -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
    top: 40px;
    border-radius: 0px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .navbar .dropdown-menu.show .dropdown-item {
    min-height: 12vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 2rem;
  }
  .navbar .dropdown-menu.show .dropdown-item:not(:first-child) {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .navbar .dropdown-menu.show .dropdown-item:hover dl dt, .navbar .dropdown-menu.show .dropdown-item:hover dl dd {
    color: #1D6AE5;
    -webkit-transition: .2s;
    transition: .2s;
  }
  .navbar .dropdown-menu.show .dropdown-item img {
    display: inherit;
    max-width: 400px;
    margin-top: 1rem;
    margin-left: auto;
  }
  .navbar .dropdown-menu.show .dropdown-item dl {
    width: 100%;
  }
  .navbar .dropdown-menu.show .dropdown-item dl dt {
    font-size: 1.1rem;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.8);
    -webkit-transition: .2s;
    transition: .2s;
    margin-bottom: .2rem;
  }
  .navbar .dropdown-menu.show .dropdown-item dl dd {
    font-size: .8rem;
    color: rgba(0, 0, 0, 0.6);
    line-height: 1.8;
    -webkit-transition: .2s;
    transition: .2s;
    width: 100%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 768px) {
  .navbar .dropdown-menu.show {
    border: none;
  }
  .navbar .dropdown-menu.show .dropdown-item {
    -webkit-transition: .2s;
    transition: .2s;
    padding: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .navbar .dropdown-menu.show .dropdown-item dl {
    width: 100%;
  }
  .navbar .dropdown-menu.show .dropdown-item dl dt {
    font-size: 1.1rem;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.8);
    -webkit-transition: .2s;
    transition: .2s;
    margin-bottom: 0rem;
  }
  .navbar .dropdown-menu.show .dropdown-item dl dd {
    font-size: .8rem;
    color: rgba(0, 0, 0, 0.6);
    line-height: 1.8;
    -webkit-transition: .2s;
    transition: .2s;
    width: 100%;
    max-width: 400px;
  }
  .navbar .dropdown-menu.show .dropdown-item img {
    display: inherit;
    height: 60px;
    margin-top: 0rem;
    margin-right: 2rem;
  }
}

@media (max-width: 576px) {
  .navbar .dropdown-menu.show img {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .navbar .register-desktop {
    display: none;
  }
}

@media (min-width: 768px) {
  .navbar .register-mobile {
    display: none;
  }
}

.navbar .register-mobile .btn {
  width: 100% !important;
}

@media (max-width: 768px) {
  .navbar .language {
    border-bottom: none !important;
    padding-top: 1.5rem !important;
  }
  .navbar .language p {
    font-size: .8rem;
  }
  .navbar .language .dropdown-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
  }
  .navbar .language .dropdown-menu a {
    padding: 0.8rem 0.8rem 0.6rem;
    color: rgba(0, 0, 0, 0.4);
  }
  .navbar .language .dropdown-menu a:last-of-type {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
  }
}

.navbar.auth {
  background-color: rgba(0, 0, 0, 0);
  padding: 0rem 1rem !important;
  position: fixed !important;
  z-index: 10000;
  width: 100%;
}

@media (max-width: 768px) {
  .navbar.auth {
    background-color: rgba(0, 0, 0, 0.8);
  }
  .navbar.auth .language p {
    color: rgba(255, 255, 255, 0.4);
  }
}

.navbar.auth.main {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.navbar.auth .navbar-brand {
  margin-right: 0px;
}

.navbar.auth .navbar-brand figure {
  margin-bottom: 0px;
  padding: 10px 0px;
}

.navbar.auth .navbar-brand figure img {
  width: 90px;
}

@media (max-width: 768px) {
  .navbar.auth .collapse {
    padding: 1rem 1.4rem;
    -webkit-transition: .2s;
    transition: .2s;
  }
}

.navbar.auth .collapse ul {
  margin: 0 auto;
  height: 100%;
  position: relative;
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@media (max-width: 768px) {
  .navbar.auth .collapse ul {
    margin-bottom: 1.5rem;
  }
}

.navbar.auth .collapse ul li a {
  color: rgba(255, 255, 255, 0.8);
  -webkit-transition: .2s;
  transition: .2s;
}

.navbar.auth .collapse ul li a.active {
  color: #1D6AE5;
  font-weight: 700;
}

.navbar.auth .collapse ul li a:hover {
  color: #1D6AE5;
  -webkit-transition: .2s;
  transition: .2s;
}

.navbar.auth .collapse ul li a:focus {
  color: white;
}

.navbar.auth .collapse ul li a i {
  background: url(../img/icon/newTab.png) no-repeat center;
  background-size: 14px 14px;
  width: 20px !important;
  height: 20px;
}

.navbar.auth .collapse ul li figure {
  margin-bottom: 0px;
  display: none;
}

.navbar.auth .collapse ul li figure img {
  width: 20px;
}

@media (min-width: 768px) {
  .navbar.auth .collapse ul li {
    padding: 0px 10px;
  }
  .navbar.auth .collapse ul li a {
    font-size: 14px;
  }
  .navbar.auth .collapse ul li.mobile {
    display: none;
  }
}

@media (max-width: 768px) {
  .navbar.auth .collapse ul li {
    padding: 10px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-transition: .2s;
    transition: .2s;
  }
  .navbar.auth .collapse ul li a {
    -webkit-transition: .2s;
    transition: .2s;
  }
  .navbar.auth .collapse ul li.show {
    -webkit-transition: .1s;
    transition: .1s;
    font-size: 1.5rem;
  }
}

@media (min-width: 768px) {
  .navbar.auth .dropdown-menu.show {
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-transition: .2s;
    transition: .2s;
    position: fixed !important;
    -webkit-animation-iteration-count: initial;
            animation-iteration-count: initial;
    -webkit-animation-duration: .5s;
            animation-duration: .5s;
    -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
    width: 101vw;
    min-height: 24vh;
    top: 59px;
    left: -1px;
    border-radius: 0px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .navbar.auth .dropdown-menu.show .dropdown-item {
    -webkit-box-flex: .5;
        -ms-flex: .5;
            flex: .5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 2rem;
  }
  .navbar.auth .dropdown-menu.show .dropdown-item:last-of-type {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
  .navbar.auth .dropdown-menu.show .dropdown-item:hover {
    background-color: rgba(0, 0, 0, 0.6);
  }
  .navbar.auth .dropdown-menu.show .dropdown-item:hover dl dt, .navbar.auth .dropdown-menu.show .dropdown-item:hover dl dd {
    color: #1D6AE5;
    -webkit-transition: .2s;
    transition: .2s;
  }
  .navbar.auth .dropdown-menu.show .dropdown-item img {
    display: inherit;
    max-width: 400px;
    margin-top: 1rem;
    margin-left: auto;
  }
  .navbar.auth .dropdown-menu.show .dropdown-item dl {
    width: 100%;
  }
  .navbar.auth .dropdown-menu.show .dropdown-item dl dt {
    font-size: 1.1rem;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.8);
    color: white;
    -webkit-transition: .2s;
    transition: .2s;
    margin-bottom: 0rem;
  }
  .navbar.auth .dropdown-menu.show .dropdown-item dl dd {
    font-size: .8rem;
    color: rgba(0, 0, 0, 0.6);
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.6);
    -webkit-transition: .2s;
    transition: .2s;
    width: 100%;
    max-width: 400px;
  }
}

@media (max-width: 768px) {
  .navbar.auth .dropdown-menu.show {
    border: none;
    background-color: rgba(0, 0, 0, 0);
  }
  .navbar.auth .dropdown-menu.show .dropdown-item {
    -webkit-transition: .2s;
    transition: .2s;
    padding: 2rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .navbar.auth .dropdown-menu.show .dropdown-item:hover {
    background-color: rgba(0, 0, 0, 0);
  }
  .navbar.auth .dropdown-menu.show .dropdown-item:hover dl dt {
    color: white;
  }
  .navbar.auth .dropdown-menu.show .dropdown-item:hover dl dd {
    color: white;
  }
  .navbar.auth .dropdown-menu.show .dropdown-item dl {
    width: 100%;
  }
  .navbar.auth .dropdown-menu.show .dropdown-item dl dt {
    font-size: 1.1rem;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.8);
    -webkit-transition: .2s;
    transition: .2s;
    margin-bottom: 0rem;
    color: white;
  }
  .navbar.auth .dropdown-menu.show .dropdown-item dl dd {
    font-size: .8rem;
    color: rgba(0, 0, 0, 0.6);
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.8);
    -webkit-transition: .2s;
    transition: .2s;
    width: 100%;
    max-width: 400px;
  }
  .navbar.auth .dropdown-menu.show .dropdown-item img {
    display: inherit;
    height: 60px;
    margin-top: 0rem;
    margin-right: 2rem;
  }
}

@media (max-width: 576px) {
  .navbar.auth .dropdown-menu.show img {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .navbar.auth .register-desktop {
    display: none;
  }
}

@media (min-width: 768px) {
  .navbar.auth .register-mobile {
    display: none;
  }
}

.navbar.auth .register-mobile .btn {
  width: 100% !important;
}

@media (max-width: 768px) {
  .navbar.auth .language {
    border-bottom: none !important;
    padding-top: 1.5rem !important;
  }
  .navbar.auth .language p {
    font-size: .8rem;
  }
  .navbar.auth .language .dropdown-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
  }
  .navbar.auth .language .dropdown-menu a {
    padding: 0.8rem 0.8rem 0.6rem;
    color: rgba(0, 0, 0, 0.4);
  }
  .navbar.auth .language .dropdown-menu a:last-of-type {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
  }
}

footer {
  background-color: #191919;
}

footer * {
  color: #ffffff;
}

footer .col {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

@media (max-width: 768px) {
  footer .container {
    padding-left: 30px;
    padding-right: 30px;
  }
}

footer .upper {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 5rem 0px 2rem 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 768px) {
  footer .upper {
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    padding-top: 3rem;
  }
}

@media (max-width: 768px) {
  footer .upper .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin-bottom: 0rem;
    padding-bottom: 1.5rem;
  }
}

@media (max-width: 768px) {
  footer .upper .info .logo {
    -webkit-box-flex: .5;
        -ms-flex: .5;
            flex: .5;
  }
}

footer .upper .info .logo .logoWhite {
  height: 50px;
  margin-bottom: .7rem;
  opacity: 1;
}

footer .upper .info ul {
  padding-left: 0px;
}

@media (max-width: 768px) {
  footer .upper .info ul {
    -webkit-box-flex: .5;
        -ms-flex: .5;
            flex: .5;
    padding-top: .3rem;
  }
}

footer .upper .info ul li {
  list-style: none;
  font-size: 0.75rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.4);
}

footer .upper .info ul li:last-of-type {
  margin-top: 1rem;
}

footer .upper .sitemap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-right: 0px !important;
  margin-left: 0px !important;
}

@media (max-width: 768px) {
  footer .upper .sitemap {
    padding: 3rem 0.2rem 2rem 0.2rem !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
}

footer .upper .sitemap ul {
  padding-bottom: 1.5rem;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

footer .upper .sitemap ul li {
  list-style: none;
  text-align: left;
}

footer .upper .sitemap ul li:first-of-type {
  font-size: .9rem;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 700;
  padding-bottom: .5rem;
}

footer .upper .sitemap ul li a {
  font-size: 0.75rem;
  line-height: 1.8;
  color: white;
  opacity: .4;
  -webkit-transition: .2s;
  transition: .2s;
}

footer .upper .sitemap ul li a i {
  background: #1c1c1c url(../img/icon/newTab_ff.png) no-repeat center;
  background-size: 10px 10px;
  width: 14px !important;
  height: 14px;
  margin-left: 0.2rem;
}

footer .upper .sitemap ul li a:hover {
  -webkit-transition: .2s;
  transition: .2s;
  opacity: 1;
}

footer .under {
  padding: 4rem 0px 4rem 0px;
}

@media (max-width: 768px) {
  footer .under {
    padding: 1rem 0px 6rem 0px !important;
  }
}

@media (max-width: 576px) {
  footer .under {
    margin: 0px !important;
  }
}

footer .under .language {
  max-height: 40px;
  max-width: 164px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 4px;
  cursor: pointer;
}

footer .under .language .input-group-append {
  width: 100%;
  border: none;
  font-size: 12px;
  color: #ffffff;
}

footer .under .language .input-group-append button {
  background: #1D6AE5 url(../img/icon/under_ff.png) no-repeat;
  background-color: transparent;
  background-size: 12px;
  background-position: 90% center;
  border-left: none;
  border: none;
  padding: .5rem .5rem .5rem 1rem;
  width: 100%;
  min-width: 32px;
}

footer .under .language .input-group-append button::after {
  display: none;
}

footer .under .language .input-group-append button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

footer .under .language .input-group-append button .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

footer .under .language .input-group-append button .inner img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 22px;
  height: 22px;
  margin-right: 12px;
}

footer .under .language .input-group-append button .inner input {
  height: 22px;
  border: none;
  background-color: transparent;
  padding: 0;
  font-size: 14px;
  color: #ffffff;
}

footer .under .language .input-group-append .dropdown-menu {
  top: 30px;
  right: 0 !important;
  left: auto;
  width: 121px;
  min-width: auto;
  border-radius: 0px 0px 4px 4px;
}

footer .under .language .input-group-append .dropdown-menu a {
  width: 48%;
  display: inline-block;
  font-size: 14px;
  text-align: center;
  color: rgba(0, 0, 0, 0.4);
  -webkit-transition: .2s;
  transition: .2s;
}

footer .under .language .input-group-append .dropdown-menu a:hover {
  color: #1D6AE5;
  font-weight: 700;
  -webkit-transition: .2s;
  transition: .2s;
}

footer .under .language .input-group-append .dropdown-menu a:first-of-type {
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}

@media (max-width: 576px) {
  footer .under .language {
    width: 100%;
    margin-bottom: 2rem;
  }
}

footer .under .language .dropdown-menu {
  -webkit-transform: none !important;
          transform: none !important;
  top: 35px !important;
  width: 164px !important;
}

footer .under .community {
  margin-top: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

footer .under .community .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

footer .under .community .title p {
  font-size: .9rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 2.4;
  font-weight: 700;
  margin-right: 2rem;
}

footer .under .community .title i {
  border-right: 1px solid rgba(255, 255, 255, 0.4);
  height: 1.2rem;
}

footer .under .community ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0px;
  padding-left: 2.2rem;
}

footer .under .community ul li {
  list-style: none;
  margin-right: 1.5rem;
}

footer .under .community ul li a img {
  height: 20px;
}

#AUTH {
  height: 100vh;
}

#AUTH .carousel {
  height: 100%;
}

#AUTH .carousel .carousel-inner {
  height: 100%;
}

#AUTH .carousel .carousel-inner .carousel-item {
  height: 100%;
}

#AUTH .carousel .carousel-inner .carousel-item:nth-of-type(1) {
  background: #f4f5f8 url(../img/pageHeader/D1-1.jpg) no-repeat center;
  background-size: cover;
}

#AUTH .carousel .carousel-inner .carousel-item:nth-of-type(2) {
  background: #f4f5f8 url(../img/pageHeader/D1-2.jpg) no-repeat center;
  background-size: cover;
}

#AUTH .carousel .carousel-inner .carousel-item:nth-of-type(3) {
  background: #f4f5f8 url(../img/pageHeader/D1-3.jpg) no-repeat center;
  background-size: cover;
}

#AUTH .carousel .carousel-control:active {
  background-color: transparent !important;
}

#AUTH .contents {
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 100vh;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
}

@media (max-width: 576px) {
  #AUTH .contents {
    padding: 0 2rem;
  }
}

#AUTH .contents .box {
  max-width: 360px;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media (max-width: 992px) {
  #AUTH .contents .box {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

#AUTH .contents .box h3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
  color: white;
  margin-bottom: 1.5rem;
}

#AUTH .contents .box form {
  margin-bottom: 1rem;
}

#AUTH .contents .box form .form-group {
  margin-bottom: 1.5rem;
}

#AUTH .contents .box form .form-group label {
  color: rgba(255, 255, 255, 0.8);
  font-size: .7rem;
  margin-bottom: .2rem;
}

#AUTH .contents .box form .form-group input {
  background-color: transparent;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid white;
  padding-left: 0;
  color: #ffffff;
  font-size: .9rem;
}

#AUTH .contents .box form .form-group input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

#AUTH .contents .box form .form-group ::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}

#AUTH .contents .box form .form-group :-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}

#AUTH .contents .box form .form-group ::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}

#AUTH .contents .box form .form-group ::placeholder {
  color: rgba(255, 255, 255, 0.4);
}

#AUTH .contents .box form button {
  font-weight: 700;
  font-size: 1rem;
  margin-top: 1rem;
  padding: 1rem 2.5rem;
  max-width: 100%;
  width: 100%;
}

#AUTH .contents .box p {
  max-width: 300px;
  font-size: .8rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.8;
  font-size: .6rem;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 1rem;
}

#AUTH .contents .box p a {
  color: white;
  text-decoration: underline;
}

#AUTH .contents .btn-group {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-right: auto;
}

@media (max-width: 992px) {
  #AUTH .contents .btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 30px;
  }
}

#AUTH .contents .btn-group button {
  -webkit-transition: .2s;
  transition: .2s;
  margin-right: 12px;
  margin-bottom: .8rem;
}

@media (max-width: 992px) {
  #AUTH .contents .btn-group button {
    width: 100%;
    max-width: 320px;
  }
}

#AUTH .contents .btn-group button:hover {
  -webkit-transition: .2s;
  transition: .2s;
}

.modal .modal-content .modal-header .modal-title {
  font-size: 1.1rem;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.8);
}

.modal .modal-content .modal-body {
  min-height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.modal .modal-content .modal-body dl dt {
  font-size: 1.1rem;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: .2rem;
}

.modal .modal-content .modal-body dl dd {
  font-size: .8rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.8;
}

#M1 {
  height: 70vh;
}

#M1 .carousel {
  height: 100%;
}

#M1 .carousel .carousel-inner {
  height: 100%;
}

#M1 .carousel .carousel-inner .carousel-item {
  height: 100%;
}

#M1 .carousel .carousel-inner .carousel-item:nth-of-type(1) {
  background: #f4f5f8 url(../img/pageHeader/D1-1.jpg) no-repeat center;
  background-size: cover;
}

#M1 .carousel .carousel-inner .carousel-item:nth-of-type(2) {
  background: #f4f5f8 url(../img/pageHeader/D1-2.jpg) no-repeat center;
  background-size: cover;
}

#M1 .carousel .carousel-inner .carousel-item:nth-of-type(3) {
  background: #f4f5f8 url(../img/pageHeader/D1-3.jpg) no-repeat center;
  background-size: cover;
}

#M1 .carousel .carousel-control:active {
  background-color: transparent !important;
}

#M1 .contents {
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 100%;
  max-height: 300px;
  margin-top: 24vh;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
}

@media (max-width: 992px) {
  #M1 .contents * {
    text-align: center;
  }
}

#M1 .contents dl {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 30px;
}

@media (max-width: 992px) {
  #M1 .contents dl {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

#M1 .contents dl dt {
  font-size: 2.8em;
  line-height: 1.2;
  color: white;
  margin-bottom: 8px;
}

#M1 .contents dl dt br {
  display: none;
}

@media (max-width: 992px) {
  #M1 .contents dl dt br {
    display: inherit;
  }
}

#M1 .contents dl dd {
  max-width: 640px;
  padding: 0px 0px;
  margin-right: auto;
  font-size: 1rem;
  line-height: 1.7;
  color: white;
  margin-bottom: 2.5rem;
}

#M1 .contents dl dd br {
  display: none;
}

@media (max-width: 992px) {
  #M1 .contents dl dd {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: .5rem;
  }
  #M1 .contents dl dd br {
    display: inherit;
  }
}

#M1 .contents .btn-group {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-right: auto;
}

@media (max-width: 992px) {
  #M1 .contents .btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 30px;
  }
}

#M1 .contents .btn-group button {
  -webkit-transition: .2s;
  transition: .2s;
  margin-right: 12px;
  margin-bottom: .8rem;
}

@media (max-width: 992px) {
  #M1 .contents .btn-group button {
    width: 100%;
    max-width: 320px;
  }
}

#M1 .contents .btn-group button:hover {
  -webkit-transition: .2s;
  transition: .2s;
}

#exchangeLi {
  background-color: #1C1C1C;
  min-height: 80px;
  padding: 2rem 0;
}

@media (max-width: 768px) {
  #exchangeLi {
    padding: 2.8rem 0rem;
  }
}

#exchangeLi .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 768px) {
  #exchangeLi .title {
    padding-bottom: .5rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
}

#exchangeLi .title p {
  color: white;
  font-size: 0.8rem;
  line-height: 1.4;
  margin-right: 3.6rem;
}

@media (max-width: 768px) {
  #exchangeLi .title p {
    color: #1D6AE5;
    font-size: .8rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.9);
    font-size: 1rem;
    margin-right: 0rem;
  }
  #exchangeLi .title p br {
    display: none;
  }
}

#exchangeLi .title i {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}

@media (max-width: 992px) {
  #exchangeLi .title i {
    display: none;
  }
}

#exchangeLi .exchanges {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 4px;
}

@media (min-width: 768px) {
  #exchangeLi .exchanges.blank {
    display: none;
  }
}

@media (max-width: 768px) {
  #exchangeLi .exchanges {
    margin-top: 1rem;
  }
}

#exchangeLi .exchanges img {
  height: 28px;
}

@media (max-width: 768px) {
  #exchangeLi .exchanges img {
    margin-top: 1rem;
  }
}

@media (max-width: 400px) {
  #exchangeLi .exchanges img {
    height: 24px;
  }
}

#M2 {
  padding-bottom: 60px;
}

#M2 .row {
  padding: 6rem 0px 60px;
}

#M2 .row:last-of-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

#M2 .row .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#M2 .row .text dl p {
  color: #1D6AE5;
  font-size: .8rem;
  font-weight: 700;
  margin-bottom: .8rem;
}

#M2 .row .text dl dt {
  font-size: 1.8rem;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: .8rem;
}

#M2 .row .text dl dd {
  font-size: .8rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.8;
  max-width: 360px;
  margin-bottom: 2rem;
}

#M2 .row .image img {
  width: 100%;
}

#M3 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f4fd), color-stop(78%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to bottom, #f1f4fd, rgba(255, 255, 255, 0) 78%);
  padding: 7rem 0px;
}

#M3 .sectionTitle {
  margin-bottom: 2.4rem;
}

#M3 .sectionTitle p {
  color: #1D6AE5;
  font-size: .8rem;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: .5rem;
}

#M3 .sectionTitle h5 {
  font-size: 1.8rem;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 700;
}

#M3 .parts {
  padding-left: 0px !important;
  padding-right: 20px !important;
  margin-bottom: 1.5rem;
}

@media (max-width: 576px) {
  #M3 .parts {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

#M3 .parts .frame {
  background-color: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  -webkit-box-shadow: 4px 6px 9px 0 rgba(58, 62, 49, 0.05), 8px 22px 60px 0 rgba(57, 58, 48, 0.07);
          box-shadow: 4px 6px 9px 0 rgba(58, 62, 49, 0.05), 8px 22px 60px 0 rgba(57, 58, 48, 0.07);
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
  position: relative;
  top: 0px;
}

#M3 .parts .frame:hover {
  -webkit-box-shadow: 8px 12px 18px 0 rgba(58, 62, 49, 0.1), 8px 22px 60px 0 rgba(57, 58, 48, 0.15);
          box-shadow: 8px 12px 18px 0 rgba(58, 62, 49, 0.1), 8px 22px 60px 0 rgba(57, 58, 48, 0.15);
  -webkit-transition: .4s ease-in;
  transition: .4s ease-in;
  top: -8px;
}

#M3 .parts .frame .header img {
  width: 100%;
}

#M3 .parts .frame .body {
  padding: 1.4rem;
}

#M3 .parts .frame .body dl dt {
  font-size: 1.1rem;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.8);
}

#M3 .parts .frame .body dl dd {
  font-size: .8rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.8;
  max-width: 240px;
}

#M4 {
  padding: 60px 0px 120px;
}

#M4 .sectionTitle {
  margin-bottom: 3.2rem;
}

#M4 .sectionTitle p {
  color: #1D6AE5;
  font-size: .8rem;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: .5rem;
}

#M4 .sectionTitle h5 {
  font-size: 1.8rem;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 700;
}

#M4 .parts {
  padding-left: 0px !important;
  padding-right: 20px !important;
  margin-bottom: 1.5rem;
}

@media (max-width: 576px) {
  #M4 .parts {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

#M4 .parts .group {
  margin-bottom: 2rem;
}

#M4 .parts .group img {
  height: 60px;
  margin-bottom: 1rem;
}

#M4 .parts .group dl dt {
  font-size: 1.1rem;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.8);
}

#M4 .parts .group dl dd {
  font-size: .8rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.8;
}

#band {
  background: #f4f5f8 url(../img/bg/band.jpg) no-repeat center;
  background-size: cover;
  padding: 10vh 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-item-align: center;
      align-self: center;
}

#band .group {
  width: 100%;
}

#band .group dl {
  margin-bottom: 1.5rem;
}

#band .group dl * {
  color: #ffffff !important;
  text-align: center;
}

#band .group dl dt {
  font-size: 1.8rem;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 700;
}

#band .group dl dd {
  font-size: .8rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.8;
}

#band .group a {
  margin-left: auto;
  margin-right: auto;
}

#band .group a button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0px auto;
}

.scrollArea {
  padding-bottom: 6rem;
}

#F1, #F2, #F3 {
  padding: 6rem 0 3rem;
}

#F1 .title, #F2 .title, #F3 .title {
  margin-bottom: 1rem;
}

#F1 .title .sectionTitle h5, #F2 .title .sectionTitle h5, #F3 .title .sectionTitle h5 {
  font-size: 1.5rem;
}

#F1 .contents, #F2 .contents, #F3 .contents {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

@media (max-width: 992px) {
  #F1 .contents .illust figure, #F2 .contents .illust figure, #F3 .contents .illust figure {
    margin-bottom: 2.5rem;
  }
}

@media (max-width: 576px) {
  #F1 .contents .illust figure, #F2 .contents .illust figure, #F3 .contents .illust figure {
    padding: 0px 10px;
  }
}

#F1 .contents .illust figure img, #F2 .contents .illust figure img, #F3 .contents .illust figure img {
  width: 100%;
}

@media (min-width: 992px) {
  #F1 .contents .text.core, #F2 .contents .text.core, #F3 .contents .text.core {
    max-height: 300px;
  }
}

@media (min-width: 992px) {
  #F1 .contents .text, #F2 .contents .text, #F3 .contents .text {
    padding-left: 2rem !important;
  }
}

#F1 .contents .text .row, #F2 .contents .text .row, #F3 .contents .text .row {
  margin: 0px -10px !important;
}

#F1 .contents .text .row dl, #F2 .contents .text .row dl, #F3 .contents .text .row dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 1.8rem;
}

#F1 .contents .text .row dl dt, #F2 .contents .text .row dl dt, #F3 .contents .text .row dl dt {
  font-size: 1.1rem;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.8);
  font-size: .95rem;
  margin-bottom: 0.3rem;
}

#F1 .contents .text .row dl dd, #F2 .contents .text .row dl dd, #F3 .contents .text .row dl dd {
  font-size: .8rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.8;
  max-width: 250px;
  font-size: .75rem;
}

#S1, #S2, #S3, #S4, #S5, #S6 {
  padding: 6rem 0 3rem;
}

#S1 .title, #S2 .title, #S3 .title, #S4 .title, #S5 .title, #S6 .title {
  margin-bottom: 1rem;
}

#S1 .title .sectionTitle, #S2 .title .sectionTitle, #S3 .title .sectionTitle, #S4 .title .sectionTitle, #S5 .title .sectionTitle, #S6 .title .sectionTitle {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

#S1 .title .sectionTitle h5, #S2 .title .sectionTitle h5, #S3 .title .sectionTitle h5, #S4 .title .sectionTitle h5, #S5 .title .sectionTitle h5, #S6 .title .sectionTitle h5 {
  font-size: 1.5rem;
}

#S1 .disclaimer span, #S2 .disclaimer span, #S3 .disclaimer span, #S4 .disclaimer span, #S5 .disclaimer span, #S6 .disclaimer span {
  font-size: .8rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.8;
  font-size: .7rem;
  line-height: 1.0;
  color: rgba(0, 0, 0, 0.4);
}

#S1 .disclaimer span:first-of-type, #S2 .disclaimer span:first-of-type, #S3 .disclaimer span:first-of-type, #S4 .disclaimer span:first-of-type, #S5 .disclaimer span:first-of-type, #S6 .disclaimer span:first-of-type {
  font-weight: 700;
}

#S1 {
  padding-bottom: 5rem;
}

#S1 .title {
  margin-bottom: 1rem;
}

#S1 .title .sectionTitle h5 {
  font-size: 2rem;
}

#S1 .contents .text {
  font-size: .8rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.8;
  margin-bottom: 1.2rem;
  max-width: 420px;
}

#S2 .contents.reverse, #S3 .contents.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

@media (min-width: 992px) {
  #S2 .contents.reverse .text, #S3 .contents.reverse .text {
    padding-right: 2rem !important;
    padding-left: 10px !important;
  }
}

@media (max-width: 992px) {
  #S2 .illust figure, #S3 .illust figure {
    margin-bottom: 2.5rem;
  }
}

#S2 .illust figure img, #S3 .illust figure img {
  width: 100%;
  -webkit-box-shadow: 4px 6px 9px 0 rgba(58, 62, 49, 0.05), 8px 22px 60px 0 rgba(57, 58, 48, 0.07);
          box-shadow: 4px 6px 9px 0 rgba(58, 62, 49, 0.05), 8px 22px 60px 0 rgba(57, 58, 48, 0.07);
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
  position: relative;
  top: 0px;
  border-radius: 4px;
}

#S2 .illust figure img:hover, #S3 .illust figure img:hover {
  -webkit-box-shadow: 8px 12px 18px 0 rgba(58, 62, 49, 0.1), 8px 22px 60px 0 rgba(57, 58, 48, 0.15);
          box-shadow: 8px 12px 18px 0 rgba(58, 62, 49, 0.1), 8px 22px 60px 0 rgba(57, 58, 48, 0.15);
  -webkit-transition: .4s ease-in;
  transition: .4s ease-in;
  top: -8px;
}

#S2 .text, #S3 .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media (min-width: 992px) {
  #S2 .text, #S3 .text {
    padding-left: 2rem !important;
  }
}

#S2 .text .row, #S3 .text .row {
  margin: 0px -10px !important;
}

#S2 .text .row dl, #S3 .text .row dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 1.8rem;
}

#S2 .text .row dl dt, #S3 .text .row dl dt {
  font-size: 1.1rem;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.8);
  font-size: .95rem;
  margin-bottom: 0.3rem;
}

#S2 .text .row dl dd, #S3 .text .row dl dd {
  font-size: .8rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.8;
  max-width: 250px;
  font-size: .75rem;
}

#S2 .text ul, #S3 .text ul {
  width: 100%;
  padding-left: 0;
}

#S2 .text ul li, #S3 .text ul li {
  list-style: none;
  padding: .5rem 0 .4rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

#S2 .text ul li:first-of-type, #S3 .text ul li:first-of-type {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

#S2 .text ul li span, #S3 .text ul li span {
  -webkit-box-flex: .3;
      -ms-flex: .3;
          flex: .3;
  font-size: .8rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.8;
  font-size: .6rem;
}

#S2 .text ul li p, #S3 .text ul li p {
  -webkit-box-flex: .7;
      -ms-flex: .7;
          flex: .7;
  font-size: .8rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.8;
  font-weight: 700;
  font-size: .7rem;
}

#S2 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f4fd), color-stop(78%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to bottom, #f1f4fd, rgba(255, 255, 255, 0) 78%);
  padding-top: 7rem;
}

#S3 {
  padding-bottom: 6rem;
}

#S4 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f4fd), color-stop(78%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to bottom, #f1f4fd, rgba(255, 255, 255, 0) 78%);
  padding-top: 7rem;
}

#S4 .bg .world, #S6 .bg .world {
  width: 100%;
}

#S4 .clients, #S6 .clients {
  position: relative;
  top: -8rem;
}

#S4 .title, #S6 .title {
  margin-bottom: 0rem;
}

#S4 .contents, #S6 .contents {
  margin-bottom: 2rem;
}

#S4 .contents .textWrap, #S6 .contents .textWrap {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#S4 .contents .textWrap .text, #S6 .contents .textWrap .text {
  font-size: .8rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.8;
  max-width: 640px;
  padding-bottom: 2rem;
}

#S4 .detailContents dl, #S6 .detailContents dl {
  margin-bottom: 1.5rem;
}

#S4 .detailContents dl dd, #S6 .detailContents dl dd {
  font-size: .8rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.8;
  font-size: 0.75rem;
  margin-bottom: 1.2rem;
  max-width: 280px;
}

#S4 .disclaimer, #S6 .disclaimer {
  max-width: 200px;
}

#S5 .type {
  margin-bottom: 1.2rem;
}

#S5 .type .typeBox {
  background-color: #ffffff;
  -webkit-box-shadow: 4px 6px 9px 0 rgba(58, 62, 49, 0.05), 8px 22px 60px 0 rgba(57, 58, 48, 0.07);
          box-shadow: 4px 6px 9px 0 rgba(58, 62, 49, 0.05), 8px 22px 60px 0 rgba(57, 58, 48, 0.07);
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
  position: relative;
  top: 0px;
  padding: 1.5rem;
}

#S5 .type .typeBox:hover {
  -webkit-box-shadow: 8px 12px 18px 0 rgba(58, 62, 49, 0.1), 8px 22px 60px 0 rgba(57, 58, 48, 0.15);
          box-shadow: 8px 12px 18px 0 rgba(58, 62, 49, 0.1), 8px 22px 60px 0 rgba(57, 58, 48, 0.15);
  -webkit-transition: .4s ease-in;
  transition: .4s ease-in;
  top: -8px;
}

#S5 .type .typeBox .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.5rem;
}

#S5 .type .typeBox .header .logo img {
  height: 56px;
}

#S5 .type .typeBox .header .more img {
  height: 16px;
}

#S5 .type .typeBox .body dl dt {
  font-size: 1.1rem;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 0.3rem;
}

#S5 .type .typeBox .body dl dd {
  font-size: .8rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.8;
  margin-bottom: 0;
}

#S6 {
  padding-bottom: 0;
}

#A1, #A2, #A3, #A4, #A5, #A6 {
  padding: 6rem 0 3rem;
}

#A1 .sectionTitle, #A2 .sectionTitle, #A3 .sectionTitle, #A4 .sectionTitle, #A5 .sectionTitle, #A6 .sectionTitle {
  margin-bottom: .8rem;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

#A1 .sectionTitle h5, #A2 .sectionTitle h5, #A3 .sectionTitle h5, #A4 .sectionTitle h5, #A5 .sectionTitle h5, #A6 .sectionTitle h5 {
  font-size: 1.5rem;
}

#A1 .text, #A2 .text, #A3 .text, #A4 .text, #A5 .text, #A6 .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 992px) {
  #A1 .text, #A2 .text, #A3 .text, #A4 .text, #A5 .text, #A6 .text {
    padding-left: 2rem !important;
  }
}

#A1 .text .body, #A2 .text .body, #A3 .text .body, #A4 .text .body, #A5 .text .body, #A6 .text .body {
  font-size: .8rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.8;
  max-width: 360px;
  font-size: .75rem;
  margin-bottom: 1.5rem;
}

#A1 .disclaimer span, #A2 .disclaimer span, #A3 .disclaimer span, #A4 .disclaimer span, #A5 .disclaimer span, #A6 .disclaimer span {
  font-size: .8rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.8;
  font-size: .7rem;
  line-height: 1.0;
  color: rgba(0, 0, 0, 0.4);
}

#A1 .disclaimer span:first-of-type, #A2 .disclaimer span:first-of-type, #A3 .disclaimer span:first-of-type, #A4 .disclaimer span:first-of-type, #A5 .disclaimer span:first-of-type, #A6 .disclaimer span:first-of-type {
  font-weight: 700;
}

#A1 .text, #A2 .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#A1 .text .textWrap, #A2 .text .textWrap {
  margin-bottom: 5rem;
}

@media (max-width: 768px) {
  #A1 .text .textWrap, #A2 .text .textWrap {
    margin-bottom: 3rem;
  }
}

#A1 .img figure, #A2 .img figure {
  border-radius: 8px;
  overflow: hidden;
  -webkit-box-shadow: 4px 6px 9px 0 rgba(58, 62, 49, 0.05), 8px 22px 60px 0 rgba(57, 58, 48, 0.07);
          box-shadow: 4px 6px 9px 0 rgba(58, 62, 49, 0.05), 8px 22px 60px 0 rgba(57, 58, 48, 0.07);
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
  position: relative;
  top: 0px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}

#A1 .img figure:hover, #A2 .img figure:hover {
  -webkit-box-shadow: 8px 12px 18px 0 rgba(58, 62, 49, 0.1), 8px 22px 60px 0 rgba(57, 58, 48, 0.15);
          box-shadow: 8px 12px 18px 0 rgba(58, 62, 49, 0.1), 8px 22px 60px 0 rgba(57, 58, 48, 0.15);
  -webkit-transition: .4s ease-in;
  transition: .4s ease-in;
  top: -8px;
}

#A1 .img figure img, #A2 .img figure img {
  width: 100%;
}

@media (max-width: 768px) {
  #A1 .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  #A1 .row .text {
    position: relative;
    top: -4rem;
  }
}

#A1 .row .img figure:nth-of-type(1) {
  z-index: 100;
  width: 40%;
}

#A1 .row .img figure:nth-of-type(1):hover {
  top: -1rem;
  -webkit-transition: .3s;
  transition: .3s;
}

#A1 .row .img figure:nth-of-type(2) {
  z-index: 200;
  top: -4.5rem;
  right: -6rem;
  width: calc(100% - 6rem);
  -webkit-transition: .2s;
  transition: .2s;
}

@media (max-width: 768px) {
  #A1 .row .img figure:nth-of-type(2) {
    right: -3rem;
    width: calc(100% - 3.5rem);
  }
}

#A1 .row .img figure:nth-of-type(2):hover {
  top: -5rem;
  -webkit-transition: .3s;
  transition: .3s;
}

#A1 .row .img figure:nth-of-type(3) {
  z-index: 100;
  top: -8rem;
  width: 70%;
  -webkit-transition: .2s;
  transition: .2s;
}

#A1 .row .img figure:nth-of-type(3):hover {
  top: -9rem;
  -webkit-transition: .3s;
  transition: .3s;
}

#A2 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f4fd), color-stop(78%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to bottom, #f1f4fd, rgba(255, 255, 255, 0) 78%);
  padding-top: 7rem;
}

#A2 .row .img figure:nth-of-type(1) {
  z-index: 100;
  width: 60%;
}

#A2 .row .img figure:nth-of-type(1):hover {
  top: -1rem;
  -webkit-transition: .3s;
  transition: .3s;
}

#A2 .row .img figure:nth-of-type(2) {
  z-index: 200;
  top: -6rem;
  right: -6rem;
  width: calc(90% - 6rem);
  -webkit-transition: .2s;
  transition: .2s;
}

@media (max-width: 768px) {
  #A2 .row .img figure:nth-of-type(2) {
    right: -3rem;
    width: calc(100% - 3.5rem);
  }
}

#A2 .row .img figure:nth-of-type(2):hover {
  top: -7rem;
  -webkit-transition: .3s;
  transition: .3s;
}

#A2 .text .sectionTitle {
  margin-bottom: 1.5rem;
}

#A2 .text .textWrap .body {
  max-width: 100% !important;
  width: 100%;
}

#A2 .text .textWrap .body.row {
  margin: 0px -10px !important;
}

@media (max-width: 768px) {
  #A2 .text .textWrap .body.row {
    padding: 0 !important;
  }
}

#A2 .text .textWrap .body dl {
  margin-bottom: 1rem;
}

#A2 .text .textWrap .body dl dt {
  font-size: .9rem;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: .4rem;
}

#A3 {
  padding-bottom: 6rem;
}

#A3 .sectionTitle {
  text-align: center;
  margin-bottom: 3.5rem;
}

#A3 figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

#A3 figure img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  #A3 figure .mobile {
    display: none;
  }
}

@media (max-width: 768px) {
  #A3 figure .desktop {
    display: none;
  }
  #A3 figure .mobile {
    display: inherit;
  }
}

#A4 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f4fd), color-stop(78%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to bottom, #f1f4fd, rgba(255, 255, 255, 0) 78%);
  padding-top: 7rem;
}

#A4 .sectionTitle {
  text-align: center;
  margin-bottom: 3rem;
}

#A4 .profile {
  margin-bottom: 2rem;
}

#A4 .profile figure {
  border-radius: 8px;
  overflow: hidden;
  -webkit-box-shadow: 4px 6px 9px 0 rgba(58, 62, 49, 0.05), 8px 22px 60px 0 rgba(57, 58, 48, 0.07);
          box-shadow: 4px 6px 9px 0 rgba(58, 62, 49, 0.05), 8px 22px 60px 0 rgba(57, 58, 48, 0.07);
  margin-bottom: 1rem;
}

@media (max-width: 768px) {
  #A4 .profile figure {
    border-radius: 4px;
    margin-bottom: .5rem;
  }
}

#A4 .profile figure img {
  width: 100%;
}

#A4 .profile dl {
  text-align: center;
}

#A4 .profile dl dt {
  font-size: 1.1rem;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: .3rem;
}

@media (max-width: 768px) {
  #A4 .profile dl dt {
    font-size: .9rem;
  }
}

#A4 .profile dl dd {
  font-size: .8rem;
  color: #1D6AE5;
}

#A5 {
  padding-bottom: 10rem;
}

#A5 .sectionTitle {
  text-align: center;
  margin-bottom: 2rem;
}

#A5 .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#A5 .info .map {
  border-radius: 8px;
  overflow: hidden;
  -webkit-box-shadow: 4px 6px 9px 0 rgba(58, 62, 49, 0.05), 8px 22px 60px 0 rgba(57, 58, 48, 0.07);
          box-shadow: 4px 6px 9px 0 rgba(58, 62, 49, 0.05), 8px 22px 60px 0 rgba(57, 58, 48, 0.07);
  margin-bottom: 1rem;
}

@media (max-width: 768px) {
  #A5 .info .map {
    border-radius: 4px;
  }
}

#A5 .info .map img {
  width: 100%;
}

#A5 .info .address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#A5 .info .address figure {
  
  max-width: 28px;
  margin-right: 1rem;
}

#A5 .info .address figure img {
  width: 100%;
}

#A5 .info .address p {
  font-size: .8rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.8;
}

#C1, #C2 {
  padding: 6rem 0 3rem;
}

#C1 .group {
  margin-bottom: 4rem;
}

#C1 .group figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 1.5rem;
}

#C1 .group figure img {
  max-height: 4rem;
}

#C1 .group dl {
  text-align: center;
}

#C1 .group dl dt {
  font-size: 1.1rem;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.8);
}

#C1 .group dl dd {
  font-size: .8rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.8;
}

#C2 {
  padding-top: 0rem;
  padding-bottom: 8rem;
}

#C2 form .form-group {
  margin-bottom: 1.5rem;
}

#C2 form .form-group label {
  font-size: .8rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.8;
  color: rgba(0, 0, 0, 0.4);
}

#C2 form .form-group .form-control {
  height: calc(1.5em + 1.5rem + 2px);
  -moz-appearance: none;
  -webkit-appearance: none;
}

#C2 form .form-group ::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

#C2 form .form-group :-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

#C2 form .form-group ::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

#C2 form .form-group ::placeholder {
  color: rgba(0, 0, 0, 0.2);
}

#C2 form .form-group select {
  background: #ffffff url(../img/icon/select.png) no-repeat;
  background-position: 97% 53%;
  background-size: 1rem;
  cursor: pointer;
}

#C2 form .form-group select::-ms-expand {
  display: none;
}

#C2 form .form-group textarea {
  min-height: 8rem;
}

#C2 form .btn {
  max-width: 100% !important;
  width: 100%;
}

#FA0.pageHeader {
  margin: 0px 15px;
  height: 35vh;
}

#FA0.pageHeader .contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  overflow: hidden;
}

#FA0.pageHeader .contents dl {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 3rem;
}

@media (max-width: 768px) {
  #FA0.pageHeader .contents dl {
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

#FA0.pageHeader .contents dl dt {
  font-size: 2.8em;
  line-height: 1.2;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 0.2em;
}

#FA2, #FA4 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f4fd), color-stop(78%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to bottom, #f1f4fd, rgba(255, 255, 255, 0) 78%);
}

#FA1, #FA2, #FA3, #FA4, #FA5 {
  padding: 5rem 0 3rem;
}

#FA1 .sectionTitle, #FA2 .sectionTitle, #FA3 .sectionTitle, #FA4 .sectionTitle, #FA5 .sectionTitle {
  margin-bottom: .8rem;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 1.6rem;
}

#FA1 .sectionTitle h4, #FA2 .sectionTitle h4, #FA3 .sectionTitle h4, #FA4 .sectionTitle h4, #FA5 .sectionTitle h4 {
  font-size: 1.8rem;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 700;
  font-size: 1.4rem;
}

#FA1 .qna .accordion, #FA2 .qna .accordion, #FA3 .qna .accordion, #FA4 .qna .accordion, #FA5 .qna .accordion {
  margin-bottom: 120px;
  border: none;
}

#FA1 .qna .accordion .card, #FA2 .qna .accordion .card, #FA3 .qna .accordion .card, #FA4 .qna .accordion .card, #FA5 .qna .accordion .card {
  border-radius: 0px !important;
  border-left: none;
  border-right: none;
  border: none;
  border-bottom: 1px solid #D3D3D3;
  background-color: transparent;
}

#FA1 .qna .accordion .card .card-header, #FA2 .qna .accordion .card .card-header, #FA3 .qna .accordion .card .card-header, #FA4 .qna .accordion .card .card-header, #FA5 .qna .accordion .card .card-header {
  background-color: transparent;
  padding: .8rem 0;
  border-bottom: none;
}

#FA1 .qna .accordion .card .card-header h5 button, #FA2 .qna .accordion .card .card-header h5 button, #FA3 .qna .accordion .card .card-header h5 button, #FA4 .qna .accordion .card .card-header h5 button, #FA5 .qna .accordion .card .card-header h5 button {
  width: 100%;
  padding: 1rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: left;
  -webkit-transition: .1s;
  transition: .1s;
  border: none !important;
  border-radius: 0;
}

#FA1 .qna .accordion .card .card-header h5 button .topic, #FA2 .qna .accordion .card .card-header h5 button .topic, #FA3 .qna .accordion .card .card-header h5 button .topic, #FA4 .qna .accordion .card .card-header h5 button .topic, #FA5 .qna .accordion .card .card-header h5 button .topic {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

#FA1 .qna .accordion .card .card-header h5 button .topic .question, #FA2 .qna .accordion .card .card-header h5 button .topic .question, #FA3 .qna .accordion .card .card-header h5 button .topic .question, #FA4 .qna .accordion .card .card-header h5 button .topic .question, #FA5 .qna .accordion .card .card-header h5 button .topic .question {
  font-size: 1.1rem;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 400;
  color: rgba(0, 0, 0, 0.8);
}

#FA1 .qna .accordion .card .card-header h5 button .topic .badge, #FA2 .qna .accordion .card .card-header h5 button .topic .badge, #FA3 .qna .accordion .card .card-header h5 button .topic .badge, #FA4 .qna .accordion .card .card-header h5 button .topic .badge, #FA5 .qna .accordion .card .card-header h5 button .topic .badge {
  font-size: 12px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 4px 8px 3px 8px;
  margin-right: 10px;
  top: 3px;
  background-color: #1D6AE5;
}

#FA1 .qna .accordion .card .card-header h5 button i, #FA2 .qna .accordion .card .card-header h5 button i, #FA3 .qna .accordion .card .card-header h5 button i, #FA4 .qna .accordion .card .card-header h5 button i, #FA5 .qna .accordion .card .card-header h5 button i {
  margin-top: 5px;
  margin-right: 15px;
  max-width: 1rem;
}

#FA1 .qna .accordion .card .card-header h5 button i img, #FA2 .qna .accordion .card .card-header h5 button i img, #FA3 .qna .accordion .card .card-header h5 button i img, #FA4 .qna .accordion .card .card-header h5 button i img, #FA5 .qna .accordion .card .card-header h5 button i img {
  width: 100%;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: .2s;
  transition: .2s;
}

#FA1 .qna .accordion .card .card-body, #FA2 .qna .accordion .card .card-body, #FA3 .qna .accordion .card .card-body, #FA4 .qna .accordion .card .card-body, #FA5 .qna .accordion .card .card-body {
  padding: 1rem 0;
}

#FA1 .qna .accordion .card .card-body .textBody, #FA2 .qna .accordion .card .card-body .textBody, #FA3 .qna .accordion .card .card-body .textBody, #FA4 .qna .accordion .card .card-body .textBody, #FA5 .qna .accordion .card .card-body .textBody {
  font-size: .8rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.8;
  margin-bottom: 1.5rem;
  font-size: .9rem;
}

#FA1 .qna .accordion .card .card-body ul, #FA1 .qna .accordion .card .card-body ol, #FA2 .qna .accordion .card .card-body ul, #FA2 .qna .accordion .card .card-body ol, #FA3 .qna .accordion .card .card-body ul, #FA3 .qna .accordion .card .card-body ol, #FA4 .qna .accordion .card .card-body ul, #FA4 .qna .accordion .card .card-body ol, #FA5 .qna .accordion .card .card-body ul, #FA5 .qna .accordion .card .card-body ol {
  padding-left: 0;
  width: 50%;
  padding-bottom: .75rem;
  list-style: inside;
}

#FA1 .qna .accordion .card .card-body ul li, #FA1 .qna .accordion .card .card-body ol li, #FA2 .qna .accordion .card .card-body ul li, #FA2 .qna .accordion .card .card-body ol li, #FA3 .qna .accordion .card .card-body ul li, #FA3 .qna .accordion .card .card-body ol li, #FA4 .qna .accordion .card .card-body ul li, #FA4 .qna .accordion .card .card-body ol li, #FA5 .qna .accordion .card .card-body ul li, #FA5 .qna .accordion .card .card-body ol li {
  padding: .75rem;
  max-width: 700px;
  font-size: .8rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.8;
  font-size: .9rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#FA1 .qna .accordion .card .card-body ul li:first-of-type, #FA1 .qna .accordion .card .card-body ol li:first-of-type, #FA2 .qna .accordion .card .card-body ul li:first-of-type, #FA2 .qna .accordion .card .card-body ol li:first-of-type, #FA3 .qna .accordion .card .card-body ul li:first-of-type, #FA3 .qna .accordion .card .card-body ol li:first-of-type, #FA4 .qna .accordion .card .card-body ul li:first-of-type, #FA4 .qna .accordion .card .card-body ol li:first-of-type, #FA5 .qna .accordion .card .card-body ul li:first-of-type, #FA5 .qna .accordion .card .card-body ol li:first-of-type {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

#FA1 .qna .accordion .card .card-body ul li .btn-box, #FA1 .qna .accordion .card .card-body ol li .btn-box, #FA2 .qna .accordion .card .card-body ul li .btn-box, #FA2 .qna .accordion .card .card-body ol li .btn-box, #FA3 .qna .accordion .card .card-body ul li .btn-box, #FA3 .qna .accordion .card .card-body ol li .btn-box, #FA4 .qna .accordion .card .card-body ul li .btn-box, #FA4 .qna .accordion .card .card-body ol li .btn-box, #FA5 .qna .accordion .card .card-body ul li .btn-box, #FA5 .qna .accordion .card .card-body ol li .btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-left: -8px;
}

@media (max-width: 1200px) {
  #FA1 .qna .accordion .card .card-body ul li .btn-box, #FA1 .qna .accordion .card .card-body ol li .btn-box, #FA2 .qna .accordion .card .card-body ul li .btn-box, #FA2 .qna .accordion .card .card-body ol li .btn-box, #FA3 .qna .accordion .card .card-body ul li .btn-box, #FA3 .qna .accordion .card .card-body ol li .btn-box, #FA4 .qna .accordion .card .card-body ul li .btn-box, #FA4 .qna .accordion .card .card-body ol li .btn-box, #FA5 .qna .accordion .card .card-body ul li .btn-box, #FA5 .qna .accordion .card .card-body ol li .btn-box {
    margin-left: 0px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

#FA1 .qna .accordion .card .card-body ul li .btn-box .btn, #FA1 .qna .accordion .card .card-body ol li .btn-box .btn, #FA2 .qna .accordion .card .card-body ul li .btn-box .btn, #FA2 .qna .accordion .card .card-body ol li .btn-box .btn, #FA3 .qna .accordion .card .card-body ul li .btn-box .btn, #FA3 .qna .accordion .card .card-body ol li .btn-box .btn, #FA4 .qna .accordion .card .card-body ul li .btn-box .btn, #FA4 .qna .accordion .card .card-body ol li .btn-box .btn, #FA5 .qna .accordion .card .card-body ul li .btn-box .btn, #FA5 .qna .accordion .card .card-body ol li .btn-box .btn {
  width: 100%;
  max-width: 200px;
  padding: 0px;
  margin: 0px 5px 10px 5px;
}

@media (max-width: 1200px) {
  #FA1 .qna .accordion .card .card-body ul li .btn-box .btn, #FA1 .qna .accordion .card .card-body ol li .btn-box .btn, #FA2 .qna .accordion .card .card-body ul li .btn-box .btn, #FA2 .qna .accordion .card .card-body ol li .btn-box .btn, #FA3 .qna .accordion .card .card-body ul li .btn-box .btn, #FA3 .qna .accordion .card .card-body ol li .btn-box .btn, #FA4 .qna .accordion .card .card-body ul li .btn-box .btn, #FA4 .qna .accordion .card .card-body ol li .btn-box .btn, #FA5 .qna .accordion .card .card-body ul li .btn-box .btn, #FA5 .qna .accordion .card .card-body ol li .btn-box .btn {
    width: 100%;
    max-width: 150px;
  }
}

#FA1 .qna .accordion .card .card-body ul li .btn-box .btn img, #FA1 .qna .accordion .card .card-body ol li .btn-box .btn img, #FA2 .qna .accordion .card .card-body ul li .btn-box .btn img, #FA2 .qna .accordion .card .card-body ol li .btn-box .btn img, #FA3 .qna .accordion .card .card-body ul li .btn-box .btn img, #FA3 .qna .accordion .card .card-body ol li .btn-box .btn img, #FA4 .qna .accordion .card .card-body ul li .btn-box .btn img, #FA4 .qna .accordion .card .card-body ol li .btn-box .btn img, #FA5 .qna .accordion .card .card-body ul li .btn-box .btn img, #FA5 .qna .accordion .card .card-body ol li .btn-box .btn img {
  width: 100%;
}

#FA1 .qna .accordion .card .card-body ul li .btn-box .btn:hover, #FA1 .qna .accordion .card .card-body ol li .btn-box .btn:hover, #FA2 .qna .accordion .card .card-body ul li .btn-box .btn:hover, #FA2 .qna .accordion .card .card-body ol li .btn-box .btn:hover, #FA3 .qna .accordion .card .card-body ul li .btn-box .btn:hover, #FA3 .qna .accordion .card .card-body ol li .btn-box .btn:hover, #FA4 .qna .accordion .card .card-body ul li .btn-box .btn:hover, #FA4 .qna .accordion .card .card-body ol li .btn-box .btn:hover, #FA5 .qna .accordion .card .card-body ul li .btn-box .btn:hover, #FA5 .qna .accordion .card .card-body ol li .btn-box .btn:hover {
  -webkit-box-shadow: 4px 6px 9px 0 rgba(58, 62, 49, 0.05), 8px 22px 60px 0 rgba(57, 58, 48, 0.07);
          box-shadow: 4px 6px 9px 0 rgba(58, 62, 49, 0.05), 8px 22px 60px 0 rgba(57, 58, 48, 0.07);
}

#I0.pageHeader {
  margin: 0px 0;
  height: 30vh;
}

#I0.pageHeader .contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  overflow: hidden;
}

#I0.pageHeader .contents dl {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 5rem;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media (max-width: 768px) {
  #I0.pageHeader .contents dl {
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

#I0.pageHeader .contents dl dt {
  font-size: 2.8em;
  line-height: 1.2;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 0.2em;
}

#I2, #I4 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f4fd), color-stop(78%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to bottom, #f1f4fd, rgba(255, 255, 255, 0) 78%);
}

#I1 {
  padding: 1rem 0 3rem;
}

#I1 .block {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#I1 .row {
  padding: 1rem 0 0rem;
}

#I1 .row .largeTitle {
  padding-top: 3rem;
  padding-bottom: 1.5rem;
}

#I1 .row .largeTitle h3 {
  font-size: 1.8rem;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 700;
  font-size: 1.5rem;
}

#I1 .row .largeTitle p {
  font-size: .8rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.8;
  font-size: 1rem;
}

#I1 .row .sectionTitle {
  margin-bottom: .8rem;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 1rem;
}

#I1 .row .sectionTitle p {
  margin-bottom: .4rem;
}

#I1 .row .sectionTitle h4 {
  font-size: 1.8rem;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 700;
  font-size: 1.1rem;
}

@media (max-width: 768px) {
  #I1 .row .sectionTitle h4 br {
    display: none;
  }
}

#I1 .row .body {
  padding: 1rem 0;
  margin-bottom: 3rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#I1 .row .body:last-of-type {
  border: none;
}

#I1 .row .body h5 {
  font-size: 1.1rem;
  line-height: 1.6;
  margin-bottom: 2rem;
}

#I1 .row .body dl dt {
  font-size: 1.1rem;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: .5rem;
}

#I1 .row .body dl dd {
  font-size: .8rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.8;
  margin-bottom: 1.5rem;
  font-size: .9rem;
}

#I1 .row .body p {
  font-size: .8rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.8;
  margin-bottom: 1.5rem;
  font-size: .9rem;
}

#I1 .row .body ul, #I1 .row .body ol {
  padding-left: 2rem;
}

#I1 .row .body ul li, #I1 .row .body ol li {
  font-size: .8rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.8;
  margin-bottom: 2.4rem;
  font-size: .9rem;
}

#I1 .row .body ol li {
  color: rgba(0, 0, 0, 0.8);
}

#I1 .row .body ol li ul {
  padding-top: 2rem;
}

#I1 .row .body ol li ul li {
  list-style: none;
  font-size: .8rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.8;
  margin-bottom: 1.4rem;
  font-size: .9rem;
}

#I1 .row .body ol li ul li p {
  font-size: .8rem;
  margin-bottom: 0;
  margin-top: 1rem;
  padding-left: 1.5rem;
}
/*# sourceMappingURL=index.css.map */