@charset "euc-kr";

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400&display=swap");

body,
html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-family: "Noto Sans KR", sans-serif;
}

#info_notice_section {
  background-color: #c53639;
  display: block;
}
#info_contact_section {
  display: none;
}
/*##################### �������� ##################################*/
/* ����, ũ��, �� ��ҵ��� �������� ���� �߰��Ͽ� Ȩ�������� �°� ����ϽǼ� �ֽ��ϴ� */
/* ------------------------------------------ �����ܹ�� 01 ---------------------------------------------- */
#icon_banner_bg01 {
  display: block;
  padding: 60px 15px;
}

#icon_banner_bg01 .banner_subject {
  margin-left: auto;
  margin-right: auto;
  font-weight: 600;
  font-size: 28px;
  color: #3a3a3a;
  max-width: 1300px;
  text-align: center;
  padding-bottom: 25px;
  display: none;
}

#icon_banner_bg01 .main_banner {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  overflow-y: hidden;
  max-width: 1300px;
  font-family: "��������", "Nanum Gothic", sans-serif;
  text-align: center;
  display: block;
}

#icon_banner_bg01 .main_banner .type_icon {
  border-radius: 100px;
  background-color: #f3f3f3;
  text-align: center;
  text-decoration: none;
  display: block;
  width: 100px;
  height: 100px;
  line-height: 100px;
  color: #6e6e6e;
  margin-left: auto;
  margin-right: auto;
  font-size: 36px;
}

#icon_banner_bg01 .main_banner ul li {
  float: left;
  width: 25%;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#icon_banner_bg01 .main_banner ul li a div i {
  color: #6e6e6e;
}

#icon_banner_bg01 .main_banner ul li a {
  outline-style: none;
  text-decoration: none;
  display: block;
}

#icon_banner_bg01 .main_banner ul li a:hover div > i {
  color: #ffffff;
}

#icon_banner_bg01 .main_banner ul li a .main_banner_title {
  color: #6e6e6e;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -1px;
  margin-top: 15px;
  margin-bottom: 15px;
}

#icon_banner_bg01 .main_banner ul li a:hover .main_banner_title {
  color: #c41f1f;
}

#icon_banner_bg01 .main_banner ul li a:hover .type_icon {
  background-color: #e4570e;
}

/* ------------------------------------------ �����ܹ�� 02 ---------------------------------------------- */
#icon_banner_02 {
  padding: 60px 15px;
  background-color: rgba(58, 58, 58, 1);
  position: relative;
  width: 100%;
  display: block;
  overflow-y: hidden;
}

#icon_banner_02 .banner_subject {
  margin-left: auto;
  margin-right: auto;
  font: 600 28px "��������", "Nanum Gothic", sans-serif;
  color: #ffffff;
  max-width: 1300px;
  text-align: center;
  display: block;
  padding-bottom: 55px;
}

#icon_banner_02 .main_banner {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
  width: 100%;
  max-width: 1300px;
  font-family: "��������", "Nanum Gothic", sans-serif;
  text-align: center;
}

#icon_banner_02 .type_icon {
  text-align: center;
  text-decoration: none;
  display: block;
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  font-size: 48px;
  line-height: 110px;
  color: #ffffff;
  margin-top: 15px;
}

#icon_banner_02 .main_banner ul li:hover {
  background-color: rgba(58, 58, 58, 1);
}

#icon_banner_02 .main_banner ul li div i {
  color: #ffffff;
}

#icon_banner_02 .main_banner ul li {
  outline-style: none;
  text-decoration: none;
  background-color: #9d0b0e;
}

#icon_banner_02 .main_banner ul li:hover div > i {
  color: #ffffff;
}

#icon_banner_02 .main_banner ul li .main_banner_title {
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -1px;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #ffffff;
}

#icon_banner_02 .main_banner ul li:hover .main_banner_title {
  color: #ffffff;
}

#icon_banner_02 .main_banner ul li .main_banner_dec {
  color: #ffffff;
  font-size: 18px;
  line-height: 28px;
  text-align: left;
  text-decoration: none;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}

#icon_banner_02 .main_banner ul li:hover .type_icon {
}

/* ------------------------------------------ �����ܹ�� 03 ---------------------------------------------- */
#icon_banner_bg03 {
  display: block;
  overflow-y: hidden;
  padding: 60px 15px;
  background-color: #ffffff;
}

#icon_banner_bg03 .banner_subject {
  margin-left: auto;
  margin-right: auto;
  font: 600 28px "��������", "Nanum Gothic", sans-serif;
  color: #3a3a3a;
  max-width: 1300px;
  text-align: center;
  display: none;
  padding-bottom: 25px;
}

#icon_banner_bg03 .main_banner {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  overflow-y: hidden;
  max-width: 1300px;
  font-family: "��������", "Nanum Gothic", sans-serif;
  text-align: center;
  display: block;
}

#icon_banner_bg03 .type_icon {
  border-radius: 100px;
  background-color: #f3f3f3;
  text-align: center;
  text-decoration: none;
  display: none;
  width: 100px;
  height: 100px;
  line-height: 100px;
  color: #6e6e6e;
  margin-left: auto;
  margin-right: auto;
  font-size: 36px;
}

#icon_banner_bg03 .main_banner ul li a:hover .type_icon {
  background-color: #e4570e;
}

#icon_banner_bg03 .main_banner ul li {
}

#icon_banner_bg03 .main_banner ul li a div i {
  color: #6e6e6e;
}

#icon_banner_bg03 .main_banner ul li a:hover div > i {
  color: #ffffff;
}

#icon_banner_bg03 .main_banner ul li a {
  outline-style: none;
  text-decoration: none;
  display: block;
}

#icon_banner_bg03 .main_banner ul li a .main_banner_title {
  color: #9b9b9b;
  font-size: 28px;
  letter-spacing: -1px;
  margin-top: 15px;
  margin-bottom: 15px;
}

#icon_banner_bg03 .main_banner ul li a:hover .main_banner_title {
  color: #c41f1f;
}

#icon_banner_bg03 .main_banner ul li a .main_banner_dec {
  color: rgba(126, 126, 126, 1);
}

#icon_banner_bg03 .main_banner ul li a:hover .main_banner_dec {
}

/* ------------------------------------------ �����ܹ�� 04 ---------------------------------------------- */
#icon_banner_bg04 {
  background-color: #de4555;
  display: block;
  overflow-y: hidden;
  padding: 60px 15px;
}

#icon_banner_bg04 .banner_subject {
  margin-left: auto;
  margin-right: auto;
  font: 600 28px "��������", "Nanum Gothic", sans-serif;
  color: #ffffff;
  max-width: 1300px;
  text-align: center;
  padding-bottom: 25px;
}

#icon_banner_bg04 .main_banner {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  overflow-y: hidden;
  max-width: 1440px;
  font-family: "��������", "Nanum Gothic", sans-serif;
  text-align: center;
  display: block;
}

#icon_banner_bg04 .type_icon {
  border-radius: 65px;
  width: 60px;
  line-height: 65px;
  font-size: 22px;
  float: left;
  padding-top: 10px;
}

#icon_banner_bg04 .type_text {
  overflow: hidden;
}

#icon_banner_bg04 .main_banner ul li a:hover .type_icon {
}

#icon_banner_bg04 .main_banner ul li {
}

#icon_banner_bg04 .main_banner ul li a div i {
  color: #c7162d;
  border-radius: 100px;
  display: block;
  width: 45px;
  height: 45px;
  background-color: #ffffff;
  padding-top: 10px;
}

#icon_banner_bg04 .main_banner ul li a:hover div > i {
}

#icon_banner_bg04 .main_banner ul li a {
  outline-style: none;
  text-decoration: none;
}

#icon_banner_bg04 .main_banner ul li a .main_banner_title {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -2px;
  margin-bottom: 5px;
}

#icon_banner_bg04 .main_banner ul li a:hover .main_banner_title {
  color: #ac1e2d;
}

#icon_banner_bg04 .main_banner ul li a .main_banner_dec {
  color: rgba(255, 225, 229, 1);
}

#icon_banner_bg04 .main_banner ul li a:hover .main_banner_dec {
  color: #ffffff;
}

/* ------------------------------------------ �����ܹ�� 04a ---------------------------------------------- */
#icon_banner_bg04a {
  background-color: #2dacb5;
  display: block;
  overflow-y: hidden;
  padding: 60px 15px;
}

#icon_banner_bg04a .banner_subject {
  margin-left: auto;
  margin-right: auto;
  font-size: 38px;
  color: #ffffff;
  max-width: 1300px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: -2px;
  margin-bottom: 40px;
}

#icon_banner_bg04a .main_banner {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  overflow-y: hidden;
  max-width: 1300px;
  font-family: "��������", "Nanum Gothic", sans-serif;
  display: block;
}

#icon_banner_bg04a .type_icon {
  border-radius: 65px;
  text-align: center;
  text-decoration: none;
  line-height: 65px;
  font-size: 19px;
  float: left;
  padding-top: 10px;
  margin-right: 15px;
}

#icon_banner_bg04a .type_text {
  overflow: hidden;
}

#icon_banner_bg04a .main_banner ul li a:hover .type_icon {
}

#icon_banner_bg04a .main_banner ul li {
}

#icon_banner_bg04a .main_banner ul li a div i {
  color: #c7162d;
  border-radius: 100px;
  display: block;
  width: 35px;
  height: 35px;
  background-color: #ffffff;
  margin-right: auto;
  margin-left: auto;
  padding-top: 7px;
}

#icon_banner_bg04a .main_banner ul li a:hover div > i {
}

#icon_banner_bg04a .main_banner ul li a {
  outline-style: none;
  text-decoration: none;
}

#icon_banner_bg04a .main_banner ul li a .main_banner_title {
  color: #ffffff;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -2px;
  margin-bottom: 5px;
}

#icon_banner_bg04a .main_banner ul li a:hover .main_banner_title {
  color: #ffffff;
}

#icon_banner_bg04a .main_banner ul li a .main_banner_dec {
  color: #ffffff;
}

#icon_banner_bg04a .main_banner ul li a:hover .main_banner_dec {
}

/* ------------------------------------------ �����ܹ�� 04b ������ ---------------------------------------------- */
#icon_banner_bg04b {
  background-color: #1f1f1f;
  display: block;
  overflow-y: hidden;
  padding: 60px 15px;
}

#icon_banner_bg04b .banner_subject {
  margin-left: auto;
  margin-right: auto;
  font-size: 38px;
  color: #ffffff;
  max-width: 1300px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: -2px;
}

#icon_banner_bg04b .main_banner {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  overflow-y: hidden;
  max-width: 1300px;
  display: block;
}

#icon_banner_bg04b .type_icon {
  border-radius: 65px;
  text-align: center;
  text-decoration: none;
  line-height: 65px;
  font-size: 19px;
  float: left;
  padding-top: 10px;
  margin-right: 15px;
}

#icon_banner_bg04b .type_text {
  overflow: hidden;
}

#icon_banner_bg04b .main_banner ul li a:hover .type_icon {
}

#icon_banner_bg04b .main_banner ul li {
}

#icon_banner_bg04b .main_banner ul li a div span {
  color: #9d0824;
  border-radius: 100px;
  display: block;
  width: 35px;
  height: 35px;
  background-color: #ffffff;
  margin-right: auto;
  margin-left: auto;
  line-height: 35px;
  text-align: center;
}

#icon_banner_bg04b .main_banner ul li a:hover div > span {
}

#icon_banner_bg04b .main_banner ul li a {
  outline-style: none;
  text-decoration: none;
}

#icon_banner_bg04b .main_banner ul li a .main_banner_title {
  color: #ffffff;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -2px;
  margin-bottom: 5px;
}

#icon_banner_bg04b .main_banner ul li a:hover .main_banner_title {
  color: #ac1e2d;
}

#icon_banner_bg04b .main_banner ul li a .main_banner_dec {
  color: #ffffff;
}

#icon_banner_bg04b .main_banner ul li a:hover .main_banner_dec {
}

/* ------------------------------------------ �����ܹ�� 05 ---------------------------------------------- */
#icon_banner_bg05 {
  padding: 60px 15px;
  width: 100%;
  display: block;
  overflow-y: hidden;
  background-image: url(../images/main_metapo01.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 50% 50%;
}

#icon_banner_bg05 .banner_subject {
  margin-left: auto;
  margin-right: auto;
  font: 600 28px "��������", "Nanum Gothic", sans-serif;
  color: #ffffff;
  max-width: 1300px;
  text-align: center;
  display: block;
  padding-bottom: 25px;
}

#icon_banner_bg05 .main_banner {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
  width: 100%;
  max-width: 1300px;
  font-family: "��������", "Nanum Gothic", sans-serif;
  text-align: center;
  display: block;
}

#icon_banner_bg05 .main_banner .type_icon {
  text-align: center;
  text-decoration: none;
  display: block;
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  font-size: 48px;
  line-height: 110px;
  background-color: #ffffff;
  border-radius: 100px;
  color: #de4555;
}

#icon_banner_bg05 .main_banner ul li {
}

#icon_banner_bg05 .main_banner ul li:hover {
}

#icon_banner_bg05 .main_banner ul li a div i {
}

