/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
    - Normalize
    - Box sizing
# Base
    - Typography
    - Elements
    - Links
    - Forms
## Layouts
# Components
    - Navigation
    - Posts and pages
    - Comments
    - Widgets
    - Media
    - Captions
    - Galleries
# plugins
    - Jetpack infinite scroll
# Utilities
    - Accessibility
    - Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
     ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
   line-height: 1.15;
   -webkit-text-size-adjust: 100%;
   scroll-behavior: smooth;
}

/* Sections
     ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
   margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
   display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
   font-size: 2em;
   margin: 0.67em 0;
}

/* Grouping content
     ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
   box-sizing: content-box;
   height: 0;
   overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
   font-family: monospace, monospace;
   font-size: 1em;
}

/* Text-level semantics
     ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
   background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
   border-bottom: none;
   text-decoration: underline;
   text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
   font-weight: bolder !important;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
   font-family: monospace, monospace;
   font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
   font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
}

sub {
   bottom: -0.25em;
}

sup {
   top: -0.5em;
}

/* Embedded content
     ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
   border-style: none;
}

/* Forms
     ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
   font-family: inherit;
   font-size: 100%;
   line-height: 1.15;
   margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
   overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
   text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
   -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
   padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
   box-sizing: border-box;
   color: inherit;
   display: table;
   max-width: 100%;
   padding: 0;
   white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
   vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
   overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
   box-sizing: border-box;
   padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
   height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
}

/* Interactive
     ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
   display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
   display: list-item;
}

/* Misc
     ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
   display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
   display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
   box-sizing: inherit;
}

html {
   box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
   color: #101010;
   /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; */
   font-family: "Pretendard", sans-serif;
   font-size: 1rem;
   line-height: 1.5;
   word-break: keep-all;
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   margin: 0;
   padding: 0;
}

p {
   margin: 0;
}


dfn,
cite,
em,
i {
   font-style: italic;
}

blockquote {
   margin: 0 1.5em;
}

address {
   margin: 0 0 1.5em;
}

pre {
   background: #eee;
   font-family: "Courier 10 Pitch", courier, monospace;
   line-height: 1.6;
   margin-bottom: 1.6em;
   max-width: 100%;
   overflow: auto;
   padding: 1.6em;
}

code,
kbd,
tt,
var {
   font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
   border-bottom: 1px dotted #666;
   cursor: help;
}

mark,
ins {
   background: #fff9c0;
   text-decoration: none;
}

big {
   font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
   background: #fff;
}

hr {
   background-color: #ccc;
   border: 0;
   height: 1px;
   margin-bottom: 1.5em;
}

ul,
ol {
   margin: 0;
   padding: 0;
}

ul {
   list-style: none;
}

ol {
   list-style: none;
}

li>ul,
li>ol {
   margin-bottom: 0;
   margin-left: 0;
}

dt {
   font-weight: 700;
}

dd {
   margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
   max-width: 100%;
}

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

figure {
   margin: 1em 0;
}

table {
   margin: 0 0 1.5em;
   width: 100%;
}

/* Links
--------------------------------------------- */
a {
   color: #4169e1;
}

a:visited {
   color: #800080;
}

a:hover,
a:focus,
a:active {
   color: #191970;
}

a:focus {
   outline: thin dotted;
}

a:hover,
a:active {
   outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
   border: 1px solid;
   border-color: #ccc #ccc #bbb;
   border-radius: 3px;
   background: #e6e6e6;
   color: rgba(0, 0, 0, 0.8);
   line-height: 1;
   padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
   border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
   border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
   color: #666;
   border: 1px solid #ccc;
   border-radius: 3px;
   padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
   color: #111;
}

select {
   border: 1px solid #ccc;
}

textarea {
   width: 100%;
}

.main-banner {
    position: relative;
    background: linear-gradient(to bottom, #004aad, #ffffff); /* 블루-화이트 그라데이션 */
    color: #ffffff; /* 기본 텍스트 색상 */
    text-align: center;
    padding: 100px 20px;
    overflow: hidden;
}

/* 문서 & 팩스 아이콘 패턴 */
.main-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('document-icon.png'), url('fax-icon.png');
    background-size: 100px, 120px;
    background-repeat: no-repeat, no-repeat;
    background-position: 20% 30%, 80% 70%;
    opacity: 0.1; /* 은은한 패턴 효과 */
}

/* 텍스트 강조 효과 */
.main-banner h1 {
    font-size: 48px;
    font-weight: bold;
    text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.8);
}

/* 버튼 스타일 */
.main-banner .cta-button {
    display: inline-block;
    padding: 15px 30px;
    background-color: #ffcc00;
    color: #004aad;
    font-weight: bold;
    font-size: 18px;
    text-decoration: none;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
}

.main-banner .cta-button:hover {
    background-color: #ffaa00;
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.3);
}

body {
   width: 100%;
   float: left;
   margin: 0;
   overflow-x: hidden;
}

.inner {
   max-width: 1280px;
   padding: 0 40px;
   margin: 0 auto;
}

main {
   width: 100%;
   float: left;
   overflow-x: hidden;
}

/* Section */
.section-normal {
   width: 100%;
   float: left;
   padding: 0;
}

.section-normal .section-header {
   width: 100%;
   float: left;
   margin: 0 0 70px 0;
}

.section-normal .section-header .section-title {
   width: 100%;
   float: left;
   font-weight: 700;
   font-size: 2.953rem;
   line-height: 1.2;
   margin: 0;
}

.section-normal .section-header .section-title strong {
   font-weight: 700;
   color: #01479D;
}

.section-normal .section-header .section-sub-title {
   width: 100%;
   float: left;
   font-size: 1.969rem;
   line-height: 1.2;
   margin: 50px 0 0 0;
}

.section-normal .section-header .section-description {
   width: 100%;
   float: left;
   font-size: 1.313rem;
   line-height: 1.5;
   font-weight: 400;
   margin: 24px 0 0 0;
}

.section-bg-gray {
   background-color: #F9F9F9;
}

.section-normal .section-content {
   width: 100%;
   float: left;
}

.section-normal .section-content .content-right-65 {
   width: 65%;
   float: right;
}

ul.block-normal {
   width: 100%;
   margin: 0;
   padding: 0;
   display: flex;
   flex-wrap: wrap;
   /* 줄바꿈 허용 */
   gap: 36px 36px;
   list-style: none;
   float: left;
}

ul.block-normal li.block-normal-item {
   width: 100%;
   flex-grow: 1;
   background-color: #fff;
   border-radius: 10px 10px;
   border: 2px solid #E1E1E1;
   box-shadow: 0 0 30px rgba(0, 0, 0, .05);
   padding: 30px;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
   cursor: pointer;
}

ul.block-1-col li.block-normal-item {
   width: 100%;
   margin: 0;
   float: left;
}

ul.block-2-cols li.block-normal-item {
   width: 100%;
   margin: 0;
   float: left;
   flex: 1 1 calc(50% - 36px);
}

ul.block-3-cols {
   display: flex;
   gap: 0 36px !important;
   flex-wrap: unset !important;
}

ul.block-3-cols li.block-normal-item {
   width: 100%;
   margin: 0;
   float: left;
   flex: 1 1 calc(33.33333% - 18px) !important;
}

ul.block-normal li.block-normal-item span.block-icon {
   display: block;
   width: 80px;
   height: 80px;
   border-radius: 50% 50%;
   clear: both;
   margin: 0 0 30px 0;
   float: right;
   background-color: #f5f5f5;
   position: relative;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}

ul.block-normal li.block-normal-item span.block-icon img {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   max-width: 50px;
   max-height: 45px;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}

ul.block-normal li.block-normal-item .block-meta {
   width: 100%;
   float: left;
}

ul.block-normal li.block-normal-item .block-meta .block-title {
   font-size: 1.688rem;
   line-height: 1.2;
   margin: 0 0 15px 0;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}

ul.block-normal li.block-normal-item .block-meta .block-description {
   font-size: 1rem;
   line-height: 1.36;
   color: #676767;
   margin: 0;
}

