@font-face {
  font-family: 'LOTTE_H_Medium';
  src: url('fonts/LOTTE_FontPackgeWindow/H_Medium.ttf');
}
@font-face {
  font-family: 'LOTTE_H_Bold';
  src: url('fonts/LOTTE_FontPackgeWindow/H_Bold.ttf');
}
@font-face {
  font-family: 'LOTTE_Medium';
  src: url('fonts/LOTTE_FontPackgeWindow/Medium.ttf');
}
@font-face {
  font-family: 'LOTTE_Bold';
  src: url('fonts/LOTTE_FontPackgeWindow/Bold.ttf');
}
@font-face {
  font-family: 'IropkeBatangM';
  src: url('fonts/IropkeBatangM/IropkeBatangM.ttf');
}
@font-face {
  font-family: 'IropkeBatangM_web';
  src: url('fonts/IropkeBatangM_web/IropkeBatangM.woff');
}
@font-face {
  font-family: 'BinggraeFonts';
  src: url('fonts/BinggraeFonts/Binggrae.ttf');
}
@font-face {
  font-family: 'TmonFont';
  src: url('fonts/TmonFont/TmonMonsori.ttf.ttf');
}
@font-face {
  font-family: 'BusanFont_Provisional';
  src: url('fonts/BusanFont_Provisional_ttf/BusanFont_Provisional.ttf');
}
@font-face {
  font-family: 'Segoe_UI_Bold';
  src: url('fonts/Segoe_UI/Segoe_UI_Bold.ttf');
}
@font-face {
  font-family: 'Segoe_UI_SemiBold';
  src: url('fonts/Segoe_UI/Segoe_UI_SemiBold.ttf');
}


:root {
  /* Color */
  --color-white: #ffffff;
  --color-light-white: #eeeeee;
  --color-dark-white: #bdbdbd;
  --color-pink: #fe918d;
  --color-dark-pink: #ff6863;
  --color-dark-grey: #4d4d4d;
  --color-grey: #616161;
  --color-light-grey: #7c7979;
  --color-blue: #73aace;
  --color-yellow: #fff7d1;
  --color-orange: #feb546;
  --color-black: #000000;

  /* Font size */
  --font-large: 48px;
  --font-medium: 28px;
  --font-regular: 18px;
  --font-small: 16px;
  --font-micro: 14px;

  /* Font weight */
  --weight-bold: 700;
  --weight-semi-bold: 600;
  --weight-regular: 400;

  /* Size */
  --size-border-radius: 4px;

  /* Animation */
  --animation-duration: 300ms;
}
/* 폰트
-----------------------------------------------------------------*/
body,
th,
td,
select,
input,
textarea,
button {
  font-size: 16px;
  line-height: 1.5;
  font-family: 'Noto Sans KR', sans-serif;
  word-break: keep-all;
  letter-spacing: -1px;
  color: rgb(27, 27, 27);
  -webkit-text-size-adjust: none; /*ios 자동폰트조절방지*/
}
input {
  font-size: 0.9375rem;
  padding: 0.7rem 0.75rem !important;
}
select {
  font-size: 0.875rem;
}
label {
  color: #222;
}
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form {
  margin-bottom: 0px;
}

a {
  color: #222222;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 0px 0;
}
h1,
.heading-block h1 {
  font-size: 36px;
  letter-spacing: -1.5px;
  display: block;
  line-height: 1.1;
}
h4 {
  line-height: 1.5;
}
h5 {
  font-size: 15px;
  line-height: 1.3;
}
h5 span {
  font-size: 12px;
}
b,
strong {
  font-weight: 700;
}
/* #content p { line-height: 1.6; letter-spacing: -.5px; font-weight: 300;	margin-bottom: 0px; color: #555555;} */
#content p {
  line-height: 1.6;
  letter-spacing: -0.5px;
  font-weight: 400;
  margin-bottom: 0px;
  color: rgb(0, 0, 0);
}
#content p.worship_time {
  line-height: 1.6;
  letter-spacing: -0.5px;
  font-weight: 400;
  margin-bottom: 0px;
  color: rgb(0, 0, 0);
  text-decoration: underline;
}
/* #content-wrap p { line-height: 1.6; letter-spacing: -.5px; font-weight: 400;	margin-bottom: 0px; color: rgb(0,0,0);} */

.custom-select {
  font-size: 14px;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 15px);
}
.iconlist li i {
  color: rgb(197, 148, 110);
}

.ls-1 {
  letter-spacing: -1px !important;
}
.font-weight-black {
  font-weight: 900 !important;
}
.font-weight-500 {
  font-weight: 500 !important;
}
.font-weight-700 {
  font-weight: 700 !important;
}

.rounded-top-right {
  border-top-right-radius: 30px;
}
.rounded-bottom-left {
  border-bottom-left-radius: 30px;
}
.rounded {
  border-radius: 0.5rem !important;
  overflow: hidden;
}
.rounded2 {
  border-radius: 10px 30px 10px 30px;
}
.opacity0 {
  opacity: 0;
}

.entry-title h4 {
  font-size: 1.063rem !important;
}

/* 기본간격
-----------------------------------------------------------------*/
.section {
  margin: 2em 0;
  padding: 2em 0;
}
.content-wrap {
  padding: 80px 0;
}
.container {
  padding-left: 12px;
  padding-right: 12px;
}
.row {
  margin-left: -12px;
  margin-right: -12px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  padding-left: 12px;
  padding-right: 12px;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  padding-right: 12px;
  padding-left: 12px;
}

.mt-7 {
  margin-top: 6rem !important;
}
.pt-6,
.py-6 {
  padding-top: 5rem !important;
}
.pb-6,
.py-6 {
  padding-bottom: 5rem !important;
}
.position-center {
  position: absolute;
  transform: translate(50%, 50%);
  top: -50%;
  left: -50%;
}
.col-mb-50 > .col,
.col-mb-50 > [class*='col-'] {
  padding-bottom: 64px;
}
.line2 {
  padding: 2px 0;
  margin: 70px 0;
  background: url(http://fiximage.10x10.co.kr/web2018/main/bg_pattern_line.png)
    0 0 repeat-x;
}
br {
  font-family: Cambria, 'Hoefler Text', 'Liberation Serif', Times,
    'Times New Roman', 'serif';
}
blockquote {
  padding: 0px 20px;
}
blockquote + p,
p + blockquote,
blockquote + h4,
.con_box p ~ .table_box,
.con_box .sub-title ~ .table_box {
  margin-top: 2em !important;
}
blockquote ~ p {
  margin-top: 1em;
}
.card.description blockquote ~ p {
  margin-top: 0em;
}
blockquote ~ blockquote {
  margin-top: 2.5em;
}
blockquote > footer + p {
  margin-top: 0em;
  padding-top: 1.2em;
  border-top: 1px solid #eeeeee;
}
.sub-title {
  margin-bottom: 1.4em;
}

/* 색상
-----------------------------------------------------------------*/
.bg-light {
  background-color: #f9f9f9 !important;
}
.text-white-70 {
  color: rgba(255, 255, 255, 0.7) !important;
}
input[type='checkbox'] i {
  background-color: #c5946e;
}
blockquote p {
  color: #222222 !important;
}

/* 페이지로더
-----------------------------------------------------------------*/
body {
  overflow: hidden;
}
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #d8a77c;
  /* change if the mask should have another color then white */
  z-index: 10000;
  /* makes sure it stays on top */
}
#container {
  width: 70px;
  height: 35px;
  overflow: hidden;
  position: absolute;
  top: calc(50% - 17px);
  left: calc(50% - 35px);
}
#status {
  width: 70px;
  height: 70px;
  border-style: solid;
  border-top-color: #fff;
  border-right-color: #fff;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-radius: 50%;
  box-sizing: border-box;
  animation: rotate 3s ease-in-out infinite;
  transform: rotate(-200deg);
}
@keyframes rotate {
  0% {
    border-width: 10px;
  }
  25% {
    border-width: 3px;
  }
  50% {
    transform: rotate(115deg);
    border-width: 10px;
  }
  75% {
    border-width: 3px;
  }
  100% {
    border-width: 10px;
  }
}

/* 백그라운드-이미지
-----------------------------------------------------------------*/
.bg-center {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 15vh;
}

.bg-center2 {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 300px;
}

.bg-center3 {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 200px;
}

/* 타이틀
-----------------------------------------------------------------*/
.heading-block {
  margin-bottom: 20px;
}
.heading-block h4 {
  font-size: 24px;
  line-height: 32px;
  font-weight: normal;
  color: #1e1e1e;
  font-weight: 800;
}
.entry-title.title-sm h2,
.entry-title.title-sm h3,
.entry-title h3 {
  line-height: 1.3;
  margin-top: 5px;
}
.entry-title a:hover {
  transition: all 0.3s ease;
}
.sub-top {
  padding-top: 8rem;
  padding-bottom: 4rem;
}
.heading-block br {
  display: none;
}
.heading-title {
  display: flex;
  align-items: flex-end;
  margin-bottom: 1.5rem;
  justify-content: space-between;
}
/* .heading-title h2:after {
  content: '';
  display: block;
  position: absolute;
  width: 23px;
  height: 23px;
  background: #d6ac8b;
  transform: rotate(-45deg);
  left: -11px;
  top: 0px;
  border: 0px;
  border-radius: 50px;
  z-index: -1;
} */
.heading-title_online_requests h2.adark:after {
  background: #353535;
}
.heading-title_online_requests {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.heading-title_online_requests h2:after {
  content: '';
  display: block;
  position: absolute;
  width: 23px;
  height: 23px;
  background: #d6ac8b;
  transform: rotate(-45deg);
  left: -11px;
  top: 0px;
  border: 0px;
  border-radius: 50px;
  z-index: -1;
}
.heading-title h2.adark:after {
  background: #353535;
}

.before-heading {
  position: relative;
  display: block;
  margin: 0 0 0px;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
}
.sub-title h2 {
  position: relative;
  display: block;
  font-style: normal;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 126%;
  color: rgb(0, 0, 0);
  display: inline-block;
  font-weight: 700;
  margin-bottom: 0px;
  padding-left: 15px;
}
.sub-title h2:after {
  content: '';
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  background: rgb(197, 148, 110);
  transform: rotate(-45deg);
  left: 0px;
  top: 6px;
  border: 0px;
  border-radius: 50px;
  z-index: 0;
}
.sub-title h3 {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}
.sub-title small {
  display: block;
  font-style: normal;
  margin-bottom: 8px;
  font-size: 1rem;
  line-height: 25px;
  color: rgb(197, 148, 110);
  text-transform: capitalize;
}
.sub-title b {
  display: block;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 8px;
  font-size: 1.125rem;
  line-height: 25px;
  color: rgb(197, 148, 110);
}
.bar-v {
  display: block;
  width: 1px;
  height: 45px;
  margin: 0 auto 25px;
  background-color: #fff;
  text-align: center;
}
@keyframes bar-v-animation {
  0% {
    min-width: 0%;
  }
  100% {
    min-width: 100%;
  }
}
#page-title {
  background-color: #ffffff;
}