#icon_banner_bg05 .main_banner ul li a {
  outline-style: none;
  text-decoration: none;
  display: block;
}

#icon_banner_bg05 .main_banner ul li:hover a div > i {
}

#icon_banner_bg05 .main_banner ul li a .main_banner_title {
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -1px;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #ffffff;
}

#icon_banner_bg05 .main_banner ul li a:hover .main_banner_title {
  color: #ffffff;
}

#icon_banner_bg05 .main_banner ul li a .main_banner_dec {
  color: #ffffff;
}

#icon_banner_bg05 .main_banner ul li a:hover .type_icon {
  background-color: #ffffff;
  color: #3a3a3a;
}

/* ------------------------------------------ �����ܹ�� 05_a ---------------------------------------------- */
#icon_banner_bg05_a {
  width: 100%;
  display: block;
  overflow-y: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 50% 50%;
  padding-top: 40px;
  padding-right: 15px;
  padding-left: 15px;
  padding-bottom: 30px;
  background-color: #2dadb6;
}

#icon_banner_bg05_a .banner_subject {
  margin-left: auto;
  margin-right: auto;
  font: 600 28px "��������", "Nanum Gothic", sans-serif;
  color: #ffffff;
  max-width: 1300px;
  text-align: center;
  display: block;
  padding-bottom: 25px;
  padding-top: 25px;
}

#icon_banner_bg05_a .main_banner {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 1300px;
  font-family: "��������", "Nanum Gothic", sans-serif;
  text-align: center;
  display: block;
  padding: 25px;
}

#icon_banner_bg05_a .main_banner .type_icon {
  text-align: center;
  text-decoration: none;
  display: flex;
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  font-size: 48px;
  line-height: 110px;
  background-color: #ffffff;
  border-radius: 100px;
  color: #2dacb5;
  align-items: center;
  justify-content: center;
}

#icon_banner_bg05_a .main_banner ul li {
}

#icon_banner_bg05_a .main_banner ul li:hover {
}

#icon_banner_bg05_a .main_banner ul li a div i {
}
#icon_banner_bg05_a .main_banner ul li:nth-child(1) a div i {
  color: #a80632;
}
#icon_banner_bg05_a .main_banner ul li a {
  outline-style: none;
  text-decoration: none;
  display: block;
}

#icon_banner_bg05_a .main_banner ul li:hover a div > i {
}

#icon_banner_bg05_a .main_banner ul li a .main_banner_title {
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -1px;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #ffffff;
}

#icon_banner_bg05_a .main_banner ul li a:hover .main_banner_title {
  color: #ffffff;
}

#icon_banner_bg05_a .main_banner ul li a .main_banner_dec {
  color: #ffffff;
  font-size: 16px;
}

#icon_banner_bg05_a .main_banner ul li a:hover .type_icon {
  background-color: #ffffff;
  color: #3a3a3a;
}

/* ------------------------------------------ �����ܹ�� 06 ---------------------------------------------- */
#icon_banner_bg06 {
  background-color: #1f1f1f;
  display: block;
  overflow-y: hidden;
  padding: 15px 15px 10px;
}

#icon_banner_bg06 .banner_subject {
  margin-left: auto;
  margin-right: auto;
  font: 600 28px "��������", "Nanum Gothic", sans-serif;
  color: #ffffff;
  max-width: 1300px;
  text-align: center;
  padding-bottom: 25px;
  display: none;
}

#icon_banner_bg06 .main_banner {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  overflow-y: hidden;
  max-width: 1300px;
  font-family: "��������", "Nanum Gothic", sans-serif;
  text-align: center;
  display: block;
}

#icon_banner_bg06 .type_icon {
  text-align: center;
  text-decoration: none;
  float: left;
  margin-right: 10px;
}

#icon_banner_bg06 .main_banner ul li a:hover .type_icon {
}

#icon_banner_bg06 .main_banner ul li {
  display: block;
  width: 25%;
  float: left;
}

#icon_banner_bg06 .main_banner ul li a div i {
  color: #434343;
  border-radius: 100%;
  background-color: #ffffff;
  margin-right: auto;
  margin-left: auto;
  padding: 5px;
  width: 25px;
  height: 25px;
}

#icon_banner_bg06 .main_banner ul li a:hover div > i {
  color: #c7162d;
}

#icon_banner_bg06 .main_banner ul li a {
  outline-style: none;
  text-decoration: none;
  font-size: 14px;
}

#icon_banner_bg06 .main_banner ul li a .main_banner_title {
  color: #ffffff;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -1px;
  margin-bottom: 15px;
  display: none;
}

#icon_banner_bg06 .main_banner ul li a:hover .main_banner_title {
  color: #ac1e2d;
}

#icon_banner_bg06 .main_banner ul li a .main_banner_dec {
  color: #ffffff;
  text-align: left;
  padding-left: 10px;
  line-height: 25px;
}

#icon_banner_bg06 .main_banner ul li a:hover .main_banner_dec {
  color: #e74d3c;
  font-weight: 600;
}

/* ------------------------------------------ �����ܹ�� 06a ---------------------------------------------- */
#icon_banner_bg06a {
  background-color: #6a3906;
  overflow-y: hidden;
  padding: 15px 15px 10px;
}

#icon_banner_bg06a .banner_subject {
  margin-left: auto;
  margin-right: auto;
  font: 600 28px "��������", "Nanum Gothic", sans-serif;
  color: #ffffff;
  max-width: 1300px;
  text-align: center;
  padding-bottom: 25px;
  display: none;
}

#icon_banner_bg06a .main_bannerx {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 1300px;
  text-align: center;
}

#icon_banner_bg06a .type_icon {
  text-decoration: none;
  display: inline-block;
  text-align: center;
}

#icon_banner_bg06a .main_bannerx ul li a:hover .type_icon {
}

#icon_banner_bg06a .main_bannerx ul li {
  display: inline-block;
  padding-right: 15px;
}

#icon_banner_bg06a .main_bannerx ul li a div i {
  color: #434343;
  border-radius: 100%;
  background-color: #ffffff;
  margin-right: auto;
  margin-left: auto;
  padding: 5px;
  width: 25px;
  height: 25px;
}

#icon_banner_bg06a .main_bannerx ul li a:hover div > i {
  color: #c7162d;
}

#icon_banner_bg06a .main_bannerx ul li a {
  outline-style: none;
  text-decoration: none;
  font-size: 14px;
}

#icon_banner_bg06a .main_bannerx ul li a .main_banner_title {
  color: #ffffff;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -1px;
  margin-bottom: 15px;
  display: none;
}

#icon_banner_bg06a .main_bannerx ul li a:hover .main_banner_title {
  color: #ac1e2d;
}

#icon_banner_bg06a .main_bannerx ul li a .main_banner_dec {
  color: #ffffff;
  padding-left: 5px;
  line-height: 25px;
  display: inline-block;
}

#icon_banner_bg06a .main_bannerx ul li a:hover .main_banner_dec {
  color: #e74d3c;
}

/* ------------------------------------------ �����ܹ�� 06b ---------------------------------------------- */
#icon_banner_bg06b {
  background-color: #1f1f1f;
  display: block;
  overflow-y: hidden;
  padding-top: 55px;
  padding-bottom: 55px;
}

#icon_banner_bg06b .banner_subject {
  margin-left: auto;
  margin-right: auto;
  font: 600 28px "��������", "Nanum Gothic", sans-serif;
  color: #ffffff;
  max-width: 1300px;
  text-align: center;
  padding-bottom: 25px;
  display: none;
}

#icon_banner_bg06b .main_bannerx {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  overflow-y: hidden;
  max-width: 1300px;
  font-family: "��������", "Nanum Gothic", sans-serif;
  text-align: center;
  display: block;
}

#icon_banner_bg06b .type_icon {
  text-align: center;
  text-decoration: none;
  font-size: 55px;
  width: 100%;
}

#icon_banner_bg06b .main_bannerx ul li a:hover .type_icon {
}

#icon_banner_bg06b .main_bannerx ul li {
  display: block;
  width: 25%;
  float: left;
  position: relative;
}

#icon_banner_bg06b .main_bannerx ul li:after {
  position: absolute;
  content: "";
  right: 0px;
  width: 1px;
  height: 50%;
  top: 50%;
  transform: translateY(-50%);
  border-right: 1px groove #b8b8b8;
  opacity: 0.5;
}

#icon_banner_bg06b .main_bannerx ul li:last-child:after {
  display: none;
}

#icon_banner_bg06b .main_bannerx ul li a div i {
}

#icon_banner_bg06b .main_bannerx ul li a:hover div > i {
}

#icon_banner_bg06b .main_bannerx ul li a {
  outline-style: none;
  text-decoration: none;
  color: #ffffff;
}

#icon_banner_bg06b .main_bannerx ul li a .main_banner_title {
  font-size: 22px;
  letter-spacing: -1px;
  margin-bottom: 15px;
  display: block;
}

#icon_banner_bg06b .main_bannerx ul li a:hover .main_banner_title {
}

#icon_banner_bg06b .main_bannerx ul li a .main_banner_dec {
  text-align: center;
  padding-left: 10px;
  line-height: 25px;
  font-size: 16px;
  text-decoration: none;
}

#icon_banner_bg06b .main_bannerx ul li a:hover .main_banner_dec {
  font-weight: 600;
}

/* ------------------------------------------ INFO BANNER 01 ---------------------------------------------- */
#info_banner_bg1 {
  padding-top: 55px;
  padding-bottom: 55px;
  background-color: rgba(31, 31, 31, 1);
  width: 100%;
  background-image: url(../../../../bizdemo47296/img/homepee/images/hotel.jpg);
  background-size: cover;
  overflow-y: hidden;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

#info_banner_bg1 .banner_subject {
  margin-left: auto;
  margin-right: auto;
  font: 600 28px "��������", "Nanum Gothic", sans-serif;
  color: #ffffff;
  max-width: 1300px;
  text-align: center;
  padding: 15px;
  display: none;
}

#info_banner_bg1 .main_banner {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
  width: 100%;
  max-width: 1300px;
  font-family: "��������", "Nanum Gothic", sans-serif;
  text-align: center;
  display: block;
}

#info_banner_bg1 .main_banner .type_icon {
  text-align: center;
  text-decoration: none;
  display: block;
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  font-size: 48px;
  line-height: 110px;
}

#info_banner_bg1 .main_banner ul li {
  background-color: #c7162d;
}

#info_banner_bg1 .main_banner ul li:hover {
  background-color: rgba(58, 58, 58, 1);
}

#info_banner_bg1 .main_banner ul li a div i {
  color: #ffffff;
}

#info_banner_bg1 .main_banner ul li a {
  outline-style: none;
  text-decoration: none;
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
}

#info_banner_bg1 .main_banner ul li a:hover div > i {
  color: #ffffff;
}

#info_banner_bg1 .main_banner ul li a .main_banner_title {
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -1px;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #ffffff;
}

#info_banner_bg1 .main_banner ul li a:hover .main_banner_title {
  color: #ffffff;
}

#info_banner_bg1 .main_banner ul li a .main_banner_txt {
  color: #ffffff;
  padding-left: 15px;
  padding-right: 15px;
}

#info_banner_bg1 .main_banner ul li a:hover .type_icon {
}


/* ------------------------------------------ �ѹ� ī���� 01 ---------------------------------------------- */
#num_counter_bg01 {
  width: 100%;
  display: block;
  overflow-y: hidden;
  background-image: url(../images/banner_bg01.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 50% 50%;
  padding: 60px 15px;
}

#num_counter_bg01 .banner_subject {
  margin-left: auto;
  margin-right: auto;
  font: 600 28px "��������", "Nanum Gothic", sans-serif;
  color: #ffffff;
  max-width: 1300px;
  text-align: center;
  display: none;
  padding-bottom: 25px;
}

#num_counter_bg01 .main_banner {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
  width: 100%;
  max-width: 1300px;
  font-family: "��������", "Nanum Gothic", sans-serif;
  text-align: center;
  display: block;
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: rgba(0, 0, 0, 0.5);
}

#num_counter_bg01 .main_banner .type_icon {
  text-align: center;
  text-decoration: none;
  display: block;
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  font-size: 48px;
  line-height: 110px;
  border-radius: 100px;
  color: #ffffff;
  margin-bottom: 10px;
}

#num_counter_bg01 .main_banner #count-number {
  font-weight: 400;
  font-size: 30px;
}

#num_counter_bg01 .main_banner ul li {
}

#num_counter_bg01 .main_banner ul li:hover {
}

#num_counter_bg01 .main_banner ul li a div i {
}

#num_counter_bg01 .main_banner ul li a {
  outline-style: none;
  text-decoration: none;
  display: block;
  color: #ffffff;
}

#num_counter_bg01 .main_banner ul li:hover a div > i {
}

#num_counter_bg01 .main_banner ul li a .main_banner_title {
  font-size: 22px;
  font-weight: 400;
  letter-spacing: -1px;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #ffffff;
}

#num_counter_bg01 .main_banner ul li a:hover .main_banner_title {
  color: #ffffff;
}

#num_counter_bg01 .main_banner ul li a .main_banner_dec {
  color: #ffffff;
  display: none;
}

