@charset "utf-8";
/* 메인 공통 */
.main_page .page_contents section + section:not(.main_visual){margin-top:160px;}
.main_page .section_sub_title{display: block; text-align: center; font-weight: 600; font-size: 2.8rem; color:var(--black_4);}
.main_page .section_title{margin-top:10px; text-align: center; font-weight: 900; font-size: 6rem; line-height: 1.25;}
.main_page .sectoin_contents{margin-top:64px;}
.btn_wrap .w_line_btn{gap:0 8px; padding: 10px 20px; border:1px solid #ffffff; border-radius:10px; font-size: 1.4rem; color: #ffffff;}
@media(max-width:1440px) {
  .main_page .page_contents section + section:not(.main_visual) {margin-top: 140px;}
  .main_page .section_sub_title {font-size: 2.4rem;}
  .main_page .section_title {font-size: 5.6rem;}
  .main_page .sectoin_contents{margin-top:56px;}
}
@media(max-width:1280px) {
  .main_page .page_contents section + section:not(.main_visual) {margin-top: 120px;}
  .main_page .section_sub_title {font-size: 2.2rem;}
  .main_page .section_title {font-size: 5.2rem;}
  .main_page .sectoin_contents{margin-top:48px;}
}
@media(max-width:1024px) {
  .main_page .page_contents section + section:not(.main_visual) {margin-top: 100px;}
  .main_page .section_sub_title {font-size: 2rem;}
  .main_page .section_title {margin-top:8px; font-size: 4.8rem;}
  .main_page .sectoin_contents{margin-top:40px;}
  .btn_wrap .w_line_btn{gap:0 6px; padding: 8px 16px; }
}
@media(max-width:768px) {
  .main_page .section_sub_title {font-size: 1.8rem;}
  .main_page .section_title {margin-top:4px; font-size: 4rem;}
  .main_page .sectoin_contents{margin-top:32px;}
}
@media(max-width:540px) {
  .main_page .section_sub_title {font-size: 1.6rem;}
  .main_page .section_title {font-size: 3.6rem;}
}


/* visual */
.main_visual {position: relative; overflow: hidden; margin:105px auto 0; max-width: 1820px; border-radius: 50px;}
.main_visual .slider_item {position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden;} 
.main_visual .slider_item .slider_item_inner{position:relative; z-index:1; display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; gap: 100px; width: 100%; overflow: hidden;}
.main_visual .slider_item .img_wrap{width: 100%;}
.main_visual .slider_item .img_wrap figure{overflow: hidden;  height: 800px;}
.main_visual .slider_item .img_wrap figure img{width: 100%; height: 100%; object-fit: cover;}
.main_visual .visaul_text{position: absolute; top:50%; left:50%; z-index: 2; transform: translate(-50%, -50%); width:calc(100% - (98px * 2)); display: flex; justify-content: space-between;  align-items: center; gap:0 24px;} 
.main_visual .visaul_text .slide_progress{margin-top:32px; position: relative; width:100%; display: block; width: 100%; height: 2px;}
.main_visual .visaul_text .slide_progress .progress_rail{display: block; width: 100%; height: 100%; background-color: #ffffff; overflow: hidden;}
.main_visual .visaul_text .slide_progress .progress_rail .bar{display: block; width: 0%; height: 2px; background-color: var(--main_color);}
.main_visual .visaul_text .text_wrap{width:100%;}
.main_visual .visaul_text .text_wrap .slide_title{font-size: 6rem; line-height: 1.25; color: #ffffff; text-align: center;}
.main_visual .visaul_text .text_wrap .slide_sub_title{margin:32px auto 0; width:312px; height:72px; font-size: 2.4rem; color: #ffffff; text-align: center;}
.main_visual .visaul_text .slider_btn_wrap{flex-shrink: 0; display: flex; align-items: center; gap: 20px;}
.main_visual .visaul_text .slider_btn_wrap button{position: relative; width:72px; height: 72px; border:1px solid #ffffff; border-radius: 50%;}
.main_visual .visaul_text .slider_btn_wrap button::before{content: ""; position: absolute; top:50%; left:50%; width:20%; height: 20%; border-top:2px solid #ffffff;}
.main_visual .visaul_text .slider_btn_wrap.slider_btn_prev button::before{border-left: 2px solid #ffffff; transform: translate(-25%, -50%) rotate(-45deg);}
.main_visual .visaul_text .slider_btn_wrap.slider_btn_next button::before{border-right: 2px solid #ffffff; transform: translate(-75%, -50%) rotate(45deg);}
.main_visual .visaul_text .slider_btn_wrap p{width:154px; font-weight: 600; color: #ffffff;}
.main_visual .visaul_text .slider_btn_wrap.slider_btn_next p{text-align: right;}

.mouse_guide{position: absolute; bottom: 64px; left:50%; transform: translateX(-50%); z-index:2; display: flex; flex-direction: column; justify-content: center; align-items: center; gap:0 8px; color:#ffffff; animation: mouse_circle 3.5s cubic-bezier(0,.6,.6,1) infinite; }
.mouse_guide .mouse_guide_text{margin-top:8px; font-size: 1.4rem;}
.mouse_guide .mouse_guide_icon{position: relative; display: block; width:24px; height:48px; border:2px solid #ffffff; border-radius: 18px; }
.mouse_guide .mouse_guide_icon::before {content: '';	position: absolute; left:calc(50% - 8px); top: 2px; display: block; width: 16px; height: 16px; background-color: #ffffff; border-radius: 10px; transition: background-color .3s;	 animation: wheel 3.5s cubic-bezier(0,.6,.6,1) infinite;}

@keyframes mouse_circle{ 
	0%{transform:translateX(-50%) translateY(0);}
  50%{transform:translateX(-50%) translateY(10px);}
  65%, 100%{  transform:translateX(-50%) translateY(0);}
}
@keyframes wheel{ 
  0%{opacity:1; transform: translateY(0);}
  50%{opacity:0; transform:  translateY(22px);}
  51%{opacity:0; transform: translateY(0);}
  65%, 100%{ opacity:1; transform:translateY(0)}  
}
@media(max-width:1900px) {
  .main_visual {max-width: calc(100% - 100px);}
}
@media(max-width:1620px) {
  .main_visual .visaul_text {width: 90%;}
  .main_visual .visaul_text .text_wrap .slide_title {font-size: 5.2rem;}
}
@media(max-width:1440px) {
  .main_visual {margin-top:97px;}
  .main_visual .visaul_text .text_wrap .slide_title {font-size: 4.4rem;}
  .main_visual .visaul_text .slide_progress {margin-top: 28px;}
  .main_visual .visaul_text .text_wrap .slide_sub_title {margin: 28px auto 0; width: 240px; height: 60px; font-size: 2rem;}
  .main_visual .visaul_text .slider_btn_wrap button {width: 64px; height: 64px;}
  .main_visual .visaul_text .slider_btn_wrap p {width: 140px;}
}
@media(max-width:1280px) {
  .main_visual {max-width: 90%;}
  .main_visual .visaul_text .slider_btn_wrap p {display: none;}
  .main_visual .visaul_text .slide_progress {margin:24px auto; width:80%;}
  .main_visual .slider_item .img_wrap figure{height: 720px;}
}
@media(max-width:1024px) {
  .main_visual {border-radius: 25px;}
  .main_visual .main_visual_wrap{position: relative; height: 100%;}
  .main_visual .slider_item .img_wrap figure{height: 640px;}
  .main_visual .visaul_text{position: relative; top:inherit; left: inherit; transform: translate(0); width:100%; } 
  .main_visual .visaul_text .text_wrap{position: absolute; top:80px; left:50%; transform: translateX(-50%); z-index:3; width:calc(100% - 112px);}
  .main_visual .visaul_text .text_wrap .slide_title {font-size: 4rem;}
  .main_visual .visaul_text .slide_progress {width:100%; height:1px;}
  .main_visual .visaul_text .text_wrap .slide_sub_title {width: 210px; height: 56px; font-size: 1.8rem;}
  .main_visual .visaul_text .slider_btn_wrap{position: absolute; top:560px; left:32px; z-index:2;}
  .main_visual .visaul_text .slider_btn_wrap.slider_btn_next{left:100px;}
  .main_visual .visaul_text .slider_btn_wrap button {width: 56px; height: 56px;}
  .mouse_guide{display: none;}
}
@media(max-width:768px) {
  .main_visual {margin-top:81px;}
  .main_visual .visaul_text .text_wrap .slide_sub_title {width: 100%; height:auto; font-size: 1.6rem; }
  .main_visual .visaul_text .slider_btn_wrap button {width: 48px; height: 48px;}
  .main_visual .visaul_text .slider_btn_wrap.slider_btn_next{left:88px;}
}
@media(max-width:540px) {
  .main_visual .visaul_text {gap: 0px 20px; flex-wrap: wrap;}
  .main_visual .visaul_text .slide_progress {margin-top:20px;}
  .main_visual .visaul_text .text_wrap .slide_sub_title {margin: 24px 0;}
  .main_visual .visaul_text .slider_btn_wrap {order:1;} 
  .main_visual .visaul_text .slider_btn_wrap button {width: 40px; height: 40px;}
  .main_visual .visaul_text .slider_btn_wrap.slider_btn_next{left:80px;}

  .main_visual .slider_item .img_wrap figure{height: 540px;}
  .main_visual .visaul_text .slider_btn_wrap{top:460px;}
}

/* one health */
.health_items{display: flex; justify-content: center; gap:0 20px}
.health_items li a{position: relative; width:100%; height: 100%;}
.health_items li a .img_wrap{position: relative; border-radius: 50px; overflow: hidden;}
.health_items li a .img_wrap::before{content: ""; position: absolute; top:0; left:0; right: 0; display: block; width:100%; height: 100%; background-color: rgba(0,0,0,0.5); opacity:0; visibility: hidden; transition: opacity .5s, visibility .5s; z-index:1;}
.health_items li a .img_wrap figure img{transition: transform .5s;}
.health_items li a .text_wrap{position: absolute; top:-36px; left:46px; z-index:2;}
.health_items li a .text_wrap h3{font-family: var(--sub_point_font); font-weight: bold; font-style: italic; font-size: 5.4rem; line-height: 1.25;}
.health_items li a .text_wrap p{margin-top:32px; font-weight: 600; color: #ffffff;}
.health_items li a .text_wrap .btn_wrap{margin-top:24px;}
.descktop .health_items li a:hover .text_wrap h3{color: var(--main_color);}
.descktop .health_items li a:hover .text_wrap .btn_wrap .btn{background-color: var(--main_black);}
.descktop .health_items li a:hover .img_wrap::before{ opacity:1; visibility: visible;}
.descktop .health_items li a:hover .img_wrap figure img{transform: scale(1.1) rotate(2deg);}
@media(max-width:1440px) {
  .health_items li a .text_wrap{top:-32px; left:40px;}
  .health_items li a .text_wrap h3{font-size: 4.8rem;}
  .health_items li a .text_wrap p{margin-top:28px; }
  .health_items li a .text_wrap .btn_wrap{margin-top:20px;}
}
@media(max-width:1280px) {
  .health_items li a .text_wrap{top:-28px; left:32px;}
  .health_items li a .text_wrap h3{font-size: 4rem;}
  .health_items li a .text_wrap p{margin-top:28px; }
  .health_items li a .text_wrap .btn_wrap{margin-top:20px;}
}
@media(max-width:1024px) {
  .health .wrap{padding:0;}
  .health .section_header{padding:0 5%;}
  .health_items {padding: 20px 5% 0;  justify-content: flex-start; gap: 0 16px; overflow:hidden; overflow-x: scroll;}
  .health_items li{flex-shrink:0; width:293px;}
  .health_items li a .img_wrap {border-radius: 25px;}

  .mobile .health_items{-ms-overflow-style: none;  scrollbar-width: none;}
  .mobile .health_items::-webkit-scrollbar,
  .mobile .health_items::-webkit-scrollbar{display: none;}
  .tablet .health_items{-ms-overflow-style: none;  scrollbar-width: none;}
  .tablet .health_items::-webkit-scrollbar,
  .tablet .health_items::-webkit-scrollbar{display: none;}
}
@media(max-width:360px) {
  .health_items li{flex-shrink:0; width:280px;}
  .health_items li a .text_wrap h3 {font-size: 3.6rem;}
}

/* 중간 글자 */
/* .middle_text{overflow: hidden;}
.flowing_text{font-size: 12.8rem; text-wrap: nowrap;} 
@media(max-width:1440px) {
  .flowing_text {font-size: 11rem;}
}
@media(max-width:1280px) {
  .flowing_text {font-size: 10rem;}
}
@media(max-width:1024px) {
  .flowing_text {text-wrap: wrap; text-align: center; font-size: 8rem; line-height: 1.25;}
}
@media(max-width:768px) {
  .flowing_text {font-size: 6.4rem}
}
@media(max-width:540px) {
  .flowing_text {font-size: 4.6rem}
}
@media(max-width:360px) {
  .flowing_text {font-size: 4rem}  
} */
/* .middle_text .text_marquee{display: flex;  overflow: hidden;}
.middle_text .text_marquee .flowing_text{flex-shrink: 0; width:max-content; font-size: 12rem; white-space: nowrap;  animation: marquee 20s linear infinite;  } */

.middle_text .text_marquee{display: flex;  overflow: hidden;}
.middle_text .text_marquee .flowing_text{flex-shrink: 0; padding-right:80px; width:max-content; font-size: 12rem; white-space: nowrap;  animation: marquee 20s linear infinite;  }

@keyframes marquee {
  to{
    transform: translateX(-100%)
  }
}
@media(max-width:1440px) {
  .middle_text .text_marquee .flowing_text{font-size: 10rem;}
}
@media(max-width:1280px) {
  .middle_text .text_marquee .flowing_text{padding-right:64px; font-size: 9.2rem;}
}
@media(max-width:1024px) {
  .middle_text .text_marquee .flowing_text{font-size: 7.2rem;}
}
@media(max-width:768px) {
  .middle_text .text_marquee .flowing_text{font-size: 6.4rem;}
}
@media(max-width:540px) {
  .middle_text .text_marquee .flowing_text{font-size: 4.8rem;}
}
@media(max-width:480px) {
  .middle_text .text_marquee .flowing_text{font-size: 4.4rem;}
}




/* 수상 및 인증 */
.main_certi .main_certi_contents{padding:80px 137px; background-image: url('../images/main/main_certi_bg.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; border-radius: 50px;}
.main_certi .small_section_title{font-size: 2rem; font-weight: 600; color: #ffffff;} 
.main_certi .text_wrap{margin-top:80px;}
.main_certi .text_wrap h3{font-size: 6rem; line-height: 1.15; color: #ffffff;}
.main_certi .text_wrap h3 strong{font-family: var(--sub_point_font); font-size: 1.3333em; font-style: italic; line-height: 1.15; color: #ffffff;}
.main_certi .text_wrap p{margin-top:24px; font-weight: 600; color: #ffffff;}
.main_certi .text_wrap .btn_wrap{margin-top:86px;}
.main_certi .text_wrap .btn_wrap .btn:hover{background-color: var(--main_black); }
@media(max-width:1280px) {
  .main_certi .main_certi_contents{padding:72px 120px;}
  .main_certi .text_wrap h3 {font-size: 5.6rem;}
}
@media(max-width:1024px) {
  .main_certi .main_certi_contents{padding:64px 80px; border-radius: 25px;}
  .main_certi .small_section_title {font-size: 1.8rem;}
  .main_certi .text_wrap {margin-top: 64px;}
  .main_certi .text_wrap h3 {font-size: 4.8rem;}
}
@media(max-width:768px) {
  .main_certi .main_certi_contents{padding:56px 56px;}
  .main_certi .small_section_title {font-size: 1.6rem;}
  .main_certi .text_wrap {margin-top: 48px;}
  .main_certi .text_wrap h3 {font-size: 4rem;}
}
@media(max-width:540px) {
  .main_certi .main_certi_contents{padding:40px 40px;}
  .main_certi .text_wrap {margin-top: 40px;}
  .main_certi .text_wrap h3 {font-size: 3.6rem;}
}

/* 소식 */
.main_news_list{display: flex; gap:20px; flex-wrap: wrap;}
.main_news_list li {width:calc((100% - (20px * 3)) / 4); border: 1px solid #e5e5e5; border-radius: 50px; overflow: hidden;}
.main_news_list li .img_wrap figure{height: 300px;}
.main_news_list li .img_wrap figure img{height:100%; object-fit: cover;}
.main_news_list li .text_wrap{padding: 28px 36px 48px;}
.main_news_list li .main_news_list_head{display: flex; gap:0 10px; align-items: center; font-size: 1.4rem; font-weight: 600; color: #666666; line-height: 1;}
.main_news_list li .main_news_list_head .main_news_list_cate{padding:12px 20px; border:1px solid #666666; border-radius: 10px; transition: background-color .5s;}
.main_news_list li .main_news_list_body{margin-top:10px;}
.main_news_list li .main_news_list_body h3{font-size: 2rem; font-weight: 600; line-height:1.4; transition: color .5s;}
.main_news_list li .main_news_list_body p{margin-top:12px; color: #666666;}
.descktop .main_news_list li a:hover .main_news_list_head .main_news_list_cate{background-color: var(--main_black); color: #ffffff;}
.descktop .main_news_list li a:hover .main_news_list_body h3{color: var(--main_color);}

@media(max-width:1440px) {
  .main_news_list li .img_wrap figure{height: 280px;}
  .main_news_list li .text_wrap {padding: 24px 28px 40px;}
}
@media(max-width:1280px) {
  .main_news_list li {width:calc((100% - (20px * 1)) / 2);}
  .main_news_list li .img_wrap figure{height: 240px;}
  .main_news_list li .text_wrap {padding: 20px 24px 36px;}
  .main_news_list li .main_news_list_head .main_news_list_cate {padding: 10px 12px;}
}
@media(max-width:1024px) {
  .main_news_list {gap: 16px;}
  .main_news_list li {border-radius: 25px;}
  .main_news_list li .img_wrap figure{height: 200px;}
  .main_news_list li .text_wrap {padding: 20px 20px 32px;}
  .main_news_list li .main_news_list_head {gap: 0 8px; font-size: 1.2rem;}
  .main_news_list li .main_news_list_head .main_news_list_cate {padding: 8px 10px;}
  .main_news_list li .main_news_list_body h3 { font-size: 1.8rem;}

  .mobile .main_news_list{-ms-overflow-style: none;  scrollbar-width: none;}
  .mobile .main_news_list::-webkit-scrollbar,
  .mobile .main_news_list::-webkit-scrollbar{display: none;}
  .tablet .main_news_list{-ms-overflow-style: none;  scrollbar-width: none;}
  .tablet .main_news_list::-webkit-scrollbar,
  .tablet .main_news_list::-webkit-scrollbar{display: none;}
}
@media(max-width:768px) {
  .main_news .wrap{padding:0;}
  .main_news_list{padding:0 5%; flex-wrap: nowrap; overflow-x: scroll;}
  .main_news_list li {flex-shrink: 0; width:250px; box-sizing: border-box;}
  .main_news_list li .img_wrap figure{height: 160px;}
  .main_news_list li .text_wrap {padding: 20px 20px 32px;}
  .main_news_list li .main_news_list_body h3 { font-size: 1.6rem;}
  .main_news_list li .main_news_list_body p {font-size: 1.4rem;}
}

/* 협력사 */
.main_partners{overflow: hidden;}
.main_partners .swiper-wrapper {transition-timing-function: linear !important; position: relative; align-items: center;}
.main_partner{margin-right:160px; display: flex; justify-content: center; align-content:center ;  width:auto;}

@media(max-width:1440px) {
  .main_partner {margin-right: 120px;}
}
@media(max-width:1280px) {
  .main_partner {margin-right: 100px;}
}
@media(max-width:1024px) {
  .main_partner {margin-right: 72px;}
  .main_partner .img_wrap figure{display: flex; align-items: center; height: 72px;}
  .main_partner .img_wrap figure img{width:100%; max-height: 100%;}
}
@media(max-width:768px) {
  .main_partner {margin-right: 64px;}
  .main_partner .img_wrap figure{height: 64px;}
}
@media(max-width:540px) {
  .main_partner {margin-right: 48px;}
  .main_partner .img_wrap figure{height: 54px;}
}
@media(max-width:360px) {
  .main_partner {margin-right: 40px;}
  .main_partner .img_wrap figure{height: 48px;}
}