/* 버튼
-----------------------------------------------------------------*/
.btn {
  padding: 0.5rem 1rem;
}
.button {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
}
.button:hover,
.button.button-border:not(.button-fill):hover {
  background-color: rgb(197 148 110);
}
.button i {
  position: relative;
  margin-right: -5px;
  width: 16px;
  text-align: center;
}
.button.button-border {
  font-weight: 500;
}
.btn-middle {
  font-size: 1.05rem !important;
  line-height: 2 !important;
  padding: 1.4% 8% !important;
}
.entry-meta {
  margin-top: 3px;
  font-size: 0.9375rem;
}
.more-link {
  display: inline-block;
  border-bottom: 0px solid rgb(197, 148, 110);
  padding: 0 2px;
  font-family: 'Noto Sans KR', serif;
  font-style: normal;
  font-size: 15px;
}
#gotoTop {
  z-index: 599;
  position: fixed;
  width: 50px;
  height: 50px;
  font-size: 1.25rem;
  line-height: 48px;
  text-align: center;
  color: #fff;
  top: auto;
  left: auto;
  right: 30px;
  bottom: 50px;
  cursor: pointer;
  box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.2);
}
.stretched #gotoTop {
  bottom: 54px;
}
.btn-outline-gray {
  color: #828990;
  border-color: #b7b7b7;
  background-color: transparent;
}
.btn-outline-gray:hover {
  color: #fff;
  background-color: #343a40;
}
.play-video.i-sm {
  bottom: 0px;
  right: 21px;
}
.entry-image,
.entry-image > a.play-video {
  overflow: unset !important;
}
.i-sm i {
  font-size: 27px !important;
}

a.before-heading i {
  left: auto;
  right: 0;
  background-color: transparent;
  transition: all 0.3s ease !important;
}
a.before-heading:hover i {
  right: 0px;
  transform: translateX(-3px);
}
.translatey-3,
.h-translatey-3:hover {
  transform: translateY(-3px) !important;
}
.tf-ts {
  -webkit-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}

body:not(.device-touch) .button.button-reveal i,
body:not(.device-touch) .button.button-reveal span {
  -webkit-transition: left 0.3s ease, right 0.3s ease;
  -o-transition: left 0.3s ease, right 0.3s ease;
  transition: left 0.3s ease, right 0.3s ease;
}
.button-hero {
  padding: 23px 48px !important;
  font-size: 1rem;
  border-radius: 50px;
  box-shadow: 0px 13px 18px -14px rgb(0 0 0 / 35%);
}
.button.button-reveal.text-right i {
  opacity: 0;
  left: auto;
  right: 32px;
  background-color: transparent;
  transition: all 0.3s ease !important;
}
.button:hover.button-reveal.text-right i {
  opacity: 1;
  right: 18px;
  transform: translateX(-10px);
}

/* 시간/장소 상단바
-----------------------------------------------------------------*/
#top-bar {
  background-color: rgb(197, 148, 110) !important;
  color: #fff;
  transition: all 0.3s;
  z-index: 10;
  width: 100%;
  padding: 12px 0;
  letter-spacing: -0.5px;
}
#top-bar .row a {
  position: relative;
}
#top-bar .row a:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 0.5px;
  background-color: rgba(255, 255, 255, 0.3);
  right: 0;
  top: 0;
}
#top-bar .row a:last-child::after {
  width: 0px;
}
#top-bar .row img {
  margin-right: 12px;
}
#top-bar .row h5 {
  font-size: 14px;
  margin-bottom: 3px;
  color: #fff;
}
#top-bar .row span {
  font-weight: 400;
}
#top-bar .row ul {
  list-style: none;
  font-size: 12.5px;
  margin-bottom: 0px;
}
#top-bar .row ul li {
  display: inline-block;
  position: relative;
  padding-right: 10px;
}
#top-bar .row ul li:after {
  content: '/';
  position: absolute;
  right: 0;
  top: 0;
}
#top-bar .row ul li:last-child::after {
  content: '';
}
#top-bar .row > a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1rem;
}
#close-bar {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 90;
  color: #fff;
  font-size: 24px;
  opacity: 0.7;
}

#top-bar-mModal ul {
  list-style: none;
  font-size: 15px;
  margin-bottom: 0px;
}
#top-bar-m {
  display: none;
  z-index: 599;
  position: fixed;
  width: 50px;
  height: 50px;
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.3);
  font-size: 1.25rem;
  line-height: 48px;
  text-align: center;
  color: #fff;
  top: auto;
  left: auto;
  right: 30px;
  bottom: 30px;
  cursor: pointer;
  border-radius: 2px;
  box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.2);
}
.fbox-content h3 span.subtitle {
  font-weight: 400;
  font-size: 18px;
}

/* 헤더 & 메뉴
-----------------------------------------------------------------*/
#logo {
  padding: 22px 26px 22px 0;
}
#logo img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  height: 44px;
}
#header.sticky-header #header-wrap {
  border-bottom: 0px !important;
}
.header-wrap-clone {
  height: 72px !important;
}
.sub-menu-container .menu-item:hover > .menu-link {
  font-weight: 400;
}
.menu-link {
  font-size: 0.9375rem;
}
.sub-menu-container .menu-item > .menu-link {
  font-size: 0.875rem;
}
.header-misc-icon > a {
  width: auto;
  font-size: 0.875rem;
  font-weight: 500;
  margin-right: 1.1em;
}
.header-misc-icon > a:last-child {
  margin-right: 0em;
}
.broadcast-status {
  border: 1px solid #ec2134;
  color: #ffffff !important;
  padding: 8px;
  font-size: 13px;
  border-radius: 20px;
  font-weight: 500;
  line-height: 0.8;
  background: #ec2134;
  letter-spacing: 1px;
  width: 66px;
  position: relative;
}
.breadcrumb {
  font-size: 14px;
}
.breadcrumb-item.active {
  color: #222;
}
.page-title-mini {
  padding: 22px 0;
  background-color: #ffffff;
  border-bottom: 1px solid #eee;
}
.page-title-mini .breadcrumb {
  right: auto !important;
  left: 15px;
}
.breadcrumb-item + .breadcrumb-item::before {
  content: '\e7a5';
  font-family: 'font-icons';
}

/* 메뉴 경로
-----------------------------------------------------------------*/
.breadcrumb-nav2 {
  margin-bottom: 4rem;
  border-bottom: 0.1rem solid rgba(235, 235, 235, 0.55);
}

/* 비디오
-----------------------------------------------------------------*/
.icon-play.icon-play2 {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 60px;
  color: #fff;
  margin-top: -45px;
  margin-left: -23px;
}
.play-icon {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: #eee;
  text-transform: capitalize;
  font-size: 15px;
  letter-spacing: 1px;
  font-weight: 400;
}
.play-icon i {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.85);
  text-align: center;
  line-height: 30px;
  color: rgb(27, 27, 27);
  padding: 1px 0 0 3px;
  font-size: 10px;
  margin-right: 5px;
}
.play-video {
  position: absolute !important;
  bottom: 2px;
  right: 18px;
  z-index: 10;
}
.play-video i {
  font-size: 34px;
  color: #fff;
}
.play-video i:before {
  margin-left: 4px;
}
.play-video i.icon-small {
  width: 40px;
  height: 40px;
  line-height: 41px;
  font-size: 16px;
  box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.1);
}
.play-video:hover i {
  color: #fff;
}
.entry-image img {
  border-radius: 10px;
  transition: all 0.2s ease;
}
.entry-image:hover img {
  border-radius: 10px;
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}
.entry-image,
.entry-image > a,
.entry-image .slide a,
.entry-image img {
  border: 0px solid;
  border-radius: 10px;
  overflow: hidden;
  width: auto;
}

/* 라이브
-----------------------------------------------------------------*/
.pinkBg {
  background-color: #fff !important;
  background-image: linear-gradient(90deg, #fff, #fff);
}
.intro-banner-vdo-play-btn {
  position: absolute;
  height: 6px;
  width: 6px;
  text-align: center;
  border-radius: 100px;
  z-index: 1;
  right: 10px;
  transform: translateY(-50%);
  top: 50%;
}
.intro-banner-vdo-play-btn .ripple {
  position: absolute;
  width: 20px;
  height: 20px;
  z-index: -1;
  left: -7px;
  top: -7px;
  opacity: 0;
  border-radius: 100px;
  -webkit-animation: ripple 1.8s infinite;
  animation: ripple 1.8s infinite;
}
.intro-banner-vdo-play-btn .ripple:nth-child(2) {
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}
.intro-banner-vdo-play-btn .ripple:nth-child(3) {
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
}

@-webkit-keyframes ripple {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes ripple {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* 슬라이더
-----------------------------------------------------------------*/

.charity-card p {
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.8) !important;
  overflow: hidden;
  /* display: -webkit-box; */
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.charity-card h3 {
  font-size: 36px;
}
.charity-card h3 a {
  color: #fff;
}
#slider {
  background: #000;
}
#image-carousel .carousel-column-container {
  display: flex;
  flex-direction: row;
}
#image-carousel {
  overflow: visible;
}
.color-underline {
  background-image: linear-gradient(
    rgba(var(--themecolorrgba, 226, 164, 116), 0.6),
    rgba(var(--themecolorrgba, 226, 164, 116), 0.6)
  );
  background-repeat: no-repeat;
  background-size: 0 8px;
  background-position: 0 82%;
  padding: 0 2px 2px 0;
  transition: background 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.color-underline:hover {
  background-size: 100% 8px;
}
#owl-we .owl-item p {
  font-size: 1rem;
}
#owl-album a .entry {
  background-size: cover;
}

/* 테이블
-----------------------------------------------------------------*/
.table th,
.table td,
.table tg {
  padding: 15px 20px;
}
.table_box .table th {
  color: #1e1e1e;
  background-color: #f7f7f7;
}
.table_box .tbody td {
  color: #606167;
}
.table_box .table {
  border-top: 2px solid rgb(197, 148, 110);
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #dee2e6;
}
.table tr:last-child {
  border-bottom: 1px solid #dee2e6;
}