#num_counter_bg01 .main_banner ul li a:hover .type_icon {
}

/* ------------------------------------------ �̹��� ��� 01 ---------------------------------------------- */

#img_banner_bg01 {
  background-color: #000000;
  padding: 60px 15px;
  display: block;
}

#img_banner_bg01 .banner_subject {
  margin-left: auto;
  margin-right: auto;
  font-size: 28px;
  color: #ffffff;
  max-width: 1300px;
  text-align: center;
  display: block;
  text-decoration: none;
  padding-bottom: 25px;
}

#img_banner_bg01 .main_banner {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  overflow-y: hidden;
  max-width: 1300px;
  text-align: center;
  display: block;
}

#img_banner_bg01 .main_banner .type_img {
  background-color: #ffffff;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  border-radius: 8px;
  padding: 5px;
}

#img_banner_bg01 .main_banner .type_img .bg_black {
  position: absolute;
  width: 101%;
  z-index: 10;
  line-height: 30px;
  opacity: 0.8;
  color: #e4e4e4;
  font-weight: 600;
  top: 100%;
  left: -1px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  height: 101%;
  background-image: -webkit-linear-gradient(270deg, rgba(31, 31, 31, 1) 0%, rgba(241, 242, 236, 1) 100%);
  background-image: -moz-linear-gradient(270deg, rgba(31, 31, 31, 1) 0%, rgba(241, 242, 236, 1) 100%);
  background-image: linear-gradient(180deg, rgba(31, 31, 31, 1) 0%, rgba(241, 242, 236, 1) 100%);
  padding-top: 5px;
  display: block;
}

#img_banner_bg01 .main_banner .type_img:hover .bg_black {
  top: 50%;
}

#img_banner_bg01 .main_banner .type_img:hover img {
}

#img_banner_bg01 .main_banner ul li {
  position: relative;
  padding-bottom: 40px;
}

#img_banner_bg01 .main_banner ul li a div i {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#img_banner_bg01 .main_banner ul li a {
  outline-style: none;
  text-decoration: none;
}

#img_banner_bg01 .main_banner ul li a:hover div > i {
  color: #2156a5;
}

#img_banner_bg01 .main_banner ul li a .main_banner_title {
  color: #e5e5e5;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -1px;
  margin-top: 15px;
  margin-bottom: 15px;
  border-bottom-color: #c41f1f;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  line-height: 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#img_banner_bg01 .main_banner ul li a:hover .main_banner_title {
  color: #c41f1f;
}

#img_banner_bg01 .main_banner .main_banner_dec {
  color: #e8e8e8;
}

#img_banner_bg01 .main_banner .main_banner_btn {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
}

/* ------------------------------------------ �̹��� ��� 02 ---------------------------------------------- */
#img_banner_bg02 {
  padding: 60px 15px;
  background-color: rgba(0, 0, 0, 1);
  position: relative;
  width: 100%;
  display: block;
  overflow-y: hidden;
}

#img_banner_bg02 .banner_subject {
  margin-left: auto;
  margin-right: auto;
  font: 600 28px "��������", "Nanum Gothic", sans-serif;
  color: #ffffff;
  max-width: 1300px;
  text-align: center;
  display: block;
  padding-bottom: 25px;
}

#img_banner_bg02 .main_banner {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
  width: 100%;
  max-width: 1300px;
  font-family: "��������", "Nanum Gothic", sans-serif;
  text-align: center;
  display: block;
}

#img_banner_bg02 .main_banner .type_icon {
  text-align: center;
  text-decoration: none;
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 48px;
  line-height: 110px;
}

#img_banner_bg02 .main_banner ul li {
}

#img_banner_bg02 .main_banner ul li:hover {
  background-color: #2e2e2e;
}

#img_banner_bg02 .main_banner ul li a div i {
  color: #ffffff;
}

#img_banner_bg02 .main_banner ul li a {
  outline-style: none;
  text-decoration: none;
  display: block;
}

#img_banner_bg02 .main_banner ul li a:hover div > i {
  color: #ffffff;
}

#img_banner_bg02 .main_banner ul li a .main_banner_title {
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -1px;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #ffffff;
}

#img_banner_bg02 .main_banner ul li a:hover .main_banner_title {
  color: #ffffff;
}

#img_banner_bg02 .main_banner ul li a .main_banner_dec {
  color: #ffffff;
}

#img_banner_bg02 .main_banner ul li a:hover .type_img {
}

/* ------------------------------------------ �̹��� ��� 03 ---------------------------------------------- */
#img_banner_bg03 {
  background-color: #f3f3f3;
  padding: 60px 15px;
  display: block;
}

#img_banner_bg03 .banner_subject {
  margin-left: auto;
  margin-right: auto;
  font: 600 28px "��������", "Nanum Gothic", sans-serif;
  color: #3a3a3a;
  max-width: 1300px;
  text-align: center;
  display: block;
  padding-bottom: 25px;
}

#img_banner_bg03 .main_banner {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  overflow-y: hidden;
  max-width: 1300px;
  font-family: "��������", "Nanum Gothic", sans-serif;
  text-align: center;
  display: block;
}

#img_banner_bg03 .main_banner .type_img {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  display: block;
}

#img_banner_bg03 .main_banner .type_img .bg_black {
  position: absolute;
  width: 101%;
  z-index: 10;
  line-height: 30px;
  opacity: 0.8;
  color: #e4e4e4;
  font-weight: 600;
  top: 100%;
  left: -1px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  height: 101%;
  padding-top: 5px;
  display: block;
  background-color: #000000;
}

#img_banner_bg03 .main_banner .type_img:hover .bg_black {
  top: 50%;
}

#img_banner_bg03 .main_banner .type_img:hover img {
}

#img_banner_bg03 .main_banner ul li {
}

#img_banner_bg03 .main_banner ul li a div i {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#img_banner_bg03 .main_banner ul li a:hover div > i {
  color: #2156a5;
}

#img_banner_bg03 .main_banner ul li a {
  outline-style: none;
  text-decoration: none;
}

#img_banner_bg03 .main_banner ul li a .main_banner_title {
  color: #3a3a3a;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -1px;
  margin-top: 15px;
  margin-bottom: 15px;
  border-bottom-color: #c41f1f;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  line-height: 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#img_banner_bg03 .main_banner ul li a:hover .main_banner_title {
  color: #c41f1f;
}

#img_banner_bg03 .main_banner .main_banner_dec {
  color: #3a3a3a;
  margin-bottom: 15px;
}

/* ------------------------------------------ �̹��� ��� 04 ---------------------------------------------- */
#img_banner_bg04 {
  padding: 60px 15px;
  background-color: rgb(226, 231, 232);
  position: relative;
  width: 100%;
  display: block;
  overflow-y: hidden;
}

#img_banner_bg04 .banner_subject {
  margin-left: auto;
  margin-right: auto;
  font: 600 28px "��������", "Nanum Gothic", sans-serif;
  color: #434343;
  max-width: 1300px;
  text-align: center;
  display: block;
  padding-bottom: 25px;
}

#img_banner_bg04 .main_banner {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
  width: 100%;
  max-width: 1300px;
  font-family: "��������", "Nanum Gothic", sans-serif;
  text-align: center;
  display: block;
}

#img_banner_bg04 .main_banner .type_icon {
  text-align: center;
  text-decoration: none;
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 48px;
  line-height: 110px;
}

#img_banner_bg04 .main_banner ul li {
  background-color: rgba(231, 77, 60, 1);
}

#img_banner_bg04 .main_banner ul li:hover {
  background-color: rgba(31, 31, 31, 1);
}

#img_banner_bg04 .main_banner ul li a div i {
  color: #ffffff;
}

#img_banner_bg04 .main_banner ul li a {
  outline-style: none;
  text-decoration: none;
  display: block;
}

#img_banner_bg04 .main_banner ul li a:hover div > i {
  color: #ffffff;
}

#img_banner_bg04 .main_banner ul li a .main_banner_title {
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -1px;
  color: #ffffff;
  padding: 15px;
}

#img_banner_bg04 .main_banner ul li a:hover .main_banner_title {
  color: #ffffff;
}

#img_banner_bg04 .main_banner ul li a .main_banner_dec {
  color: #ffffff;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
}

#img_banner_bg04 .main_banner ul li a:hover .type_img {
}

/* ------------------------------------------ �̹��� ��� 04_a ---------------------------------------------- */
#img_banner_bg04_a {
  padding-top: 30px;
  padding-right: 15px;
  padding-left: 15px;
  padding-bottom: 60px;
  position: relative;
  width: 100%;
  display: block;
}

#img_banner_bg04_a .banner_subject {
  margin-left: auto;
  margin-right: auto;
  color: #434343;
  max-width: 1300px;
  text-align: center;
  display: none;
  padding-bottom: 25px;
}

#img_banner_bg04_a .main_banner {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
  width: 100%;
  max-width: 1300px;
  text-align: center;
  display: block;
}

#img_banner_bg04_a .main_banner .type_img {
  overflow: hidden;
  position: relative;
}

#img_banner_bg04_a .main_banner ul li a .type_img img {
  transition: 0.3s;
}

#img_banner_bg04_a .main_banner ul li a:hover .type_img img {
  transform: scale(1.3, 1.3) rotate(10deg);
}

#img_banner_bg04_a .main_banner ul li {
  padding: 0 3px;
}

#img_banner_bg04_a .main_banner ul li:hover {
}

#img_banner_bg04_a .main_banner ul li a div i {
  color: #ffffff;
}

#img_banner_bg04_a .main_banner ul li a {
  outline-style: none;
  text-decoration: none;
  display: block;
}

#img_banner_bg04_a .main_banner ul li a:hover div > i {
  color: #ffffff;
}

#img_banner_bg04_a .main_banner ul li a .main_banner_title {
  font-size: 21px;
  letter-spacing: -1px;
  color: #2dacb5;
  padding: 15px;
  position: relative;
  font-weight: 600;
}

#img_banner_bg04_a .main_banner ul li a .main_banner_title:after {
  content: "";
  width: 10%;
  height: 1px;
  position: absolute;
  left: 50%;
  bottom: 8px;
  transform: translateX(-50%);
  z-index: 1;
  background-color: #ccc;
}

#img_banner_bg04_a .main_banner ul li a:hover .main_banner_title {
  color: #6e6e6e;
}

#img_banner_bg04_a .main_banner ul li a .main_banner_dec {
  color: #494949;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  font-size: 14px;
}

/* ------------------------------------------ �̹��� ��� 04_b nopadding ---------------------------------------------- */
#img_banner_bg04_b {
  padding: 60px 15px;
  position: relative;
  width: 100%;
  display: block;
}

#img_banner_bg04_b .banner_subject {
  margin-left: auto;
  margin-right: auto;
  color: #434343;
  max-width: 1300px;
  text-align: center;
  display: none;
  padding-bottom: 25px;
}

#img_banner_bg04_b .main_bannern {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
  width: 100%;
  max-width: 1300px;
  text-align: center;
  display: block;
}
#img_banner_bg04_b .main_bannern ul {
  border-top: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
}
#img_banner_bg04_b .main_bannern .type_img {
  overflow: hidden;
  position: relative;
}

#img_banner_bg04_b .main_bannern ul li a .type_img img {
  transition: 0.3s;
}

#img_banner_bg04_b .main_bannern ul li a:hover .type_img img {
  transform: scale(1.3, 1.3) rotate(10deg);
}

#img_banner_bg04_b .main_bannern ul li {
  border-right-color: #e8e8e8;
  border-bottom-color: #e8e8e8;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-width: 1px;
  border-bottom-width: 1px;
}

#img_banner_bg04_b .main_bannern ul li:hover {
}

#img_banner_bg04_b .main_bannern ul li a div i {
  color: #ffffff;
}

#img_banner_bg04_b .main_bannern ul li a {
  outline-style: none;
  text-decoration: none;
  display: block;
}

#img_banner_bg04_b .main_bannern ul li a:hover div > i {
  color: #ffffff;
}

#img_banner_bg04_b .main_bannern ul li a .main_banner_title {
  font-size: 21px;
  letter-spacing: -1px;
  color: #a80632;
  padding: 15px;
  position: relative;
}

#img_banner_bg04_b .main_bannern ul li a .main_banner_title:after {
  content: "";
  width: 10%;
  height: 1px;
  position: absolute;
  left: 50%;
  bottom: 8px;
  transform: translateX(-50%);
  z-index: 1;
  background-color: #ccc;
}

#img_banner_bg04_b .main_bannern ul li a:hover .main_banner_title {
  color: #6e6e6e;
}

#img_banner_bg04_b .main_bannern ul li a .main_banner_dec {
  color: #6e6e6e;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
}

/* ------------------------------------------ �̹��� ��� 05 ---------------------------------------------- */
#img_banner_bg05 {
  width: 100%;
  display: block;
  overflow-y: hidden;
  background-image: url(../images/banner_bg01.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 50% 50%;
  padding: 60px 15px;
}

#img_banner_bg05 .banner_subject {
  margin-left: auto;
  margin-right: auto;
  font: 600 28px "��������", "Nanum Gothic", sans-serif;
  color: #ffffff;
  max-width: 1300px;
  text-align: center;
  display: block;
  padding-bottom: 25px;
}

