:root {
  --dyami-content-padding: 0;
}
 .section-block {padding: 6rem 0}
  @media (max-width: 991px) { .section-block { padding: 4rem 1rem} }
/* ----------------------------------------------------------------
 * Ä÷¯
 -----------------------------------------------------------------*/
:root {
 --bs-body-color: var(--bs-black); 
 --dyami-themecolor: #dc7d26; 
 --dyami-themecolor-rgb: 220 , 125, 38; 
 --dyami-subcolor: #00a366; 
 --dyami-subcolor-rgb: 0, 163, 102; 
 --dyami-link-color: var(--bs-light);
 --dyami-link-hover-color: var(--dyami-themecolor);
 --dyami-form-search-border: 1px solid var(--bs-border-color);
 --dyami-bg-dark: #020001;
}
html { scroll-behavior: smooth; }
 .dark {
  --bs-border-color: var(--dyami-contrast-300);
  color: var(--dyami-contrast-1000);
 }
 .dark .bg-dark2 {background-color: var(--dyami-bg-dark)}
 .dark .bg-tc {background-color: var(--dyami-themecolor)}
 .dark .card { --bs-card-color: var(--dyami-contrast-1000)}
 .dark .fbox-plain.fbox-dark .fbox-icon i { color: var(--dyami-contrast-1000)}
 .dark .fbox-content p { color: var(--dyami-contrast-900)}
 .dark .accordion {--bs-accordion-bg: var(--dyami-body-bg); --bs-accordion-btn-color: var(--bs-light); --bs-accordion-color: var(--bs-light)}
 .dark .accordion-header { color: var(--dyami-contrast-1000); font-size: 1.25rem; font-weight: 400; } 
 .dark .modal {--bs-modal-bg: var(--bs-dark)}
 .dark section.bg-light { background-color: var(--dyami-bg-dark) !important}
 .dark .table input, .dark .table select, .dark .table textarea {
  --dyami-form-bg: var(--dyami-contrast-200);
  --dyami-form-border-color: var(--dyami-contrast-200);
  --dyami-form-color: var(--bs-light);
  --dyami-form-focus-bg: var(--dyami-contrast-100);
  --dyami-form-focus-border-color: var(--dyami-themecolor);
  color: var(--bs-light)
 }
 .dark .table-paging-2>b { color: var(--bs-light)}
 .dark .table-paging-2>a { color: var(--dyami-contrast-888)}
 .dark .table-paging-2>a:hover { color: var(--dyami-themecolor)}
 .dark .search-wrap { background-color: transparent}
 .dark #search_table tr { background-color: var(--dyami-contrast-200); border: 1px solid transparent; border-radius: 30px; padding-left: 15px; padding-right: 5px; } 
 .dark #search_table input,
 .dark #search_table select { background-color: transparent; color: var(--bs-light)}
 .dark #search_table select option { background-color: var(--dyami-contrast-200); color: var(--bs-light); border-color: var(--dyami-contrast-200)}
 .dark #search_table input:focus,
 .dark #search_table select:focus { background-color: transparent; } 






/* ----------------------------------------------------------------
 * ÆùÆ®
 * À¥ÆùÆ®  ¼Ò½º´Â [¸ðµâ > TOP > ½ºÅ¸ÀϽÃÆ®] ¿¡¼­ È®ÀÎ °¡´ÉÇÕ´Ï´Ù.
 -----------------------------------------------------------------*/

:root {
  --dyami-body-font:  'Pretendard','Open Sans', 'Noto Sans KR', -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif !important;
 --dyami-primary-font: var(--dyami-body-font); 
  --bs-body-font-size: 18px;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --dyami-font-size-h1: 3rem;
  --dyami-font-size-h2: 2.75rem;
  --dyami-font-size-h3: 2.5rem;
  --dyami-font-size-h4: 2rem;
  --dyami-font-size-h5: 1.5rem;
  --dyami-font-size-h6: 1.25rem;
  --dyami-font-size-small: calc(var(--dyami-font-size-body) * 0.875);
  --dyami-headings-font-weight: 400;
}
@media (max-width: 1199px) {
  :root { 
    --dyami-font-size-h1: 52px; 
    --dyami-font-size-h2: 44px; 
    --dyami-font-size-h3: 32px;
     --dyami-font-size-h6: 1rem; }
}
@media (max-width: 991px) {
  :root { 
    --bs-body-font-size: 16px; 
    --dyami-font-size-h1: 40px; 
    --dyami-font-size-h2: 34px; 
    --dyami-font-size-h3: 30px; 
    --dyami-font-size-h4: 24px; }
}
@media (max-width: 575px) {
  :root { 
    --dyami-font-size-h1: 32px; 
    --dyami-font-size-h2: 28px; 
    --dyami-font-size-h3: 25px; 
    --dyami-font-size-h4: 22px; 
    --dyami-font-size-h5: 18px; }
}
.display-1 { font-size: calc(1.575rem + 4.5vw); }
.display-2 { font-size: calc(1.575rem + 3.9vw); }
.display-3 { font-size: calc(1.475rem + 3.3vw); }
.display-4 { font-size: calc(1.475rem + 1.8vw); }
.display-5 { font-size: calc(1.375rem + 1.8vw); }
@media (min-width: 1200px) {
  .display-1 { font-size: 4.25rem; }
  .display-2 { font-size: 4rem; }
  .display-3 { font-size: 3.75rem; }
  .display-4 { font-size: 3.5rem; }
  .display-5 { font-size: 3.25rem; }
}
@media (max-width: 991px) {
  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-bottom: 1.2rem }
}
/* ----------------------------------------------------------------
 * ¸Þ´º¹Ù
 -----------------------------------------------------------------*/
