/**
* --------------------------------
* Utility CSS
* --------------------------------
*/
.utility.contactus .form-area {
  margin-top: 60px; }
  .utility.contactus .form-area ~ .form-area {
    display: none; }
  .utility.contactus .form-area ~ .btns {
    display: none; }
  .utility.contactus .form-area .guidetxt {
    padding: 33px 32px 32px 32px;
    font-size: 16px;
    background-color: #F8F8F8; }
    .utility.contactus .form-area .guidetxt li + li {
      margin-top: 12px; }
    .utility.contactus .form-area .guidetxt .btn {
      margin: -3px 0 0 24px;
      padding: 0 15px;
      text-indent: 0; }
    .utility.contactus .form-area .guidetxt:has(figure.qrcode) {
      display: flex;
      align-items: center; }
      .utility.contactus .form-area .guidetxt:has(figure.qrcode) figure.qrcode {
        margin-left: auto; }
  .utility.contactus .form-area .form-legend {
    padding: 0 32px 32px 32px;
    border-bottom: 2px solid #111111; }
    .utility.contactus .form-area .form-legend ~ .form-content {
      display: none;
      margin-top: 0;
      border-top: 0; }
  .utility.contactus .form-area .form-entry[data-field="product"] {
    align-items: center; }
  .utility.contactus .form-area .form-entry[data-field="address"] input + input {
    margin-left: 8px; }
  .utility.contactus .form-area .form-entry .select + label {
    margin-left: 8px; }
  .utility.contactus .form-area .form-entry .product-name {
    display: none;
    margin-top: 32px;
    width: 916px; }
    .utility.contactus .form-area .form-entry .product-name.active {
      display: block; }
    .utility.contactus .form-area .form-entry .product-name input {
      width: 100%; }
  .utility.contactus .form-area .list-accordion .accordion-ti {
    font-weight: 700; }
  .utility.contactus .form-area .list-accordion .accordion-cont {
    padding: 0; }
    .utility.contactus .form-area .list-accordion .accordion-cont > .scroll-content {
      padding: 32px;
      height: 168px;
      overflow: visible; }
      .utility.contactus .form-area .list-accordion .accordion-cont > .scroll-content p {
        line-height: 24px;
        font-size: 16px;
        color: #767676; }
      .utility.contactus .form-area .list-accordion .accordion-cont > .scroll-content .form-content {
        justify-content: space-between;
        margin-top: 0;
        padding: 0;
        border: 0; }
        .utility.contactus .form-area .list-accordion .accordion-cont > .scroll-content .form-content .form-entry {
          display: inline-flex;
          margin-top: 32px;
          width: auto; }
.utility.contactus .form-agree {
  display: none; }
.utility.privacy .agreement-area {
  padding-top: 16px; }
.utility.partner .title-area ~ section {
  padding: 80px 0; }
.utility.partner .support-area {
  margin-top: 60px;
  padding-top: 16px !important;
  border-top: 2px solid #111111; }
  .utility.partner .support-area .box {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
    padding: 30px 26px;
    height: 340px;
    border-radius: 999px;
    background: #F4F6FB; }
    .utility.partner .support-area .box .circle {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      width: 280px;
      height: 280px;
      border-radius: 280px;
      background-color: #FFFFFF; }
      .utility.partner .support-area .box .circle::before {
        position: absolute;
        top: 50%;
        content: '';
        transform: translateY(-50%);
        width: 156px;
        height: 0;
        border-top: 2px dashed #BBCBF2; }
      .utility.partner .support-area .box .circle::after {
        position: absolute;
        top: 50%;
        content: '';
        transform: translateY(-50%);
        width: 9px;
        height: 9px;
        border-radius: 9px;
        background-color: #0B50F2; }
      .utility.partner .support-area .box .circle .logo {
        background-image: url("https://www.dn-solutions.com/resources/w/images/common/logo.png");
        display: inline-block;
        background-position: 0 0;
        background-repeat: no-repeat;
        display: block;
        width: 182px;
        height: 22px; }
      .utility.partner .support-area .box .circle strong {
        line-height: 48px;
        font-size: 24px;
        text-align: center; }
        .utility.partner .support-area .box .circle strong::after {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          content: '';
          width: 300px;
          height: 300px;
          border-radius: 100%;
          border: 2px dashed #BBCBF2; }
      .utility.partner .support-area .box .circle:nth-of-type(1)::before {
        right: -167px; }
      .utility.partner .support-area .box .circle:nth-of-type(1)::after {
        right: -176px; }
      .utility.partner .support-area .box .circle:nth-of-type(2) {
        background: linear-gradient(-214deg, #B1F6FF 2.48%, #0040D7 100%); }
        .utility.partner .support-area .box .circle:nth-of-type(2)::before, .utility.partner .support-area .box .circle:nth-of-type(2)::after {
          display: none; }
        .utility.partner .support-area .box .circle:nth-of-type(2) strong {
          color: #FFFFFF;
          font-size: 32px; }
          .utility.partner .support-area .box .circle:nth-of-type(2) strong::after {
            border: 2px solid #85A7F9; }
      .utility.partner .support-area .box .circle:nth-of-type(3) .guidetxt {
        left: 82px; }
      .utility.partner .support-area .box .circle:nth-of-type(3)::before {
        left: -167px; }
      .utility.partner .support-area .box .circle:nth-of-type(3)::after {
        left: -176px; }
    .utility.partner .support-area .box .guidetxt {
      position: absolute;
      top: calc(100% + 50px);
      left: 65px; }
      .utility.partner .support-area .box .guidetxt ul li {
        font-size: 18px; }
        .utility.partner .support-area .box .guidetxt ul li + li {
          margin-top: 8px; }
  .utility.partner .support-area .detail {
    margin-top: 164px;
    text-align: center; }
    .utility.partner .support-area .detail strong {
      line-height: 40px;
      font-size: 28px; }
    .utility.partner .support-area .detail ul {
      margin-top: 24px;
      font-size: 0; }
      .utility.partner .support-area .detail ul li {
        position: relative;
        display: inline-block;
        margin: 0 20px;
        width: 148px;
        height: 148px;
        line-height: 26px;
        font-size: 18px;
        border: 1px solid #EEEEEE; }
        .utility.partner .support-area .detail ul li::before {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          background-image: url("https://www.dn-solutions.com/resources/w/images/common/icon.png");
          display: inline-block;
          background-position: -200px -100px;
          background-repeat: no-repeat;
          content: '';
          width: 50px;
          height: 50px; }
        .utility.partner .support-area .detail ul li::before {
          position: static;
          display: block;
          margin: 33px auto 10px;
          transform: translate(0, 0);
          width: 48px;
          height: 48px; }
        .utility.partner .support-area .detail ul li:nth-child(2)::before {
          background-position: -250px -100px; }
        .utility.partner .support-area .detail ul li:nth-child(3)::before {
          background-position: -300px -100px; }
        .utility.partner .support-area .detail ul li:nth-child(4)::before {
          background-position: -350px -100px; }
        .utility.partner .support-area .detail ul li:nth-child(5)::before {
          background-position: -400px -100px; }
.utility.partner .choice-area {
  background-color: #F4F6FB; }
  .utility.partner .choice-area .detail {
    padding-top: 60px; }
    .utility.partner .choice-area .detail > ol > li {
      position: relative;
      padding: 36px 0 0 130px; }
      .utility.partner .choice-area .detail > ol > li .txt-ti {
        position: relative;
        display: block;
        padding: 16px 10px;
        width: 286px;
        line-height: 26px;
        color: #767676;
        font-size: 20px;
        font-weight: 500;
        border-radius: 32px;
        border: 1px solid #D4D4D4;
        background-color: #FFFFFF;
        text-align: center;
        z-index: 1;
        position: relative;
        position: relative; }
        .utility.partner .choice-area .detail > ol > li .txt-ti::before {
          position: absolute;
          top: 0;
          left: 0;
          content: '';
          width: 1px;
          height: 33px;
          background-color: #5C8BF9;
          vertical-align: top; }
        .utility.partner .choice-area .detail > ol > li .txt-ti::before {
          top: -37px;
          left: 50%; }
        .utility.partner .choice-area .detail > ol > li .txt-ti::after {
          position: absolute;
          top: 0;
          left: auto;
          right: 0;
          content: '';
          width: 0px;
          height: 0px;
          background-color: #D4D4D4;
          vertical-align: top; }
        .utility.partner .choice-area .detail > ol > li .txt-ti::after {
          top: -10px;
          right: calc(50% - 4px);
          width: 0;
          height: 0;
          border-top: 7px solid #5c8bf9;
          border-left: 4px solid #F4F6FB;
          border-right: 4px solid #F4F6FB; }
      .utility.partner .choice-area .detail > ol > li .txt-yes {
        position: absolute;
        top: auto;
        left: 285px;
        right: auto;
        bottom: -31px;
        color: #5C8BF9;
        font-size: 18px;
        font-weight: 500;
        line-height: 26px; }
      .utility.partner .choice-area .detail > ol > li .txt-no {
        position: relative;
        color: #5C8BF9;
        font-size: 18px;
        font-weight: 500;
        line-height: 110px;
        padding-right: 12px;
        height: 110px;
        position: relative;
        position: absolute;
        top: -30px;
        left: 62px; }
        .utility.partner .choice-area .detail > ol > li .txt-no::before {
          position: absolute;
          top: 0;
          left: 0;
          content: '';
          width: 53px;
          height: 110px;
          background-color: #5C8BF9;
          vertical-align: top; }
        .utility.partner .choice-area .detail > ol > li .txt-no::before {
          left: 25px;
          border-top: 1px solid #5C8BF9;
          border-left: 1px solid #5C8BF9;
          border-bottom: 1px solid #5C8BF9;
          background-color: transparent; }
        .utility.partner .choice-area .detail > ol > li .txt-no::after {
          position: absolute;
          top: 0;
          left: auto;
          right: 0;
          content: '';
          width: 0px;
          height: 0px;
          background-color: #D4D4D4;
          vertical-align: top; }
        .utility.partner .choice-area .detail > ol > li .txt-no::after {
          top: -4px;
          right: -48px;
          width: 0;
          height: 0;
          border-bottom: 4px solid #F4F6FB;
          border-top: 4px solid #F4F6FB;
          border-left: 7px solid #5c8bf9;
          border-right: 4px solid #F4F6FB; }
      .utility.partner .choice-area .detail > ol > li .box {
        position: relative;
        padding: 31px 47px;
        width: 655px;
        border: 1px solid #D9D9D9;
        background-color: #FFFFFF;
        position: relative;
        position: absolute;
        top: -60px;
        left: auto;
        right: 0; }
        .utility.partner .choice-area .detail > ol > li .box::before {
          position: absolute;
          top: 0;
          left: 0;
          content: '';
          width: 200px;
          height: 3px;
          background-color: #D4D4D4;
          vertical-align: top; }
        .utility.partner .choice-area .detail > ol > li .box::before {
          top: 50%;
          left: -210px;
          background-color: transparent;
          border-top: 2px dashed #D4D4D4;
          opacity: .5; }
        .utility.partner .choice-area .detail > ol > li .box::after {
          position: absolute;
          top: 0;
          left: auto;
          right: 0;
          content: '';
          width: 0px;
          height: 0px;
          background-color: #D4D4D4;
          vertical-align: top; }
        .utility.partner .choice-area .detail > ol > li .box::after {
          top: calc(50% - 3px);
          right: auto;
          left: -12px;
          width: 0;
          height: 0;
          border-bottom: 4px solid #F4F6FB;
          border-top: 4px solid #F4F6FB;
          border-left: 7px solid #D4D4D4;
          border-right: 4px solid #F4F6FB; }
        .utility.partner .choice-area .detail > ol > li .box strong {
          position: relative;
          display: block;
          padding-left: 30px;
          line-height: 32px;
          font-size: 20px; }
          .utility.partner .choice-area .detail > ol > li .box strong + strong {
            margin-top: 4px; }
          .utility.partner .choice-area .detail > ol > li .box strong::before {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-image: url("https://www.dn-solutions.com/resources/w/images/common/icon.png");
            display: inline-block;
            background-position: -400px -50px;
            background-repeat: no-repeat;
            content: '';
            width: 50px;
            height: 50px; }
          .utility.partner .choice-area .detail > ol > li .box strong::before {
            top: -9px;
            left: -15px;
            transform: translate(0, 0); }
        .utility.partner .choice-area .detail > ol > li .box ul li {
          margin-top: 12px;
          line-height: 24px;
          color: #767676; }
          .utility.partner .choice-area .detail > ol > li .box ul li + li {
            margin-top: 8px; }
        .utility.partner .choice-area .detail > ol > li .box p {
          margin-top: 24px;
          line-height: 24px;
          color: #5180F5; }
      .utility.partner .choice-area .detail > ol > li:first-of-type {
        padding-top: 0; }
        .utility.partner .choice-area .detail > ol > li:first-of-type strong::before, .utility.partner .choice-area .detail > ol > li:first-of-type strong::after {
          display: none; }
      .utility.partner .choice-area .detail > ol > li:nth-of-type(2) .txt-ti, .utility.partner .choice-area .detail > ol > li:nth-of-type(4) .txt-ti {
        color: #FFFFFF;
        border-color: #5C8BF9;
        background-color: #5C8BF9; }
      .utility.partner .choice-area .detail > ol > li:nth-of-type(3) .box {
        top: -44px; }
      .utility.partner .choice-area .detail > ol > li:nth-of-type(3) .txt-ti, .utility.partner .choice-area .detail > ol > li:nth-of-type(7) .txt-ti {
        color: #FFFFFF;
        border-color: #485164;
        background-color: #485164;
        border-radius: 42px; }
      .utility.partner .choice-area .detail > ol > li:nth-of-type(7) .txt-ti {
        padding-top: 29px;
        padding-bottom: 29px; }
      .utility.partner .choice-area .detail > ol > li:nth-of-type(7) .txt-no {
        top: -224px;
        line-height: 306px; }
        .utility.partner .choice-area .detail > ol > li:nth-of-type(7) .txt-no::before {
          height: 306px; }
      .utility.partner .choice-area .detail > ol > li:nth-of-type(8) .box {
        top: 0; }
  .utility.partner .choice-area .btns {
    margin-top: 110px; }
    .utility.partner .choice-area .btns .btn {
      flex-grow: 1;
      margin: 0 8px;
      width: auto; }
      .utility.partner .choice-area .btns .btn:first-child {
        margin-left: 0; }
      .utility.partner .choice-area .btns .btn:last-child {
        margin-right: 0; }
.utility.partner .cancel-area {
  padding-bottom: 0 !important; }
  .utility.partner .cancel-area ol {
    display: flex;
    margin-top: 60px; }
    .utility.partner .cancel-area ol li {
      position: relative;
      padding-right: 132px;
      line-height: 24px; }
      .utility.partner .cancel-area ol li::after {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-image: url("https://www.dn-solutions.com/resources/w/images/common/icon.png");
        display: inline-block;
        background-position: -450px -50px;
        background-repeat: no-repeat;
        content: '';
        width: 50px;
        height: 50px; }
      .utility.partner .cancel-area ol li::after {
        left: auto;
        right: 41px;
        transform: translate(0, -50%); }
      .utility.partner .cancel-area ol li:last-child {
        padding-right: 0; }
        .utility.partner .cancel-area ol li:last-child::after {
          display: none; }
      .utility.partner .cancel-area ol li strong {
        display: inline-block;
        padding: 0 16px;
        height: 36px;
        line-height: 36px;
        color: #0B50F2;
        font-weight: 500;
        border-radius: 99px;
        background-color: #EDF2FF; }
      .utility.partner .cancel-area ol li p {
        margin-top: 12px; }
  .utility.partner .cancel-area .guidetxt {
    margin-top: 60px;
    padding: 60px;
    background-color: #F8F8F8; }
    .utility.partner .cancel-area .guidetxt strong {
      line-height: 32px;
      font-size: 20px; }
    .utility.partner .cancel-area .guidetxt ul {
      margin-top: 16px; }
      .utility.partner .cancel-area .guidetxt ul li + li {
        margin-top: 8px; }

html:lang(en) .utility.partner .support-area .box .circle:nth-of-type(1) .guidetxt {
  width: 400px; }
html:lang(en) .utility.partner .support-area .box .circle:nth-of-type(2) strong {
  line-height: 38px;
  font-size: 28px; }
html:lang(en) .utility.partner .support-area .box .circle:nth-of-type(3) .guidetxt {
  left: 50px;
  width: 250px; }
html:lang(en) .utility.partner .choice-area .detail > ol > li .box {
  width: 755px; }
html:lang(en) .utility.partner .choice-area .detail > ol > li:nth-of-type(3) .box {
  top: -80px; }
html:lang(en) .utility.partner .choice-area .detail > ol > li:nth-of-type(3) .txt-no {
  line-height: 95px; }
  html:lang(en) .utility.partner .choice-area .detail > ol > li:nth-of-type(3) .txt-no::before {
    height: 95px; }
html:lang(en) .utility.partner .choice-area .detail > ol > li:nth-of-type(6) .box {
  top: -68px; }
html:lang(en) .utility.partner .choice-area .detail > ol > li:nth-of-type(7) .txt-no {
  top: -170px;
  line-height: 260px; }
  html:lang(en) .utility.partner .choice-area .detail > ol > li:nth-of-type(7) .txt-no::before {
    height: 260px; }
html:lang(en) .utility.partner .choice-area .detail > ol > li:nth-of-type(8) .box {
  top: -4px; }
html:lang(en) .utility.cookie .table tr td {
  line-height: 24px; }
  html:lang(en) .utility.cookie .table tr td:nth-of-type(3) {
    text-align: left; }

html:lang(en) .utility.contactus .form-area .form-entry .select,
html:lang(de) .utility.contactus .form-area .form-entry .select {
  width: 413px; }
  html:lang(en) .utility.contactus .form-area .form-entry .select.product3,
  html:lang(de) .utility.contactus .form-area .form-entry .select.product3 {
    margin-left: 0;
    margin-top: 8px; }
    html:lang(en) .utility.contactus .form-area .form-entry .select.product3 + label,
    html:lang(de) .utility.contactus .form-area .form-entry .select.product3 + label {
      margin-top: 8px; }
html:lang(en) .utility.contactus .form-area .form-entry > input[type='text'],
html:lang(de) .utility.contactus .form-area .form-entry > input[type='text'] {
  width: 413px; }
html:lang(en) .utility.contactus .form-area .list-accordion .accordion-cont > .scroll-content,
html:lang(de) .utility.contactus .form-area .list-accordion .accordion-cont > .scroll-content {
  height: auto; }
  html:lang(en) .utility.contactus .form-area .list-accordion .accordion-cont > .scroll-content .form-content,
  html:lang(de) .utility.contactus .form-area .list-accordion .accordion-cont > .scroll-content .form-content {
    /*padding-top: 16px;*/ }
    html:lang(en) .utility.contactus .form-area .list-accordion .accordion-cont > .scroll-content .form-content .form-entry,
    html:lang(de) .utility.contactus .form-area .list-accordion .accordion-cont > .scroll-content .form-content .form-entry {
      margin-top: 16px;
      padding-left: 0;
      align-items: center; }
      html:lang(en) .utility.contactus .form-area .list-accordion .accordion-cont > .scroll-content .form-content .form-entry > strong,
      html:lang(de) .utility.contactus .form-area .list-accordion .accordion-cont > .scroll-content .form-content .form-entry > strong {
        position: static;
        width: 320px;
        line-height: 24px; }
html:lang(en) .utility.contactus .form-agree .list-accordion .accordion-header,
html:lang(de) .utility.contactus .form-agree .list-accordion .accordion-header {
  min-height: 80px;
  height: inherit;
  padding: 32px; }
  html:lang(en) .utility.contactus .form-agree .list-accordion .accordion-header > label,
  html:lang(de) .utility.contactus .form-agree .list-accordion .accordion-header > label {
    position: relative;
    left: 0; }
    html:lang(en) .utility.contactus .form-agree .list-accordion .accordion-header > label span,
    html:lang(de) .utility.contactus .form-agree .list-accordion .accordion-header > label span {
      position: static;
      transform: translateY(0);
      white-space: normal; }