:root {
  --radius12: 12px;
}

#sub.corporation04_03 .sli_btn {
  justify-content: center;
  margin-top: 40px;
}

#sub .sli_btn {
  display: flex;
  gap: 74px;
  padding: 0 35px;
}
#sub .sli_btn button path {
  transition: 0.5s;
}
#sub .sli_btn button:hover path {
  stroke: #1e6fc9;
}
#sub .sub_tab {
  display: flex;
  justify-content: center;
  position: sticky;
  top: 110px;
  background-color: #fff;
  z-index: 10;
}
#sub .sub_tab ul {
  display: flex;
  justify-content: center;
  padding: 10px;
  gap: 20px;
  border-radius: 80px;
  border: 1px solid #e1e8ef;
}
#sub .sub_tab ul li a {
  display: flex;
  align-items: center;
  height: 48px;
  width: 155px;
  border-radius: 80px;
  font-size: 17px;
  font-weight: 600;
  color: #222222;
  justify-content: center;
  text-align: center;
}
#sub .sub_tab ul li.on a {
  background-color: #1e6fc9;
  color: #fff;
}

#sub .sub_tab.on ul {
  width: 100%;
  border-radius: 0;
  border-color: #fff;
}
#sub .sub_tab.on {
  border-bottom: 1px solid #dde5ec;
}

/* 서브공통 */
.br {
  display: block;
}
#sub .sub_visual .breadcrumb {
  position: relative;
  z-index: 10;
}
#sub .sub_visual .breadcrumb > ul > li > button:after {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background: #d1d1d1;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -6px;
}
#sub .sub_visual .breadcrumb > ul > li > button {
  padding-right: 15px;
  color: #9da7b4;
}
#sub .sub_visual .breadcrumb > ul > li.active > button:after {
  display: none;
}
#sub .sub_visual .breadcrumb > ul > li.active > button {
  padding-right: 0;
  color: #222;
}
#sub .sub_visual.sub_img_visual .breadcrumb > ul > li.active > button {
  padding-right: 0;
  color: #fff;
}
#sub .sub_visual.sub_img_visual .breadcrumb > ul > li.active > button path {
  stroke: #fff;
}

#sub .sub_visual .breadcrumb > ul > li ul li a {
  line-height: 1.4em;
}
#sub .sub_visual .breadcrumb > ul > li ul li {
  margin-bottom: 16px;
}
#sub .sub_visual .breadcrumb > ul > li ul li:last-child {
  margin-bottom: 0;
}

#sub .con_w {
  display: flex;
  flex-flow: column;
  gap: 120px;
}

/* 전환서비스 공통 */
#sub.service .s_list ul {
  display: flex;
  flex-flow: wrap;
  gap: 60px 40px;
}
#sub.service .s_list ul li {
  width: calc(33.33% - 27px);
}
#sub.service .s_list ul li a {
  display: flex;
  flex-flow: column;
  gap: 20px;
}
#sub.service .s_list ul li a .img {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}
#sub.service .s_list ul li a .img img {
  width: 100%;
  display: block;
}
#sub.service .s_list ul li a .img .hover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(30, 111, 201, 0.8);
  opacity: 0;
  transition: opacity 0.3s;
}
#sub.service .s_list ul li a .img .hover .more {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 70px;
  padding: 0 60px;
  transition: padding 0.3s;
}
#sub.service .s_list ul li a .img .hover .more strong {
  font-size: 18px;
  font-weight: 600;
  color: #1e6fc9;
  display: block;
  white-space: nowrap;
}

#sub.service .s_list ul li a .txt {
  display: flex;
  align-items: center;
  gap: 15px;
  transition: transform 0.3s;
}
#sub.service .s_list ul li a .txt strong {
  font-size: 22px;
  font-weight: 700;
  color: #222222;
  letter-spacing: -0.02em;
}
#sub.service .s_list ul li a:hover .img .hover {
  opacity: 1;
}
#sub.service .s_list ul li a:hover .img .hover .more {
  padding: 0 35px;
}
#sub.service .s_list ul li a:hover .txt {
  transform: translateX(30px);
}

#sub.sv_main .sub_visual {
  margin-bottom: 0;
  height: 540px;
}
#sub.sv_main .sub_visual .sv_txt {
  margin-top: 110px;
}

#sub.sv .sub_visual .sv_txt {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 100%;
  z-index: 10;
  margin-top: 0 !important;
}
#sub.sv .sub_visual .sv_txt h2 {
  color: #fff;
}
#sub.sv .sub_visual .sv_txt p {
  color: #fff;
  margin-top: 20px;
}

#sub.sv .sub_visual .sv_img {
  width: calc(100% - 120px);
  height: 500px;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  border-radius: 10px;
  margin-top: 40px;
}
#sub.sv .sub_visual .sv_img > img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  height: 100%;
}

#sub .sv_list ul {
  display: flex;
  flex-flow: wrap;
  gap: 60px 40px;
}
#sub .sv_list ul li {
  width: calc(33.33% - 27px);
}
#sub .sv_list ul li a {
  display: flex;
  flex-flow: column;
  gap: 20px;
}
#sub .sv_list ul li a .img {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}
#sub .sv_list ul li a .img img {
  width: 100%;
  display: block;
}
#sub .sv_list ul li a .img .hover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(30, 111, 201, 0.8);
  opacity: 0;
  transition: opacity 0.3s;
}
#sub .sv_list ul li a .img .hover .more {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 70px;
  padding: 0 60px;
  transition: padding 0.3s;
}
#sub .sv_list ul li a .img .hover .more strong {
  font-size: 18px;
  font-weight: 600;
  color: #1e6fc9;
  display: block;
  white-space: nowrap;
}

#sub .sv_list ul li a .txt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: padding 0.3s;
}
#sub .sv_list ul li a .txt strong {
  font-size: 22px;
  font-weight: 700;
  color: #222222;
  letter-spacing: -0.02em;
  white-space: nowrap;
  width: calc(100% - 60px);
  overflow: hidden;
  text-overflow: ellipsis;
}

#sub .sv_list ul li a .txt i {
  display: flex;
  width: 50px;
  height: 50px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #eff5f9;
  transition: background 0.3s;
}
#sub .sv_list ul li a .txt i svg path {
  transition: stroke 0.3s;
}

#sub .sv_list ul li a:hover .img .hover {
  opacity: 1;
}
#sub .sv_list ul li a:hover .img .hover .more {
  padding: 0 35px;
}
#sub .sv_list ul li a:hover .txt {
  padding: 0 30px;
}
#sub .sv_list ul li a:hover .txt i {
  background-color: #1e6fc9;
}
#sub .sv_list ul li a:hover .txt i svg path {
  stroke: #fff;
}

#sub.sv .sub_visual {
  margin-bottom: 120px;
}
#sub.privacy .con01 p {
  line-height: 1.5;
  font-size: 18px;
  line-height: 1.5em;
  color: #6d737a;
  letter-spacing: -0.02em;
}
#sub.privacy .con01 li {
  line-height: 1.5;
  font-size: 18px;
  line-height: 1.5em;
  color: #6d737a;
  letter-spacing: -0.02em;
}
#sub.privacy .con01 ul {
  line-height: 1.5;
  font-size: 18px;
  line-height: 1.5em;
  color: #6d737a;
  letter-spacing: -0.02em;
}
#sub.privacy .con01 a {
  line-height: 1.5;
  font-size: 18px;
  line-height: 1.5em;
  color: #6d737a;
  letter-spacing: -0.02em;
}
#sub.privacy .con01 strong {
  color: #333;
}

#sub.privacy table {
  width: 100%;
  margin-bottom: 40px;
  margin-top: 15px;
}
#sub.privacy table th,
#sub.privacy table td {
  height: 60px;
  vertical-align: middle;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  font-size: 17px;
  font-weight: 500;
  color: #5a5a5a;
  font-weight: 500;
  line-height: 26px;
}
#sub.privacy table th.act {
  background-color: #fff6f6;
  color: #f34f4f;
}
#sub.privacy table th:last-child,
#sub.privacy table td:last-child {
  border-right: none;
}
#sub.privacy table th:first-child,
#sub.privacy table td:first-child {
  border-left: none;
}
#sub.privacy table th {
  background-color: #f6f7f8;
  border-top: 2px solid #222222;
  color: #222222;
  font-weight: 600;
}

#sub.sv_view .con01 .sv_tit {
  text-align: center;
  margin-bottom: 60px;
}
#sub.sv_view .con01 .sv_tit strong {
  font-size: 40px;
  font-weight: 700;
  color: #222222;
  letter-spacing: -0.02em;
}
#sub.sv_view .con01 .sv_tit strong b {
  font-weight: inherit;
}
#sub.sv_view .con01 .benefit ul {
  display: flex;
  gap: 30px;
}
#sub.sv_view .con01 .benefit ul li {
  width: 25%;
  padding: 50px 0;
  border-radius: 10px;
  flex-flow: column;
  display: flex;
  gap: 30px;
  align-items: center;
  text-align: center;
}
#sub.sv_view .con01 .benefit ul li .txt {
  display: flex;
  flex-flow: column;
  gap: 20px;
}
#sub.sv_view .con01 .benefit ul li .txt strong {
  font-size: 24px;
  font-weight: 700;
  color: #222222;
  word-break: keep-all;
}
#sub.sv_view .con01 .benefit ul li .txt p {
  font-size: 20px;
  line-height: 1.7em;
  color: #6b6b6b;
  word-break: keep-all;
}
#sub.sv_view .con01 .benefit ul li .txt p b {
  font-weight: 600;
}
#sub.sv_view .con01 .benefit ul li .txt em {
  margin-top: -10px;
  font-size: 16px;
  color: #6b6b6b;
}

#sub.sv_view .ed_con { display:flex; justify-content:center; text-align:center; }

#sub.sv_view .ed_con img {
  max-width: 100%;
  display: block;
}

#sub.sv_view .go_btn {
  margin-top: 60px;
  display: flex;
  justify-content: center;
}
#sub.sv_view .go_btn a {
  height: 60px;
  padding: 0 70px;
}

/* 크루즈 */
#sub.sv_view.sv01 .con01 .sv_tit strong b {
  color: #2d9dff;
}
#sub.sv_view.sv01 .con01 .benefit ul li {
  background-color: #f1f4f8;
}
#sub.sv_view.sv01 .con01 .benefit ul li .txt p b {
  color: #1e6fc9;
}

/* 웨딩 */
#sub.sv_view.sv02 .con01 .sv_tit strong b {
  color: #f96597;
}
#sub.sv_view.sv02 .con01 .benefit ul li {
  background-color: #fbf6f8;
}
#sub.sv_view.sv02 .con01 .benefit ul li .txt p b {
  color: #f96597;
}

/* 가전제품 */
#sub.sv_view.sv03 .con01 .sv_tit strong b {
  color: #8270e5;
}
#sub.sv_view.sv03 .con01 .benefit ul li {
  background-color: #f5f3ff;
}
#sub.sv_view.sv03 .con01 .benefit ul li .txt p b {
  color: #8270e5;
}

/* 리빙 */
#sub.sv_view.sv04 .con01 .sv_tit strong b {
  color: #2d9dff;
}
#sub.sv_view.sv04 .con01 .benefit ul li {
  background-color: #f1f4f8;
}
#sub.sv_view.sv04 .con01 .benefit ul li .txt p b {
  color: #1e6fc9;
}

/* 장지 */
#sub.sv_view.sv05 .con01 .sv_tit strong b {
  color: #49b97e;
}
#sub.sv_view.sv05 .con01 .benefit ul li {
  background-color: #f1f9f5;
}
#sub.sv_view.sv05 .con01 .benefit ul li .txt p b {
  color: #49b97e;
}

/* 유학 */
#sub.sv_view.sv06 .con01 .sv_tit strong b {
  color: #45cacf;
}
#sub.sv_view.sv06 .con01 .benefit ul li {
  background-color: #f1f8f9;
}
#sub.sv_view.sv06 .con01 .benefit ul li .txt p b {
  color: #24b3b8;
}

/* 파크 골프채 */
#sub.sv_view.sv07 .con01 .sv_tit strong b {
  color: #8270e5;
}
#sub.sv_view.sv07 .con01 .benefit ul li {
  background-color: #f5f3ff;
}
#sub.sv_view.sv07 .con01 .benefit ul li .txt p b {
  color: #8270e5;
}

/* 줄기세포 화장품(배양액) */
#sub.sv_view.sv08 .con01 .sv_tit strong b {
  color: #45cacf;
}
#sub.sv_view.sv08 .con01 .benefit ul li {
  background-color: #f1f8f9;
}
#sub.sv_view.sv08 .con01 .benefit ul li .txt p b {
  color: #24b3b8;
}

/* 주얼리 */
#sub.sv_view.sv09 .con01 .sv_tit strong b {
  color: #f96597;
}
#sub.sv_view.sv09 .con01 .benefit ul li {
  background-color: #fbf6f8;
}
#sub.sv_view.sv09 .con01 .benefit ul li .txt p b {
  color: #f96597;
}

/* 건강식품 */
#sub.sv_view.sv10 .con01 .sv_tit strong b {
  color: #49b97e;
}
#sub.sv_view.sv10 .con01 .benefit ul li {
  background-color: #f1f9f5;
}
#sub.sv_view.sv10 .con01 .benefit ul li .txt p b {
  color: #49b97e;
}

#sub.ms_view .sub_visual {
  height: 540px;
}
#sub.ms_view .sub_visual .sv_txt {
  margin-top: 110px;
}
#sub.ms_view .sub_visual {
  margin-bottom: 0;
}

#sub .s_cate {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 30px;
}
#sub .s_cate strong {
  font-size: 26px;
  font-weight: 700;
  color: #222;
  letter-spacing: -0.02em;
}

#sub .go_btn2 {
  height: 50px;
  padding: 0 24px;
  border-radius: 70px;
  background-color: #1c508a;
  width: 170px;
  transition: background 0.3s;
}
#sub .go_btn2 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
}
#sub .go_btn2:hover {
  background: #1e6fc9;
}

#sub .go_btn2 a strong {
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
}
#sub.ms01 .s_info {
  display: flex;
  gap: 40px;
}
#sub.ms01 .s_info > dl {
  width: 50%;
  padding: 50px 80px;
  border-radius: 20px;
  background-color: #f6f7f8;
  display: flex;
  flex-flow: column;
  gap: 30px;
  text-align: center;
  align-items: center;
}
#sub.ms01 .s_info > dl > dd {
  display: flex;
  flex-flow: column;
  align-items: center;
}
#sub.ms01 .s_info > dl > dt {
  font-size: 30px;
  font-weight: 700;
  color: #222222;
  letter-spacing: -0.02em;
  padding-bottom: 30px;
  border-bottom: 1px solid #cfdeee;
  width: 100%;
}
#sub.ms01 .s_info > dl > dd p {
  font-size: 20px;
  letter-spacing: -0.02em;
  color: #222222;
}
#sub.ms01 .s_info > dl > dd > .go_btn2 {
  margin-top: 30px;
}
#sub.ms01 .s_info > dl > dd p > b {
  color: #1e6fc9;
  font-weight: 600;
}
#sub.ms01 .s_info > dl > dd .wrap {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: center;
  margin-top: 18px;
}

#sub.ms01 .con02 .s_list ul {
  display: flex;
  gap: 20px;
}
#sub.ms01 .con02 .s_list ul li {
  width: calc(20% - 16px);
  border-radius: 12px;
  background-color: #f6f7f8;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  padding: 50px 20px;
  gap: 35px;
  text-align: center;
}
#sub.ms01 .con02 .s_list ul li .txt p {
  font-size: 20px;
  line-height: 1.4em;
  color: #222222;
  letter-spacing: -0.02em;
  font-weight: 700;
}
#sub.ms01 .con02 .info_p {
  margin-top: 30px;
  display: flex;
  flex-flow: column;
  gap: 12px;
}
#sub.ms01 .con02 .info_p p {
  font-size: 16px;
  letter-spacing: -0.02em;
  color: #6a6a6a;
}

.ms_pop {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999999;
  display: none;
}
.ms_pop .wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.ms_pop .wrap .box .p_con > div {
  padding-bottom: 30px;
  border-bottom: 1px solid #e5e5e5;
}

.ms_pop .wrap .box .p_con > div:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.ms_pop .wrap .box {
  max-height: calc(100% - 170px);
  border-radius: 12px;
  background-color: #ffffff;
  width: 980px;
  padding: 40px 50px;
  position: relative;
  overflow-y: scroll;
}
.ms_pop .wrap .box .p_close {
  position: absolute;
  right: 30px;
  top: 30px;
}
.ms_pop .wrap .box .p_tit {
  padding-bottom: 30px;
  border-bottom: 1px solid #e5e5e5;
}
.ms_pop .wrap .box .p_tit strong {
  font-size: 22px;
  font-weight: 700;
  color: #222222;
  letter-spacing: -0.02em;
}
.ms_pop .wrap .box .p_con {
  display: flex;
  flex-flow: column;
  gap: 30px;
  padding: 50px 0;
}
.ms_pop .wrap .box .p_con .p_cate {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
}
.ms_pop .wrap .box .p_con .p_cate strong {
  font-size: 18px;
  font-weight: 600;
  color: #222222;
}
.ms_pop .wrap .box .p_con .p_table {
  border-top: 2px solid #222222;
  border-bottom: 1px solid #e5e5e5;
}
.ms_pop .wrap .box .p_con .p_table table {
  width: 100%;
}
.ms_pop .wrap .box .p_con .p_table table th {
  background-color: #f6f7f8;
  font-size: 17px;
  font-weight: 600;
  color: #222222;
  letter-spacing: -0.02em;
  height: 60px;
  padding: 10px 0;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #e5e5e5;
}
.ms_pop .wrap .box .p_con .p_table table th:last-child {
  border-right: none;
}
.ms_pop .wrap .box .p_con .p_table table td {
  font-size: 15px;
  font-weight: 500;
  color: #5a5a5a;
  letter-spacing: -0.02em;
  padding: 11px;
  vertical-align: middle;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  text-align: center;
  line-height: 1.5em;
  height: 60px;
}
.ms_pop .wrap .box .p_con .p_table table tr td:last-child {
  border-right: none;
}
.ms_pop .wrap .box .p_con .p_table table tr:last-child td {
  border-bottom: none;
}

.ms_pop .wrap .box .p_con .pcon01 .p_table table th {
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  width: 140px;
}
.ms_pop .wrap .box .p_con .pcon01 .p_table table tr:last-child th {
  border-bottom: none;
}

.ms_pop .wrap .box .p_con .pcon02 .p_table table td .radios {
  margin: 0 auto;
}
.ms_pop .wrap .box .p_con .pcon02 .p_table {
  margin-bottom: 30px;
}
.ms_pop .wrap .box .p_con .pcon02 .p_table:last-child {
  margin-bottom: 0;
}

.ms_pop .wrap .box .p_con .p_txt p {
  font-size: 15px;
  line-height: 1.5em;
  color: #5a5a5a;
  font-weight: 500;
  letter-spacing: -0.02em;
  word-break: keep-all;
}

.ms_pop .wrap .box .p_con .f_chk {
  margin-top: 20px;
}

.chk_list {
  display: flex;
  gap: 20px;
  justify-content: center;
}
.chk_list li {
  display: flex;
  gap: 8px;
  align-items: center;
}
.chk_list li p {
  font-size: 15px;
  font-weight: 500;
  color: #5a5a5a;
}

.ms_pop .wrap .box .p_con .p_table table .table_input {
  padding: 0;
}
.ms_pop .wrap .box .p_con .p_table table .table_input input {
  text-align: center;
  border-radius: 8px;
  border: 1px solid #e5e5e5;
  height: 38px;
  width: 100%;
  padding-left: 0;
  font-size: 15px;
  color: #222;
}
.ms_pop .wrap .box .p_con .p_table table .table_input input:focus {
  border-color: #1e6fc9;
}

.ms_pop .bt {
  display: flex;
  justify-content: center;
}
.ms_pop .bt .btn_wrap {
  display: flex;
  justify-content: center;
  gap: 12px;
}
.ms_pop .bt .btn_wrap * {
  height: 60px;
  display: flex;
  align-items: center;
  width: 200px;
  justify-content: center;
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  background-color: #1e6fc9;
  border-radius: 70px;
  transition: background 0.3s;
}
.ms_pop .bt .btn_wrap *:hover {
  background-color: #0079ff;
}
.ms_pop .bt .btn_wrap button {
  background-color: #7d92a9;
}
.ms_pop .bt .btn_wrap button:hover {
  background-color: #5e7287;
}

.radios {
  width: 22px;
  height: 22px;
  position: relative;
}
.radios label {
  width: 100%;
  height: 100%;
  background: url("/img/sub/chk.png") center center no-repeat;
  display: block;
  cursor: pointer;
}
.radios input {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.radios input:checked + label {
  background: url("/img/sub/chk2.png") center center no-repeat;
}

.f_chk {
  display: flex;
  gap: 10px;
}
.f_chk .chk {
  width: 30px;
  height: 30px;
  position: relative;
}
.f_chk .chk input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.f_chk .chk label {
  width: 100%;
  height: 100%;
  display: block;
  background: url("/img/sub/chk3.png") center center no-repeat;
  display: block;
  cursor: pointer;
}
.f_chk .chk input:checked + label {
  background: url("/img/sub/chk4.png") center center no-repeat;
}
.f_chk p {
  font-size: 17px;
  line-height: 1.5em;
  color: #222222;
  letter-spacing: -0.02em;
  font-weight: 500;
  margin-top: 3px;
}

#sub.board .b_top {
  position: relative;
  display: flex;
  justify-content: center;
  margin-bottom: 60px;
}
#sub.board .b_top .go_btn a {
  justify-content: space-between;
  padding: 0 24px;
  width: 220px;
  height: 50px;
}

#sub.board .b_top .go_btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
#sub.board .b_top .search {
  display: flex;
  gap: 12px;
  height: 70px;
  position: relative;
  z-index: 1;
}
#sub.board .b_top .search .select {
  height: 100%;
  width: 190px;
  position: relative;
}
#sub.board .b_top .search .select button {
  width: 100%;
  height: 100%;
  border-radius: 80px;
  border: 2px solid #d9dce1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
  font-size: 18px;
  font-weight: 500;
  color: #333333;
}
#sub.board .b_top .search .select ul {
  display: block;
  position: absolute;
  left: 0;
  top: 100%;
  transform: translateY(20px);
  border-radius: 12px;
  border: 2px solid #d9dce1;
  background-color: #fff;
  width: 100%;
  padding: 30px;
  display: none;
}
#sub.board .b_top .search .select ul li {
  margin-bottom: 24px;
}
#sub.board .b_top .search .select ul li:last-child {
  margin-bottom: 0;
}
#sub.board .b_top .search .select ul li a {
  font-size: 18px;
  font-weight: 500;
  color: #98a6b4;
  transition: color 0.3s;
}
#sub.board .b_top .search .select ul li a:hover {
  color: #333333;
}
#sub.board .b_top .search .input {
  width: 400px;
  height: 100%;
  border-radius: 80px;
  border: 2px solid #1e6fc9;
  position: relative;
}
#sub.board .b_top .search .input input {
  width: 100%;
  height: 100%;
  border: none;
  padding-left: 34px;
  font-size: 18px;
  color: #222;
  background-color: transparent;
}
#sub.board .b_top .search .input button {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translate(0, -50%);
}

#sub.board .sub_con {
  margin-top: 120px;
}
#sub.board .sub_visual .sv_txt {
  margin-top: 110px;
}
#sub.board .sub_visual {
  margin-bottom: 100px;
}

#sub.review .r_list ul {
  display: flex;
  flex-flow: wrap;
  gap: 30px 50px;
}
#sub.review .r_list ul li {
  width: calc(33.3333333333% - 33.333333333px);
}

#sub.review .r_list a {
  display: block;
  padding: 40px;
  border-radius: 12px;
  background-color: #fff;
  border: 1.5px solid #d9dde1;
  box-shadow: 0 0 60px rgba(163, 185, 204, 0.2);
  transition: border 0.5s, transform 0.5s;
}

#sub.review .r_list a .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}
#sub.review .r_list a .top .cate span {
  display: flex;
  align-items: center;
  height: 31px;
  border-radius: 17px;
  background-color: rgba(41, 113, 239, 0.1);
  padding: 0 15px;
  color: 15px;
  color: #2971ef;
  font-weight: 600;
}
#sub.review .r_list a .top .best {
  display: flex;
  align-items: center;
  gap: 8px;
}
#sub.review .r_list a .top .best strong {
  font-size: 16px;
  color: #2971ef;
  font-weight: 600;
}
#sub.review .r_list a .txt {
  display: flex;
  flex-flow: column;
  gap: 20px;
}
#sub.review .r_list a .txt strong {
  display: block;
  font-size: 24px;
  line-height: 1.5em;
  color: #333333;
  letter-spacing: -0.02em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

#sub.review .r_list a .name {
  margin-top: 50px;
}
#sub.review .r_list a .name p {
  font-size: 16px;
  color: #a6adb4;
}

#sub.review .r_list a .txt p {
  display: block;
  font-size: 17px;
  line-height: 1.5em;
  color: #6a6a6a;
  letter-spacing: -0.02em;
  word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

#sub.review .r_list a:hover {
  border-color: #2971ef;
  transform: translateY(-12px);
}

#sub.b_view .v_tit {
  border-top: 2px solid #222222;
  padding-top: 75px;
  display: flex;
  flex-flow: column;
  text-align: center;
  gap: 20px;
  align-items: center;
  margin-bottom: 75px;
}
#sub.b_view .v_tit .vt_top {
  display: flex;
  gap: 20px;
}
#sub.b_view .v_tit .vt_top .v_cate {
  height: 31px;
  padding: 0 15px;
  border-radius: 70px;
  background: rgba(41, 113, 239, 0.1);
  font-size: 15px;
  font-weight: 500;
  color: #2971ef;
  align-items: center;
  display: flex;
  margin-top: 5px;
}
#sub.b_view .v_tit .vt_top strong {
  font-size: 30px;
  font-weight: 700;
  color: #222222;
  letter-spacing: -0.02em;
}
#sub.b_view .v_tit ul {
  display: flex;
  justify-content: center;
  gap: 15px;
}
#sub.b_view .v_tit ul li {
  padding-right: 15px;
  position: relative;
  font-size: 18px;
  font-weight: 400;
  color: #86929e;
  letter-spacing: -0.02em;
}
#sub.b_view .v_tit ul li:after {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background-color: #b4c0cc;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
#sub.b_view .v_tit ul li:last-child:after {
  display: none;
}

#sub.b_view .v_con {
  border-radius: 20px;
  background-color: #f1f6fb;
  min-height: 600px;
  padding: 50px;
}
#sub.b_view .v_con img {
  max-width: 100%;
}
#sub.b_view .go_btn {
  margin-top: 60px;
  display: flex;
  justify-content: center;
}
#sub.b_view .go_btn a {
  width: 200px;
  height: 60px;
  text-align: center;
  justify-content: center;
}

#sub.b_form .btn_wrap {
  width: 600px;
  margin: 0 auto;
  margin-top: 60px;
}
#sub.b_form .f_wrap {
  width: 1260px;
  margin: 0 auto;
}
#sub.b_form .f_wrap ul {
  display: flex;
  flex-flow: wrap;
  gap: 40px 60px;
}
#sub.b_form .f_wrap ul li {
  width: calc(50% - 30px);
  display: flex;
  flex-flow: column;
  gap: 12px;
}
#sub.b_form .f_wrap ul li.all_li {
  width: 100%;
}
#sub.b_form .f_wrap ul li strong {
  font-size: 18px;
  font-weight: 600;
  color: #222222;
}
#sub.b_form .f_wrap ul li strong span {
  color: #1e6fc9;
}
#sub.b_form .f_input {
  height: 60px;
  width: 100%;
  padding-left: 30px;
  font-size: 18px;
  font-weight: 400;
  border-radius: 80px;
  border: 1px solid #d9dce1;
  color: #5d5d5d;
}
#sub.b_form .f_select {
  height: 60px;
  width: 100%;
  padding-left: 30px;
  font-size: 18px;
  font-weight: 400;
  border-radius: 80px;
  border: 1px solid #d9dce1;
  color: #5d5d5d;
  background: url("/img/sub/f_arrow.png") right 30px center no-repeat;
  -webkit-appearance: none; /* 크롬 화살표 없애기 */
  -moz-appearance: none; /* 파이어폭스 화살표 없애기 */
  appearance: none; /* 화살표 없애기 */
}
#sub.b_form .f_input:focus {
  border-color: #1e6fc9;
}
#sub.b_form .f_input.read_input {
  background-color: #f1f6fb;
  border-color: #f1f6fb;
}

#sub.b_form .f_textarea {
  height: 240px;
  width: 100%;
  padding: 20px 30px;
  font-size: 18px;
  font-weight: 400;
  border-radius: 12px;
  border: 1px solid #d9dce1;
  color: #5d5d5d;
}
#sub.b_form .f_textarea:focus {
  border-color: #1e6fc9;
}

#sub.b_form .phone {
  display: flex;
  gap: 30px;
}
#sub.b_form .phone > * {
  flex: 1;
}
#sub.b_form .phone > div {
  position: relative;
}
#sub.b_form .phone > div:after {
  content: "-";
  display: block;
  font-size: 18px;
  font-weight: 500;
  color: #5d5d5d;
  position: absolute;
  right: -19px;
  top: 50%;
  transform: translate(0, -50%);
}
#sub.b_form .phone > div:last-child:after {
  display: none;
}

#sub.b_form .email {
  display: flex;
  gap: 40px;
}
#sub.b_form .email > * {
  flex: 1 2 2;
}
#sub.b_form .email > div {
  position: relative;
}
#sub.b_form .email > div > div {
  display: flex;
  gap: 10px;
}
#sub.b_form .email > div > div > * {
  flex: 1;
}
#sub.b_form .email > div:first-child::after {
  content: "@";
  display: block;
  font-size: 18px;
  font-weight: 500;
  color: #5d5d5d;
  position: absolute;
  right: -28px;
  top: 50%;
  transform: translate(0, -50%);
}
#sub.b_form .email > div:last-child:after {
  display: none;
}

#sub.b_form .go_btn {
  margin-top: 60px;
  display: flex;
  justify-content: center;
}
#sub.b_form .go_btn a {
  width: 200px;
  height: 60px;
  text-align: center;
  justify-content: center;
}