/* Block Hover */
ul.block-normal li.block-normal-item:hover {
   border: 2px solid #01479D;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}

ul.block-normal li.block-normal-item:hover span.block-icon {
   background-color: #01479D;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}

ul.block-normal li.block-normal-item:hover span.block-icon img {
   filter: brightness(1) invert(1);
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}

ul.block-normal li.block-normal-item:hover .block-meta .block-title {
   color: #01479D;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}
/*
ul.block-carousel {
   width: calc(100% + 36px);
   float: left;
   list-style: none;
   margin: 0 -18px;
   padding: 0;
   float: left;
   display: block;

}


ul.block-carousel li.block-carousel-item {

   width: calc(33.33333% - 36px);

   height: auto;

   display: inline-block;

   margin: 0 18px;

   border: 2px solid #e1e1e1;

   background-color: #fff;

   border-radius: 10px 10px;

   padding: 30px;



   cursor: pointer;

}



ul.block-carousel li.block-carousel-item span.block-icon {

   width: 70px;

   height: 80px;

   float: right;

   margin: -10px -10px 10px 0;

}



ul.block-carousel li.block-carousel-item span.block-icon img {
   filter: brightness(0);
   opacity: .15;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}

ul.block-carousel li.block-carousel-item:hover {
   border: 2px solid #01479D;
}

ul.block-carousel li.block-carousel-item:hover span.block-icon img {
   filter: unset;
   opacity: 1;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}

ul.block-carousel li.block-carousel-item .block-meta {
   width: 100%;
   float: left;
   margin: 0;
}

ul.block-carousel li.block-carousel-item .block-meta .block-title {
   width: 100%;
   float: left;
   text-align: left;
   white-space: normal;
   font-size: 1.313rem;
   color: #01479D;
   line-height: 1.36;
   margin: 0 0 10px 0;
   word-break: keep-all;
}

ul.block-carousel li.block-carousel-item .block-meta .block-description {
   width: 100%;
   float: left;
   font-size: 1.313rem;
   font-weight: 700;
   line-height: 1.36;
   color: #101010;
   margin: 0;
   white-space: normal;
   word-break: keep-all;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: normal;
   height: 2.72em;
   text-align: left;
   word-wrap: break-word;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}
*/
ul.block-carousel {
  width: 100%;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
}

ul.block-carousel .slick-list {
  overflow: visible;
}

ul.block-carousel li.block-carousel-item {
  /*
  max-width: 520px;
  width: 43.33334%;
  aspect-ratio: 16 / 9;
  height: auto;
  display: inline-block;
  margin: 0 30px 0 0;

  border: 2px solid #e1e1e1;
  background-color: #fff;
  border-radius: 10px 10px;
  padding: 30px;

  cursor: pointer;
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  */
   width: calc(33.33333% - 36px);
   height: auto;
   display: inline-block;
   margin: 0 18px;
   border: 2px solid #e1e1e1;
   background-color: #fff;
   border-radius: 10px 10px;
   padding: 30px;

   cursor: pointer;
}

ul.block-carousel li.block-carousel-item span.block-icon {
  /*
  width: 70px;
  height: 80px;
  float: right;
  */
   width: 70px;
   height: 80px;
   float: right;
   margin: -10px -10px 10px 0;
}

ul.block-carousel li.block-carousel-item span.block-icon img {
  filter: brightness(0);
  opacity: .15;
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}

ul.block-carousel li.block-carousel-item:hover {
  /*
  border: 2px solid #2C8842;
  padding: 30px;
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  */
  border: 2px solid #01479D;
}

ul.block-carousel li.block-carousel-item:hover span.block-icon img {
  filter: unset;
  opacity: 1;
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}

ul.block-carousel li.block-carousel-item .block-meta {
  /*
  width: 100%;
  float: left;
  margin: 20px 0 0 0;
  */
   width: 100%;
   float: left;
   margin: 0;
}

ul.block-carousel li.block-carousel-item .block-meta .block-title {
  /*
  width: 100%;
  float: left;
  white-space: normal;
  font-size: 1.5rem;
  line-height: 1.36;
  margin: 0 0 5px 0;
  word-break: keep-all;
  */
   width: 100%;
   float: left;
   text-align: left;
   white-space: normal;
   font-size: 1.313rem;
   color: #01479D;
   line-height: 1.36;
   margin: 0 0 10px 0;
   word-break: keep-all;
}

ul.block-carousel li.block-carousel-item .block-meta .block-description {
  /*
  width: 100%;
  float: left;
  font-size: 1.125rem;
  line-height: 1.5;
  color: #676767;
  margin: 0;
  white-space: normal;
  word-break: keep-all;
  */
  width: 100%;
   float: left;
   font-size: 1.313rem;
   font-weight: 700;
   line-height: 1.36;
   color: #101010;
   margin: 0;
   white-space: normal;
   word-break: keep-all;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: normal;
   height: 2.72em;
   text-align: left;
   word-wrap: break-word;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}


ul.video-loop {
   width: calc(100% + 36px);
   margin: 0 -18px;
   float: left;
}

ul.video-loop .slick-list {
   overflow: hidden;
}

ul.video-loop li.video-loop-item {
   width: calc(100% - 36px);
   margin: 0 18px;
   float: left;
   aspect-ratio: 16 / 9;
   border-radius: 10px 10px;
   overflow: hidden;
}

ul.video-loop-nav {
   width: 100%;
   margin: 16px 0 0 0;
   float: left;
   text-align: center;
}

ul.video-loop-nav .slick-list {
   width: 100% !important;
   padding: 0 !important;
   text-align: center;
}

ul.video-loop-nav .slick-list .slick-track {
   width: 100% !important;
   padding: 0 !important;
   text-align: center;
   transform: unset !important;
}

ul.video-loop-nav li.video-loop-nav-item {
   width: 100%;
   aspect-ratio: 16 / 9;
   margin: 0 8px;
   position: relative;
   border-radius: 5px 5px;
   overflow: hidden;
   display: inline-block;
   cursor: pointer;
}

ul.video-loop-nav li.video-loop-nav-item img {
   width: 105%;
   max-width: 105%;
   height: auto;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   line-height: 0;
}

ul.faq-loop {
   width: 100%;
   float: left;
   margin: 0;
   padding: 0;
   list-style: none;
}

ul.faq-loop li.faq-loop-item {
   width: 100%;
   float: left;
   background-color: #fff;
   border: 1px solid #e1e1e1;
   padding: 0 !important;
   margin: 0 0 20px 0;
   border-radius: 10px 10px;
   cursor: pointer;
}

ul.faq-loop li.faq-loop-item .faq-question {
   width: 100%;
   float: left;
   margin: 0;
   padding: 30px 60px 30px 30px;
   font-size: 1.5rem !important;
   line-height: 1.36;
   position: relative;
}

ul.faq-loop li.faq-loop-item .faq-question:focus {
   outline: none;
}

ul.faq-loop li.faq-loop-item .faq-answer {
   width: 100%;
   float: left;
   font-size: 1rem;
   line-height: 1.5;
   color: #676767;
   margin: 0;
   padding: 0 28px 28px 28px;
}

ul.faq-loop li.faq-loop-item .faq-answer p {
   width: 100%;
   float: left;
   margin: 0 0 10px 0;
}

ul.faq-loop li.faq-loop-item:has(.ui-state-active) {
   background-color: #fff;
   border: 2px solid #01479D;
}

ul.faq-loop li.faq-loop-item:has(.ui-state-active) .faq-question {
   padding: 29px 59px 29px 29px;
   color: #01479D;
}

ul.faq-loop li.faq-loop-item:has(.ui-state-active) .faq-answer {
   padding: 0 29px 29px 29px;
}

ul.faq-loop li.faq-loop-item .ui-state-default .ui-accordion-header-icon {
   position: absolute;
   top: 38px;
   right: 29px;
   display: block;
   width: 14px;
   height: 8px;
   background-image: url('https://imgcdn.hanafax.com/_www/landing/new/icon-down-arrow.svg');
   background-position: center;
   background-size: 14px 8px;
   background-repeat: no-repeat;
   opacity: .25;
}

ul.faq-loop li.faq-loop-item .ui-state-active .ui-accordion-header-icon {
   background-image: url('https://imgcdn.hanafax.com/_www/landing/new/icon-up-arrow.svg');
   opacity: 1;
}

ul.faq-loop li.faq-loop-item .ui-state-focus .ui-accordion-header-icon {
   opacity: .75;
}

.section-align-center .section-header {
   text-align: center;
}

.section-bg-green {
   background-color: #efefef !important;
}

/*
.slick-slider .slick-arrow {
   width: 54px;
   height: 54px;
   appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   z-index: 1000;
   font-size: 0;
   border: none;
   background-color: transparent;
   opacity: .85;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
   cursor: pointer;
   font-size: 0;
}
.slick-slider .slick-arrow:before {
   content: none !important;
}
.slick-slider .slick-arrow:focus {
   outline: none;
}

.slick-slider .slick-arrow:hover {
   opacity: 1;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}

.slick-slider .slick-prev {
   left: -60px;
   background-image: url('https://imgcdn.hanafax.com/_www/landing/new/icon-arrow-left.svg');
}

.slick-slider .slick-next {
   right: -60px;
   background-image: url('https://imgcdn.hanafax.com/_www/landing/new/icon-arrow-right.svg');
}

*/
.slick-slider .slick-arrow {
  width: 54px;
  height: 54px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1000;
  font-size: 0;
  border: none;
  background-color: transparent;
  opacity: .65;
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  cursor: pointer;
}
.slick-slider .slick-arrow::before {
  font-size: 0 !important; 
}
.slick-slider .slick-arrow:focus {
  outline: none;
}

.slick-slider .slick-arrow:hover {
  opacity: 1;
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}

.slick-slider .slick-prev {
  left: -27px;
  background-image: url('https://imgcdn.hanafax.com/_www/landing/new/icon-arrow-left.svg');
}

.slick-slider .slick-next {
  right: -27px;
  background-image: url('https://imgcdn.hanafax.com/_www/landing/new/icon-arrow-right.svg');
}

.slick-slider .slick-dots {
  height: 10px;
}
.slick-slider .slick-dots > li {
  width: 10px;
  height: 10px;
  margin: 0 8px;
}
.slick-slider .slick-dots > li.slick-active > button {
  background-color: #2C8842; 
}
.slick-slider .slick-dots > li > button {
  width: 10px;
  height: 10px;
  border-radius: 5px 5px;
  background-color: #808080;
  margin: 0;
}

.mfp-bg {
   z-index: 5000;
}
.mfp-wrap {
   z-index: 5100;
}

/*************************************
   Site Header 
*************************************/
.site-header {
   width: 100%;
   height: 125px;
   position: fixed;
   top: 0;
   left: 0;
   background-color: rgba(255, 255, 255, 1);
   z-index: 3500;
   border-bottom: 1px solid #EFEFEF;
   border-top: 5px solid #01479D;
}

.site-header.nav-up {
   top: -125px;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}

.site-header.nav-down {
   top: 0;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}

.site-header .inner {
   height: 119px;
   position: relative;
   max-width: 100%;
   padding: 0 100px;
}

.site-header .inner strong {
   position: absolute;
   bottom: 25px;
   left: 100px;
}

.site-header .inner .main-navigation {
   position: absolute;
   bottom: 22px;
   right: 100px;
}

.site-header .inner .main-navigation ul.primary-menu {}

.site-header .inner .main-navigation ul.primary-menu li.menu-item {
   display: inline-block;
   font-size: 1.25rem;
   font-weight: 600;
   margin: 0 0 0 25px;
}

.main .site-header .inner .main-navigation ul.primary-menu li.menu-item a {
   color: #101010 !important;
   text-decoration: none !important;
}

.site-header .inner .main-navigation ul.primary-menu li.menu-item a {
   color: #101010;
   text-decoration: none;
}

.site-header .inner ul.utility-line {
   position: absolute;
   top: 50%;
   right: 100px;
}

.site-header .inner ul.utility-line li {
   display: inline-block;
   margin: 0 0 0 35px;
   font-size: 1rem;
   line-height: 1.2;
}

.site-header .inner ul.utility-line li a {
   color: #676767;
   text-decoration: none;
}
.site-header .inner ul.utility-line li.menu-login a {
   display: inline-block;
   background-color: #101010;
   color: #fff;
   height: 36px;
   line-height: 36px;
   padding: 0 18px;
   border-radius: 20px;
   font-size: 0.875rem;
   font-weight: 700;
   position: relative;
   top: -1px;
}

.site-header .inner .btn-area {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: 92px;
}

.site-header .inner .btn-area .btn-green,
.site-header .inner .btn-area .btn-white {
   height: 52px;
   line-height: 52px;
   font-size: 1rem;
   padding: 0 25px;
}

.site-header .inner .btn-area .btn-white.btn-border-green {
   border: 2px solid #01479D;
}

.site-header .inner .btn-area .btn-green.btn-online::after,
.site-header .inner .btn-area .btn-white.btn-telephone::after {
   background-size: 13px 13px;
   top: 4px;
   margin: 0 0 0 2px;
}

/*************************************
   Site Footer 
*************************************/
.site-footer {
   width: 100%;
   float: left;
   background-color: #333;
   color: #fff;
   padding: 50px 0;
   margin: 0;
}

.site-footer .inner {
   position: relative;
}

/*************************************
   Content Style 
*************************************/
.section-content ol {
   list-style: decimal;
   margin: 0 0 1.625rem 20px;
   width: calc(100% - 20px);
   float: left;
}

.section-content p a {
   text-decoration: none;
   color: #01479D;
}

.section-content p a:hover {
   border-bottom: 1px dashed #01479D;
}


/* 이용절차 */
ul.process-block {
   margin: 0 0 35px 0;
}

ul.process-block li.block-normal-item {
   position: relative;
}

ul.process-block li.block-normal-item::after {
   content: "";
   width: 16px;
   height: 16px;
   display: block;
   background-image: url('https://imgcdn.hanafax.com/_www/landing/new/icon-small-right-arrow.svg');
   background-size: cover;
   background-posiiton: center;
   background-repeat: no-repeat;

   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: -27px;

   filter: brightness(0);
   opacity: .25;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}

ul.process-block li.block-normal-item:last-child::after {
   content: none;
}

ul.process-block li.block-normal-item:hover {
   background-color: #F5FAFF;
}

ul.process-block li.block-normal-item:hover::after {
   filter: brightness(1);
   opacity: 1;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}

ul.process-block li.block-normal-item:hover .block-meta .block-number {
   color: #01479D;
   transition: color .25s ease-in-out;
   -moz-transition: color .25s ease-in-out;
   -webkit-transition: color .25s ease-in-out;
   float: right;
}

ul.process-block li.block-normal-item .block-meta .block-number {
   display: block;
   font-size: 3.375rem;
   font-weight: 700;
   line-height: 1;
   margin: 0 0 35px 0;
   color: #ddd;
   float: right;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}

ul.process-block li.block-normal-item .block-meta .block-title {
   width: 100%;
   float: left;
   margin: 0 0 10px 0;
}

ul.process-block li.block-normal-item .block-meta p {
   width: 100%;
   float: left;
   margin: 0;

   font-size: 1rem;
   line-height: 1.36;
   font-weight: 400;
}

.process-info {
   width: 60%;
   float: left;
   margin: 0 40% 70px 0;
}

.process-info strong {
   width: 100%;
   float: left;
   display: block;
   font-size: 1.125rem;
   font-weight: 700;
   margin: 0 0 2px 0;
}

.process-info p {
   float: left;
   display: block;
   margin: 0;
}

.process-info .btn-area {
   float: right;
   width: auto;
}

.process-info .btn-area .btn-outline {
   border-radius: 8px;
   border: 1px solid #999999;
   color: #101010;
   font-weight: 700;
}

ul.logo-loop {
   width: calc(100% + 10px);
   margin: 45px -5px;
}

ul.logo-loop li.logo-loop-item {
   width: calc(20% - 10px);
   margin: 0 5px;
}

ul.logo-loop .slick-list {
   overflow: visible;
}

ul.logo-loop-2nd {
   direction: rtl;
   transform: none !important;
}

/* 서비스 */
ul.service-block {
   width: 100%;
   display: flex;
   gap: 36px;
   margin: 0;
   padding: 0;
   float: left;
}

ul.service-block li.service-block-item {
   width: 100%;
   margin: 0;
   float: left;
   aspect-ratio: 4 / 3;
   padding: 0 !important;
   text-align: center;
   background: rgb(1,71,157);
   background: linear-gradient(0deg, rgba(1,71,157,0.19653799019607843) 0%, rgba(1,71,157,0) 100%);
   background-color: #fff;
   border-radius: 10px;
   border: 5px solid #01479D;
   box-shadow: 0 0 30px rgba(0, 0, 0, .20);
   position: relative;
  
}

ul.service-block li.service-block-item .block-meta {
   width: 100%;
   height: 100%;
   float: left;
   padding: 0;
}

ul.service-block li.service-block-item::before {
   content: "";
   display: block;
   width: 100%;
   height: 270px;
   background-image: url('https://imgcdn.hanafax.com/_www/landing/new/wall-bg.png');
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translateX(-50%);
}

ul.service-block li.service-block-item::after {
   content: "";
   display: block;
   width: 178px;
   height: 55px;
   background-image: url('https://imgcdn.hanafax.com/_www/landing/new/top-star.png');
   background-size: contain;
   position: absolute;
   top: -15px;
   left: 50%;
   transform: translateX(-50%);
   filter: grayscale(1);
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}
ul.service-block li.service-block-item:hover::after {
   
   filter: grayscale(0);
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}
ul.service-block li.service-block-item .block-meta .block-eyebrow {
   width: 100%;
   float: left;
   font-size: 1.125rem;
   font-weight: 700;
   color: #6FBA2B;
   margin: 0 0 10px 0;
   position: absolute;
   top: 75px;
   left: 50%;
   transform: translateX(-50%);
}
ul.service-block li.service-block-item:nth-child(2) .block-meta .block-eyebrow,
ul.service-block li.service-block-item:nth-child(3) .block-meta .block-eyebrow {
   top: 95px;
}
ul.service-block li.service-block-item .block-meta .block-title {
   width: 100%;
   float: left;
   margin: 0 0 10px 0;
   font-size: 1.85rem;
   font-weight: 700;
   line-height: 1.2;
   color: #101010;
   position: absolute;
   top: 55%;
   left: 50%;
   transform: translate(-50%, -55%);
}

ul.service-block li.service-block-item .block-meta .btn-area .btn-blue {
   border-radius: 5px;
   color: #fff;
   font-weight: 700;
   position: absolute;
   bottom: 20px;
   left: 50%;
   transform: translateX(-50%);
   margin: 0;
   padding: 10px 35px;
   font-size: 1rem;
   background-color: #da2128;
   border: none;
}

#guide .section-header {
   text-align: center;
}

/* 이용안내 */
ul.expansion-block {
   width: 100%;
   /*height: 190px;*/
   margin: 0;
   display: flex;
   flex-wrap: wrap; /* 아이템이 넘치면 줄 바꿈 */
   gap: 0 30px;
   float: left;
   display: flex;
   }

ul.expansion-block li.expansion-block-item {
   flex: 1;
   width: 100%;
   margin: 0;
   float: left;
   border-radius: 10px;
   border: 1px solid #01479D;
   overflow: hidden;
}

ul.expansion-block li.expansion-block-item .block-meta {
   width: 100%;
   float: left;
}

ul.expansion-block li.expansion-block-item .block-meta .block-meta-left {
   width: 100%;
   height : 190px;
   float: left;
   background-color: #01479D;
   padding: 30px 5px;
   position: relative;
   text-align: center;
}

ul.expansion-block li.expansion-block-item .block-meta .block-meta-left .block-title {
   color: #fff;
   font-size: 1.688rem;
   line-height: 1.2;
   margin: 0 0 15px 0;
}

ul.expansion-block li.expansion-block-item .block-meta .block-meta-left span {
   color: #ddd;
   font-size: 1.125rem;
   line-height: 1.36;
   float: left;
   width: 100%;
   height: 50px;
   display: inline-block;
}

ul.expansion-block li.expansion-block-item .block-meta .block-meta-left .block-icon {}

ul.expansion-block li.expansion-block-item .block-meta .block-meta-left .block-icon img {}

ul.expansion-block li.expansion-block-item .block-meta .block-meta-right {
   width: 100%;
   float: left;
   padding: 30px 15px;
}

ul.expansion-block li.expansion-block-item .block-meta .block-meta-right ul.guide-info {
   width: 100%;
   float: left;
}

ul.expansion-block li.expansion-block-item .block-meta .block-meta-right ul.guide-info>li {
   width: 100%;
   float: left;
}
ul.expansion-block li.expansion-block-item .block-meta .block-meta-right ul.guide-info>li:last-child {
   width: 100%;
   background-color: aliceblue;
   padding: 15px 20px;
   margin: 20px 0 0 0;
   border-radius: 10px;
}
ul.expansion-block li.expansion-block-item .block-meta .block-meta-right ul.guide-info>li>ul.guide-info-price {
   width: 100%;
   min-height: 143px;
   float: left;
   margin: 0 0 10px 0;
}
ul.expansion-block li.expansion-block-item .block-meta .block-meta-right ul.guide-info>li>ul.guide-info-benefit>li {
   font-weight: 500;
   font-size: 1rem !important;
}
ul.expansion-block li.expansion-block-item .block-meta .block-meta-right ul.guide-info>li>ul.guide-info-price+span {
   color: #01A245;
   font-size: 1rem;
}

ul.expansion-block li.expansion-block-item .block-meta .block-meta-right ul.guide-info>li>ul.guide-info-price>li {
   font-size: 1.125rem;
   line-height: 1.5;
   padding: 0 0 12px 0;
   margin: 0 0 12px 0;
   border-bottom: 1px dashed #676767;
}
ul.expansion-block li.expansion-block-item .block-meta .block-meta-right ul.guide-info>li>ul.guide-info-price>li::before {
   content: "";
   width: 14px;
   height: 14px;
   display: inline-block;
   background-image: url('https://imgcdn.hanafax.com/_www/landing/new/icon-check.svg');
   background-size: cover;
   margin: 0 8px 0 0;
   
}
ul.expansion-block li.expansion-block-item .block-meta .block-meta-right ul.guide-info>li>ul.guide-info-price>li:last-child {
   border-bottom: none;
   margin: 0;
}
ul.expansion-block li.expansion-block-item .block-meta .block-meta-right ul.guide-info>li>ul.guide-info-price>span {}

ul.expansion-block li.expansion-block-item .block-meta .block-meta-right ul.guide-info>li>ul.guide-info-benefit {}

ul.expansion-block li.expansion-block-item .block-meta .block-meta-right ul.guide-info>li>ul.guide-info-benefit>li {
   font-size: 1.125rem;
   line-height: 1.5;
}

ul.expansion-block li.expansion-block-item .block-meta .block-meta-right ul.guide-info>li>ul.guide-info-benefit>li::before {
   content: "- ";
}

#hero {
   width: 100%;
   height: 100vh;
   min-height: 800px;
   padding: 125px 0 0 0;
   margin: 0;
   overflow: visible;
   z-index: 1500;
   background: linear-gradient(to bottom, #004aad, #ffffff); /* 블루-화이트 그라데이션 */
   background-position: center bottom;
   background-size: 100% auto;
   background-repeat: no-repeat;
}

#hero .inner {
   max-width: 100%;
   height: 100%;
   padding: 0 10vw;
   position: relative;
}



/* #hero::before {
   content: "";
   display: block;
   width: 100%;
   height: 560px;
   background: transparent linear-gradient(270deg, #6FBA2B1A 0%, #01479D1A 100%) 0% 0% no-repeat padding-box;
   position: absolute;
   bottom: 0;
   left: 0;
   z-index: -500;
} */

#hero::after {
   content: "";
   display: block;
   width: 100%;
   height: 360px;
   background: transparent linear-gradient(180deg, #FFFFFF00 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
   transform: matrix(-1, 0, 0, -1, 0, 0);
   position: absolute;
   bottom: 200px;
   left: 0;
   z-index: -100;
}
#hero .section-content {
   width: 50%;
   float: left;
   position: absolute;
   top: 40%;
   right: 10vw;
   transform: translateY(-50%);
}
#hero .section-header {
   width: 50%;
   text-align: left;
   position: absolute;
   top: 45%;
   left: 10vw;
   transform: translateY(-50%);
   
}

