@charset "utf-8";

.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }

  .daterangepicker .ranges ul {
    width: 140px;
  }

  .daterangepicker.single .ranges ul {
    width: 100%;
  }

  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }

  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left;
  }

  .daterangepicker {
    direction: ltr;
    text-align: left;
  }

  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }

  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }

  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left;
  }
}

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }

  .daterangepicker .ranges {
    float: left;
  }

  .daterangepicker.rtl .ranges {
    float: right;
  }

  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}















/* Universal tags */
body * {
    box-sizing: border-box;
    word-break: keep-all;
}

body {
  font-family: Noto Sans KR,sans-serif;
  margin: 0;
  min-height: 100vh;
}

img {
  max-width: 100%;
  vertical-align: top;
}

button {
  background-color: transparent;
  cursor: pointer;
  border: none;
  outline: none;
  padding: 0;
}

.light {
  font-weight: 300;
}

a {
  text-decoration: none;
  color: #151515;
}

ul {
  padding:0;

}

b,strong{font-weight: normal;}
li {
  list-style: none;
}

.inner{width: 100%; max-width: 1200px; margin: 0 auto;}
.inner2{width: 100%; max-width: 1600px; margin: 0 auto;}

button {
  background-color: transparent;
  cursor: pointer;
  border: none;
  outline: none;
}