/* 아코디언
-----------------------------------------------------------------*/
.accordion-border {
  border-right: 0px solid #ddd;
  border-left: 0px solid #ddd;
  border-radius: 0px;
  margin-bottom: 34px;
  border-top: 4px solid #dedede;
}
.accordion-border .accordion-header {
  border-color: #ccc;
  padding: 1.2rem 0;
  margin: 0;
  flex-direction: row-reverse;
  align-items: center;
  font-weight: 500;
}
.accordion-border:hover {
  background: #f9f9f9;
}
.toggle-icon,
.accordion-icon {
  font-size: 1.5rem;
}
.accordion-border .accordion-content {
  padding: 0 0 2rem 0rem;
}

/* 비디오
-----------------------------------------------------------------*/
.form-control[type='file'] {
  overflow: hidden !important;
}
.fluid-width-video-wrapper {
  position: unset !important;
}

/* 게시판영상 */
.iframe-res {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
}
.iframe-res iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
.iframe-res .fluid-width-video-wrapper {
  padding-top: 0px !important;
}

/* 서브탑영상 */
#page-title .iframe-res {
  width: 100%;
  padding-bottom: 56.25%;
}
#page-title .iframe-res iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
#page-title .iframe-res .fluid-width-video-wrapper {
  padding-top: 0px !important;
}

/* SNS
-----------------------------------------------------------------*/
.si-colored.si-kakao {
  background-color: #ffe212 !important;
}
.icon-kakao:before {
  content: '';
  background-image: url(../images/icons/kakao.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px;
  width: 38px;
  height: 38px;
  display: block;
}
.i-rounded,
.i-circled,
.i-bordered {
  width: 48px !important;
  height: 48px !important;
  line-height: 48px !important;
}
.i-circled {
  margin: 0px 11px 7px 0;
}
.i-circled:last-child {
  margin: 4px 0 7px 0;
}
.icon-line2-share:before {
  margin-right: 2px;
}

/* 모달
-----------------------------------------------------------------*/
.modal-header {
  display: flex;
}
.modal-header .close {
  padding: 0rem 1rem;
  margin: -0.8rem -1rem -1rem auto;
  font-size: 32px;
}
.modal-body {
  margin: auto;
}
.modal {
  text-align: center;
}
.modal:before {
  display: inline-block;
  vertical-align: middle;
  content: ' ';
  height: 100%;
}
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

/* 탭
-----------------------------------------------------------------*/
.tabs {
  margin: 0 0 0px 0;
}
.tab-nav.tab-nav2 {
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);
  font-size: 17px;
}
.tab-nav.tab-nav2 li {
  margin-left: 0px;
  height: 64px;
}
.tab-nav.tab-nav2 li a {
  height: 64px;
  line-height: 64px;
  border-radius: 0px;
}
.tab-nav.tab-nav9 {
  border-bottom: 0;
  padding: 0;
  justify-content: center;
  margin-bottom: 3rem;
}
.tab-nav.tab-nav9 li {
  border: 0;
  margin-left: 4px;
  height: auto;
}
.tab-nav.tab-nav9 li:first-child {
  margin-left: 0;
  border-left: 0;
}
.tab-nav.tab-nav9 li a {
  background-color: #f5f5f5;
  border-radius: 0px;
  padding: 7px 16px;
  height: auto;
  font-size: 16px;
  font-weight: 500;
  width: 170px;
}
.tab-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  margin-bottom: 3rem;
}
.tab-responsive .tab-nav {
  -ms-flex-wrap: inherit;
  flex-wrap: inherit;
}
.tab-responsive .tab-nav.tab-nav9 {
  margin-bottom: 0rem;
}

.tabs-filter .tab-nav {
  border-bottom: 1px solid #ddd;
  border-top: 2px solid #444444;
}
.tabs-filter .btn {
  padding: 0.3rem 1rem;
  border-radius: 0rem;
  font-size: 0.8125rem !important;
}
.tabs-filter label {
  color: #adadad;
  border-color: #d4d4d4;
}
.tabs-filter label.active a {
  color: #ffffff;
}
.tabs-filter label a {
  color: #adadad;
}
.tabs-filter label:hover {
  color: #ffffff;
  border-color: #333333;
  background-color: #333333;
}
.tabs-filter label:hover a {
  color: #ffffff;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #333333;
  border-color: #333333;
}
.tabs-filter .tab-nav li.ui-tabs-active a {
  top: 0px;
  border-bottom: 0px solid #545454;
  color: #111111;
  height: 54px;
  line-height: 54px;
}
.tab-nav li a {
  padding: 0 24px;
  height: 54px;
  line-height: 54px;
}
.tabs-filter .tab-nav li {
  height: 53px;
}

/* 폼
-----------------------------------------------------------------*/
textarea.form-control {
  padding: 1rem 1rem;
  color: #989898;
}
.input-inline-price {
  line-height: inherit;
  color: #c5946e;
  width: auto;
  cursor: pointer;
  border-bottom: 1px solid #c5946e;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  background: transparent;
  width: 100%;
}

/* 푸터
-----------------------------------------------------------------*/
#footer p,
#footer ul li {
  font-size: 0.9375rem;
}
.dark #footer,
#footer.dark {
  color: rgba(255, 255, 255, 0.75);
  background-color: rgb(27 27 27) 222;
  border-top-color: rgba(255, 255, 255, 0.15);
}
#footer .button.button-border {
  border: 1px solid #6b6b6b;
}
#copyrights {
  padding: 40px 0;
  background-color: #ddd;
  font-size: 0.8rem;
  line-height: 1.8;
}
#footer .footer-widgets-wrap h5 {
  color: rgb(27, 27, 27);
  margin-bottom: 20px;
}
#footer .footer-widgets-wrap ul li a {
  color: #555;
}
#footer .menu-item a:hover {
  color: #c5946e;
}

/* 패럴렉스
-----------------------------------------------------------------*/
.parallax {
  background-size: cover;
}
.parallax h1 {
  font-size: 2.8rem;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}
.parallax.lifeline p {
  font-size: 1.063rem;
}
.page-title-parallax h1 {
  font-size: 2.375rem !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.page-title-parallax span {
  margin-top: 18px;
  font-size: 1.063rem !important;
  font-weight: 300 !important;
}
.page-title-parallax {
  padding: 0 !important;
  /* padding-bottom: 25%;
  height: 0 !important; */
  height: 520px;
  /* height: 25%; */
}
.page-title-parallax-v {
  background-position: 40% 0px;
  padding: 155px 0;
  position: absolute;
  width: 100%;
  z-index: 10;
}
.page-title-parallax p {
  font-size: 1.1rem;
  /* margin-top: 16px; */
  font-weight: 300;
}
.video-wrap video {
  position: unset;
}

/* 로딩
-----------------------------------------------------------------*/
.loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

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

/* 페이지스타일
-----------------------------------------------------------------*/
.welcome-video-w {
  height: 340px;
  overflow: hidden;
  display: block;
  border: 0px;
  border-radius: 6px;
}
.signature {
  font-size: 1rem;
  font-weight: 500;
  /* font-weight: 700; */
}
.description,
.description2 {
  padding: 2.1rem !important;
}
.description h1,
.description h2,
.description h3,
.description h4,
.description2 h1,
.description2 h2,
.description2 h3,
.description2 h4 {
  margin: 0 0 16px 0;
}
.fbox-content h3 {
  font-size: 1.3rem;
}
.description p {
  font-size: 1rem;
  color: rgb(0, 0, 0) !important;
  margin-bottom: 0px;
}
.description2 p {
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.7) !important;
}
.map {
  border-top: 1px solid rgb(197, 148, 110);
  margin-bottom: 20px;
}
.list-style-number {
  counter-reset: h4;
}
.list-style-number h4 {
  position: relative;
  padding-left: 22px;
}
.list-style-number h4:before {
  content: counter(h4);
  counter-increment: h4;
  position: absolute;
  left: 0;
  bottom: 2px;
  margin-top: -1em;
  background: rgb(197, 148, 110);
  height: 1.3em;
  width: 1.3em;
  line-height: 1.3em;
  text-align: center;
  font-weight: 600;
  color: #ffffff;
  font-size: 14px;
}
.list-style-number2 {
  counter-reset: h3;
}
.list-style-number2 h3 {
  margin-bottom: 0px;
}
.list-style-number2 h3:before {
  content: counter(h3);
  counter-increment: h3;
  margin-right: 5px;
  line-height: 1.3em;
  font-weight: 800;
  color: rgb(197, 148, 110);
}
blockquote {
  font-size: 1rem;
}
.quote {
  border-top: 2px solid #333333 !important;
  border-bottom: 1px solid #bbbbbb !important;
}
/*
blockquote.quote{
	border: none !important;
    position: relative;
    padding: 30px 35px;
    background: #f9f9f9;
	text-align: center;
	font-size: 16px;
    color: #666;
	margin-bottom: 1.5rem;
}
*/
blockquote.quote {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: transparent;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  padding: 2em;
}
blockquote.quote::before {
  /*
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 40px;
    top: 10px;
    left: 18px;
    color: #EEE;
*/
  display: none;
}
blockquote.quote .blockquote-footer {
  font-size: 13px;
  margin-top: 4px;
  margin-top: 0.8em;
  margin-bottom: 2em;
  color: #aaaaaa;
}
blockquote.quote .blockquote-footer:last-child {
  margin-bottom: 0em;
}
blockquote.quote2 {
  position: relative;
  border: 3px dotted #d8d8d8 !important;
  padding: 30px 35px;
  background: #ffffff;
  font-size: 16px;
  color: #c5946e;
  margin-bottom: 1.5rem;
}
blockquote.quote2::before {
  width: 48px;
  height: 48px;
  line-height: 48px;
  font-size: 40px;
  top: 10px;
  left: 18px;
  color: #eee;
}
blockquote.quote2 .blockquote-footer {
  font-size: 13px;
  margin-top: 4px;
  margin-bottom: 12px;
  color: #c5946e;
}
blockquote.quote2 .blockquote-footer:last-child {
  margin-bottom: 0px;
}
.inline-flex > div {
  display: inline-flex;
}
.overlap-box {
  display: flex;
  justify-content: space-between;
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}
.overlap-box .fbox-shapes {
  box-shadow: rgba(0, 0, 0, 0.08) 4px 4px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 385px;
  height: 180px;
  padding: 4.25rem 5.25rem;
  margin-left: -20px;
  margin-right: -20px;
  text-align: center;
  border-radius: 100px;
  position: relative;
}
.overlap-box > .fbox-shapes:nth-child(1) {
  background: rgba(255, 255, 255, 0.9);
  color: rgb(27, 27, 27);
}
.overlap-box > .fbox-shapes:nth-child(2) {
  background: rgba(212, 157, 110, 0.9);
  color: rgb(255, 255, 255);
}
.overlap-box > .fbox-shapes:nth-child(3) {
  background: rgba(236, 183, 86, 0.9);
  color: rgb(255, 255, 255);
}
.overlap-box > .fbox-shapes.fbox-rounded {
  background: transparent;
  color: rgb(255, 255, 255);
  border: 1px dashed #fff;
}