#sub.b_form .files .wrap {
  display: flex;
  align-items: center;
  gap: 26px;
}
#sub.b_form .files .wrap .add {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 600;
  color: #1e6fc9;
}

#sub.b_form .files .file_list {
  display: flex;
  flex-flow: column;
  gap: 12px;
}
#sub.b_form .files .file_list > div {
  width: 100%;
  height: 60px;
}
#sub.b_form .files .file_box {
  border-radius: 80px;
  padding: 8px 12px;
  border: 1px solid #d9dce1;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
}
#sub.b_form .files .file_box label {
  width: 140px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  background-color: #2c517a;
  font-size: 16px;
  font-weight: 500;
  border-radius: 780px;
  cursor: pointer;
}
#sub.b_form .files .file_box .upload {
  font-size: 18px;
  color: #5a5a5a;
  width: calc(100% - 160px);
}
#sub.b_form .files .file_box .file_in {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
}
#sub.b_form .files .file_box .del {
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translate(0, -50%);
}

#sub.b_form .per {
  margin-top: 90px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e5e5e5;
}
#sub.b_form .per .s_cate strong {
  font-size: 22px;
}
#sub.b_form .per .s_cate strong span {
  color: #1e6fc9;
}
#sub.b_form .per .per_info {
  max-height: 200px;
  padding: 25px;
  border-radius: 12px;
  background-color: #f1f6fb;
  margin-bottom: 20px;
  overflow-y: auto;
}
#sub.b_form .per .per_info p {
  font-size: 16px;
  letter-spacing: -0.02em;
  color: #4a5764;
  line-height: 1.5em;
  padding : 10px 30px;
}

#sub.faq .f_list {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
#sub.faq .f_list > div {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
#sub.faq .f_list > div .q_box {
  border-radius: 12px;
  height: 120px;
  display: flex;
  align-items: center;
  background-color: #f1f6fb;
  padding: 0 60px;
  position: relative;
  gap: 20px;
  cursor: pointer;
}
#sub.faq .f_list > div .q_box > i {
  border-radius: 50%;
  background-color: #e0eaf3;
}
#sub.faq .f_list > div .q_box span {
  position: absolute;
  right: 60px;
  top: 50%;
  transform: translate(0, -50%);
}
#sub.faq .f_list > div .q_box strong {
  display: block;
  width: calc(100% - 70px);
  font-size: 20px;
  font-weight: 500;
  color: #222222;
  letter-spacing: -0.02em;
}
#sub.faq .f_list > div .q_box strong b {
  font-weight: 700;
  color: #1e6fc9;
}

#sub.faq .f_list > div .a_box {
  border-radius: 12px;
  background-color: #fff;
  border: 1px solid #e1e8ef;
  padding: 50px 60px;
  display: none;
}
#sub.faq .f_list > div .a_box .wraps {
  display: flex;
  gap: 20px;
  align-items: center;
}
#sub.faq .f_list > div .a_box .wraps > i {
  border-radius: 50%;
  background-color: #ebf2fb;
}
#sub.faq .f_list > div .a_box .in_wrap {
  width: calc(100% - 70px);
}
#sub.faq .f_list > div .a_box .in_wrap > p {
  font-size: 17px;
  line-height: 1.5em;
  color: #222222;
  letter-spacing: -0.02em;
  padding: 10px 30px;
}

#sub.faq .f_list > div .q_box.on span {
  transform: translate(0, -50%) rotate(180deg);
}

/* 장례정보 */
#sub.funeral .f_visual {
  width: calc(100% - 120px);
  height: 500px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 120px;
}
#sub.funeral .f_visual .img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}
#sub.funeral .f_visual .img img {
  display: block;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#sub.funeral .f_visual .txt {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 100%;
  z-index: 1;
}
#sub.funeral .f_visual .txt .inner2 {
  display: flex;
  flex-flow: column;
  gap: 20px;
}
#sub.funeral .f_visual .txt .inner2 > strong {
  font-size: 50px;
  font-weight: 700;
  color: #ffffff;
}
#sub.funeral .f_visual .txt .inner2 > p {
  font-size: 20px;
  font-weight: 300;
  color: #ffffff;
}

#sub.funeral .info_box {
  display: flex;
  flex-flow: column;
  gap: 90px;
}
#sub.funeral .info_box > div {
  display: flex;
  flex-flow: column;
  gap: 20px;
}
#sub.funeral .info_box > div > .tit {
  display: flex;
  gap: 10px;
  align-items: center;
}
#sub.funeral .info_box > div > .tit strong {
  font-size: 30px;
  font-weight: 700;
  color: #222222;
  letter-spacing: -0.02em;
}
#sub.funeral .info_box > div > .tit i {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 2px solid #1e6fc9;
  font-size: 20px;
  font-weight: 700;
  color: #1e6fc9;
}
#sub.funeral .info_box > div > .con {
  border-radius: 12px;
  background-color: #f1f6fb;
  padding: 35px 30px;
  display: flex;
  flex-flow: column;
  gap: 30px;
}
#sub.funeral .info_box > div > .con ul {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
#sub.funeral .info_box > div > .con ul li {
  padding-left: 14px;
  position: relative;
  font-size: 18px;
  line-height: 1.6em;
  color: #222222;
  letter-spacing: -0.02em;
}
#sub.funeral .info_box > div > .con ul li:after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background-color: #1e6fc9;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 12px;
}
#sub.funeral .info_box > div > .dl_box {
  display: flex;
  flex-flow: column;
  gap: 40px;
  margin-top: 20px;
}
#sub.funeral .info_box > div > .dl_box > dl {
  padding-top: 40px;
  border-top: 1px solid #e5e5e5;
  display: flex;
  flex-flow: column;
  gap: 10px;
}
#sub.funeral .info_box > div > .dl_box > dl > dt {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 20px;
  font-weight: 700;
  color: #222222;
  letter-spacing: -0.02em;
}
#sub.funeral .info_box > div > .dl_box > dl > dd {
  font-size: 18px;
  line-height: 1.5em;
  color: #6d737a;
  letter-spacing: -0.02em;
  padding-left: 40px;
}

#sub.funeral .info_box .con p {
  font-size: 18px;
  line-height: 1.6em;
  color: #222;
  letter-spacing: -0.02em;
  word-break: keep-all;
}

#sub.funeral .info_box .last .tit strong {
  color: #1e6fc9;
}
#sub.funeral .info_box .last .con {
  background-color: #fff;
  border: 2px solid #1e6fc9;
}

#sub.funeral02 .info_box .step {
  border-radius: 20px;
  padding: 60px;
  background-color: #f6f7f8;
  display: flex;
  gap: 20px;
  align-items: center;
}
#sub.funeral02 .info_box .step .num {
  width: calc(20% - 48px);
  height: 140px;
  border-radius: 26px;
  border: 3px solid #cbd4de;
  padding: 8px;
}
#sub.funeral02 .info_box .step .num > div {
  height: 100%;
  width: 100%;
  border-radius: 20px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-flow: column;
  gap: 4px;
  box-shadow: 0 0 60px rgba(0, 61, 129, 0.2);
  position: relative;
}
#sub.funeral02 .info_box .step .num > div > span {
  font-size: 16px;
  font-weight: 700;
  color: #1e6fc9;
  letter-spacing: -0.02em;
  position: absolute;
  left: 20px;
  top: 20px;
}
#sub.funeral02 .info_box .step .num > div > strong {
  font-size: 20px;
  font-weight: 600;
  color: #222222;
  letter-spacing: -0.02em;
}
#sub.funeral02 .info_box .step .num > div > p {
  font-size: 16px;
  font-weight: 400;
  color: #64707e;
  letter-spacing: -0.02em;
}

#sub.funeral02 .info_box .step .num:nth-child(3) {
  border-color: #b5cbe3;
}
#sub.funeral02 .info_box .step .num:nth-child(5) {
  border-color: #90b5de;
}
#sub.funeral02 .info_box .step .num:nth-child(7) {
  border-color: #72a4db;
}
#sub.funeral02 .info_box .step .num:nth-child(9) {
  border-color: #1e6fc9;
}

#sub.funeral02 .info_box .day {
  margin-top: 40px;
  display: flex;
  flex-flow: column;
  gap: 60px;
}
#sub.funeral02 .info_box .day .s_cate {
  margin-bottom: 50px;
}
#sub.funeral02 .info_box .day .s_cate svg {
  width: 30px;
  height: 30px;
}
#sub.funeral02 .info_box .day .day_con {
  display: flex;
  flex-flow: column;
  gap: 50px;
  padding-left: 40px;
}
#sub.funeral02 .info_box .day > div {
  padding-bottom: 60px;
  border-bottom: 1px solid #e5e5e5;
}
#sub.funeral02 .info_box .day > div:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
#sub.funeral02 .info_box .day .day_con .tit {
  margin-bottom: 14px;
}
#sub.funeral02 .info_box .day .day_con .tit strong {
  font-size: 20px;
  font-weight: 700;
  color: #222;
  letter-spacing: -0.02em;
}
#sub.funeral02 .info_box .day .day_con .cw {
  display: flex;
  flex-flow: column;
  gap: 30px;
}
#sub.funeral02 .info_box .day .day_con .cw p {
  font-size: 18px;
  line-height: 1.6em;
  color: #444444;
}
#sub.funeral02 .info_box .day .day_con .cw p span {
  display: block;
  margin: 10px 0;
  color: #8b8b8b;
}
#sub.funeral02 .info_box .day .day_con .cw table {
  width: 100%;
  border-top: 2px solid #222222;
}
#sub.funeral02 .info_box .day .day_con .cw table th {
  height: 60px;
  background-color: #f1f6fb;
  vertical-align: middle;
  border-right: 1px solid #d9e2eb;
  font-size: 17px;
  font-weight: 600;
  color: #222222;
}
#sub.funeral02 .info_box .day .day_con .cw table th:last-child {
  border-right: none;
}
#sub.funeral02 .info_box .day .day_con .cw table td {
  height: 60px;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  vertical-align: middle;
  text-align: center;
  font-size: 17px;
  line-height: 1.5em;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: #5a5a5a;
}
#sub.funeral02 .info_box .day .day_con .cw table tr:nth-child(1) td:last-child {
  border-right: none;
}
#sub.funeral02 .info_box .day .day_con .cw .ste {
  display: flex;
  flex-flow: column;
  gap: 20px;
}
#sub.funeral02 .info_box .day .day_con .cw .ste img {
  max-width: 100%;
}
#sub.funeral02 .info_box .day .day_con .cw .ste strong {
  font-size: 18px;
  font-weight: 600;
  color: #444444;
}
#sub.funeral02 .info_box .day .day_con .cw .ste .box {
  padding: 40px;
  border-radius: 12px;
  background-color: #f1f6fb;
  display: flex;
  gap: 96px;
  flex-flow: row-reverse;
  justify-content: space-between;
  position: relative;
}
#sub.funeral02 .info_box .day .day_con .cw .ste .box:after {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 80px);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(0, -50%);
  background-color: #ccdae8;
}

#sub.funeral02 .info_box .day .day_con .cw dl {
  display: flex;
  flex-flow: column;
  gap: 12px;
}
#sub.funeral02 .info_box .day .day_con .cw dl dt {
  font-size: 18px;
  letter-spacing: -0.02em;
  color: #444444;
}
#sub.funeral02 .info_box .day .day_con .cw dl dd {
  font-size: 18px;
  letter-spacing: -0.02em;
  color: #444444;
  padding-left: 14px;
}

@media (min-width: 1921px) {
  #sub.sv .sub_visual .sv_img > img {
    width: 100%;
    height: auto;
  }
  #sub.funeral .f_visual .img img {
    width: 100%;
    height: auto;
  }
}

#footer {
  border-top: 1px solid #dde5ec;
}
#header.sub {
  background-color: #fff;
  border-bottom: 1px solid #dde5ec;
}
#header.sub .gnb > ul > li > a {
  color: #222222;
}
#header.sub {
  background-color: #fff;
}
#header.sub h1 svg #YEL {
  fill: #f0b41b;
}
#header.sub h1 svg #RED {
  fill: #dd1e30;
}
#header.sub h1 svg #BLUE path {
  fill: #014da1;
}
#header.sub .gnb > ul > li > a {
  color: #222222;
}
#header.sub .gnb > ul > li:hover > a {
  color: #205fcc;
}
#header.sub .right_btn .login a {
  border-color: #c1cbd6;
  color: #4e5b67;
}
#header.sub .all_menu_b span {
  background-color: #000;
}
/* 공통 */
.sub_con {
  padding-bottom: 160px;
}
#sub .sub_visual {
  padding-top: 185px;
  margin-bottom: 70px;
  position: relative;
  z-index: 15;
}
#sub .sub_visual .breadcrumb {
  padding: 0 140px;
}
#sub .sub_visual .breadcrumb > ul {
  display: flex;
  gap: 15px;
}
#sub .sub_visual .breadcrumb > ul > li {
  font-size: 17px;
  letter-spacing: -0.2px;
  color: #222222;
  font-weight: 600;
  position: relative;
}
#sub .sub_visual .breadcrumb > ul > li button {
  display: flex;
  align-items: center;
  gap: 15px;
}
#sub .sub_visual.sub_img_visual .breadcrumb > ul > li button {
  color: #fff;
}
#sub .sub_visual .breadcrumb > ul > li > a {
  display: block;
  padding-right: 15px;
  position: relative;
  color: #9da7b4;
}
#sub .sub_visual .breadcrumb > ul > li > a span {
  text-indent: -9999px;
  display: block;
  width: 0;
  height: 0;
}
#sub .sub_visual .breadcrumb > ul > li > a:after {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background: #d1d1d1;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -6px;
}
#sub .sub_visual .breadcrumb > ul > li ul {
  display: block;
  position: absolute;
  width: 300px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #d2d2d2;
  width: 162px;
  padding: 20px 0;
  top: 36px;
  left: 0;
  box-shadow: 0 0 30px #34374e10;
  display: none;
  transition: 0s;
}
#sub .sub_visual .breadcrumb > ul > li ul li a {
  display: block;
  font-size: 16px;
  line-height: 38px;
  color: #222222;
  padding-left: 25px;
  font-weight: 500;
}
#sub .btn_wrap {
  display: flex;
  gap: 12px;
}
#sub .btn_wrap * {
  flex: 1;
  display: flex;
  height: 60px;
  align-items: center;
  text-align: center;
  background: #1e6fc9;
  border-radius: 60px;
  font-size: 18px;
  color: #ffffff;
  font-weight: 600;
  text-align: center;
  justify-content: center;
  transition: 0.5s;
}
#sub .btn_wrap *.base {
  background-color: #7d92a9;
}
#sub .btn_wrap button:hover {
  background: #1483ff !important;
}
#sub .btn_wrap a:hover {
  background: #1483ff !important;
}
#sub .btn_wrap .base:hover {
  background: #aebbc9 !important;
}
#sub .sub_visual.sub_img_visual .breadcrumb > ul > li ul li a {
  color: #222;
}
#sub .sub_visual .sv_txt {
  margin-top: 50px;
}
#sub .sub_visual.sub_img_visual {
  position: relative;
  padding-top: 110px;
  overflow: hidden;
}
#sub .sub_visual.sub_img_visual .visual_w {
  position: relative;
  height: 600px;
  width: 100%;
}
#sub.board .sub_visual.sub_img_visual .visual_w {
  height: 528px;
}
#sub .sub_visual.sub_img_visual .visual_w .vis {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#sub .sub_visual.sub_img_visual .visual_w .sv_txt {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  margin-top: 0;
}
#sub .sub_visual.sub_img_visual .visual_w .sv_txt h2 {
  color: #fff;
}
#sub.board .sub_visual.sub_img_visual .visual_w .sv_txt h2 {
  color: #000;
}
#sub .sub_visual.sub_img_visual .visual_w .sv_txt p {
  color: #fff;
  line-height: 30px;
  font-weight: 500;
}

#sub.board .sub_visual.sub_img_visual .visual_w .sv_txt p {
  color: #fff;
  line-height: 30px;
  font-weight: 500;
}
#sub.board .sub_visual.sub_img_visual .breadcrumb > ul > li a {
  color: #999999;
}
#sub.board .sub_visual.sub_img_visual .breadcrumb > ul > li a:after {
  background-color: #00000050;
}
#sub.board .sub_visual.sub_img_visual .breadcrumb > ul > li:nth-child(1) path {
  fill: #000;
}
#sub .sub_visual.sub_img_visual .visual_w {
  padding-top: 70px;
}
#sub .sub_visual.sub_img_visual .breadcrumb > ul > li {
  color: #fff;
}
#sub .sub_visual.sub_img_visual .breadcrumb > ul > li a {
  color: #fff;
}
#sub .sub_visual.sub_img_visual .breadcrumb > ul > li:nth-child(1) path {
  fill: #fff;
}
#sub .sub_visual.sub_img_visual .breadcrumb > ul > li > a:after {
  background: #fff;
  opacity: 0.5;
}
#sub .sub_visual .sv_txt h2 {
  display: block;
  text-align: center;
  font-size: 50px;
  font-weight: 600;
  letter-spacing: -0.5px;
  color: #222222;
}
#sub .sub_visual .sv_txt p {
  text-align: center;
  font-size: 20px;
  color: #222222;
  letter-spacing: -0.5px;
  margin-top: 30px;
}
#sub .paging {
  margin-top: 60px;
}
#sub .paging ul {
  display: flex;
  justify-content: center;
}
#sub .paging ul li a {
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  font-size: 18px;
  font-weight: 600;
  color: #222222;
  border-radius: 6px;
}
#sub .paging ul li.on a {
  background-color: #1e6fc9;
  color: #fff;
}
#sub .paging ul li.btn a {
  text-indent: -9999px;
  background-size: 100% 100% !important;
}
#sub .paging ul li.btn.first a {
  background: url(/img/sub/first.png);
}
#sub .paging ul li.btn.prev a {
  background: url(/img/sub/prev.png);
}
#sub .paging ul li.btn.next a {
  background: url(/img/sub/next.png);
}
#sub .paging ul li.btn.last a {
  background: url(/img/sub/last.png);
}

#sub .sub_visual .visual_w .vis img {
  transform: scale(1.1);
}
#sub .sub_visual.on .visual_w .vis img {
  transform: scale(1);
  transition: 3s;
}
#sub .sub_visual ul {
  transform: translateY(70px);
  opacity: 0;
  transition: 1.2s;
}
#sub .sub_visual.on ul {
  transform: translateY(0px);
  opacity: 1;
}
#sub .sub_visual .sv_txt h2 {
  transform: translateY(70px);
  opacity: 0;
  transition: 1.2s;
}
#sub .sub_visual.on .sv_txt h2 {
  transform: translateY(0px);
  opacity: 1;
  transition-delay: 0.3s;
}
#sub .sub_visual .sv_txt p {
  transform: translateY(70px);
  opacity: 0;
  transition: 1.2s;
}
#sub .sub_visual.on .sv_txt p {
  transform: translateY(0px);
  opacity: 1;
  transition-delay: 0.6s;
}

/* 멤버관련 */
#sub.member .sub_visual {
  margin-bottom: 40px;
}
#sub.member .member_w {
  width: 600px;
  margin: 0 auto;
}
#sub.member .kakao_login {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #e5e5e5;
}
#sub.member .kakao_login button {
  display: flex;
  height: 60px;
  align-items: center;
  text-align: center;
  background: #fae100;
  border-radius: 60px;
  font-size: 18px;
  color: #381e1f;
  font-weight: 600;
  justify-content: center;
  width: 100%;
  gap: 8px;
}
#sub.member .kakao_login button * {
  display: block;
}
#sub.member .f_list {
  margin-bottom: 20px;
}
#sub.member .f_list ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#sub.member .f_list ul li input {
  width: 100%;
  height: 60px;
  border: 1px solid #d9dce1;
  border-radius: 60px;
  padding-left: 30px;
  color: #222222;
  font-size: 18px;
}
#sub.member .f_list ul li input::placeholder {
  color: #98a6b4;
}
#sub.member .f_list ul li input:focus {
  border-color: #1e6fc9;
  border-width: 2px;
}
/* 로그인 */
#sub.member.login .info_list {
  margin: 40px 0;
}
#sub.member.login .info_list ul {
  display: flex;
}
#sub.member.login .info_list ul li {
  flex: 1;
  position: relative;
}
#sub.member.login .info_list ul li:after {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  background-color: #d9d9d9;
  top: 50%;
  margin-top: -5px;
  right: 0;
  position: absolute;
}
#sub.member.login .info_list ul li:last-child:after {
  display: none;
}
#sub.member.login .info_list ul li a {
  display: block;
  text-align: center;
  font-size: 16px;
  color: #666666;
  font-weight: 500;
  transition: 0.5s;
}
#sub.member.login .info_list ul li:hover a {
  color: #1e6fc9;
}
#sub .info_error {
  background-color: #f1f6fb;
  padding: 25px;
  padding-left: 58px;
  border-radius: var(--radius12);
}
#sub .info_error strong {
  font-size: 18px;
  color: #222222;
  position: relative;
}
#sub .info_error strong i {
  position: absolute;
  left: -34px;
  top: 50%;
  transform: translateY(-50%);
}
#sub .info_error p {
  font-size: 16px;
  letter-spacing: -0.5px;
  color: #5b5b5b;
  line-height: 24px;
  margin-top: 10px;
}
#sub .info_error p b {
  color: #1e6fc9;
}
#sub .info_error .s_button {
  margin-top: 20px;
}
#sub.personal_auth .con01 ul {
  display: flex;
  gap: 20px;
}
#sub.personal_auth .con01 ul li {
  flex: 1;
}
#sub.personal_auth .con01 ul li:hover a {
  transform: translateY(-20px);
}
#sub.personal_auth .con01 ul li a {
  display: block;
  padding-top: 66px;
  padding-bottom: 84px;
  background-color: #f1f6fb;
  border-radius: 10px;
  text-align: center;
  height: 390px;
  transition: 0.5s;
  transition: 0.5s;
  border: 2px solid #f1f6fb;
}
#sub.personal_auth .con01 ul li:hover a {
  background: #fff;
  border-color: #1e6fc9;
}
#sub.personal_auth .con01 ul li a i {
  display: block;
}
#sub.personal_auth .con01 ul li a i img {
  display: block;
  margin: 0 auto;
}
#sub.personal_auth .con01 ul li a strong {
  margin-top: 30px;
  display: block;
  font-size: 22px;
  color: #222222;
  font-weight: 600;
  transition: 0.5s;
}
#sub.personal_auth .con01 ul li:hover a strong {
  color: #1e6fc9;
}
#sub.personal_auth .con01 ul li a span {
  margin-top: 14px;
  display: block;
  font-size: 18px;
  line-height: 27px;
  color: #68737e;
}
#sub.member .chk_info {
  position: relative;
  padding-left: 34px;
  margin-bottom: 19px;
}
#sub.member .chk_info i {
  position: absolute;
  left: 0;
  top: -3px;
}
#sub.member .chk_info p {
  font-size: 18px;
  color: #222222;
  font-weight: 500;
}
#sub.member .chk_info p b {
  color: #1e6fc9;
}
#sub.member .r_list ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#sub.member .r_list ul li {
  height: 60px;
  display: flex;
  background-color: #f1f6fb;
  border-radius: 12px;
  align-items: center;
  padding: 0 40px;
}
#sub.member .r_list ul li span {
  display: block;
  font-size: 17px;
  color: #1e6fc9;
  font-weight: 700;
  width: 90px;
}
#sub.member .r_list ul li p {
  font-size: 16px;
  color: #5b5b5b;
  letter-spacing: -0.3px;
}
#sub.member.personal_auth .bt {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #e5e5e5;
}
#sub.member.pass_change .r_list {
  margin-bottom: 20px;
}
#sub.member.pass_change .f_list ul {
  gap: 10px;
}
#sub.member.pass_change .f_list span {
  font-size: 16px;
  letter-spacing: -0.5px;
  display: block;
  margin-top: 20px;
  color: #979a9e;
}
#sub.member .join_step {
  padding: 10px;
  border: 1px solid #e1e8ef;
  border-radius: 80px;
  margin-bottom: 70px;
}
#sub.member .join_step ul {
  display: flex;
  gap: 10px;
}
#sub.member .join_step ul li {
  display: flex;
  flex: 1;
  height: 48px;
  align-items: center;
  font-size: 17px;
  color: #7e878f;
  font-weight: 600;
  gap: 10px;
  padding-left: 13px;
  border-radius: 60px;
}
#sub.member .join_step ul li span {
  width: 26px;
  line-height: 26px;
  background-color: #bfcfdf;
  border-radius: 50%;
  font-size: 15px;
  color: #ffffff;
  font-weight: 600;
  text-align: center;
}
#sub.member .join_step ul li.on {
  background-color: #1e6fc9;
  color: #fff;
}
#sub.member .join_step ul li.on span {
  background-color: #fff;
  color: #1e6fc9;
}
#sub.member.join02 .con01 {
  padding-bottom: 30px;
}
sup {
  font-size: 0.6em;
  top: -0.8em;
  display: inline-block;
  position: relative;
  margin-left: -0.3%;
}
#sub.member.join02 .con01 strong {
  display: block;
  font-size: 30px;
  letter-spacing: -0.7px;
  color: #222222;
  margin-bottom: 20px;
}
#sub.member.join02 .con01 p {
  font-size: 17px;
  line-height: 28px;
  color: #6a6a6a;
  letter-spacing: -0.5px;
}
#sub.member.join02 .chk_cont {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
#sub.member.join02 .chk_cont label {
  display: flex;
  align-items: center;
  font-size: 17px;
  letter-spacing: -0.7px;
  color: #222222;
  font-weight: 500;
  gap: 10px;
}
#sub.member.join02 .chk_cont label:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url(/img/sub/check.png);
}
#sub.member.join02 .chk_cont input:checked + label:before {
  background: url(/img/sub/check_on.png);
}
#sub.member.join02 .chk_cont div {
  position: relative;
}
#sub.member.join02 .chk_cont {
  position: relative;
}
#sub.member.join02 .chk_cont input {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  opacity: 0;
}
#sub.member.join02 .con02 {
  margin-bottom: 30px;
}
#sub.member.join02 .con02 .term:nth-child(1) {
  border-top: 1px solid #e5e5e5;
}
#sub.member.join02 .con02 .term {
  padding-top: 45px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e5e5e5;
}
#sub.member.join02 .con02 .term .txt_w {
  background-color: #f1f6fb;
  border-radius: 12px;
  border-radius: 12px;
  padding: 25px;
  height: 160px;
}
#sub.member.join02 .con02 .term .txt_w div {
  overflow-y: scroll;
  height: 100%;
  padding-right: 10px;
}
#sub.member.join02 .con02 .term .txt_w div p {
  font-size: 16px;
  line-height: 24px;
  color: #4a5764;
  line-height: 24px;
  padding: 10px 30px;
  word-break: keep-all;
}
#sub.member.join02 .con02 .term .txt_w div p {
  font-size: 16px;
  line-height: 24px;
  color: #4a5764;
  line-height: 24px;
  padding: 10px 30px;
  word-break: keep-all;
}
#sub.member.join02 .con02 .term .txt_w div::-webkit-scrollbar {
  width: 3px;
  background-color: #dce8f7;
  border-radius: 2px;
}
#sub.member.join02 .con02 .term .txt_w div::-webkit-scrollbar-thumb {
  background: #1e6fc9;
}
#sub.member.join02 .con02 .term .title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
#sub.member.join02 .con02 .term .title:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  border: 9px solid #1e6fc9;
  box-sizing: border-box;
  border-radius: 50%;
}
#sub.member.join02 .con02 .term .title strong {
  font-size: 22px;
  color: #222222;
  font-weight: 700;
}
#sub.member.join02 .con02 .term .title strong b {
  font-weight: inherit;
  color: #1e6fc9;
}
#sub.member.join02 .con02 .term .title strong b.non_re {
  color: #9e9e9e;
}
#sub.member .join_title {
  margin-bottom: 40px;
}
#sub.member .join_title strong {
  display: block;
  font-size: 30px;
  color: #222222;
  letter-spacing: -0.7px;
}
#sub.member .join_title p {
  font-size: 17px;
  color: #6a6a6a;
  letter-spacing: -0.4px;
  margin-top: 20px;
}
#sub.board_form .form_content .f_title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 40px;
  align-items: center;
}
#sub.board_form .form_content .f_title:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  border: 9px solid #1e6fc9;
  box-sizing: border-box;
  border-radius: 50%;
}
#sub.board_form .form_content .f_title strong {
  font-size: 22px;
  color: #222222;
  font-weight: 700;
}
#sub.board_form .form_content ul {
  display: flex;
  gap: 30px;
  flex-direction: column;
}
#sub.board_form .form_content ul li strong {
  display: block;
  font-size: 18px;
  color: #222222;
  font-weight: 600;
  margin-bottom: 12px;
}
#sub.board_form .form_content ul li strong i {
  color: #1e6fc9;
  font-weight: 600;
}
#sub.board_form .form_content ul li .inp {
  position: relative;
}
#sub.board_form .form_content ul li .inp.inp2 {
  margin-top: 12px;
}
#sub.board_form .form_content ul li .inp button {
  position: absolute;
  width: 140px;
  height: 44px;
  border-radius: 22px;
  background-color: #2c517a;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  transition: 0.5s;
}
#sub.board_form .form_content ul li:hover .inp button {
  background: #1e6fc9;
}
#sub.board_form .form_content ul li .inp input {
  width: 100%;
  height: 60px;
  border: 1px solid #d9dce1;
  border-radius: 60px;
  padding-left: 30px;
  color: #222222;
  font-size: 18px;
}
#sub.board_form .form_content ul li .inp textarea {
  width: 100%;
  height: 240px;
  border: 1px solid #d9dce1;
  border-radius: 12px;
  padding-left: 30px;
  color: #222222;
  font-size: 18px;
  padding-top: 20px;
}
#sub.board_form .form_content ul li .inp select {
  width: 100%;
  height: 60px;
  border: 1px solid #d9dce1;
  border-radius: 60px;
  padding-left: 30px;
  color: #222222;
  font-size: 18px;
}
#sub.board_form .form_content ul li .inp input.readonly {
  background-color: #f1f6fb;
  border-color: #f1f6fb;
  color: #5d5d5d;
}
#sub.board_form .form_content ul li .inp input.readonly:focus {
  border-color: #f1f6fb;
  border-width: 1px;
}
#sub.board_form .form_content ul li .inp input::placeholder {
  color: #98a6b4;
}
#sub.board_form .form_content ul li .inp input:focus {
  border-color: #1e6fc9;
  border-width: 2px;
}
#sub.board_form .form_content ul li .inp textarea::placeholder {
  color: #98a6b4;
}
#sub.board_form .form_content ul li .inp textarea:focus {
  border-color: #1e6fc9;
  border-width: 2px;
}
#sub.board_form .form_content ul li .inp.number {
  display: flex;
  align-items: center;
}
#sub.board_form .form_content ul li .inp.number span {
  margin-top: 0;
  width: 30px;
  text-align: center;
}
#sub.board_form .form_content ul li .inp.number select,
#sub.board_form .form_content ul li .inp.number input {
  width: calc(33.33% - 20px);
}
#sub.board_form .form_content ul li span {
  font-size: 16px;
  letter-spacing: -0.5px;
  color: #979a9e;
  margin-top: 16px;
  display: block;
}
#sub.board_form .form_content ul li .c_list ul {
  flex-direction: row;
  gap: 60px;
  height: 60px;
  align-items: center;
}
#sub.board_form .form_content ul li .c_list ul li label {
  display: flex;
  align-items: center;
  font-size: 17px;
  letter-spacing: -0.7px;
  color: #222222;
  font-weight: 500;
  gap: 10px;
}
#sub.board_form .form_content ul li .c_list ul li label:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url(/img/sub/check.png);
}
#sub.board_form .form_content ul li .c_list ul li input:checked + label:before {
  background: url(/img/sub/check_on.png);
}
#sub.board_form .form_content ul li .c_list ul li {
  position: relative;
}
#sub.board_form .form_content ul li .c_list ul li input {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
#sub.board_form .form_content ul li .mail {
  display: flex;
  gap: 12px;
}
#sub.board_form .form_content ul li .card_num select {
  width: 190px;
}
#sub.board_form .form_content ul li .mail div:nth-child(1) {
  width: 30%;
}
#sub.board_form .form_content ul li .mail div {
  display: flex;
  gap: 10px;
}
#sub.board_form .form_content > div {
  padding-bottom: 60px;
  margin-bottom: 60px;
  border-bottom: 1px solid #e5e5e5;
}
#sub.board_form .form_content .reset_sign {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 14px;
}
#sub.board_form .form_content .reset_sign button {
  width: 140px;
  height: 44px;
  background: #7d92a9;
  border-radius: 50px;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
}
#sub.board_form .form_content .reset_sign p {
  font-size: 18px;
  color: #1e6fc9;
}
#sub.my_contr .contract_w {
  width: 1000px;
  margin: 0 auto;
}
#sub.my_contr .contract_w .contr_title {
  margin-bottom: 90px;
}
#sub.my_contr .contract_w .contr_title strong {
  font-size: 30px;
  display: block;
  font-weight: 500;
  color: #222222;
}
#sub.my_contr .contract_w .contr_title strong em {
  color: #1e6fc9;
  font-weight: 600;
}
#sub.my_contr .contract_w .contr_title2 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
#sub.my_contr .contract_w .contr_title2:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  border: 9px solid #1e6fc9;
  box-sizing: border-box;
  border-radius: 50%;
}
#sub.my_contr .contract_w .contr_title2 strong {
  font-size: 22px;
  color: #222222;
  font-weight: 600;
}
#sub.my_contr.dashboard .con01 {
  margin-bottom: 120px;
}
#sub.my_contr.dashboard .con01 ul {
  display: flex;
  border-top: 2px solid #000;
  border-bottom: 1px solid #e4e7eb;
}
#sub.my_contr.dashboard .con01 ul li {
  flex: 1;
  padding: 10px;
  position: relative;
}
#sub.my_contr.dashboard .con01 ul li .w {
  display: flex;
  flex-direction: column;
  height: 140px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  position: relative;
  cursor: pointer;
}
#sub.my_contr.dashboard .con01 ul li:after {
  content: "";
  display: block;
  width: 1px;
  height: 40px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #e5e5e5;
}
#sub.my_contr.dashboard .con01 ul li:last-child:after {
  display: none;
}
#sub.my_contr.dashboard .con01 ul li.on .w {
  background: #f5f8fb;
  border-radius: 10px;
}
#sub.my_contr.dashboard .con01 ul li .w p {
  width: 58px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e7eff8;
  border-radius: 50px;
  color: #1e6fc9;
  font-weight: 600;
}
#sub.my_contr.dashboard .con01 ul li .w p.join {
  background-color: #e7eff8;
  color: #1e6fc9;
}
#sub.my_contr.dashboard .con01 ul li .w p.end {
  background-color: #eeeeee;
  color: #8f8f8f;
}
#sub.my_contr.dashboard .con01 ul li .w p.lapse {
  background-color: #e8f5ee;
  color: #49b97e;
}
#sub.my_contr.dashboard .con01 ul li .w p.exist {
  background-color: #fff2f2;
  color: #ec4b4b;
}
#sub.my_contr.dashboard .con01 ul li .w p.all {
  background-color: #d4e6f9;
  color: #1e6fc9;
}
#sub.my_contr.dashboard .con01 ul li .w strong {
  font-size: 40px;
  letter-spacing: -0.5px;
  color: #222222;
  font-weight: 700;
}
#sub.my_contr.dashboard .con01 ul li .w span {
  font-size: 18px;
}
#sub .s_tab_w {
  display: flex;
  align-items: center;
  justify-content: center;
  position: sticky;
  top: 110px;
}
#sub .s_tab {
  padding: 10px;
  border: 1px solid #e1e8ef;
  border-radius: 60px;
  margin-bottom: 50px;
}
#sub .s_tab ul {
  display: flex;
  justify-content: center;
}
#sub .s_tab ul li a {
  display: block;
  line-height: 48px;
  width: 155px;
  text-align: center;
  font-size: 17px;
  color: #222222;
  font-weight: 600;
  border-radius: 60px;
  transition: 0.5s;
}
#sub .s_tab ul li:hover a {
  color: #1483ff;
}
#sub .s_tab ul li.on a {
  background-color: #1e6fc9;
  color: #fff;
}