html,body{word-break:keep-all; font-size:16px; color:#444; font-weight:300}
input,button,img{vertical-align:middle;}
html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp, 
small, strong, sub, sup, var,
b, i, a,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, summary,
time, mark, audio, video {margin:0; padding:0; outline:0; text-decoration:none; font-weight: normal;}
body {min-width:320px; line-height:1;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
body, input, textarea, select, button, table {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}
ul, ol {list-style-type:none;}
input, select {vertical-align:middle;}
a {text-decoration:none; color:#454545}
.hidden {display:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

table {border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-weight: normal;font-style: normal;}
q:before,q:after{content:'';}
abbr,acronym {border: 0;}


/* 폼공통 */
input{vertical-align:middle;}
textarea:focus {outline: none;}
button:focus {outline: none;}
input:focus {outline: none;}
select:focus {outline: none;}


select:disabled {
  opacity: 0.3;
}

label{font-size: 16px; font-weight: 400;}






select {width:100%; height:45px; padding:0 10px; color:#555; font-weight:300;}
select::-ms-expand{display: none;}



body {
  margin: 0;
}


/*css start*/


.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  max-width: 1200px;
  margin: 0 auto;
}

.logo img {
  height: 55px;
}

.menu {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 1rem;
}

.menu li a {
  text-decoration: none;
  color: #333;
  font-weight: 600;
}

/* 모바일 메뉴 토글 버튼 */
.menu-toggle {
  display: none;
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
}

.menu-toggle[aria-expanded="true"] {
  color: #007bff;
}



/*
header{width: 100%; background: #051d45; height: auto; display: flex; align-items: center; position: fixed; top: 0; z-index: 9;
  flex-direction: column; height:95px;
}*/

header {
    width: 100%;
    background: #17264a;
    height: 95px;
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    z-index: 9;
}


.notice{background: #01112c; color: #fff; padding: 10px 0; width: 100%;
  font-size: 12px; text-align: center;
}
nav{width: 100%; max-width: 1200px; margin: 0 auto;
  padding: 15px 0;
}

.logo{display: flex; align-items: center; gap: 15px;}
.container{display: flex; align-items: center; justify-content: space-between; position: relative;}

.visa-nav-menu{display: flex; gap: 20px;}
.visa-nav-menu li a{color: #fff; font-size: 18px;}

.nav-menu{display: flex; gap: 30px; align-items: center}
.nav-menu li a{color: #fff; font-size: 18px;}


.logo-top-txt{color: #fff; font-size: 16px; font-weight: 400;}
.logo-bottom-txt{color: #fff; font-size: 16px; font-weight: 400; margin-top: 5px;}

.visual{width: 100%; background: url(../images/visual.webp) no-repeat center; height: 917px; text-align: center;
  display: flex; align-items: center; margin-top: 36px; background-size: cover; position: relative; overflow: hidden;
}



.vis_title{color: #fff;}

.vis_title h1{font-size: 40px; font-family: "EB Garamond"; font-weight: 800;}
.vis_title h2{font-size: 30px; margin-top: 20px; line-height: 145%;}
.vis_title p{font-size: 18px; margin-top: 20px;}

.vis_service{border: 2px solid #fff; background: rgba(255, 255, 255, 0.5); border-radius: 15px; color: #11375c; padding: 30px; box-sizing: border-box; margin-top: 50px;}
.vis_service h2{font-size: 32px; font-weight: 600; margin-bottom: 30px;}

.flex_zone > ul{display: flex; gap: 21px;}
.flex_zone > ul li{width: calc(100% / 3 - 14px); background: #fff; padding: 25px; border-radius: 10px;  font-weight: 600;}
.flex_zone > ul li span{font-weight: 600; font-size: 18px; }


.contact_btn{margin-top: 30px;}
.contact_btn a{font-size: 18px; background: #127487; color: #fff; display: inline-block; vertical-align: middle; padding: 10px 25px; border-radius: 50px;}


.circle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #11375c;
  color: #ffffff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: 400;
  margin-right: 10px;
}

.passport_img_list ul li img{width: 100%;}

.passport_img_list ul{display: flex; gap: 24px; flex-wrap: wrap}
.passport_img_list ul li{width: calc(100% / 3 - 16px); padding-left: 0; text-align: center;}
.passport_img_list ul li p{font-size: 16px; }
.passport_img_list ul li p.txt_pas_ing_list{font-weight: 400; font-size: 18px; color: #333;}

.passport_img_list{margin-bottom: 30px;}



.sr-only{display: none;}
.cus_flex_z ul li .cus_flex_z2{display: flex; align-items: center; justify-content: center}

.input_box .cus_flex_z{display: flex; justify-content: space-between; align-items: center; gap: 20px; position: relative;}
.cus_flex_z{justify-content: space-between; align-items: center; gap: 20px;}



@media screen and (max-width: 1500px) {
  nav,.inner{width: 100%; max-width: 100%; box-sizing: border-box; padding: 0 50px;}
  nav{padding-top: 15px !important; padding-bottom: 15px !important;}
}

/* 반응형 디자인 */
@media (max-width: 1340px) {
  .menu {
      display: none;
      flex-direction: column;
      background-color: #ffffff;
      position: absolute;
      top: 100%;
      right: 0;
      width: 100%;
      padding: 1rem 0;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      gap: 0.5rem;
  }

  .menu li {
      text-align: center;
  }

  .menu li a {
      display: block;
      padding: 0.5rem;
  }

  .menu[aria-expanded="true"] {
      display: flex;
  }

  .menu-toggle {
      display: block;
  }



  /* visa-nav-menu 스타일 */
  .visa-nav-menu {
    position: fixed;
    top: 0;
    right: 0;
    transform: translateX(250px);
    width: 250px;
    height: 100vh;
    background-color: #0056b3;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 20px;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);
    transition: transform 0.3s ease-in-out;
  }


  .visa-nav-menu.open {
    transform: translateX(0); /* 화면 안으로 슬라이드 */
  }

  .menu-toggle {
    display: block;
    position: absolute;
    top: 48%;
    transform: translateY(-50%);
    left: 0;
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: #fff;
    z-index: 1001;
  }
  .menu {
    display: none;
  }

  .menu-toggle {
      display: block;
  }

  .menu-toggle[aria-expanded="true"] {
    color: #ffcc00; /* 버튼 활성화 시 색상 */
  }
}


.contents_step{padding: 80px 0;}
.contents_step h2{text-align: center; font-size: 35px; color: #000; font-family: "EB Garamond"; font-weight: 800;}
.contents_step ul{display: flex; gap: 24px;}
.contents_step ul li{width: calc(100% / 3 - 16px); display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 20px;
  border: 2px solid #ddd; border-radius: 15px; height: 331px;
}
.contents_step ul li img{max-height: 68px; display: block;}
.contents_step ul li span{font-size: 22px; color: #0d4aaa; font-weight: 400; margin-top: 15px;}
.contents_step ul li p{font-size: 22px; color: #000; text-align: center; line-height: 135%;}
.contents_step ul li:hover{border-color: #051d45; transition: all 0.5s;}


.contents_step .logo-icon{max-height: 55px;}
.contents_step .flex_zone{display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 13px;}


.contents_step_title{display: flex; gap: 15px; margin-bottom: 60px; align-items: center; justify-content: center;}

.background_gray{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: #251811; opacity: 0.8;}
.background_city{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/service_bg.webp) no-repeat center; z-index: -1;}

.contents_our_service{width: 100%; padding: 100px 0; color: #fff; text-align: center; position: relative;}



.contents_our_service h2{font-size: 40px;  font-family: "EB Garamond"; font-weight: 800; line-height: 135%;}
.contents_our_service p{font-size: 18px; margin-top: 30px; line-height: 155%;}

.mobile_block{display: none;}

.contents_key_services{padding: 100px 0; background: #1c2f72; color: #fff;}
.contents_key_services .inner{display: flex; align-items: center; gap: 15px;}
.country_map_img{width: 30%;}

.contents_key_services h2{font-size: 40px;  font-family: "EB Garamond"; font-weight: 800; line-height: 135%; margin-bottom: 30px;}
.contents_key_services p{font-size: 18px; margin-top: 13px; line-height: 155%;}


.contents_travel_authorization{padding: 120px 0; position: relative; display: flex; align-items: center; color: #fff; text-align: center;
  background: url(../images/city_bg.webp) no-repeat center; background-size: cover;
}


.contents_travel_authorization h2{font-size: 40px;  font-family: "EB Garamond"; font-weight: 800; line-height: 135%; }
.contents_travel_authorization p{font-size: 18px; margin-top: 25px; line-height: 155%;}
.margin_side{margin-top: 50px;}


.site-footer{padding: 30px 0; background: #282828; color: #fff; text-align: center; font-size: 14px;}
.site-footer p{line-height: 145%; color: #a3a3a3;}
.footer-bottom{color: #5f5b5b;}

.footer-nav{display: flex; align-items: center; justify-content: center;}
.footer-nav ul{display: flex; align-items: center; padding: 20px 0;}
.footer-nav ul li{padding: 0 20px; border-right: 1px solid #fff;}
.footer-nav ul li:last-of-type{border-right: 0;}
.footer-nav ul li a{color: #fff; line-height: 135%;}
.footer-nav ul li:first-of-type a{color: #6d8ffa;}

.page-header{background:url(../images/page-header-bg.avif) no-repeat center; margin-top: 95px; min-height: 200px; box-sizing: border-box;
  padding-top: 20px; color: #fff; background-size: cover;
}

.page-header .breadcrumb a{color: #fff; text-decoration: underline; font-size: 14px;}
.page-header .breadcrumb span{font-size: 14px;}

.breadcrumb{margin-bottom: 34px;}

.main-overview h2{font-size: 42px;font-family: "EB Garamond"; font-weight: 600; line-height: 135%; color: #333;}
.page-content-area p{font-size: 18px; line-height: 160%; margin-top: 10px; color: #435d87;}

.over_view_box{margin-top: 40px;}

.page-content-area p b{color: #4574a1; text-decoration: underline; font-weight: 500;}

.overview ul{margin-top: 30px;}
.overview ul li{line-height: 145%; font-size: 18px; position: relative; padding-right: 25px;}

.page-content-area h3{font-size: 24px; padding-right: 50px; position: relative; font-family: "EB Garamond"; font-weight: 600;  line-height: 145%; position: relative;}


.confirmation-section  .details-summary h3{font-size: 25px;}


.overview{margin-top: 50px; }

.b_bolck_zone b{display: block;}


.page-content-area h3::after {
  position: absolute;
  width: 19px;
  height: 12px;
  right: 0; top: 50%; transform: translateY(-50%);
  content: "";
  padding-right: 30px;
  background: url(../images/icon_tit_md.png) no-repeat center;
}



.overview > ul li:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  display: inline-block;
  width: 10px;
  height: 3px;
  background-color: #0b3974;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}








.main-overview .lnb_tit{background: url(../images/bg_lnb_tit.png) no-repeat center; width: 280px; height: 6px; margin-top: 10px;}

.page-title{padding-right: 60px; box-sizing: border-box; position: relative; height: 130px;
  width: 100%; max-width: 1080px; margin: 0 auto;
}
.page-title::after{position: absolute; right: 0; background: #c1a783; width: 1px; height: 100%; content: ""; top: 0;}
.page-title h1{font-size: 52px;font-family: "EB Garamond"; font-weight: 700; line-height: 135%;}


.page-content-area{width: 100%; max-width: 1075px; margin: 0 auto; box-sizing: border-box; padding:60px 0; color: #333;}


.star_point{
  background: url(../images/star.svg) 0 0 repeat;
  content: "";
  display: block;
  font-size: 12px;
  height: 18px;
  left: 0;
  line-height: 1;
  max-width: 53px;
  width: 53px;
}


.flex_zone ul li .flex_zone2{display: flex; align-items: center; justify-content: center}

.txt_indent{padding-left: 30px; position: relative;}
.txt_indent::before{position: absolute; left: 10px; width: 7px; height: 2px; background: #0c3975; top: 13px; content: "";}


.visa-nav-menu li:last-of-type img{margin-left: 10px;}


.input_box{display: flex; flex-direction: column; width: 100%; max-width: 550px;}

.form-section{padding: 0; display: flex; justify-content: space-between; }
.form-section.width_cotrols label{width: 70%; box-sizing: border-box; padding-right: 30px;}
.form-section.width_cotrols .input_box{width: 30%;}

.input_box .flex_zone{display: flex; justify-content: space-between; align-items: center; gap: 20px; position: relative;}
.flex_zone{justify-content: space-between; align-items: center; gap: 20px;}

.form-section label{width: 36%;}

.form-section input{width: 100%; max-width: 550px; border-radius: 10px; height: 50px; border: 1px solid #ebebeb; padding: 0 20px;
  background: #f4f4f6; font-size: 16px;
}

.form-section .upload-btn{width: 100%; max-width: 550px; border-radius: 10px; height: 50px; border: 1px solid #ebebeb; padding: 0 20px;
  background: #f4f4f6; font-size: 16px; color: #5A5A5A; text-align: left;
}

.popup{position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; max-width: 550px; height: auto; border: 15px;
background: #f0f6fd;  padding: 30px; z-index: 1; padding-top: 15px; z-index: 10;
}
.popup p{font-size: 16px; text-align: center; margin-top: 0; margin-bottom: 15px;}


.flex_pop{display: flex; flex-direction: column; gap: 15px;}
.flex_pop button{width:100%; box-sizing: border-box; padding: 20px; font-size: 18px; border: 1px solid #ddd;}
#passport-photo-preview{max-height: 600px; overflow: hidden;}


.form-section input:focus{border-color: #d3ebfd; background-color: #e7f4fe;}

.form-section select:focus{border-color: #d3ebfd; background-color: #e7f4fe;}
.input_box.error{color: red;}

.form-section select.error{
  border-color: #fcdfd9;
    background: #fdefec url(../images/faile_omg.svg) no-repeat;
    background-size: contain;
    background-position: 5% 50%;
    background-size: 23px 23px;
}



.form-section input.valid{border-color: #d8eedd; 
  background: #eaf6ec url(../images/chek_suss.svg) no-repeat; background-size: contain; background-position: 5% 50%; background-size: 23px 23px;}
.form-section input.error{border-color: #fcdfd9;
  background: #fdefec url(../images/faile_omg.svg) no-repeat;  background-size: contain; background-position: 5% 50%; background-size: 23px 23px;
}
input.error + .error-message {
  display: block; /* 오류 상태에서 표시 */
}

#passport-info-section .form-section{margin-bottom: 15px;}
#employer-section .form-section{margin-bottom: 15px;}
#transit-section .form-section{margin-bottom: 15px;}
#us-address-section .form-section{margin-bottom: 15px;}

#us-address-section .form-section:last-of-type{margin-bottom: 0;}
#transit-section .form-section:last-of-type{margin-bottom: 0;}
#passport-info-section .form-section:last-of-type{margin-bottom: 0;}
#employer-section .form-section:last-of-type{margin-bottom: 0;}

#other-citizenship-section .form-section:first-of-type,
#alias-name-section .form-section:first-of-type{margin-bottom: 15px;}
.make-known {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin-top: 0;
  min-height: 10px;
}
.error-message{font-size: 14px; font-weight: 500; color: #de3412; margin-bottom: 5px; margin-top: 5px;}
.make-known p{font-size: 14px;  font-weight: 500; margin-top: 0;}

.form-help a{width: 25px; height: 25px; border-radius: 100%; display: flex; align-items: center; justify-content: center; background: #0b3974; color: #fff;}


.form-title{width: 100%; padding: 16px;  background: #1b3b6f url(../images/pointer.webp) no-repeat right; border-radius: 10px; 
  background-size: cover; margin-top: 20px;
}
.form-title h2{font-size: 20px; font-weight: 500; color: #fff;}

.form_contents{padding: 20px; display: flex; flex-direction: column; gap: 20px; box-sizing: border-box;}
.required{color: #ff1100;}
.form_contents label{font-size: 18px; font-weight: 500; margin-top: 0; line-height: 145%;}


.help-text-close-btn{position: absolute; right: 15px; top: 15px;}
.help-text-gu{background: #fff; border-radius: 15px; box-shadow: 2px 2px 2px #000; padding: 20px; font-size: 14px; font-weight: 500;
  box-shadow: 1px 2px 6px 1px #10182830; line-height: 145%; padding-right: 50px; position: relative; margin-top: 15px; display: none; word-wrap: break-word
}

.btn-close{background: url(../images/close-btn.svg) no-repeat center; width: 18px; height: 18px; background-size: contain;}

.flex_zone.flex_zone_left{ justify-content: flex-end;margin-top: 0;}


.pop_up{position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; max-width: 550px; height: auto; background: #00588f; box-sizing: border-box; 
  box-shadow: 1px 2px 7px #000; border-radius: 15px; color: #fff;
}

.pop_up_content{position: relative;}
.pop_up_content p{margin-top: 0; padding: 40px 30px; box-sizing: border-box; color: #fff;}


.close-pop-up{position: absolute; top: 10px; right: 10px; 
    background: url(../images/close-btn.svg) no-repeat center;
    width: 18px;
    height: 18px;
    background-size: contain;
}


.description{margin-bottom: 15px;}

.form-section.down_flex_zone{flex-direction: column;}
.form-section.down_flex_zone .input_box{max-width: 100%;}
.form-section.down_flex_zone label{width: 100%;}

.overview ul.disease-list{margin-top: 0;}

.overview ul.disease-list li{position: relative; font-size: 16px;}
.overview ul.disease-list li::after{position: absolute; width: 8px; height: 8px; background: #1b3b6f; border-radius: 100%; right: 0; content: ""; top: 9px;}


.submit-section button{width: 250px; height: 55px; margin: 0 auto; background: #0F6E80; color: #fff; border-radius: 15px;
  font-size: 20px;
}

.submit-section a{width: 250px; height: 55px; margin: 0 auto; background: #0F6E80; color: #fff; border-radius: 15px;
  font-size: 20px; display: flex; align-items: center; justify-content: center;
}

.submit-section button:hover{background: #1590A3;}
.submit-section a:hover{background: #1590A3;}
#passport-photo-preview{padding-top: 15px;}



.form-section label.radio-label{display: flex; align-items: center;gap: 5px; width: auto; margin-top: 0;}
.radio-label input{ height: 21px; width: 21px;}

#issuing-country-input {
  width: 100%;
  padding: 10px;
  border-radius: 5px;
}

.custom-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 180px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  display: none;
  z-index: 10;
}

.custom-dropdown .dropdown-list {
  display: flex;
  list-style: none;
  flex-direction: column;
  padding: 0;
  margin: 0;
}

.custom-dropdown .dropdown-list li {
  padding: 10px 20px;
  cursor: pointer;
  width: 100% !important;
  font-size: 16px;
  border-bottom: 1px solid #eee;
}
.custom-dropdown .dropdown-list li:last-of-type{border-bottom: 0;}



.custom-dropdown .dropdown-list li span img{border: 1px solid #ddd; margin-right: 20px;}


.custom-dropdown .dropdown-list li.hover{
  background: #f9f9f9 url(../images/check-red.svg) no-repeat;
  background-position: 5% 50%;
  color: #0b3974;
}


#issuing-country-input:focus{border-color: #d3ebfd; background:#e7f4fe url(../images/search.svg) no-repeat; background-position: 5% 50%; background-size: 20px 20px;}
#citizenship-country-input:focus{border-color: #d3ebfd; background:#e7f4fe url(../images/search.svg) no-repeat; background-position: 5% 50%; background-size: 20px 20px;}
#birth-country-input:focus{border-color: #d3ebfd; background:#e7f4fe url(../images/search.svg) no-repeat; background-position: 5% 50%; background-size: 20px 20px;}
#other-citizenship-input:focus{border-color: #d3ebfd; background:#e7f4fe url(../images/search.svg) no-repeat; background-position: 5% 50%; background-size: 20px 20px;}
#passport-issuing-input:focus{border-color: #d3ebfd; background:#e7f4fe url(../images/search.svg) no-repeat; background-position: 5% 50%; background-size: 20px 20px;}
#contact-country-input:focus{border-color: #d3ebfd; background:#e7f4fe url(../images/search.svg) no-repeat; background-position: 5% 50%; background-size: 20px 20px;}
#employer-country:focus{border-color: #d3ebfd; background:#e7f4fe url(../images/search.svg) no-repeat; background-position: 5% 50%; background-size: 20px 20px;}
#us-state:focus{border-color: #d3ebfd; background:#e7f4fe url(../images/search.svg) no-repeat; background-position: 5% 50%; background-size: 20px 20px;}
#country-code-input:focus{border-color: #d3ebfd; background:#e7f4fe url(../images/search.svg) no-repeat; background-position: 5% 50%; background-size: 20px 20px;}
#employer-country-code:focus{border-color: #d3ebfd; background:#e7f4fe url(../images/search.svg) no-repeat; background-position: 5% 50%; background-size: 20px 20px;}
#transit-country-code:focus{border-color: #d3ebfd; background:#e7f4fe url(../images/search.svg) no-repeat; background-position: 5% 50%; background-size: 20px 20px;}
#emergency-country-code-input:focus{border-color: #d3ebfd; background:#e7f4fe url(../images/search.svg) no-repeat; background-position: 5% 50%; background-size: 20px 20px;}

.daterangepicker{
  width: 100%; max-width: 400px;
}
.daterangepicker .drp-calendar{
  width: 100%; max-width: 400px; font-size: 18px;
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td{font-size: 16px; padding: 10px;
color: #0c0c0c; font-weight: 500;
}
.daterangepicker .calendar-table th{color: #0b3974;}
.daterangepicker .calendar-table .month{padding: 0;}

.daterangepicker select.monthselect, .daterangepicker select.yearselect{min-height: 40px; font-size: 16px; padding: 0 20px; font-weight: 500;
  border-radius: 10px; border-color: #e0e0e0; color: #000; min-width: 105px;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date{
  color: #b6b6b6;
}

.daterangepicker td.active, .daterangepicker td.active:hover{
  color: #fff; background: #0b3974;
}

.daterangepicker select.monthselect{width: 40%;}

.daterangepicker .drp-buttons{display: flex !important; gap: 10px; margin: 0; border-top: 0;}
.daterangepicker .drp-buttons .btn{width: calc(100% / 2 - 5px); box-sizing: border-box; border: 1px solid #e0e0e0; margin: 0;
  min-height: 45px; border-radius: 10px; font-size: 16px; font-weight: 500; color: #1a1a1a;
}

.daterangepicker .drp-buttons .btn.applyBtn{background-color: #0b3974; color: #fff;}

input:disabled, select:disabled, textarea:disabled {
  opacity: 0.4;
}

.form_contents label.no-focus-label {
  pointer-events: none;
  margin-top: 10px;
}

.form-section.width_cotrols .no-focus-label{
  margin-top: 0;
}

.visually-hidden{display: none;}

.top_cont_zone{display: flex; justify-content: space-between; gap: 20px;}


.top_cont_zone .form-section {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: calc(100% / 2 - 10px)
}

.bottom_cont_zone .form-section {
  display: flex;
  flex-direction: column;
}


.daterangepicker .calendar-table th font, .daterangepicker .calendar-table td font{pointer-events: none;}

.details-summary{margin-bottom: 20px;}
.details-summary h3{margin-bottom: 20px;}
.check_info_box {
  background-color: #f7f8f9;
  border: 1px solid #dfdfdf;
  padding: 30px 35px;
  box-sizing: border-box;
}

.water_box2 ul li span{font-size: 18px; font-weight: 500;}
.water_box2 ul li p:first-of-type{font-size: 16px;}
.water_box2 ul li p:last-of-type{font-size: 16px; text-align: right; color: tomato;}


.check_info_box .li_width_100{
  display: flex;
  align-items: center;
  gap: 15px;
  line-height: 160%;
  justify-content: space-between;
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}
.check_info_box .li_width_100 p{margin-top: 0;}

.title_details_cof{display: flex; align-items: center; justify-content: space-between;}

.title_details_cof a,.title_details_cof button.edit{background: #0c3975; color: #fff; display: flex; align-items: center; justify-content: center; padding: 10px 20px;}


.share_three_box ul{display: flex; gap: 21px; flex-wrap: wrap;}
.share_three_box ul li{width: calc(100% / 3 - 14px);}
.share_three_box ul li span{font-size: 14px; font-weight: 500; line-height: 145%;}
.share_three_box ul li.li_width_100{width: 100%; display: flex; gap: 15px; border-bottom: 1px solid #ddd;}
.share_three_box ul li.li_width_100 span{font-size: 17px;}
.share_three_box ul li.li_width_100 p{margin-top: 0;}


.confirm-checkbox{display: flex; align-items: center; gap: 10px; margin-top: 10px !important;}
.confirm-checkbox label{font-size: 20px;}
.confirm-checkbox input{width: 20px; height: 20px;}

.form-submit.submit-section{margin: 0 auto;text-align: center;}
.share_two_box ul{display: flex; gap: 21px; flex-wrap: wrap;}
.share_two_box ul li{width: calc(100% / 2 - 10.5px);}
.share_two_box ul li span{font-size: 14px; font-weight: 500; line-height: 145%;}
.share_two_box ul li.li_width_100{width: 100%; display: flex; gap: 15px; border-bottom: 1px solid #ddd;}
.share_two_box ul li.li_width_100 span{font-size: 18px;}
.share_two_box ul li.li_width_100 p{margin-top: 0;}

.bottom_cont_zone{display: flex; justify-content: space-between;}

.top_cont_zone .form-section label,
.bottom_cont_zone .form-section label{width: 100%;}

.bottom_cont_zone{gap: 20px;}
.bottom_cont_zone > .form-section {
  flex-direction: column;
  justify-content: space-between;
  width: calc(100% / 2 - 10px);
}

.card_img_zone {box-sizing: border-box; padding: 20px;}

.confirmation-section{margin-top: 30px;}

.paysong.submit-section{text-align: center;}


.left_zibe{ color: #a3a3a3; margin-bottom: 10px;}


.height-xus{min-height: 191px; height: auto !important; display: flex; align-items: flex-start;
width: 100%; background: #f4f4f6; border: 1px solid #ebebeb; box-sizing: border-box; padding: 20px;
border-radius: 10px;
}



/* 2025-02-27 GEON */

/* 2025-02-27 GEON */



@media screen and (max-width: 1660px) {
  .inner2{width: 100%; box-sizing: border-box; padding: 0 50px;}
}

@media screen and (max-width: 1050px) {
  .page-content-area{width: 100%; max-width: 100%; box-sizing: border-box; padding: 60px 50px;}
}


@media screen and (max-width: 1340px) {
  .vis_title h1{font-size: 30px;}
  .vis_title h2{font-size: 24px;}
  .vis_title p{font-size: 16px;}
  .vis_service h2{font-size: 28px;}
  .flex_zone ul li span{font-size: 18px;}
  .circle{font-size: 16px; width: 20px; height: 20px; min-width: 20px}
  .flex_zone ul li{padding: 15px;}
  .visa-nav-menu li a{line-height: 145%;}
  .contents_step h2{font-size: 30px;}
  .contents_step .logo-icon{max-height: 45px;}
  .contents_step_title{margin-bottom: 38px;}
  .contents_step ul li p{font-size: 18px;}
  .contents_step ul li span{font-size: 18px;}
  .contents_step ul li img{max-height: 50px;}
  .contents_step ul li{height: 280px;}
  .country_map_img{width: 340px;}
  .contents_key_services .inner{gap: 30px;}
  /*.key_services_txt_box{width: calc(100% - 340px);}*/
}


@media screen and (max-width: 1040px) {
  .top_cont_zone {
    flex-direction: column;
  }
  .bottom_cont_zone {
    flex-direction: column;
    width: calc(100%);
  }
  .top_cont_zone .form-section{
    width: calc(100%);
  }
  .bottom_cont_zone .form-section{
    width: calc(100%);
  }
}
@media screen and (max-width: 900px) {
  .bottom_cont_zone{gap: 10px;}
  .form-section {
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 15px;
  }
  .form-section label{width: 100%;}

  .form-section.width_cotrols label{width: 100%; box-sizing: border-box; padding-right: 0;}
  .form-section.width_cotrols .input_box{width: 100%;}


  .pop_up{width: 95%;}

  .popup{width: 90%;}
  .flex_pop button{padding: 10px; font-size: 15px;}
}


@media screen and (max-width: 800px) {
  .over_view_box{margin-top: 30px;}
  .page-content-area h3{font-size: 20px; padding-left: 25px;}
  .page-content-area h3::after{padding-left: 0;}
  .page-content-area p{font-size: 16px;}
  .main-overview h2{font-size: 28px;}
  .page-content-area{padding: 20px;}
  .page-title{padding-left: 20px;}
  .page-title h1{font-size: 36px;}
  .page-header{margin-top: 75px;}

  .share_three_box ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .share_two_box ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .share_three_box ul li,
  .share_two_box ul li{width: calc(100%);}


  
  .footer-nav ul {
      display: flex;
      flex-wrap: wrap;
      padding: 10px 0;
      box-sizing: border-box;
  }

  .title_details_cof {
      align-items: normal;
      justify-content: space-between;
      flex-direction: column;
  }
  .footer-nav ul li{padding: 0 10px; box-sizing: border-box; margin-bottom: 10px;}
  .footer-nav ul li:nth-of-type(2){border-right: 0;}
  .footer-nav ul li:nth-of-type(4){border-right: 0;}
  .footer-nav ul li{width: 50%;}
  .contents_travel_authorization{padding: 50px 0;}
  .contents_travel_authorization .inner2{padding: 0 30px;}
  .contents_travel_authorization h2{font-size: 30px;}
  .contents_travel_authorization p{font-size: 16px;}
  .contents_key_services h2{font-size: 30px;}
  .contents_key_services p{font-size: 16px;}
  .contents_key_services .inner {flex-direction: column;}
  .country_map_img{width: 100%; text-align: center; padding: 20px;}
  .contents_key_services{padding: 50px 0;}
  .key_services_txt_box{width: calc(100%);}
  header{height: auto;}
  .contact_btn a,
  .vis_service h2,
  .vis_title h1{line-height: 135%;}
  nav, .inner{padding: 0 30px;}
  .menu-toggle{left: 30px;}
  .flex_zone > ul {
    display: flex;
    gap: 21px;
    flex-direction: column;
  }
  .flex_zone ul li{width: 100%; text-align: left;}
  .vis_title h2{font-size: 17px;}
  .visual{background-size: cover;}
  .contents_step h2{font-size: 20px; letter-spacing: -0.5px;}
  .contents_step ul{flex-direction: column;}
  .contents_step ul li{width: calc(100%); height: 220px;}
  .contents_step_title {margin-bottom: 30px;}
  .contents_step .logo-icon{height: 38px;}
  .contents_step {padding: 50px 0;}
  .contents_our_service h2{font-size: 30px;}
  .contents_our_service p{font-size: 16px;}
  .page-content-area{padding-bottom: 50px;}
  .check_info_box{padding: 15px;}
  .confirmation-section .title_details_cof h3{font-size: 20px; padding-left: 35px;}
  .share_three_box ul{gap: 11px;}
  .check_info_box ul li p{margin-top: 2px;}
  .confirm-checkbox label{font-size: 15px; line-height: 135%;}
  .confirm-checkbox input{width: 27px; height: 27px;}
  .share_two_box ul{gap: 10px;}
  .share_two_box ul li.li_width_100 {
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
  }
  .share_two_box ul li.li_width_100 span{font-size: 15px;}

  .check_info_box .li_width_100{
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
  }
  .check_info_box .li_width_100 span{font-size: 14px;}
  .share_three_box ul{gap: 10px;}
  .share_three_box ul li.li_width_100 {
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
  }
  .share_three_box ul li.li_width_100 span{font-size: 15px;}
  .mo_rit li p{margin-left: auto;}
  .water_box2 ul li span{font-size: 16px; margin-bottom: 10px; display: block;}
  .water_box2 ul li p:first-of-type{font-size: 14px;}
  .water_box2 ul li p:last-of-type{margin-bottom: 20px;}
  .breadcrumb.breadcrumb33{display: none;}
  .breadcrumb{display: none;}
}

@media screen and (max-width: 500px) {
  .form-section input{font-size: 15px; padding: 0 12px;}
  .form-section input.valid,
  .form-section input.error{background-size: 18px;}
  .help-text-gu{padding: 15px; font-size: 13px; padding-right: 35px;}
  .form_contents label{font-size: 15px;}
  .overview ul.disease-list li{font-size: 14px;}
  .page-content-area p{font-size: 14px;}
  .form_contents label{margin-top: 0;}
  .form_contents{padding: 20px 0;}
  .form-title h2{font-size: 16px; line-height: 145%;}
  .input_box .flex_zone{gap: 10px;}
  .overview ul.disease-list li::after{width: 5px; height: 5px; top: 8px;}


  .mo_mini_size{margin-top: 25px;}
  .contents_travel_authorization{background-position: 40%;}
  .contents_travel_authorization .inner2{padding: 0 15px;}
  .contents_travel_authorization h2{font-size: 24px;}
  .contents_our_service{padding: 50px 0;}
  .mobile_block{display: block;}
  .visual{height: auto; padding: 100px  0; margin-top: 0;}
  nav, .inner{padding: 0 9px;}
  .menu-toggle{left: 15px;}
  .vis_service{padding: 15px;}
  .logo-top-txt{font-size: 14px;}
  .logo-bottom-txt{font-size: 14px;}
  .logo img{height: 45px;}
  .logo{gap: 10px;}

  .vis_title h1{font-size: 23px;}
  .vis_title h2{font-size: 16px;}
  .vis_title p{font-size: 14px; line-height: 135%;}
  .vis_service{margin-top: 30px;}
  .vis_service h2{font-size: 18px;}
  .flex_zone ul li span{font-size: 14px;}
  .vis_service h2{margin-bottom: 15px;}
  .flex_zone > ul{gap: 15px;}
  .contact_btn a{font-size: 14px; }
  .contact_btn{margin-top: 15px;}
  .visa-nav-menu li a{font-size: 16px;}
  .flex_zone2{width: 238px; text-align: left;}
  .flex_zone ul li .flex_zone2{    justify-content: flex-start; }

  .flex_zone ul li{display: flex; justify-content: center;}
  .flex_zone ul li span {letter-spacing: -0.4px;}
  .contents_step h2{text-align: left; line-height: 135%;}
  .contents_step ul li{height: 180px; padding: 15px;}
  .contents_step ul li p{font-size: 16px;}
  .contents_step ul li span{font-size: 16px; margin-top: 0;}
  .contents_step ul li img {max-height: 40px;}
  .contents_step_title{margin-bottomm: 20px;}
  .contents_step{padding: 30px 0;}
  .radio-label input {
      height: 19px;
      width: 19px;
  }
  .form-section label.radio-label{gap: 3px;}
}

.contact_btn a:hover {
  background: #1590A3;
}



.visa-table .more{margin-top: 0; justify-content: flex-start}
.visa-table .more a{padding: 9px 20px; border-radius: 0; background: #213164;}

.more a{display: flex; align-items: center; justify-content: center; padding: 15px 25px; background: #127487; border-radius: 50px; text-align: center; color: #fff; font-size: 18px;}
.more{display:flex; margin: 0 auto; margin-top: 20px;     justify-content: center;}



.contents_faq{padding: 80px 0;}
.contents_faq h2{text-align: center; font-size: 35px; color: #333; font-family: "EB Garamond"; font-weight: 800; margin-bottom: 60px;
  position: relative;padding: 30px 0;
}

.more a:hover{background: #1590A3;}

.contents_faq h2::before {
  content: "★ ★ ★";
  letter-spacing: 4px;
  color: #c1a783;
  display: block;
  font-size: 16px;
  padding-bottom: 14px;
}

.contents_faq h2::after {
  background: #c1a783;
  bottom: 0;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 200px;
}


.contents_faq .inner{max-width: 1400px;}
.contents_faq {
  padding: 50px 20px;
  background: url(./images/faq-background.webp) repeat;
  filter: brightness(1.03);
}
.faq_list {
  max-width: 1400px;
  margin: 0 auto;
  list-style: none;
  padding: 0;
  display: flex;
  gap: 24px;
}
.faq_item {
  border-bottom: 1px solid #ccc; box-sizing: border-box;
  padding: 30px; border-radius: 15px; padding-bottom: 50px; cursor: pointer; transition: all 0.5s;
}

.faq_item:hover{background: #FFF; transition: all 0.5s;}


.faq_item span{
  color: #666;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  line-height: 1.5833333333;
  padding-left: 49px;
  position: relative;
  margin-bottom: 12px;
}


.faq_item span:before {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
  border-bottom: 1px solid #c1a783;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 30px;
}






.faq_question {
  width: 100%;
  text-align: left;
  font-size: 25px;
  cursor: pointer;
  display: flex;
  border-bottom-color: rgba(69, 116, 161, 0);
  color: #0e2855;
  transition: all .2s;
  font-family: "EB Garamond";
  text-decoration: underline;
  font-weight: 500;
  margin-bottom: 20px;
  min-height: 62px;
  position: relative;
}

.faq_question font{text-decoration: none !important;     vertical-align: super !important;}


/*
.faq_answer {
  overflow: hidden;
  height: 0;
  transition: height 0.3s ease-out, padding 0.3s ease-out;
  padding: 0 10px;
  opacity: 0;
}*/

.faq_answer{color: #000; font-size: 16px;}
.faq_answer p,.faq_answer li{line-height: 190%; font-weight: 400;}

.faq_item.active .faq_answer {
  opacity: 1;
}


.sub_faq .overview ul li{padding-left: 0;}
.faq_item{
  width: calc(100% / 3 - 16px);
  display: flex;
  box-sizing: border-box;
  height: 380px;
  flex-direction: column;
}

@media screen and (max-width: 1350px) {
  .faq_list {
    flex-direction: column;
  }
  .faq_item{width: calc(100%);}
  .contents_faq{background: #f9f9f9;}
  .faq_question{min-height: auto;}
  .faq_item{height: auto; padding-bottom: 50px;}
}
@media screen and (max-width: 800px) {
.contents_faq h2{font-size: 22px; line-height: 145%; padding: 15px 0;}
.contents_faq h2::before{padding-bottom: 0;}
.contents_faq{padding: 20px 10px;}
.contents_faq h2{margin-bottom: 35px;}
.faq_question{font-size: 20px;}
.contents_faq h2::before{font-size: 14px;}
.faq_item{padding-bottom: 35px;}
.more a{font-size: 16px; margin-bottom: 4dvh;}
.contents_faq .inner{padding: 0 15px;}
.faq_item{padding: 0; border-radius: 0; background: none; padding-bottom: 30px;}
.faq_item:hover{background: none;}
.sub_faq .overview ul li{font-size: 14px; padding-left: 0;}
.faq_answer{font-size: 14px;}
}

.pho-apps{ padding: 60px 20px;  box-sizing: border-box; text-align: center; background: #fff; width: auto;
  box-shadow: 2px 2px 2px #dfe9f3;
}
.pho-apps ul{margin-top: 0; padding: 30px 0; border-top: 3px solid #ddd;}
.pho-apps ul li{padding-left: 0;}
.pho-apps p{font-size: 16px; color: #333;  margin-bottom: 5px;}

.pho-apps img{max-width: 100px; margin: 0 auto; margin-bottom: 30px;}
.flex_pop.flex_pop2{flex-direction: row; gap: 20px;}



.txt_oop_pass{margin-bottom: 0; padding: 15px 0;}

.flex_pop.flex_pop2 button{margin-top: 15px; padding: 8px; font-size: 16px; border: 0; border-radius: 8px;}
.flex_pop.flex_pop2 .pho-apps:nth-of-type(1) button{background: #0983d0; color: #fff;}
.flex_pop.flex_pop2 .pho-apps:nth-of-type(2) button{background: #ff6148; color: #fff;}

.flex_pop.flex_pop2 .pho-apps:nth-of-type(1) ul{border-color: #0983d0;}
.flex_pop.flex_pop2 .pho-apps:nth-of-type(2) ul{border-color: #ff6148;}

.title_pop_pass{position: relative;}
.popup-close{position: absolute; top: 50%;transform: translateY(-50%); right: 0; padding: 10px; border-radius: 5px; background: #e0eaf4; color: #4574a1; font-weight: 500;}


@media screen and (max-width: 600px) {
  .popup{width: 100%;}
  .flex_pop.flex_pop2 {flex-direction: column;gap: 20px;}
  .popup{box-sizing: border-box; padding-top: 30px; padding: 15px; border-radius: 10px;}
  .pho-apps ul{padding: 10px 0; font-size: 14px; border-top: 0;}
  .pho-apps{width: 100%; padding: 15px;}
  .pho-apps img{margin-bottom: 0; max-width: 64px;}
  .flex_pop.flex_pop2 button{font-size: 14px; padding: 6px;}
  .txt_oop_pass{display: none;}
  .popup{padding-top: 20px; z-index: 10;}
  .pho-apps p{font-size: 14px;}
  .title_pop_pass{text-align: center;}
  .popup-close{position: relative; transform: none; top: auto; right: auto; margin-top: 10px;}
  .flex_pop.flex_pop2 button{border-radius: 15px; margin-top: 0;}
  .pho-apps{border-radius: 10px;}
  .popup .popup-content{display: flex; flex-direction: column-reverse;}
}

 /*paypal SDK 연동 : 이광우 수정
.d-none {
  display: none !important;
}
*/

#payment-form {
  position: relative;
}
#payment-form #first-name,
#payment-form #last-name {
  text-transform: uppercase;
}
#payment-form .form-section input::placeholder {
  font-family: 'sans-serif';
}
#payment-form .form-section .bt-hosted-field-wrapper {
  width: 100%;
  max-width: 550px;
  border-radius: 10px;
  height: 50px;
  border: 1px solid #ebebeb;
  padding: 0 20px;
  background: #f4f4f6;
  font-size: 16px;
  position: relative;
}
#payment-form .form-section .bt-hosted-field-wrapper[data-id="card-number"],
#payment-form .form-section .bt-hosted-field-wrapper[data-id="cvv"],
#payment-form .form-section .bt-hosted-field-wrapper[data-id="exp-date"] {
  padding: 0;
}
#payment-form .form-section .bt-hosted-field-wrapper span {
  position: absolute;
  font-size: 16px;
  color: rgb(117, 117, 117);
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  font-family: 'sans-serif';
}
#payment-form.loaded .form-section .bt-hosted-field-wrapper span {
  display: none;
}
#payment-form .form-section .bt-hosted-field {
  width: 100%;
  height: 100%;
}
#payment-form .form-section .bt-hosted-field-wrapper.focus{border-color: #d3ebfd; background-color: #e7f4fe;}
#payment-form .form-section .bt-hosted-field-wrapper.valid{border-color: #d8eedd;
  background: #eaf6ec url(../images/chek_suss.svg) no-repeat; background-size: contain; background-position: 5% 50%; background-size: 23px 23px;}
#payment-form .form-section .bt-hosted-field-wrapper.error{border-color: #fcdfd9;
  background: #fdefec url(../images/faile_omg.svg) no-repeat;  background-size: contain; background-position: 5% 50%; background-size: 23px 23px;
}
#payment-form .loader-wrapper {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.3);
}
#payment-form.loaded .loader-wrapper,
#payment-form .loader-wrapper.off {
  display: none;
}
#payment-form .loader {
  position: absolute;
  top: calc(50% - 24px);
  left: calc(50% - 24px);
  width: 48px;
  height: 48px;
  border: 5px solid #FFF;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
#payment-form #pay-button:disabled {
  opacity: 0.6;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}



.visa_info_step_key{padding: 100px 0; background: #111d50; color: #fff;}

.visa_info_step_key.visa_info_step_key2{background: #243367;}

.visa_info_step_key_txtbox{text-align: center; margin: 0 auto;
width: 100%; max-width: 1200px;
}

.visa_info_step_key2 .visa_info_step_key_txtbox{width: 100%;}
.visa_info_step_key2 .visa_info_step_key_txtbox h2{text-align: center;}
.visa_info_step_key2 .visa_info_step_key_txtbox ul{display: flex; flex-direction: row; gap: 15px;}
.visa_info_step_key2 .visa_info_step_key_txtbox ul li{width: calc(100% / 5 - 12px); box-sizing: border-box;
  padding: 30px 15px; background: #1c2957;     border-top: 3px solid #8894c1; text-align: center; font-size: 16px;
}


.visa_info_step_key2 .visa_info_step_key_txtbox ul li p{font-size: 16px; color: #88a1c1;}


.visa_info_step_key2 .visa_info_step_key_txtbox ul li h3{line-height: 135%; font-size: 18px;}

.visa_info_step_key2 .visa_info_step_key_txtbox ul li:hover{background: #101a3d; transition: all 0.5s;

}

.visa_info_step_key .wrap{display: flex; align-items: center; gap: 15px;}
.visa_info_step_key_img_box{width: 45%;}

.visa_info_step_key h2{font-size: 35px;  font-weight: 800; line-height: 135%; margin-bottom: 30px;}
.visa_info_step_key p{font-size: 18px; margin-top: 13px; line-height: 155%;}
.visa_info_step_key p b {text-decoration: underline;}



.visa_info_step_key_txtbox ul{display: flex; flex-direction: column; gap: 15px;}
.visa-table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: Arial, sans-serif;
}

.visa-table tr:hover{background: #2f417a;}



.visa-table2{border-collapse: collapse;
border: 0;
}

.visa-table th:first-of-type{text-align: center;}
.visa-table th,
.visa-table td {
  padding: 10px 20px;
  text-align: left;
  line-height: 145%;
  box-sizing: border-box;
  border-bottom: 1px solid #213164;
}

.visa-table2 th{color: #fff; border: 1px solid #ddd; box-sizing: border-box;
  width: calc(100%/3); text-align: center; border-right: 1px solid #ddd;
}
.visa-table2 th:last-of-type{border-right: 0;}
.visa-table2 th,
.visa-table2 td {
  padding: 10px;
  line-height: 145%;
  box-sizing: border-box;
  border-bottom: 1px solid #213164;
}
.visa-table2 td{padding: 20px; border: 1px solid #ddd; box-sizing: border-box; border-collapse: collapse;}
.visa-table2 thead {
  background-color: #213164;
  border-top: 2px solid #6276b6;
  border-right: 1px solid #213164;
  border-left: 1px solid #213164;
}

.visa-table2 p{line-height: 200%; color: #000;}

.table_is_center{text-align: center;}

.visa-table td:first-of-type{text-align: center;}

.visa-table thead {
  background-color: #213164;
  border-top: 2px solid #6276b6;
}

.visa-card-list {
  display: none;
}

.over_view_box h4{font-size: 24px; margin-top: 40px; margin-bottom: 20px;}

.passport_info_tit.passport_info_tit3{margin-top: 50px; margin-bottom: 15px;}

.passport_info_tit h2{font-size: 20px; position: relative; padding-left: 30px; font-weight: 400;}
.passport_info_tit_top{margin-top: 15px;}
.passport_info_tit_top p{padding-left: 30px; font-size: 16px;}

.passport_info_tit_bottom h4{font-size: 20px; position: relative; padding-left: 30px; font-weight: 400;}
.passport_info_tit_bottom{margin-top: 15px;}
.passport_info_tit_bottom p{padding-left: 30px; font-size: 16px;}

.passport_info_tit_bottom h4::after {
  position: absolute;
  width: 19px;
  height: 12px;
  left: 0; top: 50%; transform: translateY(-50%);
  content: "";
  padding-left: 0;
  background: url(../images/icon_tit_md.png) no-repeat center;
}

#passport-photo-preview img{max-width: 550px; width: 100%;}
.flex_center_cus{align-items: center;}

.passport_info_tit_bottom.passport_info_tit_bottom2 p{padding-left: 0;}

.passport_info_tit h2::after{display: none !important;}

.passport_img_txt{margin-top: 15px;}



.form-section select{
    width: 100%;
    max-width: 550px;
    border-radius: 10px;
    height: 50px;
    border: 1px solid #ebebeb;
    padding: 0 20px;
    background: #f4f4f6;
    font-size: 16px;
    color: #002a5f;
    font-weight: 400;
}



#face-photo-preview{text-align: right;}
#face-photo-preview img{max-width: 550px; width: 100%;}

.passport_img_list ul li img{width: 100%;}

.passport_img_list ul{display: flex; gap: 24px; flex-wrap: wrap}
.passport_img_list ul li{width: calc(100% / 3 - 16px); padding-left: 0; text-align: center;}
.passport_img_list ul li p{font-size: 16px; }
.passport_img_list ul li p.txt_pas_ing_list{font-weight: 400; font-size: 18px; color: #333;}

.passport_img_list{margin-bottom: 30px;}



.visa_table{
  width: 100%;
  border-top: 2px solid #000;
  table-layout: fixed;
  line-height: 1.375;
  /* color: #000; */
}

.visa_table th {
  font-size: 16px;
  word-break: keep-all;
  font-weight: 400;
  background-color: #f1f2f4;
  border-bottom: 1px solid #dfdfdf;
}

.visa_table td:first-of-type {
  border-left: 0;
  border-right: 1px solid #dfdfdf;
}
.visa_table td {
  border-left: 1px solid #dfdfdf;
  padding: 13px 20px;
  border-bottom: 1px solid #dfdfdf;
  text-align: center;
}


.visa_table th:first-of-type {
  border-left: 0;
  border-right: 1px solid #dfdfdf;
}
.visa_table th{
  border-left: 1px solid #dfdfdf;
  padding: 13px 20px;
  border-bottom: 1px solid #dfdfdf;
}

.visa_table td span{display: inline-block; padding: 5px 15px; border: 1px solid #ddd; background: #fff; border-radius: 5px;}

.visa_table td span.sus{
  color: #367511;
  background: #e2f6d6;
  border-color:#d5efc5;
}
.visa_table td span.arr{
  background-color: #ffebe5;
  color: #ff5b32;
  border-color:#ffdcd2;
}
.visa_table td span.bos{
  color: #1c95ad;
  background: #d3f4fa;
  border-color:#c4f0f7;
}

.visa_table th:nth-child(6),
.visa_table td:nth-child(6) {
    width: 120px;
    text-align: center;
}

.visa_table td:nth-child(5) {
font-size: 14px;
padding: 10px;
}



.sub_faq .form-title{margin-bottom: 50px;}



@media screen and (max-width: 800px) {
  .visa_info_step_key{padding: 50px 0;}
  .visa_info_step_key h2{font-size: 25px; margin-bottom: 6px;}
  .all_table_zz{overflow-x:scroll;}
  .visa-table{min-width: 1200px;}
  .visa-table .more a{margin-bottom: 0;}
  .more a{line-height: 135%;}
  .contents_key_services h2,
  .contents_our_service h2{font-size: 24px;}
  .inner2{padding: 0 15px;}
  .visual{padding-top: 150px;}

  .visa-table2 {
    display: none;
  }
  .visa-card-list {
    display: block;
  }
  .contents_step ul li{height: auto; text-align: left; border-radius: 0; border: 0;
  border-bottom: 1px solid #ddd; flex-direction: column
  }

  .contents_step ul li:last-of-type{border-bottom: 0;}
  .contents_step ul{gap: 0; border:1px solid #ddd}
  .contents_step ul li:hover{border-color:#ddd}

  .visa-card h3{text-align: center;}

  .visa-card h3 {
    color: #fff;
    padding: 15px;
    background-color: #213164;
    border-top: 2px solid #6276b6;
  }

  .visa-card .more{margin: 0;}
  .visa-card .more a{margin: 0;}

  .overview ul li{font-size: 14px; padding-left: 10px;}
}


.customLanguageDropdown{position: absolute; left: 0;}

.language-selector {
  position: relative;
  display: inline-block;
}

.language-toggle {
  cursor: pointer;
  padding: 5px;
  color: #fff;
}

.language-options {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #01112c;
  color: #fff;
  border-radius: 10px;
  padding: 10px;
  margin: 5px 0 0 0;
  width: 120px;
  z-index: 1000;
}

.language-options li {
  padding: 8px 12px;
  cursor: pointer;
  text-align: center;
}

.language-options li:hover {
  background-color: #051d45;
  border-radius: 5px;
  color: #fff;
}


.flex_pop.flex_pop2{flex-direction: row; gap: 20px;}



.txt_oop_pass{margin-bottom: 0; padding: 15px 0;}

.flex_pop.flex_pop2 button{margin-top: 15px; padding: 8px; font-size: 16px; border: 0; border-radius: 8px;}
.flex_pop.flex_pop2 .pho-apps:nth-of-type(1) button{background: #0983d0; color: #fff;}
.flex_pop.flex_pop2 .pho-apps:nth-of-type(2) button{background: #0b3974; color: #fff;}

.flex_pop.flex_pop2 .pho-apps:nth-of-type(1) ul{border-color: #0983d0;}
.flex_pop.flex_pop2 .pho-apps:nth-of-type(2) ul{border-color: #0b3974;}

.title_pop_pass{position: relative;}
.popup-close{position: absolute; top: 50%;transform: translateY(-50%); right: 0; padding: 10px; border-radius: 5px; background: #e0eaf4; color: #4574a1; font-weight: 500;}


@media screen and (max-width: 600px) {
  .popup{width: 100%;}
  .flex_pop.flex_pop2 {flex-direction: column;gap: 20px;}
  .popup{box-sizing: border-box; padding-top: 30px; padding: 15px; border-radius: 10px;}
  .pho-apps ul{padding: 10px 0; font-size: 14px; border-top: 0;}
  .pho-apps{width: 100%; padding: 15px;}
  .pho-apps img{margin-bottom: 0; max-width: 64px;}
  .flex_pop.flex_pop2 button{font-size: 14px; padding: 6px;}
  .txt_oop_pass{display: none;}
  .popup{padding-top: 20px; z-index: 10;}
  .pho-apps p{font-size: 14px;}
  .title_pop_pass{text-align: center;}
  .popup-close{position: relative; transform: none; top: auto; right: auto; margin-top: 10px;}
  .flex_pop.flex_pop2 button{border-radius: 15px; margin-top: 0;}
  .pho-apps{border-radius: 10px;}
  .popup .popup-content{display: flex; flex-direction: column-reverse;}
}


/**
 * Copyright (c) Microblink Ltd. All rights reserved.
 */


 #screen-initial,
 #screen-scanning
 {
     display: block;
     width: 100%;
     height: 100%;
 }
 
 /* Rules for better readability */

 
 video
 {
     width: 100%;
     height: 100%;
 }
 
 textarea
 {
     display: block;
 }
 
 /* Camera feedback */
 #screen-scanning
 {
     position: relative;
 }
 



 #screen-scanning-camera {
  display: none !important;
  position: fixed !important;
  top: 0;
  left: 0;
  width: 94%;       /* 양옆 여백 */
  height: 90vh;     /* 상하 여백 */
  margin: 5vh 3%;   /* 가운데 정렬 */
  box-sizing: border-box;
  z-index: 9999;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 0 15px rgba(0,0,0,0.3);
  background: #000;
}



 #camera-feedback
 {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
 
     width: 100%;
     height: 100%;
 }
 
 #camera-guides
 {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     text-align: center;
     font-weight: bold;
 }
 
 /* Auxiliary classes */
 .hidden
 {
     display: none !important;
 }
 
 .flex_pop.flex_pop2 .pho-apps:nth-of-type(2) .popup-btn {
  background: #0b3974;
  color: #fff;
  margin-top: 15px;
  padding: 8px;
  font-size: 20px;
  border: 0;
  border-radius: 8px;
  width: 100%;
  box-sizing: border-box;
}
 

#face-photo-preview img,
.passport-photo-preview img{max-width: 400px;}



.payment-result {
  padding: 60px 0;
}
.payment-result .card {
  max-width: 480px;
  margin: 0 auto;
  padding: 32px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
  text-align: center;
}
.payment-result .card h2 {
  font-size: 26px;
  margin-bottom: 24px;
  color: #2c3e50;
}
.payment-result .card p {
  font-size: 16px;
  margin: 8px 0;
  color: #555;
}
.payment-result .card p strong {
  color: #000;
}
.payment-result .btn-home {
  display: inline-block;
  margin-top: 28px;
  padding: 12px 28px;
  background-color: #0066cc;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  transition: background-color .2s ease;
}
.payment-result .btn-home:hover {
  background-color: #005bb5;
}

.payment-result{display: flex; align-items: center; justify-content: center;}




.payment-form-container {
    display: none;
    padding: 20px;
    background: #f9f9f9;
    margin-top: 20px;
    border-radius: 15px;
}

.payment-methods {
    margin-bottom: 20px;
}

.section-title {
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
}

#payment-method-select {
    width: 100%;
    padding: 8px;
    font-size: 1rem;
    border: 1px solid #ccc;
}


.payment-methods select{
    font-family: 'Noto Sans KR', sans-serif;
    width: 100%;
    background-color: #fff;
    border-color: #0b3947;
    border-width: 1px;
    border-radius: 0;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000;
    min-height: 42px;
}

.left_ing{margin-top: 100px;}
.card_img{display: flex; gap: 10px; justify-content: flex-end; min-width: 200px;}
.card_img img{max-width: 60px; padding: 10px 0;}



  .payment-method-container {
    display: flex;
    justify-content: center;
    padding: 30px;
    font-family: sans-serif;
    width: 100%;
    max-width: 1280px;
  }

  .payment-option {
    width: 360px;
    border: 1px solid #ddd;
    border-radius: 12px;
    text-align: center;
    padding: 25px 20px;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.2s ease;
  }

  .payment-option:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  }

  .payment-icon {
    font-size: 38px;

    color: #0052cc;
  }

  .btn-payletter {
    display: inline-block;
    width: 100%;
    padding: 14px 0;
    background-color: #02b9ad;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    margin-bottom: 10px;
    transition: background-color 0.2s;
  }

  .btn-payletter:hover {
    background-color: #003f99;
  }

  .pay-desc {
    font-size: 14px;
    color: #666;
  }

  .flex_zonesq{display: flex; justify-content: space-between; align-items: center}

  #cit_opt_prc2{display: flex; align-items: center; justify-content: space-between; width: 100%; font-size: 18px; margin-top: 20px;}
  #cit_opt_prc2 span{display: inline-block;}

.payment-option .btn-payletter{margin-top: 25px;}
.payment-method-container{background: #f5f5f5;}

@media screen and (max-width: 600px) {
    .payment-method-container{padding: 0; width: 100%;}
.flex_zonesq {
    display: flex
;
    justify-content: space-between;
    align-items: center;
}
    .card_img img {
        max-width: 50px;
    }
    .btn-payletter{font-size: 15px;}
    .card_img{width: 36px; min-width: 36px}
    #payment-form{padding: 5px !important;}
}


.flex_res p{width: 100%; display: flex; padding: 10px 0; justify-content: space-between;}

.failes{
    background: #fff3f3;
    padding: 10px 0;
    font-weight: 500;
    font-size: 18px;
    color: tomato;
}

.susses_ct{
    background: #e1fffd;
    padding: 10px 0;
    font-weight: 500;
    font-size: 18px;
    color: #009e94;
}

.visa-page-content-area p.txt_sop{
      font-size: 14px;
    color: #000;
    line-height: 145%;
    margin-top: 20px;
}

@media screen and (max-width: 500px) {
.visa-page-header{min-height: auto;}
.payment-result{padding: 20px 0;}
.failes{font-size: 15px; margin-top: 10px;}
.susses_ct{font-size: 15px; margin-top: 10px;}
}
.class_bhj6 h6{font-size: 18px; font-weight:600;}


.Responsibility-overview.ul_p_zone .visa_over_view_zone ul{margin-top: 0; gap: 0;}

.visa_over_view_zone ul li h6{font-size: 20px; font-weight: 600;}


.lang_guge a{padding: 7px 15px; border-radius: 20px; background: #0b1631; color: #fff;}
.lang_guge a:hover{background: #1590A3;}



.contrty_customs_sevice{text-align: center; padding: 100px 0;}




/* 안내 문구 스타일 */
.etias-note {
  font-size: 14px;
  color: #777;
  margin-top: 10px;
}

.etias-note a {
  color: #0056b3;
  font-weight: 800;
  text-decoration: none;
}

.etias-note a:hover {
  text-decoration: underline;
}

.fi{margin-right: 5px;}

.flex_zone13{display: flex; gap: 24px; flex-wrap: wrap; text-align: left; padding: 30px 0; font-size: 16px;}

.flex_zone13 .country-name{
    width: calc(100%/8 - 21px); box-sizing: border-box; border: 1px solid #fff; 
    font-size: 16px;
    color: #444;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
    cursor: pointer;

}
.flex_zone13 .country-name a{box-sizing: border-box;}

.flex_zone13 .country-name:hover {
  background-color: #e7f3ff;
    text-decoration: underline;
    
}
.flex_zone13 .country-name:hover a{color: #051d45;}
.visa_etias_countries h2{padding-top: 20px;}

.flex_zone13 .country-name a{display: inline-block; padding: 12px 20px; width: 100%;}

@media screen and (max-width: 1800px) {
  .flex_zone13 .country-name span{display: block; margin: 0 auto; padding-bottom: 10px;}
  .flex_zone13 .country-name{text-align: center;}
}

@media screen and (max-width: 1500px) {

.flex_zone13 .country-name a{padding: 5px;}
.flex_zone13 .country-name{font-size: 14px;}
}

@media screen and (max-width: 1400px) {
.wrap3{padding: 0 50px;}
}

@media screen and (max-width: 1240px) {
  .visa_etias_countries{padding: 30px 0;}
.flex_zone13{gap: 15px;}
.flex_zone13 .country-name{width: calc(100%/3 - 10px);}
}

@media screen and (max-width: 500px) {
.wrap3{padding: 0 15px;}
.flex_zone13{padding: 0;}
}

@media screen and (max-width: 374px) {
.flex_zone13 .country-name{width: calc(100%/2 - 5px);}
.flex_zone13{gap: 10px;}
}