.fbox-plain ul {
  line-height: 1.9;
  font-size: 15px;
}
.fbox-shapes b {
  font-size: 19px;
  font-weight: 700;
}
.fbox-outline.fbox-shapes:nth-of-type(n) {
  border: 2px solid rgb(197, 148, 110) !important;
  background-color: transparent !important;
  color: rgb(197, 148, 110);
}
.fbox-content p {
  margin-top: 0.5rem;
  color: #333;
  margin-bottom: 0px !important;
}
.fbox-right::after {
  content: '\e7a5';
  font-family: 'font-icons';
  display: inline-block;
  position: absolute;
  top: 50%;
  right: -30px;
  transform: translateY(-50%);
  font-size: 30px;
  color: rgb(197 148 110);
}
.overlap-box .fbox-right::after {
  right: 10px;
  transform: translateY(-50%);
  font-size: 20px;
  color: rgb(255, 255, 255);
  z-index: 99;
}
.portfolio-image img:after {
  display: block;
  position: absolute;
  content: '';
  background: rgba(0, 0, 0, 0.4);
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 0;
  border-radius: 0px 30px;
}
.card {
  border-radius: 0.5rem;
}
.card-round [class^='col-'] {
  position: relative;
  margin-bottom: 30px;
}
.card-round [class^='col-'] > a {
  display: block;
  position: relative;
  padding: 150px 0;
  background-color: #eee;
  border-radius: 10px 30px 10px 30px;
  overflow: hidden;
  margin: auto;
}
.card-round [class^='col-'] img {
  display: block;
}
.card-round [class^='col-'] > a::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0.6;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.card-round [class^='col-'] > a:hover::before {
  opacity: 1;
}
.card-round .heading-block > span:not(.before-heading) {
  margin-top: 0px;
}
.pricing-features {
  padding: 1rem 0;
}
.img_box {
  margin: 2em 0;
  min-height: 46vh;
  /* min-height: 15vh; */
  border-radius: 10px 30px 10px 30px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

.map_box {
  margin: 2em 0;
  min-height: 46vh;
  /* min-height: 15vh; */
  border-radius: 10px 30px 10px 30px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

.img_box h4 {
  font-weight: 300;
}
.con_box {
  margin-bottom: 7em;
}

.top_bg {
  content: '';
  position: absolute;
  width: 100%;
  height: 22rem;
  background-repeat: repeat;
  z-index: -1;
  opacity: 0.2;
  top: 3rem;
}
/*
.youth_college .top_bg{background-image: url("../images/thelord/top_bg01.gif");}
.singles .top_bg{background-image: url("../images/thelord/top_bg02.gif");}
.seniors .top_bg{background-image: url("../images/thelord/top_bg03.gif");}
.church_school .top_bg{background-image: url("../images/thelord/top_bg04.gif");}
.school .top_bg{background-image: url("../images/thelord/top_bg05.gif");}
*/

/* 페이지별 포인트 컬러
-----------------------------------------------------------------*/
.school .sub-title h2.text-white:after {
  background-color: #ffffff;
}

.youth_college .tab-nav.tab-nav2 li.ui-state-active a,
.youth_college .sub-title h2:after {
  background-color: #1666de;
}
.youth_college .quote,
.youth_college .table_box .table {
  border-top: 2px solid #1666de70 !important;
  border-bottom: 1px solid #1666de70 !important;
}
.youth_college .table tr:last-child {
  border-bottom: 1px solid #1666de70;
}
.youth_college .table_box .table th,
.youth_college blockquote.quote {
  background-color: #1666de10;
}
.youth_college .color {
  color: #1666de !important;
}
.youth_college blockquote.quote .blockquote-footer {
  color: #1666de70 !important;
}
.youth_college .table th,
.youth_college .table td,
.youth_college blockquote > footer + p {
  border-top: 1px solid #adce4850;
}

.singles .tab-nav.tab-nav2 li.ui-state-active a,
.singles .sub-title h2:after {
  background-color: #f13a8e;
}
.singles .quote {
  border-top: 2px solid #f13a8e70 !important;
  border-bottom: 1px solid #f13a8e70 !important;
}
.singles .table tr:last-child {
  border-bottom: 1px solid #f13a8e70;
}
.singles .table_box .table th,
.singles blockquote.quote {
  background-color: #f13a8e10;
}
.singles .color {
  color: #f13a8e !important;
}
.singles blockquote.quote .blockquote-footer {
  color: #f13a8e70 !important;
}
.singles .table th,
.singles .table td,
.singles blockquote > footer + p {
  border-top: 1px solid #f13a8e50;
}

.seniors .tab-nav.tab-nav2 li.ui-state-active a,
.seniors .sub-title h2:after {
  background-color: #9531c7;
}
.seniors .quote,
.seniors .table_box .table {
  border-top: 2px solid #9531c770 !important;
  border-bottom: 1px solid #9531c770 !important;
}
.seniors .table tr:last-child {
  border-bottom: 1px solid #9531c770;
}
.seniors .table_box .table th,
.seniors blockquote.quote {
  background-color: #9531c710;
}
.seniors .color {
  color: #9531c7 !important;
}
.seniors blockquote.quote .blockquote-footer {
  color: #9531c770 !important;
}
.seniors .table th,
.seniors .table td,
.seniors blockquote > footer + p {
  border-top: 1px solid #9531c750;
}

.church_school .tab-nav.tab-nav2 li.ui-state-active a,
.church_school .sub-title h2:after {
  background-color: #b5da43;
}
.church_school .quote,
.church_school .table_box .table {
  border-top: 2px solid #b5da4390 !important;
  border-bottom: 1px solid #b5da4390 !important;
}
.church_school .table tr:last-child {
  border-bottom: 1px solid #b5da4390;
}
.church_school .table_box .table th,
.church_school blockquote.quote {
  background-color: #b5da4310;
}
.church_school .color {
  color: #b5da43 !important;
}
.church_school blockquote.quote .blockquote-footer {
  color: #b5da4370 !important;
}
.church_school .table th,
.church_school .table td,
.church_school blockquote > footer + p {
  border-top: 1px solid #b5da4350;
}

.school .tab-nav.tab-nav2 li.ui-state-active a,
.school .sub-title h2:after {
  background-color: #ffd203;
}
.school .quote,
.school .table_box .table {
  border-top: 2px solid #ffd20390 !important;
  border-bottom: 1px solid #ffd20390 !important;
}
.school .table tr:last-child {
  border-bottom: 1px solid #ffd20390;
}
.school .table_box .table th,
.school blockquote.quote {
  background-color: #ffd20310;
}
.school .color {
  color: #ffd203 !important;
}
.school blockquote.quote .blockquote-footer {
  color: #f9950090 !important;
}
.school .table th,
.school .table td,
.school blockquote > footer + p {
  border-top: 1px solid #ffd20350;
}

.card-round [class^='col-'].youth_college:hover > a::before {
  background: linear-gradient(
    to right,
    rgba(36, 198, 220, 0.4),
    rgba(81, 74, 167, 0.4)
  );
}
.card-round [class^='col-'].singles:hover > a::before {
  background: linear-gradient(
    to right,
    rgba(138, 35, 135, 0.4),
    rgba(233, 64, 87, 0.4),
    rgba(242, 113, 33, 0.4)
  );
}
.card-round [class^='col-'].seniors:hover > a::before {
  background: linear-gradient(
    to right,
    rgba(255, 78, 80, 0.4),
    rgba(249, 212, 35, 0.4)
  );
}
.card-round [class^='col-'].church_school:hover > a::before {
  background: linear-gradient(
    to right,
    rgba(22, 160, 133, 0.4),
    rgba(244, 208, 63, 0.4)
  );
}
.card-round [class^='col-'].school:hover > a::before {
  background: linear-gradient(
    to right,
    rgba(247, 151, 30, 0.4),
    rgba(249, 212, 35, 0.4)
  );
}

div.text_div_title {
  opacity: 1;
}

.garam_card:hover div.text_div_title {
  opacity: 0;
}
div.text_div_desc {
  position: absolute;
  opacity: 0;
}
.garam_card:hover div.text_div_desc {
  opacity: 1;
}
.garam_card_span {
  color: rgb(255, 255, 255) !important;
}
/* .card-round [class^=col-].youth_college:hover > a::before {background: linear-gradient( to right, #24C6DC, #514A9D );}
.card-round [class^=col-].singles:hover > a::before {background: linear-gradient( to right, #8A2387, #E94057, #F27121 );}
.card-round [class^=col-].seniors:hover > a::before {background: linear-gradient( to right, #FF4E50, #F9D423 );}
.card-round [class^=col-].church_school:hover > a::before {background: linear-gradient( to right, #16A085, #F4D03F );}
.card-round [class^=col-].school:hover > a::before {background: linear-gradient( to right, #F7971E, #F9D423 );} */

/* 관리자영역
-----------------------------------------------------------------*/
.ctt_admin a {
  float: right;
}

/* 게시판 전체 공통
-----------------------------------------------------------------*/
.entry-title h2,
.entry-title h3,
.entry-title h4 {
  font-weight: 500 !important;
  margin-top: 0.4rem !important;
}
.pn-btn > a.prev {
  padding: 2.8rem 7.4rem 2.8rem 0rem !important;
  display: flex;
  align-items: center;
}
.pn-btn > a.next {
  padding: 2.8rem 0rem 2.8rem 7.4rem !important;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.pn-btn > a.prev h4,
.pn-btn > a.next h4 {
  font-size: 17px;
  font-weight: 500;
}
.pn-btn i {
  font-size: 3rem !important;
}
.white-section {
  background-color: #fff;
  padding: 20px 20px;
  -webkit-box-shadow: 0px 1px 5px 0px #dfdfdf;
  box-shadow: 0px 1px 5px 0px #dfdfdf;
  border-radius: 3px;
}
.file_del label {
  margin-top: 10px;
}
.toggle-title a {
  color: #222;
}
.item-search {
  margin: 0px auto 0 !important;
}
.comments-empty {
  height: 10vh !important;
}
.entry-content #bo_v_img {
  margin-bottom: 12px;
}
.entry-meta li {
  margin: 0 10px 0px 0;
}
.comment-content .comment-author,
.comment-content p {
  font-size: 14px !important;
}
.comment-bt .btn-light {
  color: #889098;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.entry-meta:not(.no-separator) li:first-child:before {
  content: '';
  width: 0px;
  margin-right: 0px;
}
.entry-meta:not(.no-separator) li:first-child:before {
  width: 0px !important;
}
.chk_box {
  display: inline-block;
}
#comments-title {
  font-weight: 500;
}
#bo_vc_w #wr_content.form-control {
  background-color: #f9f9f9 !important;
}