#sub.my_contr.dashboard .con02 .list > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
}
#sub.my_contr.dashboard .con02 .list > ul > li {
  width: calc(33.33% - 17.33px);
  border: 1px solid #d9dde1;
  border-radius: 12px;
  padding: 40px;
  transition: 0.5s;
}
#sub.my_contr.dashboard .con02 .list > ul > li:hover {
  border-color: #1e6fc9;
}
#sub.my_contr.dashboard .con02 .list > ul > li ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
#sub.my_contr.dashboard .con02 .list > ul > li ul li {
  display: flex;
  justify-content: space-between;
}
#sub.my_contr.dashboard .con02 .list > ul > li ul li strong {
  font-size: 17px;
  color: #6a6a6a;
  font-weight: 400;
  letter-spacing: -0.4px;
}
#sub.my_contr.dashboard .con02 .list > ul > li ul li p {
  font-size: 17px;
  color: #333333;
  font-weight: 600;
  letter-spacing: -0.4px;
}
#sub.my_contr.dashboard .con02 .list > ul > li ul li.act strong {
  color: #1e6fc9;
}
#sub.my_contr.dashboard .con02 .list > ul > li ul li.act p {
  color: #1e6fc9;
}
#sub.my_contr.dashboard .con02 .list > ul > li .tag {
  margin-bottom: 20px;
}
#sub.my_contr.dashboard .con02 .list > ul > li .tag span {
  width: 58px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e7eff8;
  border-radius: 50px;
  color: #1e6fc9;
  font-weight: 600;
}
#sub.my_contr.dashboard .con02 .list > ul > li .tag span.join {
  background-color: #e7eff8;
  color: #1e6fc9;
}
#sub.my_contr.dashboard .con02 .list > ul > li .tag span.end {
  background-color: #eeeeee;
  color: #8f8f8f;
}
#sub.my_contr.dashboard .con02 .list > ul > li .tag span.lapse {
  background-color: #e8f5ee;
  color: #49b97e;
}
#sub.my_contr.dashboard .con02 .list > ul > li .tag span.exist {
  background-color: #fff2f2;
  color: #ec4b4b;
}
#sub.my_contr.dashboard .con02 .list > ul > li .tag span.all {
  background-color: #d4e6f9;
  color: #1e6fc9;
}
#sub.my_contr.dashboard .con02 .list > ul > li .view_btn {
  margin-top: 30px;
}
#sub.my_contr.dashboard .con02 .list > ul > li .view_btn a {
  display: block;
  line-height: 48px;
  text-align: center;
  background-color: #1e6fc9;
  border-radius: 40px;
  font-size: 17px;
  color: #ffffff;
  font-weight: 600;
  transition: 0.5s;
}
#sub.my_contr.dashboard .con02 .list > ul > li .view_btn a:hover {
  background: #1483ff;
}
#sub.my_contr .product_title .print {
  position: absolute;
  right: 40px;
}
#sub.my_contr .product_title {
  display: flex;
  height: 96px;
  align-items: center;
  background-color: #f5f8fb;
  border-radius: 10px;
  padding: 0 40px;
  position: relative;
  margin-bottom: 30px;
}
#sub.my_contr .product_title .kakao_btn {
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
}
#sub.my_contr .product_title .kakao_btn button {
  height: 44px;
  background-color: #ffffff;
  border-radius: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 17px;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  color: #381e1f;
  letter-spacing: -0.5px;
  transition: 0.5px;
  transition: 0.5s;
}
#sub.my_contr .product_title .kakao_btn button:hover {
  background: #fae100;
}
#sub.my_contr .product_title .tit {
  display: flex;
  gap: 12px;
  align-items: center;
  padding-right: 60px;
}
#sub.my_contr .product_title .tit span {
  width: 58px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e7eff8;
  border-radius: 50px;
  color: #1e6fc9;
  font-weight: 600;
}
#sub.my_contr .product_title .tit strong {
  font-size: 20px;
  color: #333333;
  font-weight: 600;
}
#sub.my_contr .product_title .price {
  display: flex;
  gap: 15px;
  padding-left: 20px;
  position: relative;
  align-items: center;
}
#sub.my_contr .product_title .price strong {
  display: block;
  font-size: 20px;
  color: #1e6fc9;
  font-weight: 600;
}
#sub.my_contr .product_title .price:before {
  content: "";
  display: block;
  width: 1px;
  height: 14px;
  background-color: #d8d8d8;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
}
#sub.my_contr .product_title .price span {
  font-size: 17px;
  color: #222222;
  font-weight: 600;
}
#sub.my_contr .product_title .price p {
  font-size: 17px;
  color: #6d6d6d;
}
#sub.my_contr .product_title .price.price2 {
  padding-left: 0;
}
#sub.my_contr .product_title .price2:before {
  display: none;
}
#sub.my_contr .info_table table {
  width: 100%;
  border-collapse: collapse;
  border-top: 2px solid #222222;
}
#sub.my_contr.product_view .pro_info {
  display: flex;
  flex-direction: column;
  gap: 90px;
}
#sub.my_contr.product_view .pro_info .title {
  margin-bottom: 20px;
}
#sub.my_contr.product_view .pro_info .title strong {
  font-size: #707070;
  font-size: 20px;
}
#sub.my_contr.product_view .info_table table {
  border-top: none;
}
#sub.my_contr.product_view .info_table table th {
  width: auto;
  border: 1px solid #ccdae8;
  font-weight: 500;
}
#sub.my_contr.product_view .info_table table td {
  width: 50%;
  padding-left: 0;
  text-align: center;
  line-height: 27px;
  font-weight: 500;
  border: 1px solid #e5e5e5;
}
#sub.my_contr.product_view .info_table table td p {
  padding: 25px 0;
}
#sub.my_contr.product_view .info_table table td ul {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#sub.my_contr.product_view .info_table table td ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
#sub.my_contr.product_view .info_table table td ul li:before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #1e6fc9;
}
#sub.my_contr.product_view .info_table table td ul li:last-child {
  color: #1e6fc9;
}
#sub.my_contr .info_table table th,
#sub.my_contr .info_table table td {
  height: 50px;
  vertical-align: middle;
}
#sub.my_contr .con04 .info_table table td {
  font-weight: 400;
}
#sub.my_contr .info_table table th {
  width: 288px;
  background-color: #f1f6fb;
  font-size: 17px;
  color: #222222;
  font-weight: 400;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}
#sub.my_contr .info_table table .act th {
  color: #1e6fc9;
}
#sub.my_contr .info_table table .act td {
  color: #1e6fc9;
}
#sub.my_contr .info_table.info_history table th {
  width: auto;
  text-align: center;
}
#sub.my_contr .info_table.info_history table td {
  font-weight: 400;
  color: #5a5a5a;
  padding-left: 0;
  text-align: center;
}
#sub.my_contr .info_table table td {
  border-bottom: 1px solid #e5e5e5;
  font-size: 17px;
  font-weight: 600;
  color: #333333;
  letter-spacing: -0.7px;
  padding-left: 20px;
}
#sub.my_contr.base_view .info_error {
  margin-top: 30px;
}
#sub.my_contr .info_error {
  margin-top: 30px;
}
#sub.my_contr .inqu_btn {
  display: flex;
  justify-content: center;
  gap: 12px;
  border-bottom: 1px solid #e4e7eb;
  padding: 40px 0;
}
#sub.my_contr .inqu_btn > * {
  display: flex;
  padding: 0 24px;
  height: 50px;
  background-color: #1c508a;
  border-radius: 50px;
  align-items: center;
  gap: 20px;
  font-size: 18px;
  color: #ffffff;
  transition: 0.5s;
}
#sub.my_contr .inqu_btn button:hover {
  background: #1e6fc9;
}
#sub.my_contr .go_list {
  margin-top: 40px;
}
#sub.my_contr .go_list a {
  width: 200px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #1e6fc9;
  border-radius: 60px;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #ffffff;
  font-weight: 600;
  margin: 0 auto;
  transition: 0.5s;
}
#sub.my_contr .go_list a:hover {
  background: #1483ff;
}
#sub.my_contr.base_view .con02 {
  padding-top: 40px;
  display: none;
}
#sub.my_contr.contr_view .con02 .info_history th {
  width: auto;
}
#sub.my_contr.pay_view .con {
  padding-top: 90px;
  display: none;
}
#sub.my_contr .s_button {
  padding: 0 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  background-color: #1c508a;
  border-radius: 30px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  height: 44px;
  transition: 0.5s;
}
#sub.my_contr .s_button:hover {
  background: #1e6fc9;
}
#sub.my_contr .date_sch {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
  align-items: center;
  margin-bottom: 20px;
}
#sub.my_contr .date_sch span {
  font-size: 18px;
  color: #222222;
  letter-spacing: -0.3px;
  font-weight: 600;
}
#sub.my_contr .date_sch select {
  width: 180px;
  height: 60px;
  border: 1px solid #d9dce1;
  font-size: 18px;
  color: #5d5d5d;
  padding-left: 30px;
  border-radius: 60px;
}
#popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00000050;
  z-index: 9999;
  display: none;
}
#popup .pop_in {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
#popup .pop_in .pop_w {
  background-color: #ffffff;
  padding: 50px 40px;
  border-radius: 12px;
  min-width: 400px;
}
#popup .pop_in .pop_w strong {
  font-size: 20px;
  line-height: 32px;
  color: #222222;
  display: block;
  text-align: center;
  margin-bottom: 30px;
}
#popup .pop_in .pop_w .number {
  display: flex;
  height: 50px;
  border-radius: 50px;
  border-radius: 8px;
  background-color: #f3f8fc;
  justify-content: center;
  gap: 12px;
  align-items: center;
}
#popup .pop_in .pop_w .number span {
  color: #222222;
  font-size: 17px;
  font-weight: 600;
}
#popup .pop_in .pop_w .number p {
  font-size: 17px;
  color: #6d6d6d;
  letter-spacing: -0.5px;
}
#popup .pop_in .pop_w .pop_btn {
  display: flex;
  gap: 10px;
  margin-top: 30px;
  justify-content: center;
}
#popup .pop_in .pop_w .pop_btn button {
  width: 155px;
  height: 48px;
  border-radius: 60px;
  background-color: #1e6fc9;
  border-radius: 999px;
  font-size: 16px;
  color: #ffffff;
  font-weight: 600;
}
#popup .pop_in .pop_w .pop_btn button.cancel {
  background-color: #7d92a9;
}
#popup.form_pop .pop_in .pop_w {
  width: 820px;
  height: 80vh;
  padding: 84px 50px;
}
#sub.board_form #popup.form_pop .form_content ul li strong {
  text-align: left;
}
#sub.board_form #popup .pop_in .pop_w .pop_btn {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
#sub.board_form #popup .pop_in .pop_w .form_content > div {
  margin-bottom: 30px;
  padding-bottom: 30px;
}
#popup .pop_in .pop_w .p_title {
  padding-bottom: 60px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 30px;
}
#popup .pop_in .pop_w .form_content {
  height: 100%;
  overflow-y: scroll;
  padding-right: 40px;
}
#popup .pop_in .pop_w .form_content::-webkit-scrollbar {
  width: 3px;
  background-color: #dce8f7;
  border-radius: 2px;
}

#popup .pop_in .pop_w .form_content::-webkit-scrollbar-thumb {
  background: #1e6fc9;
}
#popup .pop_in .pop_w .p_title strong {
  text-align: left;
  font-size: 22px;
  margin-bottom: 8px;
}
#popup .pop_in .pop_w .p_title p {
  text-align: left;
  font-size: 16px;
  color: #6a6a6a;
  margin-bottom: 24px;
}
#popup .pop_in .pop_w .p_title span {
  font-size: 18px;
  color: #1e6fc9;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
}
#popup.form_pop .pop_in .pop_w {
  position: relative;
}
#popup.form_pop .pop_in .pop_w > .close {
  position: absolute;
  right: 40px;
  top: 34px;
}
#sub.board_form .form_content ul li .c_list ul {
  gap: 40px;
}

.inner2 {
  width: 1520px;
  margin: 0 auto;
}
#sub .sb_title {
  margin-bottom: 60px;
}
#sub .sb_title_top {
  padding-bottom: 120px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 120px;
}
#sub .sb_title_top.sb_title_top2 {
  padding-bottom: 60px;
  margin-bottom: 60px;
}
#sub .sb_title strong {
  display: block;
  font-size: 30px;
  color: #222222;
}
#sub .sb_title p {
  display: block;
  font-size: 20px;
  color: #222222;
  line-height: 34px;
  letter-spacing: -0.5px;
  margin-top: 30px;
}
#sub .sb_title a {
  display: flex;
  width: 220px;
  height: 50px;
  align-items: center;
  justify-content: space-between;
  background: #1e6fc9;
  border-radius: 50px;
  font-size: 18px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.5px;
  padding: 0 24px;
  margin-top: 40px;
  transition: 0.5s;
}
#sub .sb_title a:hover {
  background: #1483ff;
}
#sub.hyodam .con01 {
  margin-bottom: 120px;
}
#sub.hyodam .con01 ul {
  display: flex;
  gap: 40px;
}
#sub.hyodam .con01 ul li {
  flex: 1;
  background: #f1f6fb;
  height: 310px;
  padding-top: 70px;
  border-radius: 20px;
  position: relative;
}
#sub.hyodam .con01 ul li .tag {
  padding: 10px;
  border-radius: 15px;
  background: #1e6fc910;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -45px;
}
#sub.hyodam .con01 ul li .tag i {
  display: flex;
  width: 70px;
  height: 70px;
  align-items: center;
  justify-content: center;
  background: #1e6fc9;
  border-radius: 8px;
  font-size: 30px;
  font-weight: 600;
  color: #ffffff;
}
#sub.hyodam .con01 ul li .txt {
  text-align: center;
  padding: 0 80px;
}
#sub.hyodam .con01 ul li .txt strong {
  font-size: 30px;
  color: #222222;
  line-height: 35px;
  letter-spacing: -0.5px;
  padding-bottom: 30px;
  border-bottom: 1px solid #cfdeee;
  margin-bottom: 30px;
  display: block;
}
#sub.hyodam .con01 ul li .txt p {
  font-size: 20px;
  line-height: 32px;
  color: #222222;
}
#sub.hyodam .con01 ul li .txt p b {
  color: #1e6fc9;
  font-weight: 600;
}
#sub.hyodam .con02 .img {
  border-radius: 12px;
  overflow: hidden;
}
#sub.hyodam .con02 .img img {
  display: block;
  max-width: 100%;
}
#sub.hyodam .con02 .big {
  margin-bottom: 20px;
}
#sub.hyodam .con02 ul {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
#sub.hyodam .con02 ul li {
  width: calc(50% - 10px);
}
#sub .depth3_content {
  position: relative;
  display: flex;
  align-items: flex-start;
}
/* padding-left: 320px; */
/* #sub .depth3_content .d3_tab{position: absolute;left: 0} */
#sub .depth3_content .d3_tab {
  width: 320px;
  height: auto;
  position: sticky;
  top: 200px;
}
#sub .depth3_content .d_con {
  width: calc(100% - 320px);
}
#sub .depth3_content .d3_tab ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#sub .depth3_content .d3_tab ul li a {
  display: flex;
  width: 170px;
  height: 50px;
  border-radius: 50px;
  background: #b6c5d6;
  border: 2px solid #b6c5d6;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  color: #ffffff;
  font-weight: 500;
  transition: 0.5s;
}
#sub .depth3_content .d3_tab ul li:hover a {
  background: #fff;
  border-color: #1e6fc9;
  color: #1e6fc9;
}
#sub .depth3_content .d3_tab ul li.on a {
  background: #fff;
  border-color: #1e6fc9;
  color: #1e6fc9;
  position: relative;
}
#sub .depth3_content .d3_tab ul li.on a:after {
  content: "";
  display: block;
  width: 13px;
  height: 15px;
  background: url(/img/sub/t_arr.png);
  position: absolute;
  right: -24px;
  top: 50%;
  margin-top: -7.5px;
}
#sub.company01 .con01 ul {
  display: flex;
  flex-wrap: wrap;
  gap: 80px 40px;
}
#sub.company01 .con01 ul li {
  width: calc(50% - 20px);
}
#sub.company01 .con01 ul li .img {
  border-radius: 10px;
  overflow: hidden;
}
#sub.company01 .con01 ul li .img img {
  display: block;
  max-width: 100%;
}
#sub.company01 .con01 ul li .txt {
  padding-top: 20px;
}
#sub.company01 .con01 ul li .txt strong {
  display: block;
  font-size: 22px;
  color: #222222;
  font-weight: 600;
  margin-bottom: 15px;
}
#sub.company01 .con01 ul li .txt p {
  display: block;
  font-size: 18px;
  color: #6b6b6b;
  line-height: 28px;
  letter-spacing: -0.5px;
}

#sub.product .product_goods_info .pro_g_list .list > div {
  width: calc(25% - 22.5px);
  border-bottom: 1px solid #dedede;
  position: relative;
}

#sub.product .product_goods_info .pro_g_list .list > div:after {
  content: "";
  display: block;
  width: 0%;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 0;
  background: var(--point-color);
  transition: 0.5s;
}
#sub.product .product_goods_info .pro_g_list .list > div:hover:after {
  width: 100%;
}

#sub.product.hyo {
  --point-color: #83c514;
  --base-color: #eaf5d9;
  --font-color: #598e00;
  --line-color: #5f8e11;
}
#sub.product.health {
  --point-color: #9973dc;
  --base-color: #efe8fb;
  --font-color: #9973dc;
  --line-color: #9973dc;
}
#sub.product.cruise {
  --point-color: #1e6fc9;
  --point-color2: #004087;
  --base-color: #deebf8;
  --font-color: #1e6fc9;
  --line-color: #1e6fc9;
}
#sub.product.paradise {
  --point-color: #f34f4f;
  --point-color2: #ff7878;
  --base-color: #fbe8e8;
  --font-color: #f34f4f;
  --line-color: #f34f4f;
}

#sub.product .s_tab_w {
  margin-bottom: 80px;
  margin-top: 120px;
  width: 100%;
  background: #fff;
  z-index: 15;
}
#sub.product .s_tab {
  margin-bottom: 0px;
}
#sub.product .s_tab_w.on {
  border-bottom: 1px solid #e1e8ef;
}
#sub.product .s_tab_w.on .s_tab {
  border-color: #fff;
}
#sub.product .price_info {
  padding-bottom: 90px;
}
#sub.product .price_info > div {
  display: flex;
  justify-content: space-between;
  border-left: 2px solid var(--point-color);
}

#sub.product.cruise .price_info .price ul li p:nth-child(2) {
  width: 240px;
}
#sub.product.cruise .price_info .price ul li p:nth-child(1) {
  width: 155px;
}

#sub.product .price_info .price ul li p:nth-child(1) {
  width: 148px;
}
#sub.product .price_info .price ul li p:nth-child(2) {
  width: 170px;
}

#sub.product .price_info .total {
  padding-left: 50px;
  padding-top: 40px;
}
#sub.product.cruise .price_info .price > div {
  padding-right: 0;
}
#sub.product .price_info .total strong {
  display: block;
  color: var(--font-color);
  font-size: 17px;
  letter-spacing: -0.5px;
  font-weight: 600;
  margin-bottom: 20px;
}
#sub.product .price_info .total p {
  font-size: 30px;
  color: #222222;
  font-weight: 700;
}
#sub.product .price_info .price {
  display: flex;
  gap: 30px;
}
#sub.product .price_info .price > div.non_regular {
  width: 700px;
  padding-right: 0;
}
#sub.product .price_info .price > div {
  padding: 40px;
  min-height: 210px;
  border-radius: 10px;
  border: 1px solid #c8cdd2;
  padding-right: 70px;
}
#sub.product .price_info .price span {
  display: inline-block;
  padding: 9px 18px;
  line-height: 1;
  border-radius: 50px;
  background-color: var(--base-color);
  color: var(--font-color);
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 20px;
}
#sub.product .price_info .price ul {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
#sub.product .price_info .price ul li {
  display: flex;
  gap: 20px;
  font-size: 20px;
  color: #222222;
  letter-spacing: -0.5px;
  position: relative;
  padding-left: 13px;
}
#sub.product
  .price_info
  .price
  ul
  li
  p
  #sub.product
  .price_info
  .price
  ul
  li
  b {
  font-weight: 500;
}
#sub.product .price_info .price ul li:before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border: 1px solid var(--line-color);
  border-radius: 50%;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 9px;
}
#sub.product .product_merit {
  background-color: #f6f7f8;
  padding: 90px 0;
}
#sub.product .product_merit ul {
  display: flex;
  gap: 30px;
}
#sub.product .product_merit ul li {
  flex: 1;
  border: 1px solid #c8cdd2;
  height: 400px;
  text-align: center;
  background-color: #fff;
  border-radius: 10px;
  padding-top: 50px;
}
#sub.product .product_merit ul li img {
  display: block;
}
#sub.product .product_merit ul li i {
  border-radius: 8px;
  overflow: hidden;
  display: block;
  width: 120px;
  margin: 0 auto;
  margin-bottom: 40px;
}
#sub.product .product_merit ul li strong {
  display: block;
  font-size: 24px;
  color: #222222;
  font-weight: 700;
  margin-bottom: 20px;
}
#sub.product .product_merit ul li p {
  display: block;
  font-size: 20px;
  color: #6b6b6b;
  line-height: 1.5;
}
#sub.product .product_goods_info {
  padding-top: 0;
}
#sub.product .p_title {
  margin-bottom: 90px;
}
#sub.product.cruise .p_title {
  margin-bottom: 40px;
}
#sub.product .p_title strong {
  display: block;
  line-height: 1;
  font-size: 30px;
  color: #222222;
  font-weight: 700;
  letter-spacing: -0.7px;
  text-align: center;
}
#sub.product .p_title p {
  font-size: 20px;
  color: #222222;
  margin-top: 30px;
  text-align: center;
}
#sub.product .p_title p b {
  color: var(--font-color);
}
#sub.product .p_title2 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 30px;
}
#sub.product .p_title2 i {
  display: block;
  width: 30px;
  height: 30px;
  background-color: var(--point-color);
  border-radius: 50%;
  position: relative;
}
#sub.product .p_title2 i:before {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  background-color: #fff;
  border-radius: 10px;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
#sub.product .p_title2 i:after {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  background-color: #fff;
  border-radius: 10px;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%) rotate(90deg);
}
#sub.product .p_title2 strong {
  font-size: 26px;
  color: #222222;
  font-weight: 600;
  letter-spacing: -0.5px;
  font-weight: 700;
}
#sub.product .product_goods_info .pro_g_list {
  display: flex;
  flex-direction: column;
  gap: 90px;
}
#sub.product .product_goods_info .pro_g_list .list {
  display: flex;
  gap: 30px;
}
#sub.product .product_goods_info .pro_g_list .list > div {
  width: calc(25% - 22.5px);
  border-bottom: 1px solid #dedede;
}
#sub.product .product_goods_info .pro_g_list .list .img {
  border-radius: 10px;
  overflow: hidden;
}
#sub.product .product_goods_info .pro_g_list .list .img img {
  display: block;
  max-width: 100%;
}
#sub.product .product_goods_info .pro_g_list .list .txt {
  padding-top: 30px;
}
#sub.product .product_goods_info .pro_g_list .list .txt strong {
  display: block;
  font-size: 20px;
  color: #222222;
  font-weight: 700;
  margin-bottom: 15px;
  line-height: 30px;
}
#sub.product .product_goods_info .pro_g_list .list .txt span {
  font-size: 16px;
  color: #888888;
}
#sub.product .product_goods_info .pro_g_list .list .txt ul {
  display: flex;
  gap: 7px;
  flex-direction: column;
}
#sub.product .product_goods_info .pro_g_list .list .txt ul li {
  font-size: 18px;
  color: #6b6b6b;
  position: relative;
  padding-left: 10px;
  line-height: 28px;
  letter-spacing: -0.5px;
}
#sub.product .product_goods_info .pro_g_list .list .txt ul li:before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  background-color: #6b6b6b;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 11px;
}
#sub.product .product_goods_info .pro_g_list .list .txt {
  padding-bottom: 30px;
}
#sub.product .product_goods_info .info {
  padding-top: 30px;
}
#sub.product .product_goods_info .info ul li {
  font-size: 16px;
  line-height: 30px;
  color: #999999;
  position: relative;
  padding-left: 15px;
}
#sub.product .product_goods_info .info ul li i {
  color: inherit;
  position: absolute;
  left: 0;
}
#sub.product .product_table {
  padding-top: 90px;
}
#sub.product .product_table .tb table {
  width: 100%;
}
#sub.product .product_table .tb table th,
#sub.product .product_table .tb table td {
  height: 60px;
  vertical-align: middle;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  font-size: 17px;
  font-weight: 500;
  color: #5a5a5a;
  font-weight: 500;
  line-height: 26px;
}
#sub.product .product_table .tb table th.act {
  background-color: #fff6f6;
  color: #f34f4f;
}
#sub.product .product_table .tb table th:last-child,
#sub.product .product_table .tb table td:last-child {
  border-right: none;
}
#sub.product .product_table .tb table th:first-child,
#sub.product .product_table .tb table td:first-child {
  border-left: none;
}
#sub.product .product_table .tb table th {
  background-color: #f6f7f8;
  border-top: 2px solid #222222;
  color: #222222;
  font-weight: 600;
}