#hero .section-header .inner {
   height: 100%;
   position: relative;
}

#hero .section-header .section-title {
   font-size: clamp(1.125rem, 2.81vw, 7.594rem);
   margin: 0 0 50px 0;
}

#hero .section-header .btn-area {
   width: calc(100% + 26px);
   margin: 0 -13px;
}

#hero img {
   width: 95%;
   height: auto;
   float: right;
}



#introduction {
   width: 100%;
   padding: 180px 0;
   float: left;
   text-align: center;
   position: relative;
   background-color: #f9f9f9;
}

#introduction .section-header .section-sub-title {
   margin: 70px 0 0 0;
   font-size: 2.25rem;
   line-height: 1.36;
   font-weight: 600;
}

#introduction .section-header .section-sub-title strong {
   font-weight: 600;
   color: #01479D;
}

#introduction .section-content .process {
   width: 100%;
   float: left;
   margin: 0 0 120px 0;
}

#introduction .section-content .process img {
   width: 100%;
   height: auto;
   margin: 0 0 30px 0;
}

#introduction .section-content .process strong {
   width: 100%;
   float: left;
   text-align: center;
   font-size: 1.125rem;
   font-weight: 700;
   margin: 0 0 5px 0;
}

#introduction .section-content .process p {
   width: 100%;
   float: left;
   text-align: center;
   font-size: 1rem;
   color: #676767;
   line-height: 1.36;
}