@media (max-width: 992px) {
  .item-search {
    justify-content: center;
    margin: 0px auto 0 !important;
  }
}
@media (max-width: 767px) {
  .top-search-holder,
  .sidebar {
    display: none !important;
  }
  .top-button .btn-group {
    width: 100%;
    justify-content: center !important;
    display: flex !important;
  }
  .pn-btn > a.prev,
  .pn-btn > a.next {
    padding: 0.5rem !important;
  }
}

/* 미디어쿼리
-----------------------------------------------------------------*/
@media (max-width: 1200px) {
  .header-misc-icon {
    padding: 0 1rem !important;
  }
  .page-title-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media (max-width: 1091px) {
  .section.parallax {
    padding: 8em 0;
  }
  /* .menu-link { font-size: 0.85rem; } */
  .menu-link {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  #header.dark.transparent-header,
  #header.dark.semi-transparent {
    border-bottom: 1px solid #222222;
  }
  #header.transparent-header.sticky-header-sub,
  #header.transparent-header.sticky-header-sub:not(.sticky-header)
    #header-wrap {
    background: #fff !important;
  }
  .full-header .primary-menu .menu-container {
    padding-right: 1rem;
  }
  .border-between > [class*='col-']::before {
    background: #e5e5e5;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    width: 1px;
    top: 0;
  }
  .border-between > [class*='col-'],
  .border-between .container,
  .border-between .container-fluid {
    padding-right: 30px;
    padding-left: 30px;
  }
  .border-between > [class*='col-']:first-child::before {
    display: none;
  }
  .sub-menu-container,
  .mega-menu-content {
    border: 0px solid #eee;
  }
  .header-misc-icon {
    display: -ms-flex;
    display: flex;
    align-items: center;
    border-right-color: rgba(255, 255, 255, 0);
    transition: all 0.3s ease;
    padding: 0 1.75rem;
    margin: 0;
  }
  .sticky-header-sub .header-misc-icon {
    border-color: rgba(0, 0, 0, 0.1);
  }
  .header-misc-icon:last-child {
    border-left: 0px solid rgba(255, 255, 255, 0.2);
  }
  .top-search-form input {
    font-size: 1rem;
  }
  .dark #header.full-header,
  #header.full-header.dark {
    border-bottom-color: rgba(255, 255, 255, 0);
  }
  .section.parallax {
    padding: 120px 0;
  }
}
@media (min-width: 992px) and (max-width: 1320px) {
  .section {
    margin: 40px 0;
    padding: 40px 0;
  }
}
@media (max-width: 992px) {
  h1,
  .heading-block h1 {
    font-size: 1.625rem;
  }
  small,
  .small {
    font-size: 94%;
  }
  .charity-card h3 {
    font-size: 30px;
  }

  .parallax .container h1,
  .parallax-box h1 {
    font-size: 1.8rem;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
  }
  .parallax .container h4 {
    font-size: 1.2rem;
    font-weight: 400 !important;
  }
  .parallax-box p {
    font-size: 1.125rem !important;
    font-weight: 400 !important;
  }
  .parallax-box {
    min-height: 320px !important;
  }
  .parallax,
  .parallax-box {
    height: auto !important;
  }

  .page-title-parallax h1 {
    font-size: 29px !important;
  }
  .page-title-parallax span {
    margin-top: 18px;
    font-size: 0.875rem !important;
  }
  .page-title-parallax {
    /* height: 300px; */
    height: 150px;
  }
  .page-title-parallax-v {
    padding: 0 !important;
  }

  .welcome-video-w {
    margin-bottom: 20px;
  }
  .oc-desc {
    /* padding: 32px 25px; */
    padding: 20px 25px 0px 25px;
  }
  #header.dark.transparent-header,
  #header.dark.semi-transparent {
    background-color: #222;
    border-bottom: 1px solid #222222;
    z-index: 9999 !important;
  }
  /* #owl-we .oc-desc {
    position: absolute;
    top: 5%;
    bottom: 1rem;
    background-color: rgba(0, 0, 0, 0);
    padding: 45px 25px;
    border-radius: 3px;
    height: auto;
    width: 100%;
    right: auto;
  } */

  .section.parallax {
    padding: 80px 0;
  }
  .sub-top {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .header-misc {
    display: none;
    flex: auto;
  }
  .header-misc.header-misc2 {
    display: block !important;
    text-align: right;
  }
  .broadcast-status {
    padding: 4px 25px 4px 8px;
  }
  .welcome-video-w {
    height: auto;
  }
  video {
    display: block !important;
  }
  #quick-bar,
  #gotoTop {
    display: none !important;
  }
  #top-bar-m {
    display: block;
  }

  .tabs.tabs-filter .select-row {
    width: 750px;
  }
  .tabs.tabs-filter .select-res {
    display: block;
    width: 100%;
    overflow-x: auto;
  }
  .tabs.tabs-filter .tab-container {
    padding: 20px 0 10px;
  }
}
@media (min-width: 767.98px) {
  .oc-item.border-between > article {
    padding: 0 30px 0 0;
    margin: 0 30px 0 0;
  }
  .owl-item.active:first-child {
    width: 0px;
  }
  .owl-item.active::before {
    width: 0px;
  }
  .oc-item.border-between > article::before {
    background: #e5e5e5;
    bottom: 0;
    content: ' ';
    right: 0px;
    position: absolute;
    width: 1px;
    top: 0;
  }
}
@media (max-width: 767.98px) {
  body,
  th,
  td,
  input,
  select,
  textarea,
  button {
    font-size: 0.9375rem;
  }
  #logo img {
    height: 0.9em;
  }
  #owl-we .oc-item img {
    object-fit: cover;
    width: 100%;
    height: 500px;
  }
  #footer .footer-widgets-wrap {
    position: relative;
    padding: 45px 0;
  }
  #top-bar {
    display: none;
  }
  .video-wrap video {
    position: absolute;
  }

  .pb-6,
  .py-6 {
    padding-bottom: 1.5rem !important;
  }
  .pt-6,
  .py-6 {
    padding-top: 1.5rem !important;
  }

  .mt-5 {
    margin-top: 2.5rem !important;
  }
  .my-5 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .mt-7 {
    margin-top: 4rem !important;
  }
  .p-5 {
    padding: 1.4rem !important;
  }

  blockquote {
    font-size: 0.875rem;
  }
  .toggle-header,
  .accordion-header {
    font-size: 0.9rem;
  }
  .page-title-parallax p {
    font-size: inherit;
  }
  .parallax.lifeline p {
    font-size: 1rem;
  }
  .entry-title h2 {
    font-size: 1.2rem !important;
  }
  .entry-title h3,
  .entry-title h4 {
    font-size: 1rem !important;
  }
  h1,
  .heading-block h1 {
    letter-spacing: -2px;
  }
  .page-title-parallax h1 {
    font-size: 2rem !important;
    font-weight: revert;
  }
  /* .page-title-parallax {
    height: calc(100vh - 122px);
    text-align: center;
  } */
  .page-title-parallax-v {
    bottom: 0;
  }
  .page-title-video .video-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  #page-title {
    letter-spacing: -1px;
  }

  .before-heading {
    font-size: 0.9rem;
  }
  .parallax .container h1,
  .parallax-box h1 {
    font-size: 1.8rem;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
  }
  .sub-title h2 {
    font-size: 1.3rem;
  }
  .parallax h1 {
    font-size: 2rem;
  }
  .oc-desc {
    padding: 22px 22px;
  }
  #owl-we .rounded {
    border-radius: 0rem !important;
  }

  .line,
  .double-line {
    clear: both;
    position: relative;
    width: 100%;
    margin: 2rem 0;
    border-top: 1px solid #eee;
  }
  .content-wrap {
    position: relative;
    padding: 50px 0;
    overflow: hidden;
  }
  .badge {
    font-size: 100% !important;
  }
  .heading-tit {
    display: block;
  }
  #primary-menu-trigger,
  #page-menu-trigger {
    justify-content: flex-end;
  }

  .dark-gradient-background {
    -webkit-background: -webkit-linear-gradient(180deg, transparent, #000);
    -o-background: -o-linear-gradient(to bottom, transparent, #000 100%);
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(transparent),
      to(#000)
    );
    background: linear-gradient(180deg, transparent, #000);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 300px;
  }
  .page-title-parallax-v {
    padding: 60px 0 !important;
  }
  #page-title.page-title-parallax span {
    margin-top: 3px;
  }
  #page-title .breadcrumb {
    margin: 0px 0 0 !important;
    left: 0px !important;
    justify-content: left;
  }
  #page-title.page-title-mini {
    padding: 12px 0;
  }
  .tab-nav.tab-nav2 li a {
    height: 50px;
    line-height: 50px;
  }
  .tab-nav.tab-nav2 li {
    height: 50px;
  }
  .list-style-number h4 {
    padding-left: 37px;
    display: flex;
    flex-direction: column;
  }
  .list-style-number h4:before {
    height: 100%;
    width: 1.5em;
    line-height: 1.3em;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0;
  }
  .card-round [class^='col-'] > a {
    padding: 80px 0;
  }
  .min-vh-40 {
    min-height: 22vh !important;
  }
  .img_box {
    margin: 2em 0 2em 0;
  }
  .con_box {
    margin-bottom: 3em;
  }
  .sub-title h3 {
    font-size: 1.1rem;
  }
  blockquote + p,
  p + blockquote,
  blockquote + h4,
  .con_box p ~ .table_box,
  .con_box .sub-title ~ .table_box {
    margin-top: 1em !important;
  }
  blockquote.quote {
    padding: 1em;
  }

  .top_img_warp img {
    width: 100%;
    height: 100vh;
  }

  .overlap-box {
    flex-direction: column;
    margin-top: 1.8rem !important;
    margin-bottom: 1.8rem !important;
  }
  .overlap-box .fbox-shapes {
    width: 100%;
    height: 98px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0rem;
    margin-bottom: 8px;
  }
  .overlap-box .fbox-right::after {
    font-size: 0px;
  }
  .entry-image:hover i {
    opacity: 0;
  }
  .play-video i {
    display: none;
  }
  .entry-meta li {
    font-size: 13px !important;
  }
  .line2 {
    margin: 36px 0;
  }
  br {
    display: none;
  }
}
@media (max-width: 420px) {
  .entry-meta li {
    font-size: 14px;
  }
}
@media (max-width: 375px) {
  .btn {
    font-size: 13px;
  }
  .btn-sm,
  .btn-group-sm > .btn {
    font-size: 12px;
  }
}