#img_banner_bg05 .main_banner {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
  width: 100%;
  max-width: 1300px;
  font-family: "��������", "Nanum Gothic", sans-serif;
  text-align: center;
  display: block;
}

#img_banner_bg05 .main_banner .type_icon {
  text-align: center;
  text-decoration: none;
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 48px;
  line-height: 110px;
}

#img_banner_bg05 .main_banner ul li {
  background-color: rgba(31, 31, 31, 1);
}

#img_banner_bg05 .main_banner ul li:hover {
  background-color: #9d0b0e;
}

#img_banner_bg05 .main_banner ul li a div i {
  color: #ffffff;
}

#img_banner_bg05 .main_banner ul li a {
  outline-style: none;
  text-decoration: none;
  display: block;
}

#img_banner_bg05 .main_banner ul li a:hover div > i {
  color: #ffffff;
}

#img_banner_bg05 .main_banner ul li a .main_banner_title {
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -1px;
  color: #ffffff;
  padding: 15px;
}

#img_banner_bg05 .main_banner ul li a:hover .main_banner_title {
  color: #ffffff;
}

#img_banner_bg05 .main_banner ul li a .main_banner_dec {
  color: #ffffff;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
}

#img_banner_bg05 .main_banner ul li a:hover .type_img {
}

/* ------------------------------------------ �̹��� ��� 06 ---------------------------------------------- */
#img_banner_bg06 {
  position: relative;
  width: 100%;
  display: block;
  background-color: #ffffff;
  padding: 60px 15px;
}

#img_banner_bg06 .banner_subject {
  margin-left: auto;
  margin-right: auto;
  font-size: 38px;
  color: #434343;
  max-width: 1300px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: -2px;
}

#img_banner_bg06 .main_banner {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
  width: 100%;
  max-width: 1300px;
  text-align: center;
  display: block;
}

#img_banner_bg06 .main_banner .type_icon {
  text-align: center;
  text-decoration: none;
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 48px;
  line-height: 110px;
}

#img_banner_bg06 .main_banner ul li {
}

#img_banner_bg06 .main_banner ul li:hover {
}

#img_banner_bg06 .main_banner ul li a div i {
  color: #ffffff;
}

#img_banner_bg06 .main_banner ul li a {
  outline-style: none;
  text-decoration: none;
  display: block;
}

#img_banner_bg06 .main_banner ul li a:hover div > i {
  color: #ffffff;
}

#img_banner_bg06 .main_banner ul li a .big_title {
  font-size: 28px;
  color: rgba(110, 110, 110, 1);
  text-align: center;
  text-decoration: none;
  letter-spacing: -1px;
  text-transform: uppercase;
}

#img_banner_bg06 .main_banner ul li a .small_title {
  color: rgba(110, 110, 110, 1);
}

#img_banner_bg06 .main_banner ul li a .main_banner_title {
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -1px;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #434343;
  display: none;
}

#img_banner_bg06 .main_banner ul li a:hover .main_banner_title {
  color: rgba(222, 69, 85, 1);
}

#img_banner_bg06 .main_banner ul li a .main_banner_dec {
  color: #5c5c5c;
}

#img_banner_bg06 .main_banner ul li a .type_img {
  margin-top: 25px;
  margin-bottom: 25px;
}

#img_banner_bg06 .main_banner ul li a:hover .type_img {
}

/* ------------------------------------------ �̹��� ��� 07 ---------------------------------------------- */
#img_banner_bg07 {
  position: relative;
  width: 100%;
  display: none;
  background-color: rgba(157, 11, 14, 1);
  padding: 60px 15px;
}

#img_banner_bg07 .banner_subject {
  margin-left: auto;
  margin-right: auto;
  font: 600 28px "��������", "Nanum Gothic", sans-serif;
  color: #ffffff;
  max-width: 1300px;
  text-align: center;
  display: none;
  padding-bottom: 25px;
}

#img_banner_bg07 .main_banner {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
  width: 100%;
  max-width: 1300px;
  font-family: "��������", "Nanum Gothic", sans-serif;
  text-align: center;
  display: block;
}

#img_banner_bg07 .main_banner .type_icon {
  text-align: center;
  text-decoration: none;
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 48px;
  line-height: 110px;
}

#img_banner_bg07 .main_banner ul li {
}

#img_banner_bg07 .main_banner ul li:hover {
}

#img_banner_bg07 .main_banner ul li a div i {
  color: #ffffff;
}

#img_banner_bg07 .main_banner ul li a {
  outline-style: none;
  text-decoration: none;
  display: block;
}

#img_banner_bg07 .main_banner ul li a:hover div > i {
  color: #ffffff;
}

#img_banner_bg07 .main_banner ul li a .big_title {
  font: 600 36px "��������", "Nanum Gothic", sans-serif;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  letter-spacing: -1px;
}

#img_banner_bg07 .main_banner ul li a .small_title {
  color: rgba(255, 210, 205, 1);
}

#img_banner_bg07 .main_banner ul li a .main_banner_title {
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -1px;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #ffffff;
  background-color: #1f1f1f;
}

#img_banner_bg07 .main_banner ul li a:hover .main_banner_title {
  color: rgba(31, 31, 31, 1);
  background-color: #ffffff;
}

#img_banner_bg07 .main_banner ul li a .main_banner_dec {
  color: #fffcfc;
}

#img_banner_bg07 .main_banner ul li a .type_img {
  margin-top: 55px;
  margin-bottom: 55px;
}

#img_banner_bg07 .main_banner ul li a:hover .type_img {
}

/* ------------------------------------------ �̹��� ��� 07_a ---------------------------------------------- */
#img_banner_bg07_a {
  position: relative;
  width: 100%;
  display: block;
  background-color: rgba(0, 0, 0, 1);
  padding: 60px 15px;
}

#img_banner_bg07_a .banner_subject {
  margin-left: auto;
  margin-right: auto;
  font-weight: 600;
  font-size: 28px;
  color: #ffffff;
  max-width: 1300px;
  text-align: center;
  display: none;
  padding-bottom: 25px;
}

#img_banner_bg07_a .main_banner {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
  width: 100%;
  max-width: 1300px;
  text-align: center;
  display: block;
}

#img_banner_bg07_a .main_banner .type_icon {
  text-align: center;
  text-decoration: none;
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 48px;
  line-height: 110px;
}

#img_banner_bg07_a .main_banner ul li {
  padding: 0.5%;
}

#img_banner_bg07_a .main_banner ul li:hover {
}

#img_banner_bg07_a .main_banner ul li a div i {
  color: #ffffff;
}

#img_banner_bg07_a .main_banner ul li a {
  outline-style: none;
  text-decoration: none;
  display: block;
}

#img_banner_bg07_a .main_banner ul li a:hover div > i {
  color: #ffffff;
}

#img_banner_bg07_a .main_banner ul li a .big_title {
  font: 600 36px "��������", "Nanum Gothic", sans-serif;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  letter-spacing: -1px;
}

#img_banner_bg07_a .main_banner ul li a .small_title {
  color: #ffffff;
}

#img_banner_bg07_a .main_banner ul li a .main_banner_title {
  font-size: 22px;
  letter-spacing: -1px;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #ffffff;
  background-color: #e11313;
}

#img_banner_bg07_a .main_banner ul li a:hover .main_banner_title {
  color: rgba(31, 31, 31, 1);
  background-color: #ffffff;
}

#img_banner_bg07_a .main_banner ul li a .main_banner_dec {
  color: #fffcfc;
}

#img_banner_bg07_a .main_banner ul li a .type_img {
  margin-top: 55px;
  margin-bottom: 55px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}

#img_banner_bg07_a .main_banner ul li a:hover .type_img {
  opacity: 0.8;
}

/* ------------------------------------------ �̹��� ��� 08 ���� ��ǥ���  ---------------------------------------------- */
#img_banner_bg08 {
  padding: 60px 15px;
  position: relative;
  width: 100%;
  display: block;
  overflow-y: hidden;
  background-color: rgba(237, 237, 237, 1);
}

#img_banner_bg08 .banner_subject {
  margin-left: auto;
  margin-right: auto;
  font: 600 28px "��������", "Nanum Gothic", sans-serif;
  color: #434343;
  max-width: 1300px;
  text-align: center;
  display: none;
  padding-bottom: 25px;
}

#img_banner_bg08 .main_bannern {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
  width: 100%;
  max-width: 1300px;
  font-family: "��������", "Nanum Gothic", sans-serif;
  text-align: center;
  display: block;
}

#img_banner_bg08 .main_bannern .type_img {
  text-align: center;
  text-decoration: none;
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 48px;
  line-height: 110px;
}

#img_banner_bg08 .main_bannern ul li {
  float: left;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: 3px none rgba(31, 31, 31, 1);
}

#img_banner_bg08 .main_bannern ul li:hover {
}

#img_banner_bg08 .main_bannern ul li a div i {
  color: #ffffff;
}

#img_banner_bg08 .main_bannern ul li a {
  outline-style: none;
  text-decoration: none;
  display: block;
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
}

#img_banner_bg08 .main_bannern a .type_img:after {
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  content: " ";
  height: 100%;
  text-align: center;
  position: absolute;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#img_banner_bg08 .main_bannern a:hover .type_img:after {
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  content: " ";
  height: 100%;
  text-align: center;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
}

#img_banner_bg08 .main_bannern ul li a:hover div > i {
  color: #ffffff;
}

#img_banner_bg08 .main_bannern a .main_banner_title {
  font-size: 2.5vmin;
  font-weight: 600;
  letter-spacing: -1px;
  color: #ffffff;
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-align: center;
  width: 100%;
  padding: 15px;
  z-index: 2;
  top: 10%;
  opacity: 0;
}

#img_banner_bg08 .main_bannern a .main_banner_dec {
  text-align: center;
  font-size: 2vmin;
}

#img_banner_bg08 .main_bannern a:hover .main_banner_title {
  opacity: 0.7;
  background-color: #1f1f1f;
  top: 40%;
}

#img_banner_bg08 .main_bannern a:hover .main_banner_dec {
}

/* ------------------------------------------ �̹��� ��� 08a ���� ��ǥ���  ---------------------------------------------- */
#img_banner_bg08a {
  padding: 60px 15px;
  position: relative;
  width: 100%;
  display: block;
  overflow-y: hidden;
  background-color: rgba(237, 237, 237, 1);
}

#img_banner_bg08a .banner_subject {
  margin-left: auto;
  margin-right: auto;
  font: 600 28px "��������", "Nanum Gothic", sans-serif;
  color: #434343;
  max-width: 1300px;
  text-align: center;
  display: none;
  padding-bottom: 25px;
}

#img_banner_bg08a .main_bannern {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
  width: 100%;
  max-width: 1300px;
  font-family: "��������", "Nanum Gothic", sans-serif;
  text-align: center;
  display: block;
}

#img_banner_bg08a .main_bannern .type_img {
  text-align: center;
  text-decoration: none;
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 48px;
  line-height: 110px;
}

#img_banner_bg08a .main_bannern ul li {
  float: left;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: 3px none rgba(31, 31, 31, 1);
}

#img_banner_bg08a .main_bannern ul li:hover {
}

#img_banner_bg08a .main_bannern ul li a div i {
  color: #ffffff;
}

#img_banner_bg08a .main_bannern ul li a {
  outline-style: none;
  text-decoration: none;
  display: block;
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
}

#img_banner_bg08a .main_bannern a .type_img:after {
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  content: " ";
  height: 100%;
  text-align: center;
  position: absolute;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#img_banner_bg08a .main_bannern a:hover .type_img:after {
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  content: " ";
  height: 100%;
  text-align: center;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
}

#img_banner_bg08a .main_bannern ul li a:hover div > i {
  color: #ffffff;
}

#img_banner_bg08a .main_bannern a .main_banner_title {
  font-size: 3vmin;
  font-weight: 600;
  letter-spacing: -1px;
  color: #ffffff;
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-align: center;
  width: 100%;
  padding: 15px;
  z-index: 2;
  top: 40%;
  opacity: 0.7;
  background-color: rgba(31, 31, 31, 1);
}

#img_banner_bg08a .main_bannern a .main_banner_dec {
  text-align: center;
  font-size: 1.6vmin;
  display: none;
}

#img_banner_bg08a .main_bannern a:hover .main_banner_title {
  opacity: 1;
  background-color: #e11313;
}

#img_banner_bg08a .main_bannern a:hover .main_banner_dec {
}

/* ------------------------------------------ �̹��� ��� 08b ���� ��ǥ���  ---------------------------------------------- */

#img_banner_bg08b {
  padding: 60px 15px;
  position: relative;
  width: 100%;
  display: block;
  overflow-y: hidden;
  background-color: rgba(237, 237, 237, 1);
}

#img_banner_bg08b .banner_subject {
  margin-left: auto;
  margin-right: auto;
  font: 600 28px "��������", "Nanum Gothic", sans-serif;
  color: #434343;
  max-width: 1300px;
  text-align: center;
  display: none;
  padding-bottom: 25px;
}

#img_banner_bg08b .main_bannern {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
  width: 100%;
  max-width: 1300px;
  font-family: "��������", "Nanum Gothic", sans-serif;
  text-align: center;
  display: block;
}

