@import url('common.css');
@import url('navbar.css');
@import url('member.css');
@import url('board.css');
@import url('work.css');
@import url('shop.css');
@import url('main.css');
/*-- ==============================================================
 Font
 ============================================================== */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900');
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800");
@import url('//cdn.jsdelivr.net/font-iropke-batang/1.2/font-iropke-batang.css');

html{
-webkit-overflow-scrolling : touch;
  word-break: keep-all;
}





body {
  font-family: 'Noto Sans KR', 'Noto Sans', 'Roboto', -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.682;
  font-size: 16px;
}

body .font-eng {
  font-family: 'Playfair Display', serif;
}

body .font-sans {
  font-family: 'Montserrat', sans-serif;
}

body .font-batang {
  font-family: 'Iropke Batang', serif;
      letter-spacing: -0.025em;
      font-weight: 400;
}
h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6 {
  font-family: 'Iropke Batang', serif;
      letter-spacing: -0.025em;

}
h1,.h1,
h2,.h2,
h3,.h3 {
    font-weight: 400 !important;
}

h4,.h4,
h5,.h5,
h6,.h6 {
    font-weight: 600 !important ;
}

.dropdown-item,
.navbar-nav .nav-link {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500
}

p {
  font-weight: 300;
}

.btn {
  border-radius: 0;
}

/*-- ==============================================================
 Layout
 ============================================================== */
.navbar>.container,
#owl-intro .container,
section>.container {
  max-width: 1500px;
  width: 100%;
}

.product-detail>.container {
  max-width: 1140px;
}

/* Service */
.height-service {
  height: 700px;
}

@media (max-width:991px) {
  .height-service {
    height: 520px;
  }
}

/* Work */
.height-lg {
  height: 700px;
}

.height-md {
  height: 500px;
}

.height-sm {
  height: 300px;
}

@media (max-width:991px) {

  .height-lg,
  .height-md,
  .height-sm {
    height: 360px;
  }
}

/* Contact */
.height-400 {
  height: 400px;
}

.height-800 {
  height: 800px;
}

@media (max-width:991px) {
  .height-400 {
    height: 400px;
  }

  .height-800 {
    height: 500px;
  }
}

@media (max-width:574px) {
  .height-400 {
    height: 300px;
  }

  .height-800 {
    height: 420px;
  }
}

/*-- ==============================================================
 Sub Title
 ============================================================== */
.height-title {
  height: 500px;
}

.sub-title {
  color: #fff;
}

@media (max-width:991px) {
  .height-title {
    height: 300px;
    margin-top: 55px;
  }

  .height-title .content-center {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }

  .sub-title {
    margin-top: 0;
  }
}

/*==============================
contact
==-=============================  */
.bg-dark.text-white h2 {
  color: #fff;
}

.bg-dark.text-white p {
  color: rgba(255, 255, 255, .6);
}

/*******************
/* Sub Tab navbar
*******************/
.sub-navbar-wrap {
  margin-top: -58px;
}

.sub-navbar-wrap .sub-navbar li {
  /* border-top: 1px solid #ccc; */
  border-left: 1px solid rgba(255, 255, 255, .15);
  height: 58px;
  background-color: rgba(0, 0, 0, .15)
}

.sub-navbar-wrap .sub-navbar li:first-child {
  border-left: none;
}

.sub-navbar-wrap .sub-navbar li:hover {
  background-color: rgba(0, 0, 0, .4)
}

.sub-navbar-wrap .sub-navbar li.active {
  background-color: #fff;
}

.sub-navbar-wrap .sub-navbar li a {
  display: blcok;
  color: rgba(255, 255, 255, .8);
  line-height: 58px;
  padding: 0;
  text-transform: uppercase;
}

.sub-navbar-wrap .sub-navbar li.active a {
  color: #1b1d1f;
  font-weight: 600;
}

@media (max-width:574px) {
  .sub-navbar-wrap .sub-navbar li a {
    font-size: 13px;
  }
}

/*  */
.service-01 li:not(:last-child) {
  margin-bottom: 25px;
}

.service-01 h5 {
  font-weight: 600;
  margin-bottom: 5px;
}

.list-icon {
  /* padding-left: 40px; */
}

.list-icon li {
  position: relative;
  padding-bottom: 20px;
  line-height: 1.45;
  padding-left: 36px;
}

.list-icon i {
  position: absolute;
  top: 5px;
  left: 0;
  margin-right: 10px;
}

.faq .card-header {
  border-bottom: 3px solid #fff;
  background-color: rgba(0, 0, 0, .04);
}

#owl-gallery .hero-wrap {
  height: 400px;
}

@media (max-width:991px) {
  .half-bg.half-about {
    background-color: #32b67a;
  }

  .text-md-white {
    color: #fff;
  }
}


/* 골드시니어케어 커스트마이징 */


.list-dd dl {
  display: flex;
  padding-bottom: 6px;
  font-size: 15px;
}

.list-dd dt {
  width: 80px;
}

.list-dd dd {
  width: calc(100% - 90px)
}
.out-link a:not(last-child) {
  margin-right: 8px;
}
.out-link a {
  margin-bottom: 8px;
  display: inline-block;
}
.out-link a img {
  max-height: 54px;
}
.bg-footer p {
  color : #ccc !important;
}
.footer-info span {
  margin: 0 10px;
}
.title-logo-img {
  max-height: 100px;
}