img._photo_gallery {
  height: 315px;
  width: 100%;
  object-fit: cover;
}

@media (max-width: 420px) {
  img._photo_gallery {
    height: 125px;
  }
}

#my-header .my-header-login {
  position: absolute;
  right: 15px;
  top: 18px;
}

.bold {
  font-weight: 700;
}

.menu-text {
  font-size: 15px;
  font-weight: 700;
}

.button.button-border.round_main_btn {
  border: black;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.6);
}

.new_description {
  color: rgb(0, 0, 0) !important;
}

#loading_th {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 200px;
  width: 200px;
  transform: translate(-50%, -50%);
}

#spinner_gif {
  height: 200px;
  width: 200px;
}

.contact-form.requests {
  position: relative;
}

#carouselExampleIndicators {
  height: 10vh;
}

.owl-stage-outer:hover {
  /* cursor: grab; */
}

.mainpage_text_box {
  /* user-select: none; */
}

.garam_video_tag {
  transition: all 300ms ease-in-out;
}

.main_img_div {
  background-image: url('../../../../img/th/main_img.png');
  width: 100%;
  height: 100%;
  transition: all 300ms ease-in-out;
}

.mainpage_video {
  position: relative;
  transform: translateY(-89px);
  min-height: 400px;
}

/* .mainpage_video_text{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color:rgb(255,146,180);
    font-weight: 900;
    z-index: 99;
} */

.mainpage_video_text {
  position: absolute;
  width: 100%;
  height: 100%;
  font-weight: 900;
  transform: translate(10%, -60%);
}

.mainpage_video_text > h2 {
  color: rgb(255, 146, 180);
  font-weight: 900;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 60.8px;
}
.mobile_br {
  display: none;
}
@media (max-width: 575.9px) {
  .small_mobile_br {
    display: block !important;
  }
}
@media (min-width: 576px) {
  .small_mobile_br {
    display: none !important;
  }

  /* div.introduce_item_left{
    padding-left: 0;
  }
  
  div.introduce_item_right{
    padding-right: 0;
  } */

}
@media (max-width: 767.98px) {
  .mainpage_video_text {
    transform: translate(10%, -50%);
  }
  .mainpage_video_text > h2 {
    color: rgb(255, 146, 180);
    font-weight: 900;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 32px;
  }
  .mobile_br {
    display: block !important;
  }
}

.main_page_text_btn_div {
  display: flex;
  /* justify-content: space-between; */
  justify-content: space-between;
  align-items: center;
}

.main_page_worship_btn_div {
  display: flex;
  justify-content: center;
}

.main_page_worship_btn {
  background-color: rgb(197, 148, 110) !important;
  border-color: transparent !important;
  color: white !important;
}

/* #owl-we{
    overflow-y: auto;
    touch-action: pan-y !important;
} */

#slick-we .slick-item p {
  font-size: 1rem;
}
#slick-we .slick-desc {
  position: absolute;
  top: 5%;
  bottom: 1rem;
  background-color: rgba(0, 0, 0, 0);
  padding: 45px 25px;
  border-radius: 3px;
  height: auto;
  width: 100%;
  right: auto;
}
#slick-we .slick-item img {
  object-fit: cover;
  width: 100%;
  height: 500px;
}

#slick-we .rounded {
  border-radius: 0rem !important;
}

@media (max-width: 767.98px) {
  #slick-we .slick-item img {
    object-fit: cover;
    width: 100%;
    height: 500px;
  }
  #slick-we .rounded {
    border-radius: 0rem !important;
  }
}

.owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
}

.owl-dot {
  margin: 8px 4px !important;
}

.bg-overlay-title {
  height: 50% !important;
  /* height: 100% !important; */
}

.faq_color {
  font-weight: 700 !important;
  display: inline-block;
  font-size: 17.6px !important;
}

.faq_bold {
  font-weight: bold !important;
  display: inline-block;
}

.bold_class {
  font-weight: bold !important;
  display: inline-block;
}

.testimony-title {
  margin: auto !important;
  line-height: 1.3;
}
.oc-desc {
  position: absolute;
  top: 5%;
  bottom: 16px;
  background-color: rgba(0, 0, 0, 0);
  padding: 45px 25px;
  border-radius: 3px;
  height: auto;
  width: 40%;
  /* width: 60%; */
  right: 5%;
}

@media (max-width: 576px) {
  #owl-we .oc-desc {
    position: absolute;
    top: 5%;
    bottom: 1rem;
    background-color: rgba(0, 0, 0, 0);
    padding: 45px 25px;
    border-radius: 3px;
    height: auto;
    width: 100%;
    right: auto;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  #owl-we .oc-desc {
    width: 60%;
    padding: 30px 25px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  #owl-we .oc-desc {
    width: 80%;
    padding: 20px 25px 0px 25px;
  }
  #owl-we .oc-item img {
    object-fit: cover;
    /* width: 100%; */
    width: 100%;
    height: 324.734px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  #owl-we .oc-desc {
    width: 40%;
    padding: 20px 25px 0px 25px;
  }
  #owl-we .oc-item img {
    object-fit: cover;
    width: 100%;
    height: 437.234px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  #owl-we .oc-desc {
    width: 30%;
    padding: 20px 25px 0px 25px;
  }
  #owl-we .oc-item img {
    object-fit: cover;
    width: 100%;
    height: 455px;
    /* height: 521.609px; */
  }
}

@media (min-width: 1400px) {
  #owl-we .oc-desc {
    width: 40%;
    padding: 20px 25px 0px 25px;
  }
  #owl-we .oc-item img {
    object-fit: cover;
    width: 100%;
    height: 455px;
    /* height: 521.609px; */
  }
}

.project__description {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(--color-black);
  transform: scale(1.03) translateY(15px);
  opacity: 0;
  transition: all var(--animation-duration) ease-in;
}
.project__description h3,
.project__description span {
  color: var(--color-white);
  margin: 0;
}

.project__description h3:after {
  position: relative;
  left: 50%;
  margin-left: -15px;
  content: '';
  display: block;
  width: 30px;
  height: 2px;
  margin-top: 2px;
  margin-bottom: 2px;
  border-radius: var(--size-border-radius);
  background-color: var(--color-white);
}

.project__description:hover {
  opacity: 0.8;
  transform: scale(1.03) translateY(0);
  /* -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03); */
}

/* .project__description:hovered { */

div.notice-text-content > a:hover {
  font-size: 1.5rem;
}

div.owl-item > div.oc-item > div.oc-desc > .oc-item-desc {
  display: none;
}

div.owl-item.active.center > div.oc-item > div.oc-desc > .oc-item-desc {
  display: block;
}

@media (min-width: 1200px) {
  .main-parallax {
    min-height: 400px;
  }
}

.card_color {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 70px;
  height: 50px;
}

.card_color.color_1 {
  background-color: #da9367;
}
.card_color.color_2 {
  background-color: #89b97f;
}
.card_color.color_3 {
  background-color: #f4cf64;
}
.card_color.color_4 {
  background-color: #53779b;
}
.card_color.color_5 {
  background-color: #88a4cb;
}
.card_color.color_6 {
  background-color: #425f99;
}
.card_color.color_7 {
  background-color: #c67878;
}
.card_color.color_8 {
  background-color: #6ca29b;
}
.card_color.color_9 {
  background-color: #c25479;
}

div.div_container.issue, div.div_container.apply, div.div_container.register, div.div_container.consult
{
  display: none;
}

div.form_div.input_div {
  display: none;
}

div.form_div.input_div.donate,
div.form_div.input_div.baptism,
div.form_div.input_div.member,
div.form_div.input_div.volunteer
{
  display: block;
}

a.dropdown-item.div_container {
  cursor: pointer;
}

.cssCircle {
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  behavior: url(PIE.htc);

  width: 30px;
  height: 30px;
  padding: 0px;

  background: #779bca;
  border: 1px solid #003580;
  color: #003580;
  text-align: center;
  -webkit-transition: background 0.2s linear;
  -moz-transition: background 0.2s linear;
  -ms-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  transition: background 0.2s linear;
  transition: color 0.2s linear;

  font: 30px Arial, sans-serif;
}

.cssCircle:hover {
  background: #3f69a0;
  cursor: pointer;
}

.minusSign {
  line-height: 25px;
  margin-bottom: 1px;
}

.plusSign {
  line-height: 30px;
}

.minusSign:hover,
.plusSign:hover {
  color: white;
}

div.card_thumbnail {
  border: 2px solid black;
  border-radius: 50px 50px;
}


.section.fixed_bg.notice.view{
  padding: 0px 0px;
  background-size: cover;
  background-attachment: fixed;
}
.section.fixed_bg.notice.view2{
  background-size: cover;
  background-attachment: fixed;
}


div.notice.worship.tuesday {
  background-color: rgba(197, 148, 110, 0.7);
  border-radius: 15px;
}

#footer{
  margin-top: 0px !important;
}

@media (max-width: 768px) {
  span.en_title.jubo_date{
    display: none;
  }
}

@media (max-width: 991.7px){
  h1.title{
    font-size: 40px !important;
  }
  h1.title.worship.next_week{
    font-size: 20px !important;
  }
}

@media (max-width: 1199.7px){
  h1.title{
    font-size: 50px !important;
  }
  h1.title.worship.next_week{
    font-size: 30px !important;
  }
}
@media (min-width: 1199.8px){
  h1.title{
    font-size: 60px !important;
  }
  h1.title.worship.next_week{
    font-size: 40px !important;
  }
}

@media (max-width: 991.5px) {
  div.arrow-right{
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 12px solid rgb(255,255,255);
  }
  div.rnd_btn_div{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.5);
    padding: 12px;
  }
}
@media (min-width: 992px) {
  div.arrow-right{
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 25px solid rgb(255,255,255);
  }
  div.rnd_btn_div {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 20px;
  }
}

div.rnd_btn_div:hover{
  background-color: rgba(0, 0, 0, 0.9);
}
div.rnd_btn_div.hover{
  background-color: rgba(0, 0, 0, 0.9);
}
div.sermon_div{
  cursor: pointer;
}