#introduction .section-content h3 {
   margin: 0 0 50px 0;
   font-size: 2.25rem;
   line-height: 1.36;
   font-weight: 700;
}

#introduction .section-content h3 strong {
   font-weight: 700;
   color: #01479D;
}
#introduction .section-content ul.block-normal li.block-normal-item {
   padding: 90px 30px 30px 30px;
   position: relative;
}
#introduction .section-content ul.block-normal li.block-normal-item p {
   width: 100%;
   text-align: left;
   float: left;
   margin: 5px 0;
}
#introduction .section-content ul.block-normal li.block-normal-item span.block-icon {
   display: block;
   width: 60px;
   height: 60px;
   border-radius: 50% 50%;
   clear: both;
   margin: 0;
   position: absolute;
   top: 20px; 
   right: 20px;
   float: right;
   background-color: #f5f5f5;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}

#introduction .section-content ul.block-normal li.block-normal-item span.block-icon img {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   max-width: 50px;
   max-height: 45px;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}

#introduction .section-content ul.block-normal li.block-normal-item .block-title {
   width: 100%;
   float: left;
   font-size: 1.313rem;
   line-height: 1.2;
   margin: 0;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
   text-align: left;
   word-break: keep-all;
}

#introduction .section-content ul.block-normal li.block-normal-item .block-title br {
   display: none;
}

#introduction .section-content ul.block-normal li.block-normal-item:hover span.block-icon {
   background-color: #01479D;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}

#introduction .section-content ul.block-normal li.block-normal-item:hover span.block-icon img {
   filter: brightness(0) invert(1);
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}

#introduction::after {
   content: "";
   width: 100%;
   height: 280px;
   background-color: #01479D;
   position: absolute;
   bottom: 0;
   left: 0;
   z-index: -100;
}

#review {
   padding: 180px 0;
   text-align: center;
}

#review .section-header {
   text-align: center;
}

#customer {
   padding: 180px 0;
   text-align: center;
}

#customer ul.block-3-cols {
   flex-wrap: wrap !important;
   gap: 90px 36px !important;
}

#customer ul.block-3-cols li.block-normal-item {
   flex: 0 0 calc(33.33333% - 36px) !important;
}

#customer ul.block-3-cols li.block-normal-item .block-title {
   font-size: 1.688rem;
   color: #101010;
   line-height: 1.2;
   width: 100%;
   text-align: center;
   margin: 0 0 20px 0;
}

#customer ul.block-3-cols li.block-normal-item .block-thumbnail {
   width: 100%;
   height: 200px;
   border-radius: 10px 10px;
   border: 2px solid #e1e1e1;
   box-shadow: 0 0 30px rgba(0, 0, 0, .05);
   margin: 0 0 10px 0;
   position: relative;
}

#customer ul.block-3-cols li.block-normal-item .block-thumbnail img {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

#customer ul.block-3-cols li.block-normal-item p {
   font-size: 1rem;
   font-weight: 500;
   color: #676767;
}

#customer ul.block-3-cols li.block-normal-item:hover {
   cursor: pointer;
}

#customer ul.block-3-cols li.block-normal-item:hover p {
   color: #101010;
   font-weight: 500;
}

#customer ul.block-3-cols li.block-normal-item:hover .block-thumbnail {
   background-color: #F5FAFF;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
   border: 2px solid #01479D;
}

#customer ul.block-3-cols li.block-normal-item:hover .block-thumbnail img {
   mix-blend-mode: multiply;
}


#benefit {
   padding: 180px 0;
   text-align: center;
   position: relative;
}

#benefit::before {
   content: "";
   width: 100%;
   height: 608px;
   background-color: #01479D;
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   z-index: -100;
}

#benefit .section-header .section-title {
   color: #fff;
}

#benefit .section-header .section-title strong {
   color: #6FBA2B;
}

#benefit ul.benefit-block li {
   background-color: #F5F5F5;
   padding: 0;
   overflow: hidden;
}

#benefit ul.benefit-block li .block-thumbnail {
   padding: 45px 0;
   background-color: #fff;
}

#benefit ul.benefit-block li .block-meta {
   padding: 30px;
}

#benefit ul.benefit-block li:hover .block-thumbnail img {
   mix-blend-mode: multiply;
}

#benefit ul.benefit-block li.benefit-block-item .block-title {
   font-weight: 500;
   line-height: 1.36;
}
#benefit ul.benefit-block li.benefit-block-item .block-title strong {
   color: #01479D;
   font-size: 2.25rem;
   font-weight: 800;
}
#benefit ul.benefit-block li.benefit-block-item:hover .block-title {
   color: inherit;
}


#feature {
   padding: 180px 0;
   background-color: #F5F5F5;
}

#feature .section-header h2 {
   margin: 0 0 50px 0;
}

#feature .section-header h3 {
   width: 100%;
   float: left;
   font-weight: 50000;
   font-size: 1.688rem;
   line-height: 1.2;
   margin: 0 0 30px 0;
}

#feature .section-header h3 strong {
   font-weight: 700;
}

#check {
   padding: 180px 0;
   background-color: #f9f9f9;
}
#check .section-header {
   margin: 0 0 35px 0 !important;
}
#check .section-header h2 {
   margin: 0 0 50px 0;
}
#check .section-header h3 {
   width: 100%;
   float: left;
   font-weight: 50000;
   font-size: 1.688rem;
   line-height: 1.2;
   margin: 0 0 30px 0;
}
#check .section-header h3 strong {
   font-weight: 700;
   color: #6FBA2B;
}
©4203{
   width: 100%;
   float: left;
   border-radius: 10px;
   background-color: #fff;
   border: 1px solid #e1e1e1;
   margin: 0;
   padding: 30px;
   box-shadow: 0 0 30px rgba(0, 0, 0, .1);
}

.check-area .check-area-left {
   width: calc(100% - 165px);
   float: left;
   position: relative;
}

.check-area .check-area-right {
   width: 150px;
   float: right;
}

.check-area .check-area-right button {
   width: 100%;
   height: 44px;
   font-size: 1rem;
   font-weight: 500;
   appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
   background-color: #01479D;
   color: #fff;
   border: none;
   border-radius: 5px;
   cursor: pointer;

   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}

.check-area .check-area-right button:hover {
   background-color: #002e67;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}

.check-area .check-area-right button:focus {
   outline: none;
}

.check-area .check-area-left form {
   width: 100%;
   height: 44px;
   line-height: 44px;
   float: left;
}

/* 지워야함 */
.check-area .check-area-left form>span {
   display: inline-bock;
   width: 200px;
   height: 44px;
   font-size: 1.125rem;
   font-weight: 700;
   float: left;
   margin: 0;
}

.check-area .check-area-left form select {
   width: calc((100% - 260px) / 3);
   height: 44px;
   float: left;
   font-size: 1rem;
   font-weight: 400;
   appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
   border: 1px solid #e1e1e1;
   border-radius: 5px;
   color: #808080;
   cursor: pointer;
   padding: 0 10px;
   background-image: url('https://imgcdn.hanafax.com/_www/landing/new/icon-down-arrow.svg');
   background-position: calc(100% - 10px) center;
   background-size: 12px 6px;
   background-repeat: no-repeat;
}

.check-area .check-area-left form select:focus {
   outline: none;
   border: 1px solid #101010;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}

.check-area .check-area-left form input[type="text"] {
   width: calc((100% - 260px) / 3);
   height: 44px;
   float: left;
   font-size: 1rem;
   font-weight: 400;
   appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
   color: #101010;
   border: 1px solid #e1e1e1;
   border-radius: 5px;
   cursor: pointer;
   padding: 0 10px;
}

.check-area .check-area-left form input[type="text"]:focus {
   outline: none;
   border: 1px solid #101010;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}

.check-area .check-area-left form span.divider {
   width: 30px;
   height: 44px;
   line-height: 44px;
   text-align: center;
   display: inline-block;
   float: left;
   font-weight: 400;
}

/* 지워야하는거 끝*/

/* 다시 생성 끝*/

.check-area .check-area-left .possible {
   display: none;
   position: absolute;
   top: 0;
   left: 0;
   background-color: aliceblue;
   width: 100%;
   height: 100%;
   text-align: center;
   line-height: 44px;
   border-radius: 5px;
}

.check-area .check-area-left .impossible {
   display: none;
   position: absolute;
   top: 0;
   left: 0;
   background-color: #fff;
   width: 100%;
   height: auto;
   text-align: center;
   line-height: 44px;
   border-radius: 5px;
}

.check-area .check-area-left .impossible p {
   display: inline-block;
   width: 250px;
   float: left;
   font-size: 1rem;
   line-height: 1.5;
   text-align: left;
}

.check-area .check-area-left .impossible p strong {
   width: 100%;
   float: left;
   font-size: 1.125rem;
}

.check-area .check-area-left .impossible ul {
   width: calc(100% - 250px);
   float: left;
   margin: 0;
   padding: 0;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   left: 250px;
}

.check-area .check-area-left .impossible ul li {
   width: 50%;
   float: left;
   line-height: 1;
   padding: 4px 0;
   text-align: left;
   border-bottom: 1px solid #e1e1e1;
}

.check-area .check-area-left .impossible ul li:nth-last-child(-n+2) {
   border-bottom: none;
}

.check-area .check-area-left .impossible ul li input[type="button"] {
   font-size: 0.82rem;
   width: 90px;
   text-align: center;
   height: 22px;
   padding: 0 5px;
   margin: 0 0 0 5px;
   font-weight: 500;
   appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
   border: 1px solid #01479D;
   background-color: aliceblue;
   color: #01479D;
   border-radius: 5px;
   cursor: pointer;
}

.check-area .check-area-left .impossible ul li input[type="button"].silver {
   color: #808080;
   border: 1px solid #808080;
   background-color: #f1f1f1;
}

.check-area .check-area-left .impossible ul li input[type="button"].gold {
   color: rgb(212, 178, 0);
   border: 1px solid rgb(212, 178, 0);
   background-color: rgb(255, 251, 229);
}

.check-area .check-area-left .impossible ul+span {
   position: absolute;
   bottom: -23px;
   left: 250px;
   color: #da2128;
   font-size: 0.75rem;
   line-height: 1;
}

#feature ul.vertical-block {
   width: calc(100% + 30px);
   margin: 0 -15px;
   flex-wrap: wrap !important;
}

/* 250408 추가 */
#feature ul.vertical-block {
   display: flex;  
}

#feature ul.vertical-block li.vertical-block-item:not(:last-of-type) {
   width: calc(33.33333% - 30px);
   margin: 0 15px;
   padding: 30px 5px 30px 30px;
   overflow: hidden;
   border: 2px solid #e1e1e1 !important;
   background-color: #fff !important;
   border-radius: 10px 10px;
   aspect-ratio: 10 / 6.5;
}

