@charset "euc-kr";

/* piece widget ������������ ��Ʈ�� �ƴ� �������� ���� �����Դϴ�. */

/* effect_image_piece01 ------------------------------------------------------------------------------------------ */
.effect_image_piece01 {
  position: relative;
  overflow-y: hidden;
}

.effect_image_piece01 .bg_img img {
}

.effect_image_piece01:hover .bg_img img {
}

.effect_image_piece01 .bg_txt {
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translateY(-50%);
  width: 80%;
  height: auto;
  background-color: rgba(31, 31, 31, 1);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding: 10%;
  opacity: 0.9;
  text-align: center;
}

.effect_image_piece01:hover .bg_txt {
  opacity: 1;
  top: 50%;
}

.effect_image_piece01 .bg_txt .txt_title {
  color: rgba(255, 255, 255, 0.87);
  font-size: 3.2vmin;
  padding-bottom: 3%;
}

.effect_image_piece01 .bg_txt .txt_title:hover {
  color: rgba(204, 160, 63, 1);
}

.effect_image_piece01 .bg_txt .txt_body {
  color: rgba(255, 255, 255, 1);
  font-size: 1.8vmin;
  opacity: 1;
  visibility: visible;
}

.effect_image_piece01:hover .bg_txt .txt_body {
}

@media (max-width: 991px) {
  .effect_image_piece01 .bg_txt {
    opacity: 1;
    visibility: visible;
    background-color: rgba(31, 31, 31, 0.8);
  }

  .effect_image_piece01 .bg_txt .txt_title {
    font-size: 3.2vmin;
  }

  .effect_image_piece01 .bg_txt .txt_body {
    font-size: 1.8vmin;
  }
}

/* effect_image_piece02 ------------------------------------------------------------------------------------------ */
.effect_image_piece02 {
  position: relative;
  width: 100%;
  overflow-y: hidden;
  display: table;
}

.effect_image_piece02 .bg_img:after {
  content: "";
  position: absolute;
  display: block;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(31, 31, 31, 1);
  transition: 0.3s;
}

.effect_image_piece02:hover .bg_img:after {
  background-color: rgba(31, 31, 31, 0.86);
}

.effect_image_piece02 .bg_img {
  position: relative;
}

.effect_image_piece02 .bg_txt {
  position: absolute;
  display: table-cell;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  height: auto;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding: 10%;
  opacity: 1;
  visibility: visible;
  text-align: center;
  font-family: "��������", "Nanum Gothic", sans-serif;
  vertical-align: middle;
}

.effect_image_piece02:hover .bg_txt {
}

.effect_image_piece02 .bg_txt .txt_title {
  color: rgba(255, 255, 255, 0.87);
  font-size: 3.2vmin;
  padding-bottom: 3%;
}

.effect_image_piece02 .bg_txt .txt_title:hover {
  color: rgba(204, 160, 63, 1);
}

.effect_image_piece02 .bg_txt .txt_body {
  color: rgba(255, 255, 255, 1);
  font-size: 1.8vmin;
  opacity: 1;
  visibility: visible;
}

.effect_image_piece02:hover .bg_txt .txt_body {
}

@media (max-width: 991px) {
  .effect_image_piece02 .bg_txt .txt_title {
    font-size: 3.2vmin;
  }

  .effect_image_piece02 .bg_txt .txt_body {
    font-size: 1.8vmin;
  }

  .effect_image_piece02 .bg_img:after {
    background-color: rgba(31, 31, 31, 0.7);
  }
}

/* effect_image_piece03 ------------------------------------------------------------------------------------------ */
.effect_image_piece03 {
  position: relative;
  display: block;
  margin-top: 65px;
  margin-bottom: 100px;
}

.effect_image_piece03 .bg_img img {
}

.effect_image_piece03:hover .bg_img img {
}

.effect_image_piece03 .bg_txt {
  position: absolute;
  display: block;
  bottom: -10%;
  left: 10%;
  width: 80%;
  height: auto;
  background-color: rgba(31, 31, 31, 0.93);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-align: center;
  padding: 4%;
}

.effect_image_piece03:hover .bg_txt {
}

.effect_image_piece03 .bg_txt .txt_title {
  color: rgba(255, 255, 255, 0.87);
  font-size: 3.2vmin;
  padding-bottom: 3%;
}

.effect_image_piece03 .bg_txt .txt_title:hover {
  color: rgba(204, 160, 63, 1);
}

.effect_image_piece03 .bg_txt .txt_body {
  color: rgba(255, 255, 255, 1);
  font-size: 1.8vmin;
  opacity: 1;
  visibility: visible;
}

.effect_image_piece03:hover .bg_txt .txt_body {
}

@media (max-width: 991px) {
  .effect_image_piece03 .bg_txt {
    opacity: 1;
    visibility: visible;
  }
}

/* main_bbs_list_white01 ------------------------------------------------------------------------------------------ */

.main_bbs_list_white01 {
}

.main_bbs_list_white01 .slick-slide img {
  display: inline;
  border: none;
  width: auto;
  max-width: 100%;
  margin: auto;
  padding: 0;
}