div.message_content_card{
  /*border: 1px solid;*/
  border-radius: 15px;
  background-color: rgba(197, 148, 110, 0.2);
}

div.message_content_card_txt{
  border-radius: 15px;
  background-color: rgba(255,255,255,0.7);
}


a.tab-filter{
  -webkit-text-size-adjust: 100%;
  --half-gutter: calc((var(--gutter) * 0.5));
  --one-col: calc((1 / var(--columns) * 100%) - var(--gutter));
  --two-col: calc((2 / var(--columns) * 100%) - var(--gutter));
  --three-col: calc((3 / var(--columns) * 100%) - var(--gutter));
  --four-col: calc((4 / var(--columns) * 100%) - var(--gutter));
  --five-col: calc((5 / var(--columns) * 100%) - var(--gutter));
  --six-col: calc((6 / var(--columns) * 100%) - var(--gutter));
  --seven-col: calc((7 / var(--columns) * 100%) - var(--gutter));
  --eight-col: calc((8 / var(--columns) * 100%) - var(--gutter));
  --nine-col: calc((9 / var(--columns) * 100%) - var(--gutter));
  --ten-col: calc((10 / var(--columns) * 100%) - var(--gutter));
  --eleven-col: calc((11 / var(--columns) * 100%) - var(--gutter));
  --twelve-col: calc((12 / var(--columns) * 100%) - var(--gutter));
  --one-col-offset: calc((1 / var(--columns) * 100%) + var(--half-gutter));
  --two-col-offset: calc((2 / var(--columns) * 100%) + var(--half-gutter));
  --three-col-offset: calc((3 / var(--columns) * 100%) + var(--half-gutter));
  --four-col-offset: calc((4 / var(--columns) * 100%) + var(--half-gutter));
  --five-col-offset: calc((5 / var(--columns) * 100%) + var(--half-gutter));
  --six-col-offset: calc((6 / var(--columns) * 100%) + var(--half-gutter));
  --seven-col-offset: calc((7 / var(--columns) * 100%) + var(--half-gutter));
  --eight-col-offset: calc((8 / var(--columns) * 100%) + var(--half-gutter));
  --nine-col-offset: calc((9 / var(--columns) * 100%) + var(--half-gutter));
  --ten-col-offset: calc((10 / var(--columns) * 100%) + var(--half-gutter));
  --eleven-col-offset: calc((11 / var(--columns) * 100%) + var(--half-gutter));
  --twelve-col-offset: calc((12 / var(--columns) * 100%) + var(--half-gutter));
  --ds-half-gutter: var(--half-gutter);
  --ds-gutter: var(--gutter);
  --columns: 12;
  --max-container: calc(var(--gutter) + 1350px);
  --ds-outer-gutter: 0;
  --gutter: 30px;
  --outer-gutter: 0;
  -webkit-font-smoothing: antialiased;
  /* font-family: Lato,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; */
  font-weight: 400;
  list-style: none;
  box-sizing: border-box;
  text-decoration: none;
  transition: all 80ms ease;
  border: 1px solid #5c5c5c;
  border-radius: 50px;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  padding: 3px 24px;
  text-align: center;
  vertical-align: top;
  outline-width: 0;
  background: 0 0;
  color: #5c5c5c;
  border-color: #5c5c5c;
}

a.tab-filter.garam_active{
  -webkit-text-size-adjust: 100%;
  --half-gutter: calc((var(--gutter) * 0.5));
  --one-col: calc((1 / var(--columns) * 100%) - var(--gutter));
  --two-col: calc((2 / var(--columns) * 100%) - var(--gutter));
  --three-col: calc((3 / var(--columns) * 100%) - var(--gutter));
  --four-col: calc((4 / var(--columns) * 100%) - var(--gutter));
  --five-col: calc((5 / var(--columns) * 100%) - var(--gutter));
  --six-col: calc((6 / var(--columns) * 100%) - var(--gutter));
  --seven-col: calc((7 / var(--columns) * 100%) - var(--gutter));
  --eight-col: calc((8 / var(--columns) * 100%) - var(--gutter));
  --nine-col: calc((9 / var(--columns) * 100%) - var(--gutter));
  --ten-col: calc((10 / var(--columns) * 100%) - var(--gutter));
  --eleven-col: calc((11 / var(--columns) * 100%) - var(--gutter));
  --twelve-col: calc((12 / var(--columns) * 100%) - var(--gutter));
  --one-col-offset: calc((1 / var(--columns) * 100%) + var(--half-gutter));
  --two-col-offset: calc((2 / var(--columns) * 100%) + var(--half-gutter));
  --three-col-offset: calc((3 / var(--columns) * 100%) + var(--half-gutter));
  --four-col-offset: calc((4 / var(--columns) * 100%) + var(--half-gutter));
  --five-col-offset: calc((5 / var(--columns) * 100%) + var(--half-gutter));
  --six-col-offset: calc((6 / var(--columns) * 100%) + var(--half-gutter));
  --seven-col-offset: calc((7 / var(--columns) * 100%) + var(--half-gutter));
  --eight-col-offset: calc((8 / var(--columns) * 100%) + var(--half-gutter));
  --nine-col-offset: calc((9 / var(--columns) * 100%) + var(--half-gutter));
  --ten-col-offset: calc((10 / var(--columns) * 100%) + var(--half-gutter));
  --eleven-col-offset: calc((11 / var(--columns) * 100%) + var(--half-gutter));
  --twelve-col-offset: calc((12 / var(--columns) * 100%) + var(--half-gutter));
  --ds-half-gutter: var(--half-gutter);
  --ds-gutter: var(--gutter);
  --columns: 12;
  --max-container: calc(var(--gutter) + 1350px);
  --ds-outer-gutter: 0;
  --gutter: 30px;
  --outer-gutter: 0;
  -webkit-font-smoothing: antialiased;
  /* font-family: Lato,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; */
  font-weight: 400;
  list-style: none;
  box-sizing: border-box;
  text-decoration: none;
  transition: all 80ms ease;
  background: #5c5c5c;
  border: 1px solid #5c5c5c;
  border-radius: 50px;
  color: inherit;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  padding: 3px 24px;
  text-align: center;
  vertical-align: top;
}

a.button.garam{
  border: none;
  font-size: 20px;
  color: white !important;
  font-weight: bold !important;
  /* text-shadow: 0 0 4px rgba(197, 148, 110, 0.7); */
  padding: 15px 20px;
}

a.button.garam.message1{
  background: rgba(155,157,143,0.5);
  background: -webkit-linear-gradient(to right, rgba(155, 157, 143, 0.9), rgba(155, 157, 143, 0.7) );
  background: linear-gradient(to right, rgba(155, 157, 143, 0.9), rgba(155, 157, 143, 0.7) );
}
a.button.garam.message2{
  background: #ff9a9e;
  background: -webkit-linear-gradient(to right, rgba(87, 99, 109, 0.9), rgba(87, 99, 109, 0.7) );
  background: linear-gradient(to right, rgba(87, 99, 109, 0.9), rgba(87, 99, 109, 0.7) );
}
a.button.garam.message3{
  background: #a18cd1;
  background: -webkit-linear-gradient(to right, rgba(182, 111, 74, 0.9), rgba(182, 111, 74, 0.7));
  background: linear-gradient(to right, rgba(182, 111, 74, 0.9), rgba(182, 111, 74, 0.7));
}
a.button.garam.message4{
  background: #a1c4fd;
  background: -webkit-linear-gradient(to right, rgba(193, 179, 154, 0.9), rgba(193, 179, 154, 0.7));
  background: linear-gradient(to right, rgba(193, 179, 154, 0.9), rgba(193, 179, 154, 0.7));
}
a.button.garam.message5{
  background: #84fab0;
  background: -webkit-linear-gradient(to right, rgba(73, 73, 73, 0.5), rgba(73, 73, 73, 0.4));
  background: linear-gradient(to right, rgba(73, 73, 73, 0.5), rgba(73, 73, 73, 0.4));
}


a.garam_container{
  border: none;
  font-size: 20px;
  color: white !important;
  font-weight: bold !important;
  /* text-shadow: 0 0 4px rgba(197, 148, 110, 0.7); */
  width: calc(93% / 5);
}


p.garam.message {
  /* vertical-align: middle; */
  line-height: 100%;

}


a.button.garam_container.message1{

 
}

div.garam.content{
  /* width: calc(93% / 5); */
  display: inline-block;
  width: 40%;
  
  /* height: 0; */
}
div.garam.message1{
  /* display: inline-block; */
  /* display: absolute; */
  background-image: url(../images/message/message_re4.png);
  background-size: cover;
  background-position-x: 50%;
  background-position-y: 50%;
  /* width: calc(93% / 5); */
  /* height: calc(0.3 * 100vw); */
    width: 100%; 
    padding-top: 75%;
    /* height: auto; */
  /* height: 100%; */
  
}


a.re_garam_container{
  /* width: calc(93%/5); */
  width: 25%;
  height: auto;
}

a.re_garam_container.bg{
  width: 25%;
  height: auto;
}

a.re_garam_container.message1{
}

div.re_garam.content{
  position: relative;;
  width: 100%;
}

img.re_garam{
  width: 100%;
  height: auto;
  border-radius: 5px;
}

div.re_garam.title{
  position: absolute;
  color: white;
  left: 10%;
  bottom: 10%;
}
div.re_garam.title > h3{
  color: white;
}

div.message_garam_card{  
  width: 312px;
  height: 277px;
  margin: 0 0 3px;
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.14);
  border-radius: 12px;
  /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
  /* box-shadow: 5px 5px 5px grey;
  border-radius: 5px; */
}

div.message_garam_img{
  border-radius: 5px 5px 0px 0px;
  padding: 0;
}

img.message_garam_img_thm{
  border-radius: 5px 5px 0px 0px;
}

div.container-fluid.garam{
  padding: 0;
}

div.container-fluid.garam_msg.loadlist{
  /* background-color: rgba(240,240,240,0.8); */
}

p.content-border-top{
  /* font-family: 'BusanFont_Provisional'; */
}

button.garam_custom_btn{
  position: absolute;
  right: 5%;
  bottom: 0%;
}

button.garam_custom_btn2{
  position: absolute;
  left: 5%;
  bottom: 0%;
}


h3.main-title, p.sub-title, p.word-title{
  text-align: left !important;
}

@media (max-width: 991.8px) {
  h3.main-title, p.sub-title, p.word-title{
    text-align: right !important;
  }
  p.pastor{
    text-align: left !important;
  }
  .garam-next-committe{
    text-align: left !important;  
  }
}

