.wellness-N1 { position: fixed !important; top: 0; z-index: 99; width: 100%; background: #fff; transition: background 0.1s; border-bottom: 1px solid rgba(238,238,238,0.29); }
.wellness-N1.top-menu-active { padding-top: 6.7rem; }
.wellness-N1.header-top-active { background: #fff; }
header.opacity .wellness-N1.header-top-active { background:rgba(255,255,255,0); transition: all 0.1s; -moz-transition: all 0.1s; -webkit-transition: all 0.1s; -o-transition: all 0.1s; }
header.opacity .wellness-N1.block-active { background: rgba(255,255,255,1.00); }
.wellness-N1.header-top-active::after { opacity: 1; visibility: visible; }
.wellness-N1.header-top-active:hover { background: #fff; }
.header-top-active:hover { background: #fff!important; /* 흰색으로 변경 */; }
.wellness-N1.header-top-active:hover::after { opacity: 0; visibility: hidden; }
.wellness-N1.header-top-active:hover .header-title img,
.wellness-N1.header-top-active:hover .header-utils img { filter: invert(0); }


.wellness-N1.header-top-active .header-utils .btn-allmenu .ico-hamburger,
.wellness-N1.header-top-active .btn-momenu .ico-hamburger { background: #000; }

.wellness-N1.header-top-active:hover .header-utils .btn-allmenu .ico-hamburger,
.wellness-N1.header-top-active:hover .btn-momenu .ico-hamburger { background: #000; }



header .wellness-N1.header-top-active .header-utils .btn-allmenu .ico-hamburger,
header  .wellness-N1.header-top-active .btn-momenu .ico-hamburger { background: #333 }



header:hover .wellness-N1.header-top-active .header-utils .btn-allmenu i.ico-hamburger { background: #000; color: #333; }


header.opacity  .wellness-N1.header-top-active .header-utils .btn-allmenu .ico-hamburger,
header.opacity  .wellness-N1.header-top-active .btn-momenu .ico-hamburger { background: #fff; }

header.opacity:hover  .wellness-N1.header-top-active .header-utils .btn-allmenu .ico-hamburger,
header.opacity:hover  .wellness-N1.header-top-active .btn-momenu .ico-hamburger { background: #000; }

header.opacity:hover   .wellness-N1.header-top-active:hover .header-utils .btn-allmenu .ico-hamburger,
header.opacity:hover  .wellness-N1.header-top-active:hover .btn-momenu .ico-hamburger { background: #000; }



.wellness-N1 .header-container { display: flex; align-items: center; justify-content: space-between; height:var(--header-h); }
.wellness-N1 .header-container.container-none { display: flex; align-items: center; justify-content: space-between; height:var(--header-h); padding: 0px 50px; }
.wellness-N1 .header-top { position: absolute; top: 0; left: 0; width: 100%; border-bottom: 1px solid #e5e5e5; }
.wellness-N1 .user-menu { display: flex; align-items: center; justify-content: flex-end; padding: 0 8rem; margin: 0 auto; width: 100%; max-width: 1440px; }
.wellness-N1 .user-menu li { position: relative; margin: 0!important; padding: 0px!important; }
.wellness-N1 .user-menu li a { padding: 2.8rem var(--top1d-margin-left) 2.8rem  var(--top1d-margin-right); margin: 0!important; font-weight: 400; text-align: center; white-space: nowrap; }
.wellness-N1 .user-menu li:last-child a { padding: 2rem 0 2rem 1.2rem; }

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.wellness-N1 .header-left { display: flex; align-items: center; gap: 3rem; }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.wellness-N1 .header-left { display: flex; align-items: center; gap: 3rem;z-index: 9999999999999999999999999999; position: relative }
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



.wellness-N1 .header-title { margin-bottom: 0; }
.wellness-N1 .header-title a { height: auto; }
.wellness-N1 .header-title img { height: 100%; object-fit: contain; vertical-align: top; transition: filter 0.3s; }
.wellness-N1.header-top-active .header-title img { filter: invert(0%); }



/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) { .wellness-N1 .header-gnblist {
  display: flex; justify-content: center; align-items: center; height: 100%; height:var(--header-h); }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {  }
/**** 모바일 ****/
@media only all and (max-width:767px) { .wellness-N1 .header-gnblist {
  display: flex; justify-content: center; align-items: center; height: 100%; margin-top: 30px; }
}
/**** 모바일2 ****/
@media only all and (max-width:400px) { }
/* 구분 //end -----------------------------------*/


.wellness-N1 .header-gnbitem { position: relative; }
/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) { .wellness-N1 .header-gnblink {
  padding: 0rem var(--top1d-margin-left) 0rem  var(--top1d-margin-right); height: 100%; font-weight: 500!important; text-align: center; line-height: 100%!important; }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) { ; }
/**** 모바일 ****/
@media only all and (max-width:767px) { .wellness-N1 .header-gnblink {
  padding: 0rem 0rem!important; height: 100%; font-weight: 500; text-align: left!important; position: relative; color: #000!important; }
.wellness-N1 .header-gnblink:before { content: "\eb3a"; font-family: unicons-line; position: absolute; right: 10px; top: 8px; font-size: 20px; }
}
/**** 모바일2 ****/
@media only all and (max-width:400px) { ; }
/* 구분 //end -----------------------------------*/





/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) { header.opacity .wellness-N1.header-top-active .header-gnblink span {  color: #fff; }
.wellness-N1.header-top-active:hover .header-gnblink span { color: #000; height:var(--header-h); display: flex; justify-content: center; align-items: center; }
.wellness-N1 .header-gnblink span { position: relative; height:var(--header-h); font-size: var(--top1d-font-size)!important; color: #000; display: flex; justify-content: center; align-items: center; }
.wellness-N1.header-top-active .header-gnblink span { color: #333; }
.wellness-N1:hover.header-top-active .header-gnblink span { color: #333; }
.wellness-N1:hover .header-gnblink span { font-size: 	var(--top1d-font-size)!important; color: #333; }
header:hover .wellness-N1.header-top-active .header-gnbitem  .header-gnblink span { color:#333!important; }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {  }
/**** 모바일 ****/
@media only all and (max-width:767px) { 
	
	header.opacity .wellness-N1.header-top-active .header-gnblink span {  color: #333!important;; padding: 10px 0px }

.wellness-N1.header-top-active .header-gnblink span { color: #000; height:100%; display: flex; justify-content: center; align-items: center; padding: 10px 0px }
.wellness-N1.header-top-active:hover .header-gnblink span { color: #000; height:100%; display: flex; justify-content: center; align-items: center; padding: 10px 0px }	
.wellness-N1 .header-gnblink span { position: relative;  height:100%;  font-size: 20px!important; color: #000; display: flex; justify-content: center; align-items: center; }
.wellness-N1.header-top-active .header-gnblink span { color: #333; }
.wellness-N1:hover.header-top-active .header-gnblink span { color: #333; }
.wellness-N1:hover .header-gnblink span { font-size: 20px!important; color: #333; }
header:hover .wellness-N1.header-top-active .header-gnbitem  .header-gnblink span { color:#333!important; }
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {  }
/* 구분 //end -----------------------------------*/









.wellness-N1 .header-gnblink span { position: relative; }
.wellness-N1 .header-gnblink span::after { content: ""; width: 0%; height: 0.2rem; transition: 0.3s; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; position: absolute; bottom: 0px; }
.wellness-N1 .header-gnblink:hover span::after { content: ""; width: 100%; height: 0.2rem; position: absolute; bottom:0px; }
.header-gnbitem:hover  .header-gnblink span::after { content: ""; width: 100%; height: 0.2rem; position: absolute; bottom: 0px; }
.header-gnbitem.active  .header-gnblink span::after { content: ""; width: 100%!important; height: 0.2rem; position: absolute; bottom: 0px; }

.wellness-N1 .header-sublist { width:auto; position: absolute; top: 100%; opacity: 0; transition: opacity 0.3s; pointer-events: none; box-shadow:3px 3px 30px rgba(0,0,0,0.1);  border-radius: 0px 0px 10px 10px;padding: 0px!important ; height: 80!important }
.wellness-N1 .header-gnbitem:hover .header-sublist {  opacity: 1; pointer-events: auto; }
.wellness-N1 .header-gnbitem:hover .header-sublist li{ }
.wellness-N1 .header-gnbitem:hover .header-sublist li:first-child{border-radius: 0px 00px 0px 0px}
.wellness-N1 .header-gnbitem:hover .header-sublist li:last-child{border-radius: 0px 0px 10px 10px}




.wellness-N1 .header-gnbitem:hover .header-gnblink span::after { content: ""; display: inline-block; position: absolute; left: 0; bottom: 0px; background: var(--primary); }
.wellness-N1.header-top-active .header-gnbitem:hover .header-gnblink span::after { content: ""; display: inline-block; position: absolute; left: 0; bottom: 0px; background: var(--primary); }




.wellness-N1 .header-subitem {  min-width: 18rem; background: #fff;  white-space: nowrap; /* 줄바꿈 방지 */}
.wellness-N1 .header-subitem a{   display: inline-block;
  white-space: nowrap;  /* li 내부 텍스트도 줄바꿈 안 되게 */}


.wellness-N1 .header-subitem a span{   display: inline-block;
  white-space: nowrap;  /* li 내부 텍스트도 줄바꿈 안 되게 */}





/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) { .wellness-N1 .header-sublink {
  padding: 0.8rem 1.2rem 0.8rem var(--top1d-margin-left); width: 100%; font-weight: 500; transition: color 0.2s, background 0.2s; will-change: color, background; }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) { ; }
/**** 모바일 ****/
@media only all and (max-width:767px) { 
	.wellness-N1 .header-sublink  span{  padding: 1.5rem 0rem; width: 100%; font-weight: 500; }	
	.wellness-N1.header-top-active .header-gnbitem:hover .header-gnblink span::after { content: ""; display: inline-block; position: absolute; left: 0; bottom: 0px; background: var(--primary); }
}
/**** 모바일2 ****/
@media only all and (max-width:400px) { ; }
/* 구분 //end -----------------------------------*/









.wellness-N1 .header-sublink:hover { background: var(--primary); color: #fff; }



.wellness-N1 .header-right { display: flex; align-items: center; }
.wellness-N1 .header-right .header-gnb { margin-right: 0rem; }
.wellness-N1 .header-utils>ul { display: flex; align-items: center; }
.wellness-N1 .header-utils>ul>li { margin-left: 1.2rem; }
.wellness-N1 .header-utils>ul>li>img { width: auto; height: 100%; object-fit: cover; vertical-align: top; transition: filter 0.3s; }
.wellness-N1.header-top-active .header-utils img { filter: invert(100%); }
.wellness-N1 .header-right button { max-width: 3.2rem; max-width: 3.2rem; background: none; border: none; }
.wellness-N1 .header-right button img { width: auto; max-height: 100%; object-fit: cover; vertical-align: top; }
.wellness-N1 .header-utils .member a { display: block; width: 3.2rem; height: 3.2rem; font-size: 0; }
.wellness-N1 .header-utils .member img { max-width: 100%; max-height: 100%; object-fit: cover; vertical-align: top; }
.wellness-N1 .header-utils .btn-allmenu { display: flex; flex-direction: column; gap: 0.6rem; }
.wellness-N1 .header-utils .btn-allmenu:hover .ico-hamburger:nth-child(2) { width: 2.4rem; }
.wellness-N1 .header-utils .btn-allmenu .ico-hamburger,
.wellness-N1 .btn-momenu .ico-hamburger { width: 2.4rem; height: 0.2rem; background: #000; border-radius: 1rem; transition: width 0.3s, transform 0.3s, opacity 0.3s; will-change: width, transform, opacity; }
.wellness-N1.header-top-active .header-utils .btn-allmenu .ico-hamburger,
.wellness-N1.header-top-active .btn-momenu .ico-hamburger { background: #333; }

header .wellness-N1.header-top-active .header-utils .btn-allmenu .ico-hamburger,
.wellness-N1.header-top-active .btn-momenu .ico-hamburger { background: #333; }
header.opacity .wellness-N1.header-top-active .header-utils .btn-allmenu .ico-hamburger,
.wellness-N1.header-top-active .btn-momenu .ico-hamburger { background: #fff; }



.wellness-N1 .header-utils .btn-allmenu .ico-hamburger:nth-child(even),
.wellness-N1 .btn-momenu .ico-hamburger:nth-child(2) { width: 1.4rem; }
.wellness-N1 .btn-momenu { display: none; }
.wellness-N1 .btn-moclose { display: none; }
.wellness-N1 .header-fullmenu { overflow: hidden; position: fixed; z-index: 99999; padding: 0 2.4rem; visibility: hidden; background: #000; transition: 0.3s; opacity: 0; }
.wellness-N1 .header-fullmenu.fullmenu-right { top: 0; right: 0; width: 0; height: 100%; }
.wellness-N1 .header-fullmenu.fullmenu-left { top: 0; left: 0; width: 0; height: 100%; }
.wellness-N1 .header-fullmenu.fullmenu-top { width: 100%; height: 0; top: 0; left: 0; }
.wellness-N1 .header-fullmenu.fullmenu-bottom { width: 100%; height: 0; bottom: 0; left: 0; }
.wellness-N1 .header-fullmenu.fullmenu-active { visibility: visible; width: 100%; height: 100vh; opacity: 1; }
.wellness-N1 .fullmenu-wrapper { position: relative; top: 50%; margin: 0 auto; transform: translateY(-50%); width: 100%; max-width: 128rem; }
.wellness-N1 .fullmenu-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10rem; }
.wellness-N1 .fullmenu-title { margin-bottom: 0; }
.wellness-N1 .fullmenu-title a { height: 4.3rem; }
.wellness-N1 .fullmenu-title img { width: 100%; height: 100%; object-fit: cover; }
.wellness-N1 .fullmenu-member { display: flex; position: absolute; top: 0; right: 0; }
.wellness-N1 .fullmenu-member li { position: relative; }
.wellness-N1 .fullmenu-member li a { padding: 1.2rem; font-weight: 500; color: var(--white); }
.wellness-N1 .fullmenu-member li::marker { content: ""; }
.wellness-N1 .fullmenu-member li+li::after { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 0.1rem; height: 1.4rem; background: rgba(255, 255, 255, 0.2); }
.wellness-N1 .fullmenu-gnblist { display: flex; justify-content: center; }
.wellness-N1 .fullmenu-gnbitem { width: 20%; }
.wellness-N1 .fullmenu-gnbitem+.fullmenu-gnbitem { margin-left: 4rem; }
.wellness-N1 .fullmenu-gnblink { position: relative; padding-bottom: 4rem; width: 100%; font-weight: 500; color: var(--white); border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.wellness-N1 .fullmenu-gnblink::after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 0; height: 0.1rem; background: #ffffff; transition: 0.2s; }
.wellness-N1 .fullmenu-gnblink.on::after { width: 18rem; }
.wellness-N1 .fullmenu-sublist { padding-top: 4rem; }
.wellness-N1 .fullmenu-subitem+.fullmenu-subitem { padding-top: 0.8rem; }
.wellness-N1 .fullmenu-sublink { position: relative; padding-bottom: 5px; font-weight: 400; color: #a2a2a2; transition: 0.3s; }
.wellness-N1 .fullmenu-sublink::before { content: ""; position: absolute; top: 100%; right: 0; width: 0; height: 1px; background-color: var(--white); transition: width 0.7s cubic-bezier(0.22, 0.61, 0.36, 1); }
.wellness-N1 .fullmenu-sublink:hover { color: var(--white); }
.wellness-N1 .fullmenu-sublink:hover::before { right: auto; left: 0; width: 100%; }
.wellness-N1 .fullmenu-close { position: fixed; right: 8rem; top: 2.4rem; padding: 0.5rem; width: 4.2rem; height: 4.2rem; background: transparent; border: none; }
.wellness-N1 .fullmenu-close img { width: 100%; height: 100%; object-fit: cover; }
.wellness-N1 .fullmenu-close I { color: #FFF; }


@media (max-width: 768px) { .wellness-N1 {    padding-top: 0; padding-bottom: 0; }
.wellness-N1.block-active.header-top-active { background: #FFF; transition: none; }
.wellness-N1.header-top-active:hover { background: #FFF; }
.wellness-N1.header-top-active:hover::after { opacity: 1; visibility: visible; }
.wellness-N1.block-active.header-top-active:hover { background: rgba(255, 255, 255, 1); }
.wellness-N1.block-active.header-top-active::after { opacity: 1; visibility: hidden; }
.wellness-N1.header-top-active .header-title img,
.wellness-N1.header-top-active .header-utils img { filter: invert(0); }
.wellness-N1.header-top-active .header-gnblink span { color: #333!important; }
.wellness-N1.header-top-active:hover .header-gnblink span { color: #333!important; }
.wellness-N1.header-top-active:hover .header-gnbitem:hover .header-gnblink span::after { background: #FFF; }
	
.wellness-N1 .header-utils .btn-allmenu .ico-hamburgerr { background: #333!important; }	
	


header .wellness-N1.header-top-active .header-utils .btn-allmenu .ico-hamburger,
.wellness-N1.header-top-active .btn-momenu .ico-hamburger { background: #333; }

	header.opacity .wellness-N1.header-top-active .header-utils .btn-allmenu .ico-hamburger,
.wellness-N1.header-top-active .btn-momenu .ico-hamburger { background: #fff; }
	
	
.wellness-N1 .header-gnb {  overflow: hidden; position: absolute; top: 100%; left: 0; z-index: 9; padding: 0 1.6rem; width: 100%; height: 0; transition: height 0.3s, background 0.3s; background: #fff; }


  .wellness-N1.header-top-active .header-gnb { background: transparent; }
.wellness-N1 .header-gnb::after { content: ""; position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; visibility: hidden; width: 100%; height: 100%; background: #FFF; }
.wellness-N1.header-top-active .header-gnb::after { opacity: 1; visibility: visible; }
.wellness-N1.block-active .header-gnb { overflow-y: auto; height: calc(100vh - 6rem); padding-bottom: 19rem; }
.wellness-N1 .header-container { min-height: var(--header-h); }
.wellness-N1 .header-top { z-index: 10; visibility: hidden; border: none; opacity: 0; transition: opacity 0.3s 0.1s, visibilty 0.3s 0.1s; will-change: opacity, visibility; }
.wellness-N1.block-active .header-top { top: 100%; opacity: 1; visibility: visible; }
.wellness-N1 .user-menu { justify-content: flex-start; padding: 0 2.2rem; }
.wellness-N1 .user-menu li a,
  .wellness-N1 .user-menu li:last-child a { padding: 2.4rem 1.2rem; }
.wellness-N1 .user-menu li:first-child a { padding-left: 0; }
.wellness-N1 .header-title a { width: 12rem; }
	
	/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.wellness-N1 .header-center { position: absolute; top: 0px; left: 0; transform: none; width: 100%; height: 0; padding-top: 50px; display: flex; justify-content: flex-end; }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.wellness-N1 .header-center { position: absolute; top: 0px; left: 0; transform: none; width: 100%; height: 0; padding-top: 50px; }
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


	

/* 구분 //end -----------------------------------*/

	
	
	
	
	.wellness-N1 .header-sublist  span { font-size:  var(--top2d-font-size)!important; }
.wellness-N1 .header-gnblist { display: block; visibility: hidden; transition: opacity 0.3s 0.1s; opacity: 0; }
.wellness-N1 .header-gnblink { display: flex; align-items: flex-end; padding: 0rem 0; width: 100%; text-align: left; transition: border 0.3s; will-change: border; border-bottom: 1px solid #e5e5e5; }
.wellness-N1.top-menu-active .header-gnbitem:first-child .header-gnblink { padding-top: 6.8rem; }
.wellness-N1 .header-gnbitem:hover .header-gnblink span { border: none; }
.wellness-N1 .header-gnbitem:hover .header-gnblink span::after { content: none; }
.wellness-N1 .header-sublist { display: none; position: relative; padding: 0rem 0 0rem 0; opacity: 1; }
	
	
	

  .wellness-N1.block-active.header-top-active .header-gnbitem.item-active .header-gnblink { border-bottom: 1px solid #fff; }
.wellness-N1 .header-gnbitem.item-active .header-gnblink { border-bottom: 1px solid #111111; }
.wellness-N1.header-top-active .header-subitem { background: transparent; }
.wellness-N1 .header-subitem { width: 100%; }
.wellness-N1 .header-subitem+.header-subitem { ; }
.wellness-N1.header-top-active .header-sublink { color: #333; }
	
	
	
.wellness-N1 .header-sublink {    padding: 1; color: #333!important; padding:7px 10px; width: 100%; float: left }


  .wellness-N1 .header-sublink:active { color: #333; }
.wellness-N1.header-top-active .header-sublink:hover { color: #333; }
.wellness-N1 .header-sublink:hover { background: #ffff; color: #333; }
.wellness-N1 .header-right button,
  .wellness-N1 .header-utils .member a { width: 2.8rem; height: 2.8rem; }
.wellness-N1 .header-utils>ul>li { margin-left: 0.6rem; }
.wellness-N1 .header-utils .allmenu { display: none; }
.wellness-N1 .btn-momenu { display: flex; flex-direction: column; justify-content: center; gap: 0.6rem; margin-left: 0.6rem; }
.wellness-N1 .btn-momenu .ico-hamburger { width: 2rem; }
.wellness-N1 .btn-momenu .ico-hamburger:nth-child(2) { width: 1.2rem; }
	
	
.wellness-N1.block-active .header-center { pointer-events: auto; }
.wellness-N1.block-active .header-title { display: flex; align-items: center; height: 6rem; }
.wellness-N1.block-active .header-gnblist { visibility: visible; opacity: 1; }
.wellness-N1 .header-gnbitem:has(.header-subitem) .header-gnblink::after { content: ""; display: flex; width: 1.6rem; height: 1.6rem;  background-repeat: no-repeat; background-position: center right; background-size: cover; transition: transform 0.3s; will-change: transform; }
.wellness-N1.header-top-active .header-gnbitem:has(.header-subitem) .header-gnblink::after { filter: invert(1); }
.wellness-N1.block-active .header-gnblink { align-items: center; justify-content: space-between; }
.wellness-N1.block-active .header-gnbitem.item-active .header-gnblink::after { content: ""; transform: rotate(180deg); }
.wellness-N1.block-active .header-member { display: flex; }
.wellness-N1.block-active .btn-momenu .ico-hamburger:nth-child(1) { transform: translateY(0.8rem) rotate(45deg); }
.wellness-N1.block-active .btn-momenu .ico-hamburger:nth-child(3) { transform: translateY(-0.8rem) rotate(-45deg); }
.wellness-N1.block-active .btn-momenu .ico-hamburger:nth-child(2) { visibility: hidden; opacity: 0; }
.wellness-N1 .header-fullmenu { display: none; }
.wellness-N1.block-active .header-title img { filter: invert(0%)!important; }
.wellness-N1.block-active.header-top-active .header-title img { filter: invert(0%)!important; }
.wellness-N1.block-active.header-top-active .btn-momenu .ico-hamburger { background: #333; }
}

.p3 a span { font-size: 1rem!important; }
.header-gnblink span { color: #000; font-weight: 700}
.header-right { position: absolute; top: 0px; height: auto!important; z-index: 9999999999999; position: relative ; }
.header-utils, .btn-allmenu { height: 20PX!important; }
/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.wellness-N1 .header-sublist  span { font-size:  var(--top2d-font-size)!important; }

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	
	
	.header-gnbitem {  width: 100%; float: left;}
.wellness-N1 .header-sublist {  width: 100%; float: left; padding: 15px;}	
	
.wellness-N1 .header-sublist  span { font-size: 18px!important; padding:  0px!important; z-index: 99999999999999 }

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


.wellness-N1 .header-sublink:hover { background: var(--primary); color: #fff; }
.wellness-N1 .header-sublink:hover  span { color: #fff; }
.wellness-N1 .header-fullmenu { background: var(--top2d-font-color-point); }
.wellness-N1 .fullmenu-title a  img.White { filter: var(--logo-White)!important; /* 흰색으로 변경 */; }
.fullmenu-close i { font-size: 30px; }
.header-gnblist .header-gnbitem .header-sublink:hover { background: var(--primary)!important; color: #fff; }
.header-gnblist.subcolor .header-gnbitem:first-child .header-sublink:hover { background: var(--sub-color10)!important; color: #fff; }
.header-gnblist.subcolor .header-gnbitem:nth-child(2) .header-sublink:hover { background: var(--sub-color20)!important; color: #fff; }
.header-gnblist.subcolor .header-gnbitem:nth-child(3) .header-sublink:hover { background: var(--sub-color30)!important; color: #fff; }
.header-gnblist.subcolor .header-gnbitem:nth-child(4) .header-sublink:hover { background: var(--sub-color40)!important; color: #fff; }
.header-gnblist.subcolor .header-gnbitem:nth-child(5) .header-sublink:hover { background: var(--sub-color50)!important; color: #fff; }
.header-gnblist.subcolor .header-gnbitem:nth-child(6) .header-sublink:hover { background: var(--sub-color60)!important; color: #fff; }
.header-gnblist.subcolor .header-gnbitem:nth-child(7) .header-sublink:hover { background: var(--sub-color70)!important; color: #fff; }
.header-gnblist.subcolor .header-gnbitem:nth-child(8) .header-sublink:hover { background: var(--sub-color80)!important; color: #fff; }
.header-gnblist.subcolor .header-gnbitem:nth-child(9) .header-sublink:hover { background: var(--sub-color90)!important; color: #fff; }

.wellness-N1 .header-gnblist .header-gnbitem:hover .header-gnblink span::after { content: ""; display: inline-block; position: absolute; left: 0; bottom: 0px; background: var(--primary); }
.wellness-N1.header-top-active .header-gnblist .header-gnbitem:hover .header-gnblink span::after { content: ""; display: inline-block; position: absolute; left: 0; bottom: 0px; background: var(--primary); }


.wellness-N1 .header-gnblist.subcolor .header-gnbitem:first-child:hover .header-gnblink span::after { content: ""; display: inline-block; position: absolute; left: 0; bottom: 0px; background: var(--sub-color10); }
.wellness-N1.header-top-active .header-gnblist.active.subcolor .header-gnbitem:first-child:hover .header-gnblink span::after { content: ""; display: inline-block; position: absolute; left: 0; bottom: 0px; background: var(--sub-color10); }

.wellness-N1 .header-gnblist.subcolor .header-gnbitem:nth-child(2):hover .header-gnblink span::after { content: ""; display: inline-block; position: absolute; left: 0; bottom: 0px; background: var(--sub-color20); }
.wellness-N1.header-top-active .header-gnblist.subcolor .header-gnbitem:nth-child(2):hover .header-gnblink span::after { content: ""; display: inline-block; position: absolute; left: 0; bottom: 0px; background: var(--sub-color20); }
.wellness-N1 .header-gnblist.subcolor .header-gnbitem:nth-child(3):hover .header-gnblink span::after { content: ""; display: inline-block; position: absolute; left: 0; bottom: 0px; background: var(--sub-color30); }
.wellness-N1.header-top-active .header-gnblist.subcolor .header-gnbitem:nth-child(3):hover .header-gnblink span::after { content: ""; display: inline-block; position: absolute; left: 0; bottom: 0px; background: var(--sub-color30); }
.wellness-N1 .header-gnblist.subcolor .header-gnbitem:nth-child(4):hover .header-gnblink span::after { content: ""; display: inline-block; position: absolute; left: 0; bottom: 0px; background: var(--sub-color40); }
.wellness-N1.header-top-active .header-gnblist.subcolor .header-gnbitem:nth-child(4):hover .header-gnblink span::after { content: ""; display: inline-block; position: absolute; left: 0; bottom: 0px; background: var(--sub-color40); }
.wellness-N1 .header-gnblist.subcolor .header-gnbitem:nth-child(5):hover .header-gnblink span::after { content: ""; display: inline-block; position: absolute; left: 0; bottom: 0px; background: var(--sub-color50); }
.wellness-N1.header-top-active .header-gnblist.subcolor .header-gnbitem:nth-child(5):hover .header-gnblink span::after { content: ""; display: inline-block; position: absolute; left: 0; bottom: 0px; background: var(--sub-color50); }
.wellness-N1 .header-gnblist.subcolor .header-gnbitem:nth-child(6):hover .header-gnblink span::after { content: ""; display: inline-block; position: absolute; left: 0; bottom: 0px; background: var(--sub-color60); }
.wellness-N1.header-top-active .header-gnblist.subcolor .header-gnbitem:nth-child(6):hover .header-gnblink span::after { content: ""; display: inline-block; position: absolute; left: 0; bottom: 0px; background: var(--sub-color60); }
.wellness-N1 .header-gnblist.subcolor .header-gnbitem:nth-child(7):hover .header-gnblink span::after { content: ""; display: inline-block; position: absolute; left: 0; bottom: 0px; background: var(--sub-color70); }
.wellness-N1.header-top-active .header-gnblist.subcolor .header-gnbitem:nth-child(7):hover .header-gnblink span::after { content: ""; display: inline-block; position: absolute; left: 0; bottom: 0px; background: var(--sub-color70); }
.wellness-N1 .header-gnblist.subcolor .header-gnbitem:nth-child(8):hover .header-gnblink span::after { content: ""; display: inline-block; position: absolute; left: 0; bottom: 0px; background: var(--sub-color80); }
.wellness-N1.header-top-active .header-gnblist.subcolor .header-gnbitem:nth-child(8):hover .header-gnblink span::after { content: ""; display: inline-block; position: absolute; left: 0; bottom: 0px; background: var(--sub-color80); }
.wellness-N1 .header-gnblist.subcolor .header-gnbitem:nth-child(9):hover .header-gnblink span::after { content: ""; display: inline-block; position: absolute; left: 0; bottom: 0px; background: var(--sub-color90); }
.wellness-N1.header-top-active .header-gnblist.subcolor .header-gnbitem:nth-child(9):hover .header-gnblink span::after { content: ""; display: inline-block; position: absolute; left: 0; bottom: 0px; background: var(--sub-color90); }

.header-gnblist.subcolor .header-gnbitem.active:first-child  .header-gnblink span::after { content: ""; width: 100%!important; height: 0.2rem; position: absolute; bottom: 0px; background: var(--sub-color10); }
.header-gnblist.subcolor .header-gnbitem.active:nth-child(2)  .header-gnblink span::after { content: ""; width: 100%!important; height: 0.2rem; position: absolute; bottom: 0px; background: var(--sub-color20); }
.header-gnblist.subcolor .header-gnbitem.active:nth-child(3)  .header-gnblink span::after { content: ""; width: 100%!important; height: 0.2rem; position: absolute; bottom: 0px; background: var(--sub-color30); }
.header-gnblist.subcolor .header-gnbitem.active:nth-child(4)  .header-gnblink span::after { content: ""; width: 100%!important; height: 0.2rem; position: absolute; bottom: 0px; background: var(--sub-color40); }
.header-gnblist.subcolor .header-gnbitem.active:nth-child(5)  .header-gnblink span::after { content: ""; width: 100%!important; height: 0.2rem; position: absolute; bottom: 0px; background: var(--sub-color50); }
.header-gnblist.subcolor .header-gnbitem.active:nth-child(6)  .header-gnblink span::after { content: ""; width: 100%!important; height: 0.2rem; position: absolute; bottom: 0px; background: var(--sub-color60); }
.header-gnblist.subcolor .header-gnbitem.active:nth-child(7)  .header-gnblink span::after { content: ""; width: 100%!important; height: 0.2rem; position: absolute; bottom: 0px; background: var(--sub-color70); }
.header-gnblist.subcolor .header-gnbitem.active:nth-child(8)  .header-gnblink span::after { content: ""; width: 100%!important; height: 0.2rem; position: absolute; bottom: 0px; background: var(--sub-color80); }
.header-gnblist.subcolor .header-gnbitem.active:nth-child(9)  .header-gnblink span::after { content: ""; width: 100%!important; height: 0.2rem; position: absolute; bottom: 0px; background: var(--sub-color90); }




.header-sublist li:first-child>a{border-radius: 0px 0px 0px 0px;}

.header-sublist li:last-child>a{border-radius: 0px 0px 10px 10px; }

.header-sublist-3depth>li:first-child{border-radius: 0px 10px 10px 10px; }
.header-sublist-3depth>li:last-child{border-radius: 0px 0px 10px 10px; }
.header-sublist>li span{padding:0em 0px;  line-height: 1.5; }




/* 초기 구조 설정 */
.gnb, .header-sublist, .header-sublist-3depth {
  list-style: none;
  padding: 0;
  margin: 0;
}

.header-gnbitem {
  position: relative; 
}
/* 구분 -----------------------------------*/



/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
/* 오버 시 활성화 */
.header-sublist {
  opacity: 0;
  transition: all 0.5s ease;
  position: absolute;
  z-index: 10; height: 0px
}


.header-gnbitem:hover > .header-sublist {
  opacity: 1;
  visibility: visible; height: auto
}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


.header-subitem {
  position: relative;
}
/* 오버 시 활성화 */
/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.header-sublist-3depth {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  background: #fff;
  
  white-space: nowrap;
  z-index: 1000;    min-width: 15rem!important; border-radius:0PX 10PX 10PX 10PX;  box-shadow:3px 3px 30px rgba(0,0,0,0.1); 
}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.header-sublist-3depth {
  display: none;
 width: 100%; float: left;
  background: #fff;
  
  white-space: nowrap;
  z-index: 1000;    min-width: 15rem!important; border-radius:0PX 10PX 10PX 10PX;  box-shadow:3px 3px 30px rgba(0,0,0,0.1); 
}

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



.header-sublist-3depth:before {
position: absolute; left: -30px; top: 7px; content: "\eb6d";    font-family: unicons-line; color: #fff; font-size: 20px;z-index: 9999999999
}


.header-sublist-3depth li{ width: 100%;float: left }
.header-sublist-3depth li a{ width: 100%; float: left}
.header-sublist-3depth li a:hover{

  background: var(--primary); color: #fff
}



.header-gnbitem:hover > .header-sublist {
 
}

.header-subitem:hover > .header-sublist-3depth {
  display: block;
}

/* 기본 링크 스타일 */
a.header-gnblink,
a.header-sublink,
a.header-sublink-3depth {
  display: block;
  padding: 10px 15px;
  color: #333;
  text-decoration: none;
  
}

a.header-sublink-3depth:hover {
  background: #eee;
}



.header-subitem:hover .header-sublink {
background: var(--primary)!important;
  color: #fff;
}/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:7993px) {.header-gnb{ margin-left: -100PX}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:993px) {
}
/**** 모바일 ****/
@media only all and (max-width:992px) {.header-gnb{ margin-left:0PX}

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


/**** pc ****/
@media only all and (min-width:768px) {.header-gnbitem a{
  position: relative; 
}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.header-gnbitem a span{
  position: relative;  padding: 15px 0px!important
}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/

 span.letter{font-weight: 700!important}


/* PC 버전일 경우에만 */
@media only screen and (min-width: 768px) {
  /* 2뎁스: 1뎁스에 포커스되면 열림 */
  .wellness-N1 .header-gnbitem:focus-within > .header-sublist {
    opacity: 1 !important;
    pointer-events: auto;
    height: auto;
    display: block;
  }

  /* 3뎁스: 2뎁스에 포커스되면 열림 */
  .wellness-N1 .header-subitem:focus-within > .header-sublist-3depth {
    display: block !important;
  }
}

/* 기존 마우스 오버 시 */
.header-gnbitem:hover > .header-sublist,
.header-gnbitem.focus-active > .header-sublist {
  opacity: 1;
  pointer-events: auto;
  display: block;
  height: auto;
}

.header-subitem:hover > .header-sublist-3depth,
.header-subitem.focus-active > .header-sublist-3depth {
  display: block;
}

.fullmenu-gnblist a:focus,
.fullmenu-close:focus {
  outline: 2px solid #000;
  outline-offset: 2px;
}