#img_banner_bg08b .main_bannern .type_img {
  text-align: center;
  text-decoration: none;
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 48px;
  line-height: 110px;
}

#img_banner_bg08b .main_bannern ul li {
  float: left;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: 3px none rgba(31, 31, 31, 1);
}

#img_banner_bg08b .main_bannern ul li:hover {
}

#img_banner_bg08b .main_bannern ul li a div i {
  color: #ffffff;
}

#img_banner_bg08b .main_bannern ul li a {
  outline-style: none;
  text-decoration: none;
  display: block;
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
}

#img_banner_bg08b .main_bannern a .type_img:after {
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  content: " ";
  height: 100%;
  text-align: center;
  position: absolute;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#img_banner_bg08b .main_bannern a:hover .type_img:after {
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  content: " ";
  height: 100%;
  text-align: center;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
}

#img_banner_bg08b .main_bannern ul li a:hover div > i {
  color: #ffffff;
}

#img_banner_bg08b .main_bannern a .main_banner_title {
  font-size: 3vmin;
  font-weight: 600;
  letter-spacing: -1px;
  color: #ffffff;
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-align: center;
  width: 100%;
  padding: 15px;
  z-index: 2;
  top: 32%;
  opacity: 0.8;
}

#img_banner_bg08b .main_bannern a .main_banner_dec {
  text-align: center;
  display: none;
}

#img_banner_bg08b .main_bannern a:hover .main_banner_title {
  opacity: 1;
  background-color: #e11313;
}

#img_banner_bg08b .main_bannern a:hover .main_banner_dec {
}

/* ------------------------------------------ �̹��� ��� 09 ���� ��ǥ���  ---------------------------------------------- */
#img_banner_bg09 {
  padding: 60px 15px;
  position: relative;
  width: 100%;
  display: block;
  overflow-y: hidden;
  background-color: rgba(237, 237, 237, 1);
}

#img_banner_bg09 .banner_subject {
  margin-left: auto;
  margin-right: auto;
  font: 28px "��������", "Nanum Gothic", sans-serif;
  color: #434343;
  max-width: 1300px;
  text-align: center;
  display: block;
  padding-bottom: 25px;
}

#img_banner_bg09 .main_banner {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
  width: 100%;
  max-width: 1300px;
  font-family: "��������", "Nanum Gothic", sans-serif;
  text-align: center;
  display: block;
}

#img_banner_bg09 .main_banner .type_img {
  text-align: center;
  text-decoration: none;
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 48px;
  line-height: 110px;
}

#img_banner_bg09 .main_banner li .type_img img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#img_banner_bg09 .main_banner li:hover .type_img img {
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}

#img_banner_bg09 .main_banner ul li {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: 3px none rgba(31, 31, 31, 1);
  overflow-y: hidden;
  padding: 0.5%;
  position: relative;
}

#img_banner_bg09 .main_banner ul li a {
  outline-style: none;
  text-decoration: none;
  display: block;
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
}

#img_banner_bg09 .main_banner a .type_img:after {
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  content: " ";
  height: 100%;
  text-align: center;
  position: absolute;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#img_banner_bg09 .main_banner a:hover .type_img:after {
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  content: " ";
  height: 100%;
  text-align: center;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
}

#img_banner_bg09 .main_banner a .main_banner_title {
  font-size: 5vmin;
  font-weight: 600;
  letter-spacing: -1px;
  color: #ffffff;
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-align: center;
  width: 100%;
  padding: 15px;
  z-index: 2;
  top: 40%;
  opacity: 0.8;
}

#img_banner_bg09 .main_banner a .main_banner_dec {
  text-align: center;
  font-size: 2.5vmin;
}

#img_banner_bg09 .main_banner a:hover .main_banner_title {
  opacity: 1;
  color: #fed01b;
}

#img_banner_bg09 .main_banner a:hover .main_banner_dec {
}

/* ------------------------------------------ �̹��� ��� 09a ���� ��ǥ���  ---------------------------------------------- */
#img_banner_bg09a {
  padding: 60px 15px;
  position: relative;
  width: 100%;
  display: block;
  overflow-y: hidden;
  background-color: rgba(237, 237, 237, 1);
}

#img_banner_bg09a .banner_subject {
  margin-left: auto;
  margin-right: auto;
  font-size: 38px;
  color: #434343;
  max-width: 1300px;
  text-align: center;
  letter-spacing: -2px;
  text-transform: uppercase;
}

#img_banner_bg09a .main_banner {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
  width: 100%;
  max-width: 1300px;
  font-family: "��������", "Nanum Gothic", sans-serif;
  text-align: center;
  display: block;
}

#img_banner_bg09a .main_banner .type_img {
  text-align: center;
  text-decoration: none;
  display: block;
  width: 100%;
  font-size: 48px;
  line-height: 110px;
}

#img_banner_bg09a .main_banner li .type_img img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#img_banner_bg09a .main_banner li:hover .type_img img {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

#img_banner_bg09a .main_banner ul li {
  float: left;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: 3px none rgba(31, 31, 31, 1);
  overflow-y: hidden;
  position: relative;
  overflow-x: hidden;
}

#img_banner_bg09a .main_banner ul li a {
  outline-style: none;
  text-decoration: none;
  display: block;
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
}

#img_banner_bg09a .main_banner a .type_img:after {
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  content: " ";
  height: 100%;
  text-align: center;
  position: absolute;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#img_banner_bg09a .main_banner a:hover .type_img:after {
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  content: " ";
  height: 100%;
  text-align: center;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
}

#img_banner_bg09a .main_banner a .main_banner_title {
  font-size: 5vmin;
  font-weight: 600;
  letter-spacing: -1px;
  color: #ffffff;
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-align: center;
  width: 100%;
  padding: 15px;
  z-index: 2;
  top: 20%;
  opacity: 0.8;
  text-transform: uppercase;
}

#img_banner_bg09a .main_banner a:hover .main_banner_title {
  opacity: 1;
  font-size: 5vmin;
}

#img_banner_bg09a .main_banner a .main_banner_dec {
  text-align: center;
}

#img_banner_bg09a .main_banner a:hover .main_banner_dec {
}

#img_banner_bg09a .main_banner .main_banner_btn {
  width: 150px;
  border: 2px solid rgba(255, 255, 255, 1);
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  background-color: rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 70%;
  display: block;
  left: 50%;
  margin-left: -75px;
  z-index: 2;
  vertical-align: middle;
  padding: 10px 15px;
  font-weight: 600;
  transition: 0.3s ease;
}

#img_banner_bg09a .main_banner .main_banner_btn:hover {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.45);
}

/* ------------------------------------------ �̹��� ��� 09b ���� ��ǥ���  ---------------------------------------------- */
#img_banner_bg09b {
  padding: 60px 15px;
  position: relative;
  width: 100%;
  display: block;
  overflow-y: hidden;
  background-color: rgba(237, 237, 237, 1);
}

#img_banner_bg09b .banner_subject {
  margin-left: auto;
  margin-right: auto;
  font: 28px "��������", "Nanum Gothic", sans-serif;
  color: #434343;
  max-width: 1300px;
  text-align: center;
  display: none;
  padding-bottom: 25px;
}

#img_banner_bg09b .main_banner {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
  width: 100%;
  max-width: 1300px;
  text-align: center;
  display: block;
}

#img_banner_bg09b .main_banner .type_img {
  text-align: center;
  text-decoration: none;
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 48px;
  line-height: 110px;
}

#img_banner_bg09b .main_banner li .type_img img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#img_banner_bg09b .main_banner li:hover .type_img img {
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}

#img_banner_bg09b .main_banner ul li {
  float: left;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: 3px none rgba(31, 31, 31, 1);
  overflow-y: hidden;
  position: relative;
}

#img_banner_bg09b .main_banner ul li a {
  outline-style: none;
  text-decoration: none;
  display: block;
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
}

#img_banner_bg09b .main_banner a .type_img:after {
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  content: " ";
  height: 100%;
  text-align: center;
  position: absolute;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#img_banner_bg09b .main_banner a:hover .type_img:after {
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  content: " ";
  height: 100%;
  text-align: center;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
}

#img_banner_bg09b .main_banner a .main_banner_title > i {
  display: none;
}

#img_banner_bg09b .main_banner a .main_banner_title {
  font-size: 6vmin;
  letter-spacing: -1px;
  color: #ffffff;
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-align: center;
  width: 100%;
  padding: 15px;
  z-index: 2;
  top: 20%;
  opacity: 0.8;
}

#img_banner_bg09b .main_banner li:hover .main_banner_title {
  opacity: 1;
  color: #fed01b;
}

#img_banner_bg09b .main_banner li .main_banner_title:after {
  content: " ";
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  width: 15%;
  position: absolute;
  height: 5px;
  left: 50%;
  background-color: #ffffff;
  transform: translateX(-50%);
  bottom: -10px;
}

#img_banner_bg09b .main_banner li:hover .main_banner_title:after {
  background-color: #fed01b;
  width: 55%;
}

#img_banner_bg09b .main_banner a .main_banner_dec {
  text-align: center;
  font-size: 4.5vmin;
}

#img_banner_bg09b .main_banner a:hover .main_banner_dec {
}

/* ------------------------------------------ �̹��� ��� 09c ���� ��ǥ���  ---------------------------------------------- */
#img_banner_bg09c {
  padding: 60px 15px;
  position: relative;
  width: 100%;
  display: block;
  overflow-y: hidden;
  background-color: rgba(255, 255, 255, 1);
}

#img_banner_bg09c .banner_subject {
  margin-left: auto;
  margin-right: auto;
  font-size: 5vmin;
  color: #434343;
  max-width: 1300px;
  text-align: center;
  letter-spacing: -2px;
  text-transform: uppercase;
  display: none;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 30px;
}

#img_banner_bg09c .main_banner {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
  width: 100%;
  max-width: 1300px;
  font-family: "Noto Sans KR", sans-serif;
  text-align: center;
  display: block;
}

#img_banner_bg09c .main_banner .type_img {
  text-align: center;
  text-decoration: none;
  display: block;
  width: 100%;
  font-size: 48px;
  line-height: 110px;
}

#img_banner_bg09c .main_banner li .type_img img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#img_banner_bg09c .main_banner li:hover .type_img img {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

#img_banner_bg09c .main_banner ul li {
  float: left;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: 3px none rgba(31, 31, 31, 1);
  overflow-y: hidden;
  position: relative;
  overflow-x: hidden;
}

#img_banner_bg09c .main_banner ul li a {
  outline-style: none;
  text-decoration: none;
  display: block;
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
}

#img_banner_bg09c .main_banner a .type_img:after {
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  content: " ";
  height: 100%;
  text-align: center;
  position: absolute;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#img_banner_bg09c .main_banner .even a .type_img:after {
  background-color: rgb(0, 0, 0);
}
@media (max-width: 991px) {
  #img_banner_bg09c .main_banner .even a .type_img:after {
    background-color: rgba(0, 0, 0, 0);
  }
}
#img_banner_bg09c .main_banner a:hover .type_img:after {
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  content: " ";
  height: 100%;
  text-align: center;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
}

#img_banner_bg09c .main_banner a .main_banner_title {
  font-size: 5vmin;
  font-weight: 600;
  letter-spacing: -1px;
  color: #ffffff;
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-align: center;
  width: 100%;
  padding: 15px;
  z-index: 2;
  top: 20%;
  opacity: 0.8;
  text-transform: uppercase;
}

#img_banner_bg09c .main_banner a:hover .main_banner_title {
  opacity: 1;
  font-size: 5vmin;
}

#img_banner_bg09c .main_banner .even a .main_banner_title {
}

#img_banner_bg09c .main_banner a .main_banner_dec {
  font-size: 16px;
}

#img_banner_bg09c .main_banner a:hover .main_banner_dec {
}

#img_banner_bg09c .main_banner .even a .main_banner_dec {
}

#img_banner_bg09c .main_banner .main_banner_btn {
  width: 150px;
  border: 1px solid rgba(255, 255, 255, 1);
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  background-color: rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 70%;
  display: block;
  left: 50%;
  margin-left: -75px;
  z-index: 2;
  vertical-align: middle;
  padding: 5px 15px;
  font-weight: 600;
  transition: 0.3s ease;
}

#img_banner_bg09c .main_banner .main_banner_btn:hover {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.45);
}

/* ------------------------------------------ �̹��� ��� 10 ---------------------------------------------- */
#img_banner_bg10 {
  background-color: #1f1f1f;
  display: block;
  overflow-y: hidden;
  padding: 60px 15px;
}

#img_banner_bg10 .banner_subject {
  margin-left: auto;
  margin-right: auto;
  font: 600 28px "��������", "Nanum Gothic", sans-serif;
  color: #ffffff;
  max-width: 1300px;
  text-align: center;
  padding-bottom: 25px;
  display: none;
}

#img_banner_bg10 .main_banner {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  overflow-y: hidden;
  max-width: 1300px;
  font-family: "��������", "Nanum Gothic", sans-serif;
  display: block;
}

#img_banner_bg10 .type_img {
  border-radius: 50%;
  float: left;
  margin-right: 15px;
  width: 65px;
  overflow: hidden;
}