.garam-card{
  border: none;   
}
div.content-wrap.content_wrap_exp{
  padding-top: 0px;
}

div.container_message_exp{
  width: 1920px;
  margin: auto;
  
}





div.bo-list-group.clearfix.message_exp{
  display: flex;
  flex-direction: column;
  
}




div.message_exp.TOP_BG{
  width: 1920px;
  height: 587.9px;
  margin: 0px 0 0px;
  padding: 76.4px 467.3px 41.5px 462.3px;
  background-color: #fff;
}

div.message_exp.MID_BG{
  width: 100%;
  height: 410px;
  margin: 0px 0 42px 1px;
  padding: 81px 468.5px 76px 460px;
  background-color: rgba(197, 148, 110, 0.2);
}


img.msg_exp.cate_img{
  width: 100%;
  height: 100%; 
  object-fit: cover;
  border-radius: 4px;
  position: absolute;
  z-index: 2;
}

img.msg_exp.cate_img:hover{
}

img.msg_exp.cate_img2{
  width: 100%;
  height: 100%; 
  object-fit: cover;
  border-radius: 4px;
  position: absolute;
  z-index: 1;
}

div.msg_exp.cate_div{
  width: 312px;
  height: 174px;
  position: relative;  
}

div.col-3.cate_div{
  height: auto;
  position: relative;  
  /* padding-left: 0;
  padding-right: 0; */
}


div.msg_exp.cate_div.later{
  margin-left: 20px;
}


img.msg_exp.cate_img.sunday{
  opacity: 0.7;
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  background-color: #b7b9af;
}

img.msg_exp.cate_img.lifeline{
  opacity: 0.7;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: rgba(32, 30, 29, 0.68);
}

img.msg_exp.cate_img.friday{
  opacity: 0.4;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-image: linear-gradient(to right, #d49565, #9f663a);
}

img.msg_exp.cate_img.tuesday{
  opacity: 0.4;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-image: linear-gradient(to left, #d2c7b5 110%, #c8bca6 -6%);
}


img.msg_exp.cate_img.wednesday{
  opacity: 0.61;
  border-radius: 4px;
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
  background-color: #898a84;    
}


img.msg_exp.cate_img.special{
  opacity: 0.61;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-image: linear-gradient(to left, #b7b9af 110%, #a6a89c -6%);
}


div.row.d-flex.msg_exp.later{
  margin-top: 18.5px;
}

img.msg_exp.cate_img.sunday:hover,
img.msg_exp.cate_img.lifeline:hover,
img.msg_exp.cate_img.friday:hover,
img.msg_exp.cate_img.tuesday:hover,
img.msg_exp.cate_img.wednesday:hover,
img.msg_exp.cate_img.special:hover
{
  opacity: 0;
}

img.msg_exp.cate_img2.sunday:hover,
img.msg_exp.cate_img2.lifeline:hover,
img.msg_exp.cate_img2.friday:hover,
img.msg_exp.cate_img2.tuesday:hover,
img.msg_exp.cate_img2.wednesday:hover,
img.msg_exp.cate_img2.special:hover
{
  -webkit-backdrop-filter: blur(0px);
  backdrop-filter: blur(0px);
}


div.preacher_box.later{
}

img.preacher_img{
  width: 104px;
  height: 104px;
  border: solid 3px #fff;
  object-fit: cover;
  border-radius: 50%;
}
div.preacher_ellipse1{
  width: 112px;
  height: 112px;
  padding: 4px;
  background-image: linear-gradient(to bottom, #c5946e, #634a37);
  border-radius: 50%;
  margin:auto;
}

div.preacher_ellipse2{
  
}

span.preacher_name{
  font-family: Segoe_UI_SemiBold;
  /* font-size: 16px; */
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  /* line-height: 1.31; */
  /* letter-spacing: normal; */
  text-align: center;
  color: #201e1d;
  margin: auto;
}

div.preacher_name{
  margin-top: 14px;
  text-align: center;
}

img.preacher_img.wonchun{
  object-position: -16px;
}

img.preacher_img.heungbae{
  object-position: -4px;
}

div.garam_msg_row{
  margin-left: 0 !important;
  margin-right: 0 !important;
}

div.MSG_BG{
  width: 100%;
  padding-left: 460px;
  padding-right: 468.5px;
}

a.adult_generation.singles{
  /* background-position: 50% 0% !important; */
  /* background-size: cover; */
  /* background-size:  150%; */

}


@media (max-width: 768px) {

  div.container_message_mobile{
    width: 375px;
    margin: auto; 
  } 
  div.message_exp{
    /* padding-left: 27px; */
  }
  div.message_exp.TOP_BG{
    width: 375px;
    /* height: 587.9px; */
    height: auto;
    padding: 15.1px 0 0;
    /* margin: 0px 0 0px; */
    /* padding: 76.4px 467.3px 41.5px 462.3px; */
    background-color: #fff;
  }
  div.msg_exp.cate_div.later{
    margin-left: 16px;
  }
  div.row.d-flex.msg_exp.later{
    margin-top: 8px;
  }

  div.message_exp.MID_BG{
    width: 375px;
    /* height: 587.9px; */
    height: auto;
    padding: 15.1px 0 0;
    margin: 1px 0px 0px 0px;
    /* padding: 76.4px 467.3px 41.5px 462.3px; */
    background-color: #fff;
  }


  div.MSG_BG{
    width: 100%;
    padding: 15.1px 0 0;
  }
  div.message_garam_card{
    /* display: inline-block; */
  }  
  div.msg_exp_row.garam_msg_row{
    padding-left: 27px;
    margin-bottom: 16px;
  }

  div.msg_mobile.pagination{
    margin-top: 30px;
  }

  div.container.jubo::-webkit-scrollbar { width: 0 !important }
  div.container.jubo
  { 
    overflow: -moz-scrollbars-none; 
    -ms-overflow-style: none;
  }
  
}

span.jubo_serve{
  color : rgb(131, 95, 77);
}

td.col-ver{
  vertical-align : middle;
}

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

table.table.jubo{
  overflow: auto;
}

div.container.jubo{
  overflow: auto;
}

/* div.container.jubo::-webkit-scrollbar { width: 0 !important }
div.container.jubo
{ 
  overflow: -moz-scrollbars-none; 
  -ms-overflow-style: none;
} */

table.table.jubo, 
table.table.jubo.next_week{
  min-width: 760px;
}

div.th_container{
  /* width: 1200px; */
  margin: auto;
}

img.msg_exp.new_cate_img2{
  width: 100%;
  height: auto;
}





/* a.adult_generation.youth_college, 
a.adult_generation.seniors{
	background-position: center;
  width: 100%;
  height: auto;
}

a.adult_generation.singles{
	background-position: 40% 90%;
  width: 100%;
  height: auto;
}
 */
 
 div.img_box.cnb_1{
  background-position: 50% 60%;
 }

 div.img_box.cnb_2{
  background-position: 50% 5%;
 }



/* For head.11.04.php  */
/* div.main-text-container{
  position: absolute;
  left:0;
  z-index: 5;
} */


div.mm-panel.mm-panel_opened
,div.mm-navbar.mm-navbar_sticky
{
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
}

ul.menu-container.mm-listview,
ul.sub-menu-container.mm-listview
{
  position: fixed !important;
  top: 45px;
  left: 0;
  right: 0;
}

@media (max-width: 575.98px)
{
  h1 {
    font-size: 1rem;
  }
  h4 {
    font-size: 12px;
  }
}


section.tlc_header{
  padding: 0 !important;
  padding-bottom: 25% !important;
  position: relative;
  overflow: hidden;
  max-width: 100%;
  height: 0;
  width:100%;
}

div.tlc_header_img{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
}
div.tlc_header.small{
  background-position: center;
  transform: translateY(-50%);
}
div.tlc_header_img.pc{
  display: block;
}
div.tlc_header_img.small{
  display: none;
}

div.main-text-container#title-text-container{
  position: absolute;
  top: calc(50% + 45px);
  transform: translateY(-50%);
}


@media (max-width:991.9px) {
    div.main-text-container#title-text-container{
    top: 50%;
  }
}

@media (max-width: 600.9px){
  section.tlc_header{
    padding-bottom: max(25%, 150px) !important;
  }    
  div.tlc_header_img.pc{
    display: none;
  }
  div.tlc_header_img.mobile{
    display: none;
  }
  div.tlc_header_img.small{
    background-position: center;
      display: block;
  }
}

div.message_page.live_icon{
  background-image: url('/img/nav/circle_Live_red.png');
  height: 15px;
  width: 31.5px;
  background-size: cover;
  margin-left: 3px;
}
@media screen and (max-width:991.8px) {
  div.message_page.live_icon{
    height: 15px;
    width: 31.5px;
    margin-left: 4px;
  }    
}


div.menu_live_icon_div{
  margin-left: 0;
  margin-right: 0;
}

div#hd_pop div.hd_pops_con {
  /* original popup */
  max-width: 480px;
  min-width: 320px;
  width: 35vw;
  /* with indexes */
  padding-bottom: calc(111%);
  position: relative;
}
div#hd_pop div.hd_pops_con.swiper{
  padding-bottom: calc(111% + 24px);
}
div#hd_pop div.hd_pops_con div.pop_wrapper{
  position:absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

header#header nav.primary-menu.style-ecommerce.menu-spacing-margin.ml-auto ul.menu-container li.menu-item:first-child a.menu-link div{
  border: 1px solid #fff;
  padding: 6px;
  border-radius: 6px;
}

header#header nav.primary-menu.style-ecommerce.menu-spacing-margin.ml-auto ul.menu-container li ul.sub-menu-container li.menu-item:first-child a.menu-link div{
  padding: 0;
}



header#header nav.primary-menu.style-ecommerce.menu-spacing-margin.ml-auto ul.menu-container li.menu-item:first-child:hover a.menu-link div{
  border: 1px solid #c5946e
  /* border: 1px solid #000066;
  color: #000066; */
}

header#header nav.primary-menu.style-ecommerce.menu-spacing-margin.ml-auto ul.menu-container ul.sub-menu-container li.menu-item a.menu-link div{
  border: none !important;
}

@media screen and (max-width:1199.98px){
  .stretched .full-header #header-wrap > .container{
    padding: 0 15px;
  }
  .full-header #logo{
    padding-right: 15px;
  }
  .menu-link{
    padding: 32px 6px;
  }
  .header-misc-icon > a{
    margin-right: 8px;
  }
  .header-misc-icon{
    padding: 0 8px !important;
  }
}

div.card div.card-body a.kakao_channel_add img{
  width: 90px;
  height: 35.52631579px;
}