@charset "UTF-8";

.sub-visual .container {
  width: 100%;
  height: 100%;
}
.sub-visual .visual-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.sub-visual .visual-inner .title {
  font-size: 6rem;
  font-weight: 500;
  word-break: keep-all;
  color: #333;
  font-family: "NotoSansKR", sans-serif;
}
.sub-visual .visual-inner .desc {
  font-size: 1.6rem;
  font-weight: 400;
  color: #333;
  font-family: "NotoSansKR", sans-serif;
}

@media (max-width: 768px) {
  .sub-visual {
    height: 440px;
  }
}

.content-section .text-image.one {
  justify-content: flex-end;
}
.content-section .text-image.one .title {
  margin-bottom: 2rem;
}
.content-section.about .text-image.one .text .desc-s{
  margin-top: 0;
}
.content-section.about .text-image.one .text .desc-s + .desc-s{
  margin-top: 3rem;
}
.content-section .text-image.reverse {
  flex-direction: row-reverse;
}
.content-section .center-wrap {
  text-align: center;
}
.content-section .center-wrap .text .title {
  font-family: "NotoSansKR", sans-serif;
  font-size: 4rem;
  font-weight: 500;
}
.content-section .center-wrap .text .desc-xL {
  font-size: 3rem;
  font-weight: 400;
}
.content-section.programs-group {
  background: linear-gradient(180deg, #f5f5f5 0%, #ffffff 100%);
}
.content-section.programs-group .section-title {
  font-size: 4rem;
  font-weight: 600;
  color: #333;
  font-family: "NotoSansKR", sans-serif;
  text-align: center;
  margin-bottom: 8rem;
}
.content-section.programs-group .program-list {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.content-section.programs-group .program-list .program-item {
  background-color: #fff;
  border-radius: 8px;
  width: calc(33.3333% - 10px);
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 1.35rem 2rem;
}
.content-section.programs-group .program-list .program-item img {
  max-width: 100%;
  height: auto;
}
.content-section.programs-group .program-list .program-item p {
  font-size: 3rem;
  font-weight: 600;
  color: #CC699B;
}
.content-section.expert {
  background: linear-gradient(180deg, #f5f5f5 0%, #ffffff 100%);
}
.content-section.expert .text-image {
  align-items: center;
  gap: 9.8rem;
}
.content-section.expert .text {
  width: 50%;
}
.content-section.expert .title {
  margin-bottom: 2rem;
}
.content-section.expert div.image {
  text-align: center;
}
.content-section.expert div.image img {
  width: auto;
}

@media (max-width: 960px) {
  .content-section.programs-group .program-list .program-item {
    width: calc(50% - 10px);
  }
}
@media (max-width: 900px) {
  .content-section .center-wrap .text .title {
    font-size: 2.1rem;
  }
  .content-section .center-wrap .text .desc-xL {
    font-size: 1.6rem;
  }
  .content-section.programs-group .section-title {
    font-size: 2.1rem;
    margin-bottom: 3rem;
  }
  .content-section.expert .text-image {
    flex-direction: column;
    gap: 3rem;
  }
  .content-section.expert .text {
    width: 100%;
  }
  .content-section.expert div.image img {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .content-section .text-image {
    flex-direction: column;
  }
  .content-section .text-image.one {
    flex-direction: row;
  }
  .content-section .text-image > div {
    width: 100%;
  }
  .sub-visual .visual-inner .title {
    font-size: 3rem;
    text-align: center;
  }
  .sub-visual .visual-inner .desc {
    font-size: 1.8rem;
    text-align: center;
  }
  .content-section.who .text-image .text .title,
  .content-section.glance .text-image .text .title,
  .content-section.lifestyle .text-image .text .title,
  .content-section.intro .text-image div.text .title{
    font-size: 2.1rem !important;
  }
  .content-section .text-image div.text .title {
    font-size: 2.1rem;
    text-align: center;
  }
  .content-section .text-image div.text .desc-xL {
    font-size: 1.6rem;
    text-align: center;
  }
  /* .content-section .text-image div.text .desc-s {
    font-size: 1.4rem;
  } */
  .content-section.programs-group .program-list .program-item {
    width: 100%;
  }
  .content-section.programs-group .program-list .program-item p {
    font-size: 2.4rem;
  }
}
.mt-20 {
  margin-top: 20px;
}


.section-wrap {
  padding-top: 10rem;
}
.section-wrap .di {
  background-color: #173D68;
  height: 200vh;
}

@media screen and (max-width: 1260px) {
  .header-wrap .nav-menu .item .item-contents .contents-item .inner {
    width: 100%;
  }
  .header-wrap .nav-menu .item .item-name {
    padding: 1.9rem 2rem;
  }
}
@media screen and (max-width: 900px) {
  .header-wrap {
    min-height: 6rem;
  }
  .header-wrap .header-inner .logo {
    padding: 1.35rem 0;
  }
  .header-wrap .nav-menu {
    display: none;
  }
  .header-wrap .pc-nav-wrap .cart-btn {
    padding-left: 0.7rem;
    padding-right: 0.7rem;
  }
  .header-wrap .pc-nav-wrap .cart-btn .cart-count {
    right: 0;
  }
  .section-wrap {
    padding-top: 10rem;
  }
}

.sub-visual.sub-page-1 {
  background-image: url(../../../include/img/view/sub_vis_01.jpg);
}
.sub-visual.sub-page-1 .visual-inner {
  align-items: flex-end;
  text-align: right;
}
.sub-visual.sub-page-1 .visual-inner .title{
  color: #fff;
}
.sub-visual.sub-page-1 .visual-inner .desc{
  color: #fff;
  font-size: 2.2rem;
}
.sub-visual.sub-page-1.element{
  background-image: url(../../../include/img/view/healy_elements_bg.jpg);
  height: 625px;
  background-position: center center;
}

.content-section.wellness .text-image {
  gap: 3rem;
}
.content-section.wellness .text-image .title {
  margin-bottom: 2rem;
}
.content-section.wellness .text-image .desc-xL {
  margin-bottom: 0;
}
.content-section.about {
  background: url(../../../include/img/view/wellness_about_01.png) no-repeat center center/cover;
  padding: 0;
}
.content-section.about .text-image {
  height: 68rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: left;
}
.content-section.about .text-image .text .desc-s {
  margin-top: 3rem;
}
@media (max-width: 768px) {
  .content-section.about {
    background-position: right center;
  }
  .sub-visual.sub-page-1.element{
    background-image: url(../../../include/img/view/healy_elements_bg_mo.jpg);
    height: 329px;
  }
}
.content-section.edition{
  padding-bottom: 0;
}
.content-section.edition .title-section {
  text-align: center;
  font-size: 4rem;
  font-weight: 500;
}
.content-section.edition .sub-desc-s{
  font-size: 2.8rem;
  text-align: center;
  margin-bottom: 4rem;
}
.content-section.edition .edition-list {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: space-between;
}
.content-section.edition .edition-list .edition-item {
  width: 45.7%;
  border: 1px solid #d7d7d7;
  position: relative;
  padding-bottom: 140px;
  margin-bottom: 5rem;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  padding-bottom: 140px;
}
.content-section.edition .edition-list .edition-item.all-edition {
  width: 100%;
}
.content-section.edition .edition-list .edition-item.all-edition .all-edition-wrap {
  display: flex;
  gap: 2rem;
}
.content-section.edition .edition-list .edition-item.all-edition .all-edition-wrap .all-edition-text {
  width: 50%;
  overflow: hidden;
  margin-right: 0;
}
.content-section.edition .edition-list .edition-item.all-edition .all-edition-wrap .all-edition-text .bf_t {
  line-height: 1;
  padding-top: 1.2rem;
}
.content-section.edition .edition-list .edition-item.all-edition .all-edition-wrap .all-edition-text .bf_t::before {
  top: 20px;
}
.content-section.edition .edition-list .image img {
  width: 100%;
}
.content-section.edition .edition-list .text .title {
  font-weight: 500;
  font-size: 2.8rem;
  text-align: center;
  margin-bottom: 5rem;
}
.content-section.edition .edition-list .list {
  padding-left: 65px;
}
.content-section.edition .edition-list .list li {
  font-size: 1.6rem;
  position: relative;
  line-height: 2em;
}
.content-section.edition .edition-list .list li:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 1.8rem;
  height: 1.6rem;
  background: url(../../../include/img/view/story_03_check.png) no-repeat center center/contain;
  left: -25px;
  top: 50%;
  transform: translateY(-50%);
}
.content-section.edition .edition-list .list li.prere {
  font-size: 1.4rem;
  color: #999;
  line-height: 1.4em;
  width: 70%;
  word-break: keep-all;
}
.content-section.edition .edition-list .list li.prere:before {
  display: none;
}
.content-section.edition .edition-list .list li.li_msg::before {
  top: 38%;
}
.content-section.edition .edition-list .list li.li_msg::after {
  content: attr(data-msg);
  display: block;
  font-size: 14px;
  color: #979797;
  line-height: 1.2em;
}
.content-section.edition .edition-list .holistic-desc {
  font-size: 1.4rem;
  color: #c4c4c4;
  padding-left: 4rem;
  margin-bottom: 3rem;
  margin-top: 5rem;
  position: relative;
}
.content-section.edition .edition-list .holistic-desc.mo-mt{
  margin-top: 0;
}
.content-section.edition .edition-list .holistic-desc::after {
  content: "";
  position: absolute;
  display: block;
  background-color: #ccc;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: -10px;
}
.content-section.edition .edition-list .btn {
  background-color: #56bf99;
  color: #fff;
  display: inline-block;
  line-height: 4.6rem;
  font-size: 1.6rem;
  border-radius: 60px;
  position: absolute;
  bottom: 60px;
  width: 100%;
  max-width: 19.4rem;
  height: auto;
  left: 50%;
  transform: translateX(-50%);
  border: 0;
}
.content-section.programs .program-list {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  padding-top: 10rem;
}
.content-section.programs .text-image {
  position: relative;
  align-items: center;
}
.content-section.programs .text-image .image.pro{
  text-align: right;
}
.content-section.programs .text-image .image.pro img{
  width: auto;
}
.content-section.programs .program-list .program-item {
  position: relative;
  width: 360px;
  margin-bottom: 3rem;
}
.content-section.programs .program-list .program-item img {
  width: 100%;
}
.content-section.programs .program-list .program-item .desc {
  color: #fff;
  width: 100%;
  height: 15rem;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  padding: 1.5rem;
  font-family: "NotoSansKR", sans-serif;
}
.content-section.programs .program-list .program-item .desc h4 {
  font-size: 2rem;
  font-weight: 500;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.content-section.programs .program-list .program-item .desc p {
  font-size: 1.6rem;
  font-weight: 400;
}
.content-section.programs .program-item_add {
  background: url(../../../include/img/view/story_07_bg.jpg) no-repeat center center/cover;
  height: 367px;
  position: relative;
}
.content-section.programs .program-item_add .desc {
  position: absolute;
  bottom: 30px;
  left: 420px;
  color: #fff;
}
.content-section.programs .program-item_add .desc h4 {
  font-size: 2.1rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
.content-section.programs .program-item_add .desc p {
  font-size: 1.6rem;
  font-weight: 400;
  margin: 1.6rem 0;
}
.content-section.programs .text-image .title {
  margin-bottom: 2rem;
}
.content-section.count{
  background-color: #003365;
  text-align: center;
  color: #fff;
}
.content-section.count .title{
  font-size: 4rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
  line-height: 1.2;
  margin-bottom: 3rem;
}
.content-section.count .count-box{
  display: flex;
  justify-content: center;
  gap: 10rem;
}
.content-section.count .count-box img{
  margin-bottom: 2rem;
}
.content-section.count .count-box .image{
  width: 33.33333333333333%;
}
.content-section.count .count-box .count-title{
  font-size: 4rem;
  line-height: 1;
}
.content-section.count .count-box .sub-title{
  font-size: 2.8rem;
  margin-bottom: 1rem;
}
.content-section.count .count-box .desc{
  font-size: 1.6rem;
}
.content-section.count .count-box .desc sup{
  font-size: 1.2rem;
}
.content-section.healyapp .text {
  text-align: center;
  margin-bottom: 5rem;
}
.content-section.healyapp .text h3 {
  font-size: 4rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
  line-height: 1.2;
  margin-bottom: 0.5rem;
}
.content-section.healyapp .text p {
  font-size: 2.2rem;
  font-weight: 400;
  color: #979797;
}
.content-section.healyapp .healyapp-card .card-list {
  display: flex;
  gap: 3rem;
  text-align: center;
}
.content-section.healyapp .healyapp-card .card-list .card-item {
  width: 31.58%;
  height: 60.7rem;
  padding: 5rem 3rem;
  background: #f6f6f6;
}
.content-section.healyapp .healyapp-card .card-list .card-item .title {
  font-size: 2.4rem;
  font-weight: 500;
  margin-top: 2.2rem;
  margin-bottom: 2rem;
}
.content-section.healyapp .healyapp-card .card-list .card-item img {
  max-width: 26rem;
  width: 100%;
}
.content-section.healyapp .healyapp-card .card-list .card-item .desc {
  font-size: 1.6rem;
  font-weight: 400;
  color: #555;
  text-align: center;
  line-height: 1.5;
}
.content-section.healyapp .text-image.reverse {
  flex-direction: row-reverse;
  align-items: center;
}
.content-section.healyapp .text-image.reverse .text {
  margin-bottom: 0;
  text-align: left;
}
.content-section.healyapp .text-image.reverse .text .title {
  margin-bottom: 2rem;
  line-height: 1.3;
}
.content-section.healyapp .text-image.reverse .image {
  max-width: 50.8rem;
}
.content-section.healyapp .text-image.reverse .dose-list {
  font-size: 1.6rem;
  word-break: keep-all;
  padding-left: 1.5rem;
}
.content-section.healyapp .text-image.reverse .dose-list li {
  position: relative;
  line-height: 1.5;
}
.content-section.healyapp .text-image.reverse .dose-list li::before {
  content: "•";
  position: absolute;
  left: -1.5rem;
  top: 0;
}
.content-section.caution{
  padding: 0 0 10rem 0;
}
.content-section.caution .bottom_text{
  font-size: 1.5rem;
  color: #333;
}
.content-section.caution .bottom_text .sub-txt{
  margin-bottom: 4rem;
}
.content-section.caution .bottom_text .caution-text .top{
  display: block;
  font-weight: 500;
}
.content-section.disclaimer .text {
  text-align: center;
}
.content-section.disclaimer .text .title {
  display: inline-block;
  font-size: 6.4rem;
  font-weight: 400;
  margin-bottom: 1rem;
  line-height: 1;
}
.content-section.disclaimer .text .title::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: #000;
}
.content-section.disclaimer .text .desc-link {
  font-size: 1.8rem;
  font-weight: 400;
  margin-top: 1rem;
}
.content-section.element_01{
  height: 600px;
  background: url(../../../include/img/view/healy_elements_01_object.png) no-repeat center center / cover;
}
.content-section.element_01 .container{
  display: flex;
  align-items: center;
  height: 100%;
}
.content-section.element_01 .container .text-image{
  width: 100%;
}
.content-section.element_01 .container .text-image .title{
  font-weight: 500;
  color: #B756A0;
  margin-bottom: 1.8rem;
  font-family: "Open Sans", sans-serif;
}
.content-section.element_01 .container .text-image .desc-xL{
  font-size: 1.8rem;
  font-weight: 400;
  color: #999;
  margin-bottom: 1.8rem;
  font-family: "Open Sans", sans-serif;
}
.content-section.element_01 .container .text-image .desc-s{
  color: #333;
}
.content-section.element_02{
  height: 891px;
  background: url(../../../include/img/view/healy_elements_02_bg.jpg) no-repeat center center / cover;
}
.content-section.element_02 .container{
  display: flex;
  align-items: center;
  height: 100%;
}
.content-section.element_02 .container .text-image{
  width: 100%;
  color: #fff;
}
.content-section.element_02 .container .text-image .title, .content-section.element_02 .container .text-image .desc-xL{
  margin-bottom: 1.8rem;
  font-weight: 500;
  font-family: "Open Sans", sans-serif;
}
.content-section.element_02 .container .text-image .desc-xL, .content-section.element_09 .container .text-image .desc-xL{
  font-size: 1.8rem;
}
.content-section.element_03 .text, .content-section.element_07 .text{
  text-align: center;
  margin-bottom: 8rem;
}
.content-section.element_03 .text .title, .content-section.element_07 .text .title{
  font-size: 4rem;
  font-weight: 500;
  margin-bottom: 1.8rem;
  color: #B756A0;
  font-family: "Open Sans", sans-serif;
}
.content-section.element_03 .text .desc-xL, .content-section.element_07 .text .desc-xL{
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: 400;
  color: #999;
  margin-bottom: 1.8rem;
}
.content-section.element_03 .card{
  display: flex;
  justify-content: center;
  gap: 5rem;
}
.content-section.element_03 .card .item{
 width: 50%;
 text-align: center;
 padding: 5rem 0;
 background-color: #fff;
 border-radius: 1.2rem;
 box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
}
.content-section.element_03 .card .item img{
  width: 100%;
  margin-bottom: 2rem;
  max-width: 23.8rem;
}
.content-section.element_03 .card .item .title{
  font-family: "Open Sans", sans-serif;
  font-size: 3rem;
  font-weight: 500;
  margin-bottom: 1.8rem;
}
.content-section.element_03 .card .item .desc-s{
  font-size: 1.6rem;
  font-weight: 400;
  color: #666;
  line-height: 1.5;
}
.content-section.element_04 .text-image{
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
.content-section.element_04 .text-image .title{
  color: #B756A0;
  margin-bottom: 1.8rem;
  font-family: "Open Sans", sans-serif;
}
.content-section.element_04 .text-image .desc-s{
  color: #333;
}
.content-section.element_04 .text-image img{
  max-width: 53rem;
}
.content-section.element_04 .text-image .text{
  width: 50%;
}
.content-section.element_04 .text-image .image{
  text-align: right;
  width: 50%;
}
.content-section.element_05{
  height: 648px;
  background: url(../../../include/img/view/healy_elements_05_omni.jpg) no-repeat center center / cover;
}
.content-section.element_05 .text-image .text{
  width: 100%;
}
.content-section.element_05 .text-image .text .title{
  font-size: 4rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
  color: #00A587;
}
.content-section.element_05 .text-image .text .title sup, .content-section.element_06 .text-image .text .title sup{
  font-size: 1.4rem;
  font-weight: 500;
  vertical-align: top;
}
.content-section.element_05 .text-image .text .desc-xL, .content-section.element_06 .text-image .text .desc-xL{
  font-size: 2.4rem;
  font-weight: 400;
  color: #666;
  margin-bottom: 4rem;
}
.content-section.element_05 .text-image .text .desc-xL sup, .content-section.element_06 .text-image .text .desc-xL sup{
  font-size: 1.2rem;
  font-weight: 500;
  vertical-align: top;
}
.content-section.element_05 .text-image .text .desc-s, .content-section.element_06 .text-image .text .desc-s{
  font-size: 1.6rem;
  font-weight: 400;
  color: #333;
}
.content-section.element_05 .text-image .text .desc-s sup, .content-section.element_06 .text-image .text .desc-s sup{
  font-size: 1.2rem;
}
.content-section.element_05 .text-image .text .btn-more, .content-section.element_06 .text-image .text .btn-more{
  margin-top: 7rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  background-color: #56BF99;
  width: 13.9rem;
  line-height: 3.8rem;
  border-radius: 3rem;
  text-align: center;
}
.content-section.element_06 .text-image .text .btn-more{
  background-color: #01398B;
}
.content-section.element_06{
  height: 648px;
  background: url(../../../include/img/view/healy_elements_05_life.jpg) no-repeat center center / cover;
}
.content-section.element_06 .text-image{
  justify-content: flex-end;
  text-align: right;
}
.content-section.element_06 .text-image .text{
  width: 100%;
}
.content-section.element_06 .text-image .text .title{
  font-size: 4rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
  color: #01398B;
}
.content-section.element_07 .text{
  text-align: center;
  margin-bottom: 8rem;
}
.content-section.element_07 .simbol-list{
  display: flex;
	flex-wrap: wrap;
	max-width: 700px;
	margin: auto;
	gap: 20px 0;
}
.content-section.element_07 .simbol-list .item{
  text-align: center;
  width: 25%;
}
.content-section.element_07 .simbol-list .item .desc{
  margin-top: .8rem;
  font-size: 1.8rem;
  font-weight: 400;
  color: #666;
}
.content-section.element_08{
  height: 940px;
  background: url(../../../include/img/view/healy_elements_07_bg.jpg) no-repeat center center / cover;
  position: relative;
	overflow: hidden;
}
.content-section.element_08 .item{
  position: absolute;
	width: 700px;
	height: 700px;
}
.content-section.element_08 .item.purple{
  left: 0;
	top: 160px;
  z-index: 1;
}
.content-section.element_08 .item.gray{
  top: -130px;
	left: 330px;
}
.content-section.element_08 .item .circle{
  position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	opacity: 0.92;
}
.content-section.element_08 .item.purple .circle{
  background-color: #9B2A6F;
}
.content-section.element_08 .item.gray .circle{
  background-color: #868C92;
}
.content-section.element_08 .item.gray img{
  margin-bottom: 1.8rem;  
}
.content-section.element_08 .ele-08-desc{
  position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #fff;
	font-weight: 500;
  font-family: "NotoSansKR", sans-serif;
  width: 100%;
  z-index: 2;
}

.content-section.element_08 h4{
  font-size: 3.6rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
.content-section.element_08 p{
  font-size: 1.8rem;
  margin: 1rem 0;
  font-weight: 400;
}
.content-section.element_09{
  padding: 15.5rem 0;
}
.content-section.element_09 .text-image{
  align-items: center;
}
.content-section.element_09 .text-image .text .desc-xL{
  color: #999;
  margin-bottom: 1.8rem;
}
.content-section.element_09 .text-image .text .title{
  color: #B756A0;
  margin-bottom: 1.8rem;
  font-family: "Open Sans", sans-serif;
}
.content-section.element_09 .text-image .text .desc-s{
  color: #333;
}
.content-section.element_10{
  padding-top: 0;
  padding-bottom: 16rem;
}
.content-section.element_10 .routine-list{
  background: url(../../../include/img/view/healy_elements_09_img.png) no-repeat center;
	/* height: 442px; */
	background-size: contain;
}
.content-section.element_10 .routine-list .item-wrap{
  display: flex;
  justify-content: space-between;
}
.content-section.element_10 .routine-list .item-wrap + .item-wrap{
  margin-top: 13rem;
}
.content-section.element_10 .routine-list .item-wrap .item{
  min-width: 30rem;
}
.content-section.element_10 .routine-list .item-wrap .item h3{
  font-size: 3.6rem;
  font-weight: 500;
  color: #B756A0;
}
.content-section.element_10 .routine-list .item-wrap .item p{
  font-size: 1.8rem;
  color: #999;
  line-height: 1.5;
}
.content-section.element_10 .routine-list .item-wrap .item p em{
  font-weight: 400;
  font-size: 1.8rem;
  color: #249090;
}
.content-section.element_10 .routine-list .item-wrap .item p span{
  font-size: 1.8rem;
  color: #01398b;
}
.content-section.element_10 .routine-list .item-wrap .item p em sup{
  font-size: 1.2rem;
}
.content-section.element_10 .routine-list .item-wrap.bottom .item p span sup{
  font-size: 1.2rem;
}
.content-section.element_10 .routine-list .item-wrap .item:first-child{
  text-align: right;
}

@media (max-width: 1180px) {
  .content-section.programs .program-list {
    justify-content: space-between;
  }
  .content-section.programs .program-list .program-item {
    width: calc(50% - 3rem);
  }
  .content-section.element_10 .routine-list{
    height: 400px;
  }
  .content-section.element_10 .routine-list .item-wrap + .item-wrap{
    margin-top: 8rem;
  }
}
@media (max-width: 1024px) {
  .content-section.element_08{
    background-image: url(../../../include/img/view/healy_elements_07_bg_mo.jpg);
  }
  .content-section.element_08 .item{
    width: 55rem;
    height: 55rem;
  }
  .content-section.element_08 .item.purple{
    top: 0;
		left: 50%;
    transform: translate(-50%);
		z-index: 1;
  }
  .content-section.element_08 .item.gray{
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
  }
  .content-section.element_10 .routine-list{
    height: 1250px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
@media (max-width: 900px) {
  .content-section.programs .program-list{
    gap: 0;
  }
  .content-section.count .count-box{
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .content-section.count .count-box .image{
    width: 100%;
  }
  .content-section.count .title{
    font-size: 2.4rem;
  }
  .content-section.count .count-box .count-title{
    font-size: 3.5rem;
  }
  .content-section.count .count-box .sub-title{
    font-size: 2.5rem;
  }
  .content-section.count .count-box .desc{
    font-size: 1.4rem;
  }
  .content-section.programs .text-image .image.pro{
    text-align: center;
  }
  .content-section.programs .text-image .image.pro img{
    width: 100%;
  }
  .content-section.programs .text-image{text-align: center;}
  .content-section.programs .text-image .text{margin-top: 0;}
  .content-section.element_01 .container{
    align-items: baseline;
  }
  .content-section.element_01{
    background-image: url(../../../include/img/view/healy_elements_01_object_mo.png);
    height: 740px;
  }
  .content-section.element_01 .container .text-image{
    text-align: center;
    justify-content: center;
  }
  .content-section.element_01 .container .text-image .title{
    font-size: 3rem;
  }
  .content-section.element_01 .container .text-image .desc-s{
    font-size: 1.4rem;
  }
  .content-section.element_02{
    height: 578px;
  }
  .content-section.element_02 .container .text-image{
    text-align: center;
  }
  .content-section.element_02 .container .text-image .text{
    width: 100%;
  }
  .content-section.element_02 .container .text-image .desc-xL{
    font-size: 3rem;
    word-break: keep-all;
  }
  .content-section.element_03 .text, .content-section.element_07 .text{
    margin-bottom: 4rem;
  }
  .content-section.element_03 .card .item .title{
    font-size: 2.4rem;
  }
  .content-section.element_03 .card .item .desc-s{
    font-size: 1.4rem;
  }
  .content-section.element_04{
    padding-bottom: 10rem;
  }
  .content-section.element_04 .text-image{
    flex-direction: column;
  }
  .content-section.element_04 .text-image .text, .content-section.element_04 .text-image .image{
    width: 100%;
    text-align: center;
  }
  .content-section.element_07 .simbol-list .item .desc{
    font-size: 1.4rem;
  }
  .content-section.element_08 p{
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  .sub-visual.sub-page-1 {
    background-position: left center;
  }
  .sub-visual.sub-page-1 .visual-inner {
    align-items: center;
  }
  .sub-visual .visual-inner .btn-more {
    font-size: 1.6rem;
    min-width: 20rem;
  }
  .content-section.about .text-image {
    height: 55rem;
  }
  .content-section.edition .sub-desc-s{
    font-size: 2.4rem;
  }
  .content-section.edition .edition-list {
    flex-direction: column;
  }
  .content-section.edition .edition-list .edition-item {
    width: 100%;
  }
  .content-section {
    padding: 4rem 0;
  }
  .content-section.edition .edition-list .edition-item.all-edition .all-edition-wrap {
    flex-direction: column;
  }
  .content-section.edition .title-section {
    font-size: 2.1rem;
  }
  .content-section.edition .edition-list .text .title {
    font-size: 2.1rem;
    margin: 1.5rem 0;
  }
  .content-section.edition .edition-list .list li {
    font-size: 1.4rem;
    word-break: keep-all;
  }
  .content-section.edition .edition-list .edition-item.all-edition .all-edition-wrap .all-edition-text {
    width: 100%;
    margin-right: 0;
  }
  .content-section.edition .edition-list .edition-item.all-edition {
    margin-bottom: 0;
  }
  .content-section.programs .text-image div.text .title {
    margin-bottom: 2rem;
  }
  .content-section .text-image div .btn {
    position: absolute;
    bottom: -5rem;
    left: 50%;
    transform: translateX(-50%);
    height: 4.4rem;
    line-height: 4.4rem;
    font-size: 1.6rem;
  }
  .content-section.programs .text-image > div {
    margin-top: 4rem;
  }
  .content-section.programs .program-list .program-item {
    width: 100%;
  }
  .content-section.programs .program-list .program-item .desc h4 {
    margin-top: 1.5rem;
  }
  .content-section.programs .program-item_add .desc {
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
  }
  .content-section.programs .program-item_add .desc h3 {
    font-size: 1.8rem;
  }
  .content-section.healyapp .text-image.reverse {
    flex-direction: column;
  }
  .content-section.healyapp .healyapp-card .card-list {
    flex-direction: column;
  }
  .content-section.healyapp .healyapp-card .card-list .card-item {
    width: 100%;
    height: 100%;
  }
  .content-section.healyapp .healyapp-card .card-list .card-item img {
    max-width: 26rem;
  }
  .content-section.healyapp .healyapp-card .card-list .card-item .title {
    font-size: 2.1rem;
  }
  .content-section.healyapp .text-image.reverse .text .title {
    margin-bottom: 2rem;
  }
  .content-section.disclaimer .text .title {
    font-size: 4rem;
  }
  .content-section.disclaimer .text .desc-link {
    font-size: 1.4rem;
  }
  .content-section.healyapp .text h3 {
    font-size: 2.1rem;
    margin-bottom: 1rem;
  }
  .content-section.healyapp .text p {
    font-size: 1.6rem;
  }
  .content-section.healyapp .healyapp-card .card-list .card-item .desc{
    font-size: 1.4rem;
  }
  .content-section.healyapp .text-image.reverse .dose-list{
    font-size: 1.4rem;
  }
  .content-section.element_03 .text .title{
    font-size: 2.1rem;
  }
  .content-section.element_03 .text .desc-xL, .content-section.element_07 .text .desc-xL{
    font-size: 1.6rem;
  }
  .content-section.element_03 .card{
    flex-direction: column;
    gap: 3rem;
  }
  .content-section.element_03 .card .item{
    width: 100%;
    padding: 5rem 1rem;
  }
  .content-section.element_05 .text-image .text, .content-section.element_06 .text-image .text{
    text-align: center;
  }
  .content-section.element_05 .text-image .text .title, .content-section.element_06 .text-image .text .title{
    font-size: 3rem;
    margin-bottom: 1rem;
  }
  .content-section.element_05 .text-image .text .desc-xL, .content-section.element_06 .text-image .text .desc-xL{
    font-size: 2.4rem;
    margin-bottom: 1rem;
  }
  .content-section.element_05 .text-image .text .desc-s, .content-section.element_06 .text-image .text .desc-s{
    font-size: 1.4rem;
  }
  .content-section.element_05 .text-image .text .btn-more, .content-section.element_06 .text-image .text .btn-more{
    margin-top: 0rem;
  }
  .content-section.element_05{
    height: 813px;
    background-image: url(../../../include/img/view/healy_elements_05_omni_mo.jpg);
  }
  .content-section.element_06{
    height: 813px;
    background-image: url(../../../include/img/view/healy_elements_05_life_mo.jpg);
  }
  .content-section.element_07 .text .title{
    font-size: 3rem;
  }
  .content-section.element_07 .simbol-list .item{
    width: 33.333%;
  }
  .content-section.element_09{
    padding: 10rem 0;
  }
  .content-section.element_09 .text-image{
    text-align: center;
  }
  .content-section.element_09 .text-image .text .desc-s{
    margin-bottom: 2rem;
    font-size: 1.4rem;
  }
  
  .content-section.element_10 .routine-list{
    height: 95rem;
  }
  .content-section.element_10 .routine-list .item-wrap .item{
    min-width: 25rem;
  }
  .content-section.element_10 .routine-list .item-wrap .item h3{
    font-size: 2.4rem;
  }
  .content-section.element_10 .routine-list .item-wrap .item p{
    font-size: 1.4rem;
  }
  .content-section.element_10 .routine-list .item-wrap .item:first-child{
    text-align: left;
  }
  .content-section.element_10 .routine-list .item-wrap .item:last-child{
    text-align: right;
  }
  .content-section.element_10 .routine-list .item-wrap .item p em,
  .content-section.element_10 .routine-list .item-wrap .item p span{
    font-size: 1.4rem;
  }
  .content-section.edition .edition-list .holistic-desc.mo-mt{
    margin-top: 5rem;
  }
  .content-section.edition .edition-list .edition-item.all-edition .all-edition-wrap{
    gap: 0;
  }
}
@media (max-width: 675px) {
  .content-section.element_10 .routine-list .item-wrap .item{
    min-width: auto;
  }
  .content-section.element_10 .routine-list{
    height: 85rem;
    background-position: 50% 12rem;
  }
}
@media (max-width: 520px) {
  .content-section.element_10 .routine-list{
    height: 72rem;
  }
  .content-section.element_10 .routine-list{
    background-position: 50% 15rem;
  }
}
@media (max-width: 450px) {
  .content-section.element_08 .item{
    width: 40rem;
    height: 40rem;
  }
  .content-section.element_08 .item.purple{
    top: 7rem;
  }
  .content-section.element_08 h4{
    font-size: 2.4rem;
  }
  .content-section.element_10 .routine-list .mo-br{
    display: none;
  }
}
@media (max-width: 375px) {
  .content-section.element_10 .routine-list{
    height: 65rem;
  }
}
.sub-visual.sub-page-3 {
  background-image: url(../../../include/img/view/sub_vis_03.jpg);
}
.sub-visual.sub-page-3.log{
  background-image: url(../../../include/img/view/join_bg.jpg);
  height: 60rem;
}
.sub-visual.sub-page-3.coil {
  background-image: url(../../../include/img/view/healy_coil_bg.jpg);
}
.sub-visual.sub-page-3.soulcycle {
  background-image: url(../../../include/img/view/healy_soulcycle_bg.jpg);
}
.sub-visual.sub-page-3.world{
  background-image: url(../../../include/img/view/healy_world_bg.jpg);
}
.sub-visual.sub-page-3.science{
  background-image: url(../../../include/img/view/healy_science_bg.jpg);
}
.sub-visual.sub-page-3.research{
  background-image: url(../../../include/img/view/healy_research_bg.jpg);
}
.sub-visual.sub-page-3.result{
  background-image: url(../../../include/img/view/healy_result_bg.jpg);
}
.sub-visual.sub-page-3.secret{
  background-image: url(../../../include/img/view/healy_secret_bg.jpg);
}

.sub-visual.sub-page-3 .img-object {
  position: absolute;
  top: 55%;
  right: 30px;
  transform: translateY(-50%);
  width: 25%;
}
.sub-visual.sub-page-3 .img-object img {
  width: 100%;
}
.sub-visual.sub-page-3 .visual-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: auto;
  width: 100%;
}
.sub-visual.sub-page-3 .visual-inner .title {
  color: #fff;
  word-break: keep-all;
  line-height: 1.3;
}
.sub-visual.sub-page-3.world .visual-inner .title{
  font-family: 'Open Sans';
}
.sub-visual.sub-page-3 .visual-inner p {
  color: #fff;
  word-break: keep-all;
  font-size: 2.2rem;
}
@media (max-width: 768px) {
  .sub-visual.sub-page-3 .visual-inner p{
    font-size: 1.8rem;
  }
}
.sub-visual.sub-page-3.log .visual-inner{
  position: absolute;
    top: 50%;
    left: 370px;
    transform: translateY(-50%);
    color: #fff;
    width: auto;
    text-align: left;
    align-items: flex-start;
}
.sub-visual.sub-page-3.secret .visual-inner{
  top: 65%;
}
.sub-visual.sub-page-3.secret .visual-inner .btn-buy{
  font-size: 1.6rem;
  color: #fff;
  width: 15.8rem;
  line-height: 4.4rem;
  background: #56BF99;
  border-radius: 5rem;
  margin-top: 4rem;
  text-align: center;
}
.sub-visual.sub-page-3.obsidian{

}
.sub-visual.sub-page-3.opportunity{
  background: url(../../../include/img/view/healy_opp_top_bg.jpg) no-repeat center center/cover;
}
.sub-visual.sub-page-3.opportunity .visual-inner{
  width: 40%;
  top: 50%;
  left: 400px;
  transform: translateY(-50%);
}
.sub-visual.sub-page-3.opportunity .visual-inner .title{
  color: #333;
}
.sub-visual.sub-page-3.app{
  background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url(../../../include/img/view/healy_app_bg.jpg) no-repeat center center/cover;
}
.sub-visual.sub-page-3.maghealy{
  background: url(../../../include/img/view/healy_maghely_bg.jpg) no-repeat center center/cover;
}
.sub-visual.sub-page-3.maghealy .visual-inner .btn-more{
  padding: 0 2.6rem;
}
.sub-visual.sub-page-3.mag-classic{
  background: url(../../../include/img/view/maghealy_classic_bg_pc.jpg) no-repeat center center/cover;
  text-align: center;
}
.sub-visual.sub-page-3.mag-classic.atmo{
  background: url(../../../include/img/view/atmosphere_bg_pc.jpg) no-repeat center center/cover;
  text-align: center;
}
.sub-visual.sub-page-3.mag-classic.water{
  background: url(../../../include/img/view/water_bg_pc.jpg) no-repeat center center/cover;
  text-align: center;
}
.sub-visual.sub-page-3.mag-classic.mcmakin{
  background: url(../../../include/img/view/maghealy_mcmakin_bg.jpg) no-repeat center top/cover;
}
.sub-visual.sub-page-3.mag-classic.heal{
  background: url(../../../include/img/view/maghealy_healAdvisor_bg.jpg) no-repeat center top/cover;
}
.obsidian{
  position: relative;
  width: 100%;
  height: 80rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: white;
  font-family: "NotoSansKR";
}
.obsidian .visual-inner{
  position: relative;
  width: 100%;
  height: 100%;
}
.obsidian .visual-inner .background-video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  pointer-events: none;
}
.obsidian .visual-inner .content {
  position: absolute;
  left: 38.8rem;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
  z-index: 1;
  text-align: left;
}
.obsidian .visual-inner .content .title{
  font-size: 6rem;
  font-weight: 500;
  margin-bottom: 1rem;
  line-height: 1.2;
}
.obsidian .visual-inner .content .desc-xL{
  font-size: 2.2rem;
  margin-bottom: 3rem;
}
.obsidian .visual-inner .content .buy-btn{
  width: 17.4rem;
  line-height: 4.4rem;
  border: 2px solid #fff;
  border-radius: 5rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  font-family: "NotoSansKR";
  text-align: center;
}
.content-section.cycle {
  padding-top: 6rem;
}
.content-section.cycle .center-wrap {
  margin-bottom: 6rem;
}
.content-section.cycle .text-image {
  background: url(../../../include/img/view/healy_soulcycle_mid_bg_01.jpg) no-repeat center center/cover;
  padding: 4.5rem 0;
  align-items: center;
}
.content-section.cycle .text-image .container {
  display: flex;
  align-items: center;
}
.content-section.cycle .text-image .container .image {
  text-align: center;
}
.content-section.twelve {
  padding: 0;
  background: url(../../../include/img/view/soul_cycle_programs_bg.jpg) no-repeat center center/cover;
}
.content-section.twelve .text-image {
  height: 60rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: left;
}
.content-section.twelve .text-image .text .title {
  line-height: 1.2;
  margin-bottom: 2rem;
}

.content-section.coil .text-image.reverse {
  flex-direction: row-reverse;
}
.content-section.coil .text-image.reverse .text {
  width: 52%;
}
.content-section.coil .text-image.reverse .image {
  width: 48%;
}
.content-section.innovation {
  background: url(../../../include/img/view/healy_coil_bg2.jpg) no-repeat center center/cover;
  height: 60rem;
}
.content-section.innovation .text-image .title {
  margin-bottom: 2rem;
}
.content-section.innovation .text-image .image {
  text-align: right;
}
.content-section.innovation .text-image .image img {
  max-width: 50rem;
  width: 100%;
}
.content-section.principle .text-top .title {
  font-size: 4rem;
  text-align: center;
  font-weight: 500;
  color: #333;
  margin-bottom: 4rem;
}
.content-section.principle .text-image .text .title {
  font-size: 2.8rem;
  font-weight: 500;
  margin-bottom: 2rem;
}
.content-section.principle .text-image .text .desc-s {
  color: #555;
}
.content-section.callaction {
  background: url(./../../include/img/view/healy_coil_bg3.jpg) no-repeat center center/cover;
  padding: 0;
}
.content-section.callaction .text-top {
  height: 60rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-section.callaction .text-top .title {
  font-size: 2.8rem;
  text-align: center;
  color: #fff;
  font-weight: 500;
}
.content-section.coil-detail .text-image {
  gap: 5rem;
  padding-bottom: 9rem;
}
.content-section.coil-detail .text-image .text .desc-s {
  padding-top: 2rem;
}
.content-section.coil-detail .image-box {
  display: flex;
  gap: 1rem;
}
.content-section.coil-detail .image-box .item img {
  width: 100%;
}
.content-section.coil-detail .image-box .item p {
  font-size: 1.6rem;
  color: #333;
}
.content-section.coil-detail .bottom-text {
  font-family: "NotoSansKR";
  font-size: 1.8rem;
  padding-bottom: 8rem;
  color: #333;
}
.content-section.coil-detail .bottom-text span {
  font-family: "NotoSansKR";
  display: block;
  font-weight: 500;
}
.content-section.programs-group.list .top-text {
  font-family: "NotoSansKR";
  font-size: 1.8rem;
  font-weight: 400;
  margin-bottom: 7rem;
  color: #333;
}
.content-section.video {
  background: linear-gradient(180deg, #F5F5F5 0%, #FFFFFF 100%);
}
.content-section.video .video_box {
  margin-top: 5rem;
  text-align: center;
}
.content-section.video .video_box img {
  cursor: pointer;
}
.content-section.video .video_frame_wrap {
  position: fixed;
  width: 70%;
  height: 100%;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  display: none;
}
.content-section.video .video_frame_wrap.active {
  display: block;
}
.content-section.video .video_frame {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.content-section.video .video_frame iframe {
  width: 100%;
  height: 100%;
}
.content-section.video .video_overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9998;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.content-section.video .video_overlay.active {
  opacity: 1;
  visibility: visible;
}
.content-section.video .video_close_btn {
  border: none;
  background-color: transparent;
  position: absolute;
  top: 80px;
  right: -100px;
  width: 4.5rem;
  height: 4.5rem;
}
.content-section.video .video_close_btn::before {
  content: "";
  background: url(img/common/ico_close_big_w.svg) no-repeat center center/cover;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.content-section.who .text-image .text{
  text-align: center;
  width: 100%;
}
.content-section.who .text-image .text .title{
  font-family: "Open Sans";
  margin-bottom: 2rem;
  font-weight: 500;
}
.content-section.who.sine .text-image .text .title{
  font-family: "NotoSansKR";
  margin-bottom: 2rem;
  font-weight: 500;
}
.content-section.glance{
  background: #f2f2f2;
}
.content-section.glance .text-image .text{
  text-align: center;
  width: 100%;
}
.content-section.glance .card-box{
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 4rem;
}
.content-section.glance .card-box .item{
  text-align: center;
  width: 24.5%;
  padding: 6rem 2rem;
  background: #fff;
  border-radius: .5rem;
  overflow: hidden;
  box-shadow: 0px 2px 20px rgba(153, 153, 153, 0.2);
}
.content-section.glance .card-box .item img{
  margin-bottom: 3rem;
}
.content-section.glance .card-box .item .title{
  font-size: 1.6rem;
  font-weight: 400;
  word-break: keep-all;
  color: #2E3F61;
  line-height: 1.5;
}
.content-section.lifestyle .text-image .text{
  text-align: center;
  width: 100%;
}
.content-section.lifestyle .text-image{
  margin-bottom: 4rem;
}
.content-section.lifestyle .video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
}
.content-section.lifestyle .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.content-section.glance .card-box .item .desc-s{
  font-size: 1.8rem;
  color: #2E3F61;
  word-break: keep-all;
  line-height: 1.3;
}
.content-section.founder{
  background: linear-gradient(to bottom, #F5F5F5 50%, #fff 100%);
}
.content-section.founder .founder-text{
  text-align: center;
}
.content-section.founder .main-title{
  font-weight: 500;
  font-size: 4rem;
  text-align: center;
  margin-bottom: 4rem;
}
.content-section.founder.type2{
  background: #F5F5F5;
}
.content-section.founder.type2 .founder-text img{
  margin-bottom: 2rem;
  max-width: 35rem;
}
.content-section.founder.type2 .founder-text .desc{
  text-align: center;
  margin-bottom: 0;
}
.content-section.founder .founder-text img{
  margin-bottom: 2rem;
  max-width: 40rem;
}
.content-section.founder.two .founder-text .title{
  margin-bottom: 0;
}
.content-section.founder .founder-text .title{
  font-weight: 500;
  font-size: 4rem;
  line-height: 1.2;
  margin-bottom: 2rem;
}
.content-section.founder .founder-text .desc-xl{
  font-size: 2.8rem;
  margin-bottom: 2rem;
}
.content-section.founder .founder-text .desc{
  font-size: 1.6rem;
  text-align: left;
  margin-bottom: 8rem;
  line-height: 1.5;
}
.content-section.founder .founder-center{
  margin-bottom: 8rem;
}
.content-section.founder .founder-center .title{
  font-size: 4rem;
  margin-bottom: 2rem;
  font-weight: 500;
}
.content-section.founder .founder-center .desc{
  font-size: 1.6rem;
  line-height: 1.5;
}
.content-section.founder .founder-bottom{
  display: flex;
  gap: 1rem;
}
.content-section.founder .founder-bottom .item{
  width: 50%;
}
.content-section.founder .founder-bottom .item img{
  width: 100%;
}
.content-section.founder .founder-bottom .title{
  font-weight: 500;
  font-size: 2.8rem;
  margin-bottom: 1.2rem;
}
.content-section.founder .founder-bottom .desc-xl{
  font-size: 3rem;
  margin-bottom: 2rem;
}
.content-section.founder .founder-bottom .desc{
  margin-top: 2rem;
  font-size: 1.6rem;
  line-height: 1.5;
  word-break: keep-all;
}
.content-section.faith .text-image .title{
  margin-bottom: 2rem;
}
.content-section.science-bg{
  background-image: url(../../../include/img/view/section_science_bg.jpg);
  background-size: cover;
  background-position: center;
  height: 60rem;
}
.content-section.intro{
  font-family: "NotoSansKR";
}
.content-section.intro .text-image{
  gap: 6rem;
}
.content-section.intro .text-image div.text .title{
  margin-bottom: 2rem;
  font-size: 2.8rem;
}
.content-section.science-card{
  padding: 0 0 8rem 0;
}
.content-section.science-card .card-container{
  font-family: "NotoSansKR";
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 3rem;
  word-break: keep-all;
}
.content-section.science-card .card-container .card{
    background: linear-gradient(to bottom, #F5F5F5 50%, #fff 100%);
    padding: 5rem 3rem;
    width: calc(33.333% - 2rem);
    box-sizing: border-box;
    text-align: center;
}
.content-section.science-card .card-container .card.no-image{
  background: url(../../../include/img/view/card_science_bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.content-section.science-card .card-container .card img{
  max-width: 26rem;
  width: 100%;
  margin-bottom: 4rem;
}
.content-section.science-card .card-container .card h3{
  font-size: 2.8rem;
  font-weight: 500;
  margin-bottom: 1rem;
  line-height: 1.3;
}
.content-section.science-card .card-container .card p{
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: left;
}
.content-section.research{
  margin-top: -29rem;
}
.content-section.research .center-box{
  word-break: keep-all;
  text-align: center;
}
.content-section.research .center-box img{
  /* max-width: 88.8rem; */
  width: 100%;
}
.content-section.research .center-box .desc{
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: left;
  text-align: center;
  color: #333;
  padding-top: 10rem;
 
}
.content-section.research .center-box ul{
  text-align: center;
  margin-top: 4rem;
  padding: 0 10rem;
  font-size: 1.4rem;
  color: #333;
}
.content-section.research .center-box ul li{
  position: relative;
}
.content-section.research .center-box ul li + li{
  margin-top: 1rem;
}

.content-section.opportunity_01 .text-image .text{
  width: 100%;
}
.content-section.opportunity_01 .text-image .text .title, 
.content-section.opportunity_02 .text-image .text .title, 
.content-section.opportunity_03 .text-image .text .title,
.content-section.opportunity_05 .text-image .text .title,
.content-section.opportunity_06 .text-image .text .title{
  margin-bottom: 2rem;
}
.content-section.opportunity_03 .text-image,
.content-section.opportunity_04 .text-image{
  align-items: center;
}
.content-section.opportunity_04{
  word-break: keep-all;
}
.content-section.opportunity_04 .text-image .text .desc-xL{
  margin: 2rem 0;
}
.content-section.opportunity_04 .text-image .text ul{
  font-size: 1.6rem;
  display: flex;
  flex-direction: column;
}
.content-section.opportunity_04 .text-image .text ul li{
  line-height: 3rem;
  position: relative;
  display: inline-block;
}
.content-section.opportunity_04 .text-image .text ul li::before{
  content: '\2022';
  font-size: 2.6rem;
  padding-right: 1rem;
}
.content-section.opportunity_02, 
.content-section.opportunity_03, 
.content-section.opportunity_04{
  padding-top: 0;
}
.content-section.opportunity_05{
  background: url(../../../include/img/view/healy_opp_ob_bg.jpg);
  background-size: cover;
  background-position: center;
  height: 60rem;
}
.content-section.opportunity_06{
  background: url(../../../include/img/view/healy_opp_mid_bg_02.jpg);
  background-size: cover;
  background-position: center;
  height: 60rem;
}
.content-section.opportunity_07{
  padding: 7rem 0;
}
.content-section.opportunity_05 .container,
.content-section.opportunity_06 .container{
  height: 100%;
}
.content-section.opportunity_05 .text-image,
.content-section.opportunity_06 .text-image{
  align-items: center;
  height: 100%;
}
.content-section.opportunity_02 .text-image .text .title{
  padding-top: 4rem;
}
.content-section.opportunity_02 .text-image .image,
.content-section.opportunity_03 .text-image .image,
.content-section.opportunity_04 .text-image .image{
  text-align: center;
}
.content-section.opportunity_02 .text-image .image img, 
.content-section.opportunity_03 .text-image .image img, 
.content-section.opportunity_04 .text-image .image img{
  width: fit-content;
}
.content-section.opportunity_07 .notice{
  font-size: 1.6rem;
  line-height: 1.8;
}
.content-section.app-bg{
  background: url(../../../include/img/view/healy_app_bg_01.png);
  background-size: cover;
  background-position: center;
  height: 88.3rem;
  padding: 14rem 0;
  font-family: "NotoSansKR", sans-serif;
}
.content-section.app-bg.blue{
  background: url(../../../include/img/view/healy_app_bg_02.png);
  background-size: cover;
  background-position: center;
  height: 91.2rem;
  padding: 16rem 0;
}
.content-section.app-bg.green{
  background: url(../../../include/img/view/healy_app_bg_03.png);
  background-size: cover;
  background-position: center;
  height: 88.6rem;
  padding: 16rem 0;
}
.content-section.app-bg .text-image .text{
  width: 100%;
  text-align: center;
}
.content-section.app-bg .text-image .text .title{
  font-size: 4rem;
  margin-bottom: 1rem;
  color: #333;
}
.content-section.app-bg .text-image .text .desc-s{
  font-size: 2.2rem;
  color: #333;
}
.content-section.app-bg .text-image .text img{
  margin-top: 8rem;
}
.content-section.app-device{
  background: url(../../../include/img/view/healy_device_bg_01.png);
  background-size: cover;
  background-position: -20rem top;
  background-repeat: no-repeat;
  height:60rem;
  position: relative;
  font-family: "NotoSansKR", sans-serif;
}
.content-section.app-device .pc-ver{
  height: 100%;
}
.content-section.app-device .pc-ver .center{
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  height: 100%;
}
.content-section.app-device .pc-ver .center .desc-s{
  font-size: 1.6rem;
  line-height: 1.5;
  margin-bottom: 4rem;
}
.content-section.app-device .pc-ver .center ul{
  display: flex;
  gap: 2rem;
}
.content-section.app-device .pc-ver .center ul li{
  width: 12.4rem;
  height: 12.4rem;
  background-color: #F5F5F5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  
}
.content-section.app-device .pc-ver .center ul li .txt{
  margin-top: .4rem;
  font-size: 1.5rem;
  line-height: 1.5;
  color: #333;
  font-family: "NotoSansKR", sans-serif;
}
.content-section.app-device .pc-ver .right-device{
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translateY(-50%);
  
}
.content-section.app-device .mo-ver{
  display: none;
}
.content-section.app-device .mo-ver .text-bg{
  background: url(../../../include/img/view/healy_device_bg_01.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.content-section.app-device .mo-ver .desc-s{
  text-align: center;
  padding: 4rem 0 2rem 0;
  font-size: 1.6rem;
  line-height: 1.5;
}
.content-section.app-device .mo-ver .center ul{
  justify-content: center;
  align-items: center;
  display: flex;
  height: 100%;
  padding: 0 2rem;
  flex-wrap: wrap;
  gap: 2rem;
  margin-top: 2rem;
}
.content-section.app-device .mo-ver .center ul li{
  width: 12.4rem;
  height: 12.4rem;
  background-color: #F5F5F5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.content-section.app-device .mo-ver .center ul li .txt{
  margin-top: .4rem;
  font-size: 1.5rem;
  line-height: 1.5;
  color: #333;
  font-family: "NotoSansKR", sans-serif;
}
 .content-section.app-buy {
    padding: 8rem 0 4rem 0;
    font-family: "NotoSansKR", sans-serif;
  }
.content-section.app-buy .text-image{
  align-items: center;
  gap: 4rem;
  color: #333;
}
.content-section.app-buy .text-image .text ul{
  display: flex;
  margin-top: 4rem;
  gap: 2rem;
}
.content-section.app-buy .text-image .text ul li{
    width: 25%;
    text-align: center;
}
.content-section.app-buy .text-image .text ul li .txt{
  text-align: center;
  font-size: 1.5rem;
  margin-top: .4rem;
  
}
.content-section.app-buy .bottom-wrap{
  text-align: center;
  margin-top: 4rem;
}
.content-section.app-buy .bottom-wrap p{
  font-size: 1.6rem;
  line-height: 1.5;
  color: #333;
  margin-bottom: 2rem;
}
.content-section.app-buy .bottom-wrap .btn{
  display: inline-block;
  padding: 0 2.6rem;
  background-color: #D640AC;
  color: #fff;
  font-size: 1.6rem;
  border-radius: 4rem;
  height: 4.6rem;
  line-height: 4.6rem;
  border: 0;
}
.content-section.app-buy .image img{
  border-radius: 1rem;
}
.content-section.app-routine{
  padding-bottom: 14rem;
}
.content-section.app-routine .routine-title .title{
  font-size: 3.6rem;
  font-weight: 500;
  margin-bottom: 4rem;
  text-align: center;
  color: #333;
  line-height: 1.5;
  font-family: "NotoSansKR", sans-serif;
}
.content-section.app-routine ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.5rem;
  max-width: 118.1rem;
  margin: 0 auto;
}
.content-section.app-routine ul li{
  width: calc(25% - 1.13rem);
}
.content-section.app-routine ul li img{
  width: 100%;
}
.content-section.app-routine .notice{
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  color: #333;
  margin-top: 4rem;
  text-align: center;
  font-family: "NotoSansKR", sans-serif;
}
.content-section.app-down{
  padding: 4rem 0;
  background-color: #F9F9F9;
}
.content-section.app-down .bottom-wrap{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.4rem;
}
.content-section.app-down .bottom-wrap .link-app{
  display: flex;
}
.content-section.app-down .bottom-wrap ul{
  font-size: 1.5rem;
  line-height: 1.5;
  color: #333;
  font-family: "NotoSansKR", sans-serif;
}
.content-section.app-down .bottom-wrap ul li{
  position: relative;
  padding-left: 1.2rem;
}
.content-section.app-down .bottom-wrap ul li::before{
  content: '';
  display: inline-block;
  width: .4rem;
  height: .4rem;
  background-color: #666;
  position: absolute;
  left: 0;
  top: .9rem;
}
.content-section.resonance{
  background: url(../../../include/img/view/healy_resonance_bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  height:60rem;
  font-family: "NotoSansKR", sans-serif;
}
.content-section.resonance .container{
  height: 100%;
}
.content-section.resonance .text-image{
  align-items: center;
  height: 100%;
}
.content-section.resonance .text-image .text .desc-s{
  line-height: 1.5;
}
.content-section.resonance .text-image .text .btn{
  background-color: #034EA2;
  color: #fff;
  font-size: 1.6rem;
  border-radius: 4rem;
  height: 3.8rem;
  line-height: 3.8rem;
  padding: 0 2.6rem;
  margin-top: 4rem;
  border: 0;
}
.content-section.app-offer{
  padding: 8rem 0;
  font-family: "NotoSansKR", sans-serif;
}
.content-section.app-offer .offer-title .title{
  font-size: 3.6rem;
  font-weight: 500;
  margin-bottom: 4rem;
  text-align: center;
  color: #333;
  line-height: 1.5;
  
}
.content-section.app-offer .offer-list{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4rem;
}
.content-section.app-offer .offer-list .imges img{
  max-width: 56rem;
  width: 100%;
}
.content-section.app-offer .offer-list ul{
  display: flex;
  flex-wrap: wrap;
  gap: 4rem;
  width: 50%;
}
.content-section.app-offer .offer-list ul li img{
  border-radius: 50%;
  box-shadow: 7px 7px 11px rgb(0, 0, 0, 0.25);
}
.content-section.app-offer .offer-list ul li{
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.content-section.app-offer .offer-list ul li .txt{
  margin-top: 1.2rem;
  font-size: 1.5rem;
  color: #333;
  
}
.content-section.app-offer .offer-list ul li .offer-btn{
  display: inline-block;
  padding: 0 2.6rem;
  background-color: #C9C9C9;
  color: #fff;
  font-size: 1.4rem;
  border-radius: 3.5rem;
  height: 3.2rem;
  line-height: 3.2rem;
  margin-top: 1.2rem;
}
.content-section.buy-link{
  padding: 0;
  display: flex;
  align-items: center;
  gap: 4rem;
  font-family: "NotoSansKR", sans-serif;
}
.content-section.buy-link .image-wrap img{
  width: 100%;
}
.content-section.buy-link .text-wrap {
  padding-right: 2rem;
}
.content-section.buy-link .text-wrap .desc{
  font-size: 1.6rem;
  line-height: 1.5;
  color: #333;
  margin-bottom: 4rem;
}
.content-section.buy-link .text-wrap ul{
  display: flex;
  flex-wrap: wrap;
  gap: 4rem;
}
.content-section.buy-link .text-wrap ul li{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  
  width: auto;
}
.content-section.buy-link .text-wrap ul li .buy-btn{
  display: inline-block;
  padding: 0 2.6rem;
  background-color: #C9C9C9;
  color: #fff;
  font-size: 1.4rem;
  border-radius: 4rem;
  height: 3.2rem;
  line-height: 3.2rem;
}
.content-section.buy-link .text-wrap ul li .image-wrap{
  position: relative;
  box-shadow: 7px 7px 11px rgb(0, 0, 0, 0.25);
  border-radius: 50%;
  margin-bottom: 2rem;
}
.content-section.buy-link .text-wrap ul li .image-wrap img{
  width: 100%;
}
.content-section.buy-link .text-wrap ul li .image-wrap span{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.5;
  color: #fff;
  font-family: "NotoSansKR", sans-serif;
}
.content-section.up-date{
  padding: 6.6rem 0;
  font-family: "NotoSansKR", sans-serif;
}
.content-section.up-date .text-image{
  align-items: center;
}
.content-section.up-date .text-image .text{
  padding-left: 2rem;
}
.content-section.up-date .text-image .text .desc-s{
  color: #333;
  line-height: 1.6;
}
.content-section.up-date .text-image .image{
  max-width: 56rem;
}
.content-section.up-date .text-image .image img{
  width: 100%;
  max-width: 56rem;
}
.content-section.mag{
  text-align: center;
  font-family: "NotoSansKR", sans-serif;
  padding: 12rem 0;
}
.content-section.mag .text-image .text{
  width: 100%;
}
.content-section.mag .text-image .text .title{
  margin-bottom: 1rem;
}
.content-section.mo-cont{
  display: none;
}
.content-section.advantages{
  padding: 9.2rem 0 0 0;
  font-family: "NotoSansKR", sans-serif;
  background: url(../../../include/img/view/maghely_advantages_bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 76.5rem;
}
.content-section.advantages .title{
  font-size: 4rem;
  font-weight: 500;
  color: #333;
  text-align: center;
  margin-bottom: 5rem;
}
.content-section.advantages .text-image{
  align-items: center;
}
.content-section.advantages .text .desc-s{
  color: #333;
  font-size: 1.8rem;
  line-height: 1.5;
}
.content-section.advantages .text .desc-s + .desc-s{
  margin-top: 2rem;
}
.content-section.advantages .text .desc-s strong{
  font-size: 2rem;
}
.content-section.advantages .text-image .image{
  text-align: center;
}
.content-section.advantages .text-image .image img{
  max-width: 56.5rem;
  width: 100%;
}
.content-section.mag-video{
  padding: 7.3rem 0 10rem 0;
  text-align: center;
  font-family: "NotoSansKR", sans-serif;
}
.content-section.mag-video .text-top .title{
  font-size: 2.8rem;
  font-weight: 500;
  color: #333;
  text-align: center;
  margin-bottom: 5rem;
  line-height: 1.3;
}
.content-section.mag-video img{
  max-width: 69rem;
  width: 100%;
}
.content-section.mag-video .video-wrap{
  position: relative;
}
.content-section.mag-video .video-wrap .play-btn{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 10rem;
  height: 10rem;
  background: url(../../../include/img/view/maghely_play.png)no-repeat center center/cover;
}
.content-section.mag-edition{
  padding: 8rem 0 10rem 0;
  background: linear-gradient(to bottom, #F5F5F5 0%, #fff 100%);
  font-family: "NotoSansKR", sans-serif;
  color: #333;
}
.content-section.mag-edition .text-top{
  text-align: center;
}
.content-section.mag-edition .text-top .title{
  font-size: 4rem;
  font-weight: 500;
}
.content-section.mag-edition .text-top .desc-s{
  font-size: 2.6rem;
  margin-bottom: 6rem;
}
.content-section.mag-edition .edition-list{
  display: flex;
  gap: 2rem;
}
.content-section.mag-edition .edition-list .edition-item{
  width: 50%;
  overflow: hidden;
  border-radius: 1rem;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
  word-break: keep-all;
}
.content-section.mag-edition .edition-list .edition-item .text{
  text-align: center;
}
.content-section.mag-edition .edition-list .edition-item .text .title{
  font-size: 3rem;
  font-weight: 500;
  margin-bottom: 2rem;
  line-height: 1.3;
}
.content-section.mag-edition .edition-list .edition-item .text .desc-s{
  font-size: 1.8rem;
  line-height: 1.3;
  padding: 0 6rem;
  word-break: keep-all;
}
.content-section.mag-edition .edition-list .edition-item .text .desc-s.blue{
  color: #95B4C5;
  padding-bottom: 2.8rem;
}
.content-section.mag-edition .edition-list .edition-item .text .desc-s.puple{
  color: #B756A1;
}
.content-section.mag-edition .edition-list .edition-item .image{
  width: 100%;
}
.content-section.mag-edition .edition-list .edition-item .image img{
  width: 100%;
}
.content-section.mag-edition .edition-list .edition-item .text .center-line{
  width: 19.9rem;
  height: 1px;
  border-top: 1px solid #d9d9d9;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  margin: 3rem auto;
}
.content-section.mag-edition .edition-list .edition-item .text .program p{
  font-size: 1.6rem;
  line-height: 1.5;
  color: #777;
  padding: 0 2rem;
  margin-bottom: 2.5rem;
}
.content-section.mag-edition .edition-list .edition-item .text .mo-br{
  display: block;
}
.content-section.mag-edition .edition-list .edition-item .text .program .holistic-desc{
  position: relative;
  font-size: 1.6rem;
  color: #C4C4C4;
  margin-left: 0rem;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  text-align: left;
  padding-left: 9.6rem;
}
.content-section.mag-edition .edition-list .edition-item .text .program .holistic-desc::after{
  content: "";
    position: absolute;
    display: block;
    background-color: #ccc;
    width: 100%;
    height: 1px;
    left: 0;
}
.content-section.mag-edition .edition-list .edition-item .text .program ul{
  margin-left: 9.6rem;
  text-align: left;
  font-size: 1.6rem;
}
.content-section.mag-edition .edition-list .edition-item .text .program ul li + li{
  margin-top: 1rem;
}
.content-section.mag-edition .edition-list .edition-item .text .program ul li{
  position: relative;
  padding-left: 3.1rem;
}
.content-section.mag-edition .edition-list .edition-item .text .program ul li::before{
  content: '';
  position: absolute;
  left: 0;
  top: .6rem;
  display: inline-block;
  width: 1.7rem;
  height: 1.5rem;
  background: url(../../../include/img/view/maghely_check_icon.png)no-repeat center center/cover;
}
.content-section.mag-edition .edition-list .edition-item .text .program .edition-btn{
  margin-top: 6rem;
  display: inline-block;
  width: 17.9rem;
  font-size: 1.6rem;
  line-height: 4.6rem;
  border-radius: 4rem;
  background: #56BF99;
  color: #fff;
}
.content-section.mag-edition .edition-list .edition-item .text .custom{
  margin-top: 5.1rem;
  border-top: 1px solid #d9d9d9;
  padding: 2.8rem 0 6.6rem 0;
  background: linear-gradient(to bottom, #F5F5F5 0%, #FAFAFA 100%);
  color: #333;
}
.content-section.mag-edition .edition-list .edition-item .text .custom .desc-top{
  font-size: 1.6rem;
  padding: 0 2rem;
  margin-bottom: 2rem;
}
.content-section.mag-edition .edition-list .edition-item .text .custom .desc-bottom{
  text-align: left;
  margin-left: 9.6rem;
  font-size: 1.6rem;
  margin-bottom: 2.6rem;
}
.content-section.mag-edition .edition-list .edition-item .text .custom ul{
  margin-left: 9.6rem;
  text-align: left;
  font-size: 1.6rem;
}
.content-section.mag-edition .edition-list .edition-item .text .custom ul li{
  margin-bottom: 1rem;
  line-height: 1.3;
}
.content-section.mag-edition .edition-list .edition-item .text .custom ul li::before{
  content: '';
  display: inline-block;
  width: 1.7rem;
  height: 1.5rem;
  margin-right: 1.4rem;
  background: url(../../../include/img/view/maghely_check_icon.png)no-repeat center center/cover;
}
.content-section.mag-edition .edition-list .edition-item .text .custom .edition-btn{
  margin-top: 7rem;
  display: inline-block;
  width: 17.9rem;
  font-size: 1.6rem;
  line-height: 4.6rem;
  border-radius: 4rem;
  background: #56BF99;
  color: #fff;
}
.content-section.mag-edition .edition-list .edition-item .text .mo-on{
  display: none;
}
.content-section.mag-edition .edition-list .edition-item .text .desc-on{
    display: none;
}
.content-section.program-group{
  font-family: "NotoSansKR", sans-serif;
  background: url(../../../include/img/view/maghely_advantages_bg_01.png)no-repeat center/cover;
}
.content-section.program-group .text-top .title{
  font-size: 4rem;
  font-weight: 500;
  color: #333;
}
.content-section.program-group .text-top .desc-s{
  font-size: 1.6rem;
  color: #333;
  margin-bottom: 4rem;
}
.content-section.program-group .program-list li{
  display: flex;
  gap: 2rem;
  align-items: center;
  font-size: 1.6rem;
  word-break: keep-all;
  line-height: 1.5;
}
.content-section.program-group .program-list li + li{
  margin-top: 2rem;
}
.content-section.app-slide{
  text-align: center;
}
.content-section.app-slide .container{
  max-width: 126rem !important;
  padding: 0 6rem;
}
.content-section.app-slide .text-top .title{
  font-family: "NotoSansKR", sans-serif;
  font-size: 4rem;
  font-weight: 500;
  margin-bottom: .5rem;
}
.content-section.app-slide .text-top .desc-s{
  font-size: 1.6rem;
  color: #333;
  margin-bottom: 5rem;
}
.content-section.app-slide .slider .swiper-wrapper{
  padding: 1rem 0;
}
.content-section.app-slide .slider .swiper-slide{
  overflow: hidden;
  border-radius: 1rem;
  background-color: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  margin: 0 .75rem;
  flex-direction: column;
  padding: 4rem 3rem;
  width: 32.02% !important;
}
.content-section.app-slide .slider .swiper-slide .title{
  font-size: 2.2rem;
  height: 9rem;
  line-height: 1.3;
}
.content-section.app-slide .slider .swiper-slide .title.one{
  line-height: 2.5;
}
.content-section.app-slide .slider .swiper-slide .price p{
  font-size: 1.6rem;
  margin: 2.4rem 0 2.6rem 0;
}
.content-section.app-slide .slider .swiper-slide .price p b{
  font-size: 3rem;
}
.content-section.app-slide .slider .swiper-slide .price .btn-buy{
  display: inline-block;
  width: 24.1rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 4.6rem;
  border-radius: 4rem;
  border: 2px solid #56BF99;
  color: #56BF99;
  margin-top: 2rem;
}

.content-section.app-slide .slider .swiper-button-next{
  background: rgba(0, 0, 0, 0.2) url(../../../include/img/main/btn_next.png)no-repeat 55%/1rem;
  transform: translateY(-50%);
  top: 62%;
  right: 0px;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;

}
.content-section.app-slide .slider .swiper-button-prev{
  background: rgba(0, 0, 0, 0.2) url(../../../include/img/main/btn_prev.png)no-repeat 50%/1rem;
  transform: translateY(-50%);
  top: 62%;
  left: 0px;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
}
.content-section.mcmakin{
  background: rgba(88, 142, 172, 0.05);
  word-break: keep-all;
  font-family: "NotoSansKR", sans-serif;
}
.content-section.mcmakin .text-image{
  align-items: center;
  gap: 9.3rem;
}
.content-section.mcmakin .text-image .text .title{
  margin-bottom: 2rem;
}
.content-section.mcmakin .text-image .text .desc-s{
  line-height: 1.5;
}
.content-section.mcmakin .text-image .image img{
  max-width: 41.5rem;
  width: 100%;
}
.content-section.mag-note{
  font-family: "NotoSansKR", sans-serif;
  line-height: 1.5;
  color: #333;
  word-break: keep-all;
  font-size: 1.8rem;
  padding: 7rem 0;
}
.content-section.classic-program{
  font-family: "NotoSansKR", sans-serif;
  padding-top: 14rem;
}
.content-section.classic-program .text-top{
  text-align: center;
  margin-bottom: 7rem;
}
.content-section.classic-program .text-top .title{
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.3;
}
.content-section.classic-program .text-top .desc-xL{
  font-size: 2.8rem;
}
.content-section.classic-program .text-image {
  gap: 2rem;
}
.content-section.classic-program .text-image .text .desc-s{
  line-height: 1.5;
}
.content-section.classic-program .text-image .image img{
  max-width: 59.5rem;
  width: 100%;
}
.content-section.mag-outline{
  background: url(../../../include/img/view/maghealy_classic_outline_bg.jpg)no-repeat center/cover;
  font-family: "NotoSansKR", sans-serif;
}
.content-section.mag-outline.atmo{
  background: url(../../../include/img/view/maghealy_atmo_outline_bg.jpg)no-repeat center/cover;
}
.content-section.mag-outline.water{
  background: url(../../../include/img/view/maghealy_water_outline_bg.jpg)no-repeat center/cover;
}
.content-section.mag-outline.mcmak{
  background: url(../../../include/img/view/maghealy_mcmakin_outline_bg.jpg)no-repeat center/cover;
}
.content-section.mag-outline.mc-meridian{
  background: url(../../../include/img/view/maghealy_mc_meridian_outline_bg.jpg)no-repeat center/cover;
}
.content-section.mag-outline .container{
  max-width: 138rem !important;
  padding: 0 10.2rem;
}

.content-section.mag-outline .text-top{
  text-align: center;
}
.content-section.mag-outline .text-top .title{
  font-size: 4rem;
  font-weight: 500;
  margin-bottom: 6rem;
}
.content-section.mag-outline .slider .swiper-slide{
  padding: 2.5rem 0;
  background-color: #fff;
  height: 18rem;
  border-radius: 1rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  position: relative;
  overflow: hidden;
}
.content-section.mag-outline .slider .swiper-slide::before{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: .8rem;
  background-color: #518496;
}
.content-section.mag-outline.atmo .slider .swiper-slide::before{
  background-color: #69678F;
}
.content-section.mag-outline.water .slider .swiper-slide::before{
  background-color: #516C91;
}
.content-section.mag-outline.mcmak .slider .swiper-slide::before{
  background-color: #57928E;
}
.content-section.mag-outline.mc-meridian .slider .swiper-slide::before{
  background-color: #73AD9E;
}
.content-section.mag-outline .slider .swiper-button-next{
  background: rgba(81, 132, 150, 1) url(../../../include/img/main/btn_next.png)no-repeat 55%/1rem;
  transform: translateY(-50%);
  top: 77%;
  right: 3%;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
}
.content-section.mag-outline .slider .swiper-button-prev{
  background: rgba(81, 132, 150, 1) url(../../../include/img/main/btn_prev.png)no-repeat 50%/1rem;
  transform: translateY(-50%);
  top: 77%;
  left: 3%;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
}
.content-section.mag-outline.mc-meridian .text-top .title{
  margin-bottom: 1rem;
}
.content-section.mag-outline.mc-meridian .slider .slider-title{
  font-size: 2.8rem;
  font-weight: 400;
  color: #73AD9E;
  padding-left: 1rem;
}
.content-section.mag-outline.mc-meridian .slider .swiper-slide{
  display: flex;
  flex-direction: column;
}
.content-section.mag-outline.mc-meridian .slider .swiper-slide .desc-s{
  font-size: 2.8rem;
  line-height: 1.8;
  font-weight: 500;
  margin-top: .8rem;
}

.content-section.mag-outline.mc-meridian .slider:nth-child(3){
  margin-top: 1rem;
}

.content-section.mag-outline .slider .swiper-button-next-top{
  background: rgba(115, 173, 158, 1) url(../../../include/img/main/btn_next.png)no-repeat 55%/1rem;
  transform: translateY(-50%);
  top: 42%;
  right: 2%;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
}
.content-section.mag-outline .slider .swiper-button-prev-top{
  background: rgba(115, 173, 158, 1) url(../../../include/img/main/btn_prev.png)no-repeat 50%/1rem;
  transform: translateY(-50%);
  top: 42%;
  left: 2%;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
}

.content-section.mag-outline .slider .swiper-button-next-bottom{
  background: rgba(115, 173, 158, 1) url(../../../include/img/main/btn_next.png)no-repeat 55%/1rem;
  transform: translateY(-50%);
  top: 86%;
  right: 2%;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
}
.content-section.mag-outline .slider .swiper-button-prev-bottom{
  background: rgba(115, 173, 158, 1) url(../../../include/img/main/btn_prev.png)no-repeat 50%/1rem;
  transform: translateY(-50%);
  top: 86%;
  left: 2%;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
}
.content-section.mag-outline.atmo .slider .swiper-button-next{
  background: rgba(105, 103, 143, 1) url(../../../include/img/main/btn_next.png)no-repeat 55%/1rem;
}
.content-section.mag-outline.atmo .slider .swiper-button-prev{
  background: rgba(105, 103, 143, 1) url(../../../include/img/main/btn_prev.png)no-repeat 50%/1rem;
}
.content-section.mag-outline.water .swiper-button-next{
  background: rgba(81, 108, 145, 1) url(../../../include/img/main/btn_next.png)no-repeat 55%/1rem;
}
.content-section.mag-outline.water .swiper-button-prev{
  background: rgba(81, 108, 145, 1) url(../../../include/img/main/btn_prev.png)no-repeat 50%/1rem;
}
.content-section.mag-outline.mcmak .swiper-button-next{
  background: rgba(87, 146, 142, 1) url(../../../include/img/main/btn_next.png)no-repeat 55%/1rem;
}
.content-section.mag-outline.mcmak .swiper-button-prev{
  background: rgba(87, 146, 142, 1) url(../../../include/img/main/btn_prev.png)no-repeat 50%/1rem;
}
.content-section.mag-graph{
  font-family: "NotoSansKR", sans-serif;
  padding-bottom: 12rem;
}
.content-section.mag-graph .text-top{
  text-align: center;
  color: #333;
  word-break: keep-all;
}
.content-section.mag-graph .text-top .title{
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.3;
}
.content-section.mag-graph .text-top .desc-xL{
  font-size: 4rem;
  margin-bottom: 2rem;
}
.content-section.mag-graph .text-top .desc-s{
  font-size: 1.6rem;
  line-height: 1.5;
  margin-bottom: 6rem;
}
.content-section.mag-graph .graph-wrap .graph-item img{
  width: 100%;
}
.content-section.mag-graph .graph-wrap .graph-item .img-max img{
  max-width: 113.8rem;
}
.content-section.mag-graph .graph-wrap .graph-item .graph-title{
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
.content-section.mag-graph .graph-wrap .graph-item + .graph-item{
  margin-top: 3.5rem;
}
.content-section.mag-graph .graph-wrap.flex{
  display: flex;
  gap: 5rem;
}
.content-section.energy {
  padding: 7rem 0;
  background: linear-gradient(180deg, #F0F8FD 0%, rgba(240, 248, 253, 0.00) 100%);
}
.content-section.energy .text-image {
  gap: 2rem;
}
.content-section.energy .text-image .text .title{
  margin-bottom: 2rem;
}
.content-section.energy .text-image .text .desc-s {
  line-height: 1.5;
}
.content-section.balance{
  font-family: "NotoSansKR", sans-serif;
  padding: 5rem 0 10rem 0;
  background: url(../../../include/img/view/steps_balance_bg.png)no-repeat center/cover;
}
.content-section.balance .text-top{
  text-align: center;
}
.content-section.balance .text-top .title{
  font-size: 3.6rem;
  font-weight: 500;
  line-height: 1.3;
}
.content-section.balance .text-top .desc-xL{
  font-size: 2.6rem;
  margin-bottom: 10rem;
}
.content-section.balance .step-list{
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
  text-align: center;
}
.content-section.balance .step-list li{
  width: calc(100% / 5 - 1.2rem);
  min-height: 27.5rem;
  background-color: rgba(240, 248, 253, 1);
  box-shadow: 0 1px 14px rgba(0, 0, 0, 0.15);
  padding: 4.7rem 2.5rem 2rem 2.5rem;
  position: relative;
  border-radius: .4rem;
}
.content-section.balance .step-list li .step-num{
  position: absolute;
  top: -3rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 3.8rem;
  font-weight: 500;
  color: #fff;
  background-color: rgba(3, 78, 162, 1);
  width: 6rem;
  height: 6rem;
  display: inline-block;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-section.balance .step-list li .step-title{
  font-size: 1.8rem;
  font-weight: 500;
  font-family: "NotoSansKR", sans-serif;
  margin-bottom: 1.5rem;
}
.content-section.balance .step-list li .step-desc{
  font-size: 1.6rem;
  line-height: 1.5;
}
.content-section.mcmakin-bg{
  background: url(../../../include/img/view/mcmakin_bg.jpg)no-repeat center/cover;
  height: 75rem;
  font-family: "NotoSansKR", sans-serif;
  word-break: keep-all;
}
.content-section.mcmakin-bg .text-image .text .title{
  margin-bottom: 2rem;
}
.content-section.mcmakin-bg .text-image .text .desc-s{
  font-size: 1.6rem;
  line-height: 1.5;
}
.content-section.mcmakin-bg .text-image .text .desc-s strong{
  font-size: 1.6rem;
}
.content-section.mcmakin-bg .text-image .text .desc-s + .desc-s{
  margin-top: 1rem;
}
.content-section.edition-slide{
  font-family: "NotoSansKR", sans-serif;
  word-break: keep-all;
}
.content-section.edition-slide .text-top{
  text-align: center;
}
.content-section.edition-slide .text-top .title{
  font-size: 4rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
.content-section.edition-slide .text-top .desc-s{
  font-size: 1.6rem;
  line-height: 1.5;
  margin-bottom: 2.5rem;
}
.content-section.edition-slide .text-image .text{
  padding-top: 1rem;
}
.content-section.edition-slide .text-image .slider{
  width: 100%;
  height: 100%;
  position: relative;
}
.content-section.edition-slide .text-image .slider .swiper-container{
  margin: 0;
  width: 100%;
  height: 100%;
  margin: 1.2rem;
}
.content-section.edition-slide .text-image .slider .swiper-slide{
  width: 100% !important;
  height: 100%;
  flex-direction: column;
  align-items: flex-start !important;
  justify-content: flex-start !important;
}
.content-section.edition-slide .text-image .slider .swiper-slide .desc{
  font-size: 1.6rem;
  line-height: 1.6;
  width: 100%;
}
.content-section.edition-slide .text-image .slider .swiper-slide .list-title{
  font-size: 2.8rem;
  font-weight: 400;
  margin-bottom: 1rem;
}
.content-section.edition-slide .text-image .slider .swiper-slide ul{
  font-size: 1.6rem;
}
.content-section.edition-slide .text-image .slider .swiper-slide ul li{
  padding-left: 2rem;
  position: relative;
}
.content-section.edition-slide .text-image .slider .swiper-slide ul li::before{
  content: '';
  display: inline-block;
  width: .5rem;
  height: .5rem;
  background-color: #333;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 1.1rem;
}
.content-section.edition-slide .text-image .slider .swiper-slide ul li + li{
  margin-top: 1rem;
}
.content-section.edition-slide .text-image .image img{
  width: 100%;
  max-width: 56rem;
}
.content-section.edition-slide .text-image .slider .swiper-button-next{
  background: #333 url(../../../include/img/main/btn_next.png)no-repeat 55%/1rem;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  top: auto;
  right: 17.3rem;
  bottom: 0;
}
.content-section.edition-slide .text-image .slider .swiper-button-prev{
  background: #333 url(../../../include/img/main/btn_prev.png)no-repeat 50%/1rem;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  top: auto;
  left: 18rem;
  bottom: 0;
}
.content-section.edition-slide .text-image .slider .swiper-pagination{
  position: absolute !important;
  width: auto;
  bottom: .5rem;
  left: 48%;
  transform: translateX(-50%);
}
.content-section.edition-slide .text-image .slider .swiper-pagination span{
  width: 2rem !important;
  height: 2rem !important;
  background-color: #D9D9D9 !important;
  border: 0 !important;
}
.content-section.edition-slide .text-image .slider .swiper-pagination .swiper-pagination-bullet{
  margin-right: 0rem !important;
}
.content-section.edition-slide .text-image .slider .swiper-pagination .swiper-pagination-bullet-active{
  background-color: #333 !important;
}
.content-section.edition-slide-two{
  padding: 14rem 0;
  text-align: center;
  background: url(../../../include/img/view/obsidian_edition_slide_two_bg.jpg)no-repeat center/cover;
  color: #fff;
  word-break: keep-all;
  overflow: hidden;
}
.content-section.edition-slide-two .container,
.content-section.edition-slide-three .container{
  max-width: 138rem !important;
  padding: 0 10.2rem;
}
.content-section.edition-slide-two .text-top .title{
  font-size: 2.2rem;
  font-weight: 400;
  margin-bottom: 2rem;
  line-height: 1.5;
}
.content-section.edition-slide-two .text-top .title strong{
  font-size: 4rem;
  font-weight: 500;
}
.content-section.edition-slide-two .text-top .desc-s{
  font-size: 1.6rem;
  line-height: 1.5;
  margin-bottom: 8rem;
}
.content-section.edition-slide-two .slider .swiper-slide{
  flex-direction: column;
  justify-content: center;
  background: rgba(0,0,0,0.8);
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
  padding: 2rem;
  height: 26.3rem;
}
.content-section.edition-slide-two .slider .swiper-slide .title{
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 2rem;
}
.content-section.edition-slide-two .slider .swiper-slide .desc{
  font-size: 1.6rem;
  line-height: 1.5;
}
.content-section.edition-slide-two .slider{
  position: relative;
}
.content-section.edition-slide-two .slider .swiper-button-next{
  background: #fff url(../../../include/img/main/btn_next_b.png)no-repeat 55%/1rem;
  transform: translateY(-50%);
  top: 58%;
  right: -6%;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
}
.content-section.edition-slide-two .slider .swiper-button-prev{
  background: #fff url(../../../include/img/main/btn_prev_b.png)no-repeat 50%/1rem;
  transform: translateY(-50%);
  top: 58%;
  left: -6%;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
}
.content-section.obsidian-center{
  text-align: center;
  font-family: "NotoSansKR", sans-serif;
  word-break: keep-all;
}
.content-section.obsidian-center .text-top .title{
  font-size: 4rem;
  font-weight: 500;
  margin-bottom: 2rem;
}
.content-section.obsidian-center .text-top .desc-s{
  font-size: 1.6rem;
  line-height: 1.5;
}
.content-section.obsidian-view{
  background: url(../../../include/img/view/obsidian_bg_01.jpg)no-repeat center/cover;
  font-family: "NotoSansKR", sans-serif;
  word-break: keep-all;
}
.content-section.obsidian-view .text-image{
  align-items: center;
}
.content-section.obsidian-view .text-image .text{
  color: #fff;
}
.content-section.obsidian-view .text-image .text .top-txt{
  font-size: 2rem;
  font-weight: 600;
}
.content-section.obsidian-view .text-image .text ul li + li{
  margin-top: 2rem;
}
.content-section.obsidian-view .text-image .text .desc{
  font-size: 1.6rem;
  line-height: 1.5;
}
.content-section.compose{
  font-family: "NotoSansKR", sans-serif;
  word-break: keep-all;
  padding: 9rem 0;
}
.content-section.compose .text-image .compose_pc{
  display: block;
}
.content-section.compose .text-image .compose_mo{
  display: none;
}
.content-section.compose .text-image{
  align-items: center;
}
.content-section.compose .text-image .text .title{
  font-size: 4rem;
  font-weight: 500;
  margin-bottom: 2rem;
}
.content-section.compose .text-image .text .desc-s{
  font-size: 1.6rem;
  line-height: 1.5;
  margin-bottom: 3.5rem;
}
.content-section.compose .text-image .text ul{
  display: flex;
  flex-wrap: wrap;
  gap: 4rem;
  row-gap: 3rem;
}
.content-section.compose .text-image .text ul li{
  display: flex;
  align-items: center;
  width: calc(100% / 2 - 4rem);
}
.content-section.compose .text-image .text ul li img{
  max-width: 3.6rem;
  height: 3.6rem;
  margin-right: 1.5rem;
}
.content-section.compose .text-image .text ul li p{
  font-size: 1.6rem;
}
.content-section.obsidian-flex{
  height: 75rem;
  background-color: #000;
  padding: 0;
  word-break: keep-all;
  color: #fff;
  font-family: "NotoSansKR", sans-serif;
}
.content-section.obsidian-flex .text-image{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  gap: 5.7rem;
}
.content-section.obsidian-flex .text-image .text{
  width: 50%;
  max-width: 55.3rem;
  padding-left: 2rem;
}
.content-section.obsidian-flex .text-image .text .title{
  font-size: 4rem;
  margin-bottom: 2rem;
}
.content-section.obsidian-flex .text-image .text .desc-s{
  margin-bottom: 4.5rem;
}
.content-section.obsidian-flex .text-image .image_box{
  width: 50%;
  height: 100%;
  background: url(../../../include/img/view/obsidian_energy_cycle_bg.jpg)no-repeat center/cover;
}
.content-section.obsidian-flex .text-image .text .buy-btn{
  display: inline-block;
  width: 17.4rem;
  line-height: 4.4rem;
  border: 2px solid #fff;
  border-radius: 5rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  text-align: center;
}
.content-section.edition-slide-three{
  font-family: "NotoSansKR", sans-serif;
  word-break: keep-all;
}
.content-section.edition-slide-three .text-image{
  align-items: center;
}
.content-section.edition-slide-three .text-image .text{
  line-height: 1.8;
}
.content-section.edition-slide-three .text-image .image{
  text-align: center;
}
.content-section.edition-slide-three .text-image .image img{
  max-width: 30rem;
}
.content-section.edition-slide-three .slider{
  position: relative;
}
.content-section.edition-slide-three .slider .swiper-wrapper{
 padding: 1rem 0;
}
.content-section.edition-slide-three .slider .swiper-button-prev{
  background: #ED6C77 url(../../../include/img/main/btn_prev.png)no-repeat 50%/1rem;
  transform: translateY(-50%);
  top: 58%;
  left: -6%;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
}
.content-section.edition-slide-three .slider .swiper-button-next{
  background: #ED6C77 url(../../../include/img/main/btn_next.png)no-repeat 55%/1rem;
  transform: translateY(-50%);
  top: 58%;
  right: -6%;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
}
.content-section.edition-slide-three .slider .swiper-slide{
  background: #fff;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
  height: 18rem;
}
.content-section.obsidian-club{
  padding: 14rem 0;
  font-family: "NotoSansKR", sans-serif;
  word-break: keep-all;
  background: url(../../../include/img/view/obsidian_club_bg.jpg)no-repeat center/cover;
  height: 111.4rem;
}
.content-section.obsidian-club .text-top{
  text-align: center;
  color: #fff;
}
.content-section.obsidian-club .text-top .title{
  font-size: 4rem;
  font-weight: 500;
}
.content-section.obsidian-club .text-top .desc-xL{
  font-size: 2.2rem;
  margin-bottom: 2rem;
}
.content-section.obsidian-club .text-top .desc-s{
  font-size: 1.6rem;
  margin-bottom: 9rem;
}
.content-section.obsidian-club .text-image{
  width: 100%;
}
.content-section.obsidian-club .text-image .image-mo{
  display: none;
}
.content-section.obsidian-club .text-image .text-list{
  display: flex;
  color: #fff;
  gap: 10.9rem;
  width: 70%;
}
.content-section.obsidian-club .text-image .text-list ul{
  width: 50%;
}
.content-section.obsidian-club .text-image .text-list ul li + li{
  margin-top: 2rem;
}
.content-section.obsidian-club .text-image .text-list ul li .top-txt{
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5;
}
.content-section.obsidian-club .text-image .text-list ul li .desc{
  font-size: 1.6rem;
  line-height: 1.5;
}
.content-section.obsidian-club .bottom-txt{
  margin-top: 7rem;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.5;
}
.content-section.mountain{
  font-family: "NotoSansKR", sans-serif;
  word-break: keep-all;
  padding-bottom: 0;
}
.content-section.mountain .text-top{
  text-align: center;
}
.content-section.mountain .text-top .title{
  font-size: 4rem;
  font-weight: 500;
  margin-bottom: 2rem;
  line-height: 1.2;
}
.content-section.mountain .text-top .desc-s{
  font-size: 1.6rem;
  line-height: 1.5;
}
.content-section.mountain .img-item{
  width: 100%;
  text-align: center;
}
.content-section.mountain .img-item img{
  max-width: 738px;
  width: 100%;
}
.content-section.mountain .img-item .text{
  text-align: right;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #aaa;
  padding-right: 13.3%;
}
@media (max-width: 1720px) {
  .content-section.app-device .pc-ver .right-device{
    right: 2%;
  }
}
@media (max-width: 1430px) {
  .content-section.app-device .pc-ver .right-device{
    right: 0;
    text-align: right;
  }
  .content-section.app-device .pc-ver .right-device img{
    width: 80%;
  }
}
@media (max-width: 1260px) {
  .obsidian .visual-inner .content{
    left: 2rem;
  }
  .content-section.edition-slide-two .container{
    max-width: 90% !important;
    padding: 0 6rem;
  }
  .content-section.edition-slide-three .container.three{
    max-width: 94.5% !important;
    padding: 0 6rem !important;
  }
  .content-section.mountain .img-item .text{
    padding-right: 14.8%;
  }
  .content-section.mag-outline .container{
    max-width: 110rem !important;
    padding: 0 6rem !important;
  }
  .content-section.mag-outline .slider .swiper-button-next{
    right: 0;
  }
  .content-section.mag-outline .slider .swiper-button-prev{
    left: 0;
  }
}
@media (max-width: 1230px) {
  .content-section.app-device .pc-ver .right-device{
    display: none;
  }
}
@media (max-width: 1200px) {
  .sub-visual.sub-page-3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .sub-visual.sub-page-3 .img-object {
    position: static;
    transform: none;
  }
  .sub-visual.sub-page-3 .visual-inner {
    position: static;
    transform: none;
  }
  .content-section.app-down .bottom-wrap .link-app a img{
    width: 80%;
  }
  .content-section.mag-edition .edition-list .edition-item .text .desc-s{
    padding: 0 2rem;
  }
}
@media (max-width: 1140px) {
  .content-section.app-slide .slider .swiper-slide{
    width: 31.97% !important;
  }
  .content-section.edition-slide .text-image .slider .swiper-button-next{
    right: 15rem;
  }
  .content-section.edition-slide .text-image .slider .swiper-button-prev{
    left: 15rem;
  }
}
@media (max-width: 1024px) {
  .content-section.glance .card-box{
    flex-wrap: wrap;
  }
  .content-section.glance .card-box .item{
    width: 49%;
  }
  .sub-visual.sub-page-3.opportunity .visual-inner{
  width: 100%;
  top: 50%;
  left: 50%;
  position: static;
  transform: none;
  }
  .sub-visual.sub-page-3.secret .visual-inner .title{
    text-align: center;
  }
  .sub-visual.sub-page-3.opportunity .visual-inner .title{
    font-size: 3rem;
    text-align: center;
  }
  .sub-visual.sub-page-3.app{
    background-position: 25% center;
    text-align: center;
  }
  .content-section.app_bg{
    padding: 8rem 0;
  }
  .content-section.opportunity_01 .text-image{
    text-align: center;
    word-break: keep-all;
  }
  .content-section.opportunity_05,
  .content-section.opportunity_06{
    height: auto;
  }
  .content-section.opportunity_06{
    background-position: left;
  }
  .content-section.opportunity_02 .text-image, 
  .content-section.opportunity_03 .text-image,
  .content-section.opportunity_04 .text-image,
  .content-section.opportunity_05 .text-image,
  .content-section.opportunity_06 .text-image{
    text-align: center;
  }
  .content-section.opportunity_05 .text-image,
  .content-section.opportunity_06 .text-image{
    justify-content: center;
  }
  .content-section.opportunity_02 .text-image.reverse, 
  .content-section.opportunity_03 .text-image, 
  .content-section.opportunity_04 .text-image{
    flex-direction: column;
  }
  .content-section.opportunity_02 .text-image .text .title{
    padding-top: 0;
  }
   .content-section.opportunity_05 .text-image .text .title,
   .content-section.opportunity_06 .text-image .text .title{
    font-size: 3rem;
   }
   .content-section.opportunity_05 .text-image .text .desc-s,
   .content-section.opportunity_06 .text-image .text .desc-s{
    font-size: 1.4rem;
   }
  .content-section.opportunity_02 .text-image .text, .content-section.opportunity_02 .text-image .image,
  .content-section.opportunity_03 .text-image .text, .content-section.opportunity_03 .text-image .image,
  .content-section.opportunity_04 .text-image .text, .content-section.opportunity_04 .text-image .image{
    width: 100%;
  }
  .content-section.opportunity_02 .text-image .image img, 
  .content-section.opportunity_03 .text-image .image img,
  .content-section.opportunity_04 .text-image .image img{
    width: 100%;
  }
  .content-section.opportunity_04 .text-image .text ul{
    font-size: 1.6rem;
  }
  .content-section.opportunity_04 .text-image .text ul li::before{
    font-size: 2rem;
    padding-right: .5rem;
  }
  .content-section.buy-link{
    flex-direction: column;
    padding: 4rem 0;
    text-align: center;
  }
  .content-section.buy-link .image-wrap{
    width: 100%;
  }
  .content-section.buy-link .text-wrap{
    padding-right: 0;
  }
  .content-section.mag-edition .edition-list .edition-item .text .desc-s{
    font-size: 1.6rem;
  }
  .content-section.mag-edition .edition-list .edition-item .text .desc-s.blue{
    padding-bottom: 0;
    height: 4.8rem;
  }
  .content-section.mag-edition .edition-list .edition-item .text .program ul,
  .content-section.mag-edition .edition-list .edition-item .text .custom .desc-bottom,
  .content-section.mag-edition .edition-list .edition-item .text .custom ul,
  .content-section.mag-edition .edition-list .edition-item .text .program .holistic-desc{
    margin-left: 2rem;
  }
  .content-section.app-slide .container,
  .content-section.edition-slide-two .container,
  .content-section.edition-slide-three .container.three
  {
    max-width: 76rem !important;
    padding: 0 6rem !important;
  }
  .content-section.app-slide .slider .swiper-slide{
    width: 47.65% !important;
  }
  .content-section.edition-slide-two .slider .swiper-button-next{
    right: -10%;
  }
  .content-section.edition-slide-two .slider .swiper-button-prev{
    left: -10%;
  }
  .content-section.mag-outline .container{
    max-width: 76rem !important;
    padding: 0 6rem !important;
  }
  .content-section.edition-slide .text-image .slider .swiper-button-next{
    right: 13rem;
  }
  .content-section.edition-slide .text-image .slider .swiper-button-prev{
    left: 14rem;
  }
  .content-section.edition-slide-three .slider .swiper-button-next{
    right: -9%;
  }
  .content-section.edition-slide-three .slider .swiper-button-prev{
    left: -9%;
  }
  .content-section.obsidian-club{
    height: 100%;
  }
}
@media (max-width: 938px) {
  .content-section.mag-edition .edition-list .edition-item .text .desc-s.blue{
    padding-bottom: 2.4rem;
    height: auto;
  }
  .content-section.edition-slide .text-image .slider .swiper-button-next{
    right: 10rem;
  }
  .content-section.edition-slide .text-image .slider .swiper-button-prev{
    left: 11rem;
  }
}

@media (max-width: 900px) {
  .sub-visual.sub-page-3.mag-classic{
    background-position: left center;
  }
  .sub-visual.sub-page-3.mag-classic.mcmakin{
    background-position: -236px;
  }
  .obsidian {
    height: 48rem;
  }
  .content-section.cycle .text-image .container {
    flex-direction: column;
  }
  .content-section.cycle .center-wrap {
    margin-bottom: 0;
  }
  .content-section.cycle .text-image {
    padding: 2rem 0;
  }
  .content-section.cycle .text-image div {
    width: 100%;
  }
  .content-section.cycle .text-image .image {
    margin-top: 2rem;
  }
  .content-section.cycle .text-image .image img {
    width: 90%;
  }
  .content-section.innovation .text-image .image img{
    width: 100%;
  }
  .content-section.innovation{
    height: 100%;
  }
  .content-section.principle .text-top .title{
    font-size: 3rem;
    margin-bottom: 0;
  }
  .content-section.principle .text-image .text .title{
    font-size: 2.5rem;
    text-align: center;
  }
  .content-section.principle .text-image .text .desc-s{
    font-size: 1.4rem;
    text-align: center;
  }
  .content-section.principle .text-image.reverse{
    flex-direction: column;
  }
  .content-section.glance .card-box .item .title, .content-section.glance .card-box .item .desc-s{
    font-size: 1.6rem;
  }
  .content-section.founder .founder-text .title, .content-section.founder .founder-center .title, .content-section.founder .founder-bottom .title{
    font-size: 3rem;
    text-align: center;
    word-break: keep-all;
  }
  .content-section.founder .founder-text .desc-xl, .content-section.founder .founder-bottom .desc-xl{
    font-size: 2.4rem;
  }
  .content-section.founder .founder-text img{
    max-width: 20rem;
  }
  .content-section.founder .founder-text .desc, .content-section.founder .founder-center .desc, .content-section.founder .founder-bottom .desc{
    font-size: 1.4rem;
    word-break: keep-all;
    text-align: center;
  }
  .content-section.science-card .card-container{
    gap: 1rem;
  }
  .content-section.science-card .card-container .card{
    width: 48.5%;
  }
  .content-section.science-card .card-container .card.no-image{
    display: none;
  }
  .sub-visual.sub-page-3.research{
    background-position: left;
  }
  .sub-visual.sub-page-3.result{
    background-position: left;
  }
  .content-section.opportunity_07 .notice{
    font-size: 1.4rem;
  }
  .content-section.app-bg{
    height: 54.3rem;
    padding: 8rem 0;
  }
  .content-section.app-bg.blue{
    height: 58.8rem;
    padding: 8rem 0;
  }
  .content-section.app-bg.green{
    height: 52.1rem;
    padding: 8rem 0;
  }
  .content-section.app-bg .text-image .text .title{
    font-size: 3.2rem;
  }
  .content-section.app-bg .text-image .text img{
    width: 100%;
    max-width: 32rem;
  }
  .content-section.app-bg .text-image .text .desc-s{
    font-size: 1.8rem;
  }
  .content-section.app-device .pc-ver{
    display: none;
  }
  .content-section.app-device{
    background: none;
    height: auto;
    padding: 0;
  }
  .content-section.app-device .mo-ver{
    display: block;
  }
  .content-section.app-buy .container{
    padding: 0 !important;
  }
  .content-section.app-buy .text-image .text ul li{
    width: auto;
  }
  .content-section.app-buy .text-image{
    flex-direction: column-reverse;
  }
  .content-section.app-buy .text-image .text .desc-s{
    text-align: center;
    font-size: 1.4rem;
  }
  .content-section.app-buy .text-image .text ul{
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 2rem;
    padding: 0 2rem;
  }
  .content-section.app-buy .text-image .text, .content-section.app-buy .text-image .image{
    width: 100%;
  }
  .content-section.app-buy .bottom-wrap p{
    font-size: 1.4rem;
    padding: 0 4rem;
    word-break: keep-all;
  }
  .content-section.app-routine ul{
    gap: .4rem;
    max-width: 100%;
  }
  .content-section.app-routine ul li{
    width: calc(50% - .2rem);
  }
  .content-section.app-routine .routine-title .title{
    font-size: 3.2rem;
    margin-bottom: 4rem;
  }
  .content-section.app-routine .notice{
    font-size: 1.4rem;
  }
  .content-section.app-down .bottom-wrap{
    flex-direction: column;
  }
  .content-section.app-down .bottom-wrap .link-app a img{
    width: 100%;
  }
  .content-section.resonance{
    height: auto;
  }
  .content-section.resonance .container{
    height: auto;
    padding: 0 !important;
  }
  .content-section.resonance .text-image.one{
    height: auto;
  }
  .content-section.resonance .text-image.one .text{
    text-align: center;
    width: 100%;
  }
  .content-section.resonance .text-image .text .btn{
    position: static;
    transform: none;
  }
  .content-section.app-offer{
    padding: 4rem 0;
  }
  .content-section.app-offer .offer-list{
    flex-direction: column;
  }
  .content-section.app-offer .offer-title .title{
    font-size: 3.2rem;
    letter-spacing: -1.2px;
  }
  .content-section.app-offer .offer-list ul{
    width: 100%;
    justify-content: center;
    gap: 1.2rem;
  }
  .content-section.app-offer .offer-list ul li{
    width: 29%;
  }
  .content-section.app-offer .offer-list ul li .txt{
    letter-spacing: -1px;
    width: 100%;
  }
  .content-section.app-offer .offer-list ul li img{
    width: 100%;
    max-width: 9.3rem;
  }
  .content-section.app-offer .offer-list ul li .offer-btn{
    padding: 0 1.2rem;
  }
  .content-section.buy-link .text-wrap .desc{
    width: 100%;
    text-align: center;
    font-size: 1.4rem;
  }
  .content-section.buy-link .text-wrap ul{
    justify-content: center;
    gap: 1.5rem;
  }
  .content-section.buy-link .text-wrap ul li{
    width: 9.2rem;
  }
  .content-section.buy-link .text-wrap ul li .image-wrap span{
    font-size: 1.2rem;
  }
  .content-section.buy-link .text-wrap ul li .buy-btn{
    padding: 0 1.2rem;
  }
  .content-section.up-date{
    padding: 4rem 0;
  }
  .content-section.up-date .text-image{
    flex-direction: column-reverse;
  }
  .content-section.up-date .text-image .text{
    width: 100%;
    padding-left: 0;
  }
  .content-section.up-date .text-image .text .desc-s{
    text-align: center;
    font-size: 1.4rem;
  }
  .content-section.up-date .text-image .image{
    width: 100%;
    margin-bottom: 4rem;
  }
  .content-section.mag-edition .edition-list .edition-item .text .title{
    font-size: 2.1rem;
  }
  .content-section.mag-edition .edition-list .edition-item .text .mo-br{
    display: none;
  }
  .content-section.mag-edition .edition-list .edition-item .text .program ul,
  .content-section.mag-edition .edition-list .edition-item .text .custom .desc-bottom,
  .content-section.mag-edition .edition-list .edition-item .text .custom ul,
  .content-section.mag-edition .edition-list .edition-item .text .program .holistic-desc{
   font-size: 1.6rem;
  }
  .content-section.mag-edition .edition-list .edition-item .text .custom .edition-btn{
    margin-top: 8.8rem;
  }
  .content-section.energy{
    padding: 4rem 0;
  }
  .content-section.energy .text-image{
    flex-direction: column;
    text-align: center;
  }
  .content-section.energy .text-image .text,
  .content-section.energy .text-image .image{
    width: 100%;
  }
  .content-section.balance .step-list li{
    width: calc(100% / 3 - 1.5rem);
  }
  .content-section.mcmakin-bg{
    text-align: center;
    height: 100%;
  }
  .content-section.mcmakin-bg .text-image .text {
    width: 100%;
  }
  .content-section.mcmakin-bg .text-image .text .desc-s,
  .content-section.mcmakin-bg .text-image .text .desc-s strong{
    font-size: 1.4rem;
  }
  .obsidian .visual-inner .content{
    width: 100%;
    left: 0;
    text-align: center;
  }
  .obsidian .visual-inner .content .title{
    font-size: 3rem;
  }
  .obsidian .visual-inner .content .desc-xL{
    font-size: 2rem;
  }
  .obsidian .visual-inner .content .buy-btn{
    background-color: #fff;
    color: #333;
    width: 15rem;
    line-height: 4.6rem;
  }
  .content-section.edition-slide .text-image{
    flex-direction: column-reverse;
  }
  .content-section.edition-slide .text-image .text{
    width: 100%;
  }
  .content-section.edition-slide .text-image .image{
    width: 100%;
  }
  .content-section.edition-slide .text-image .slider .swiper-slide{
    padding: 0 2rem 6.6rem 2rem;
  }
  .content-section.edition-slide .text-image .slider .swiper-slide .list-title{
    font-size: 2rem;
  }
  .content-section.edition-slide .text-image .slider .swiper-slide ul{
    font-size: 1.4rem;
  }
  .content-section.edition-slide .text-image .slider .swiper-slide ul li::before{
    top: 1rem;
  }
  .content-section.edition-slide .text-image .slider .swiper-button-next{
    right: 33%;
  }
  .content-section.edition-slide .text-image .slider .swiper-button-prev{
    left: 33%;
  }
  .content-section.edition-slide .text-top .title{
    font-size: 2.4rem;
  }
  .content-section.edition-slide .text-top .desc-s{
    font-size: 1.4rem;
  }
  .content-section.edition-slide .text-image .slider .swiper-slide .desc{
    font-size: 1.4rem;
    padding: 0 2rem;
  }
  .content-section.edition-slide .container{
    padding: 0 !important;
  }
  .content-section.edition-slide .text-image .slider .swiper-container{
    margin: 1.2rem 0;
  }
  .content-section.edition-slide .text-image .slider .swiper-pagination{
    left: 50%;
  }
  .content-section.edition-slide .text-image .image{
    text-align: center;
  }
  .content-section.edition-slide-two .text-top .desc-s {
    padding: 0 2rem;
  }
  .content-section.obsidian-center .text-top .title{
    font-size: 2.4rem;
  }
  .content-section.obsidian-center .text-top .desc-s{
    font-size: 1.4rem;
  }
  .content-section.obsidian-view {
    background-position: right;
  }
  .content-section.obsidian-view .text-image .text{
    text-align: center;
  }
  .content-section.obsidian-view .text-image .text .top-txt{
    font-size: 1.8rem;
  }
  .content-section.obsidian-view .text-image .text .desc{
    font-size: 1.4rem;
  }
  .content-section.obsidian-flex{
    height: 100%;
  }
  .content-section.obsidian-flex .text-image{
    flex-direction: column;
    gap: 2rem;
  }
  .content-section.obsidian-flex .text-image .text,
  .content-section.obsidian-flex .text-image .image_box{
    width: 100%;
    max-width: 100%;
  }
  .content-section.obsidian-flex .text-image .text{
    padding: 4rem 2rem;
    text-align: center;
  }
  .content-section.obsidian-flex .text-image .text .title{
    font-size: 2.1rem;
  }
  .content-section.obsidian-flex .text-image .image_box{
    height: 46rem;
  }
  .content-section.mountain .text-top .title{
    font-size: 2.1rem;
    margin-bottom: 0;
  }
  .content-section.opportunity_04 .text-image .text ul li{
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  .sub-visual.sub-page-3.log{
    height: 35.4rem;
  }
  .sub-visual.sub-page-3.log .visual-inner{
    left: 50%;
        transform: translate(-50%, -50%);
        padding: 0 15px;
        width: 100%;
        align-items: center;
  }
  .sub-visual.sub-page-3.secret{
    background-image: url(../../../include/img/view/healy_secret_bg_mo.jpg);
    height: 70rem;
    background-size: cover;
  }
  .sub-visual.sub-page-3.secret .visual-inner{
    position: absolute;
    transform: translate(-50%, -50%);
    top: 80%;
  }
  .sub-visual.sub-page-3.secret .visual-inner .btn-buy{
    margin-top: 3rem;
  }
  .sub-visual.sub-page-3.mag-classic{
    background: url(../../../include/img/view/maghealy_classic_bg_mo.jpg) no-repeat center top/cover;
  }
  .sub-visual.sub-page-3.mag-classic.atmo{
    background: url(../../../include/img/view/atmosphere_bg_mo.jpg) no-repeat center top/cover;
  }
  .sub-visual.sub-page-3.mag-classic.water{
    background: url(../../../include/img/view/water_bg_mo.jpg) no-repeat center top/cover;
  }
  .sub-visual.sub-page-3.mag-classic.mcmakin{
    background: url(../../../include/img/view/maghealy_mcmakin_bg_mo.jpg) no-repeat center top/cover;
  }
  .sub-visual.sub-page-3.mag-classic.heal{
    background: url(../../../include/img/view/maghealy_healAdvisor_bg_mo.jpg) no-repeat center top/cover;
  }
  .sub-visual.sub-page-3.mag-classic .visual-inner .btn-more{
    margin-top: 19.8rem;
    min-width: 20rem;
  }
  .content-section.twelve .text-image {
    height: 40rem;
  }
  .content-section.coil .text-image.reverse{
    flex-direction: column;
  }
  .content-section.coil .text-image.reverse .text{
    width: 100%;
    text-align: center;
  }
  .content-section.coil .text-image.reverse .image{
    width: 100%;
    text-align: center;
    padding-bottom: 8rem;
  }
  .content-section.coil .text-image.reverse .text .btn{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .content-section.programs.coil{
    padding-bottom: 0;
  }
  .content-section.programs.coil .text-image.reverse .text{
    margin-top: 0;
  }
  .content-section.programs .program-list .program-item .desc p,
  .content-section.programs .program-item_add .desc p{
    font-size: 1.4rem;
  }
  .content-section.innovation .text-image div.text{
    text-align: center;
  }
  .content-section.callaction .text-top .title{
    font-size: 2.5rem;
  }
  .content-section.coil-detail .image-box .item p{
    font-size: 1.4rem;
  }
  .content-section.coil-detail .text-image .text .desc-s{
    font-family: "NotoSansKR";
    padding-top: 0;
    color: #333;
  }
  .content-section.coil-detail .text-image{
    gap: 1rem;
    padding-bottom: 3rem;
  }
  .content-section.coil-detail .bottom-text{
    font-size: 1.6rem;
  }
  .content-section.glance .card-box .item{
    width: 100%;
  }
  .content-section.glance .card-box .item .title, .content-section.glance .card-box .item .desc-s{
    font-size: 1.4rem;
  }
  .content-section.founder .main-title{
    font-size: 2.4rem;
  }
  .content-section.founder .founder-text .title, .content-section.founder .founder-center .title, .content-section.founder .founder-bottom .title{
    font-size: 2.1rem;
  }
  .content-section.founder.type2 .founder-text img{
    max-width: 17rem;
    margin-bottom: 1rem;
  }
  .content-section.founder .founder-text .desc-xl, .content-section.founder .founder-bottom .desc-xl{
    font-size: 1.8rem;
    word-break: keep-all;
  }
  .content-section.glance .card-box{
    margin-top: 2rem;
  }
  .content-section.founder .founder-text .desc, .content-section.founder .founder-center .desc, .content-section.founder .founder-bottom .desc, .content-section.founder .founder-center{
    margin-bottom: 2rem;
  }
  .content-section.founder .founder-bottom{
    flex-direction: column;
  }
  .content-section.founder .founder-bottom .item{
    width: 100%;
    text-align: center;
  }
  .content-section.lifestyle .text-image{
    margin-bottom: 2rem;
  }
  .content-section.science-bg{
    height: 40rem;
  }
  .content-section.intro .text-image{
    gap: 3rem;
  }
  .content-section.science-card .card-container{
    gap: 0;
    
  }
  .content-section.science-card .card-container .card{
    width: 100%;
  }
  .content-section.science-card .card-container .card img{
    width: 70%;
    margin-bottom: 3rem;
  }
  .content-section.science-card .card-container .card h3{
    font-size: 2.4rem;
  }
  .content-section.science-card .card-container .card p{
    font-size: 1.4rem;
  }
  .content-section.faith .text-image .text{
    margin-bottom: 2rem;
  }
  .content-section.founder.type2 .founder-text .desc{
    font-size: 1.4rem;
  }
  .content-section.research{
    margin-top: -14rem;
  }
  .content-section.research .center-box .desc{
    padding-top: 5rem;
  }
  .content-section.research .center-box ul{
    margin-top: 2rem;
    padding: 0 1rem;
  }
  .sub-visual.sub-page-3.maghealy{
    background-image: url(../../../include/img/view/healy_maghely_bg_mo.jpg);
    background-position: top center;
  }
  .sub-visual.sub-page-3.maghealy .mo-hidden{
    display: none;
  }
  .content-section.mo-cont{
    display: block;
    padding: 0;
    margin-top: -16rem;
  }
  .content-section.mo-cont .container{
    padding: 0 !important;
  }
  .content-section.mo-cont .image{
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .content-section.mo-cont .image .btn-more{
    margin-top: 1.3rem;
    text-align: center; 
    font-size: 1.6rem;
    font-weight: 500;
    color: #fff;
    background-color: #56BF99;
    line-height: 5rem;
    min-width: 25.6rem;
    border-radius: 5rem;
    font-family: "NotoSansKR", sans-serif;
  }
  .content-section.advantages{
    background-image: url(../../../include/img/view/maghely_advantages_bg_mo.png);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    height: 100%;
    padding: 4rem 0;
  }
  .content-section.advantages .title{
    margin-bottom: .2rem;
  }
  .content-section.advantages .text-image{
    flex-direction: column-reverse;
  }
  .content-section.advantages .title{
    font-size: 2.4rem;
  }
  .content-section .text-image div.text .desc-s{
    text-align: center;
  }
  .content-section.element_02 .text-image div.text .desc-s,
  .content-section.element_04 .text-image div.text .desc-s{
    font-size: 1.4rem;
  }
  .content-section .text-image div.text .desc-s strong{
    font-size: 1.6rem;
  }
  .content-section.intro .text-image .title,
  .content-section.faith .text-image .title{
    text-align: center;
  }
  .content-section.advantages .text-image .image img{
    max-width: 32rem;
  }
  .content-section.mag-edition .edition-list{
    flex-direction: column;
    justify-content: center;
  }
  .content-section.mag-edition .edition-list .edition-item{
    width: 100%;
  }
  .content-section.mag-edition .edition-list .edition-item .text .desc-s{
    font-size: 1.6rem;
  }
  .content-section.mag-edition .edition-list .edition-item .text .desc-s.blue{
    padding-bottom: 0;
  }
  .content-section.mag-edition .edition-list .edition-item .text .custom{
    padding: 2.7rem 0 4rem 0;
  }
  .content-section.mag-edition .edition-list .edition-item .text .custom .edition-btn{
    margin-top: 5rem;
  }
  .content-section.mag-edition .edition-list .edition-item .text .mo-on{
    display: block;
  }
  .content-section.mag-edition .edition-list .edition-item .text .desc-on{
    display: block;
  }
  .content-section.mag-edition .edition-list .edition-item .text .program .edition-btn{
    margin-top: 2.2rem;
    margin-bottom: 4rem;
  }
  .content-section.program-group{
    text-align: center;
    word-break: keep-all;
    background-image: url(../../../include/img/view/maghely_advantages_bg_01_mo.png);
    background-size: cover;
    background-position: center;
  }
  .content-section.program-group .text-top .title{
    font-size: 2.1rem;
  }
  .content-section.program-group .text-top .desc-s{
    font-size: 1.6rem;
  }
  .content-section.program-group .program-list li{
    flex-direction: column;
    font-size: 1.4rem;
  }
  .content-section.mag-video{
    padding: 4rem 0;
  }
  .content-section.mag-video .text-top .title{
    font-size: 2.4rem;
    margin-bottom: 2rem;
    line-height: 1.5;
    word-break: keep-all;
  }
  .content-section.mag-edition{
    padding: 4rem 0;
  }
  .content-section.mag-edition .text-top .title{
    font-size: 2.1rem;
  }
  .content-section.mag-edition .text-top .desc-s{
    font-size: 1.8rem;
    margin-bottom: 3rem;
  }
  .content-section.mag-edition .edition-list .edition-item .text .program ul li,
  .content-section.mag-edition .edition-list .edition-item .text .custom ul li{
    font-size: 1.4rem;
  }
  .content-section.app-slide .text-top .title{
    font-size: 2.4rem;
  }
  .content-section.app-slide .text-top .desc-s{
    margin-bottom: 2rem;
  }
  .content-section.app-slide .container{
    max-width: 32rem !important;
    padding: 0 !important;
  }
  .content-section.edition-slide-two .container{
    padding: 0 !important;
  }
  .content-section.app-slide .slider .swiper-slide{
    width: 95.3% !important;
  }
  .content-section.app-slide .slider .swiper-button-next{
    right: -14px;
  }
  .content-section.app-slide .slider .swiper-button-prev{
    left: -14px;
  }
  .content-section.app-slide .slider .swiper-button-next,
  .content-section.app-slide .slider .swiper-button-prev{
    width: 3.6rem;
    height: 3.6rem;
    background-size: 1rem;
  }
  .content-section.mag-outline .slider .swiper-slide{
    width: 17.9rem !important;
  }
  .content-section.mcmakin .text-image{
    flex-direction: column-reverse;
    gap: 3rem;
  }
  .content-section.mcmakin .text-image .text .title{
    font-size: 2.4rem;
  }
  .content-section.mcmakin .text-image .text .desc-s{
    font-size: 1.4rem;
    text-align: left;
  }
  .content-section.mcmakin .text-image .image{
    text-align: center;
  }
  .content-section.mag-note{
    padding: 4rem 0;
    font-size: 1.6rem;
  }
  .content-section.classic-program .text-top .title{
    font-size: 2.4rem;
  }
  .content-section.classic-program .text-top .desc-xL{
    font-size: 2.1rem;
  }
  .content-section.classic-program .text-top{
    margin-bottom: 2rem;
  }
  .content-section.classic-program .text-image{
    flex-direction: column-reverse;
  }
  .content-section.classic-program .text-image .image{
    text-align: center;
  }
  .content-section.mag-outline .container{
    max-width: 100% !important;
    padding: 0 !important;
  }
  .content-section.mag-outline .text-top .title{
    padding: 0 2rem;
    font-size: 2.4rem;
    margin-bottom: 4rem;
  }
  .content-section.mag-outline .slider .swiper-container{
    margin-left: 2rem;
  }
  .content-section.mag-outline .slider .swiper-button-next,
  .content-section.mag-outline .slider .swiper-button-prev,
  .content-section.edition-slide-two .slider .swiper-button-next,
  .content-section.edition-slide-two .slider .swiper-button-prev{
    display: none;
  }
  .content-section.mag-graph .text-top .title{
    font-size: 2.4rem;
  }
  .content-section.mag-graph .text-top .desc-xL{
    font-size: 2.1rem;
    margin-bottom: 2rem;
  }
  .content-section.mag-outline{
    background-position: left center;
  }
  .content-section.mag-graph .text-top .desc-s{
    font-size: 1.4rem;
    margin-bottom: 3rem;
  }
  .content-section.mag-graph .graph-wrap .graph-item{
    text-align: center;
  }
  .content-section.mag-graph .graph-wrap .graph-item + .graph-item{
    margin-top: 2rem;
  }
  .content-section.mag-graph .graph-wrap .graph-item img{
    width: 100%;
  }
  
  .content-section.mag-graph .graph-wrap.flex{
    flex-direction: column;
    gap: 0;
  }
  .content-section.balance{
    padding: 0 0 4rem 0;
    background-position: top;
    background-size: 200%;
    word-break: keep-all;
  }
  .content-section.balance .step-list{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4rem;
  }
  .content-section.balance .step-list li{
    width: 100%;
    max-width: 26rem;
    min-height: 20rem;
  }
  .content-section.balance .text-top .title{
    font-size: 2.4rem;
  }
  .content-section.balance .text-top .desc-xL{
    font-size: 2.1rem;
    margin-bottom: 5rem;
  }
  .content-section.balance .step-list li .step-desc{
    font-size: 1.4rem;
  }
  .content-section.mag-outline.mc-meridian .slider .slider-title{
    text-align: center;
    padding-left: 0;
  }
  .content-section.mag-outline.mc-meridian .slider .slider-title,
  .content-section.mag-outline.mc-meridian .slider .swiper-slide .desc-s{
    font-size: 2.1rem;
  }
  .content-section.edition-slide .text-top .desc-s{
    padding: 0 2rem;
  }
  .content-section.edition-slide-two{
    padding: 4rem 0 13rem 0;
  }
  .content-section.edition-slide-two .slider{
    margin-left: 2rem;
    width: 100%;
  }
  .content-section.edition-slide-two .slider .swiper-slide{
    width: 30rem !important;
  }
  .content-section.edition-slide-two .text-top .title strong{
    font-size: 2.1rem;
  }
  .content-section.edition-slide-two .text-top .title{
    font-size: 1.8rem;
  }
  .content-section.edition-slide-two .text-top .desc-s{
    font-size: 1.4rem;
    margin-bottom: 6rem;
  }
  .content-section.edition-slide-two .slider .swiper-slide .title{
    font-size: 1.8rem;
  }
  .content-section.edition-slide-two .slider .swiper-slide .desc-s{
    font-size: 1.4rem;
  }
  .content-section.edition-slide-two .slider .swiper-slide .desc{
    font-size: 1.4rem;
  }
  .content-section.compose{
    padding: 4rem 0;
  }
  .content-section.compose .text-image .text .title{
    text-align: center;
    font-size: 2.1rem;
  }
  .content-section.compose .text-image .text ul{
    flex-direction: column;
    margin-top: 2rem;
    row-gap: 2.5rem;
  }
  .content-section.compose .text-image .text ul li{
    width: 100%;
  }
  .content-section.compose .text-image .text ul li p{
    font-size: 1.4rem;
  }
  .content-section.compose .text-image .compose_pc{
    display: none;
  }
  .content-section.compose .text-image .compose_mo{
    display: block;
    width: 100%;
  }
  .content-section.compose .text-image .text .desc-s{
    font-size: 1.4rem;
  }
  .content-section.compose .text-image .compose_mo img{
    width: 100%;
  }
  
  .content-section.edition-slide-three{
    overflow: hidden;
  }
  .content-section.edition-slide-three .container.three{
    padding: 0 !important;
    margin: 0 0 0 2rem !important;
  }
  .content-section.edition-slide-three .slider .swiper-slide{
    width: 17.9rem !important;
  }
  .content-section.edition-slide-three .slider,
  .content-section.edition-slide-three .slider .swiper-container{
    width: 120%;
  }
  .content-section.edition-slide-three .slider .swiper-button-next{
    display: none;
  }
  .content-section.edition-slide-three .slider .swiper-button-prev{
    display: none;
  }
  .content-section.edition-slide-three .text-image div.text .desc-s{
    font-size: 1.4rem;
  }
  .content-section .text-image div.text .desc-s{
    margin-bottom: 3rem;
  }
  .content-section.edition-slide-three .text-image .image{
    margin-bottom: 2.5rem;
  }
  .content-section.obsidian-club{
    background-position: 30%;
  }
  .content-section.obsidian-club .text-image .text-list{
    flex-direction: column;
    text-align: center;
    width: 100%;
    gap: 0;
  }
  .content-section.obsidian-club .text-image .text-list ul{
    width: 100%;
  }
  .content-section.obsidian-club .text-image .image-mo{
    display: block;
    text-align: center;
    width: 100%;
    margin: 4rem 0;
  }
  .content-section.obsidian-club .text-image .image-mo img{
    width: 100%;
  }
  .content-section.obsidian-club .text-top .title{
    font-size: 2.1rem;
  }
  .content-section.obsidian-club .text-top .desc-xL,
  .content-section.obsidian-club .text-image .text-list ul li .top-txt{
    font-size: 1.8rem;
  }
  .content-section.obsidian-club .text-top .desc-s{
    font-size: 1.4rem;
    margin-bottom: 3rem;
  }
  .content-section.obsidian-club .text-image .text-list ul li .desc{
    font-size: 1.4rem;
  }
  .content-section.mountain .img-item{
    text-align: center;
  }
  .content-section.mountain .img-item img{
    max-width: 30rem;
  }
  .content-section.obsidian-club .bottom-txt{
    margin-top: 2rem;
    text-align: center;
    font-size: 1.6rem;
  }
  .content-section.mountain .img-item .text{
    padding-right: 0;
    text-align: center;
    font-size: 1.4rem;
  }
  .content-section.mountain .text-top .desc-s{
    font-size: 1.4rem;
  }
  .content-section.app-buy .text-image .text ul li{
    width: 32%;
  }
  .content-section.obsidian-flex .text-image .text .desc-s{
    font-size: 1.4rem;
  }
  .content-section.app-device .mo-ver .desc-s{
    font-size: 1.4rem;
  }
}
@media (max-width: 640px) {
  .content-section.edition-slide .text-image .slider .swiper-button-next{
    right: 26%;
  }
  .content-section.edition-slide .text-image .slider .swiper-button-prev{
    left: 28%;
  }
}
@media (max-width: 500px) {
  .content-section.mag-edition .edition-list .edition-item .text .desc-on{
    display: none;
  }
  .content-section.edition-slide .text-image .slider .swiper-button-next{
    right: 22%;
  }
  .content-section.edition-slide .text-image .slider .swiper-button-prev{
    left: 24%;
  }
  .content-section.mag-graph .graph-wrap .graph-item:nth-child(2) img{
    max-width: 28rem;
  }
}
@media (max-width: 375px) {
  .content-section.edition-slide .text-image .slider .swiper-button-next{
    right: 20%;
  }
  .content-section.edition-slide .text-image .slider .swiper-button-prev{
    left: 22%;
  }
  .content-section.obsidian-club{
    background-position: 50%;
  }
}
.sub-visual.sub-page-10 {
  background-image: url(../../../include/img/view/company_page_bg.jpg);
}
.sub-visual.sub-page-10 .visual-inner .title {
  font-family: "Open Sans", sans-serif;
}

.content-section.company .company_ceo {
  padding: 0.5rem 21rem;
}
.content-section.company .company_ceo .title {
  font-family: "NotoSansKR", sans-serif;
  text-align: center;
  font-size: 3.6rem;
  font-weight: 500;
  margin: 8rem 0;
  word-break: keep-all;
}
.content-section.company .company_ceo .title span {
  display: block;
  font-size: 2.4rem;
  color: #979797;
}
.content-section.company .company_ceo .desc {
  font-family: "NotoSansKR", sans-serif;
  font-weight: 200;
  font-size: 1.8rem;
  color: #555;
  line-height: 1.7;
}
.content-section.company .company_ceo .ceo {
  font-family: "NotoSansKR", sans-serif;
  font-weight: 200;
  font-size: 1.8rem;
  color: #555;
  padding: 2rem 0;
}
.content-section.company .team-wrap .team-inner {
  text-align: center;
  margin-top: 10rem;
}
.content-section.company .team-wrap .team-inner .title {
  font-weight: 500;
  font-size: 3rem;
  text-align: center;
  width: 100%;
  margin-bottom: 5rem;
}
.content-section.company .team-wrap .team-group {
  max-width: 60rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  gap: 6rem;
}
.content-section.company .team-wrap .team-group .team-img {
  margin-bottom: 2rem;
}
.content-section.company .team-wrap .team-group .team-img img {
  border-radius: 50%;
}
.content-section.company .team-wrap .team-group .team-info {
  font-family: "Open Sans", sans-serif;
  text-align: center;
  font-size: 1.8rem;
  color: #555;
  font-weight: 400;
}
.content-section.company .team-wrap .team-groups {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.content-section.company .team-wrap .team-groups .team-items {
  text-align: center;
  width: 25%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 30px;
}
.content-section.company .team-wrap .team-groups .team-items .team-img {
  width: 225px;
  height: 225px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 10px;
}
.content-section.company .team-wrap .team-groups .team-items .team-infos span {
  font-size: 1.8rem;
  font-weight: 400;
  color: #555;
}
.content-section.company .team-wrap .team-groups .team-items .team-infos .spot {
  font-weight: 300;
  font-size: 1.5rem;
  color: #979797;
  margin-top: 0.5rem;
}
.content-section.secret-video .video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
}
.content-section.secret-video .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.content-section.secretBg-text{
  background-image: url(../../../include/img/view/healy_secret_02_bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  height: 60rem;
}
.content-section.secretBg-text .text-image .text{
  width: 100%;
}
.content-section.secretBg-text .text-image .text .title{
  font-size: 4rem;
  font-weight: 500;
  margin-bottom: 1.1rem;
}
.content-section.secretBg-text .text-image .text .desc-xL{
  font-size: 2.8rem;
  font-weight: 500;
  color: #8194A8;
  margin-bottom: 6rem;
}
/* .content-section.secretBg-text .text-image .text .desc-s{
  font-size: 1.6rem;
} */
.content-section.bg-trans{
  padding: 0;
}
.content-section.bg-trans .container{
  max-width: 153.2rem !important;
  padding: 14rem 0 12rem 0;
}
.content-section.bg-trans .bg-image .item{
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-section.bg-trans .bg-image .item .title{
  font-size: 4rem;
  font-weight: 500;
  margin-bottom: 4.2rem;
}
.content-section.bg-trans .bg-image .item .desc{
  font-size: 1.6rem;
  color: #333;
  line-height: 1.5;
}
.content-section.bg-trans .bg-image .item + .item{
  margin-top: 12rem;
}
.content-section.bg-trans .bg-image .item:nth-child(1) .text{
  padding-left: 10rem;
}
.content-section.bg-trans .bg-image .item:nth-child(2){
  flex-direction: row-reverse;
}
.content-section.bg-trans .bg-image .item:nth-child(2) .text{
  padding-right: 10rem;
}
.content-section.center-bg{
  background-image: url(../../../include/img/view/healy_seacret_wave_bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 47.9rem;
}
.content-section.secret-product{
  padding-bottom: 38.4rem;
}
.content-section.secret-product .container{
  text-align: center;
}
.content-section.secret-product .product-container{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.content-section.secret-product .product-container .product-row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 1rem;
}
.content-section.secret-product .product-container .product-row + .product-row{
  margin-top: 7rem;
}
.content-section.secret-product .product-container .product-row.hidden {
  display: none; /* Initially hide rows with the 'hidden' class */
}
.content-section.secret-product .product-container .product-row .product-item {
  width: calc(25% - 8px);
  box-sizing: border-box;
  text-align: center;
}
.content-section.secret-product .product-container .product-row .product-item .product-img{
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #F5F5F5;
  margin-bottom: 2.5rem;
}
.content-section.secret-product .product-container .product-row .product-item p{
  text-align: left;
  font-size: 1.6rem;
  color: #606060;
  word-break: keep-all;
  line-height: 1.5;
}
.content-section.secret-product .product-container .product-row .product-item img {
  max-width: 100%;
  height: auto;
}
.content-section.secret-product .load-more {
  margin-top: 7rem;
  padding: 1.4rem 3.5rem;
  border: 1px solid #828282;
  color: #828282;
  border-radius: 3rem;
  font-size: 2rem;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

@media (max-width: 1400px) {
  .content-section.bg-trans .container{
    padding: 25rem 2rem 12rem 2rem;
  }
  .content-section.bg-trans .bg-image .item:nth-child(1) .text{
    padding-left: 5rem;
  }
  .content-section.bg-trans .bg-image .item:nth-child(2) .text{
    padding-right: 5rem;
  }
  .content-section.bg-trans .bg-image .item img{
    width: 50%;
  }
  .content-section.secretBg-text{
    height: auto;
  }
}

@media (max-width: 1024px) {
  .content-section.company .company_ceo {
    padding: 0.5rem 0;
  }
  .content-section.company .team-wrap .team-group .team-img img {
    max-width: 15rem;
  }
  .content-section.company .team-wrap .team-groups .team-items .team-img {
    width: 15rem;
    height: 15rem;
  }
  .content-section.company .team-wrap .team-groups .team-items {
    width: 25%;
  }
  .content-section.company .team-wrap .team-groups .team-items .team-img img {
    width: 100%;
  }
  
}
@media (max-width: 900px) {
  .content-section.company .team-wrap .team-inner {
    margin-top: 5rem;
  }
  .content-section.company .team-wrap .team-group {
    justify-content: center;
    gap: 2.5rem;
  }
  .content-section.company .team-wrap .team-inner .title {
    font-size: 2rem;
    margin-bottom: 2.5rem;
  }
  .content-section.company .company_ceo .title {
    font-size: 2.4rem;
  }
  .content-section.company .company_ceo .title span {
    font-size: 1.8rem;
  }
  .content-section.company .company_ceo .title {
    margin-top: 2rem;
    margin-bottom: 6rem;
  }
  .content-section.bg-trans{
    padding: 0;
  }
  .content-section.bg-trans .bg-image .item{
    width: 100%;
    justify-content: center;
    text-align: center;
    padding: 8.2rem 2rem;
    height: 50rem;
    color: #fff;
  }
  .content-section.bg-trans .bg-image .item .desc{
    color: #fff;
    font-size: 1.4rem;
  }
  .content-section.bg-trans .bg-image .item + .item{
    margin-top: 0;
  }
  .content-section.bg-trans .bg-image .item img{
    display: none;
  }
  .content-section.bg-trans .bg-image .item:nth-child(1){
    background: url(../../../include/img/view/healy_secret_imgBg_01.jpg) no-repeat center center / cover;
  }
  .content-section.bg-trans .bg-image .item:nth-child(1) .text{
    padding-left: 0;
  }
  .content-section.bg-trans .bg-image .item:nth-child(2){
    background: url(../../../include/img/view/healy_secret_imgBg_02.jpg) no-repeat center center / cover;
    justify-content: center;
  }
  .content-section.bg-trans .bg-image .item:nth-child(2) .text{
    padding-right: 0;
    
  }
  .content-section.bg-trans .container{
    padding: 0 !important;
  }
  
}
@media (max-width: 768px) {
  .content-section.company .team-wrap .team-groups .team-items {
    width: 30%;
  }
  .content-section.company .team-wrap .team-groups .team-items .team-infos span {
    font-size: 1.4rem;
  }
  .content-section.company .team-wrap .team-groups .team-items .team-infos .spot {
    font-size: 1.3rem;
  }
  .content-section.company .company_ceo .desc, .content-section.company .company_ceo .ceo {
    font-size: 1.4rem;
  }
  .content-section.company .team-wrap .team-group .team-info {
    font-size: 1.4rem;
  }
  .content-section.company .team-wrap .team-group {
    gap: 1.5rem;
  }
  .content-section.secretBg-text{
    background-image: url(../../../include/img/view/healy_secret_02_bg_mo.jpg);
    height: 56.2rem;
  }
  .content-section.secretBg-text .container{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .content-section.secretBg-text .text-image .text .title{
    font-size: 2.2rem;
  }
  .content-section.secretBg-text .text-image .text .desc-xL{
    font-size: 1.4rem;
    margin-bottom: 3.5rem;
  }
  .content-section.bg-trans .bg-image .item{
    align-items: flex-start;
  }
  .content-section.bg-trans .bg-image .item .title{
    font-size: 2.2rem;
  }
  .content-section.center-bg{
    background-image: url(../../../include/img/view/healy_seacret_wave_bg.png);
    margin-top: 5rem;
    height: 15.7rem;
  }
  .content-section.secret-product{
    padding-bottom: 10rem;
  }
  .content-section.secret-product .product-container .product-row{
    justify-content: space-between;
  }
  .content-section.secret-product .product-container .product-row .product-item{
    width: calc(50% - 20px);
  }
  .content-section.secret-product .product-container .product-row .product-item .product-img{
    margin-bottom: 1.8rem;
  }
  .content-section.secret-product .product-container .product-row + .product-row{
    margin-top: 1rem;
  }
}
@media (max-width: 600px) {
  .content-section.company .team-wrap .team-groups .team-items {
    width: 50%;
  }
  .content-section.company .team-wrap .team-groups .team-items:nth-child(11) {
    display: none;
  }
  .content-section.company .team-wrap .team-groups .team-items:nth-child(12) {
    display: none;
  }
}
@media (max-width: 480px) {
  /* .content-section.secret-product .product-container .product-row .product-item{
    width: calc(100% - 8px);
  } */
}
@media (max-width: 375px) {
  .content-section.center-bg{
    height: 9.7rem;
  }
}


/*# sourceMappingURL=sub.css.map */

/* highWave-PC-start */
.sub-visual.sub-page-4:before{content: "";display: block; width:100%; height:100%; background: #eef1fa url('../../../include/img/view/sub_vis_04.jpg') no-repeat center bottom / contain; position:absolute; top:0; left:0;}
.sub-visual.sub-page-4 .visual-inner{align-items:baseline; position:absolute; right:16rem; width:auto;}
.sub-visual.sub-page-4 .visual-inner .title{font-size:6.8rem; line-height:1.1;}
.sub-visual.sub-page-4 .visual-inner .desc{font-size:3rem; font-weight:500; margin-top:2rem;}
.sub-visual.sub-page-4 .visual-inner .btn-more{margin-top:2rem;background-color:#00a19b; font-size:1.8rem; min-width:18rem; font-weight:400;}
.content-section .sub-page-4 .text-image div.text{padding-left:3rem;}
.content-section .sub-page-4 .text-image div.text .title{font-size:3.2rem}
.content-section .sub-page-4 .text-image div.text .desc-s{font-size:1.6rem; line-height:1.7; margin-top:3rem;}
.content-section .sub-page-4 .text-image .desc-m{font-size:2.4rem; line-height:1.5; margin-top: 2rem;}
.content-section .sub-page-4 .text-top{margin-top:2rem; margin-bottom: 4rem; text-align: center;}
.content-section .sub-page-4 .text-top .sub-desc-s{font-size: 3.2rem;font-weight:500;}
.content-section .sub-page-4 .text-top .desc-m{font-size:2.4rem; line-height:1.5; margin-top: 2rem;}
.content-section .sub-page-4 .text-top .desc-s{font-size:1.6rem; line-height:1.7; font-weight:400; margin:3rem 0; word-break:keep-all; overflow-wrap:break-word; white-space:normal;}
.content-section .sub-page-4 .text-top .btn{margin-top: 3rem; min-width: 17.4rem; border-radius: 5rem; font-size: 1.8rem; font-weight: 400; color: #fff; background-color: #00a19b; line-height: 5rem; height: 5rem; border: 0;}
.content-section .sub-page-4 .video-wrap video{width:100%;}
.content-section.highwave{height:75.3rem; background:url('../../../include/img/view/highwave_about_01.jpg') no-repeat center;}
.content-section.highwave .text-image div.text{margin-top:13rem;}
.content-section.highwave1{padding-bottom:0;}
.content-section.highwave2{padding:0; padding-bottom:7rem; background: url('../../../include/img/view/healy_highwave_src_01.png') no-repeat center bottom / 159rem auto,
url('../../../include/img/view/highwave_bg_twotone.jpg') center / contain repeat-x;}
.content-section.highwave2 .text-image div.text{padding-left:3rem;}
.content-section.highwave2 .text-image div.text .title{padding-top:26rem;}
.content-section.highwave2 .text-image div.text .desc-s{padding-bottom:2rem;}
.content-section.highwave2 .note_sticker{margin-right:3rem;}
.content-section.highwave3{height:80rem; background:url('../../../include/img/view/healy_highwave_src_02.jpg') no-repeat center / cover;}
.content-section.highwave3 .note_sticker1{margin-top:6rem; padding-right:3rem;}
.content-section.highwave4{height:80rem; background:#edf0f9 url('../../../include/img/view/healy_highwaave_src_04.png') no-repeat center bottom / auto 80rem;}
.content-section.highwave4 .text-top{padding-top:5rem;}
.content-section.highwave5{background:url('../../../include/img/view/healy_highwave_src_03.jpg') no-repeat center / cover}
.content-section.highwave5 .text-top{margin-top:0; margin-bottom:0;}
.content-section.highwave5 .nth1 p:after{right:1.5rem;}
.content-section.highwave5 .nth2 p:before{left:-0.5rem;}
.content-section.highwave5 .nth2 p:after{right:1.5rem;}
.content-section.highwave5 .nth3 p:before{left:2.5rem;}
.content-section.highwave5 .nth3 p:after{right:3rem;}
.content-section.highwave6{background:#edf0f9;}
.content-section.highwave7{padding-top:14rem; height:70.7rem; background:url('../../../include/img/view/healy_highwave_src_05.jpg') no-repeat center;}
.content-section.highwave8{padding-top:16.5rem;}
.text-box-wrapper{max-width:99.2rem; margin:0 auto;}
.text-box-wrapper .notice-tit{font-size:1.6rem;}
.text-box-wrapper .text-box{background:#f5f5f5; padding:4rem; margin-top:2.5rem;}
.text-box-wrapper .text-box .tit{font-size:2rem; font-weight:600; color:#1b3761;}
.text-box-wrapper .text-box .text{font-size:1.9rem; font-weight:100;}
.note_sticker li{padding:1.8rem 2rem 1.8rem 3rem; border-radius:1rem; background:#fff; position:relative;box-shadow: 0.3rem 0.3rem 0.7rem rgba(0, 0, 0, 0.1); margin-bottom:1rem;}
.note_sticker li::before {content: "";display: block;width: 1rem;height: 100%;border-top-left-radius: 1rem;border-bottom-left-radius: 1rem;background-color:#4963ae;position:absolute; left:0; top:0;}
.note_sticker li dt{font-size:1.6rem;}
.note_sticker li dd{font-size:1.5rem; word-break:keep-all; overflow-wrap:break-word; white-space:normal;}
.note_sticker1 li{padding:4rem 3.5rem 4rem 5rem; border-radius:1rem; background:#fff; position:relative;box-shadow: 0.4rem 0rem 1rem rgba(0, 0, 0, 0.1); margin-bottom:1.5rem;}
.note_sticker1 li::before {content: "";display: block;width: 1rem;height: 100%;border-top-left-radius: 1rem;border-bottom-left-radius: 1rem;background-color:#4963ae;position:absolute; left:0; top:0;}
.note_sticker1 li dt{font-size:2.4rem;}
.note_sticker1 li dd{font-size:1.8rem; word-break:keep-all; overflow-wrap:break-word; white-space:normal;}
.note_sticker2{display:flex; max-width:89.2rem; margin:0 auto; gap:4rem 1.9rem; flex-wrap: wrap; justify-content: center; margin-top:6rem;}
.note_sticker2 li{padding:4rem 3rem 2rem 3rem; border-radius:1rem; background:#fff; width:28.4rem; min-height:15.2rem; position:relative; box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.1); display:flex; justify-content:center; align-items:center;}
.note_sticker2 li strong{display:block; width:6rem; height:6rem; border-radius:3rem; background:#4765ae; position:absolute; top:-2.4rem; left:50%; margin-left:-3rem; text-align:center; font-size:3rem; color:#fff; line-height:6rem;}
.note_sticker2 li p{font-size:1.7rem; text-align:center;}
.note_sticker3{display:flex; max-width:89.2rem; margin:0 auto; gap:4rem 1.9rem; flex-wrap: wrap; justify-content: center; margin-top:3rem;}
.note_sticker3 li{padding:4rem 3rem 5rem 3rem; border-radius:1rem; background:#fff; width:28.4rem; min-height:15.2rem; box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.1); position:relative;}
.note_sticker3 li::after {content: "";display: block;width: 100%;height: 1rem;border-bottom-left-radius: 1rem;border-bottom-right-radius: 1rem;background-color:#4963ae;position:absolute; left:0; bottom:0;}
.note_sticker3 li p{font-size:1.7rem; position:relative;}
.note_sticker3 li p:before{content:"";display:block; width:1.8rem; height:1.3rem; position:absolute; background:url('../../../include/img/view/quote-open.png') no-repeat;top:0; left:0;}
.note_sticker3 li p:after{content:"";display:block; width:1.8rem; height:1.3rem; position:absolute; background:url('../../../include/img/view/quote-close.png') no-repeat; bottom:1rem; right:0;}
/* highWave-PC-end */
/* highWave-MO-start */
@media screen and (max-width: 1260px) {
  .content-section.highwave3 .image{display:none !important;}
}
@media (max-width: 768px) {
    .sub-visual.sub-page-4{min-height:33rem; height:auto;}
    .sub-visual.sub-page-4:before{transform: scaleX(-1); background-position-x:2.5rem;}
    .sub-visual.sub-page-4 .visual-inner{position:static; width:100%; padding:6.3rem 2.7rem; justify-content:normal;}
    .sub-visual.sub-page-4 .visual-inner .title{font-size:3.4rem; text-align:left; line-height:1.2;}
    .sub-visual.sub-page-4 .visual-inner .desc{font-size:1.5rem; margin-top:0.8rem;}
    .sub-visual.sub-page-4 .visual-inner .btn-more{font-size:1.4rem; min-width:13rem; line-height:2.5; margin-top:1rem;}
    .content-section .sub-page-4 .text-image div.text{padding-left:0;}
    .content-section .sub-page-4 .text-image div.text .title{font-size:2rem;}
    .content-section .sub-page-4 .text-image .desc-m{font-size:1.6rem; text-align:center;}
    .content-section .sub-page-4 .text-image div.text .desc-s{font-size:1.4rem; margin-top:1.8rem; line-height:1.5;}
    .content-section .sub-page-4 .text-top{margin-top:0; margin-bottom:2rem;}
    .content-section .sub-page-4 .text-top .desc-m{font-size:1.6rem;}
    .content-section .sub-page-4 .text-top .sub-desc-s{font-size:2rem;}
    .content-section .sub-page-4 .text-top .desc-s{font-size:1.4rem;}
    .content-section .sub-page-4 .text-top .btn{min-width:16.4rem; font-size:1.5rem; height:4rem; line-height:4rem;}
    .content-section.highwave{height:auto; background:none; box-shadow: inset 0 -50px 50px -50px rgba(0, 0, 0, 0.1);}
    .content-section.highwave .text-image div.text{margin-top:2rem; padding:0;}
    .content-section.highwave1{padding:5rem 0;}
    .content-section.highwave2{height:auto; padding:7.7rem 0; background-image:none; background-color:#eef1fa; position:relative;}
    .content-section.highwave2:after{content:""; display:block; position:absolute; width:33rem; height:22rem; bottom:0; right:0; background:url('../../../include/img/view/healy_highwave_src_01.png') no-repeat center / cover; z-index:2;}
    .content-section.highwave2 .text-image div.text .title{padding:0;}
    .content-section.highwave2 .note_sticker{margin-right:0;}
    .content-section.highwave2 .text-image div.text .desc-s{padding-bottom:0;}
    .content-section.highwave2 .note_sticker li:last-child{padding-right:10rem;}
    .content-section.highwave3{height:auto; background:none;}
    .content-section.highwave3 .image{width:60%; max-width:21rem; margin:0 auto; display:block !important;}
    .content-section.highwave3 .image img{width:100%;}
    .content-section.highwave3 .note_sticker1{margin-top:0; padding-right:0;}
    .content-section.highwave4{height:auto; padding-bottom:28rem; background-position:right bottom; background-size:auto 30rem;}
    .content-section.highwave5{height:auto;}
    .content-section.highwave7{height:auto; padding-top:6rem; padding-bottom:20rem; background-size:64rem auto; background-position:right bottom;}
    .content-section.highwave8{padding-top:7.5rem;}
    #wrap .content-section.highwave8 .sub-page-4{padding:0;}
    .note_sticker li dt{font-size:1.5rem; font-weight:500;}
    .note_sticker li dd{font-size:1.4rem;}
    .note_sticker1 li{padding:1.8rem 3.5rem 1.8rem 5rem}
    .note_sticker1 li dt{font-size:1.5rem; font-weight:500;}
    .note_sticker1 li dd{font-size:1.4rem;}
    .note_sticker2 li{padding:3rem 2rem 2rem 2rem; width:22rem; border-radius:0.6rem; min-height:12rem; display:flex; justify-content:center; align-items:center;}
    .note_sticker2 li strong{width:4rem; height:4rem; top:-2rem; font-size:2.5rem; line-height:4rem; margin-left:-2rem;}
    .note_sticker2 li p{font-size:1.4rem;}
    .highwave5 .note_sticker3{gap:1rem 0.9rem;}
    .highwave5 .note_sticker3 li{width:100%; min-height:0; padding:1.8rem 3.5rem 1.8rem 4.5rem}
    .highwave5 .note_sticker3 li::after{border-top-left-radius: 1rem;border-bottom-left-radius: 1rem; border-bottom-right-radius: 0; width:1rem; height:100%;}
    .highwave5 .note_sticker3 li p{font-size:1.4rem; display:inline-block;}
    .content-section.highwave5 .note_sticker3 li p:before{left:-1rem; width:0.8rem; height:0.6rem; background-size:0.8rem auto}
    .content-section.highwave5 .note_sticker3 li p:after{top:0; right:-1rem; width:0.8rem; height:0.6rem; background-size:0.8rem auto}
    .text-box-wrapper .notice-tit{font-size:1.2rem; padding:0 2rem;}
    .text-box-wrapper .text-box{padding:3rem 2rem;}
    .text-box-wrapper .text-box .tit{font-size:1.5rem;}
    .text-box-wrapper .text-box .text{font-size:1.3rem;}
}
/* highWave-MO-end */
/* maghealyobsidianedition-PC-start */
.sub-visual.sub-page-5{background:url('../../../include/img/view/pbrand/maghealyopsidian_main3.jpg') no-repeat left center / cover;}
.sub-visual.sub-page-5 .visual-inner{align-items:baseline; position:absolute; right:11rem; width:auto; transform: translateY(-2rem);}
.sub-visual.sub-page-5 .visual-inner .title{font-size:5rem; line-height:1.1; letter-spacing: -0.2rem; color:#fff;}
.sub-visual.sub-page-5 .visual-inner .desc{font-size:3.5rem; font-weight:400; margin-top:1.5rem; color:#fff;}
.br-gap{display:block; margin:1.5rem 0;}
.content-section .sub-page-5{height:100%;}
.content-section .sub-page-5 .text-image{height:100%;}
.content-section .sub-page-5 .text-image div.text{padding-left:0; display:flex; justify-content:center; flex-direction:column;}
.content-section .sub-page-5 .text-image div.text .title{font-size:3.2rem;}
.content-section .sub-page-5 .text-image div.text .desc-s{font-size:1.6rem; line-height:1.7; margin-top:3rem;}
.content-section .sub-page-5 .text-image .desc-m{font-size:2.4rem; line-height:1.5; margin-top: 2rem;}
.content-section .sub-page-5 .text-image div.image{display:flex; justify-content:center; align-items: center;}
.content-section .sub-page-5 .text-top{margin-top:2rem; margin-bottom: 4rem; text-align: center;}
.content-section .sub-page-5 .text-top .sub-desc-s{font-size: 3rem;font-weight:600;}
.content-section .sub-page-5 .text-top .desc-m{font-size:2.8rem; line-height:1.5; margin-top: 0.3rem; font-weight:500;}
.content-section .sub-page-5 .text-top .desc-s{font-size:1.6rem; line-height:1.7; font-weight:400; margin:3rem 0; word-break:keep-all; overflow-wrap:break-word; white-space:normal; color:#666;}
.content-section .sub-page-5 .text-top .desc-ss{font-size:1.5rem; font-weight:500; word-break:keep-all; overflow-wrap:break-word; white-space:normal;}
.content-section .sub-page-5 .text-top .btn{margin-top: 3rem; min-width: 17.4rem; border-radius: 5rem; font-size: 1.8rem; font-weight: 400; color: #fff; background-color: #00a19b; line-height: 5rem; height: 5rem; border: 0;}
.sub-page-5 .text-box{font-size:1.6rem; padding:0 2.4rem; line-height:2; word-break:keep-all;}
.sub-page-5 .text-box .tit{font-weight:600;}
#wrap .container.float_slide{position:absolute; max-width:136rem; width:100%; left:50%; transform:translateX(-50%); padding:0 8rem;}
.note_sticker_slide1 li{width:18rem; height:17.7rem; border-radius:1rem; background:#fff; min-height:15.2rem; box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.1); position:relative;}
.note_sticker_slide1 li::after {content: "";display: block;width: 100%;height: 1rem;border-bottom-left-radius: 1rem;border-bottom-right-radius: 1rem;background-color:#57928e;position:absolute; left:0; bottom:0;}
.note_sticker_slide1 li p{font-size:1.7rem; position:relative;}
.note_sticker_slide1 li img{width:8rem; height:auto;}
.note_sticker_slide2 li{width:37rem; height:26.8rem; background:rgba(0,0,0,0.8);flex-direction:column;text-align:center; border-radius:1rem;}
.note_sticker_slide2 li .title {font-size:2.6rem; line-height:1.2;}
.note_sticker_slide2 li .desc{font-size:1.8rem; margin-top:1.5rem;}
.content-section .float_slide .slider .swiper-button-prev{background: #57928e url(../../../include/img/main/btn_prev.png)no-repeat 50%/1rem; transform: translateY(-50%); margin-top:0; width: 5rem; height: 5rem; border-radius: 50%;}
.content-section .float_slide .slider .swiper-button-next{background: #57928e url(../../../include/img/main/btn_next.png)no-repeat 55%/1rem;transform: translateY(-50%); margin-top:0; width: 5rem;height: 5rem;border-radius: 50%;}
.magh-compare{max-width:85rem; box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.1); margin:5rem auto; border-radius:1rem;}
.cmp-table{font-size:1.6rem; font-weight:500; color:#131313;}
.cmp-table thead tr{height:9.8rem; font-size:1.9rem;}
.cmp-table tbody tr:nth-child(odd) {background-color: #fbfbfb;}
.cmp-table th{font-weight:600;}
.cmp-table th, .cmp-table td{border:1px solid #c9d3da; height:6rem; padding:0 2rem;}
.cmp-table thead tr:first-child td, .cmp-table thead tr:first-child th{border-top:none; border-left:none;}
.cmp-table tr:last-child td, .cmp-table tr:last-child th{border-bottom:none; border-left:none;}
.cmp-table tr td:nth-child(1), .cmp-table tr th:nth-child(1){border-left:none;}
.cmp-table tr td:last-child, .cmp-table tr th:last-child{border-right:none;}
.cmp-table tbody th{text-align:left;}
.cmp-table .x{background:url('../../../include/img/view/pbrand/maghealyopt_section7_x.png') no-repeat center;}
.cmp-table .check{background:url('../../../include/img/view/pbrand/maghealyopt_section7_check.png') no-repeat center;}
.magob-program-list{margin-top:3rem;}
.magob-program-list li{font-size:1.6rem; margin-top:1rem; position:relative; padding-left:3.1rem;}
.magob-program-list li:before{content:""; position:absolute; left:0; top:0.6rem; display:inline-block; width:1.7rem; height:1.5rem; background:url('../../../include/img/view/maghely_check_icon.png') no-repeat center / cover;}
.pcHidden{display:none;}
.mobileHidden{display:block;}
.content-section.magob1{padding-bottom:12.5rem;}
.content-section.magob1 .image{width: calc(50% - 50px);}
.content-section.magob1 .sub-page-4 .text-image{align-items:center;}
.content-section.magob1 .sub-page-4 .text-image div.text{width: calc(50% + 50px); padding-left:5rem; color:#666;}
.content-section.magob1 .sub-page-4 .text-image div.text .desc-s{line-height:1.5; margin-top:0;}
.content-section.magob2{background:#1a1a1a; color:#fff; height:66.5rem;}
.content-section.magob2:before{content:""; display:block; width:50%; height:100%; background:url('../../../include/img/view/pbrand/maghealyop_section2.jpg') no-repeat center / cover; position:absolute; top:0; right:0;}
.content-section.magob3{height:68.9rem;}
.content-section.magob3 .sub-page-5 .text-image div.text .desc-s{color:#666;}
.content-section.magob4{background:#1a1a1a url('../../../include/img/view/pbrand/maghealyop_section4.jpg') no-repeat center; color:#fff;}
.content-section.magob4 .sub-page-4 .text-top .sub-desc-s{font-size: 3rem;font-weight:400; letter-spacing:-0.1rem;}
.content-section.magob4 .sub-page-4 .text-top .btn{font-size:1.6rem; border:0.2rem solid #fff; font-weight:400; background:none; line-height:4.5rem; width:25rem;}
.content-section.magob5{height:76.7rem; background:#f8f9fb url('../../../include/img/view/pbrand/maghealyopt_section5_bg.png') no-repeat -50rem 4.5rem / auto 71rem; position:relative; padding:11rem 0;}
.content-section.magob5 .sub-page-5{height:auto;}
.content-section.magob6{padding:13rem 0 10rem 0;}
.content-section.magob6 .sub-page-5 .text-top .sub-desc-s.exper{margin-top:7.7rem;font-weight:500;}
.content-section.magob6 .note_sticker3{max-width:105.2rem; margin:4.5rem auto;}
.content-section.magob6 .note_sticker3 li{width:32.5rem; height:19.4rem; padding:6rem 0 5rem 0}
.content-section.magob6 .note_sticker3 li p{font-size:1.5rem; display:inline-block; transform:skewX(-10deg); line-height:1.6}
.content-section.magob6 .note_sticker3 li::after{background:#333;}
.content-section.magob6 .nth1 p:before{top:-1.5rem; left:3.5rem;}
.content-section.magob6 .nth1 p:after{bottom:-1.5rem; right:0.5rem;}
.content-section.magob6 .nth2 p:before{top:-1.5rem; left:-0.5rem;}
.content-section.magob6 .nth2 p:after{bottom:-1rem; right:5.5rem;}
.content-section.magob6 .nth3 p:before{top:-1.5rem; left:0;}
.content-section.magob6 .nth3 p:after{bottom:-1.5rem; right:0;}
.content-section.magob8{height:70rem;}
.content-section.magob8 .sub-page-5 .text-image div.text .title{font-size:3rem;}
.content-section.magob8 .sub-page-5 .text-image div.text{padding-left:5rem;}
.content-section.magob9{background:#000 url('../../../include/img/view/pbrand/maghealyop_section9.jpg') no-repeat center/cover; height:67.4rem; color:#fff; padding-top:11rem;}
#wrap .content-section.magob9  .container.float_slide{max-width:131rem;}
.content-section.magob9 .float_slide .slider .swiper-button-prev{background:#fff url(../../../include/img/main/btn_prev_b.png)no-repeat 50%/1rem}
.content-section.magob9 .float_slide .slider .swiper-button-next{background:#fff url(../../../include/img/main/btn_next_b.png)no-repeat 55%/1rem}
.content-section.magob10 .sub-page-4 .text-top .btn{width:23.3rem; background:#5ab999; margin-top:1rem;}
/* maghealyobsidianedition-PC-end */
/* maghealyobsidianedition-MO-start */
@media (max-width: 1024px) {
    .float_slide{max-width:42rem;}
}
@media (max-width: 768px) {
    .sub-visual.sub-page-5{min-height:31.5rem; background:url('../../../include/img/view/pbrand/maghealyopsidian_main3_mo.jpg') no-repeat top center / cover;}
    .sub-visual.sub-page-5:before{background-position:bottom right; background-size:26rem auto;}
    .sub-visual.sub-page-5 .visual-inner{position:static; width:100%; justify-content:end; padding-bottom:3rem; align-items:center;}
    .sub-visual.sub-page-5 .visual-inner .title{font-size:3rem; text-align:left; line-height:1.3;}
    .sub-visual.sub-page-5 .visual-inner .desc{font-size:1.8rem; margin-top:0.8rem;}
    .content-section .sub-page-5 .text-image div.text{padding-left:0;}
    .content-section .sub-page-5 .text-image div.text .title{font-size:2rem;}
    .content-section .sub-page-5 .text-image .desc-m{font-size:1.6rem; text-align:center;}
    .content-section .sub-page-5 .text-image div.text .desc-s{font-size:1.4rem; margin:1.8rem 0; line-height:1.5;}
    .content-section .sub-page-5 .text-top{margin-top:0; margin-bottom:2rem;}
    .content-section .sub-page-5 .text-top .desc-m{font-size:1.8rem;}
    .content-section .sub-page-5 .text-top .sub-desc-s{font-size:2rem;font-weight:500;}
    .content-section .sub-page-5 .text-top .desc-s{font-size:1.4rem;}
    .content-section .sub-page-5 .text-top .btn{min-width:16.4rem; font-size:1.5rem; height:4rem; line-height:4rem;}
    #wrap .container.float_slide{position:relative; padding:0 2rem; max-width:42rem; transform:translateX(0); left:0;}
    .content-section .float_slide .slider .swiper-button-prev,
    .content-section .float_slide .slider .swiper-button-next{width:2.7rem; height:2.7rem; background-size:0.7rem auto;}
    .note_sticker_slide1 li{width:12rem; height:12rem; min-height:auto;}
    .note_sticker_slide1 li::after{height:0.7rem; border-bottom-left-radius:0.7rem; border-bottom-right-radius:0.7rem;}
    .note_sticker_slide1 li img{width:4.5rem;}
    .cmp-table{font-size:1.4rem;}
    .cmp-table thead tr{font-size:1.5rem;}
    .cmp-table th, .cmp-table td{padding:0 0.8rem;}
    .cmp-table .x{background-size:1.8rem auto;}
    .cmp-table .check{background-size:2.5rem auto;}
    .magob-program-list{margin-top:1rem; padding-bottom:6rem;}
    .pcHidden{display:block;}
    .mobileHidden{display:none;}
    .note_sticker_slide2 li{width:24rem; height:17rem;}
    .note_sticker_slide2 li .title{font-size:1.5rem;}
    .note_sticker_slide2 li .desc{font-size:1.2rem;}
    .content-section.magob1{padding:4rem 0;}
    .content-section.magob1 .image{display:none;}
    .content-section.magob1 .sub-page-4 .text-top{letter-spacing:-0.1rem;}
    .content-section.magob1 .sub-page-4 .text-image div.text{width:100%; padding:0;}
    .content-section.magob1 .sub-page-4 .text-image div.text .desc-s{margin-top:0; margin-bottom:0;}
    .content-section.magob2:before{display:none;}
    .content-section.magob2{height:auto;}
    .content-section.magob3{height:auto; padding-bottom:75%;background:url('../../../include/img/view/pbrand/maghealyop_section3_mo.jpg') no-repeat center 101%; background-size:100% auto;}
    .content-section.magob3 .sub-page-5 .text-image div.image{display:none;}
    .content-section.magob4{background:#1a1a1a url('../../../include/img/view/pbrand/maghealyop_section4_mo.jpg') no-repeat center / cover;}
    .content-section.magob4 .sub-page-4 .text-top .sub-desc-s{font-size:2rem;word-break:keep-all;}
    .content-section.magob4 .sub-page-4 .text-top .desc-s{margin-top:1.5rem;}
    .content-section.magob4 .sub-page-4 .text-top .btn{margin-top:0; width:12.5rem; font-size:1.2rem; line-height:3.5rem;}
    .content-section.magob5{height:auto; padding:4rem 0;background-size:147% auto; background-position:132% 32%;}
    .content-section.magob6{padding:4rem 0 0 0;}
    .content-section.magob6 .exper-wrap{background:#191919; color:#fff; width:calc(100% + 4rem); transform:translateX(-2rem); padding:5rem 2rem; margin-top:5rem;}
    .content-section.magob6 .sub-page-5 .text-top .sub-desc-s.exper{margin-top:0rem;}
    .content-section.magob6 .note_sticker3{margin:3rem 0;}
    .content-section.magob6 .note_sticker3 li{color:#333; padding:0 1rem;width:19rem; height:12rem; min-height:9rem; display:flex; align-items:center; border-radius:0; border-top-left-radius:0.7rem; border-top-right-radius:0.7rem;}
    .content-section.magob6 .note_sticker3 li p{font-size:1.2rem; word-break:keep-all;}
    .content-section.magob6 .note_sticker3 li p:before{width:0.8rem; height:0.6rem; background-size:0.8rem auto}
    .content-section.magob6 .note_sticker3 li p:after{width:0.8rem; height:0.6rem; background-size:0.8rem auto}
    .content-section.magob6 .note_sticker3 li::after{border-bottom-left-radius:0.7rem; border-bottom-right-radius:0.7rem; bottom:-1rem;}
    .content-section.magob6 .nth1 p:before{top:-0.5rem; left:0.5rem;}
    .content-section.magob6 .nth1 p:after{bottom:-0.5rem; right:3.5rem;}
    .content-section.magob6 .nth2 p:before{top:-0.5rem; left:1.5rem;}
    .content-section.magob6 .nth2 p:after{bottom:-0.5rem; right:4rem;}
    .content-section.magob6 .nth3 p:before{top:-0.5rem; left:0.5rem;}
    .content-section.magob6 .nth3 p:after{bottom:-0.5rem; right:1rem;}
    .content-section.magob8{height:auto;padding-bottom:31%;}
    .content-section.magob8 .sub-page-5 .text-image div.image{display:none;}
    .content-section.magob8 .sub-page-5 .text-image div.text{position:relative;padding-left:0; padding:3rem; background:#fff; box-shadow:0rem 0rem 1rem rgba(0, 0, 0, 0.1)}
    .content-section.magob8 .sub-page-5 .text-image div.text:before{content:"";display: block;width: 100%;height: 1.3rem;border-bottom-left-radius: 1rem;border-bottom-right-radius: 1rem;background-color:#333;position:absolute; left:0; bottom:0;}
    .content-section.magob8 .sub-page-5 .text-image div.text:after{content:"";display: block; max-width:37.5rem; width:70%;height:21rem; background:url('../../../include/img/view/pbrand/maghealyop_section8_mo.png') no-repeat; background-size:100%; position:absolute; bottom:-13.2rem; left:50%; transform:translateX(-50%);}
    .content-section.magob8 .sub-page-5 .text-image div.text .title{font-size:2rem;}
    .content-section.magob9{height:auto; background:#000 url('../../../include/img/view/pbrand/maghealyop_section9_mo.jpg') no-repeat center/cover; padding:5rem 0;}
    #wrap .content-section.magob9 .container.float_slide{max-width:54rem;}
    .content-section.magob10 .sub-page-4 .text-top .sub-desc-s{letter-spacing:-0.1rem;}
    .content-section.magob10 .sub-page-4 .text-top .btn{width:16.3rem;}
    .sub-page-5 .text-box{font-size:1.3rem; padding:0; line-height:1.8; word-break:normal;}
}
/* maghealyobsidianedition-MO-end */