#img_banner_bg10 .type_text {
  overflow: hidden;
}

#img_banner_bg10 .main_banner ul li a:hover .type_img {
}

#img_banner_bg10 .main_banner ul li {
}

#img_banner_bg10 .main_banner ul li a div i {
  color: #c7162d;
  border-radius: 100px;
  display: block;
  width: 35px;
  height: 35px;
  background-color: #ffffff;
  margin-right: auto;
  margin-left: auto;
  padding-top: 7px;
}

#img_banner_bg10 .main_banner ul li a:hover div > i {
}

#img_banner_bg10 .main_banner ul li a {
  outline-style: none;
  text-decoration: none;
}

#img_banner_bg10 .main_banner ul li a .main_banner_title {
  color: #ffffff;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -2px;
  margin-bottom: 5px;
}

#img_banner_bg10 .main_banner ul li a:hover .main_banner_title {
  color: #ac1e2d;
}

#img_banner_bg10 .main_banner ul li a .main_banner_dec {
  color: #ffffff;
}

#img_banner_bg10 .main_banner ul li a:hover .main_banner_dec {
}

/* ------------------------------------------ �̹��� ��� 10a ---------------------------------------------- */
#img_banner_bg10a {
  background-color: #1f1f1f;
  display: block;
  overflow-y: hidden;
  padding: 60px 15px;
}

#img_banner_bg10a .banner_subject {
  margin-left: auto;
  margin-right: auto;
  font-size: 38px;
  color: #ffffff;
  max-width: 1300px;
  text-align: center;
  display: block;
  padding-bottom: 55px;
}

#img_banner_bg10a .main_banner {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  overflow-y: hidden;
  max-width: 1300px;
  display: block;
}

#img_banner_bg10a .type_img {
  border-radius: 50%;
  width: 50%;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 25px;
}

#img_banner_bg10a .type_text {
  overflow: hidden;
  text-align: center;
}

#img_banner_bg10a .main_banner ul li a:hover .type_img {
}

#img_banner_bg10a .main_banner ul li {
}

#img_banner_bg10a .main_banner ul li a div i {
  color: #c7162d;
  border-radius: 100px;
  display: block;
  width: 35px;
  height: 35px;
  background-color: #ffffff;
  margin-right: auto;
  margin-left: auto;
  padding-top: 7px;
}

#img_banner_bg10a .main_banner ul li a:hover div > i {
}

#img_banner_bg10a .main_banner ul li a {
  outline-style: none;
  text-decoration: none;
}

#img_banner_bg10a .main_banner ul li a .main_banner_title {
  color: #ffffff;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -2px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

#img_banner_bg10a .main_banner ul li a:hover .main_banner_title {
  color: #ac1e2d;
}

#img_banner_bg10a .main_banner ul li a .main_banner_dec {
  color: #ffffff;
}

#img_banner_bg10a .main_banner ul li a:hover .main_banner_dec {
}

/* ------------------------------------------ �̹��� ��� 10b ---------------------------------------------- */
#img_banner_bg10b {
  background-color: #2e6871;
  display: block;
  overflow-y: hidden;
  padding: 60px 15px;
}

#img_banner_bg10b .banner_subject {
  margin-left: auto;
  margin-right: auto;
  font: 600 28px "��������", "Nanum Gothic", sans-serif;
  color: #ffffff;
  max-width: 1300px;
  text-align: center;
  padding-bottom: 25px;
  display: none;
}

#img_banner_bg10b .main_banner {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  overflow-y: hidden;
  max-width: 1300px;
  font-family: "��������", "Nanum Gothic", sans-serif;
  display: block;
}

#img_banner_bg10b .type_img {
  border-radius: 50%;
  width: 114px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
}

#img_banner_bg10b .type_text {
  overflow: hidden;
  text-align: center;
}

#img_banner_bg10b .main_banner ul li a:hover .type_img {
}

#img_banner_bg10b .main_banner ul li {
}

#img_banner_bg10b .main_banner ul li a div i {
  color: #c7162d;
  border-radius: 100px;
  display: block;
  width: 35px;
  height: 35px;
  background-color: #ffffff;
  margin-right: auto;
  margin-left: auto;
  padding-top: 7px;
}

#img_banner_bg10b .main_banner ul li a:hover div > i {
}

#img_banner_bg10b .main_banner ul li a {
  outline-style: none;
  text-decoration: none;
}

#img_banner_bg10b .main_banner ul li a .main_banner_title {
  color: #ffffff;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -2px;
  margin-bottom: 5px;
}

#img_banner_bg10b .main_banner ul li a:hover .main_banner_title {
  color: #ac1e2d;
}

#img_banner_bg10b .main_banner ul li a .main_banner_dec {
  color: #ffffff;
}

#img_banner_bg10b .main_banner ul li a:hover .main_banner_dec {
}

/* ------------------------------------------ �̹��� ����Ʈ 01 nopadding ---------------------------------------------- */
.img_list01 {
  padding: 60px 15px;
  position: relative;
  width: 100%;
  display: block;
}

.img_list01 .banner_subject {
  margin-left: auto;
  margin-right: auto;
  color: #6e6e6e;
  max-width: 1300px;
  text-align: center;
  padding-bottom: 25px;
  font-size: x-large;
}

.img_list01 .main_bannern {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
  width: 100%;
  max-width: 1300px;
  text-align: center;
  display: block;
}
.img_list01 .main_bannern ul {
  border-top: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
}
.img_list01 .main_bannern .type_img {
  overflow: hidden;
  padding: 20px 0;
  position: relative;
}

.img_list01 .main_bannern ul li a .type_img img {
}

.img_list01 .main_bannern ul li a:hover .type_img img {
}

.img_list01 .main_bannern ul li {
  border-right-color: #e8e8e8;
  border-bottom-color: #e8e8e8;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-width: 1px;
  border-bottom-width: 1px;
  flex: 1;
}

.img_list01 .main_bannern ul li:hover {
}

.img_list01 .main_bannern ul li a div i {
  color: #ffffff;
}

.img_list01 .main_bannern ul li a {
  outline-style: none;
  text-decoration: none;
  display: block;
}

.img_list01 .main_bannern ul li a:hover div > i {
  color: #ffffff;
}

.img_list01 .main_bannern ul li a .main_banner_title {
  font-size: 18px;
  letter-spacing: -1px;
  color: #6e6e6e;
  padding: 6px;
  position: relative;
  border-top: 1px solid #e8e8e8;
}

.img_list01 .main_bannern ul li a:hover .main_banner_title {
  color: #434343;
}

/* ------------------------------------------ ������ 01 ---------------------------------------------- */
#main_movie_bg01 {
  padding: 60px 15px;
  background-color: rgba(0, 0, 0, 1);
  position: relative;
  width: 100%;
  display: block;
}

#main_movie_bg01 .movie_subject {
  margin-left: auto;
  margin-right: auto;
  font: 600 28px "��������", "Nanum Gothic", sans-serif;
  color: #ffffff;
  max-width: 1300px;
  text-align: center;
  display: block;
  padding-bottom: 25px;
}

#main_movie_bg01 .main_movie {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
  width: 100%;
  max-width: 1300px;
  font-family: "��������", "Nanum Gothic", sans-serif;
  text-align: center;
  display: block;
}

#main_movie_bg01 .main_movie .type_movie {
  text-align: center;
  text-decoration: none;
  font-size: 48px;
  line-height: 110px;
}

#main_movie_bg01 .main_movie ul li {
  float: left;
  width: 32.33%;
  padding: 10px;
  margin-right: 0.5%;
  margin-left: 0.5%;
  margin-bottom: 15px;
}

#main_movie_bg01 .main_movie ul li:hover {
}

#main_movie_bg01 .main_movie ul li a div i {
  color: #79a42f;
}

#main_movie_bg01 .main_movie ul li a {
  outline-style: none;
  text-decoration: none;
  display: block;
}

#main_movie_bg01 .main_movie ul li a .main_movie_title {
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -1px;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #ffffff;
}

#main_movie_bg01 .main_movie ul li a:hover .main_movie_title {
  color: #de4555;
}

#main_movie_bg01 .main_movie ul li a .main_movie_txt {
  color: #ffffff;
}

#main_movie_bg01 .main_movie ul li a:hover .type_movie {
  background-color: #ffffff;
}

/* ------------------------------------------ ���������̵� 01 ---------------------------------------------- */
#slick_banner_bg01 {
  padding-top: 60px;
  padding-right: 15px;
  padding-left: 15px;
  padding-bottom: 20px;
}

#slick_banner_bg01 .banner_subject {
  margin-left: auto;
  margin-right: auto;
  font-size: 38px;
  color: #434343;
  max-width: 1300px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: -2px;
  display: block;
}

#slick_banner_bg01 .partner {
  margin: 25px auto 0;
  max-width: 1300px;
}

#slick_banner_bg01 .partner div {
  height: 73px;
}

#slick_banner_bg01 .partner div img {
}
/* ------------------------------------------ ���������̵� 02 ---------------------------------------------- */
#slick_banner_bg02 {
  padding-top: 60px;
  padding-right: 15px;
  padding-left: 15px;
  padding-bottom: 20px;
}

#slick_banner_bg02 .banner_subject {
  margin-left: auto;
  margin-right: auto;
  font-size: 38px;
  color: #434343;
  max-width: 1300px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: -2px;
  display: block;
}

#slick_banner_bg02 .partner2 {
  margin: 25px auto 0;
  max-width: 1300px;
}

#slick_banner_bg02 .partner2 div {
}

#slick_banner_bg02 .partner2 div img {
  width: 162px;
}

/* ------------------------------------------ ��ǰ�Ұ� 01 ---------------------------------------------- */
#album_bbs_bg01 .board_output tr td {
  width: 25%;
}

#album_bbs_bg01 {
  background-color: #ffffff;
  padding: 60px 15px;
  display: none;
}

#album_bbs_bg01 .banner_subject a {
  margin-left: auto;
  margin-right: auto;
  font: 600 28px "��������", "Nanum Gothic", sans-serif;
  color: #3a3a3a;
  max-width: 1300px;
  text-align: center;
  text-decoration: none;
  display: block;
  padding-bottom: 25px;
}

#album_bbs_bg01 .product {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  overflow-y: hidden;
  max-width: 1300px;
  font-family: "��������", "Nanum Gothic", sans-serif;
  text-align: center;
  display: block;
  padding-top: 15px;
  padding-bottom: 30px;
}

#album_bbs_bg01 .product .board_output_gallery_subject a {
  display: block;
  color: #3a3a3a;
  background-color: #ffffff;
  height: auto;
  font: 600 16px/30px "����";
  text-align: center;
  text-decoration: none;
  border-top-color: rgba(199, 22, 45, 1);
  border-top-width: 3px;
  border-top-style: solid;
  padding-top: 10px;
  padding-bottom: 10px;
}

#album_bbs_bg01 .product table:hover .board_output_gallery_subject a {
  background-color: rgba(199, 22, 45, 1);
  color: #ffffff;
}

#album_bbs_bg01 .product .board_output_gallery_img a img {
  min-width: 100%;
}

/* ------------------------------------------ ��ǰ�Ұ� 02 ---------------------------------------------- */
#album_bbs_bg02 {
  background-color: #ffffff;
  padding: 60px 15px;
  display: block;
}

#album_bbs_bg02 .banner_subject a {
  margin-left: auto;
  margin-right: auto;
  font-size: 38px;
  color: #3a3a3a;
  max-width: 1300px;
  text-align: center;
  text-decoration: none;
  display: block;
  text-transform: uppercase;
  letter-spacing: -2px;
}
#album_bbs_bg02 .underbar {
  width: 50px;
  height: 3px;
  margin: 15px auto 45px;
  background-color: #1f1f1f;
}
#album_bbs_bg02 .product {
  margin-top: 25px;
}

#album_bbs_bg02 .product .board_output_gallery_subject a {
  display: block;
  color: #434343;
  background-color: #ffffff;
  height: auto;
  font: 14px/35px "Noto Sans KR", sans-serif !important;
  text-align: center;
  text-decoration: none;
  transition: 0.3s ease-in-out;
  margin-top: 5px;
  margin-bottom: 5px;
}

#album_bbs_bg02 .product table:hover .board_output_gallery_subject a {
  background-color: rgba(199, 22, 45, 1);
  color: #ffffff !important;
}

#album_bbs_bg02 .product .board_output_gallery_img a img {
  min-width: 100%;
  border: 1px solid #ebebeb;
  transition: 0.3s ease-in-out;
}

#album_bbs_bg02 .product .board_output_gallery_img a img:hover {
  opacity: 0.7;
}

/* ------------------------------------------ // ��ǰ�Ұ� 02 ---------------------------------------------- */
/* ------------------------------------------ ��ǰ�Ұ� 03 ---------------------------------------------- */
#album_bbs_bg03 {
  background-color: #1f1f1f;
  padding: 60px 15px;
  display: none;
}

#album_bbs_bg03 .banner_subject a {
  margin-left: auto;
  margin-right: auto;
  font-size: 38px;
  color: #f8f8f8;
  max-width: 1300px;
  text-align: center;
  text-decoration: none;
  display: block;
  letter-spacing: -2px;
  text-transform: uppercase;
}
#album_bbs_bg03 .underbar {
  width: 50px;
  height: 3px;
  margin: 15px auto 45px;
  background-color: #ffffff;
}
#album_bbs_bg03 .product {
  margin-top: 25px;
}