#feature ul.vertical-block li.vertical-block-item:not(:last-of-type) span.block-icon {
   display: block;
   width: 60px;
   height: 60px;
   border-radius: 50% 50%;
   clear: both;
   margin: -10px 10px 30px 0;
   float: right;
   background-color: #f5f5f5;
   position: relative;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}

#feature ul.vertical-block li.vertical-block-item:not(:last-of-type) span.block-icon img {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   max-width: 50px;
   max-height: 45px;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}

#feature ul.vertical-block li.vertical-block-item:not(:last-of-type) .block-title {
   font-weight: 700;
   font-size: 1.688rem;
   line-height: 1;
   margin: 25% 0 15px 0;
}

#feature ul.vertical-block li.vertical-block-item:not(:last-of-type) .block-title span {
   font-size: 1rem;
   font-weight: 400;
}

#feature ul.vertical-block li.vertical-block-item:not(:last-of-type) p {
   font-size: 1rem;
   line-height: 1.36;
   color: #676767;
   font-weight: 500;
}

#feature ul.vertical-block li.vertical-block-item {
   width: 100%;
   margin: 35px 15px 0 15px;
}
.feature-2nd ul.vertical-block li.vertical-block-item:last-child {
   display: none;
}

.feature-2nd ul.vertical-block li.vertical-block-item:hover {
   border: 2px solid #01479D !important;
}
.feature-2nd ul.vertical-block li.vertical-block-item:hover span.block-icon {
   background-color: #01479D !important;
}
.feature-2nd ul.vertical-block li.vertical-block-item:hover span.block-icon img {
   filter: invert(1) !important;
}

.feature-1st ul.vertical-block li.vertical-block-item:nth-child(1),
.feature-1st ul.vertical-block li.vertical-block-item:nth-child(2),
.feature-1st ul.vertical-block li.vertical-block-item:nth-child(3) {
   display: none;
}
#feature ul.vertical-block li.vertical-block-item .block-thumbnail {
   width: calc(50% - 25px);
   background-color: #fff;
   border-radius: 10px 10px;
   margin: 0 25px 0 0;
   padding: 0;
   float: left;
   box-shadow: 0 0 30px rgba(0, 0, 0, .05);
   overflow: hidden;
   border: 2px solid #e1e1e1;
}

#feature ul.vertical-block li.vertical-block-item .block-thumbnail img {
   width: 100%;
   height: 100%;
   float: left;
}

#feature ul.vertical-block li.vertical-block-item .block-meta {
   width: calc(50% - 25px);
   margin: 0 0 0 25px;
   padding: 10px 0 0 0;
   float: left;
}

#feature ul.vertical-block li.vertical-block-item .block-meta .block-icon {
   opacity: .25;
}

#feature ul.vertical-block li.vertical-block-item .block-meta .block-title {
   width: 100%;
   float: left;
   margin: 10px 0 15px 0;
   font-size: 2.25rem;
   line-height: 1.2;
}

#feature ul.vertical-block li.vertical-block-item .block-meta p {
   color: #676767;
   font-size: 1.313rem;
   line-height: 1.5;
   margin: 0 0 30px 0;
}

#feature ul.vertical-block li.vertical-block-item .block-meta .btn-area a {
   font-size: 1rem;
   font-weight: 700;
   height: 55px;
   line-height: 55px;
   padding: 0 20px;
   border-radius: 10px 10px;
   margin: 0 15px 0 0;
   color: #101010;
}

#feature ul.vertical-block li.vertical-block-item .block-meta .btn-area a.btn-blue {
   color: #fff;
}

#service {
   padding: 180px 0;
   position: relative;
   background-color: #01479D;
   text-align: center;
}
#service .section-header {
   position: relative;
   z-index: 200;
}
#service .section-header .section-title {
   color: #fff;
}

#service .section-header .section-title strong {
   color: #6FBA2B;
}

#service .section-header .section-description {
   color: #fff;
}
#service .section-content {
   position: relative;
   z-index: 200;
}
#service .section-content iframe {
   width: 100%;
   height: 100%;
   aspect-ratio: 16 / 9;
}
#service .section-content ul.small-feature-block {
   display: flex;
   width: 100%;
   gap: 0 30px;
   margin: 70px 0 0 0;
}

#service .section-content ul.small-feature-block li.small-feature-block-item {
   flex: 1 1 calc(33.33333% - 36px) !important;
}

#service .section-content ul.small-feature-block li.small-feature-block-item .block-icon {
   display: block;
   width: 60px;
   height: 60px;
   border-radius: 50% 50%;
   background-color: #101010;
   position: relative;
}

#service .section-content ul.small-feature-block li.small-feature-block-item .block-icon img {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   filter: brightness(1) invert(1);
}

#service .section-content ul.small-feature-block li.small-feature-block-item .block-title {
   width: 100%;
   float: left;
   font-size: 1.688rem;
   line-height: 1.2;
   margin: 20px 0 0 0;
   padding: 0 0 0 10px;
}


#prize {
   background-color: aliceblue;
   padding: 180px 0;
   position: relative;
}

#guide {
   padding: 180px 0;
}

#process {
   padding: 180px 0;
}

#faq {
   padding: 180px 0;
}

#youtube {
   padding: 180px 0;
}

#video_wrap {
   position: relative;
   margin: 0 auto;
   padding: 50px;
   width: 100%;
   height: auto;
   min-width: 100%;
   text-align: center;
   background-color: #fff;
}

.hana_video2 {
   position: relative;
   width: 100%;
   padding: 0;
   min-height: 880px;
   margin: 0 auto;
   text-align: center;
}

#video_frame {
   position: absolute;
   top: 0;
   left: 0px;
}

.hana_video {
   position: relative;
   width: 100%;
   min-height: 650px;
   margin: 0 auto;
   text-align: center;
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_bg.gif') repeat-y 0 0;
}

.video_area {
   position: relative;
   width: 100%;
   margin: 0 auto;
}

.video_contents {
   position: relative;
   width: 100%;
   height: 375px;
   overflow: hidden;
   margin: 0 0 30px 0;
}

.videocon_left2 {
   position: relative;
   float: left;
   width: 40%;
   height: 375px;
   line-height: 0;
   padding: 0;
}

.videocon_left2 img {
   width: 100%;
   max-width: 100%;
   height: 375px !important;
   float: left;
}

.videocon_right {
   position: relative;
   float: left;
   height: 375px;
   overflow: hidden;
   width: 60%;
}

.video_imgarea {
   position: relative;
   width: 100%;
   height: 183px;
}

.video_imgarea ul {
   position: absolute;
   float: left;
   top: 43px;
   right: 1px;
}

.video_imgarea li {
   float: left;
   display: inline-block;
   height: 183px;
   margin-right: 22px;
}

.video_imgarea li p {
   padding-top: 4px;
}

.video_imgarea2 {
   position: relative;
   width: 100%;
   padding: 0;
}

.video_imgtable {
   width: 100%;
}

.video_imgtable tr th {
   width: 14.2857%;
   text-align: left;
}

.video_imgtable tr th img {
   width: 148px;
   max-width: 100%;
   height: auto;
}

.video_imgtable tr {
   height: 107px;
   vertical-align: top !important;
}

.video_imgtable td {

   width: 14.2857%;
   text-align: left;
}

.video_imgtable td a {
   display: block;
   float: left;
   width: 100%;
   height: 100%;
   text-align: right;
}

.video_imgtable td a img {
   width: 100%;
   height: 105px;
   float: left !important;
   background-size: cover;
}

.video_imgtable td a img:hover {
   background-size: cover;
}

.video_img1 {
   float: left;
   width: 138px;
   height: 98px;
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg02.jpg') no-repeat left top;
   text-indent: -9999em !important;
}

.video_img1:hover {
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg02_on.jpg') no-repeat left top;
   cursor: pointer;
}

.video_img2 {
   float: left;
   width: 138px;
   height: 98px;
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg25.jpg') no-repeat left top;
   text-indent: -9999em !important;
}

.video_img2:hover {
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg25_on.jpg') no-repeat left top;
   cursor: pointer;
}

.video_img3 {
   float: left;
   width: 138px;
   height: 98px;
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg03.jpg') no-repeat left top;
   text-indent: -9999em !important;
}

.video_img3:hover {
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg03_on.jpg') no-repeat left top;
   cursor: pointer;
}

.video_img4 {
   float: left;
   width: 138px;
   height: 98px;
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg04.jpg') no-repeat left top;
   text-indent: -9999em !important;
}

.video_img4:hover {
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg04_on.jpg') no-repeat left top;
   cursor: pointer;
}

.video_img7 {
   float: left;
   width: 138px;
   height: 98px;
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg07.jpg') no-repeat left top;
   text-indent: -9999em !important;
}

.video_img7:hover {
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg07_on.jpg') no-repeat left top;
   cursor: pointer;
}

.video_img8 {
   float: left;
   width: 138px;
   height: 98px;
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg08.jpg') no-repeat left top;
   text-indent: -9999em !important;
}

.video_img8:hover {
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg08_on.jpg') no-repeat left top;
   cursor: pointer;
}

.video_img9 {
   float: left;
   width: 138px;
   height: 98px;
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg09.jpg') no-repeat left top;
   text-indent: -9999em !important;
}