.main_bbs_list_white01 .slick-vertical .slick-slide:focus {
  outline: none !important;
  border: none !important;
}

.main_bbs_list_white01 .label {
  padding: 0 4px;
  font-size: 9px;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 2px;
  font-weight: 100;
}
.main_bbs_list_white01 .bbs_big_title {
  font-size: 22px;
  padding-right: 5px;
  padding-bottom: 10px;
  display: inline-block;
  letter-spacing: -1px;
  color: #3a3a3a;
  position: relative;
  margin-bottom: 10px;
}

.main_bbs_list_white01 .bbs_big_title:after {
  content: "";
  position: absolute;
  width: 50px;
  height: 2px;
  bottom: 2px;
  left: 0px;
  background-color: #131d1d;
}

.main_bbs_list_white01 .small_title {
  color: #a80632;
}

/* .banner_youtube01 ------------------------------------------------------------------------------------------ */
.banner_youtube01 {
  position: relative;
  overflow: hidden;
  border: 5px solid #e8e8e8;
}

.banner_youtube01:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

.banner_youtube01 .btn_play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgba(255, 255, 255, 1);
  width: 80px;
  height: 80px;
  text-align: center;
  background-color: #1f1f1f;
  line-height: 98px;
  border-radius: 100px;
  padding-left: 9px;
  opacity: 0.8;
}

.banner_youtube01:hover .btn_play {
  color: rgba(236, 20, 23, 1);
}

/* main_call_center_white01 ------------------------------------------------------------------------------------------ */

.main_call_center_white01 {
  padding: 0 15px;
}

.main_call_center_white01 .tel_title {
  font-size: 25px;
  letter-spacing: -1px;
  text-transform: uppercase;
}

.main_call_center_white01 .tel_number,
.main_call_center_white01 .tel_number a {
  color: #a80632;
  font-size: 2.5vmin;
  padding-top: 0px;
  padding-right: 0;
  padding-left: 0;
  font-weight: lighter;
  padding-bottom: 0px;
}

.main_call_center_white01 .tel_number i {
  margin-right: 10px;
}
@media (max-width: 767px) {
  .main_call_center_white01 .tel_number,
  .main_call_center_white01 .tel_number a {
    font-size: 6vmin;
  }
}

/* main_icon_banner_white01 ------------------------------------------------------------------------------------------ */
.icon_banner_white01 {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
  padding-top: 20px;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 20px;
  background-color: #2dadb6;
}
.icon_banner_white01 > ul > li {
  display: inline-block;
  width: 50%;
  float: left;
  text-align: center;
}
.icon_banner_white01 .type_icon {
  font-size: 40px;
  padding: 17px;
  /* background-color: #333; */
  display: inline-block;
  /* width: 120px; */
  /* height: 120px; */
  /* border-radius: 100px; */
  color: rgba(255, 255, 255, 0.82);
}
.icon_banner_white01 .body_text {
  padding: 0;
  color: white;
}
.icon_banner_white01 .body_text .subject_text {
  font-size: 16px;
  font-weight: 600;
}
.icon_banner_white01 .body_text .dec_text {
  font-size: 12px;
}

/* ------------------------------------------ ����Ʈ 01 ---------------------------------------------- */

/* ------------------------------------------ ����Ʈ 01 ---------------------------------------------- */
#contacts_bg01 {
  overflow-y: hidden;
  padding-top: 60px;
  padding-bottom: 60px;
}
#contacts_bg01 .banner_subject {
  font: 28px "Noto Sans KR", sans-serif;
  color: #ffffff;
  display: block;
  padding-bottom: 25px;
}
#contacts_bg01 ul {
}
#contacts_bg01 ul li {
  color: #ececec;
  padding: 10px 5px;
  font-size: 16px;
  border-bottom: 1px solid #434343;
}
#contacts_bg01 ul li:last-child {
  border-bottom-style: none;
}
#contacts_bg01 ul li i {
  padding-right: 10px;
}

/* ------------------------------------------ ������ 01 ---------------------------------------------- */
#online_bg01 {
  overflow-y: hidden;
  padding-top: 60px;
  padding-bottom: 60px;
}
#online_bg01 .banner_subject {
  font: 28px "Noto Sans Korean", sans-serif;
  color: #ffffff;
  display: block;
  padding-bottom: 25px;
}

#online_bg01 .online_contents {
}
#online_bg01 .online_contents #online_form .online_bg {
  background-color: #1f1f1f;
}

/* input �극��ũ */

#online_form .formmail_cell_bgcolor {
  background-color: rgba(0, 0, 0, 0);
}
#online_form .online_bg tr td:first-child {
  display: none;
}
#online_form .input_modify {
  width: 100%;
  font: 16px/35px "Noto Sans Korean", sans-serif;
  padding-left: 15px;
  background-color: rgba(0, 0, 0, 0);
  color: rgba(112, 112, 112, 1);
  display: block;
  border: 1px solid rgba(67, 67, 67, 1);
  height: 35px;
}
#online_form .input_modify:focus {
  border: 1px solid rgba(236, 236, 236, 1);
  color: rgba(236, 236, 236, 1);
}