#album_bbs_bg03 .product .board_output_gallery_subject a {
  display: block;
  color: #ffffff !important;
  background-color: #1f1f1f;
  height: auto;
  line-height: 45px;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  border-top-color: rgba(199, 22, 45, 1);
  border-top-width: 3px;
  border-top-style: solid;
  font-family: "Noto Sans KR", sans-serif !important;
}

#album_bbs_bg03 .product table:hover .board_output_gallery_subject a {
  background-color: rgba(199, 22, 45, 1);
  color: #ffffff !important;
}

#album_bbs_bg03 .product .board_output_gallery_img a img {
  min-width: 100%;
  border: 1px solid #000000;
}

/* ------------------------------------------ // ��ǰ�Ұ� 03 ---------------------------------------------- */
/* ------------------------------------------ ��ǰ�Ұ� 04 ---------------------------------------------- */
#album_bbs_bg04 {
  background-color: #ffffff;
  padding: 60px 15px;
  display: block;
}

#album_bbs_bg04 .banner_subject a {
  margin-left: auto;
  margin-right: auto;
  font: 600 28px "��������", "Nanum Gothic", sans-serif;
  color: #3a3a3a;
  max-width: 1300px;
  text-align: center;
  text-decoration: none;
  display: block;
  padding-bottom: 25px;
}

#album_bbs_bg04 .product {
}

#album_bbs_bg04 .product .board_output_gallery_subject a {
  display: block;
  color: #434343;
  background-color: #ffffff;
  height: auto;
  font: 14px/35px "Noto Sans KR", sans-serif;
  text-align: center;
  text-decoration: none;
  transition: 0.3s ease-in-out;
}

#album_bbs_bg04 .product .board_output_gallery_subject a:hover {
  background-color: rgba(199, 22, 45, 1);
  color: #ffffff;
}

#album_bbs_bg04 .product .board_output_gallery_img a img {
  min-width: 100%;
  border: 1px solid #ebebeb;
  transition: 0.3s ease-in-out;
}

#album_bbs_bg04 .product .board_output_gallery_img a img:hover {
  opacity: 0.7;
}

/* ------------------------------------------ // ��ǰ�Ұ� 04 ---------------------------------------------- */
/* ------------------------------------------ ���θ� ��ǰ�Ұ� 01 ---------------------------------------------- */
#item_bg01 {
  background-color: #ffffff;
  padding: 60px 15px;
  display: none;
}

#item_bg01 .banner_subject {
  margin-left: auto;
  margin-right: auto;
  font: 600 28px "��������", "Nanum Gothic", sans-serif;
  color: #3a3a3a;
  max-width: 1300px;
  text-align: center;
  text-decoration: none;
  padding-bottom: 25px;
}

#item_bg01 .item {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  overflow-y: hidden;
  max-width: 1300px;
  font-family: "��������", "Nanum Gothic", sans-serif;
  text-align: center;
  display: block;
  padding-top: 15px;
  padding-bottom: 30px;
}

#item_bg01 #item_list ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

#item_bg01 .item .board_output_gallery_subject a {
  display: block;
  color: #ffffff;
  background-color: #6e6e6e;
  height: 45px;
  font: bold 14px/45px "�����ٸ�����", "��������", "Nanum Gothic", sans-serif;
  text-align: center;
  text-decoration: none;
}

#item_bg01 .item .board_output_gallery_img a img {
  min-width: 100%;
}

/* ------------------------------------------ bbs_webzine_bg01 ---------------------------------------------- */
#bbs_webzine_bg01 {
  margin-left: auto;
  margin-right: auto;
  max-width: 1300px;
  padding: 60px 15px;
}

#bbs_webzine_bg01 .banner_subject a {
  margin-left: auto;
  margin-right: auto;
  font-size: 38px;
  color: #434343;
  max-width: 1300px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: -2px;
  display: block;
}

#bbs_webzine_bg01 .notice_webzine {
}

#bbs_webzine_bg01 .notice_webzine .notice_webzine_out {
}

#bbs_webzine_bg01 .notice_webzine .notice_webzine_out .board_output tr {
  padding-bottom: 10px;
  display: block;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 10px;
  width: 50%;
  float: left;
}

#bbs_webzine_bg01 .notice_webzine .notice_webzine_out .board_output tr td {
  padding-left: 128px;
  padding-right: 15px;
}

#bbs_webzine_bg01 .notice_webzine .notice_webzine_out .board_output tr td a {
  color: #6e6e6e;
  font-weight: normal;
  font-family: "��������", "Nanum Gothic", sans-serif;
  font-size: 12px;
}

#bbs_webzine_bg01 .notice_webzine .notice_webzine_out .board_output tr td a {
}

#bbs_webzine_bg01 .notice_webzine .notice_webzine_out .board_output tr td a:nth-child(1) {
  width: 128px;
  display: block;
  float: left;
  padding-right: 25px;
  max-width: 160px;
  min-width: 70px;
  margin-left: -128px;
}

#bbs_webzine_bg01 .notice_webzine .notice_webzine_out .board_output tr td a:nth-child(2) {
  padding-bottom: 5px;
  display: inline-block;
  color: #434343;
  font-size: 16px;
}

#bbs_webzine_bg01 .notice_webzine .notice_webzine_out .board_output tr td a:nth-child(3) {
}

/* ------------------------------------------ bbs 01 ---------------------------------------------- */
#bbs {
  margin-left: auto;
  margin-right: auto;
  max-width: 1300px;
  padding: 60px 15px;
  display: block;
}

#bbs .bbs_big_title {
  font: bold 14px "����", Gulrim, "Arial Unicode MS";
  padding-right: 5px;
  padding-bottom: 10px;
  display: inline-block;
  letter-spacing: -1px;
  color: #3a3a3a;
}

#bbs .small_title {
  color: #6e6e6e;
}

#bbs .notice {
  float: left;
  width: 35%;
  padding-right: 15px;
}

#bbs .product {
  float: left;
  width: 40%;
  padding-right: 15px;
}

#bbs .tel {
  float: left;
  width: 25%;
}

#bbs .tel .office_hour {
  color: rgba(155, 155, 155, 1);
  font: 12px "��������", "Nanum Gothic", sans-serif;
  text-indent: 20px;
}

#bbs .tel .phone {
  display: block;
  width: 100%;
  background-color: #434343;
  color: rgba(240, 240, 240, 1);
  font: 600 18px "��������", "Nanum Gothic", sans-serif;
  text-align: center;
  text-decoration: none;
  padding-top: 10px;
  padding-bottom: 10px;
  letter-spacing: -1px;
}

#bbs .tel .sms_send {
  display: block;
}

#bbs .tel a {
  text-decoration: none;
}

/* ------------------------------------------ // bbs 01 ---------------------------------------------- */
/* ------------------------------------------ bbs 02 ---------------------------------------------- */
#bbs02 {
  margin-left: auto;
  margin-right: auto;
  max-width: 1300px;
  padding: 60px 15px;
  display: block;
}

#bbs02 a {
  outline-style: none;
  text-decoration: none;
}

#bbs02 .bbs_big_title {
  font: bold 14px "����", Gulrim, "Arial Unicode MS";
  padding-right: 5px;
  padding-bottom: 10px;
  display: inline-block;
  letter-spacing: -1px;
  color: #3a3a3a;
}

#bbs02 .small_title {
  color: #6e6e6e;
}

#bbs02 .notice {
  float: left;
  width: 35%;
  padding-right: 15px;
}

#bbs02 .product {
  float: left;
  width: 35%;
  padding-right: 15px;
}

#bbs02 .tel {
  float: left;
  width: 30%;
}

#bbs02 .tel .office_hour {
  color: rgba(155, 155, 155, 1);
  font: 12px "��������", "Nanum Gothic", sans-serif;
  text-indent: 20px;
}

#bbs02 .tel .phone {
  display: block;
  width: 100%;
  border-radius: 4px;
  background-color: #434343;
  color: rgba(240, 240, 240, 1);
  font: 600 18px "��������", "Nanum Gothic", sans-serif;
  text-align: center;
  text-decoration: none;
  padding-top: 10px;
  padding-bottom: 10px;
  letter-spacing: -1px;
}

#bbs02 .tel .sms_send {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#bbs02 .tel a {
  color: rgba(110, 110, 110, 1);
  font-weight: 600;
  font-family: "��������", "Nanum Gothic", sans-serif;
  text-decoration: none;
}

/* ------------------------------------------ // bbs 02 ---------------------------------------------- */
/* ------------------------------------------ bbs 02_a ---------------------------------------------- */
#bbs02_a {
  background-color: #fcfcfc;
  padding: 60px 15px;
  display: block;
}

#bbs02_a a {
  outline-style: none;
  text-decoration: none;
}

#bbs02_a .bbs_big_title {
  font: 500 18px "��������", "Nanum Gothic", sans-serif;
  padding-right: 5px;
  padding-bottom: 10px;
  display: inline-block;
  letter-spacing: -1px;
  color: #3a3a3a;
}

#bbs02_a .small_title {
  color: #6e6e6e;
}

#bbs02_a .notice {
}

#bbs02_a .product {
}

#bbs02_a .tel {
}

#bbs02_a .tel .office_hour {
  color: rgba(155, 155, 155, 1);
  font: 12px "��������", "Nanum Gothic", sans-serif;
  text-indent: 20px;
}

#bbs02_a .tel .phone {
  display: block;
  width: 100%;
  border-radius: 4px;
  background-color: #434343;
  color: rgba(240, 240, 240, 1);
  font: 600 18px "��������", "Nanum Gothic", sans-serif;
  text-align: center;
  text-decoration: none;
  padding-top: 10px;
  padding-bottom: 10px;
  letter-spacing: -1px;
}

#bbs02_a .tel .sms_send {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#bbs02_a .tel a {
  font-weight: 600;
  font-family: "��������", "Nanum Gothic", sans-serif;
  text-decoration: none;
}

/* ------------------------------------------ bbs 03 ---------------------------------------------- */
#bbs03 {
  margin-left: auto;
  margin-right: auto;
  max-width: 1300px;
  padding: 60px 15px;
  display: block;
}

#bbs03 a {
  outline-style: none;
  color: #3a3a3a;
  text-decoration: none;
}

#bbs03 .bbs_big_title {
  font: bold 14px "����", Gulrim, "Arial Unicode MS";
  padding-right: 5px;
  padding-bottom: 10px;
  display: inline-block;
  letter-spacing: -1px;
  color: #787878;
}

#bbs03 .small_title {
  color: #6e6e6e;
}

#bbs03 .notice {
  float: left;
  width: 33.33%;
  padding-right: 15px;
  padding-left: 15px;
}

#bbs03 .product {
  float: left;
  width: 35%;
  padding-right: 15px;
}

#bbs03 .tel {
  float: left;
  width: 30%;
}

#bbs03 .tel .office_hour {
  color: rgba(155, 155, 155, 1);
  font: 12px "��������", "Nanum Gothic", sans-serif;
  text-indent: 20px;
}

#bbs03 .tel .phone {
  display: block;
  width: 100%;
  border-radius: 4px;
  background-color: #434343;
  color: rgba(240, 240, 240, 1);
  font: 600 18px "��������", "Nanum Gothic", sans-serif;
  text-align: center;
  text-decoration: none;
  padding-top: 10px;
  padding-bottom: 10px;
  letter-spacing: -1px;
}

#bbs03 .tel .sms_send {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#bbs03 .tel a {
  color: rgba(110, 110, 110, 1);
  font-weight: 600;
  font-family: "��������", "Nanum Gothic", sans-serif;
  text-decoration: none;
}

/* ------------------------------------------ greeting 01 ---------------------------------------------- */
#greeting_bg01 {
  background-color: #ffffff;
  padding: 60px 15px;
  display: block;
}

#greeting_bg01 .banner_subject {
  margin-left: auto;
  margin-right: auto;
  max-width: 1300px;
  text-align: center;
  padding-bottom: 25px;
}

#greeting_bg01 .banner_subject a {
  font-family: "��������", "Nanum Gothic", sans-serif;
  color: #3a3a3a;
  text-decoration: none;
  display: inline-block;
  font-size: 28px;
  font-weight: 600;
}

#greeting_bg01 .st {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  overflow-y: hidden;
  max-width: 1300px;
  font-family: "��������", "Nanum Gothic", sans-serif;
  text-align: center;
  display: block;
  padding-top: 15px;
  padding-bottom: 30px;
}

#greeting_bg01 .st .st_header {
  font-weight: 600;
  font-size: 28px;
  text-align: center;
  padding: 15px;
}

#greeting_bg01 .st .st_img {
  float: left;
  width: 30%;
  margin-right: 3%;
}

#greeting_bg01 .st .st_img img {
  width: 100%;
}

#greeting_bg01 .st .st_body {
  float: left;
  width: 67%;
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  text-decoration: none;
  font-family: "��������", "Nanum Gothic", sans-serif;
  font-weight: 600;
}

