body  {
  font-family: 'NanumBarunGothic', 'Open Sans', sans-serif;
}

.navbar {
  border-bottom: 3px solid #888844;
  box-shadow: 0px 6px 30px -6px #ddddbb;
}

#navbarSupportedContent {
  font-family: Arial;
  font-size: 1.2rem;
  font-style: bold;
}

footer {
  background-color : #f5f5f0;
  color : #7a7a52;
  margin : 5px;
  border-radius: 15px 15px 0px 0px;
  font-family: Verdana;
}
@media screen and (min-width:80em) {
  footer {
    margin : 15px 30px 0px 30px;
  }
}
footer div#company_name {
  font-family : Arial;
  font-size : 1.2em;
  font-weight : bold;
  /*padding : 5px 0px;*/
}

footer div#company_policy {
  background-color : #ebebe0;
  padding: 30px;
  font-size : 0.8em;
}
span.badge {
  background-color : #9595b7;
}

hr.title {
  border: 5px solid #ffad33;
}

p.title_description {
  font-size: 1.4em;
  color : #333333;
}

#tabs .ui-tabs-active {
    background: #5ba63c;
}

.map_responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map_responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.vertical_align {
    display: flex;
    align-items: center;
}
.frame_box {
    position: relative;
    display: block;
    overflow: hidden;
    border: 3px solid #f6f4f7;
    padding: 17px;
}

/* Navbar and Footer */
.navbar-container, .footer-container {
  width: 100%;
  position: relative; /* 독립적인 위치 설정 */
  z-index: 1; /* 필요 시 콘텐츠 위로 설정 */
}

/* Body */
body#intro_container {
  background-image: url('../img/intro_bg_europe_20.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /*center;*/
  align-items: center;
  padding: 0;
  margin: 0;
  height: 100vh; /* 화면 높이에 맞춤 */
}

/* Main Content */
.intro_child {
  flex: 1; /* 화면의 남은 공간을 차지 */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%; /* 화면 너비에 맞춤 */
  padding: 20px;
  box-sizing: border-box;
}

#intro_title_1 {
  color: #4d4d4d;
  font-size: clamp(1.4rem, 3vw, 3rem); /* 최소 1.4rem, 뷰포트 너비의 3%, 최대 3rem */
  font-weight: bold;
  /*line-height: 1.2; /* 줄 간격 */
  text-align: center;
}
#intro_title_2 {
  color: #737373;
  font-size: clamp(1.2rem, 2vw, 2rem); /* 최소 1.2rem, 뷰포트 너비의 2%, 최대 2rem */
  font-weight: normal;
  /*line-height: 1.4; /* 줄 간격 */
  text-align: center;
}

ul li { padding: 5px 0px; }

ol li { padding: 5px 0px;}

ol > li::marker {
  content:counter(list-item) ")\2003";
}

.return_to_main {
  font-size:2rem;
  color:#cccccc;
}
.return_to_main a{
  color:#cccccc;
}
.return_to_main a:hover{
  color:#999999;
}
.return_to_main a i.invisible{
  color:white;
}
.return_to_main a.invisible:hover{
  color:white;
}

/*
table.table>tbody>tr:hover td,
table.table>tbody>tr:hover th {
  background-color: #ffffff !important;
}
*/
.form-control {
  margin : 16px;
  box-shadow: 0px 6px 30px -6px #ddddbb;
}
.form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #777;
}
.form-select {
  margin : 16px;
  box-shadow: 0px 6px 30px -6px #ddddbb;
  color : #777;
}

picture.presentation img{
  display:block;
  margin: 0px auto;
  max-width:96%;
}

table#notice_master_table thead{
  background-color: #fffff6;
}

.dialog_result_sendmail .ui-dialog-titlebar {
  display: none;
}
.dialog_result_sendmail .ui-dialog-content {
  padding: 1em, 3em;
  /*background-color: #f0f0f0;*/
  font-size: 1.2em;
}
.dialog_result_sendmail .ui-dialog-buttonpane {
  text-align: center !important; /* 버튼 중앙 정렬 */
}
.dialog_result_sendmail .ui-dialog-buttonset {
  float: none !important;
  display: inline-block !important; /* 인라인 블록으로 변경하여 중앙 정렬 */
}

.row-flex {
  display: flex;
  align-items: center; /* 오른쪽 컬럼의 중앙에 맞추기 위해서 수직 가운데 정렬 */
  /*border:  1px dashed red; */
}
.d-flex-center {
  display: flex;
  justify-content: center;
  align-items: center; /* 이미지가 수직 및 수평으로 가운데 정렬되도록 설정 */
  height: 100%;
  /*background-color: green; */
}

label.service_check {
  font-size: 1.5rem;
  color: #a6a6a6;
}



i#message_sent.fa-regular.fa-circle-check  {
  font-size: 3em;
  color: #79d279;
  padding: 2em, 0, 0, 0;
}
i#message_fail.fa.fa-info-circle  {
  font-size: 3em;
  color: #e63900;
  padding: 2em, 0, 0, 0;
}

/* desktop */
@media screen and (min-width:80em) {
/* @media screen and (min-width:1280px) {
*/
}
@media screen and (min-width:64em){
/* @media screen and (min-width:1024px){ */
}
@media screen and (min-width:60em){
/* @media screen and (min-width:960px){ */
}/* pad */
@media screen and (min-width:40em) {
/* @media screen and (min-width:640px) {
*/
}
@media screen and (max-width:30em){
/*@ media screen and (max-width:480px){ */
/*
*/
}