#sub.product .product_table .table_list {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
#sub.product .product_table .table_list ul {
  margin-top: 20px;
}
#sub.product .product_table .table_list ul li {
  font-size: 16px;
  line-height: 30px;
  color: #999999;
  position: relative;
  padding-left: 15px;
}
#sub.product .product_table .table_list ul i {
  color: inherit;
  position: absolute;
  left: 0;
}
#sub.product .s_tab ul li.on a {
  background-color: var(--point-color);
}
#sub.product .why_hyodam {
  padding-top: 120px;
}
#sub.product .why_hyodam .why {
  background: url(/img/sub/why_hyodam.jpg) center center;
  height: 534px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
#sub.product .why_hyodam .why:before {
  content: "";
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to right, #ffffff50, #ffffff00);
}
#sub.product .why_hyodam .why > div {
  position: relative;
  z-index: 5;
}
#sub.product .why_hyodam .why ul {
  display: flex;
  gap: 20px;
  flex-direction: column;
}
#sub.product .why_hyodam .why ul li {
  background-color: #ffffff;
  padding: 33px;
  border-radius: 10px;
  width: 515px;
  padding-left: 70px;
}
#sub.product .why_hyodam .why ul li strong {
  font-size: 20px;
  color: #222222;
}
#sub.product .why_hyodam .why ul li p {
  font-size: 16px;
  color: #222222;
  letter-spacing: -0.5px;
  margin-top: 15px;
}
#sub.product .why_hyodam .why ul li div {
  position: relative;
}
#sub.product .why_hyodam .why ul li div i {
  position: absolute;
  left: -33px;
}
#sub.product.hyo .guarantee {
  padding-top: 120px;
}
#sub.product.hyo .guarantee ul {
  display: flex;
  gap: 30px;
}
#sub.product.hyo .guarantee ul li {
  flex: 1;
  border: 1px solid #c8cdd2;
  border-radius: 10px;
  padding: 40px 0;
  text-align: center;
}
#sub.product.hyo .guarantee ul li i {
  display: block;
  width: 88px;
  border-radius: 8px;
  overflow: hidden;
  margin: 0 auto;
}
#sub.product.hyo .guarantee ul li i img {
  display: block;
  max-width: 100%;
}
#sub.product.hyo .guarantee ul li strong {
  font-size: 22px;
  color: #222222;
  font-weight: 700;
  display: block;
  margin-top: 20px;
}
#sub.product.hyo .guarantee ul li p {
  font-size: 18px;
  color: #6b6b6b;
  display: block;
  margin-top: 20px;
  line-height: 28px;
}
#sub.product.hyo .guarantee ul li p b {
  color: #5f8e11;
}
#sub.product.hyo .vip {
  padding-top: 120px;
}
#sub.product.hyo .vip .wr {
  display: flex;
  gap: 30px;
}
#sub.product.hyo .vip .wr .cont {
  flex: 1;
}
#sub.product.hyo .vip .wr .title {
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f6f7f8;
  border-radius: 12px;
  margin-bottom: 30px;
}
#sub.product.hyo .vip .wr .title strong {
  font-size: 22px;
  font-weight: 700;
  color: #222222;
}
#sub.product.hyo .vip .wr .list {
  display: flex;
  gap: 30px;
}
#sub.product.hyo .vip .wr .list > div {
  flex: 1;
  border-bottom: 1px solid #dedede;
}
#sub.product.hyo .vip .wr .list .img {
  border-radius: 10px;
  overflow: hidden;
}
#sub.product.hyo .vip .wr .list .img img {
  display: block;
  max-width: 100%;
}
#sub.product.hyo .vip .wr .list .txt {
  padding: 25px 0;
}
#sub.product.hyo .vip .wr .list ul li {
  font-size: 16px;
  color: #222222;
  line-height: 32px;
  letter-spacing: -0.5px;
  font-weight: 500;
  position: relative;
  padding-left: 8px;
}
#sub.product.hyo .vip .wr .list ul li i {
  position: absolute;
  left: 0;
}
#sub.product.hyo .price_down {
  padding-top: 120px;
  padding-bottom: 120px;
}
#sub.product.hyo .price_down .wr {
  display: flex;
  height: 370px;
  background-color: #f6f7f8;
  align-items: center;
  border-radius: 20px;
}
#sub.product.hyo .price_down .wr > div {
  flex: 1;
}
#sub.product.hyo .price_down .wr .right {
  display: flex;
  justify-content: center;
  mix-blend-mode: multiply;
  border-left: 1px solid #ccdae8;
}
#sub.product.hyo .price_down .wr .left {
  padding-left: 65px;
}
#sub.product.hyo .price_down .wr ul {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
#sub.product.hyo .price_down .wr ul li {
  position: relative;
  padding-left: 37px;
}
#sub.product.hyo .price_down .wr ul li i {
  position: absolute;
  left: 0;
}
#sub.product.hyo .price_down .wr ul li strong {
  font-size: 20px;
  color: #222222;
}
#sub.product.hyo .price_down .wr ul li p {
  font-size: 20px;
  color: #222222;
  letter-spacing: -0.5px;
  margin-top: 7px;
  line-height: 26px;
}
#sub.product.hyo .price_down .wr ul li p b {
  color: #5f8e11;
}
#sub.product .effect2 {
  margin-top: 120px;
}
#sub.product .effect2 ul {
  display: flex;
  gap: 10px 60px;
  flex-wrap: wrap;
}
#sub.product .effect2 ul li {
  width: calc(50% - 30px);
  background-color: #f3f3f3;
  padding-left: 33px;
  border-radius: 10px;
  padding-right: 20px;
}
#sub.product .effect2 ul li div {
  display: flex;
  height: 80px;
  align-items: center;
  gap: 20px;
}
#sub.product .effect2 ul li div .chk {
  width: 24px;
  height: 24px;
  background-color: #f34f4f;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#sub.product .effect2 ul li p {
  font-size: 20px;
  color: #222222;
  font-weight: 600;
  letter-spacing: -0.5px;
  width: calc(100% - 100px);
  word-break: keep-all;
}
#sub.product .checklist .list {
  margin-top: 57px;
}
#sub.product .checklist .list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 57px 30px;
}
#sub.product .checklist .list ul li {
  width: calc(25% - 22.5px);
  position: relative;
}
#sub.product .checklist .list ul li .txt {
  background-color: #f6f7f8;
  background-color: 12px;
  height: 160px;
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
  padding-top: 10px;
  border-radius: 12px;
}
#sub.product .checklist .list ul li .txt strong {
  display: block;
  font-size: 22px;
  color: #222222;
}
#sub.product .checklist .list ul li .txt p {
  font-size: 18px;
  color: #434343;
  line-height: 28px;
  margin-top: 10px;
}
#sub.product .checklist .list ul li .num {
  padding: 6px;
  background-color: #ffffff;
  border-radius: 40px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
}
#sub.product .checklist .list ul li .num i {
  display: flex;
  width: 70px;
  height: 35px;
  align-items: center;
  justify-content: center;
  background-color: var(--point-color);
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
}
#sub.product .checklist .list ul li:nth-child(2n) .num i {
  background-color: var(--line-color);
}
#sub.product.health .checklist .con2 {
  padding: 120px 0;
  margin-top: 120px;
  background-color: #f6f7f8;
}
#sub.product.health .checklist .list ul {
  gap: 50px 30px;
}
#sub.product.health .checklist .list ul li {
  width: calc(33.33% - 20px);
}
#sub.product.health .checklist .list ul li ul {
  flex-direction: column;
  gap: 6px;
  margin-top: 20px;
}
#sub.product.health .checklist .list ul li ul li.s {
  color: #999999;
}
#sub.product.health .checklist .list ul li ul li.s:before {
  display: none;
}
#sub.product.health .checklist .list ul li ul li:before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  background-color: #6b6b6b;
  border-radius: 50%;
  margin-right: 8px;
  vertical-align: middle;
}
#sub.product.health .checklist .list ul li ul li {
  width: 100%;
  font-size: 17px;
  color: #5a5a5a;
  line-height: 26px;
  letter-spacing: -0.5px;
}
#sub.product.health .checklist .list ul li ul li b {
  color: #9973dc;
}
#sub.product.health .checklist .list ul li .txt {
  height: auto;
  padding: 60px 0;
  min-height: 100%;
}
#sub.product.health .checklist .list ul li .txt > i img {
  display: block;
}
#sub.product.health .checklist .list ul li .txt > i {
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 45px;
}

#sub.product.health .checklist .con2 .list ul li .txt {
  background-color: #ffffff;
  border: 1px solid #c8cdd2;
}

#sub.product.pro_goods2 .product_goods_info .pro_g_list .list > div {
  border-bottom: none;
  padding-bottom: 0;
}
#sub.product.pro_goods2 .product_goods_info .pro_g_list .list > div:after {
  display: none;
}
#sub.product.pro_goods2 .product_goods_info .pro_g_list .list .txt {
  border-bottom: none;
  padding-bottom: 0;
}
/*#sub.product .service{padding-top: 120px;}*/
#sub.product .service .ser_title {
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 60px;
  margin-bottom: 80px;
}
#sub.product .service .ser_title strong {
  font-size: 30px;
  color: #222222;
  display: block;
  font-weight: 700;
  margin-bottom: 30px;
}
#sub.product .service .ser_title p {
  font-size: 20px;
  line-height: 34px;
  letter-spacing: -0.5px;
  color: #222222;
}
#sub.product .service .ser_title strong b {
  font-weight: inherit;
  color: var(--line-color);
}
#sub.product .service .ser_list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 90px 32px;
}
#sub.product .service .ser_list ul li {
  width: calc(25% - 24px);
}
#sub.product .service .ser_list ul li .wr {
  position: relative;
  padding-bottom: 84px;
}
#sub.product .service .ser_list ul li .txt {
  position: absolute;
  top: calc(100% - 84px);
  left: 0;
  width: 100%;
  transition: 0.5s;
  display: flex;
  flex-direction: column;
  transition: 0.5s;
}
#sub.product .service .ser_list ul li:hover .txt {
  justify-content: center;
  align-items: center;
}
#sub.product .service .ser_list ul li:hover .txt {
  top: calc(50% - 42px);
  left: 0;
  width: 100%;
}
#sub.product .service .ser_list ul li .img_w {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}
#sub.product .service .ser_list ul li .img_w .img {
  background: #000;
}
#sub.product .service .ser_list ul li .img_w .img img {
  transition: 0.5s;
}
#sub.product .service .ser_list ul li:hover .img_w .img img {
  opacity: 0.5;
}
#sub.product .service .ser_list ul li .txt strong,
#sub.product .service .ser_list ul li .txt p {
  transition: 0.5s;
}
#sub.product .service .ser_list ul li:hover .txt strong,
#sub.product .service .ser_list ul li:hover .txt p {
  color: #fff;
}
#sub.product .service .ser_list ul li .img_w img {
  max-width: 100%;
}
#sub.product .service .ser_list ul li .img_w i {
  position: absolute;
  bottom: 20px;
  left: 20px;
  transition: 0.5s;
}
#sub.product .service .ser_list ul li:hover .img_w i {
  bottom: 50%;
  left: 50%;
  transform: translateX(-50%);
}
#sub.product .service .ser_list ul li .txt {
  padding: 20px;
  padding-bottom: 0;
}
#sub.product .service .ser_list ul li:hover .txt {
}
#sub.product .service .ser_list ul li .txt strong {
  display: block;
  font-size: 26px;
  color: #222222;
  font-weight: 700;
  margin-bottom: 12px;
}
#sub.product .service .ser_list ul li .txt p {
  display: block;
  font-size: 18px;
  color: #222222;
}
#sub.product .re_info {
  padding-top: 120px;
}
#sub.product .re_info .txt ul {
  display: flex;
  gap: 10px;
  flex-direction: column;
}
#sub.product .re_info ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#sub.product .re_info ul li {
  font-size: 17px;
  color: #5a5a5a;
  position: relative;
  padding-left: 10px;
  line-height: 28px;
  letter-spacing: -0.5px;
  word-break: keep-all;
}
#sub.product .re_info ul li:before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  background-color: #5a5a5a;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 12px;
}
#sub.product .re_info .number_info {
  height: 100px;
  background-color: #f1f6fb;
  border-radius: 100px;
  border: 2px solid #1e6fc9;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 90px;
}
#sub.product .re_info .number_info strong {
  font-weight: 700;
  color: #222222;
  font-size: 24px;
  letter-spacing: -0.5px;
}
#sub.product .re_info .number_info strong b {
  font-weight: inherit;
  color: #1e6fc9;
}
#sub.product .p_title_info {
  margin-bottom: 120px;
}
#sub.product .p_title_info .wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
#sub.product .p_title_info strong {
  font-size: 40px;
  color: #222222;
  font-weight: 700;
  display: block;
  letter-spacing: -0.5px;
  margin-bottom: 30px;
}
#sub.product .p_title_info p {
  font-size: 20px;
  line-height: 34px;
  color: #222222;
}
#sub.product .go_link a {
  display: flex;
  height: 60px;
  align-items: center;
  gap: 35px;
  padding: 0 30px;
  border-radius: 60px;
  background-color: var(--point-color);
  font-size: 18px;
  letter-spacing: -0.5px;
  color: #ffffff;
  font-weight: 500;
}
#sub.product .p_title3 {
  margin-bottom: 36px;
}
#sub.product .p_title3 strong {
  display: block;
  font-weight: 700;
  font-size: 30px;
}
#sub.product .p_title3 p {
  font-size: 20px;
  color: #222222;
  margin-top: 20px;
  line-height: 1.5;
  word-break: keep-all;
}
#sub.product .pro_benefit .step {
  padding: 60px;
  background-color: #f6f7f8;
  border-radius: 20px;
}
#sub.product .pro_benefit .result {
  text-align: center;
  margin-top: 5px;
}
#sub.product .pro_benefit .result i {
  display: block;
}
#sub.product .pro_benefit .result strong {
  display: block;
  width: 634px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f34f4f;
  border-radius: 50px;
  font-size: 30px;
  color: #ffffff;
  font-weight: 600;
  margin: 0 auto;
  margin-top: 20px;
}
#sub.product .pro_benefit .step ul {
  display: flex;
  gap: 80px;
}
#sub.product .pro_benefit .step ul li {
  flex: 1;
  padding: 10px;
  border: 3px solid #c4d4e5;
  border-radius: 26px;
  position: relative;
}
#sub.product .pro_benefit .step ul li .wrap {
  display: flex;
  height: 200px;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  background-color: #ffffff;
  border-radius: 20px;
  box-shadow: 0 0 60px #003d8110;
}
#sub.product .pro_benefit .step ul li .wrap span {
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 16px;
  color: #c4d4e5;
  font-weight: 700;
}
#sub.product .pro_benefit .step ul li .wrap strong {
  font-size: 20px;
  letter-spacing: -0.5px;
  color: #222222;
  line-height: 26px;
}
#sub.product .pro_benefit .step ul li i {
  position: absolute;
  right: -60px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
#sub.product.cruise .pro_benefit .step ul li:nth-child(1) {
  border-color: #c4d4e5;
}
#sub.product.cruise .pro_benefit .step ul li:nth-child(2) {
  border-color: #a0bad5;
}
#sub.product.cruise .pro_benefit .step ul li:nth-child(3) {
  border-color: #79a2cc;
}
#sub.product.cruise .pro_benefit .step ul li:nth-child(4) {
  border-color: #548bc4;
}
#sub.product.cruise .pro_benefit .step ul li:nth-child(5) {
  border-color: #1e6fc9;
}
#sub.product.cruise .pro_benefit .step ul li:nth-child(1) .wrap span {
  color: #c4d4e5;
}
#sub.product.cruise .pro_benefit .step ul li:nth-child(2) .wrap span {
  color: #a0bad5;
}
#sub.product.cruise .pro_benefit .step ul li:nth-child(3) .wrap span {
  color: #79a2cc;
}
#sub.product.cruise .pro_benefit .step ul li:nth-child(4) .wrap span {
  color: #548bc4;
}
#sub.product.cruise .pro_benefit .step ul li:nth-child(5) .wrap span {
  color: #1e6fc9;
}
#sub.product.cruise .pro_benefit .step ul li:nth-child(1) i {
  background-color: #c4d4e5;
}
#sub.product.cruise .pro_benefit .step ul li:nth-child(2) i {
  background-color: #a0bad5;
}
#sub.product.cruise .pro_benefit .step ul li:nth-child(3) i {
  background-color: #79a2cc;
}
#sub.product.cruise .pro_benefit .step ul li:nth-child(4) i {
  background-color: #548bc4;
}
#sub.product.cruise .pro_benefit .step ul li:nth-child(5) i {
  background-color: #1e6fc9;
}
#sub.product .product_only {
  padding-top: 120px;
}
#sub.product .product_only ul {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
  margin-top: 40px;
}
#sub.product.paradise .product_only ul {
  gap: 70px 40px;
  margin-top: 70px;
}
#sub.product .product_only ul + span {
  font-size: 16px;
  color: #999999;
  display: block;
  margin-top: 40px;
}
#sub.product .product_only ul li {
  width: calc(25% - 30px);
}
#sub.product .product_only ul li img {
  max-width: 100%;
}
#sub.product .product_only ul li .img_w {
  position: relative;
}
#sub.product .product_only ul li .img_w .chk {
  width: 48px;
  height: 48px;
  box-sizing: border-box;
  border: 4px solid #fff;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  background-color: var(--point-color);
  align-items: center;
  justify-content: center;
  display: flex;
}
#sub.product .product_only ul li .img_w .num {
  width: 78px;
  height: 41px;
  box-sizing: border-box;
  border: 4px solid #fff;
  border-radius: 48px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  background-color: var(--point-color);
  align-items: center;
  justify-content: center;
  display: flex;
}
#sub.product .product_only ul li .img_w .num span {
  font-weight: 600;
  color: #ffffff;
}
#sub.product .product_only ul li:nth-child(2n) .img_w .chk {
  background-color: var(--point-color2);
}
#sub.product .product_only ul li:nth-child(2n) .img_w .num {
  background-color: var(--point-color2);
}
#sub.product .product_only ul li .img_w .img {
  overflow: hidden;
  border-radius: 10px;
}
#sub.product .product_only ul li .img_w .img img {
  display: block;
}
#sub.product .product_only ul li .txt {
  text-align: center;
  padding-top: 30px;
}
#sub.product .product_only ul li .txt strong {
  display: block;
  font-size: 22px;
  color: #222222;
  letter-spacing: -0.5px;
}
#sub.product .product_only ul li .txt p {
  font-size: 18px;
  line-height: 27px;
  letter-spacing: -0.5px;
  color: #222222;
  margin-top: 20px;
}
#sub.product .product_only ul li .txt span {
  font-size: 18px;
  line-height: 27px;
  letter-spacing: -0.5px;
  color: #4d5a64;
  margin-top: 10px;
  display: block;
}
#sub.product .cruise_infomation .list > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 60px 30px;
}
#sub.product .cruise_infomation .list > ul > li {
  width: calc(33.33% - 20px);
}
#sub.product .cruise_infomation .list > ul > li .img {
  border-radius: 10px;
  overflow: hidden;
}
#sub.product .cruise_infomation .list > ul > li .img img {
  display: block;
  width: 100%;
}
#sub.product .cruise_infomation .list > ul > li .title {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
  align-items: center;
  border-bottom: 1px solid #dedede;
}
#sub.product .cruise_infomation .list > ul > li .title span {
  display: flex;
  align-items: center;
  height: 44px;
  background-color: #e8f0fa;
  border-radius: 22px;
  padding: 0 23px;
  font-weight: 600;
  color: #222222;
  font-size: 17px;
  gap: 6px;
}
#sub.product .cruise_infomation .list > ul > li .title span b {
  font-weight: inherit;
  color: #1e6fc9;
}
#sub.product .cruise_infomation .list > ul > li .title strong {
  font-size: 22px;
  color: #222222;
  font-weight: 700;
}
#sub.product .cruise_infomation .list .txt {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-top: 30px;
}
#sub.product .cruise_infomation .list .txt em {
  display: block;
  font-size: 17px;
  color: #1e6fc9;
  font-weight: 600;
  margin-bottom: 10px;
}
#sub.product .cruise_infomation .list .txt ul {
  display: flex;
  gap: 7px;
  flex-direction: column;
}
#sub.product .cruise_infomation .list .txt ul li {
  font-size: 18px;
  color: #6b6b6b;
  position: relative;
  padding-left: 10px;
  line-height: 28px;
  letter-spacing: -0.5px;
  word-break: keep-all;
}
#sub.product .cruise_infomation .list .txt ul li:before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  background-color: #6b6b6b;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 11px;
}

#sub.product.paradise .pro_benefit .step ul {
  gap: 43px;
}
#sub.product.paradise .pro_benefit .step ul li:nth-child(1) {
  border-color: #dedede;
}
#sub.product.paradise .pro_benefit .step ul li:nth-child(2) {
  border-color: #f2d6d6;
}
#sub.product.paradise .pro_benefit .step ul li:nth-child(3) {
  border-color: #f3a9a9;
}
#sub.product.paradise .pro_benefit .step ul li:nth-child(4) {
  border-color: #f34f4f;
}

#sub.product.paradise .pro_benefit .step ul li:nth-child(1) .wrap div {
  background-color: #dedede;
}
#sub.product.paradise .pro_benefit .step ul li:nth-child(2) .wrap div {
  background-color: #f2d6d6;
}
#sub.product.paradise .pro_benefit .step ul li:nth-child(3) .wrap div {
  background-color: #f3a9a9;
}
#sub.product.paradise .pro_benefit .step ul li:nth-child(4) .wrap div {
  background-color: #f34f4f;
}

#sub.product.paradise .pro_benefit .step ul li .wrap {
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  padding-left: 35px;
}
#sub.product.paradise .pro_benefit .step ul li .wrap p {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.5px;
  color: #222222;
  margin-top: 15px;
}
#sub.product.paradise .pro_benefit .step ul li .wrap div {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #dedede;
  border-radius: 50px;
  margin-bottom: 10px;
}
#sub.product_main .sub_con {
  padding-top: 0;
}
#sub.product_main .sub_visual {
  margin-bottom: 0;
}
#sub.product_main .con {
  padding-top: 120px;
}
#sub.product_main .con .title {
  margin-bottom: 50px;
}
#sub.product_main .con .title strong {
  display: block;
  font-size: 30px;
  color: #222222;
  letter-spacing: -0.5px;
  font-weight: 700;
  margin-bottom: 20px;
}
#sub.product_main .con .title p {
  font-size: 20px;
  color: #222222;
  letter-spacing: -0.5px;
}
#sub.product_main .con ul {
  display: flex;
  gap: 60px;
}
#sub.product_main .con ul li {
  width: calc(33.33% - 40px);
}
#sub.product_main .con ul li a {
  display: block;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
#sub.product_main .con ul li a .wrap {
  padding: 20px;
  background-color: #f1f6fb;
}
#sub.product_main .con ul li a .wrap .img_w {
  border-radius: 20px;
  overflow: hidden;
}
#sub.product_main .con ul li a .wrap .img_w img {
  display: block;
}
#sub.product_main .con ul li a .tit {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#sub.product_main .con ul li a .tit strong {
  display: block;
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
}
#sub.product_main .con ul li a .m_view {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0c62c180;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: 0.5s;
}
#sub.product_main .con ul li:hover a .m_view {
  opacity: 1;
}
#sub.product_main .con ul li a img {
  width: 100%;
}
#sub.product_main .con ul li a .m_view span {
  display: flex;
  width: 145px;
  height: 47px;
  background-color: #ffffff;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #1e6fc9;
  font-weight: 600;
  gap: 15px;
  border-radius: 40px;
}
#sub.social .sub_con {
  overflow: hidden;
}
#sub.social .con01 {
  margin-bottom: 160px;
}
#sub.social .con01 div {
  display: flex;
  align-items: center;
  gap: 47px;
}
#sub.social .con01 div strong {
  font-size: 30px;
  color: #222222;
  line-height: 45px;
  letter-spacing: -0.7px;
  font-weight: 400;
}
#sub.social .con01 p {
  font-size: 20px;
  line-height: 34px;
  color: #222222;
  letter-spacing: -0.5px;
  margin-top: 40px;
}
#sub.social .con03 {
  margin-top: 160px;
}
#sub.social .con .slide_w {
  width: 1720px;
}
#sub.social .con .slide_w .swiper-wrapper {
  height: auto;
}
#sub.social .con .slide_w .img {
  border-radius: 20px;
  overflow: hidden;
}
#sub.social .con .slide_w .img img {
  display: block;
}
#sub.social .con .txt {
  display: flex;
  margin-top: 30px;
  gap: 10px;
}
#sub.social .con .txt i {
  display: block;
  padding-top: 5px;
}
#sub.social .con .txt p {
  font-size: 20px;
  color: #222222;
  line-height: 1.5;
  letter-spacing: -0.5px;
}
#sub.social .con .title_w {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 30px;
}
#sub.social .con .title_w span {
  display: block;
  font-size: 17px;
  color: #1e6fc9;
  font-weight: 700;
  margin-bottom: 20px;
}
#sub.social .con .title_w strong {
  font-size: 30px;
  color: #222222;
  font-weight: 700;
  line-height: 45px;
  letter-spacing: -0.5px;
}
#sub.recruit .sub_con {
  overflow: hidden;
}
#sub.recruit .con01 {
  padding-top: 120px;
}
#sub.recruit .con01 .wrap {
  display: flex;
  margin-bottom: 100px;
}
#sub.recruit .con01 .wrap > div {
  flex: 1;
}
#sub.recruit .con01 img {
  max-width: 100%;
}
#sub.recruit .con01 .title strong {
  display: block;
  font-size: 30px;
  letter-spacing: -0.5px;
  color: #222222;
  font-weight: 700;
  margin-bottom: 25px;
}
#sub.recruit .con01 .title p {
  font-size: 20px;
  line-height: 1.5;
  color: #222222;
  letter-spacing: -0.5px;
}
#sub.recruit .con01 .num {
  border-left: 1px solid #e5e5e5;
  padding-left: 100px;
  display: flex;
  align-items: center;
}
#sub.recruit .con01 .num strong {
  font-weight: 500;
  letter-spacing: -0.5px;
  font-size: 18px;
  color: #666666;
  display: block;
  margin-bottom: 30px;
}
#sub.recruit .con01 .num strong b {
  color: #222222;
}
#sub.recruit .con01 .num .number {
  display: flex;
  gap: 50px;
  align-items: center;
}
#sub.recruit .con01 .num .number span {
  display: block;
  width: 1px;
  height: 40px;
  background-color: #e5e5e5;
}
#sub.recruit .con01 .num .number div {
  display: flex;
  align-items: center;
  gap: 14px;
}
#sub.recruit .con01 .num .number div p {
  color: #222222;
  letter-spacing: -0.5px;
}
#sub.recruit .con02 {
  padding-top: 200px;
}
#sub.recruit .con02 .title {
  padding-bottom: 30px;
  position: relative;
}
#sub.recruit .con02 .title:before {
  content: "";
  display: block;
  width: 100vw;
  height: 1px;
  background-color: #e9e9e9;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
#sub.recruit .con02 .title strong {
  display: block;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: #222222;
}
#sub.recruit .con02 ul {
  display: flex;
  padding: 0 60px;
  padding-top: 30px;
}
#sub.recruit .con02 ul li {
  flex: 1;
  height: 600px;
  position: relative;
}
#sub.recruit .con02 ul li .c {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 600px;
  height: 600px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#sub.recruit .con02 ul li:nth-child(1) .c {
  background-color: #1e6fc907;
}
#sub.recruit .con02 ul li:nth-child(2) .c {
  background-color: #9973dc10;
}
#sub.recruit .con02 ul li:nth-child(3) .c {
  background-color: #f34f4f10;
}
#sub.recruit .con02 ul li .c div {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 30px;
}
#sub.recruit .con02 ul li .c:after {
  content: "";
  display: block;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  position: absolute;
  top: 20px;
  left: 20px;
  background: url(/img/sub/recruit_circle.png);
}
#sub.recruit .con02 ul li .c i {
  display: block;
  border-radius: 8px;
  overflow: hidden;
}
#sub.recruit .con02 ul li .c strong {
  color: #222222;
  font-size: 24px;
  font-weight: 700;
}
#sub.recruit .con02 ul li {
  position: relative;
}
#sub.recruit .con02 ul li:after {
  content: "";
  display: block;
  width: 26px;
  height: 26px;
  box-sizing: border-box;
  border: 10px solid #fff;
  background-color: #1e6fc9;
  border-radius: 50px;
  position: absolute;
  top: -43px;
  letter-spacing: 50%;
  margin-left: -13px;
  left: 50%;
}
#sub.recruit .con02 ul li:nth-child(2):after {
  background-color: #9973dc;
}
#sub.recruit .con02 ul li:nth-child(3):after {
  background-color: #f34f4f;
}