@media (max-width:554px) {
  .title-logo-img {
    max-width: 80%;
    margin-bottom: 45px;
  }

  .pricing5 .general-listing {
    /* margin-top: 80px; */
  }

  .pricing5 .card-body h6.h5 {
    font-size: 28px;
  }
}

.title-table {
  font-weight: 600;
  margin-bottom: 16px;
  font-size: 22px;
}
.bg-senior{
    background-color: #f19601;
}
.table-white,
.table-whitet body+tbody, .table-white td, .table-white th, .table-white thead th {
  border-color: #cabe9f;
}

.table-center th,
.table-center td {
vertical-align: middle;
}

.table-center thead tr th {
  vertical-align: middle;
}

/* TABLE */



.table-senior tr th {
  background-color: #fac32a;
  color: #fff;
}
.table-senior tr td {
    background-color: #fff;
}
.table-senior ,
.table-senior tbody+tbody, .table-senior td, .table-senior th, .table-senior thead th {
  border-color: #feeab7;
}



.table-senior-1 tr th {
  background-color: #f7b61c;
  color: #fff;
}
.table-senior-1 tr td {
    background-color: #fff;
}
.table-senior-1 ,
.table-senior-1 tbody+tbody, .table-senior-1 td, .table-senior-1 th, .table-senior-1 thead th {
  border-color: #f9d483;
}
.table-senior-1 thead tr th {
  background-color: #fff;
  color: #111;
}
.table-senior-1 thead tr th:first-child {
  background-color: #f19601;
    color: #fff;
}

.table-senior-1 thead tr th:nth-child(3),
.table-senior-1 tbody tr td:nth-child(odd) {
  background-color: #fff9e9;
}


.table-senior-2 tr th {
  background-color: #f5a70f;
  color: #fff;
}
.table-senior-2 tr td {
    background-color: #fff;
}
.table-senior-2 ,
.table-senior-2 tbody+tbody, .table-senior-2 td, .table-senior-2 th, .table-senior-2 thead th {
  border-color: #f9d483;
}


.table-senior-3 tr th {
  background-color: #f19601;
  color: #fff;
}
.table-senior-3 tr td {
    background-color: #fff;
}
.table-senior-3 ,
.table-senior-3 tbody+tbody, .table-senior-3 td, .table-senior-3 th, .table-senior-3 thead th {
  border-color: #fad496;
}
.table-center th,
.table-center td {
  text-align: center;
}

.table th {
  text-align: center;
  font-weight:400;
}

/* .table,
.table-borderless tbody+tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
    border-color: #f19601;
} */


.table-white thead tr th {
  background-color: rgba(0,0,0,.2);
}
.table-white tr th {
  background-color: rgba(0,0,0,.12);
  color: #fff;
}
.table-white tr td {
    background-color: rgba(0,0,0,.07);
    color: #fff;
}

.list-senior li {
  font-size: 18px;
}
@media (min-width:992px) {
  .table-homecare tbody tr td dl {
    width: 33.33333%
  }
}

/* ----------------------------------------------------------------
	Process Steps
-----------------------------------------------------------------*/

.process-steps {
	margin: 0 0 40px;
	list-style: none;
}

.process-steps li {
	float: left;
	position: relative;
	width: 25%;
	text-align: center;
	overflow: hidden;
}



@media (max-width:991px) {
  .process-steps li {
  	width: 50%;
  }
}

@media (max-width:554px) {
  .process-steps li {
  	width: 100%;
  }
}


.process-steps li .i-circled { margin-bottom: 0 !important; }

.process-steps li .i-bordered { background-color: #FFF; }

.process-steps li p {
	margin: 15px 20px 0;
	/* font-size: 16px;
	font-weight: 300; */
}


.process-steps li a {
  display: inline-block;
  margin: 4px 11px 7px 0;
  text-align: center !important;
  font-size: 28px;
  border: 1px solid #f9d483;
  line-height: 50px !important;
  background-color: #fff9e9 !important;
  color: #f19601;
  text-shadow: none;
  border-radius: 50%;
  width: 52px !important;
  height: 52px !important;
}
/* .process-steps li:before,
.process-steps li:after {
	content: '';
	position: absolute;
	top: 30px;
	left: 0;
	margin-left: -26px;
	width: 50%;
	border-top: 1px dashed #DDD;
}

.process-steps li:after {
	left: auto;
	right: 0;
	margin: 0 -26px 0 0;
}

.process-steps li:first-child:before,
.process-steps li:last-child:after { display: none; } */



.pricing5 .general-listing {
  margin: 110px 0 40px 0; }
  .pricing5 .general-listing.only-li li {
    padding: 20px 0;
    display: block; }

.pricing5 .card {
  background-size: 100% !important; }

.pricing5 .yearly {
  display: none; }

.pricing5 .pricing-box {
  margin-top: 120px; }
  .pricing5 .pricing-box .middle-box {
    margin-top: -75px; }
    .pricing5 .pricing-box .middle-box .general-listing {
      margin-top: 60px; }

.pricing5 .pricing-box h6 {
  padding-top: 8px;
  font-weight: 500;

}
.pricing5 .pricing-box ul {
  /* padding-top : 40px; */
}
@media (max-width: 767px) {
  .pricing5 .pricing-box {
    margin-top: 40px; }
    .pricing5 .pricing-box .middle-box {
      margin-top: 0px; } }