.video_img9:hover {
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg09_on.jpg') no-repeat left top;
   cursor: pointer;
}

.video_img10 {
   float: left;
   width: 138px;
   height: 98px;
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg10.jpg') no-repeat left top;
   text-indent: -9999em !important;
}

.video_img10:hover {
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg10_on.jpg') no-repeat left top;
   cursor: pointer;
}

.video_img11 {
   float: left;
   width: 138px;
   height: 98px;
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg11.jpg') no-repeat left top;
   text-indent: -9999em !important;
}

.video_img11:hover {
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg11_on.jpg') no-repeat left top;
   cursor: pointer;
}

.video_img12 {
   float: left;
   width: 138px;
   height: 98px;
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg12.jpg') no-repeat left top;
   text-indent: -9999em !important;
}

.video_img12:hover {
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg12_on.jpg') no-repeat left top;
   cursor: pointer;
}

.video_img13 {
   float: left;
   width: 138px;
   height: 98px;
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg13.jpg') no-repeat left top;
   text-indent: -9999em !important;
}

.video_img13:hover {
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg13_on.jpg') no-repeat left top;
   cursor: pointer;
}

.video_img14 {
   float: left;
   width: 138px;
   height: 98px;
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg14.jpg') no-repeat left top;
   text-indent: -9999em !important;
}

.video_img14:hover {
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg14_on.jpg') no-repeat left top;
   cursor: pointer;
}

.video_img15 {
   float: left;
   width: 138px;
   height: 98px;
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg15.jpg') no-repeat left top;
   text-indent: -9999em !important;
}

.video_img15:hover {
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg15_on.jpg') no-repeat left top;
   cursor: pointer;
}

.video_img16 {
   float: left;
   width: 138px;
   height: 98px;
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg16.jpg') no-repeat left top;
   text-indent: -9999em !important;
}

.video_img16:hover {
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg16_on.jpg') no-repeat left top;
   cursor: pointer;
}

.video_img17 {
   float: left;
   width: 138px;
   height: 98px;
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg17.jpg') no-repeat left top;
   text-indent: -9999em !important;
}

.video_img17:hover {
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg17_on.jpg') no-repeat left top;
   cursor: pointer;
}

.video_img18 {
   float: left;
   width: 138px;
   height: 98px;
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg18.jpg') no-repeat left top;
   text-indent: -9999em !important;
}

.video_img18:hover {
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg18_on.jpg') no-repeat left top;
   cursor: pointer;
}

.video_img19 {
   float: left;
   width: 138px;
   height: 98px;
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg19.jpg') no-repeat left top;
   text-indent: -9999em !important;
}

.video_img19:hover {
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg19_on.jpg') no-repeat left top;
   cursor: pointer;
}

.video_img20 {
   float: left;
   width: 138px;
   height: 98px;
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg20.jpg') no-repeat left top;
   text-indent: -9999em !important;
}

.video_img20:hover {
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg20_on.jpg') no-repeat left top;
   cursor: pointer;
}

.video_img21 {
   float: left;
   width: 138px;
   height: 98px;
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg21.jpg') no-repeat left top;
   text-indent: -9999em !important;
}

.video_img21:hover {
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg21_on.jpg') no-repeat left top;
   cursor: pointer;
}

.video_img22 {
   float: left;
   width: 138px;
   height: 98px;
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg22.jpg') no-repeat left top;
   text-indent: -9999em !important;
}

.video_img22:hover {
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg22_on.jpg') no-repeat left top;
   cursor: pointer;
}

.video_img23 {
   float: left;
   width: 138px;
   height: 98px;
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg23.jpg') no-repeat left top;
   text-indent: -9999em !important;
}

.video_img23:hover {
   background: url('https://imgcdn.hanafax.com/_www/landing/new/video_snimg23_on.jpg') no-repeat left top;
   cursor: pointer;
}

.video_img26 {
   float: left;
   width: 138px;
   height: 98px;
   background: url('https://imgcdn.hanafax.com/_www/landing/video_snimg26.jpg') no-repeat left top;
   text-indent: -9999em !important;
}

.video_img26:hover {
   background: url('https://imgcdn.hanafax.com/_www/landing//video_snimg26_on.jpg') no-repeat left top;
   cursor: pointer;
}

.video_img27 {
   float: left;
   width: 138px;
   height: 98px;
   background: url('https://imgcdn.hanafax.com/_www/landing/video_snimg27.jpg') no-repeat left top;
   text-indent: -9999em !important;
}

.video_img27:hover {
   background: url('https://imgcdn.hanafax.com/_www/landing//video_snimg27_on.jpg') no-repeat left top;
   cursor: pointer;
}

.video_img28 {
   float: left;
   width: 138px;
   height: 98px;
   background: url('https://imgcdn.hanafax.com/_www/landing/video_snimg28.jpg') no-repeat left top;
   text-indent: -9999em !important;
}

.video_img28:hover {
   background: url('https://imgcdn.hanafax.com/_www/landing//video_snimg28_on.jpg') no-repeat left top;
   cursor: pointer;
}

.video_img29 {
   float: left;
   width: 138px;
   height: 98px;
   background: url('https://imgcdn.hanafax.com/_www/landing/video_snimg29.jpg') no-repeat left top;
   text-indent: -9999em !important;
}

.video_img29:hover {
   background: url('https://imgcdn.hanafax.com/_www/landing//video_snimg29_on.jpg') no-repeat left top;
   cursor: pointer;
}

.site-footer {
   width: 100%;
   float: left;
   background-color: #676767;
}

.site-footer .site-footer-top {
   width: 100%;
   float: left;
   border-bottom: 1px solid #808080;
}

.site-footer .site-footer-top ul.footer-navigation {
   float: left;
   height: 32px;
   margin: 0 0 35px 0;
}

.site-footer .site-footer-top ul.footer-navigation li {
   float: left;
   margin: 0 40px 0 0;
   height: 32px;
   line-height: 32px;
}

.site-footer .site-footer-top ul.footer-navigation li a {
   color: #fff;
   text-decoration: none;
}

.site-footer .site-footer-top ul.our-socials {
   float: right;
   height: 32px;
   margin: 0 0 35px 0;
}

.site-footer .site-footer-top ul.our-socials li {
   width: 32px;
   height: 32px;
   border-radius: 50% 50%;
   background-color: #F9F9F9;
   float: left;
   position: relative;
   margin: 0 0 0 10px;
}

.site-footer .site-footer-top ul.our-socials li img {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.site-footer .site-footer-bottom {
   width: 100%;
   float: left;
   padding: 35px 0 0 0;
}

.site-footer .site-footer-bottom>strong {
   float: left;
   display: block;
   width: 150px;
}

.site-footer .site-footer-bottom .company-info {
   width: calc(100% - 150px);
   float: left;
}

.site-footer .site-footer-bottom .company-info p {
   width: 100%;
   float: left;
   font-size: 0.875rem;
   line-height: 1.5;
}

.site-footer .site-footer-bottom .company-info p a {
   color: inherit;
   text-decoration: none;
}

.site-footer .site-footer-bottom .company-info p span.divider {
   padding: 0 7px;
   font-size: 0.75rem;
}

.site-footer .site-footer-bottom .company-info p.copyright {
   margin: 30px 0 0 0;
}

/* Buttons */
.btn-area .btn-outline {
   text-align: center;
   display: inline-block;
   border-radius: 15px;
   background-color: #fff;
   border: 2px solid #01479D;
   font-size: 0.875rem;
   color: #676767;
   text-decoration: none;
   padding: 10px 30px;
   margin: 0 13px;
}

.btn-area .btn-outline strong {
   font-size: 1.313rem;
   line-height: 1.36;
   color: #01479D;
}

.btn-area .btn-blue {
   text-align: center;
   display: inline-block;
   border-radius: 15px;
   background-color: #01479D;
   border: 2px solid #01479D;
   font-size: 0.875rem;
   color: #ddd;
   text-decoration: none;
   padding: 10px 30px;
   margin: 0 13px;
}

.btn-area .btn-blue strong {
   font-size: 1.313rem;
   line-height: 1.36;
   color: #fff;
}

.fixed-btn {
   position: fixed;
   bottom: 30px;
   left: 50%;
   transform: translateX(-50%);
   overflow: visibile;
   z-index: 4500; 
}
.fixed-btn a.go-to-fax {
   display: inline-block;
   width: 360px;
   height: 62px;
   line-height: 56px;
   text-align: center;
   font-size: 1.313rem;
   font-weight: 700;
   border-radius: 31px;
   background-color: #01479D;
   text-decoration: none;
   border: 3px solid #fff;
   color: #fff;
   box-shadow: 0 0 30px rgba(0, 0, 0, .25);
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}
.fixed-btn a.go-to-fax:hover {
   background-color: #da2128;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
   border: 3px solid #a3090f;
} 
.fixed-btn a.go-to-fax img {
   position: relative;
   top: 2px;
   padding: 0 0 0 15px;
   filter: invert(1) brightness(1) ;
}

a.go-to-top {
   width: 60px;
   height: 60px;
   line-height: 80px;
   text-align: center;
   display: block;
   border-radius: 50% 50%;
   background-color: #fff;
   position: fixed;
   bottom: 30px;
   right: 30px;
   text-decoration: none;
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
   font-weight: 700;
   font-size: 1.125rem;
   background-image: url('https://imgcdn.hanafax.com/_www/landing/new/icon-up-arrow.svg');
   background-size: 22px 22px;
   background-position: 50% 48%;
   background-repeat: no-repeat;
   filter: invert(1);
   border: 3px solid #000;
}

.desktop-only {
   display: block;
}

.mobile-only {
   display: none;
}


/*************************************
   Media Query
*************************************/
@media all and (max-width: 2560px) {}

@media all and (max-width: 1920px) {}

@media all and (max-width: 1680px) {}

@media all and (max-width: 1536px) {
   .site-header .inner {
      max-width: 1280px;
      padding: 0 20px;
      margin: 0 auto;
   }

   .site-header .inner strong {
      left: 20px;
   }

   .site-header .inner .btn-area {
      right: 12px;
   }

   .site-header .inner .main-navigation ul.primary-menu li.menu-item {
      display: inline-block;
      font-size: 1.125rem;
      font-weight: 600;
      margin: 0 10px;
   }
}

@media all and (max-width: 1440px) {}

/* Tablet Landscape */
@media all and (max-width: 1366px) {
	#hero .section-header {left: 40px !important;}
	#hero .section-content {right: 40px !important;}
}

@media all and (max-width: 1280px) {
   #hero .section-header .section-title {
      font-size: 2.953rem;
   }

}

@media all and (max-width: 1180px) {
	#feature ul.vertical-block li.vertical-block-item:not(:last-of-type) {
      aspect-ratio: 10 / 7.5;
      padding: 30px 5px 20px 15px;
   }

   #feature ul.vertical-block li.vertical-block-item:not(:last-of-type) .block-title {
      font-size: 1.5rem;
      white-space: nowrap;
   }
}