#sub.board .t_list ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#sub.board .t_list ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 60px;
  background-color: #f6f7f8;
  border-radius: 12px;
  height: 120px;
  transition: 0.5s;
}
#sub.board .t_list ul li:hover a {
  padding: 0 40px;
  background-color: #1e6fc9;
}
#sub.board .t_list ul li a strong {
  font-size: 20px;
  color: #222222;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  transition: 0.5s;
}
#sub.board .t_list ul li:hover a strong {
  color: #fff;
}
#sub.board .t_list ul li:hover a p {
  color: #a4cfff;
}
#sub.board .t_list ul li a p {
  font-size: 16px;
  color: #b4c0cc;
  display: block;
  margin-top: 6px;
}
#sub.board .t_list ul li a .tit {
  width: calc(100% - 70px);
}
#sub.board.management .t_list ul li a .tit {
  width: calc(100% - 240px);
}
#sub.board .t_list ul li a .down {
  width: 200px;
  height: 50px;
  background-color: #1e6fc9;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 60px;
  padding: 0 30px;
}
#sub.board .t_list ul li a .down span {
  color: #ffffff;
  font-weight: 500;
  font-size: 18px;
}
#sub.board .t_list ul li a i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: #e0eaf3;
  border-radius: 50%;
  transition: 0.5s;
}
#sub.board .t_list ul li:hover a i {
  background-color: #fff;
}
#sub.view .v_title {
  border-top: 2px solid #000;
  padding-top: 80px;
  margin-top: 168px;
  text-align: center;
  margin-bottom: 80px;
}
#sub.view .v_title strong {
  font-weight: 700;
  color: #222222;
  font-size: 30px;
  display: block;
  letter-spacing: -0.5px;
}
#sub.view .v_title p {
  font-size: 18px;
  color: #b4c0cc;
  letter-spacing: -0.5px;
  margin-top: 10px;
}
#sub.view .v_content {
  background-color: #f6f7f8;
  padding: 50px;
  min-height: 500px;
  border-radius: 20px;
}
#sub.view .go_list {
  margin-top: 60px;
}
#sub.view .go_list a {
  display: flex;
  width: 200px;
  height: 60px;
  align-items: center;
  justify-content: center;
  background-color: #1e6fc9;
  border-radius: 30px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.5px;
  color: #ffffff;
  margin: 0 auto;
}
#sub.board.obituary .sub_visual {
  margin-bottom: 20px;
}
#sub.board.obituary .sub_tab ul li.on a {
  background-color: #222222;
}
#sub.board.obituary .b_top .search .input {
  border-color: #222222;
}
#sub.board.obituary .b_top .search #사각형_253 {
  fill: #222222;
}
#sub.board.obituary .o_list table {
  width: 100%;
  border-spacing: 0 10px !important;
  border-collapse: inherit;
}
#sub.board.obituary .o_list table td {
  background-color: #f4f4f4;
  height: 120px;
  text-align: center;
  vertical-align: middle;
  font-size: 18px;
  color: #666666;
}
#sub.board.obituary .o_list table td.name {
  color: #222222;
  font-weight: 600;
}
#sub.board.obituary .o_list table td:nth-child(1) {
  border-radius: 12px 0 0 12px;
}
#sub.board.obituary .o_list table td:last-child {
  border-radius: 0 12px 12px 0;
}
#sub.board.obituary .o_list table th {
  padding-bottom: 20px;
  border-bottom: 2px solid #222222;
  font-size: 20px;
  color: #222222;
}
#sub.obituary .paging ul li.on a {
  background-color: #000;
}
#sub.corporation .sub_visual {
  margin-bottom: 20px;
}
#sub.corporation .sub_con {
  padding-top: 120px;
}
#sub.corporation01 .con01 {
  margin-bottom: 120px;
}
#sub.corporation01 .con01 .wr {
  display: flex;
  gap: 80px;
}
#sub.corporation01 .con01 .wr > div {
  flex: 1;
}
#sub.corporation01 .con01 .wr .title {
  padding-bottom: 25px;
  border-bottom: 4px solid #1e6fc9;
  margin-bottom: 17px;
}
#sub.corporation01 .con01 .wr .title strong {
  display: block;
  font-size: 30px;
  font-weight: 700;
  color: #222222;
  text-align: center;
}
#sub.corporation01 .con01 .wr ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
#sub.corporation01 .con01 .wr ul li {
  height: 220px;
  width: calc(50% - 10px);
  background-color: #f6f7f8;
  border-radius: 20px;
}
#sub.corporation01 .con01 .wr ul li .wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}
#sub.corporation01 .con01 .wr ul li .wrap span {
  display: flex;
  width: 105px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border: 1px solid #1e6fc9;
  border-radius: 40px;
  background-color: #fff;
  font-size: 16px;
  font-weight: 700;
  color: #1e6fc9;
  margin-bottom: 20px;
}
#sub.corporation01 .con01 .wr ul li .wrap strong {
  font-size: 22px;
  color: #222;
  font-weight: 600;
  word-break: keep-all;
  text-align: center;
  line-height: 1.5;
}
#sub.corporation01 .con01 .wr ul li .wrap p {
  font-size: 16px;
  color: #1e6fc9;
  font-weight: 600;
  margin-top: 20px;
}
#sub.corporation01 .con01 .wr .img_box {
  background-color: #f6f7f8;
  border-radius: 22px;
  height: 460px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#sub.corporation01 .con01 .wr .img_box img {
  max-width: 100%;
}
#sub.corporation01 .con01 .effect i {
  display: block;
  margin: 28px 0;
}
#sub.corporation01 .con01 .effect img {
  display: block;
  margin: 0 auto;
}
#sub.corporation01 .con01 .effect .txt {
  background-color: #004087;
  border-radius: 20px;
  padding: 5px;
}
#sub.corporation01 .con01 .effect .txt div {
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #fff;
  border-radius: 20px;
}
#sub.corporation01 .con01 .effect .txt div p {
  display: block;
  line-height: 1.5;
  font-size: 24px;
  text-align: center;
  color: #ffffff;
  font-weight: 600;
  word-break: keep-all;
}
#sub.corporation .s_title {
  margin-bottom: 34px;
  position: relative;
}
#sub.corporation .s_title .sli_btn {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
}
#sub.corporation .s_title strong {
  display: block;
  font-size: 30px;
  font-weight: 700;
  color: #222222;
}
#sub.corporation01 .con02 {
  background-color: #f6f7f8;
  padding: 120px 0;
}
#sub.corporation01 .con02 ul {
  display: flex;
  gap: 40px;
}
#sub.corporation01 .con02 ul li {
  flex: 1;
  box-shadow: 0 0 60px #003d8110;
  background-color: #fff;
  padding: 20px;
  padding-bottom: 40px;
  border-radius: 10px;
}
#sub.corporation01 .con02 ul li span.case {
  display: flex;
  width: 92px;
  height: 34px;
  background-color: #5798e1;
  border-radius: 40px;
  color: #fff;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 600;
}
#sub.corporation01 .con02 ul li:nth-child(2) span.case {
  background-color: #1e6fc9;
}
#sub.corporation01 .con02 ul li:nth-child(3) span.case {
  background-color: #004087;
}
#sub.corporation01 .con02 ul li:nth-child(2) .tit p {
  color: #1e6fc9;
}
#sub.corporation01 .con02 ul li:nth-child(3) .tit p {
  color: #004087;
}
#sub.corporation01 .con02 ul li .txt_w {
  padding: 0 32px;
  padding-top: 25px;
}
#sub.corporation01 .con02 ul li .tit {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 0 10px;
  padding-bottom: 25px;
  border-bottom: 1px solid #e5e5e5;
}
#sub.corporation01 .con02 ul li .tit strong {
  font-size: 24px;
  color: #222222;
  font-weight: 600;
}
#sub.corporation01 .con02 ul li .tit p {
  font-size: 24px;
  color: #5798e1;
  font-weight: 600;
}
#sub.corporation01 .con02 ul li .txt {
  padding: 0 14px;
  padding-top: 20px;
}
#sub.corporation01 .con02 ul li .txt p {
  font-size: 18px;
  color: #222222;
  font-weight: 500;
  line-height: 27px;
}
#sub.corporation01 .con02 ul li .txt span {
  display: block;
  font-size: 16px;
  color: #666666;
  margin-top: 6px;
}
#sub.corporation01 .con03 {
  padding-top: 120px;
}
#sub.corporation01 .con03 ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
#sub.corporation01 .con03 ul li {
  width: calc(25% - 15px);
  padding-top: 34px;
  position: relative;
}
#sub.corporation01 .con03 ul li .wr i {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #c8cdd2;
}
#sub.corporation01 .con03 ul li .wr i img {
  display: block;
}
#sub.corporation01 .con03 ul li .wr {
  background-color: #f1f4f8;
  border-radius: 20px;
  text-align: center;
  padding-top: 75px;
  padding-bottom: 50px;
}
#sub.corporation01 .con03 ul li .wr strong {
  display: block;
  font-size: 22px;
  color: #222222;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}
#sub.corporation .s_title2 {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #cdd8e3;
}

#sub.corporation .s_title3 {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #cdd8e3;
}

#sub.corporation02 {
  background-color: #f6f7f8;
  position: relative;
}
#sub.corporation04_02 .con03 {
  position: relative;
}
#sub.corporation04_02 .con03 .line {
  position: absolute;
  width: 3px;
  height: 217px;
  background: url(/img/sub/pro_line.png);
  top: -157px;
  left: 50%;
}
#sub.corporation04_02 .con03 .line svg {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#sub.corporation04_02 .con03 .s_title2 {
  position: relative;
}
#sub.corporation04_02 .con03 .s_title2:after {
  content: "";
  display: block;
  width: 80px;
  height: 3px;
  background: #1e6fc9;
  border-radius: 10px;
  position: absolute;
  bottom: -2px;
  left: 50%;
  margin-left: -40px;
}
#sub.corporation02 .sub_tab {
  background-color: #f6f7f8;
}
#sub.corporation03 .sub_tab {
  background-color: #f6f7f8;
}
#sub.corporation02 .sub_tab ul {
  background-color: #fff;
}
#sub.corporation03 .sub_tab ul {
  background-color: #fff;
}

#sub.corporation03 .con ul {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
}
#sub.corporation03 .con ul li {
  width: calc(25% - 9.75px);
}
#sub.corporation03 .con ul li div {
  height: 100%;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}
#sub.corporation03 .con ul li div img {
  display: block;
}

#sub.corporation02 .sub_con {
  display: flex;
  flex-direction: column;
  gap: 120px;
}
#sub.corporation02 .con .p_list ul {
  display: flex;
  gap: 40px;
}
#sub.corporation02 .con .p_list ul li {
  width: calc(25% - 30px);
}
#sub.corporation02 .con.con01 .p_list ul li {
  width: calc(50% - 20px);
}
#sub.corporation02 .con .p_list ul li .img_w {
  border-radius: 20px;
  overflow: hidden;
  border: 3px solid #eaeef2;
  position: relative;
}
#sub.corporation02 .con .p_list ul li .img_w img {
  width: 100%;
}
#sub.corporation02 .con .p_list ul li .tag {
  position: absolute;
  top: 10px;
  left: 10px;
}
#sub.corporation02 .con .p_list ul li .tag span {
  display: block;
  line-height: 34px;
  padding: 0 16px;
  border-radius: 18px;
  background-color: #1e6fc9;
  font-size: 15px;
  color: #ffffff;
  font-weight: 600;
}
#sub.corporation02 .con .info {
  margin-top: 25px;
}
#sub.corporation02 .con .info ul {
  display: flex;
  gap: 7px;
  flex-direction: column;
}
#sub.corporation02 .con .info ul li {
  font-size: 17px;
  color: #6b6b6b;
  position: relative;
  padding-left: 10px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 500;
}
#sub.corporation02 .con .info ul li:before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background-color: #1e6fc9;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 10px;
}
#sub.corporation03 {
  background-color: #f6f7f8;
}
#sub.corporation03 .d_con {
  display: flex;
  flex-direction: column;
  gap: 120px;
}
#sub.corporation03 .d_con img {
  max-width: 100%;
}
#sub.corporation03 .d_con img {
  max-width: 100%;
}
#sub.corporation04_02 .con01 .step_img img {
  display: block;
  max-width: 100%;
}
#sub.corporation04_02 .con01 .step_img {
  border-radius: 20px;
  overflow: hidden;
}
#sub.corporation04_02 .con01 ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
}
#sub.corporation04_02 .con01 ul li {
  width: 50%;
  display: flex;
  gap: 12px;
}
#sub.corporation04_02 .con01 ul li:nth-child(1),
#sub.corporation04_02 .con01 ul li:nth-child(2) {
  padding-bottom: 30px;
  border-bottom: 1px dashed #cccccc;
}
#sub.corporation04_02 .con01 ul li:nth-child(2n) {
  padding-left: 40px;
  border-left: 1px dashed #cccccc;
}
#sub.corporation04_02 .con01 ul li:nth-child(3),
#sub.corporation04_02 .con01 ul li:nth-child(4) {
  padding-top: 30px;
}
#sub.corporation04_02 .con01 ul li p {
  font-size: 20px;
  color: #222222;
  font-weight: 600;
}
#sub.corporation04_02 .con {
  margin-top: 120px;
}
#sub.corporation04_02 .con .list > ul {
  display: flex;
  gap: 14px;
}
#sub.corporation04_02 .con .list > ul > li {
  flex: 1;
  background-color: #f1f6fb;
  padding: 30px;
  padding-bottom: 30px;
  border-radius: 20px;
}
#sub.corporation04_02 .con .list > ul > li.active {
  background: #ffffff;
  position: relative;
  box-shadow: 0 0 40px #1e6fc925;
}
#sub.corporation04_02 .con .list > ul > li.active:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: inherit;
  border: 3px solid #1e6fc9;
}
#sub.corporation04_02 .con .list > ul > li .icon {
  display: flex;
}
#sub.corporation04_02 .con .list > ul > li .icon i {
  margin-bottom: 20px;
}
#sub.corporation04_02 .con .list > ul > li .icon i img {
  display: block;
}
#sub.corporation04_02 .con .list > ul > li .step {
  margin-top: -10px;
  margin-bottom: 26px;
  position: relative;
}
#sub.corporation04_02 .con .list > ul > li .step:after {
  content: "";
  display: block;
  width: 30px;
  height: 28px;
  background: url(/img/sub/company02_arr01.png);
  position: absolute;
  right: -36px;
  top: 50%;
  margin-top: -14px;
}
#sub.corporation04_02 .con .list > ul > li:last-child .step:after {
  display: none;
}
#sub.corporation04_02 .con .list > ul > li .step span {
  display: inline-block;
  line-height: 34px;
  padding: 0 16px;
  border-radius: 6px 20px 20px 20px;
  background-color: #aac4e2;
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
}
#sub.corporation04_02 .con .list > ul > li:nth-child(2) .step span {
  background-color: #7facdf;
}
#sub.corporation04_02 .con .list > ul > li:nth-child(3) .step span {
  background-color: #1e6fc9;
}
#sub.corporation04_02 .con .list > ul > li:nth-child(4) .step span {
  background-color: #1e4cc9;
}
#sub.corporation04_02 .con .list > ul > li:nth-child(5) .step span {
  background-color: #004087;
}
#sub.corporation04_02 .con .list > ul > li .title {
  padding-bottom: 20px;
  border-bottom: 1px solid #cfdbe6;
  margin-bottom: 20px;
}
#sub.corporation04_02 .con .list > ul > li .title strong {
  display: block;
  font-size: 24px;
  color: #222222;
  font-weight: 700;
  line-height: 1;
}
#sub.corporation04_02 .con .list > ul > li ul {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#sub.corporation04_02 .con .list > ul > li ul li {
  font-size: 18px;
  color: #222222;
  position: relative;
  padding-left: 10px;
  line-height: 28px;
  letter-spacing: -0.5px;
  font-weight: 500;
}
#sub.corporation04_02 .con .list > ul > li ul li:before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background-color: #1e6fc9;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 10px;
}
#sub.corporation04_02 .con .list > ul > li ul li span {
  display: block;
  color: #666666;
  position: relative;
  padding-left: 9px;
}
#sub.corporation04_02 .con .list > ul > li ul li span i {
  position: absolute;
  left: 0;
}
#sub.corporation04_02 .con .info_txt {
  margin-top: 30px;
}
#sub.corporation04_02 .con .info_txt img {
  display: block;
  margin: 0 auto;
}
#sub.corporation04_02 .con .info_txt .txt {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
#sub.corporation04_02 .con .info_txt .txt div {
  border: 3px solid #1e6fc9;
  border-radius: 20px;
  padding: 5px;
}
#sub.corporation04_02 .con .info_txt .txt p {
  width: 304px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #1e6fc9;
  border-radius: 10px;
  font-size: 24px;
  color: #ffffff;
  font-weight: 600;
}
#sub.corporation04_02 .con03 {
  margin-top: 160px;
}
#sub.corporation04_03 .con01 {
  margin-bottom: 120px;
}
#sub.corporation04_03 .con01 ul {
  display: flex;
  gap: 20px;
}
#sub.corporation04_03 .con01 ul li {
  flex: 1;
  border: 1px solid #c8cdd2;
  padding: 60px 0;
  border-radius: 20px;
  text-align: center;
}
#sub.corporation04_03 .con01 ul li i {
  width: 70px;
  overflow: hidden;
  border-radius: 8px;
  display: block;
  margin: 0 auto;
}
#sub.corporation04_03 .con01 ul li i img {
  display: block;
}
#sub.corporation04_03 .con01 ul li strong {
  font-size: 24px;
  font-weight: 700;
  color: #222222;
  display: block;
  margin: 25px 0;
}
#sub.corporation04_03 .con01 ul li p {
  font-size: 20px;
  font-weight: 400;
  color: #222222;
  display: block;
  line-height: 1.5;
}
#sub.corporation04_03 .con01 ul li p b {
  color: #1e6fc9;
  font-weight: 600;
}
#sub.corporation04_03 .con02 {
  margin-bottom: 120px;
}
#sub.corporation04_03 .con02 .img_w {
  padding: 10px;
  background-color: #f1f6fb;
  border-radius: 20px;
  margin-bottom: 20px;
}
#sub.corporation04_03 .con02 .img_w img {
  border-radius: 20px;
  max-width: 100%;
}
#sub.corporation04_03 .con02 .sw_w {
  padding: 20px;
  border-radius: 20px;
  background-color: #f1f6fb;
  overflow: hidden;
}
#sub.corporation04_03 .con02 .sw_w .img img {
  display: block;
  width: 100%;
}
#sub.corporation04_03 .con02 .sw_w .img {
  border-radius: 10px;
  overflow: hidden;
}
#sub.corporation04_03 .con02 .sw_w .swiper {
  overflow: visible;
}
#sub.corporation04_03 .con02 .sw_w .swiper-wrapper {
  height: auto;
}
#sub.corporation04_03 .con03 {
  margin-bottom: 120px;
}
#sub.corporation04_03 .con03 .img_box {
  background-color: #f1f6fb;
  padding: 20px;
  border-radius: 20px;
  display: flex;
  gap: 20px;
}
#sub.corporation04_03 .con03 .img_box .img img {
  display: block;
  width: 100%;
}
#sub.corporation04_03 .con03 .img_box .img {
  border-radius: 10px;
  overflow: hidden;
}
#sub.corporation04_03 .con04 .img_box {
  display: flex;
  gap: 20px;
}
#sub.corporation04_03 .img_box .img_w {
  flex: 1;
  position: relative;
}
#sub.corporation04_03 .img_box .img_w .txt {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
#sub.corporation04_03 .img_box .img_w .txt strong {
  height: 56px;
  width: 126px;
  box-sizing: border-box;
  border: 6px solid #ffffff;
  align-items: center;
  justify-content: center;
  display: flex;
  background-color: #1e6fc9;
  border-radius: 40px;
  font-size: 20px;
  color: #ffffff;
  font-weight: 600;
}
#sub.corporation04_03 .img_box .img_w .img {
  background-color: #f6f7f8;
  border-radius: 10px;
  overflow: hidden;
}
#sub.corporation04_03 .img_box .img_w .img img {
  display: block;
  width: 100%;
  width: 236px;
  height: 93px;
  object-fit: contain;
}

#sub .s_title p {
  font-size: 20px;
  color: #222222;
  line-height: 1.5;
  margin-top: 20px;
}
#sub .s_title .info {
  position: relative;
  display: flex;
  gap: 10px;
  margin-top: 20px;
  width: 100%;
}
#sub .s_title .info i {
  display: block;
  margin-top: 5px;
}
#sub .s_title .info p {
  margin-top: 0;
  width: calc(100% - 28px);
}
#sub.history .sub_tab ul {
  gap: 0;
}
#sub.history .sub_tab ul li a {
  width: 82px;
  height: 40px;
}
#sub.history .his_wrap > div {
  flex: 1;
}

#sub.history .sub_con {
  padding-bottom: 0;
}
#sub.history .his_wrap {
  display: flex;
  align-items: flex-start;
}
#sub.history .his_wrap .year_con {
  display: flex;
}
#sub.history .his_wrap .bg {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#sub.history .his_wrap .bg img {
  display: block;
  transform: scale(0.5);
  opacity: 0;
  transition: 1s;
}
#sub.history .his_wrap .bg.on img {
  transform: scale(1);
  opacity: 1;
}
#sub.history .his_wrap .year_con .his {
  position: relative;
}
#sub.history .his_wrap .year_con .his > div {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(100%);
}
#sub.history .his_wrap .year_con .his > div.next {
  transition: 0.5s;
}
#sub.history .his_wrap .year_con .his > div:nth-child(1) {
  position: relative;
}
#sub.history .his_wrap .year_con .his > div.on {
  transform: translateY(0%);
  transition: 0.5s;
}
#sub.history .his_wrap .year_con .his > div.prev {
  transform: translateY(-100%);
  transition: 0.5s;
}
#sub.history .his_wrap .year_con .his > div.prev2 {
  transform: translateY(-100%);
  transition: 0s;
}
#sub.history .his_wrap .year_con > div {
  height: 150px;
  overflow: hidden;
  position: relative;
}
#sub.history .his_wrap .year_con strong {
  display: block;
  font-size: 150px;
  color: #222222;
  line-height: 1;
  z-index: 15;
}
#sub.history .his_wrap .his_year {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: sticky;
  top: 0;
  padding-top: 84px;
  z-index: 15;
}
#sub.history .his_wrap .his_year:before {
  content: "";
  display: block;
  width: 100%;
  height: 120px;
  background: linear-gradient(to bottom, #ffffff00, #ffffff);
  position: absolute;
  bottom: 0;
  left: 100%;
  z-index: 10;
}
#sub.history .his_wrap .his_year:after {
  content: "";
  display: block;
  width: 100%;
  height: 120px;
  background: linear-gradient(to top, #ffffff00, #ffffff);
  position: absolute;
  top: 174px;
  left: 100%;
  z-index: 10;
}
#sub.history .his_wrap .his_cont {
  display: flex;
  flex-direction: column;
  gap: 160px;
  padding-top: 50vh;
  padding-bottom: 20vh;
}
#sub.history .his_wrap .his_cont strong {
  display: flex;
  width: 82px;
  height: 40px;
  background-color: #f1f6fb;
  border-radius: 50px;
  font-size: 17px;
  font-weight: 600;
  color: #1e6fc9;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}
#sub.history .his_wrap .his_cont ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#sub.history .his_wrap .his_cont ul li {
  font-size: 24px;
  line-height: 1.5;
  color: #222222;
  font-weight: 600;
  letter-spacing: -0.7px;
  position: relative;
  padding-left: 16px;
}
#sub.history .his_wrap .his_cont ul li:before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  position: absolute;
  left: 0;
  background-color: #1e6fc9;
  border-radius: 50%;
  top: 16px;
}
#footer {
  background-color: #fff;
  position: relative;
  z-index: 15;
}
#sub.social .con .slide_w .img img {
  max-width: 100%;
}
#sub.history .his_wrap .his_cont strong {
  position: relative;
}
#sub.corporation04_04 .sl_w .swiper-wrapper {
  height: auto;
}
#sub.corporation04_04 .sl_w .img_wrap {
  padding: 20px;
  border-radius: 20px;
  background-color: #f1f6fb;
}
#sub.corporation04_04 .sl_w .img_wrap img {
  width: 100%;
  display: block;
}
#sub.corporation04_04 .sl_w .img_wrap .swiper {
  border-radius: 10px;
}
#sub.corporation04_04 .sl_w .txt {
  padding: 20px;
  padding-bottom: 0;
}
#sub.corporation04_04 .sl_w .txt strong {
  font-size: 20px;
  font-weight: 600;
  color: #222222;
}
#sub.corporation04_04 .sl_w .txt p {
  font-size: 16px;
  color: #999999;
  margin-top: 6px;
}
#sub.corporation04_04 .sb_title {
  padding-bottom: 60px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 84px;
}
#sub.corporation04_04 .con {
  margin-top: 120px;
}
#sub.corporation04_04 .con.con01 {
  margin-top: 0;
}
#sub.corporation04_04 .con.con01 .sli_btn {
  display: none;
}
#sub.corporation04_04 .con ul {
  display: flex;
  flex-wrap: wrap;
  border-top: 2px solid #222222;
  margin-top: 55px;
}
#sub.corporation04_04 .con ul li {
  width: 50%;
  border-bottom: 1px solid #e5e5e5;
  height: 115px;
  flex-direction: column;
  justify-content: center;
  display: flex;
  gap: 6px;
  padding-left: 20px;
  position: relative;
}
#sub.corporation04_04 .con ul li:after {
  content: "";
  display: block;
  width: 1px;
  height: 52px;
  background-color: #e5e5e5;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -26px;
}
#sub.corporation04_04 .con ul li:nth-child(2n):after {
  display: none;
}
#sub.corporation04_04 .con ul li strong {
  display: block;
  font-size: 20px;
  color: #222222;
  font-weight: 600;
  word-break: keep-all;
}
#sub.corporation04_04 .con ul li p {
  display: block;
  font-size: 16px;
  color: #999999;
  font-weight: 400;
  margin-top: 6px;
}
#sub.management table {
  width: 100%;
}
#sub.management .sb_title {
  margin-bottom: 30px;
}
#sub.management table th,
#sub.management table td {
  height: 60px;
  vertical-align: middle;
  text-align: center;
  font-size: 17px;
  font-weight: 500;
  color: #5a5a5a;
  border-right: 1px solid #d9e2eb;
}
#sub.management table th:last-child,
#sub.management table td:last-child {
  border-right: none;
}
#sub.management table th {
  background-color: #004087;
  color: #ffffff;
  font-weight: 600;
}
#sub.management table td {
  border-bottom: 1px solid #e5e5e5;
  border-color: #e5e5e5;
}
#sub.management .con01 p {
  font-size: 17px;
  color: #6a6a6a;
  line-height: 28px;
  margin-top: 30px;
}
#sub.management .con01 {
  margin-bottom: 120px;
}
#sub.management .con02 .sb_title {
  display: flex;
  justify-content: space-between;
  padding-bottom: 25px;
  border-bottom: 2px solid #222222;
}
#sub.management .con02 .sb_title ul {
  display: flex;
  gap: 10px;
}
#sub.management .con02 .sb_title ul li a {
  width: 220px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  border: 1px solid #1e6fc9;
  border-radius: 20px;
  transition: 0.5s;
  background: #fff;
}
#sub.management .con02 .sb_title ul li:hover a {
  background-color: #1e6fc9;
  color: #fff;
}
#sub.management .con02 .sb_title ul li a span {
  font-weight: 600;
  color: #1e6fc9;
  transform: 0.5s;
}
#sub.management .con02 .sb_title ul li:hover a span {
  color: #fff;
}
#sub.management .con02 .sb_title ul li a i {
  display: block;
}
#sub.management .con02 .sb_title ul li a i svg {
  display: block;
}
#sub.management .con02 .sb_title ul li:hover a path {
  stroke: #fff;
}
#sub.management .con03 {
  padding-top: 160px;
}
#sub.management .con03 .wrap {
  display: flex;
  flex-direction: column;
  gap: 100px;
}
#sub.management .con03 .sb_title {
  margin-bottom: 100px;
}
#sub.management .con03 .c01 {
  display: flex;
  gap: 40px;
}
#sub.management .con03 .c03 .wr {
  display: flex;
  align-items: center;
}
#sub.management .con03 .c03 .wr .img div {
  border-radius: 12px;
  overflow: hidden;
}
#sub.management .con03 .c03 .wr .img img {
  display: block;
}
#sub.management .con03 .c03 .wr p {
  font-size: 20px;
  line-height: 32px;
  color: #222222;
  padding-left: 40px;
}
#sub.management .con03 .c01 > div {
  flex: 1;
}
#sub.management .con03 .c01 .txt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 138px;
  background-color: #f6f7f8;
  border-radius: 12px;
  padding: 0 50px;
}
#sub.management .con03 .c01 .txt ul li {
  font-size: 20px;
  color: #222222;
  line-height: 1.5;
  position: relative;
  padding-left: 14px;
}
#sub.management .con03 .c01 .txt ul li:before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  background-color: #1e6fc9;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 11px;
}
#sub.management .con03 .c01 .txt a {
  display: flex;
  width: 220px;
  height: 60px;
  align-items: center;
  background-color: #1e6fc9;
  border-radius: 40px;
  padding: 0 24px;
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  justify-content: space-between;
}
#sub.management .s_t {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 20px;
}
#sub.management .s_t strong {
  font-size: 22px;
  color: #222222;
  font-weight: 700;
}
#sub.management .s_t i {
  display: block;
  width: 30px;
  height: 30px;
  background-color: #1e6fc9;
  border-radius: 50%;
  position: relative;
}
#sub.management .s_t i:before {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  background-color: #fff;
  border-radius: 10px;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