#header {
  --dyami-header-height: 80px;
  --dyami-header-bg: var(--bs-dark);
  --dyami-header-border-color: var(--bs-dark);
  --dyami-primary-menu-hover-bg: var(--dyami-themecolor);
  --dyami-primary-menu-active-color: var(--bs-light);
  --dyami-primary-menu-color: var(--bs-light);
  --dyami-primary-menu-hover-color: var(--bs-light);
  --dyami-primary-menu-font: var(--dyami-body-font);
  --dyami-primary-menu-font-weight: 500;
  --dyami-primary-menu-font-size: 18px;
  --dyami-primary-menu-submenu-bg: var(--dyami-themecolor);
  --dyami-primary-menu-submenu-font-size: 16px;
  --dyami-primary-menu-submenu-font-weight: 400;
  --dyami-primary-menu-submenu-color: var(--bs-dark);
  --dyami-primary-menu-submenu-hover-color: var(--bs-light);
   -dyami-primary-menu-submenu-display-offset:0; 
   --dyami-primary-menu-submenu-display-speed:0;
}
 @media (min-width: 1200px){
   #header { 
   --dyami-header-height: 80px; 
   --dyami-header-height-shrink: 80px; } 
  }
/* ----------------------------------------------------------------
 * ¼­ºêÆäÀÌÁö ŸÀÌƲ 
 -----------------------------------------------------------------*/
.page-title { 
  --dyami-page-title-padding: 6rem; 
  --dyami-page-title-font-size: calc(1.4rem + 1.3vw); 
  --dyami-page-title-font-weight: 500; 
  --dyami-page-title-color: var(--bs-light); 
} 
 .page-title .bg-overlay-bg { background-color: rgba(var(--bs-black-rgb), 0.8); } 
 .page-title-content h1,
 .page-title-content .h1 { font-family: var(--dyami-body-font); } 
 @media (min-width: 1200px){
  .page-title { --dyami-page-title-padding: 5rem; } 
 }




#metrics-globe { position: relative; }
#metrics-globe .index-num-title { opacity: .95; }


.gm-wrap{
  position: relative;
  width: min(1200px, 92vw);
  margin-inline: auto;
  /* ¼½¼Ç ³ôÀÌ È®º¸ (ºñÀ² °íÁ¤ ´À³¦) */
  aspect-ratio: 16 / 9;
}


/* 2) Áö±¸ ºñÁÖ¾ó */
.gm-globe{ /*position:absolute;*/ inset:0; display:grid; place-items:center; pointer-events:none; }
.gm-globe-img{
  /*width: min(700px, 70vw);*/
  height: auto;
  opacity: .95;
  filter: drop-shadow(0 8px 50px rgba(0,0,0,.6));
}


/* ÇÊ¿ä ½Ã ¶óÀÎ/ÆÄƼŬ ¿À¹ö·¹ÀÌ */
.gm-globe-line{
  position:absolute; inset:0;
  background: radial-gradient(60% 60% at 50% 50%, rgba(255,255,255,.08), transparent 60%);
  mix-blend-mode: screen;
  pointer-events:none;
}


/* 3) ¸ÞÆ®¸¯ °øÅë */
.gm-list{ position: absolute; inset:0; }
.gm-item{
  position:absolute;
  transform: translate(-50%, -50%);
  text-align:center;
  color:#fff;
  width:max-content;
}
.gm-item dt{
  font-size: clamp(12px, 1.1vw, 14px);
  opacity:.7; 
}
.gm-item dd{
  margin:0;
  font-weight:800; letter-spacing:.3px;
  line-height:1.05;
  margin-bottom:1rem;
}
.gm-cap{
  display:block; 
  font-size: clamp(11px, .95vw, 13px);
  color:#bdbdbd;
}
.gm-dot{
  display:inline-block; width:.5rem; height:.5rem; border-radius:50%;
  margin-right:.35rem; transform: translateY(-.15rem);
  background: #fff;
  box-shadow: 0 0 12px rgba(255,255,255,.6);
}
.gm-num{ display:inline-block; }