#greeting_bg01 .st .st_body .st_txt01 {
  font-size: 22px;
  color: #666666;
  padding: 0px 0px 20px;
}

#greeting_bg01 .st .st_body .st_txt02 {
  font-size: 18px;
  color: #575757;
  padding-bottom: 15px;
}

#greeting_bg01 .st .st_body .st_txt03 {
  color: #848484;
  padding-bottom: 15px;
}

/* ------------------------------------------ // greeting 01 ---------------------------------------------- */

/* ------------------------------------------ info_notice 01 ---------------------------------------------- */
#info_notice_bg01 {
  padding-top: 30px;
  padding-right: 15px;
  padding-left: 15px;
  display: block;
}

#info_notice_bg01 .banner_subject {
  margin-left: auto;
  margin-right: auto;
  max-width: 1300px;
  text-align: center;
  padding-bottom: 25px;
  display: none;
}

#info_notice_bg01 .banner_subject a {
  font: 32px "��������", "Nanum Gothic", sans-serif;
  color: #3a3a3a;
  text-decoration: none;
  display: inline-block;
}

#info_notice_bg01 .st {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  overflow-y: hidden;
  max-width: 1300px;
  display: block;
  padding-top: 15px;
  padding-bottom: 30px;
  color: #ffffff;
}

#info_notice_bg01 .st .st_header {
  font-weight: 600;
  font-size: 28px;
  padding: 15px;
  display: none;
}

#info_notice_bg01 .st .st_img {
  float: left;
  width: 18%;
  margin-right: 5%;
  display: none;
}

#info_notice_bg01 .st .st_img img {
  width: 100%;
  border-radius: 100%;
}

#info_notice_bg01 .st .st_body {
  float: left;
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  width: 77%;
}

#info_notice_bg01 .st .st_body .st_txt01 {
  font-size: 5vmin;
  padding: 0px 0px 20px;
  color: #ffffff;
}

#info_notice_bg01 .st .st_body .st_txt02 {
  font-size: 4vmin;
  padding-bottom: 15px;
}

#info_notice_bg01 .st .st_body .st_txt03 p {
  padding-bottom: 15px;
  font-size: 2.2vmin;
  font-family: "��������", "Nanum Gothic", sans-serif;
}

@media (max-width: 767px) {
  #info_notice_bg01 .st .st_body .st_txt01 {
    font-size: 8vmin;
  }

  #info_notice_bg01 .st .st_body .st_txt02 {
    font-size: 4vmin;
  }

  #info_notice_bg01 .st .st_body .st_txt03 p {
    font-size: 3vmin;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #info_notice_bg01 .st .st_body .st_txt01 {
    font-size: 4vmin;
  }

  #info_notice_bg01 .st .st_body .st_txt02 {
    font-size: 3vmin;
  }

  #info_notice_bg01 .st .st_body .st_txt03 p {
    font-size: 2vmin;
  }
}

/* ------------------------------------------ info_notice 01_a ---------------------------------------------- */
#info_notice_bg01_a {
  background-color: #ffffff;
  padding: 60px 15px;
  display: block;
}

#info_notice_bg01_a .banner_subject {
  margin-left: auto;
  margin-right: auto;
  max-width: 1300px;
  text-align: center;
  display: none;
  padding-bottom: 25px;
}

#info_notice_bg01_a .banner_subject a {
  font-family: "��������", "Nanum Gothic", sans-serif;
  color: #3a3a3a;
  text-decoration: none;
  display: inline-block;
}

#info_notice_bg01_a .st {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  overflow-y: hidden;
  max-width: 1300px;
  font-family: "��������", "Nanum Gothic", sans-serif;
  text-align: center;
  display: block;
  padding-top: 15px;
  padding-bottom: 30px;
}

#info_notice_bg01_a .st .st_header {
  font-weight: 600;
  font-size: 70px;
  text-align: center;
  padding: 15px;
  display: none;
}

#info_notice_bg01_a .st .st_img {
  float: left;
  width: 18%;
  margin-right: 5%;
}

#info_notice_bg01_a .st .st_img img {
  width: 100%;
  border-radius: 100%;
}

#info_notice_bg01_a .st .st_body {
  float: left;
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  text-decoration: none;
  font-family: "��������", "Nanum Gothic", sans-serif;
  font-weight: 600;
  width: 77%;
}

#info_notice_bg01_a .st .st_body .st_title {
  font-weight: 600;
  font-size: 70px;
  color: #e74d3c;
  letter-spacing: -1px;
  text-decoration: none;
  text-transform: uppercase;
}

#info_notice_bg01_a .st .st_body .st_txt01 {
  font-size: 30px;
  color: #666666;
  padding-bottom: 55px;
}

#info_notice_bg01_a .st .st_body .st_txt02 {
  font-size: 20px;
  color: #e74d3c;
  padding-bottom: 25px;
}

#info_notice_bg01_a .st .st_body .st_txt03 {
  color: #848484;
  padding-bottom: 15px;
}

/* ------------------------------------------ info_notice 02 ---------------------------------------------- */

#info_notice_bg02 {
  background-color: #1f1f1f;
  padding: 60px 15px;
  display: block;
}

#info_notice_bg02 .banner_subject {
  margin-left: auto;
  margin-right: auto;
  max-width: 1300px;
  text-align: center;
  display: none;
  padding-bottom: 25px;
}

#info_notice_bg02 .banner_subject a {
  font-family: "��������", "Nanum Gothic", sans-serif;
  color: #3a3a3a;
  text-decoration: none;
  display: inline-block;
}

#info_notice_bg02 .st {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  overflow-y: hidden;
  max-width: 1300px;
  font-family: "��������", "Nanum Gothic", sans-serif;
  text-align: center;
  display: block;
}

#info_notice_bg02 .st .st_header {
  font-weight: 600;
  font-size: 28px;
  text-align: center;
  display: block;
  padding-bottom: 25px;
  color: #e74d3c;
}

#info_notice_bg02 .st .st_img {
  float: left;
  width: 15%;
  padding: 15px;
}

#info_notice_bg02 .st .st_img img {
  width: 100%;
  border-radius: 100%;
}

#info_notice_bg02 .st .st_body {
  float: left;
  padding: 15px 15px 15px 35px;
  text-align: left;
  text-decoration: none;
  font-family: "��������", "Nanum Gothic", sans-serif;
  font-weight: 600;
  width: 85%;
  vertical-align: middle;
}

#info_notice_bg02 .st .st_body .st_txt01 {
  font-size: 22px;
  color: #dddddd;
  padding: 0px 0px 20px;
}

#info_notice_bg02 .st .st_body .st_txt02 {
  font-size: 18px;
  color: #c5c5c5;
  padding-bottom: 15px;
}

#info_notice_bg02 .st .st_body .st_txt03 {
  color: #848484;
  padding-bottom: 15px;
  display: none;
}

/* ------------------------------------------ // info_notice 02 ---------------------------------------------- */

/* ######################### ���� �⺻��� ############################################*/

@media (max-width: 767px) {
  #icon_banner_bg06a {
    display: block;
  }

  #icon_banner_bg06 .main_bannerx ul li:after {
    display: none;
  }

  #icon_banner_bg06a .main_bannerx {
    text-align: left;
  }

  .main_bannerx ul li {
    width: 100% !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .main_banner .main_banner_btn {
    padding: 5px !important;
    font-size: 14px !important;
    font-weight: normal !important;
    border: 1px solid rgba(255, 255, 255, 1) !important;
  }
  .st_img {
    width: 90% !important;
    text-align: center;
    float: none !important;
    margin-left: auto;
    margin-right: auto !important;
    margin-bottom: 15px;
  }

  .st_body {
    width: 100% !important;
    padding: 15px !important;
    text-align: center;
  }

  .main_movie ul li {
    width: 100% !important;
    margin-bottom: 15px;
  }

  .notice,
  .product,
  .tel {
    width: 100% !important;
    padding-bottom: 25px;
  }

  .tel {
    background-image: none;
    padding-left: 0px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #icon_banner_bg06 .main_bannerx ul li:after {
    display: none;
  }

  #icon_banner_bg06a .main_bannerx {
    text-align: left;
  }

  .main_bannerx ul li {
    width: 48%;
    margin-bottom: 15px;
  }
}

/* ######################### // ���� �⺻��� ############################################*/

/* flex code  */
.main_banner ul {
  margin: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.main_banner ul li {
  margin-bottom: 1%;
}

.main_banner ul.base05 li {
  -webkit-flex-basis: 19%;
  -ms-flex-preferred-size: 19%;
  flex-basis: 19%;
}

.main_banner ul.base04 li {
  -webkit-flex-basis: 24%;
  -ms-flex-preferred-size: 24%;
  flex-basis: 24%;
}

.main_banner ul.base03 li {
  -webkit-flex-basis: 32.33%;
  -ms-flex-preferred-size: 32.33%;
  flex-basis: 32.33%;
}

.main_banner ul.base02 li {
  -webkit-flex-basis: 49%;
  -ms-flex-preferred-size: 49%;
  flex-basis: 49%;
}

/**/
.main_bannern ul {
  margin: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.main_bannern ul li {
  margin-bottom: 0%;
}

.main_bannern ul.base05 li {
  -webkit-flex-basis: 20%;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
}

.main_bannern ul.base04 li {
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}

.main_bannern ul.base03 li {
  -webkit-flex-basis: 33.33%;
  -ms-flex-preferred-size: 33.33%;
  flex-basis: 33.33%;
}

.main_bannern ul.base02 li {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}
.main_bbs_list_white01 .slide-item {
    margin-right: 10px;
}

.popup-container-overlay {
  position: absolute;
  top: 50;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  padding: 20px;
  box-sizing: border-box;
  overflow-y: auto;
  pointer-events: none;
}

.popup-grid {
  display: grid;
  grid-template-columns: repeat(4, 440px);
  gap: 14px;
}

.popup-item {
  width: 440px;
  background-color: #ffffff;
  visibility: hidden;
}

.popup-item img {
  display: block;
  width: 440px;
  height: 440px;
}

.popup-footer {
  display: flex;
  height: 44px;
  border-top: 1px solid #cccccc;
}

.popup-footer button {
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  color: #666666;
  display: flex;
  align-items: center;
}

.popup-footer .btn-today {
  width: 390px;
  justify-content: flex-start;
  padding-left: 16px;
}

.popup-footer .btn-close {
  width: 50px;
  border-left: 1px solid #cccccc;
  justify-content: center;
}

@media (max-width: 1024px) {
  .popup-container-overlay {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    padding: 0;
    background-color: transparent;
  }

  .popup-grid {
    display: block;
    position: relative;
    width: 100%;
    height: 100vw;
  }

  .popup-item {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    height: auto;
  }

  .popup-item img {
    width: 100%;
    height: auto;
  }

  .popup-footer .btn-today {
    width: calc(100% - 51px);
  }

  #popup-1 {
    z-index: 8;
  }

  #popup-2 {
    z-index: 7;
  }

  #popup-3 {
    z-index: 6;
  }

  #popup-4 {
    z-index: 5;
  }

  #popup-5 {
    z-index: 4;
  }

  #popup-6 {
    z-index: 3;
  }

  #popup-7 {
    z-index: 2;
  }

  #popup-8 {
    z-index: 1;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .main_banner ul.base05 li {
    -webkit-flex-basis: 32.33%;
    -ms-flex-preferred-size: 32.33%;
    flex-basis: 32.33%;
  }

  .main_banner ul.base04 li {
    -webkit-flex-basis: 49%;
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
  }

  .main_banner ul.base03 li {
    -webkit-flex-basis: 32.33%;
    -ms-flex-preferred-size: 32.33%;
    flex-basis: 32.33%;
  }

  .main_banner ul.base02 li {
    -webkit-flex-basis: 49%;
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
  }

  /**/
  .main_bannern ul.base05 li {
    -webkit-flex-basis: 33.33%;
    -ms-flex-preferred-size: 33.33%;
    flex-basis: 33.33%;
  }

  .main_bannern ul.base04 li {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }

  .main_bannern ul.base03 li {
    -webkit-flex-basis: 33.33%;
    -ms-flex-preferred-size: 33.33%;
    flex-basis: 33.33%;
  }

  .main_bannern ul.base02 li {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
}

@media (max-width: 767px) {
  .main_banner ul.base05 li {
    -webkit-flex-basis: 99%;
    -ms-flex-preferred-size: 99%;
    flex-basis: 99%;
    padding-bottom: 25px;
  }

  .main_banner ul.base04 li {
    -webkit-flex-basis: 99%;
    -ms-flex-preferred-size: 99%;
    flex-basis: 99%;
    padding-bottom: 25px;
  }

  .main_banner ul.base03 li {
    -webkit-flex-basis: 99%;
    -ms-flex-preferred-size: 99%;
    flex-basis: 99%;
    padding-bottom: 25px;
  }

  .main_banner ul.base02 li {
    -webkit-flex-basis: 99%;
    -ms-flex-preferred-size: 99%;
    flex-basis: 99%;
    padding-bottom: 25px;
  }

  /**/
  .main_bannern ul.base05 li {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }

  .main_bannern ul.base04 li {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }

  .main_bannern ul.base03 li {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }

  .main_bannern ul.base02 li {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}