#sub.management .s_t i:after {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  background-color: #fff;
  border-radius: 10px;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%) rotate(90deg);
}
#sub.greeting .con01 {
  display: flex;
  justify-content: space-between;
}
#sub.greeting .gre_title span {
  display: block;
  color: #1e6fc9;
  font-weight: 700;
  margin-bottom: 20px;
}
#sub.greeting .gre_title strong {
  font-size: 40px;
  line-height: 54px;
  color: #222222;
  font-weight: 400;
  position: relative;
}
#sub.greeting .gre_title strong i {
  position: absolute;
  z-index: -1;
  right: -65px;
  bottom: -50px;
}
#sub.greeting .gre_title strong b {
  font-weight: 700;
}
#sub.greeting .con01 {
  margin-top: 120px;
}
#sub.greeting .con01 .txt_in {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin: 80px 0;
}
#sub.greeting .con01 .txt_in p {
  font-size: 20px;
  color: #222222;
  line-height: 34px;
}
#sub.greeting .con01 .img {
  border-radius: 10px;
  overflow: hidden;
}
#sub.greeting .con01 .img img {
  display: block;
}
#sub.greeting .con02 {
  background: #f1f6fb;
  margin-top: 130px;
}
#sub.greeting .con02 > div {
  display: flex;
}
#sub.greeting .con02 > div > div {
  flex: 1;
}
#sub.greeting .con02 .left {
  padding-top: 160px;
  position: sticky;
  top: 0;
  height: 100vh;
}
#sub.greeting .con02 .left .logo_in {
  margin-top: 50px;
  padding-right: 40px;
  position: relative;
}
#sub.greeting .con02 .left .logo_in:after {
  content: "";
  display: block;
  width: 40px;
  height: 10px;
  top: 50%;
  background: #ddeaf8;
  right: 0px;
  position: absolute;
  margin-top: -5px;
}
#sub.greeting .sub_visual.sub_img_visual {
  margin-bottom: 20px;
}
#sub.greeting .con02 .left .logo_in div {
  width: 100%;
  height: 300px;
  display: flex;
  background: #ffffff;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  box-shadow: 0 0 60px #003d8110;
}
#sub.greeting .con02 .right {
  padding-bottom: 160px;
  padding-top: 410px;
}
#sub.greeting .con02 .right ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-left: 50px;
  position: relative;
}
#sub.greeting .con02 .right ul:after {
  content: "";
  display: block;
  width: 10px;
  height: calc(100% - 200px);
  top: 100px;
  background: #ddeaf8;
  border-radius: 10px;
  left: -5px;
  position: absolute;
}
#sub.greeting .con02 .right ul li {
  position: relative;
}
#sub.greeting .con02 .right ul li:after {
  content: "";
  display: block;
  width: 40px;
  height: 10px;
  top: 50%;
  background: #ddeaf8;
  border-radius: 10px;
  position: absolute;
  margin-top: -5px;
  left: -55px;
  width: 55px;
  border-radius: 10px 0 0 10px;
}
#sub.greeting .con02 .right ul li .wrap {
  height: 200px;
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 10px;
  padding: 10px;
  gap: 40px;
}
#sub.greeting .con02 .right ul li .wrap .img div {
  border-radius: 6px;
  overflow: hidden;
  background: #f1f6fb;
}
#sub.greeting .con02 .right ul li .wrap .img div img {
  display: block;
}
#sub.greeting .con02 .right ul li .wrap strong {
  display: block;
  font-size: 22px;
  color: #222222;
  font-weight: 700;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}
#sub.greeting .con02 .right ul li .wrap strong b {
  width: 91px;
  line-height: 27px;
  border: 1.5px solid #1e6fc9;
  border-radius: 40px;
  font-size: 15px;
  color: #1e6fc9;
  font-weight: 600;
  display: inline-block;
  text-align: center;
}
#sub.greeting .con02 .right ul li .wrap p {
  font-size: 18px;
  letter-spacing: -0.5px;
  color: #222222;
  line-height: 18px;
  line-height: 27px;
}
#sub.greeting .con03 {
  padding: 160px 0;
}
#sub.greeting .con03 > div {
  display: flex;
  justify-content: space-between;
}
#sub.greeting .con03 .right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
#sub.greeting .con03 .right ul {
  display: flex;
  gap: 40px;
}
#sub.greeting .con03 .right > p {
  font-size: 16px;
  font-weight: 300;
  color: #6a6a6a;
  line-height: 24px;
  width: 380px;
  margin-top: 20px;
}
#sub.greeting .con03 .right ul li {
  width: 380px;
  height: 340px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #f6f7f8;
  padding: 50px 40px;
  border-radius: 12px;
}
#sub.greeting .con03 .right ul li span {
  display: block;
  font-size: 22px;
  font-weight: 600;
  color: #1e6fc9;
  margin-bottom: 20px;
}
#sub.greeting .con03 .right ul li strong em {
  font-size: 22px;
  color: #222222;
  font-weight: 600;
}
#sub.greeting .con03 .right ul li strong b {
  font-size: 80px;
  color: #222222;
  font-weight: 600;
}
#sub.greeting .con03 .right ul li i {
  display: block;
  font-size: 18px;
  color: #727272;
  font-weight: 400;
}
#sub.greeting .con03 .right ul li p {
  width: 128px;
  height: 40px;
  background: #004087;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 60px;
  font-weight: 600;
  color: #ffffff;
}
#sub.greeting .con04 > div {
  display: flex;
  gap: 40px;
}
#sub.greeting .con04 > div > * {
  flex: 1;
  background: #f6f7f8;
  padding: 70px 80px;
  border-radius: 20px;
  position: relative;
}
#sub.greeting .con04 > div .tag {
  position: absolute;
  top: -45px;
  left: 50%;
  transform: translateX(-50%);
}
#sub.greeting .con04 > div .title {
  padding-bottom: 40px;
  border-bottom: 1px solid #c8cdd2;
  margin-bottom: 50px;
}
#sub.greeting .con04 > div .title strong {
  font-size: 30px;
  color: #222222;
  font-weight: 700;
  display: block;
  text-align: center;
}
#sub.greeting .con04 > div ul {
  padding-left: 40px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
#sub.greeting .con04 > div ul li .txt i {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(/img/sub/gree_arr.png);
  position: absolute;
  left: 0px;
}
#sub.greeting .con04 > div ul li .txt strong {
  font-size: 20px;
  color: #222222;
  font-weight: 700;
}
#sub.greeting .con04 > div ul li p {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #222222;
  display: block;
  margin-top: 10px;
}
#sub.greeting .con04 > div ul li p b {
  color: #004087;
  font-weight: 600;
}
#sub.greeting .con04 > div ul li .img {
  margin-top: 10px;
}
#sub.greeting .con04 > div ul li .img img {
  max-width: 100%;
}
#sub.greeting .con04 > div .img_w {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
#sub.greeting .con05 {
  margin-top: 90px;
}
#sub.greeting .con05 a {
  display: block;
  width: 300px;
  margin: 0 auto;
}
#sub.greeting .con05 .down {
  width: 100%;
  height: 70px;
  background-color: #1e6fc9;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 60px;
  padding: 0 30px;
  transition: 0.5s;
}
#sub.greeting .con05 .down:hover {
  background: #0079ff;
}
#sub.greeting .con05 .down span {
  color: #ffffff;
  font-weight: 500;
  font-size: 18px;
}
#sub.greeting .con05 i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: #e0eaf3;
  border-radius: 50%;
  transition: 0.5s;
}
#sub.greeting .con05 a:hover i {
  background-color: #fff;
}