/* Tablet Landscape (Small) */
@media all and (max-width: 1112px) {
   ul.expansion-block li.expansion-block-item .block-meta .block-meta-left .block-title br {
      display: none;
   }
}

@media all and (max-width: 1024px) {
   #hero .section-header .section-title {
      font-size: 2.531rem;
   }
   .btn-area .btn-outline {
      margin: 0 10px 0 0;
      padding: 10px 20px;
   }
   .btn-area .btn-blue {
      margin: 0 0 0 10px;
      padding: 10px 20px;
   }
   ul.expansion-block li.expansion-block-item .block-meta .block-meta-left .block-title {
      font-size: 1.313rem;
   }
   
   #feature ul.vertical-block li.vertical-block-item:not(:last-of-type) {
      aspect-ratio: 10 / 8.5;
      padding: 30px 5px 20px 15px;
   }
}

/* Tablet Portratit */
@media all and (max-width: 834px) {
   .desktop-only {
      display: none;
   }

   .mobile-only {
      display: block;
   }
   
   .site-footer,
   .site-header {
      display: none;
   }
   
   body {
      width: 100%;
      float: left;
      overflow-x: hidden;
   }

   .inner {
      padding: 0 20px;
      max-width: 100%;
   }

   .site-header {
      height: 60px;
   }

   .site-header .inner {
      max-width: 100%;
      height: 60px;
      position: relative;
   }

   .site-header .inner .menu-icon {
      display: none;
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      width: 20px;
      height: 14px;
      background-image: url('https://imgcdn.hanafax.com/_www/landing/new/icon-menu.svg');
      backjgrond-size: cover;
      background-position: center;
   }

   .site-header .inner .main-navigation {
      display: none;
   }

   .site-header .inner ul.utility-line {
      display: block;
      right: 10px;
      top: 20px;
      bottom: unset;
   }
   .site-header .inner ul.utility-line li {
      font-size: 0.75rem;
      margin: 0 0 0 5px;
   }
   .site-header .inner ul.utility-line li.menu-login a {
      font-size: 0.75rem;
      padding: 0 10px;
      height: 27px;
      line-height: 27px;
   }
   .site-header .inner strong {
      height: 30px;
      width: auto;
      bottom: unset;
      top: 10px;
   }

   .site-header .inner strong a img {
      width: auto;
      height: 30px;
   }

   #hero {
      padding: 75px 0 0 0;
      height: 100vh;
      max-height: 800px;
   }

   #hero .section-header {
      width: 100%;
      position: unset;
      top: unset;
      left: unset;
      transform: unset;
      text-align: center;
      padding: 70px 0 35px 0;
   }
   #hero .section-content {
      width: 100%;
      position: unset;
      top: unset;
      right: unset;
      transform: unset;
      text-align: center;
   }
   #hero .section-header .section-title {
      font-size: 1.969rem;
   }

   #hero .section-header .btn-area {
      width: 100%;
      float: left;
      text-align: center;
   }

   #hero .section-header .btn-area .btn-outline {
      width: 140px;
      margin: 0 5px;
      padding: 8px 0 5px 0;
      border-radius: 5px 5px;
      font-size: 0.75rem;
   }

   #hero .section-header .btn-area .btn-blue {
      width: 140px;
      margin: 0 5px;
      padding: 8px 0 5px 0;
      border-radius: 5px 5px;
      font-size: 0.75rem;
   }

   #hero .section-header .btn-area .btn-outline strong,
   #hero .section-header .btn-area .btn-blue strong {
      font-size: 1.125rem;
      line-height: 1;
   }

   #hero img {
      max-width: 80%;
      float: none;
   }
   
   #feature ul.vertical-block {
      width: 100%;
      margin: 0;
   }
   #feature ul.vertical-block li.vertical-block-item {
      width: 100%;
      float: left;
      padding: 0;
      position: relative;
   }
   #feature ul.vertical-block li.vertical-block-item:last-child {
      padding: 0;
   }
   #feature ul.vertical-block li.vertical-block-item:not(:last-of-type) {
      width: 100%;
      padding: 80px 20px 20px 20px;
      margin: 0 0 20px 0;
      aspect-ratio: unset;
   }
   #feature ul.vertical-block li.vertical-block-item:not(:last-of-type) .block-title {
      font-size: 1.313rem;
      margin: 0 0 10px 0;
   }
   #feature ul.vertical-block li.vertical-block-item:not(:last-of-type) span.block-icon {
      width: 50px;
      height: 50px;
      margin: 0;
      position: absolute;
      top: 20px;
      right: 20px;
   }
   #feature ul.vertical-block li.vertical-block-item:not(:last-of-type) span.block-icon img {
      max-width: 24px;
      max-height: 24px;
   }
   #feature ul.vertical-block li.vertical-block-item:not(:last-of-type) p {
      font-size: 1rem;
   }
   #feature ul.vertical-block li.vertical-block-item {
      width: 100%;
      margin: 0;
   }
   
   ul.expansion-block {
      width: 100%;
      margin: 0;
   }
   ul.expansion-block li.expansion-block-item {
      width: 100%;
      margin: 0 0 20px 0;
      flex: 100%; /* 한 줄에 하나씩 */
   }
   ul.expansion-block li.expansion-block-item .block-meta .block-meta-right ul.guide-info>li>ul.guide-info-price {
      min-height: unset;
   }
   
   .section-normal {
      padding: 90px 0 !important;
   }

   .section-normal .section-header {
      margin: 0 0 30px 0;
   }

   .section-normal .section-header .section-title {
      font-size: 1.688rem;
      margin: 0;
   }
   .section-normal .section-header .section-title br {
      display: none;
   }
   
   #check .section-header h3 {
      font-size: 1.313rem;
   }
   .check-area .check-area-left {
      width: 100%;
   }
   .check-area .check-area-left form {
      height: auto;
      line-height: 1.36;
   }
   .check-area .check-area-left form > span {
      width: 100%;
      height: auto;
      line-height: 1.36;
      margin: 0 0 15px 0;
   }
   .check-area .check-area-left form select,
   .check-area .check-area-left form input[type="text"] {
      width: calc((100% - 30px) / 3);
      font-size: 0.875rem;
   }
   .check-area .check-area-left form span.divider {
      width: 15px;
   }
   .check-area .check-area-right {
      width: 100%;
   }
   .check-area .check-area-left form select {
      background-position: calc(100% - 5px) center;
      background-size: 8px 4.5px;
   }
   

   #introduction .section-header .section-sub-title {
      font-size: 1.313rem;
      margin: 0;
   }

   #introduction .section-content .process {
      margin: 0 0 70px 0;
   }

   #introduction .section-content .process img {
      margin: 0 0 15px 0;
   }

   #introduction .section-content .process strong {
      font-size: 1rem;
      margin: 0;
   }

   #introduction .section-content .process p {
      font-size: 0.875rem;
   }

   #introduction .section-content .process p br {
      display: none;
   }

   #introduction .section-content .process+h3 {
      width: 100%;
      float: left;
      font-size: 1.313rem;
      margin: 0 0 35px 0;
   }

   ul.block-3-cols {
      gap: 16px 16px !important;
      flex-wrap: wrap !important;
   }

   ul.block-3-cols li.block-normal-item {
      flex: 0 0 calc(50% - 8px) !important;
      padding: 20px 15px;
      border-radius: 10px;
   }

   #introduction::after {
      height: 152px;
   }
   #introduction .section-content ul.block-normal li.block-normal-item {
      padding: 80px 20px 20px 20px;
      position: relative;
   }
   #introduction .section-content ul.block-normal li.block-normal-item span.block-number {
      font-size: 2.25rem;
      line-height: 1;
      font-weight: 900;
      color: #bbb;
      position: absolute;
      top: 30px;
      left: 20px;
   }
   #introduction .section-content ul.block-normal li.block-normal-item span.block-icon {
      width: 50px;
      height: 50px;
      position: absolute;
      top: 20px;
      right: 20px;
      margin: 0;
   }

   #introduction .section-content ul.block-normal li.block-normal-item span.block-icon img {
      max-width: 24px;
      max-height: 24px;
   }
   #introduction .section-content ul.block-normal li.block-normal-item p {
      width: 100%;
      float: left;
      margin: 5px 0;
      text-align: left;
   }
   #introduction .section-content ul.block-normal li.block-normal-item .block-title {
      font-size: 1.313rem;
   }

   #customer ul.block-3-cols {
      gap: 20px 0 !important;
   }

   #customer ul.block-3-cols li.block-normal-item {
      flex: 0 0 100% !important;
   }

   #customer ul.block-3-cols li.block-normal-item .block-title {
      font-size: 1.313rem;
      margin: 0 0 15px 0;
   }

   #customer ul.block-3-cols li.block-normal-item .block-thumbnail {
      height: 140px;
   }

   #customer ul.block-3-cols li.block-normal-item .block-thumbnail img {
      max-width: 90%;
   }

   #benefit::before {
      height: 380px;
   }

   #benefit ul.benefit-block {
      gap: 30px 0;
   }

   #benefit ul.benefit-block li {
      flex: 1 1 100%;
   }

   #benefit ul.benefit-block li .block-thumbnail {
      padding: 20px 10px;
   }

   #benefit ul.benefit-block li .block-meta {
      padding: 20px;
   }

   ul.block-normal li.block-normal-item .block-meta .block-title {
      font-size: 1.313rem;
      margin: 0 0 10px 0;
   }
   #feature ul.vertical-block li.vertical-block-item {
      padding: 20px 15px;
   }
   #feature ul.vertical-block li.vertical-block-item .block-thumbnail {
      width: 100%;
      margin: 0 0 15px 0;
   }

   #feature ul.vertical-block li.vertical-block-item .block-meta {
      width: 100%;
      margin: 0;
      padding: 0;
      text-align: center;
   }

   #feature ul.vertical-block li.vertical-block-item .block-meta .block-icon {
      float: none;
   }

   #feature ul.vertical-block li.vertical-block-item .block-meta .block-title {
      font-size: 1.313rem;
      margin: 10px 0 0 0;
   }

   #feature ul.vertical-block li.vertical-block-item .block-meta p {
      width: 100%;
      float: left;
      font-size: 0.875rem;
      line-height: 1.36;
      margin: 15px 0;
   }

   #feature ul.vertical-block li.vertical-block-item .block-meta .btn-area a {
      width: calc(50% - 10px);
      margin: 0 5px;
      float: left;
      font-size: 0.875rem;
      padding: 0 2px;
   }

   #service {
      text-align: center;
   }

   #service::before {
      height: 420px;
   }

   #service .section-header .section-description {
      font-size: 1rem;
   }

   #service .section-content ul.small-feature-block {
      flex-wrap: wrap;
      margin: 50px 0 0 0;
   }

   #service .section-content ul.small-feature-block li.small-feature-block-item {
      flex: 0 0 100% !important;
      text-align: center;
      margin: 0 0 35px 0;
   }

   #service .section-content ul.small-feature-block li.small-feature-block-item .block-icon {
      text-align: center;
      display: inline-block;
      top: 0px;
      width: 40px;
      height: 40px;
   }

   #service .section-content ul.small-feature-block li.small-feature-block-item .block-icon img {
      max-width: 17px;
      max-height: 16px;
   }

   #service .section-content ul.small-feature-block li.small-feature-block-item .block-title {
      margin: 5px 0 0 0;
      padding: 0;
      font-size: 1.313rem;
   }

   #introduction .section-content h3 {
      font-size: 1.688rem;
   }
   ul.service-block {
      display: block;
      width: 100%;
      float: left;
      padding: 30px 0 0 0;
   }
   .videocon_left2 {
      margin: 0 !important;
   }
   .videocon_left2 img {
      height: auto !important; 
   }
   ul.service-block li.service-block-item {
      width: 100%;
      margin: 0 0 10px 0;
      border: 4px solid #01479D;
   }
   ul.service-block li.service-block-item::before {
      height: calc((100vw - 40px) * 0.75);
      background-position: center bottom;
   }
   ul.service-block li.service-block-item::after {
      filter: unset;
      top: 5px;
   }
   ul.service-block li.service-block-item .block-meta .block-eyebrow {
      font-size: 1rem;
      margin: 0 0 5px 0;
   }
   ul.service-block li.service-block-item .block-meta .block-title {
      font-size: 1.6rem;
   }
   ul.service-block li.service-block-item .block-meta .btn-area .btn-blue {
      padding: 10px 20px;
      bottom: 20px;
      font-size: 0.875rem;
   }
   ul.service-block li.service-block-item:nth-child(2) .block-meta .block-title {
      margin: 10px 0 0 0;
   }
   ul.service-block li.service-block-item:nth-child(3) .block-meta .block-title {
      margin: 20px 0 0 0 !important;
   }


   #guide {
      text-align: center;
   }

   #guide .section-description {
      font-size: 1rem;
      line-height: 1.36;
   }

   ul.expansion-block li.expansion-block-item .block-meta {
      gap: 20px 0;
      flex-wrap: wrap;
   }

   ul.expansion-block li.expansion-block-item .block-meta .block-meta-left {
      flex: 1 1 100%;
   }

   ul.expansion-block li.expansion-block-item .block-meta .block-meta-right {
      flex: 1 1 100%;
      padding: 0;
   }

   ul.expansion-block li.expansion-block-item .block-meta .block-meta-right ul.guide-info>li {
      width: 100%;
      border-right: none !important;
      padding: 20px !important;
      float: left;
      text-align: left;
      font-size: 0.875rem !important;
   }
   ul.expansion-block li.expansion-block-item .block-meta .block-meta-right ul.guide-info>li:last-child {
      width: calc(100% - 30px);
      margin: 15px;
   }
   ul.expansion-block li.expansion-block-item .block-meta .block-meta-right ul.guide-info>li:nth-child(1) {
      border-bottom: 1px solid #ddd;
   }

   ul.expansion-block li.expansion-block-item .block-meta .block-meta-right ul.guide-info>li>ul.guide-info-price>li {
      font-size: 1rem;
      line-height: 1.36;
   }

   ul.expansion-block li.expansion-block-item .block-meta .block-meta-right ul.guide-info>li>ul.guide-info-price+span {
      font-size: 0.875rem;
   }

   ul.expansion-block li.expansion-block-item .block-meta .block-meta-right ul.guide-info>li>ul.guide-info-benefit>li {
      font-size: 1rem;
      line-height: 1.36;
   }


   #process {
      text-align: center;
   }

   #process .section-description {
      font-size: 1rem;
      line-height: 1.36;
   }

   #process ul.block-3-cols {
      gap: 35px 0 !important;
   }

   ul.block-3-cols li.block-normal-item {
      flex: 1 1 100% !important;
   }

   ul.process-block li.block-normal-item::after {
      right: unset;
      top: unset;
      bottom: -25px;
      left: calc(50% - 8px);
      transform: rotate(90deg);
   }

   ul.process-block li.block-normal-item .block-meta {
      text-align: center;
   }

   ul.process-block li.block-normal-item .block-meta .block-number {
      font-size: 2.25rem;
      float: none;
      margin: 0 0 15px 0;
   }
   ul.process-block li.block-normal-item:hover .block-meta .block-number {
      float: none;
   }
   ul.block-normal li.block-normal-item .block-meta .block-title {
      margin: 0 0 5px 0;
   }

   #process ul.process-block li.block-normal-item .block-meta p {
      font-size: 0.875rem;
   }

   .process-info {
      width: 100%;
      margin: 0;
   }

   .process-info p {
      font-size: 0.875rem;
      line-height: 1.36;
      margin: 0 0 10px 0;
   }

   .process-info .btn-area {
      float: none;
      margin: 10px 0 20px 0;
   }


   .section-normal .section-content .content-right-65 {
      width: 100%;
   }

   ul.faq-loop li.faq-loop-item {
      border: 2px solid #e1e1e1;
   }

   ul.faq-loop li.faq-loop-item .faq-question {
      padding: 20px 40px 20px 20px;
      font-size: 1.125rem !important;
      text-align: left;
   }

   ul.faq-loop li.faq-loop-item:has(.ui-state-active) .faq-question {
      padding: 20px 40px 20px 20px;
   }

   ul.faq-loop li.faq-loop-item:has(.ui-state-active) .faq-answer {
      padding: 0 20px 20px 20px;
      text-align: left;
   }

   ul.faq-loop li.faq-loop-item .ui-state-default .ui-accordion-header-icon {
      top: 30px;
      right: 20px;
   }

   .certifications img {
      width: 100%;
      float: left;
   }

   #faq,
   #youtube {
      text-align: center;
   }

   .site-footer .site-footer-top ul.footer-navigation {
      width: 100%;
      height: auto;
   }

   .site-footer .site-footer-top ul.footer-navigation li {
      width: 100%;
      float: left;
   }

   .site-footer .site-footer-top ul.our-socials {
      width: 100%;
      float: left;
   }

   .site-footer .site-footer-top ul.our-socials li {
      float: left;
      margin: 0 10px 0 0;
   }

   .site-footer .site-footer-bottom .company-info {
      width: 100%;
      margin: 20px 0 0 0;
   }

   ul.block-carousel {
      width: calc(100% + 10px);
      margin: 0 -5px;
   }

   ul.block-carousel li.block-carousel-item {
      margin: 0 5px;
      padding: 20px;
   }

   ul.block-carousel li.block-carousel-item span.block-icon {
      width: 35px;
      height: 40px;
   }

   ul.block-carousel li.block-carousel-item .block-meta .block-title {
      text-align: left;
      font-size: 1rem;
   }

   ul.block-carousel li.block-carousel-item .block-meta .block-description {
      font-size: 1rem;
   }


   #video_wrap {
      padding: 0;
   }

   .video_contents {
      height: auto;
   }

   .videocon_left2 {
      width: 100%;
      height: auto;
      margin: 0 0 20px 0;
   }

   .videocon_right {
      height: auto;
      width: 100%;
   }

   .video_imgtable tr {
      height: auto;
   }

   .video_imgtable td {
      width: 33.33333%;
      display: inline-block;
      float: left;
   }

   .video_imgtable td.logo-cell {
      width: 99.99999%;
   }

   .video_imgtable td a img {
      aspect-ratio: 16 / 10;
      width: 100%;
      height: auto;
   }
   
   a.go-to-top {
      width: 56px;
      height: 56px;
      bottom: 20px;
      right: 10px;
      box-shadow: 0 0 30px rgba(0, 0, 0, .15);
      border: 3px solid #000;
      background-size: 16px 16px;
   }
   .fixed-btn {
      width: calc(100% - 86px);
      position: fixed;
      bottom: 20px;
      left: 10px;
      transform: unset;
      overflow: visibile;
      z-index: 5000;
   }
   .fixed-btn a.go-to-fax {
      float: left;
      display: inline-block;
      width: 100%;
      height: 56px;
      line-height: 50px;
      text-align: center;
      font-size: 1.313rem;
      font-weight: 700;
      border-radius: 28px 28px;
      background-color: #01479D;
      text-decoration: none;
      color: #fff;
      font-size: 1rem;
      box-shadow: 0 0 30px rgba(0, 0, 0, .15);
      transition: all .25s ease-in-out;
      -moz-transition: all .25s ease-in-out;
      -webkit-transition: all .25s ease-in-out;
   }
   .fixed-btn a.login {
      display: block;
      width: 56px;
      height: 56px;
      line-height: 56px;
      border-radius: 50% 50%;
      background-color: #fff;
      box-shadow: 0 0 30px rgba(0, 0, 0, .15);
      border: 1px solid #e1e1e1;
      color: #101010;
      float: right;
      text-align: center;
      font-weight: 700;
      font-size: 0.875rem;
      text-decoration: none;
   }
   .check-area .check-area-left .possible {
      line-height: 100px;
      border-radius: 5px 5px;
      margin: 0 0 5px 0;
   }
   .check-area .check-area-left .impossible {
      width: 100%;
      height: 100%;
      float: left;
      position: unset;
      top: unset;
      left: unset;
   }
   .check-area .check-area-left .impossible p {
      width: 100%;
      font-size: 0.875rem;
      margin: 0 0 5px 0;
   }
   .check-area .check-area-left .impossible p strong {
      font-size: 1rem;
   }
   .check-area .check-area-left .impossible ul {
      width: 100%;
      position: unset;
      top: unset;
      left: unset;
      transform: unset;
   }
   .check-area .check-area-left .impossible ul li {
      width: 100%;
   }
   .check-area .check-area-left .impossible ul li {
      font-size: 0.875rem;
   }
   .check-area .check-area-left .impossible ul li:nth-last-child(-n+2) {
      border-bottom: 1px solid #e1e1e1;
   }
   .check-area .check-area-left .impossible ul+span {
      position: unset;
      bottom: unset;
      left: unset;
   }

   ul.expansion-block li.expansion-block-item .block-meta .block-meta-left {
      height: auto;
   }
}

@media all and (max-width: 768px) {}

/* Mobile Start */
@media all and (max-width: 600px) {}

@media all and (max-width: 430px) {}

@media all and (max-width: 428px) {}

@media all and (max-width: 414px) {}

@media all and (max-width: 412px) {}

@media all and (max-width: 393px) {}

@media all and (max-width: 390px) {}

@media all and (max-width: 375px) {}

@media all and (max-width: 360px) {}

@media all and (max-width: 320px) {}