/* 4) Æ÷Áö¼Å´× (¹Ý¿ø ¾Æ·¡ÂÊ¿¡ 5°³ ¹èÄ¡) */
.gm-item--l1{ left:11%; top:60%; }
.gm-item--l2{ left:26%; top:77%; }
.gm-item--c { left:50%; top:90%; }
.gm-item--r2{ right:19%; top:76%; }
.gm-item--r1{ right:0%; top:61%; }


/* 5) ¹ÝÀÀÇü */
@media (max-width: 992px){
  .gm-wrap{ aspect-ratio: auto; min-height: 720px; }
  .gm-globe-img{ width:min(82vw, 520px); }
  .gm-list{
    position: static; display:grid; gap: 18px 14px;
    grid-template-columns: repeat(2, minmax(0,1fr));
    justify-items:center; margin-top: 18px;
  }
  .gm-item{
    position:static; transform:none; width:100%;
  }
  .gm-item--c{ grid-column: 1 / -1; } /* Áß¾Ó ¼ýÀÚ´Â ÇÑ ÁÙ Àüü */
}
@media (max-width: 576px){
  .gm-list{ grid-template-columns: repeat(2, 1fr); }
  .gm-item dd{ font-size: clamp(22px, 7vw, 34px); }
}


.gm-globe-img {
  display: inline-block;
  animation: tilt-spin 4s infinite ease-in-out;
  transform-origin: center center; /* Á᫐ ±âÁØ */
}


@keyframes tilt-spin {
  0%   { transform: rotate(0deg) scale(1); }
  20%  { transform: rotate(3deg) scale(1.02); }
  40%  { transform: rotate(-3deg) scale(1.02); }
  60%  { transform: rotate(2deg) scale(1.01); }
  80%  { transform: rotate(-2deg) scale(1.01); }
  100% { transform: rotate(0deg) scale(1); }
}






/* ==========================================================================
   Packages Cards (pkg-*)
   ========================================================================== */