@media (max-width: 1640px) {
  #sub.greeting .con02 .right ul li .wrap p br {
    display: none;
  }
  #sub.greeting .con02 .right ul li .wrap p {
    word-break: keep-all;
    padding-right: 20px;
  }
  #sub.sv .sub_visual .sv_img {
    width: calc(100% - 40px);
  }
  #sub.social .con .slide_w {
    width: 100%;
  }
  #sub .sub_visual .breadcrumb,
  .inner2 {
    padding: 0 20px;
  }
  .inner2 {
    max-width: 100%;
  }
  #sub.greeting .con01 .img img {
    width: 600px;
  }
  #sub.greeting .con02 .right ul li .wrap .img div img {
    width: 160px;
  }
  #sub.greeting .con04 > div > * {
    padding: 40px;
    padding-top: 70px;
  }
  #sub.b_form .f_wrap {
    max-width: 100%;
  }
  #sub.hyodam .con01 ul li .txt {
    padding: 0 30px;
  }
  #sub.product .price_info {
    padding-left: 20px;
  }
  #sub.product .price_info .price > div {
    padding: 30px;
    height: auto;
    min-height: 0;
  }
  #sub.product .price_info .price > div.non_regular {
    width: auto;
  }
  #sub.product .price_info .price > div.non_regular {
    padding-right: 30px;
  }
  #sub.product .p_title_info .wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 25px;
  }
  #sub.product .product_goods_info .pro_g_list .list .txt ul li br {
    display: none;
  }
  #sub.product .product_goods_info .pro_g_list .list .txt ul li {
    word-break: keep-all;
  }
  #sub.product .price_info .total {
    padding-left: 0;
  }
  #sub.product_main .con ul {
    gap: 30px;
  }
  #sub.product_main .con ul li {
    width: calc(33.33% - 20px);
  }
  #sub.product .service .ser_list ul li .txt p {
    word-break: keep-all;
    line-height: 1.5;
  }
  #sub.product .service .ser_list ul li .txt {
    padding: 10px;
    padding-top: 20px;
  }
  #sub.product.hyo .guarantee ul {
    flex-wrap: wrap;
  }
  #sub.product.hyo .guarantee ul li {
    width: calc(50% - 15px);
    flex: auto;
  }
  #sub.product.hyo .vip .wr .list ul li {
    word-break: keep-all;
  }
  #sub.product.hyo .price_down .wr .left {
    padding-left: 20px;
    padding-right: 20px;
  }
  #sub.product.hyo .price_down .wr ul li p {
    word-break: keep-all;
  }
  #sub.product.hyo .vip .wr .title strong {
    word-break: keep-all;
    text-align: center;
  }
  #sub.product.hyo .vip .wr .title {
    padding: 0 20px;
  }
  #sub.product .checklist .list ul li .txt strong {
    word-break: keep-all;
  }
  #sub.product.health .checklist .list ul li ul {
    padding: 0 15px;
  }
  #sub.product.health .checklist .list ul li ul li {
    word-break: keep-all;
  }
  #sub.product.health .checklist .list ul li ul li br {
    display: none;
  }
  #sub.social .con01 p br {
    display: none;
  }
  #sub.social .con01 p {
    word-break: keep-all;
  }
  #sub.recruit .con01 .num {
    padding-left: 20px;
  }
  #sub.recruit .con01 .num .number {
    gap: 20px;
  }
  #sub.funeral .f_visual {
    width: calc(100% - 40px);
  }
  #sub.management .con03 .c01 .txt {
    padding: 0 20px;
  }
  #sub.management .con03 .c03 .wr .img img {
    width: 500px;
  }
  #sub.review .r_list ul li {
    width: calc(50% - 25px);
  }
}
@media (max-width: 1460px) {
  #sub.b_view .v_tit .vt_top {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #sub.product .pro_benefit .step ul {
    gap: 30px;
  }
  #sub.product .pro_benefit .step ul li i {
    display: none;
  }
  #sub.product .pro_benefit .step {
    padding: 30px;
  }
  #sub.product .s_tab_w {
    top: 90px;
  }
  #sub.product.paradise .pro_benefit .step ul {
    flex-wrap: wrap;
    gap: 30px;
  }
  #sub.product.paradise .pro_benefit .step ul li {
    width: calc(50% - 15px);
    flex: auto;
  }
  #sub.history .his_wrap .year_con > div {
    height: 100px;
  }
  #sub.history .his_wrap .year_con strong {
    font-size: 100px;
  }
  #sub.history .his_wrap .his_cont ul li {
    font-size: 20px;
    word-break: keep-all;
  }
  #sub.recruit .con02 ul li .c {
    width: 400px;
    height: 400px;
  }
  #sub.recruit .con02 ul li {
    height: 400px;
  }
  #sub.recruit .con02 ul li .c:after {
    background-size: 100% 100%;
  }
  #sub.corporation01 .con02 ul li .txt_w,
  #sub.corporation01 .con02 ul li .txt {
    padding: 0;
    padding-top: 15px;
  }
  #sub.corporation04_02 .con01 ul li p {
    word-break: keep-all;
    line-height: 1.5;
  }
  #sub.corporation04_02 .con01 ul li:nth-child(1),
  #sub.corporation04_02 .con01 ul li:nth-child(2) {
    padding-bottom: 15px;
  }
  #sub.corporation04_02 .con01 ul li:nth-child(3),
  #sub.corporation04_02 .con01 ul li:nth-child(4) {
    padding-top: 15px;
  }
  #sub.corporation04_02 .con01 ul li:nth-child(2n) {
    padding-left: 15px;
  }
  #sub.company01 .con01 ul li .txt p br {
    display: none;
  }
  #sub.company01 .con01 ul li .txt p {
    word-break: keep-all;
  }
  #sub .depth3_content .d_con {
    width: calc(100% - 210px);
  }
  #sub .depth3_content .d3_tab {
    width: 210px;
  }
  #sub .sub_tab {
    top: 90px;
  }
  #sub.product .cruise_infomation .list > ul > li .title {
    flex-direction: column;
    gap: 15px;
  }
  #sub.product .checklist .list ul li {
    width: calc(50% - 15px);
  }
  #sub.product .price_info .price ul li {
    font-size: 17px;
    gap: 10px;
  }
  #sub .sub_visual.sub_img_visual {
    padding-top: 90px;
  }
  #sub.hyodam .con01 ul li .txt p,
  #sub .sb_title p,
  #sub.product .p_title_info p {
    font-size: 18px;
    word-break: keep-all;
  }
  #sub.hyodam .con01 ul li .txt p br {
    display: none;
  }
  #sub.hyodam .con01 ul li .txt strong {
    font-size: 26px;
  }
  #sub.product .product_merit ul li strong {
    font-size: 22px;
  }
  #sub.product .product_merit ul li i {
    width: 90px;
  }
  #sub.product .product_merit ul li img {
    width: 100%;
  }
  #sub.corporation04_02 .con .list > ul {
    flex-wrap: wrap;
  }
  #sub.corporation04_02 .con .list > ul > li {
    flex: auto;
    width: calc(33.33% - 10px);
  }
  #sub.corporation04_02 .con .list > ul > li ul li {
    word-break: keep-all;
  }
  #sub.funeral02 .info_box .step {
    padding: 20px;
    gap: 10px;
  }
  #sub.greeting .con03 > div {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  #sub.greeting .con03 .right {
    width: 100%;
  }
  #sub.greeting .con03 .right ul {
    width: 100%;
    margin-top: 50px;
  }
  #sub.greeting .con03 .right ul li {
    flex: 1;
    width: 100%;
  }
  #sub.greeting .con01 .txt_in p {
    font-size: 18px;
    line-height: 1.5;
  }
  #sub.service .s_list ul {
    flex-wrap: wrap;
  }
  #sub.ms01 .con02 .s_list ul li {
    width: calc(50% - 10px);
    flex: auto;
  }
  #sub.ms01 .s_info > dl {
    padding: 60px 30px;
  }
  #sub.product.paradise .pro_benefit .step ul li {
    width: 100%;
  }
  #sub .sb_title a {
    font-size: 13px;
    width: 160px;
    height: 40px;
    margin-top: 25px;
  }
}
@media (max-width: 1040px) {
  #sub.b_form .f_wrap ul li {
    width: 100%;
  }
  #sub.greeting .con04 > div {
    flex-direction: column;
  }
  #sub.my_contr .contract_w {
    padding: 0 20px;
    width: 100%;
  }
  #sub.my_contr.dashboard .con02 .list > ul > li {
    width: calc(50% - 13px);
  }
  #sub.product .price_info .price ul li {
    flex-direction: column;
  }
  #sub.recruit .con01 .wrap {
    flex-direction: column;
  }
  #sub.recruit .con01 .num {
    padding-left: 0;
    border-left: none;
    margin-top: 25px;
  }
}
@media (max-width: 980px) {
  #sub.greeting .con05 {
    margin-top: 25px;
  }
  #sub.greeting .con05 a {
    width: 270px;
    padding: 0 20px;
    gap: 20px;
  }
  #sub.greeting .con05 a img {
    width: 16px;
    height: auto;
  }
  #sub.greeting .con05 .down span {
    font-size: 14px;
  }
  #sub.greeting .con05 .down {
    height: 45px;
    padding: 0 20px;
  }
  #sub.b_view .go_btn a {
    padding: 0;
    width: 150px;
    height: 40px;
  }
  #sub.b_view .go_btn {
    margin-top: 40px;
  }
  #sub.b_view .v_con {
    min-height: 300px;
    padding: 20px;
  }
  #sub.b_view .v_tit {
    padding-top: 20px;
  }
  #sub.b_view .v_tit {
    gap: 10px;
    margin-bottom: 30px;
  }
  #sub.b_view .v_tit ul li {
    font-size: 14px;
  }
  #sub.b_view .v_tit .vt_top .v_cate {
    height: 27px;
    font-size: 14px;
  }
  #sub.b_view .v_tit .vt_top {
    gap: 10px;
  }
  #sub.b_view .v_tit .vt_top strong {
    font-size: 20px;
    line-height: 1.5;
  }
  #sub.faq .sub_tab ul {
    flex-wrap: wrap;
    gap: 5px;
    border: none;
    gap: 0;
    justify-content: flex-start;
  }
  #sub.faq .sub_tab ul li {
    width: 20%;
  }
  #sub.faq .f_list > div .q_box strong {
    width: 100%;
  }
  #sub.faq .f_list > div .q_box span svg {
    display: none;
  }
  #sub.faq .f_list > div .a_box .wraps > i svg {
    width: 30px;
    height: auto;
  }
  #sub.faq .f_list > div .a_box {
    padding: 20px;
  }
  #sub.faq .f_list > div .q_box span svg {
    width: 12px;
    height: auto;
  }
  #sub.faq .f_list > div .q_box {
    gap: 15px;
  }
  #sub.faq .f_list > div .q_box > i svg {
    width: 30px;
    height: auto;
  }
  #sub.faq .f_list > div .q_box strong {
    font-size: 14px;
  }
  #sub.faq .f_list > div .q_box {
    padding: 0 20px;
    height: 55px;
  }
  #sub.faq .f_list > div .a_box .in_wrap > p {
    font-size: 14px;
  }
  #sub.sv_main .sub_visual .sv_txt {
    margin-top: 70px;
  }
  #sub.board.management .t_list ul li a .tit {
    width: calc(100% - 80px);
  }
  .ms_pop .bt .btn_wrap * {
    width: 140px;
    height: 40px;
    font-size: 14px;
  }
  .ms_pop .wrap .box .p_con > div {
    padding-bottom: 20px;
  }
  .ms_pop .wrap .box .p_close {
    right: 20px;
    top: 20px;
  }
  .ms_pop .wrap .box .p_con .p_txt p {
    font-size: 12px;
  }
  .ms_pop .wrap .box .p_con .pcon02 .p_table {
    overflow-x: scroll;
  }
  .ms_pop .wrap .box .p_con .pcon02 .p_table table {
    width: 800px;
  }
  .ms_pop .wrap .box .p_con .p_table table .table_input input {
    height: 30px;
    font-size: 12px;
  }
  .chk_list li p {
    font-size: 12px;
  }
  .ms_pop .wrap .box .p_con .p_table table td {
    padding: 3px;
  }
  .ms_pop .wrap .box .p_con .p_table table th {
    font-size: 12px;
    padding: 3px 0;
    height: auto;
  }
  .ms_pop .wrap .box .p_con .p_cate strong {
    font-size: 14px;
  }
  .ms_pop .wrap .box .p_con {
    padding: 20px 0;
    gap: 20px;
  }
  .ms_pop .wrap .box .p_tit strong {
    font-size: 16px;
  }
  .ms_pop .wrap .box .p_tit {
    padding-bottom: 20px;
  }
  .ms_pop .wrap .box {
    padding: 20px;
  }
  .ms_pop .wrap .box .p_con .p_table table td {
    font-size: 12px;
    white-space: normal;
    height: auto;
  }
  .ms_pop .wrap .box .p_con .pcon01 .p_table table th {
    font-size: 12px;
    width: 90px;
  }
  .ms_pop .wrap .box .p_con .p_table table td br {
    display: none;
  }
  .ms_pop .wrap .box {
    max-width: 90vw;
  }
  #sub .go_btn2 a strong {
    font-size: 14px;
  }
  #sub .go_btn2 {
    width: 140px;
    height: 40px;
  }
  #sub.ms01 .s_info > dl > dd .wrap {
    margin-top: 10px;
  }
  #sub.ms01 .s_info > dl > dd .wrap {
    gap: 7px;
  }
  #sub.ms01 .s_info > dl {
    padding: 30px 20px;
    gap: 15px;
  }
  #sub.ms01 .s_info > dl > dd p {
    font-size: 14px;
  }
  #sub.ms01 .s_info > dl > dt {
    font-size: 17px;
    padding-bottom: 15px;
  }
  #sub.ms01 .s_info > dl > dd .wrap {
    flex-direction: column;
  }
  #sub.ms01 .con02 .s_list ul li {
    padding: 30px;
    gap: 15px;
  }
  #sub.ms01 .con02 .s_list ul li svg {
    width: 60px;
    height: auto;
  }
  #sub.ms01 .con02 .s_list ul li .txt p {
    line-height: 1.5;
    font-size: 14px;
  }
  #sub.greeting .con04 > div .tag {
    top: -25px;
  }
  #sub.greeting .con04 > div .tag img {
    width: 50px;
  }
  #sub.product .pro_benefit .step ul {
    gap: 15px;
  }
  #sub.product .pro_benefit .step ul li .wrap span {
    top: 10px;
    left: 10px;
    font-size: 13px;
  }
  #sub.product .pro_benefit .step ul li .wrap {
    border-radius: 6px;
  }
  #sub.product .pro_benefit .step ul li {
    padding: 5px;
    border-width: 2px;
    border-radius: 8px;
  }
  #sub.product .pro_benefit .step ul li .wrap {
    height: auto;
    padding: 20px 0;
  }
  #sub.product .pro_benefit .step ul {
    flex-direction: column;
  }
  #sub.privacy .con01 p,
  #sub.privacy .con01 li,
  #sub.privacy .con01 ol,
  #sub.privacy .con01 ul {
    font-size: 12px;
  }
  #sub.privacy table th,
  #sub.privacy table td {
    height: 30px;
    font-size: 12px;
    line-height: 1.5;
  }
  #sub.greeting .con02 .right ul li .wrap strong b {
    font-size: 13px;
    width: 70px;
    line-height: 25px;
  }
  #sub.greeting .con01 .name svg {
    width: 160px;
    height: auto;
  }
  #sub.greeting .con01 .img {
    margin-top: 30px;
  }
  #sub.board .b_top .go_btn {
    margin-top: 15px;
  }
  #sub.board .b_top .go_btn a {
    width: 100%;
    height: 35px;
    font-size: 14px;
  }
  #sub.board .b_top {
    flex-wrap: wrap;
  }
  #sub.board .b_top .go_btn {
    position: static;
    width: 100%;
  }
  #sub.board .b_top .search .select button {
    padding: 0 15px;
    font-size: 14px;
  }
  #sub.board .b_top .search .select {
    width: 110px;
  }
  #sub.board .b_top .go_btn {
    transform: none;
  }
  #sub.review .r_list a .name {
    margin-top: 20px;
  }
  #sub.review .r_list a .top .cate span {
    font-size: 13px;
  }
  #sub.review .r_list a .top .best img {
    width: 24px;
  }
  #sub.review .r_list a {
    padding: 20px;
  }
  #sub.review .r_list a .txt p {
    font-size: 14px;
    line-height: 1.5;
  }
  #sub.review .r_list a .txt strong {
    font-size: 17px;
    line-height: 1.5;
  }
  #sub .sub_tab ul {
    gap: 15px;
  }
  #sub.b_form .go_btn {
    margin-top: 40px;
  }
  .f_chk p {
    font-size: 14px;
  }
  #sub.review .r_list a .top .best strong {
    font-size: 14px;
  }
  .f_chk .chk {
    width: 20px;
    height: 20px;
  }
  #sub .s_cate svg {
    width: 20px;
    height: auto;
  }
  .f_chk .chk label {
    background-size: 100% 100%;
  }
  #sub.review .r_list a .name p {
    font-size: 12px;
  }
  #sub.b_form .go_btn a {
    width: 160px;
    height: 40px;
  }
  #sub.b_form .per {
    margin-top: 50px;
  }
  #sub .s_cate {
    margin-bottom: 20px;
  }
  #sub.b_form .per .per_info {
    max-height: 150px;
    font-size: 14px;
    padding: 20px;
  }
  #sub.b_form .per .per_info p {
    font-size: 14px;
  }
  #sub.b_form .per .s_cate strong {
    font-size: 16px;
  }
  #sub.b_form .files .wrap .add {
    font-size: 14px;
  }
  #sub.b_form .files .wrap .add svg {
    width: 16px;
    height: auto;
  }
  #sub.b_form .files .file_list > div {
    height: 40px;
  }
  #sub.b_form .files .file_box {
    padding: 5px;
  }
  #sub.b_form .files .file_box .upload {
    font-size: 14px;
  }
  #sub.b_form .f_wrap ul li strong {
    font-size: 15px;
  }
  #sub.b_form .files .file_box label {
    width: 80px;
    font-size: 14px;
  }
  #sub.b_form .f_input,
  #sub.b_form .f_select {
    height: 40px;
    padding: 0 20px;
    font-size: 14px;
  }
  #sub.b_form .f_textarea {
    border-radius: 12px;
    height: 130px;
    font-size: 14px;
    padding: 20px;
  }
  #sub.b_form .f_wrap ul {
    gap: 15px;
  }
  #sub.greeting .con02 .right ul li .wrap .img div img {
    width: 130px;
  }
  #sub.greeting .con02 .right {
    padding-bottom: 80px;
  }
  #sub.greeting .con04 > div .img_w {
    margin-bottom: 10px;
  }
  #sub.greeting .con04 > div .img_w img {
    max-width: 60%;
  }
  #sub.greeting .con04 > div > * {
    padding: 20px;
    padding-top: 40px;
    border-radius: 10px;
  }
  #sub.greeting .con04 > div .title strong {
    font-size: 22px;
  }
  #sub.greeting .con04 > div .title {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  #sub.greeting .con04 > div ul {
    gap: 15px;
  }
  #sub.greeting .con04 > div ul {
    padding-left: 30px;
  }
  #sub.greeting .con04 > div ul li .txt i {
    width: 17px;
    height: 17px;
    background-size: 100% 100%;
  }
  #sub.greeting .con04 > div ul li p {
    font-size: 14px;
    line-height: 1.5;
    word-break: keep-all;
    margin-top: 5px;
  }
  #sub.greeting .con04 > div ul li .txt strong {
    font-size: 15px;
  }
  #sub.greeting .con03 .right ul {
    margin-top: 25px;
  }
  #sub.greeting .con03 .right > p {
    width: 100%;
    font-size: 13px;
    line-height: 1.5;
  }
  #sub.greeting .con03 .right ul li span {
    font-size: 14px;
    margin-bottom: 5px;
  }
  #sub.greeting .con03 .right ul {
    gap: 15px;
  }
  #sub.greeting .con03 .right ul li {
    padding: 15px;
    height: auto;
    gap: 15px;
  }
  #sub.greeting .con03 .right ul li p {
    font-size: 14px;
    height: 30px;
    width: 100px;
  }
  #sub.greeting .con03 .right ul li i {
    font-size: 14px;
  }
  #sub.greeting .con03 .right ul li strong em {
    font-size: 14px;
  }
  #sub.greeting .con03 .right ul li strong b {
    font-size: 45px;
  }
  #sub.greeting .con03 {
    padding: 80px 0;
  }
  #sub.greeting .con02 .left {
    padding-bottom: 20px;
    height: auto;
  }
  #sub.greeting .con02 .right {
    padding-top: 0;
  }
  #sub.greeting .con02 .left .logo_in div {
    height: auto;
  }
  #sub.greeting .con02 .right ul li .wrap {
    gap: 15px;
  }
  #sub.greeting .con02 .right ul li .wrap p {
    font-size: 14px;
    line-height: 1.5;
  }
  #sub.greeting .con02 .right ul li .wrap strong {
    font-size: 15px;
    margin-bottom: 7px;
  }
  #sub.greeting .con02 .left {
    padding: 60px 0;
  }
  #sub.greeting .con01 {
    margin-top: 50px;
  }
  #sub.greeting .gre_title span {
    font-size: 14px;
    margin-bottom: 10px;
  }
  #sub.greeting .gre_title strong {
    font-size: 24px;
    line-height: 1.5;
  }
  #sub.greeting .con01 .txt_in {
    gap: 10px;
    margin: 30px 0;
  }
  #sub.greeting .con01 .txt_in p {
    font-size: 14px;
  }
  #sub.greeting .con01 .txt_in p br {
    display: none;
  }
  #sub.greeting .con01 .img img {
    width: 100%;
  }
  #sub.greeting .con01 {
    flex-direction: column;
  }
  #sub.greeting .con02 .right ul li .wrap {
    height: auto;
  }
  #sub.greeting .con02 .right ul:after,
  #sub.greeting .con02 .right ul li:after {
    display: none;
  }
  #sub.greeting .con02 .right ul {
    padding-left: 0;
  }
  #sub.greeting .con02 .left .logo_in {
    padding-right: 0;
  }
  #sub.greeting .con02 .left .logo_in:after {
    display: none;
  }
  #sub.greeting .con02 .right {
    padding-top: 0;
  }
  #sub.greeting .con02 {
    margin-top: 60px;
  }
  #sub.greeting .con02 .left {
    position: static;
  }
  #sub.greeting .con02 .left .logo_in {
    flex-direction: column;
  }
  #sub.greeting .con01 .txt_in p {
    word-break: keep-all;
  }
  #sub.greeting .con02 > div {
    flex-direction: column;
  }
  #sub.corporation04_03 .sli_btn {
    margin-top: 20px;
  }
  #sub .sli_btn {
    right: 0;
    padding: 0;
    gap: 10px;
  }
  #sub .sli_btn svg {
    width: 11px;
    height: auto;
  }
  #sub.corporation .s_title .sli_btn {
    right: 0;
    padding: 0;
    gap: 10px;
    left: auto;
    transform: translate(0, -50%);
  }
  #sub.product .pro_benefit .result svg {
    width: 40px;
    height: auto;
  }
  #sub.product .pro_benefit .result strong {
    width: 100%;
    height: 40px;
    font-size: 15px;
  }
  #sub .depth3_content .d3_tab ul li.on a:after {
    display: none;
  }
  #sub.corporation04_02 .con03 .line,
  #sub.corporation04_02 .con03 .s_title2:after {
    display: none;
  }
  #sub.product .pro_benefit {
    padding-top: 60px;
  }
  #sub.product .product_only ul li .img_w .chk {
    width: 30px;
    height: 30px;
  }
  #sub.product .effect2 ul li p {
    width: calc(100% - 40px);
  }
  #sub.product .effect2 {
    margin-top: 60px;
  }
  #sub.product .product_table {
    padding-top: 45px;
  }
  #sub.product .p_title3 p {
    font-size: 15px;
    line-height: 1.5;
    margin-top: 10px;
  }
  #sub.product .p_title3 {
    margin-bottom: 15px;
  }
  #sub.product .p_title3 strong {
    font-size: 22px;
  }
  #sub.product.paradise .pro_benefit .step ul li .wrap {
    background: none;
  }
  #sub.product.paradise .pro_benefit .step ul li {
    padding: 0;
    background-color: #fff;
    border-radius: 10px;
  }
  #sub.product.paradise .pro_benefit .step ul li .wrap div {
    width: 20px;
    height: 20px;
  }
  #sub.product.paradise .pro_benefit .step ul li .wrap div img {
    width: 12px;
  }
  #sub.product.paradise .pro_benefit .step ul li .wrap p {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 10px;
  }
  #sub.product .pro_benefit .step ul li .wrap strong {
    font-size: 16px;
  }
  #sub.product.paradise .pro_benefit .step ul li .wrap {
    padding: 10px;
    height: auto;
  }
  #sub.product .pro_benefit .step {
    padding: 20px;
    border-radius: 15px;
  }
  #sub.product .effect2 ul li {
    padding: 0 20px;
    gap: 8px;
  }
  #sub.product .effect2 ul li div {
    height: 50px;
  }
  #sub.product .effect2 ul li div {
    gap: 10px;
  }
  #sub.product .effect2 ul li div .chk {
    width: 18px;
    height: 18px;
  }
  #sub.product .effect2 ul li div .chk img {
    width: 8px;
  }
  #sub.product .effect2 ul li p {
    font-size: 14px;
  }
  #sub.product .effect2 ul li {
    width: 100%;
  }
  #sub.management .con03 .c03 .wr .img img {
    width: 400px;
  }
  #sub.management .con03 .c03 .wr p {
    font-size: 14px;
    line-height: 1.5;
    padding-left: 25px;
  }
  #sub.management .con03 .sb_title {
    margin-bottom: 30px;
  }
  #sub.management .con03 {
    padding-top: 60px;
  }
  #sub.management .con03 .c01 .txt a {
    height: 35px;
    padding: 0 15px;
    gap: 15px;
    width: auto;
    font-size: 13px;
  }
  #sub.management .s_t i {
    width: 20px;
    height: 20px;
  }
  #sub.management .con03 .c01 .txt {
    height: auto;
    padding: 20px;
    border-radius: 8px;
  }
  #sub.management .con03 .c01 .txt ul li {
    font-size: 14px;
  }
  #sub.management .con03 .c01 {
    flex-direction: column;
    gap: 20px;
  }
  #sub.management .s_t strong {
    font-size: 18px;
  }
  #sub.management .con02 .sb_title {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  #sub.management .con01 p {
    margin-top: 15px;
  }
  #sub.management .con02 .sb_title ul li a {
    width: auto;
    padding: 0 15px;
    height: 32px;
  }
  #sub.management .con02 .sb_title ul li a span {
    font-size: 13px;
  }
  #sub.management .con02 .sb_title ul li a i {
    display: none;
  }
  #sub.management .sb_title {
    margin-bottom: 15px;
  }
  #sub.management .con01 p {
    font-size: 14px;
    line-height: 1.5;
  }
  #sub.management table th,
  #sub.management table td {
    height: 40px;
    font-size: 14px;
    padding: 5px;
  }
  #sub.corporation04_04 .con {
    margin-top: 60px;
  }
  #sub.corporation04_04 .sl_w .img_wrap {
    padding: 10px;
    border-radius: 12px;
  }
  #sub.corporation04_04 .sl_w .txt p {
    font-size: 14px;
  }
  #sub.corporation04_04 .sl_w .txt strong {
    font-size: 15px;
  }
  #sub.corporation04_04 .con ul li {
    height: 80px;
    padding-left: 10px;
    padding-right: 10px;
  }
  #sub.corporation04_04 .con ul li p {
    font-size: 13px;
  }
  #sub.corporation04_04 .con ul li strong {
    font-size: 14px;
  }
  #sub.funeral .f_visual {
    height: 350px;
    margin-bottom: 60px;
  }
  #sub.funeral .f_visual img {
    height: 100%;
  }
  #sub.funeral .f_visual .txt .inner2 {
    gap: 10px;
  }
  #sub.funeral .f_visual .txt .inner2 > strong {
    font-size: 28px;
  }
  #sub.funeral .f_visual .txt .inner2 > p {
    font-size: 15px;
  }
  #sub.funeral02 .info_box .step .num > div > span {
    font-size: 13px;
  }
  #sub.funeral02 .info_box .step .num > div > strong {
    font-size: 15px;
  }
  #sub.funeral02 .info_box .step .num > div > p {
    font-size: 14px;
  }
  #sub.funeral02 .info_box .step {
    flex-wrap: wrap;
  }
  #sub.funeral02 .info_box .step .aw {
    display: none;
  }
  #sub.funeral02 .info_box .step .num > div {
    border-radius: 7px;
  }
  #sub.funeral02 .info_box .step .num {
    width: calc(33.33% - 6.77px);
    flex: auto;
    border-radius: 10px;
    padding: 4px;
  }

  #sub.funeral02 .info_box .day .day_con .cw .ste .box {
    padding: 20px;
    border-radius: 10px;
    gap: 10px;
  }
  #sub.funeral02 .info_box .day .day_con {
    padding-left: 30px;
    gap: 20px;
  }
  #sub.funeral02 .info_box .day .s_cate {
    margin-bottom: 20px;
  }
  #sub .s_cate strong {
    font-size: 19px;
  }
  #sub.funeral02 .info_box .day .s_cate svg {
    width: 17px;
    height: auto;
  }
  #sub.funeral02 .info_box .step .num > div > span {
    top: 10px;
    left: 10px;
  }
  #sub.funeral02 .info_box .day .day_con .cw {
    gap: 15px;
  }
  #sub.funeral02 .info_box .day .day_con .cw table th,
  #sub.funeral02 .info_box .day .day_con .cw table td {
    font-size: 13px;
    line-height: 1.5;
    padding: 5px;
    height: auto;
  }
  #sub.funeral02 .info_box .day .day_con .tit strong {
    font-size: 16px;
  }
  #sub.funeral02 .info_box .day .day_con .tit {
    margin-bottom: 7px;
  }
  #sub.funeral02 .info_box .day .day_con .cw p {
    font-size: 14px;
    word-break: keep-all;
  }
  #sub.funeral .info_box > div > .dl_box > dl {
    padding-top: 25px;
  }
  #sub.funeral .info_box > div > .dl_box {
    gap: 25px;
  }
  #sub.funeral .info_box > div > .dl_box > dl > dd {
    padding-left: 20px;
  }
  #sub.funeral .info_box > div > .dl_box > dl > dt svg {
    width: 20px;
    height: auto;
  }
  #sub.funeral .info_box > div > .dl_box > dl > dd {
    font-size: 14px;
    line-height: 1.5;
  }
  #sub.funeral .info_box > div > .dl_box > dl > dd br {
    display: none;
    word-break: keep-all;
  }
  #sub.funeral .info_box > div > .con {
    gap: 10px;
  }
  #sub.funeral .info_box > div > .con {
    border-radius: 8px;
  }
  #sub.funeral .info_box > div > .con ul {
    gap: 4px;
  }
  #sub.funeral .info_box {
    gap: 40px;
  }
  #sub.funeral .info_box > div > .con ul li {
    font-size: 14px;
    word-break: keep-all;
  }
  #sub.funeral .info_box > div > .con {
    padding: 20px;
    border-radius: 10px;
  }
  #sub.funeral .info_box > div > .tit i {
    width: 30px;
    height: 30px;
    font-size: 13px;
  }
  #sub.funeral .info_box > div > .tit strong {
    font-size: 20px;
  }
  #sub.funeral .info_box .con p {
    font-size: 14px;
    line-height: 1.5;
    word-break: keep-all;
  }
  #sub.funeral .info_box .con p br {
    display: none;
  }
  #sub.sv_view .con01 .benefit ul {
    flex-wrap: wrap;
    gap: 20px;
  }
  #sub.sv_view .con01 .benefit ul li {
    width: calc(50% - 10px);
  }
  #sub .con_w {
    gap: 50px;
  }
  #sub.funeral .info_box > div > .con ul li:after {
    width: 3px;
    height: 3px;
    top: 7px;
  }
  #sub.sv_view .con01 .sv_tit {
    margin-bottom: 20px;
  }
  #sub.sv_view .con01 .sv_tit strong {
    font-size: 30px;
    line-height: 1.5;
  }
  #sub.sv_view .con01 .benefit ul li .txt strong {
    font-size: 16px;
  }
  #sub.sv_view .con01 .benefit ul li .txt p {
    font-size: 14px;
    line-height: 1.5;
  }
  #sub.sv_view .con01 .benefit ul li svg {
    width: 80px;
    height: auto;
  }
  #sub.service .s_list ul,
  #sub .sv_list ul {
    gap: 20px;
  }
  #sub.sv_view .con01 .benefit ul li {
    padding: 30px 0;
    border-radius: 10px;
    gap: 15px;
  }
  #sub.sv_view .con01 .benefit ul li .txt {
    gap: 8px;
  }
  #sub.service .s_list ul li,
  #sub .sv_list ul li {
    width: calc(33.33% - 13.4%);
  }
  #sub.view .v_title {
    padding-top: 20px;
  }
  #sub.view .go_list {
    margin-top: 30px;
  }
  #sub.view .go_list a {
    width: 150px;
    height: 40px;
    font-size: 14px;
  }
  #sub.view .v_title {
    margin-top: 65px;
    margin-bottom: 20px;
  }
  #sub.view .v_content {
    padding: 20px;
    border-radius: 10px;
    min-height: 300px;
  }
  #sub.view .v_title strong {
    font-size: 18px;
  }
  #sub.view .v_title p {
    font-size: 14px;
  }
  #sub.board .b_top {
    margin-bottom: 40px;
  }
  #sub.board.obituary .o_list table td:nth-child(1) {
    border-radius: 10px 0 0 10px;
  }
  #sub.board.obituary .o_list table td:last-child {
    border-radius: 0 10px 10px 0;
  }
  #sub.board.obituary .o_list table td {
    height: 50px;
    font-size: 14px;
  }
  #sub.board.obituary .o_list table th {
    font-size: 14px;
    padding-bottom: 10px;
  }
  #sub.board .b_top .search {
    height: 50px;
  }
  #sub.board .b_top .search .input {
    width: 280px;
  }
  #sub.board .b_top .search .input input {
    padding-left: 20px;
    font-size: 14px;
  }
  #sub.board .b_top .search .input button svg {
    width: 40px;
    height: auto;
  }
  #sub.board .t_list ul li a {
    height: 70px;
    padding: 0 20px;
    border-radius: 10px;
  }
  #sub.board .sub_visual.sub_img_visual .visual_w {
    height: 400px;
  }
  #sub.board .t_list ul li a strong {
    font-size: 15px;
  }
  #sub.board .t_list ul li a p {
    font-size: 14px;
  }
  #sub.board .t_list ul li a i {
    width: 36px;
    height: 36px;
  }
  #sub.board .t_list ul li a i svg {
    width: 6px;
    height: auto;
  }
  #sub.history .his_wrap .his_cont {
    padding-top: 0;
  }
  #sub.history .his_wrap .his_cont {
    gap: 40px;
  }
  #sub.history .his_wrap .his_cont strong {
    font-size: 14px;
    width: 60px;
    height: 30px;
    margin-bottom: 15px;
  }
  #sub.history .his_wrap .his_cont ul li:before {
    width: 3px;
    height: 3px;
    top: 10px;
  }
  #sub.history .his_wrap .his_cont ul {
    gap: 10px;
  }
  #sub.history .his_wrap .his_cont ul li {
    font-size: 15px;
    padding-left: 10px;
  }
  #sub.history .sub_con {
    margin-top: -80vh;
    padding-left: 65px;
  }
  #sub.history .sub_tab {
    height: calc(100vh - 90px);
    left: 0;
    width: 65px;
    background: none;
    border: none;
  }
  #sub.history .sub_tab.on ul {
    border: none;
  }
  #sub.history .sub_tab ul li a {
    width: 50px;
    height: 30px;
  }
  #sub.history .sub_tab ul {
    flex-direction: column;
    background-color: none;
  }
  #sub.history .his_wrap .his_year {
    display: none;
  }
  #sub.recruit .con02 ul li .c:after {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    top: 10px;
    left: 10px;
  }
  #sub.recruit .con02 ul li .c {
    width: 300px;
    height: 300px;
  }
  #sub.recruit .con02 ul li {
    height: 300px;
  }
  #sub.recruit .con02 ul li .c i img {
    width: 55px;
  }
  #sub.recruit .con02 ul li .c strong {
    font-size: 16px;
  }
  #sub.recruit .con01 .title strong {
    font-size: 22px;
    margin-bottom: 10px;
  }
  #sub.social .con .slide_w .img {
    border-radius: 10px;
  }
  #sub.social .con01 {
    margin-bottom: 60px;
  }
  #sub.social .con03 {
    margin-top: 60px;
  }
  #sub.social .con .title_w span {
    font-size: 14px;
    margin-bottom: 10px;
  }
  #sub.social .con .txt {
    margin-top: 20px;
  }
  #sub.social .con .txt i img {
    width: 13px;
  }
  #sub.social .con .txt i {
    padding-top: 3px;
  }
  #sub.social .con .txt p {
    font-size: 13px;
    line-height: 1.5;
    word-break: keep-all;
  }
  #sub.social .con .title_w strong {
    font-size: 20px;
    line-height: 1.5;
  }
  #sub.social .con01 div strong {
    font-size: 20px;
    line-height: 1.5;
  }
  #sub.social .con01 p {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 20px;
  }
  #sub.social .con01 div svg {
    width: 40px;
    height: auto;
  }
  #sub.corporation01 .con02 ul {
    gap: 20px;
  }
  #sub.corporation01 .con02 ul li .tit {
    padding: 0;
    padding-bottom: 7px;
  }
  #sub.corporation01 .con02 ul li span.case {
    height: 27px;
    font-size: 14px;
    width: 70px;
  }
  #sub.corporation01 .con02 ul li .tit {
    gap: 7px;
  }
  #sub.corporation01 .con02 ul li .tit img {
    width: 15px;
  }
  #sub.corporation01 .con02 ul li .tit strong,
  #sub.corporation01 .con02 ul li .tit p {
    font-size: 16px;
  }
  #sub.corporation01 .con02 ul li .txt p {
    font-size: 15px;
    line-height: 1.5;
  }
  #sub.corporation01 .con02 ul li .txt span {
    font-size: 14px;
  }
  #sub.corporation01 .con01 .effect .txt div {
    height: auto;
    padding: 20px;
  }
  #sub.corporation01 .con01 .wr .title {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  #sub.corporation01 .con01 .wr .title strong {
    font-size: 20px;
  }
  #sub.corporation01 .con01 .wr {
    gap: 20px;
  }
  #sub.corporation01 .con01 .effect .txt div p {
    font-size: 16px;
    line-height: 1.5;
  }
  #sub.corporation01 .con01 .wr .img_box {
    height: 300px;
    border-radius: 10px;
  }
  #sub.corporation01 .con01 .wr ul li .wrap strong {
    font-size: 15px;
  }
  #sub.corporation01 .con01 .wr ul li .wrap span {
    font-size: 14px;
  }
  #sub.corporation01 .con01 .wr ul li {
    height: 140px;
    border-radius: 10px;
  }
  #sub.corporation01 .con01 .wr ul li .wrap p {
    margin-top: 14px;
    margin-top: 7px;
  }
  #sub.corporation02 .con .p_list ul li .img_w {
    border-radius: 10px;
  }
  #sub.corporation02 .con .info {
    margin-top: 10px;
  }
  #sub.corporation01 .con01 .effect i {
    margin: 18px 0;
  }
  #sub.corporation01 .con01 .effect img {
    width: 90px;
  }
  #sub.corporation01 .con01 .wr ul li .wrap span {
    width: 75px;
    height: 30px;
    margin-bottom: 15px;
  }
  #sub.corporation02 .con .info ul {
    gap: 4px;
  }
  #sub.corporation02 .con .info ul li:before {
    width: 3px;
    height: 3px;
    top: 8px;
  }
  #sub.corporation02 .con .info ul li {
    font-size: 15px;
    line-height: 1.5;
  }
  #sub.corporation02 .con .p_list ul {
    gap: 10px;
  }
  #sub.corporation02 .con .p_list ul li {
    width: calc(25% - 7.5px);
  }
  #sub.corporation02 .sub_con {
    gap: 60px;
  }
  #sub.corporation02 .con .p_list ul li .tag span {
    display: block;
    line-height: 24px;
  }
  #sub.corporation02 .con .p_list ul li .tag span {
    font-size: 13px;
  }
  #sub.corporation04_02 .con {
    margin-top: 60px;
  }
  #sub.corporation04_02 .con .list > ul > li .step {
    margin-top: 0;
    margin-bottom: 10px;
  }
  #sub.corporation04_02 .con .list > ul > li {
    padding: 15px;
  }
  #sub.corporation04_02 .con .list > ul > li .step span {
    line-height: 20px;
    padding: 5px;
    font-size: 13px;
  }
  #sub.corporation04_02 .con .list > ul > li .title {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  #sub.corporation04_02 .con .list > ul > li .title strong {
    font-size: 17px;
  }
  #sub.corporation04_02 .con .list > ul > li ul li:before {
    width: 3px;
    height: 3px;
    top: 9px;
  }
  #sub.corporation04_02 .con .list > ul > li ul li {
    font-size: 14px;
    line-height: 1.5;
  }
  #sub.corporation04_02 .con .list > ul > li ul {
    gap: 5px;
  }
  #sub.corporation04_02 .con01 ul li p {
    font-size: 14px;
  }
  #sub.corporation04_02 .con01 ul li img {
    width: 15px;
  }
  #sub.corporation04_02 .con01 ul li {
    align-items: center;
  }
  #sub .s_title .info i img {
    width: 15px;
  }
  #sub .s_title .info i {
    margin-top: 3px;
  }
  #sub.corporation04_03 .con03,
  #sub.corporation04_03 .con02 {
    margin-bottom: 60px;
  }
  #sub.corporation04_03 .img_box .img_w .txt strong {
    font-size: 14px;
    width: 85px;
    height: 35px;
    border-width: 3px;
  }
  #sub.corporation04_03 .con04 .img_box {
    margin-top: 30px;
  }
  #sub.corporation04_03 .con01 ul li {
    padding: 40px 0;
    border-radius: 15px;
  }
  #sub.corporation04_03 .con01 ul li i {
    width: 60px;
  }
  #sub.corporation04_03 .con01 ul li i img {
    width: 100%;
  }
  #sub.corporation04_03 .con01 ul li strong {
    font-size: 16px;
    margin: 15px 0;
  }
  #sub.corporation04_03 .con01 ul li p {
    font-size: 14px;
  }
  #sub.corporation .sub_con {
    padding-top: 60px;
  }
  #sub .sub_tab ul li a {
    font-size: 14px;
    padding: 0 5px;
    height: 35px;
    width: auto;
  }
  #sub.company01 .con01 ul {
    gap: 20px;
  }
  #sub.product .s_tab_w {
    margin-top: 60px;
    margin-bottom: 40px;
  }
  #sub.company01 .con01 ul li {
    width: calc(50% - 10px);
  }
  #sub .depth3_content .d_con {
    width: calc(100% - 140px);
  }
  #sub .depth3_content .d3_tab {
    width: 140px;
  }
  #sub .depth3_content .d3_tab ul li a {
    width: 120px;
    height: 31px;
    font-size: 13px;
  }
  #sub.company01 .con01 ul li .txt p {
    font-size: 14px;
    line-height: 1.5;
  }
  #sub.company01 .con01 ul li .txt strong {
    font-size: 16px;
    margin-bottom: 10px;
  }
  #sub.product .product_only ul li .img_w .num {
    width: 60px;
    height: 30px;
    font-size: 14px;
  }
  #sub.product .product_only ul li .txt strong {
    font-size: 15px;
  }
  #sub.product .product_only ul li .txt span {
    font-size: 14px;
  }
  #sub.product .product_only ul li .txt {
    padding-top: 20px;
  }
  #sub.product .product_only ul {
    gap: 40px 20px;
  }
  #sub.product.paradise .product_only ul {
    gap: 40px 20px;
  }
  #sub.product .product_only ul li {
    width: calc(25% - 15px);
  }
  #sub.product .cruise_infomation .list .txt {
    padding-top: 15px;
  }
  #sub.product .cruise_infomation .list > ul > li .title span {
    width: 100%;
    height: 32px;
    font-size: 14px;
    text-align: center;
    justify-content: center;
  }
  #sub.product .cruise_infomation .list > ul > li .title {
    gap: 7px;
  }
  #sub.product .cruise_infomation .list > ul > li .title strong {
    font-size: 16px;
  }
  #sub.product .cruise_infomation .list .txt em {
    font-size: 14px;
  }
  #sub.product .cruise_infomation .list .txt ul li:before {
    top: 8px;
  }
  #sub.product .cruise_infomation .list .txt ul {
    gap: 4px;
  }
  #sub.product .cruise_infomation .list .txt ul li {
    font-size: 14px;
    line-height: 1.5;
  }
  #sub.product.health .checklist .con2 {
    margin-top: 60px;
  }
  #sub.product.health .checklist .list {
    margin-top: 0;
  }
  #sub.product.health .checklist .con2 {
    padding: 60px 0;
  }
  #sub.product .p_title p {
    word-break: keep-all;
    font-size: 14px;
    line-height: 1.5;
    margin-top: 15px;
  }
  #sub.product.health .checklist .list ul li .txt {
    padding: 25px 0;
    padding-top: 35px;
  }
  #sub.product.health .checklist .list ul li .txt > i {
    width: 60px;
    margin-bottom: 20px;
  }
  #sub.product.health .checklist .list ul li .txt > i img {
    width: 100%;
  }
  #sub.product.health .checklist .list ul li ul {
    margin-top: 15px;
    padding: 0 10px;
  }
  #sub.product.health .checklist .list ul li ul li {
    font-size: 13px;
    line-height: 1.5;
  }
  #sub.product .checklist .list ul {
    gap: 25px 20px;
  }
  #sub.product .checklist .list ul li {
    width: calc(50% - 10px);
  }
  #sub.product .checklist .list ul li .num i {
    width: 50px;
    height: 25px;
    font-size: 14px;
  }
  #sub.product .checklist .list ul li .txt strong {
    font-size: 16px;
  }
  #sub.product .checklist .list ul li .txt p {
    font-size: 14px;
    margin-top: 10px;
    line-height: 1.5;
  }
  #sub.product .checklist {
    padding-top: 60px;
  }
  #sub.product .checklist .list ul li .txt {
    height: 110px;
  }
  #sub.product.hyo .price_down .wr ul {
    gap: 15px;
  }
  #sub.product.hyo .price_down .wr .right img {
    width: 180px;
  }
  #sub.product.hyo .price_down .wr {
    height: 230px;
    border-radius: 15px;
  }
  #sub.product.hyo .price_down .wr ul li {
    padding-left: 27px;
  }
  #sub.product.hyo .price_down .wr ul li i img {
    width: 18px;
  }
  #sub.product.hyo .price_down .wr ul li strong {
    font-size: 15px;
  }
  #sub.product.hyo .price_down .wr ul li p {
    font-size: 14px;
    line-height: 1.5;
  }
  #sub.product.hyo .vip .wr .title {
    margin-bottom: 15px;
  }
  #sub.product.hyo .vip .wr .list .img {
    border-radius: 8px;
  }
  #sub.product.hyo .vip .wr .list .txt {
    padding: 15px 0;
  }
  #sub.product.hyo .vip .wr .list ul li {
    font-size: 13px;
    line-height: 1.5;
  }
  #sub.product.hyo .vip .wr .list {
    gap: 10px;
  }
  #sub.product.hyo .vip .wr .title {
    height: 80px;
    border-radius: 10px;
  }
  #sub.product.hyo .vip .wr .title strong {
    font-size: 16px;
  }
  #sub.product.hyo .guarantee ul {
    gap: 20px;
  }
  #sub.product.hyo .guarantee ul li i {
    width: 50px;
  }
  #sub.product.hyo .guarantee ul li {
    padding: 15px 0;
    border-radius: 8px;
    width: calc(50% - 10px);
  }
  #sub.product.hyo .guarantee ul li p {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 15px;
  }
  #sub.product.hyo .guarantee ul li strong {
    font-size: 16px;
    margin-top: 15px;
  }
  #sub.product .service .ser_list ul li .img_w {
    border-radius: 8px;
  }
  #sub.product .service .ser_list ul li .img_w i {
    left: 10px;
    bottom: 10px;
  }
  #sub.product .service .ser_list ul li .img_w i img {
    width: 30px;
  }
  #sub.product .service .ser_list ul {
    gap: 20px;
  }
  #sub.product .service .ser_list ul li {
    width: calc(25% - 15px);
  }
  #sub.product .service .ser_list ul li .txt p {
    font-size: 14px;
  }
  #sub.product .service .ser_list ul li .txt strong {
    font-size: 16px;
    margin-bottom: 7px;
  }
  #sub.product .service .ser_title p {
    font-size: 14px;
    line-height: 1.5;
  }
  #sub.product .service .ser_title strong {
    font-size: 20px;
    margin-bottom: 20px;
  }
  #sub.product .product_table .tb table th,
  #sub.product .product_table .tb table td {
    font-size: 12px;
    height: auto;
    padding: 7px 5px;
    line-height: 1.2;
  }
  #sub.product .product_table .table_list ul {
    margin-top: 10px;
  }
  #sub.product .product_table .table_list ul li {
    font-size: 12px;
    line-height: 1.5;
    word-break: keep-all;
  }
  #sub.product .product_goods_info .info ul li {
    font-size: 13px;
    word-break: keep-all;
    line-height: 1.5;
  }
  #sub.product .product_goods_info .info {
    padding-top: 10px;
  }
  #sub.product .product_goods_info .pro_g_list {
    gap: 30px;
  }
  #sub.product .p_title2 {
    margin-bottom: 20px;
  }
  #sub.product .p_title2 i {
    width: 20px;
    height: 20px;
  }
  #sub.product .p_title2 strong {
    font-size: 18px;
  }
  #sub.product .product_goods_info .pro_g_list .list .img {
    border-radius: 7px;
  }
  #sub.product .product_goods_info .pro_g_list .list .txt strong {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 7px;
  }
  #sub.product .product_goods_info .pro_g_list .list .txt {
    padding: 15px 0;
  }
  #sub.product .product_goods_info .pro_g_list .list .txt ul li {
    font-size: 14px;
    line-height: 1.5;
  }
  #sub.product .product_goods_info .pro_g_list .list {
    gap: 10px;
  }
  #sub.product .product_goods_info .pro_g_list .list > div {
    width: calc(25% - 7.5px);
  }
  #sub.product .product_merit {
    padding: 40px 0;
  }
  #sub.product .product_merit ul {
    gap: 20px;
  }
  #sub.product .product_merit ul li {
    padding: 40px 0;
    height: auto;
    border-radius: 10px;
  }
  #sub.product .product_merit ul li i {
    width: 60px;
    margin-bottom: 17px;
  }
  #sub.product .product_merit ul li strong {
    font-size: 17px;
    margin-bottom: 10px;
  }
  #sub.product .product_merit ul li p {
    font-size: 14px;
  }
  #sub.product .p_title_info {
    margin-bottom: 60px;
  }
  #sub.product .go_link a img {
    width: 15px;
  }
  #sub.product .go_link a {
    height: 40px;
    font-size: 14px;
    padding: 0 15px;
    gap: 15px;
  }
  #sub.product .price_info {
    padding-bottom: 40px;
  }
  #sub.product .price_info {
    padding-left: 0;
  }
  #sub.product .price_info .price > div.non_regular {
    padding: 20px;
    border-radius: 8px;
  }
  #sub.product .price_info .price > div {
    padding: 20px;
    border-radius: 8px;
  }
  #sub.product .price_info .price > div {
    flex: 1;
  }
  #sub.product .price_info .total strong {
    font-size: 14px;
    margin-bottom: 8px;
  }
  #sub.product .price_info .total p {
    font-size: 20px;
  }
  #sub.product .price_info .total {
    padding-top: 0;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  #sub.product .price_info > div {
    border-left: none;
  }
  #sub.product .price_info > div .total {
    border-bottom: 2px solid var(--point-color);
  }
  #sub.product .price_info .price {
    gap: 15px;
  }
  #sub.product .price_info > div {
    flex-direction: column;
  }
  #sub.product .price_info .price ul li {
    font-size: 14px;
    gap: 5px;
  }
  #sub.product .price_info .price ul li:before {
    width: 4px;
    height: 4px;
    top: 5px;
  }
  #sub.product .price_info .price span {
    font-size: 14px;
    padding: 6px;
  }
  #sub.hyodam .con02 .img {
    border-radius: 6px;
  }
  #sub.hyodam .con01 {
    margin-bottom: 60px;
  }
  #sub.hyodam .con02 ul {
    gap: 10px;
  }
  #sub.hyodam .con02 .big {
    margin-bottom: 10px;
  }
  #sub.hyodam .con02 ul li {
    width: calc(50% - 5px);
  }
  #sub.hyodam .con01 ul li .txt p {
    font-size: 14px;
    line-height: 1.5;
  }
  #sub.hyodam .con01 ul {
    gap: 20px;
  }
  #sub.hyodam .con01 ul li {
    border-radius: 8px;
  }
  #sub.hyodam .con01 ul li .txt strong {
    font-size: 20px;
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
  #sub.hyodam .con01 ul li {
    height: auto;
    padding-top: 50px;
    padding-bottom: 20px;
  }
  #sub.hyodam .con01 ul li .tag {
    padding: 5px;
    top: -23px;
  }
  #sub.hyodam .con01 ul li .txt {
    padding: 0 20px;
  }
  #sub.hyodam .con01 ul li .tag i {
    width: 35px;
    height: 35px;
    font-size: 15px;
  }
  #sub .sb_title_top {
    padding-bottom: 50px;
    margin-bottom: 50px;
  }
  #sub.product_main .con .title strong {
    margin-bottom: 6px;
  }
  #sub.corporation .s_title {
    margin-bottom: 20px;
  }
  #sub .sb_title strong,
  #sub.product .p_title_info strong,
  #sub.product_main .con .title strong,
  #sub.corporation .s_title strong {
    font-size: 22px;
  }
  #sub.product .p_title_info strong {
    margin-bottom: 15px;
  }
  #sub .sb_title p,
  #sub.product .p_title_info p,
  #sub.product_main .con .title p,
  #sub .s_title p,
  #sub.recruit .con01 .title p {
    font-size: 15px;
    line-height: 1.5;
    margin-top: 15px;
    word-break: keep-all;
  }
  #sub.corporation04_03 .con02 .sw_w,
  #sub.corporation04_03 .con03 .img_box {
    padding: 10px;
    border-radius: 10px;
  }
  #sub.corporation04_03 .con03 .img_box .img,
  #sub.corporation04_03 .con02 .sw_w .img {
    border-radius: 7px;
  }
  #sub.product_main .con .title {
    margin-bottom: 25px;
  }
  #sub .sb_title p br,
  #sub.product .p_title_info p br {
    display: none;
  }
  #sub .sub_visual.sub_img_visual .visual_w .sv_txt p {
    line-height: 1.5;
  }
  #sub .sub_visual.sub_img_visual .visual_w {
    padding-top: 20px;
  }
  #sub .sub_visual.sub_img_visual .visual_w .vis,
  #sub .sub_visual.sub_img_visual .visual_w {
    height: 400px;
  }
  #sub.member .join_step ul li {
    font-size: 14px;
  }
  #sub.my_contr .inqu_btn {
    flex-wrap: wrap;
  }
  #sub .info_error .s_button {
    margin-top: 10px;
  }
  #sub.my_contr .info_error {
    margin-top: 15px;
  }
  #sub.my_contr .product_title .price strong {
    font-size: 16px;
  }
  #sub.my_contr .product_title .print {
    right: 20px;
  }
  #sub.my_contr .s_button {
    height: 35px;
    padding: 0 10px;
    font-size: 14px;
  }
  #sub.my_contr .s_button img {
    width: 10px;
  }
  #sub .sub_visual .sv_txt h2 {
    font-size: 32px;
  }
  #sub.my_contr .contract_w .contr_title strong {
    font-size: 20px;
  }
  #sub .s_tab ul li a {
    width: auto;
    padding: 0 25px;
  }
  #sub .s_tab ul li a {
    line-height: 36px;
    font-size: 14px;
  }
  #sub.my_contr .contract_w .contr_title {
    margin-bottom: 45px;
  }
  #sub .sub_visual {
    margin-bottom: 35px;
  }
  #sub.board_form .form_content .f_title {
    margin-bottom: 20px;
  }
  #sub.my_contr.dashboard .con01 ul li .w strong {
    font-size: 30px;
  }
  #sub.my_contr.dashboard .con01 ul li .w span {
    font-size: 15px;
  }
  #sub.my_contr .contract_w .contr_title2 stron,
  #sub.board_form .form_content .f_title strong {
    font-size: 18px;
  }
  #sub.my_contr .contract_w .contr_title2:before,
  #sub.board_form .form_content .f_title:before {
    width: 20px;
    height: 20px;
    border-width: 5px;
  }
  #sub.my_contr.dashboard .con01 ul li .w p,
  #sub.my_contr.dashboard .con02 .list > ul > li .tag span,
  #sub.my_contr .product_title .tit span {
    width: 45px;
    height: 23px;
    font-size: 14px;
  }
  #sub.my_contr.dashboard .con01 ul li .w {
    gap: 6px;
    height: 80px;
  }
  #sub.my_contr.dashboard .con01 {
    margin-bottom: 45px;
  }
  #sub .s_tab {
    padding: 3px;
  }
  #sub .sub_tab ul li a {
    min-width: 50px;
  }
  #sub.board .sub_visual {
    margin-bottom: 50px;
  }
  #sub.my_contr.dashboard .con02 .list > ul > li {
    padding: 20px;
  }
  #sub.my_contr.dashboard .con02 .list > ul > li ul li strong,
  #sub.my_contr.dashboard .con02 .list > ul > li ul li p {
    font-size: 15px;
  }
  #sub.my_contr.dashboard .con02 .list > ul > li ul {
    gap: 6px;
  }
  #sub.my_contr.dashboard .con02 .list > ul > li .tag {
    margin-bottom: 10px;
  }
  #sub.my_contr.dashboard .con02 .list > ul > li .view_btn a {
    line-height: 38px;
    font-size: 15px;
  }
  #sub.my_contr.dashboard .con02 .list > ul > li .view_btn {
    margin-top: 15px;
  }
  #sub.my_contr .contract_w .contr_title2 {
    margin-bottom: 10px;
  }
  #sub .sub_visual {
    padding-top: 110px;
  }
  #sub .sub_visual .breadcrumb > ul > li > a {
    font-size: 13px;
  }
  #sub .sub_visual .breadcrumb > ul > li {
    font-size: 13px;
  }
  #sub .sub_visual .breadcrumb > ul > li svg {
    width: 10px;
  }
  #sub .paging ul li a {
    width: 32px;
    height: 32px;
    font-size: 14px;
  }
  #sub .paging {
    margin-top: 40px;
  }
  #sub.recruit .con02 .title {
    padding-bottom: 15px;
  }
  #sub.recruit .con02 .title strong {
    font-size: 20px;
  }
  .sub_con {
    padding-bottom: 80px;
  }
  #sub.my_contr .info_table table th {
    width: 110px;
  }
  #sub.my_contr .info_table table th,
  #sub.my_contr .info_table table td {
    font-size: 15px;
    height: 34px;
  }
  #sub.my_contr .info_table table td {
    padding-left: 10px;
  }
  #sub .s_tab {
    margin-bottom: 25px;
  }
  #sub.my_contr .product_title .tit strong {
    font-size: 16px;
  }
  #sub.my_contr .product_title .tit {
    padding-right: 20px;
  }
  #sub.my_contr .product_title {
    padding-left: 20px;
    height: 60px;
    border-radius: 8px;
  }
  #sub.my_contr .product_title .price span,
  #sub.my_contr .product_title .price p {
    font-size: 15px;
  }
  #sub.my_contr .product_title .price {
    gap: 5px;
    padding-left: 10px;
  }
  #sub.my_contr .product_title .kakao_btn button {
    height: 32px;
    font-size: 15px;
  }
  #sub.my_contr .product_title .kakao_btn button img {
    width: 20px;
  }
  #sub.my_contr .product_title .kakao_btn {
    right: 20px;
  }
  #sub .info_error strong {
    font-size: 16px;
  }
  #sub .info_error p {
    font-size: 15px;
    line-height: 1.5;
    word-break: keep-all;
    margin-top: 6px;
  }
  #sub .info_error strong i img {
    width: 17px;
  }
  #sub .info_error strong i {
    left: -23px;
  }
  #sub.my_contr.base_view .info_error {
    padding: 15px;
    padding-left: 40px;
  }
  #sub.my_contr .info_error {
    padding: 15px;
    padding-left: 40px;
    border-radius: 8px;
  }
  #sub.my_contr.base_view .info_error {
    margin-top: 20px;
  }
  #sub.my_contr .inqu_btn > * {
    height: 36px;
    font-size: 15px;
    padding: 0 15px;
    gap: 10px;
  }
  #sub.my_contr .inqu_btn > * img {
    width: 10px;
  }
  #sub.my_contr .inqu_btn {
    padding: 25px 0;
  }
  #sub.my_contr .go_list a {
    width: 120px;
    height: 45px;
    font-size: 15px;
  }
  #sub.my_contr .go_list {
    margin-top: 20px;
  }
  #sub.my_contr .info_table2 {
    width: 100%;
    overflow-x: scroll;
  }
  #sub.my_contr .info_table2 table {
    min-width: 600px;
  }
  #sub.my_contr.product_view .pro_info {
    gap: 30px;
  }
  #sub.my_contr.product_view .pro_info .title {
    margin-bottom: 10px;
  }
  #sub.my_contr.product_view .pro_info .title strong {
    font-size: 16px;
  }
  #sub.my_contr.pay_view .con {
    padding-top: 40px;
  }
  #sub.member .f_list {
    margin-bottom: 10px;
  }
  #sub.member .f_list ul li input,
  #sub .btn_wrap *,
  #sub.member .kakao_login button {
    height: 45px;
    font-size: 15px;
  }
  #sub.member .kakao_login button img {
    width: 20px;
  }
  #sub.member .f_list ul {
    gap: 7px;
  }
  #sub.member .kakao_login {
    padding-top: 15px;
    margin-top: 15px;
  }
  #sub.member.login .info_list ul li a {
    font-size: 14px;
  }
  #sub.member.login .info_list {
    margin: 20px 0;
  }
  #sub.member .sub_visual {
    margin-bottom: 30px;
  }
  #sub .sub_visual .sv_txt p {
    font-size: 15px;
    line-height: 1.5;
    word-break: keep-all;
    margin-top: 15px;
  }
  #sub.personal_auth .con01 ul li a i img {
    width: 70px;
  }
  #sub.personal_auth .con01 ul li a strong {
    font-size: 20px;
    margin-top: 15px;
  }
  #sub.personal_auth .con01 ul li a span {
    font-size: 15px;
    line-height: 1.5;
  }
  #sub.personal_auth .con01 ul li a {
    padding: 25px 0;
    border-radius: 8px;
    height: auto;
  }
  #sub.member .chk_info p {
    font-size: 14px;
    word-break: keep-all;
    line-height: 1.5;
  }
  #sub.member .chk_info i {
    top: 0;
  }
  #sub.member .chk_info i img {
    width: 19px;
  }
  #sub.member .chk_info {
    padding-left: 23px;
  }
  #sub.board_form .form_content ul li .inp input,
  #sub.board_form .form_content ul li .inp select {
    height: 40px;
    font-size: 14px;
    padding-left: 10px;
  }
  #sub.board_form .form_content ul li span {
    font-size: 14px;
    word-break: keep-all;
    margin-top: 7px;
  }
  #sub.board_form .form_content ul li strong {
    font-size: 16px;
  }
  #sub.board_form .form_content ul {
    gap: 15px;
  }
  #sub.board_form .form_content ul li .inp button {
    height: 27px;
    right: 10px;
    font-size: 14px;
    width: 85px;
  }
  #sub.board_form .form_content ul li .c_list ul li label:before {
    width: 20px;
    height: 20px;
    background-size: 100% 100% !important;
  }
  #sub.board_form .form_content > div {
    margin-bottom: 25px;
    padding-bottom: 25px;
  }
  #sub.board_form .form_content ul li .c_list ul li label {
    font-size: 14px;
  }
  #sub.board_form .form_content ul li .c_list ul {
    height: 40px;
    gap: 15px;
    font-weight: wrap;
  }
  #sub.member .join_title strong {
    font-size: 18px;
  }
  #sub.member .join_title p {
    font-size: 15px;
    margin-top: 10px;
  }
  #sub.member .join_title {
    margin-bottom: 20px;
  }
  #sub.member .join_step ul li span {
    width: 20px;
    line-height: 20px;
    font-size: 12px;
  }
  #sub.member .join_step ul li {
    gap: 5px;
    padding-left: 7px;
    height: 30px;
  }
  #sub.member .join_step {
    padding: 5px;
    margin-bottom: 30px;
  }
  #popup.form_pop .pop_in .pop_w {
    max-width: 90vw;
  }
  #popup .pop_in .pop_w .p_title strong {
    font-size: 17px;
  }
  #popup .pop_in .pop_w .p_title p {
    font-size: 14px;
  }
  #popup .pop_in .pop_w .p_title span {
    font-size: 14px;
  }
  #popup .pop_in .pop_w .p_title span i img {
    width: 18px;
  }
  #popup .pop_in .pop_w .p_title p {
    margin-bottom: 10px;
  }
  #popup .pop_in .pop_w .p_title {
    padding-bottom: 25px;
    margin-bottom: 15px;
  }
  #sub.board_form .form_content .reset_sign button {
    width: 80px;
    height: 30px;
    font-size: 14px;
  }
  #sub.board_form .form_content .reset_sign p {
    font-size: 14px;
  }
  #sub.board_form .form_content ul li .inp textarea {
    padding: 20px;
    padding: 15px;
    font-size: 14px;
    height: 150px;
  }
  #popup.form_pop .pop_in .pop_w > .close {
    right: 20px;
    top: 20px;
  }
  #popup.form_pop .pop_in .pop_w {
    padding: 50px 20px;
  }
  #popup .pop_in .pop_w .form_content {
    padding-right: 20px;
  }
  #sub.board_form #popup .pop_in .pop_w .form_content > div {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  #sub.board_form .form_content ul li .c_list ul {
    flex-wrap: wrap;
    height: auto;
  }
  #popup .pop_in .pop_w .pop_btn button {
    width: 120px;
    height: 45px;
  }
  #sub .sub_visual .breadcrumb > ul > li ul {
    padding: 15px 0;
  }
  #sub .sub_visual .breadcrumb > ul > li ul li a {
    font-size: 14px;
    line-height: 30px;
    padding-left: 10px;
  }
  #sub .sub_visual .breadcrumb > ul > li ul {
    width: 100px;
  }
  #sub.board_form .form_content ul li .card_num select {
    width: 110px;
  }
  #sub.my_contr.dashboard .con01 ul li:after {
    height: 40px;
  }
  #sub.my_contr .date_sch select {
    width: 130px;
    height: 40px;
    font-size: 14px;
    padding-left: 10px;
  }
  #sub.my_contr .date_sch span {
    font-size: 14px;
  }
  #sub.my_contr .date_sch {
    margin-bottom: 10px;
  }
  #sub .sb_title {
    margin-bottom: 30px;
  }
  #sub.product .p_title {
    margin-top: 30px;
  }
  #sub.product .p_title strong {
    font-size: 22px;
  }
  #sub.product .p_title {
    margin-bottom: 25px;
  }
  #sub.product .product_goods_info {
    padding-top: 60px;
  }
  #sub.product_main .con ul li a .wrap {
    padding: 5px;
    border-radius: 10px;
  }
  #sub.product_main .con ul li a .wrap .img_w {
    border-radius: 12px;
  }
  #sub.product_main .con ul li a .m_view {
    display: none;
  }
  #sub.product_main .con ul li a .tit strong {
    font-size: 16px;
  }
  #sub.product_main .con {
    padding-top: 60px;
  }
  #sub.product .service .ser_title {
    padding-bottom: 20px;
    margin-bottom: 40px;
  }
  #sub.product .service {
    padding-top: 60px;
  }
  #sub.product .product_goods_info .pro_g_list .list .txt span {
    font-size: 13px;
    line-height: 1.5;
    word-break: keep-all;
  }
  #sub.product.hyo .price_down {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  #sub.product .why_hyodam .why {
    height: auto;
    background-size: auto 100%;
    padding: 40px 0;
  }
  #sub.product .why_hyodam .why ul li strong {
    font-size: 15px;
  }
  #sub.product .why_hyodam .why ul li p {
    font-size: 14px;
    margin-top: 7px;
  }
  #sub.product .why_hyodam .why ul li div i img {
    width: 16px;
  }
  #sub.product .why_hyodam .why ul li {
    padding: 10px;
  }
  #sub.product .why_hyodam .why ul li {
    width: auto;
  }
  #sub.product .why_hyodam .why ul li {
    padding-left: 30px;
  }
  #sub.product .why_hyodam .why ul li div i {
    left: -22px;
  }
  #sub.product .why_hyodam,
  #sub.product.hyo .guarantee,
  #sub.product.hyo .vip {
    padding-top: 60px;
  }
  #sub.product .re_info ul li {
    font-size: 14px;
    word-break: keep-all;
    line-height: 1.5;
  }
  #sub.product .re_info ul {
    gap: 5px;
  }
  #sub.product .re_info ul li:before {
    top: 8px;
    width: 3px;
    height: 3px;
  }
  #sub.product .re_info {
    padding-top: 60px;
  }
  #sub.product .product_only,
  #sub.product .cruise_infomation {
    padding-top: 60px;
  }
  #sub.product .product_only ul + span {
    font-size: 12px;
    line-height: 1.5;
    word-break: keep-all;
    margin-top: 20px;
  }
  #sub.product .re_info .number_info {
    height: 50px;
    margin-top: 30px;
  }
  #sub.product .re_info .number_info strong {
    font-size: 16px;
  }
  #sub .sub_tab ul {
    padding: 5px;
  }
  #sub.corporation04_02 .con .info_txt img {
    width: 90px;
  }
  #sub.corporation04_02 .con .info_txt .txt p {
    width: 200px;
    height: 40px;
    font-size: 15px;
    border-radius: 4px;
  }
  #sub.corporation04_02 .con .info_txt .txt div {
    border-width: 2px;
    border-radius: 10px;
  }
  #sub.corporation04_02 .con .info_txt,
  #sub.corporation04_02 .con .info_txt .txt {
    margin-top: 15px;
  }
  #sub.corporation04_02 .con .list > ul > li {
    border-radius: 10px;
  }
  #sub.corporation01 .con01 {
    margin-bottom: 60px;
  }
  #sub.corporation01 .con02 {
    padding: 60px 0;
  }
  #sub.corporation01 .con03 {
    padding-top: 60px;
  }
  #sub.corporation01 .con03 ul li .wr {
    padding: 20px 0;
    padding-top: 30px;
    border-radius: 10px;
  }
  #sub.corporation01 .con03 ul li {
    padding-top: 20px;
  }
  #sub.corporation01 .con03 ul li .wr i {
    width: 40px;
  }
  #sub.corporation01 .con03 ul li .wr i img {
    width: 100%;
  }
  #sub.corporation01 .con03 ul li .wr strong {
    font-size: 16px;
  }
  #sub.recruit .con01 .num strong {
    font-size: 14px;
  }
  #sub.recruit .con01 .num .number div p {
    font-size: 14px;
  }
  #sub.recruit .con01 .num .number div img {
    width: 30px;
  }
  #sub.recruit .con01 .num strong {
    margin-bottom: 15px;
  }
  #sub.recruit .con01 .wrap {
    margin-bottom: 40px;
  }
  #sub.recruit .con02 {
    padding-top: 60px;
  }
  #sub.board .sub_con {
    margin-top: 40px;
  }
  #sub.service .s_list ul li a .txt strong {
    font-size: 16px;
  }
  #sub.service .s_list ul li,
  #sub .sv_list ul li {
    width: calc(50% - 10px);
  }
  #sub.service .s_list ul li a .txt img {
    width: 30px;
  }
  #sub.service .s_list ul li a .img .hover {
    display: none;
  }
  #sub.service .s_list ul li a {
    gap: 10px;
  }
  #sub.service .s_list ul li a .img {
    border-radius: 8px;
  }
  #sub.sv_main .sub_visual {
    height: 360px;
  }
  #sub .sv_list ul li a .txt strong {
    font-size: 15px;
  }
  #sub .sv_list ul li a .txt i {
    display: none;
  }
  #sub .sv_list ul li a {
    gap: 10px;
  }
  #sub.sv .sub_visual {
    margin-bottom: 25px;
  }
  #sub.sv .sub_visual .sv_img {
    height: 360px;
  }
  #sub.management .con03 .c03 .wr p br {
    display: none;
  }
  #sub.management .con03 .c03 .wr p {
    word-break: keep-all;
  }
  #sub.management .con03 .wrap {
    gap: 40px;
  }
  #sub.board .t_list ul li a .down span {
    display: none;
  }
  #sub.board .t_list ul li a .down {
    width: 30px;
    height: 30px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #sub.board .t_list ul li a .down img {
    width: 13px;
    height: auto;
  }
  #sub.ms01 .con02 .info_p p {
    word-break: keep-all;
    line-height: 1.5;
    font-size: 13px;
  }
  #sub.ms_view .sub_visual .sv_txt {
    margin-top: 40px;
  }
  #sub.ms_view .sub_visual {
    height: auto;
    padding-bottom: 90px;
  }
  #sub .sub_visual .breadcrumb > ul > li button {
    gap: 4px;
  }
  #sub .sub_visual .breadcrumb > ul > li > button {
    padding-right: 6px;
  }
}

@media (max-width: 720px) {
  #sub .sv_list ul li a .txt strong {
    width: 100%;
    white-space: normal;
  }
  #sub .sv_list ul li a .img .hover {
    display: none;
  }
  #sub.management .con02 .sb_title {
    flex-direction: column;
  }
  #sub.management .con02 .sb_title ul {
    display: none;
  }
  #sub.management .s_t strong {
    font-size: 16px;
  }
  #sub.product.hyo .price_down .wr .left {
    width: 100%;
  }
  #sub.product.hyo .price_down .wr {
    flex-direction: column;
    height: auto;
    padding: 20px;
  }
  #sub.product .product_merit ul {
    flex-wrap: wrap;
  }
  #sub.product .product_merit ul li {
    width: calc(50% - 10px);
    flex: auto;
  }
  #sub.my_contr .product_title {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 7px;
  }
  #sub.my_contr .product_title .price {
    padding-left: 0;
  }
  #sub.my_contr .product_title .price:before {
    display: none;
  }
  #sub.my_contr .product_title .tit {
    flex-direction: column;
    align-items: flex-start;
  }
  #sub.my_contr .product_title {
    height: auto;
    padding: 20px;
  }
  #sub.product.hyo .price_down .wr .right {
    border-left: none;
    border-top: 1px solid #ccdae8;
    width: 100%;
    padding-top: 20px;
    margin-top: 20px;
  }
  #sub.product.hyo .vip .wr {
    flex-direction: column;
  }
  #sub .depth3_content {
    display: block;
  }
  #sub .depth3_content .d3_tab {
    top: 0;
    position: static;
    width: 100%;
    margin-bottom: 30px;
  }
  #sub .depth3_content .d3_tab ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  #sub .depth3_content .d3_tab ul li {
    width: calc(50% - 5px);
  }
  #sub .depth3_content .d3_tab ul li a {
    width: 100%;
  }
  #sub .depth3_content .d_con {
    width: 100%;
  }
  #sub.corporation04_03 .con01 ul li {
    width: 100%;
    flex: auto;
    gap: 15px;
  }
  #sub.corporation04_03 .con01 ul {
    flex-wrap: wrap;
  }
  #sub.corporation04_02 .con01 ul li {
    width: 100%;
    border: none !important;
    border-bottom: 1px dashed #cccccc !important;
    padding: 10px !important;
  }
  #sub.corporation04_02 .con01 ul {
    margin-top: 20px;
  }
  #sub.corporation01 .con02 ul {
    flex-direction: column;
  }
  #sub.corporation04_02 .con01 .step_img {
    border-radius: 10px;
  }
  #sub.management .con03 .c03 .wr .img img {
    width: 320px;
  }
  #sub.ms01 .con02 .s_list ul {
    gap: 10px;
  }
  #sub.ms01 .con02 .s_list ul li {
    width: calc(50% -5px);
    padding: 15px;
  }
  #sub.corporation03 .d_con {
    gap: 60px;
  }
}
@media (max-width: 640px) {
  #sub.corporation03 .con ul {
    gap: 6px;
  }
  #sub.corporation03 .con ul li {
    width: calc(33.33% - 4px);
  }
  #sub.corporation03 .con ul li div {
    border-radius: 7px;
  }
  #sub.review .r_list ul {
    gap: 15px;
  }
  #sub.review .r_list ul li {
    width: 100%;
  }
  #sub.product .s_tab_w {
    top: 60px;
  }
  #sub.management .con03 .c03 .wr {
    flex-direction: column;
    gap: 20px;
  }
  #sub.management .con03 .c03 .wr .img {
    flex: 1;
  }
  #sub.management .con03 .c03 .wr .img img {
    width: 100%;
  }
  #sub.management .con03 .c03 .wr p {
    padding-left: 0;
  }
  #sub.board .sub_visual {
    margin-bottom: 40px;
  }
  #sub.funeral02 .info_box .day .day_con .cw .ste .box {
    flex-direction: column;
  }
  #sub.funeral02 .info_box .day .day_con .cw .ste .box:after {
    display: none;
  }
  #sub.recruit .con02 ul {
    margin-top: 20px;
  }
  #sub.recruit .con02 ul {
    flex-direction: column;
  }
  #sub.recruit .con02 ul li {
    width: 100%;
    flex: auto;
    height: 250px;
  }
  #sub.recruit .con02 ul li:after {
    display: none;
  }
  #sub.corporation01 .con01 .effect .txt {
    border-radius: 10px;
  }
  #sub.corporation01 .con01 .effect .txt div {
    border-radius: 10px;
  }
  #sub.corporation01 .con01 .effect .txt div p br {
    display: none;
  }
  #sub.corporation01 .con01 .effect .txt div p {
    font-size: 14px;
  }
  #sub.corporation01 .con01 .wr {
    flex-wrap: wrap;
  }
  #sub.corporation01 .con01 .wr > div {
    flex: auto;
  }
  #sub .sub_tab ul li a {
    word-break: keep-all;
  }
  #sub .sub_tab {
    top: 60px;
  }
  #sub.product .cruise_infomation .list .txt {
    gap: 10px;
  }
  #sub.product .cruise_infomation .list > ul {
    gap: 30px;
  }
  #sub.product .cruise_infomation .list > ul li {
    width: 100%;
  }
  #sub.product .product_only ul li {
    width: calc(50% - 10px);
  }
  #sub.personal_auth .con01 ul li a span {
    font-size: 14px;
  }
  #sub.member .member_w {
    width: 100%;
    padding: 0 20px;
  }
  #sub.hyodam .con01 ul {
    flex-wrap: wrap;
    gap: 40px;
  }
  #sub.hyodam .con01 ul li {
    width: 100%;
    flex: auto;
  }
  #sub.hyodam .con01 ul li {
    padding-top: 30px;
  }
  #sub.product .product_goods_info .pro_g_list .list {
    flex-wrap: wrap;
  }
  #sub.product .product_goods_info .pro_g_list .list > div {
    width: calc(50% - 10px);
  }
  #sub.product_main .con ul {
    flex-direction: column;
    gap: 15px;
  }
  #sub.product_main .con ul li {
    width: 100%;
  }
  #sub .sub_visual.sub_img_visual {
    padding-top: 60px;
  }
  #sub.product .service .ser_list ul li {
    width: calc(50% - 10px);
  }
  #sub.product .s_tab ul li a {
    padding: 0 10px;
  }
  #sub.product .product_goods_info .pro_g_list .list .txt strong {
    font-size: 14px;
    word-break: keep-all;
  }
  #sub.product .product_goods_info .pro_g_list .list .txt strong br {
    display: none;
  }
  #sub.product.health .checklist .list ul li {
    width: 100%;
  }
  #sub.product.health .checklist .list ul {
    gap: 20px 30px;
  }
  #sub.corporation02 .con .p_list ul {
    flex-wrap: wrap;
  }
  #sub.corporation02 .con .p_list ul li {
    width: calc(50% - 5px);
  }
  #sub.corporation02 .con.con01 .p_list ul li {
    width: 100%;
  }
  #sub .sub_visual .breadcrumb > ul {
    gap: 5px;
  }
  #sub .sub_visual .breadcrumb > ul > li > a {
    padding-right: 5px;
  }
  #sub .sub_visual .breadcrumb > ul > li > a,
  #sub .sub_visual .breadcrumb > ul > li.active > button {
    font-size: 11px;
  }
  #sub.management .con01 {
    margin-bottom: 60px;
  }
  #sub.product .product_only ul li .txt p {
    line-height: 1.5;
    font-size: 14px;
    word-break: keep-all;
    margin-top: 10px;
  }
  #sub.product .product_only ul li .txt p br {
    display: none;
  }
  #sub.ms01 .s_info {
    flex-direction: column;
    gap: 20px;
  }
  #sub.ms01 .s_info > dl {
    width: 100%;
    border-radius: 15px;
  }
  #sub.corporation04_04 .con.con01 .sli_btn {
    display: block;
  }
}
@media (max-width: 600px) {
  #sub.board .b_top .search .input {
    width: 230px;
  }
  #sub.product .price_info .price {
    flex-direction: column;
  }
  #sub.product.paradise .pro_benefit .step ul {
    gap: 15px;
  }
  #sub.board .sub_visual.sub_img_visual .visual_w {
    height: 300px;
  }
  #sub.history .sub_tab {
    padding-left: 10px;
  }
  #sub.history .sub_tab ul li a {
    font-size: 13px;
  }
  #sub.corporation01 .con03 ul li {
    width: calc(50% - 10px);
  }
  #sub.corporation04_02 .con .list > ul > li {
    width: 100%;
  }
  #sub.product .checklist .list ul li {
    width: 100%;
  }
  #sub .sub_visual.sub_img_visual .visual_w .vis img {
    height: 100%;
  }
  #sub .sub_visual.sub_img_visual .visual_w .vis,
  #sub .sub_visual.sub_img_visual .visual_w {
    height: 300px;
  }
  #sub.product .product_merit ul li {
    width: 100%;
    padding: 25px 0;
  }
  #sub.product .product_merit ul li strong {
    font-size: 16px;
    word-break: keep-all;
    align-items: 1.5;
  }
  #sub .sub_visual .sv_txt h2 {
    font-size: 28px;
  }
  #sub.my_contr.dashboard .con02 .list > ul {
    gap: 15px;
  }
  #sub.my_contr.dashboard .con02 .list > ul > li {
    width: 100%;
  }
  #sub.my_contr.dashboard .con01 ul {
    flex-wrap: wrap;
  }
  #sub.my_contr.dashboard .con01 ul li {
    width: 33.33%;
    flex: none;
  }
  #sub.my_contr.dashboard .con01 ul li:nth-child(3):after {
    display: none;
  }
  #sub.product .product_table .tb table th,
  #sub.product .product_table .tb table td {
    font-size: 11px;
  }
  #sub.product .checklist .list {
    margin-top: 20px;
  }
  #sub.social .con01 div strong {
    font-size: 18px;
    word-break: keep-all;
  }
  #sub.social .con01 div {
    gap: 15px;
  }
  #sub.recruit .con01 .num .number {
    gap: 10px;
  }
  #sub.funeral02 .info_box .step .num {
    width: calc(50% - 5px);
  }
  #sub.funeral .f_visual {
    height: 260px;
  }
  #sub.corporation04_04 .con ul li {
    width: 100%;
    height: auto;
    padding: 15px 10px;
  }
  #sub.corporation04_04 .con ul li:after {
    display: none;
  }
  #sub.management .con01 p br {
    display: none;
  }

  /*    #sub.board .t_list ul li a .down{display: none}*/
}
@media (max-width: 550px) {
  #sub.personal_auth .con01 ul {
    flex-wrap: wrap;
  }
  #sub.personal_auth .con01 ul li {
    width: 100%;
    flex: auto;
  }
}