.pkg-card{
  display:grid;
  grid-template-columns: 1.1fr 1.2fr;
  gap: 28px;
  align-items: center;
  padding: 28px;
  border-radius: 14px;
  color:#fff;
  margin-bottom: 18px;
}
.pkg--dark  { background:#111; }
.pkg--yellow{ background:#f6b70b; }
.pkg--orange{ background:#eb8a10;  }


.pkg-left{ padding: 8px 6px; }
.pkg-symbol{
  display:inline-block; width:35px; height:35px; margin-bottom:8px;
  background: url('/bizdemo165447/img/_yami/images/pkg_icon01.svg') no-repeat center / contain;
  opacity:.9;
}
.pkg-symbol--up   { background: url('/bizdemo165447/img/_yami/images/pkg_icon02.svg') no-repeat center / contain; }
.pkg-symbol--star { background: url('/bizdemo165447/img/_yami/images/pkg_icon03.svg') no-repeat center / contain; }


/*.pkg-title-en{ font-size: clamp(22px, 2.2vw, 28px); font-weight:800; line-height:1.15; }
.pkg-title-kr{ font-size: clamp(15px, 1.4vw, 18px); font-weight:700; margin-top:2px; opacity:.95; }
.pkg-desc{
  margin-top: 14px;
  font-size: clamp(13px, 1.2vw, 16px);
  line-height: 1.6;
  opacity:.95;
}*/


/* ¿À¸¥ÂÊ ±â´É ¸ñ·Ï(2¿­¡¿3Çà) */
.pkg-right{ padding: 6px; }
.pkg-feats{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 22px;
  list-style:none; margin:0; padding:0;
}
.pkg-feat{
  display:flex; align-items:center; justify-content:space-between;
  background: rgba(255,255,255,.06);
  border-radius: 8px; padding: 12px 12px 12px 14px;
}

.pkg--yellow .pkg-feat{ background: rgba(244,154,13,0.5); }

.pkg--orange .pkg-feat{ background: rgba(234,115,9,0.7); }


.pkg-feat .label{
  font-size: clamp(12px, 1.05vw, 16px);
  line-height:1.45;
  color: currentColor;
  padding-right:10px;
  word-break: keep-all;
}
.pkg-feat .ico{
  flex:0 0 44px; height:44px; border-radius:6px;
  align-content:center;
  text-align:center;
}


.pkg-feat .ico i{
 font-size:1.5rem;
}
/*.pkg--yellow .pkg-feat .ico,
.pkg--orange .pkg-feat .ico{ background-color:#fff; }*/


/* data-icon ¼Ó¼ºÀÌ ÀÖÀ¸¸é ÇØ´ç À̹ÌÁö·Î ġȯ */
.pkg-feat .ico[data-icon]{ background-image: attr(data-icon url); }


/* ¹ÝÀÀÇü */
@media (max-width: 992px){
  .pkg-card{ grid-template-columns: 1fr; }
  .pkg-feats{ grid-template-columns: 1fr; }
}




.cnd-main-visual-scroll{position: absolute !important;right: 50%;bottom: 10%;z-index: 100;}
.cnd-main-visual-scroll i{width:35px; height:15
px; display: block; color: #fff; opacity: 0.25; background: url('/bizdemo165447/img/_yami/images/scroll_down.svg') no-repeat center / contain; }
.cnd-main-visual-scroll i.down01{animation: cnd-scroll 1.5s ease infinite;}
.cnd-main-visual-scroll i.down02{margin-top: 3px;animation: cnd-scroll 1.5s ease infinite; animation-delay:0.2s;}
.cnd-main-visual-scroll i.down03{margin-top: 3px;animation: cnd-scroll 1.5s ease infinite; animation-delay:0.3s;}


@keyframes cnd-scroll {
    10% {opacity: 0.25;}
    20% {opacity: 0.5;}
    30% {opacity: 1;}
}
.hilight-box{
  position: relative; /* °¡»ó¿ä¼Ò ±âÁØ */
  display: inline-block;
}


.hilight-box:before {
  content: "";       /* °­Á¶ÇÒ ÅؽºÆ® */
  position: absolute;
  left: 0;
  top: 0;
  padding: 3.5% 10.5%;           /* ¾ÈÂÊ ¿©¹é */
  background-color: rgba(255,255,255,0.2); /* ¹ÝÅõ¸í ¹Ú½º */
  border-radius: 12px;
  color: #fff;                  /* ±ÛÀÚ»ö */
  font-weight: inherit;         /* ±âÁ¸ µÎ²² À¯Áö */
  z-index: 1;                  /* ÅؽºÆ® µÚ·Î */
}




.swiper-slide-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  animation: zoomInOut 12s ease-in-out infinite;
}


@keyframes zoomInOut {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.1); }
  100% { transform: scale(1); }
}


.j-img{
  image-rendering: -webkit-optimize-contrast; /* Å©·Ò/»çÆĸ® */
  image-rendering: crisp-edges;              /* ÀϺΠºê¶ó¿ìÀú */
  -ms-interpolation-mode: nearest-neighbor;  /* IE Àü¿ë */
}


.table select, .table-formmail select{background: url('/bizdemo165447/img/_yami/images/select.svg') no-repeat 95% center,#343a40  ; background-size:16px 12px; padding-right: 30px;}
div.bg-overlay-bg{background: var(--dyami-themecolor)}
  .formmail_cell_bgcolor>tbody>tr>td>input{margin-right:5px;}

@media (max-width: 750px){
  #header-wrap #logo img{height:auto;}
 .hilight-box:before{padding:6.5% 23%;}
 .hilight-box .h1{font-size:28px}
 .hilight-box span.opacity-50{padding-left:0!important}
 .fs-4{font-size:calc(1rem + 0.3vw) !important}
 .fs-5{font-size:calc(1rem + 0.2vw) !important}
 .footer-logo img{height:30px;}
 .quick-menu-wrap{width:70px!important; right:20px!important; transform:translateY(20%)!important;}
 .quick-menu{width:70px!important;height:70px!important; padding:0!important}
 .top-btn-box .top-btn{width:70px!important;height:70px!important; }
 .section-block{padding:3rem 1rem;}
 .pkg-feat{padding:2px 12px 2px 14px}
 .mt-5{margin-top:2rem!important;}
 #cnd01 .mt-5{margin-top:1rem!important; font-size:calc(1.5rem + 1.5vw) !important}
 p{margin-bottom:1rem!important;}
 .pkg-card{gap:0;}
 .formmail_cell_bgcolor tr {
    display: flex;
    flex-wrap: wrap;
  }

  .formmail_cell_bgcolor td {
    flex: 0 0 50%;  
    box-sizing: border-box;
    padding: 5px 0;
  }

  
  .formmail_cell_bgcolor td[width="10"] {
    display: none;
  }


 #metrics-globe .pb-6{padding-bottom:2rem!important;}
 div.bg-overlay-bg{background: var(--dyami-contrast-bg)}

}



@media (max-width: 750px){




}