.pageHeaderMenuOverlay.open {display: block;}

.pageHeaderMenu {box-sizing: border-box; -webkit-font-smoothing: antialiased; position: relative;}
.pageHeaderMenu.subpage {position: initial;}
.pageHeaderMenu.after {position: initial;}

.pageHeaderMenu ul, .pageHeaderMenu li { margin: 0; padding: 0; }

.pageHeaderMenu .topLevel a,
.pageHeaderMenu .topLevel a:active,
.pageHeaderMenu .topLevel a:visited,
.pageHeaderMenu .topLevel a:focus,
.pageHeaderMenu .topLevel a:hover {
text-decoration: none;
}

.pageHeaderMenu .topLevel > ul > li > a {display: inline-block;padding: 0;}

.pageHeaderMenu .topLevel > ul > li > a > span {white-space: nowrap;display: inline-block;}

.pageHeaderMenu .topLevel > ul > li > a:hover > span,
.pageHeaderMenu .topLevel > ul > li > a.open > span {
color: #333 !important;
border-bottom-color: #C75724;
}


.pageHeaderMenu .subMenu {
position: absolute; height: 430px; 
top: 20px;
display: none;
border-top: 0;
opacity: 0;
z-index: 1;
transition: height .3s ease, opacity .3s ease;
}

.pageHeaderMenu .subMenu.company_menu {height: 467px; }
.pageHeaderMenu .subMenu.innovation_menu {height: 433px; }
.pageHeaderMenu .subMenu.beaty_menu {height: 365px; }

.pageHeaderMenu .subMenu.small_submenu {height: 320px; }

.pageHeaderMenu .subMenu.small_submenu.company {height: 340px; }
.pageHeaderMenu .subMenu.small_submenu.innovation {height: 306px; }
.pageHeaderMenu .subMenu.small_submenu.beaty {height: 238px; }

.pageHeaderMenu .subMenu .menu_list_wrap {position: absolute; top: 220px; left:20px; display:inline-block;}

.pageHeaderMenu .subMenu.company_menu {border-left: 6px solid #ffe0db; left: 627px;}
.pageHeaderMenu .subMenu.innovation_menu {border-left: 6px solid #ffc3bd; left: 860px;}
.pageHeaderMenu .subMenu.beaty_menu {border-left: 6px solid #ffa298; left: 1093px;}

.pageHeaderMenu .subMenu.subpage_menu {top: 170px;}
.pageHeaderMenu .subMenu.subpage_menu.medium_menu {top: 23px;}
.pageHeaderMenu .subMenu.medium_menu .menu_list_wrap {top: 200px}
.pageHeaderMenu .subMenu.medium_menu {height: 440px;}

#head_nav_after nav .pageHeaderMenu #subMenu_4.subMenu {left: 627px; border-left: 6px solid #ffe0db; padding-left:20px;}
#head_nav_after nav .pageHeaderMenu #subMenu_5.subMenu {left: 860px; border-left: 6px solid #ffc3bd; padding-left:20px;}
#head_nav_after nav .pageHeaderMenu #subMenu_6.subMenu {left: 1093px; border-left: 6px solid #ffa298; padding-left:20px;}

#head_nav_after nav .pageHeaderMenu .subMenu {}

.pageHeaderMenu .subMenu ul li {display: block;white-space:nowrap;}

.pageHeaderMenu .subMenu ul li a {
position: relative;
display: inline-block;
text-decoration: none;
font-size:15px; letter-spacing:0.02em; color:#111;
transition: color .3s ease;
padding:0px 0px;
font-weight:400;
font-family:'NunitoSans-Regular', 'notokr-regular', sans-serif;
}

.pageHeaderMenu .subMenu ul li.depth_wrap a {padding:5px 0 2px;}
.pageHeaderMenu .subMenu ul li.depth_wrap ul li a {padding:0px 0px 0px 0px; font-size:15px; color:rgba(	0,0,0,0.6); line-height: 1.6em;}
.pageHeaderMenu .subMenu ul li.depth_wrap ul li a::before {content: "-"; padding-right: 5px;}
.pageHeaderMenu .subMenu ul li.depth_wrap ul li:last-child a {padding-bottom:5px;}


.pageHeaderMenu .subMenu ul li a span {}
.pageHeaderMenu .subMenu ul li a span:hover, .pageHeaderMenu .subMenu ul li a:hover {color:#999;}

.pageHeaderMenu .subMenu ul.rangeItems {}

.pageHeaderMenu.after .subMenu ul.rangeItems {position: absolute; top: 93px;}

.pageHeaderMenu.submenu--open .subMenu {}

.pageHeaderMenu .topLevel a.open ~ .subMenu {
display:block;
opacity: 1;
z-index: 10;
}

.pageHeaderMenu .topLevel {
position: absolute;
right: 0;
top: 66px;
width:1240px;
}
header nav .gnb.sub_gnb .pageHeaderMenu .topLevel {top: 66px;}
header.sub_header nav .gnb.sub_gnb .pageHeaderMenu .topLevel {top: 49px;}

#head_nav_after nav  .pageHeaderMenu.after .topLevel {
position: absolute;
right: 0;
top: 46px;
width:1240px;
}

#head_nav_after nav  .pageHeaderMenu.after .topLevel a.open ~ .subMenu.after {
position: absolute;
right: 0;
top: 22px;
display:block;
width:136px;
}


.pageHeaderMenu .topLevel > ul {
display: flex;
flex-direction: row;
}

.pageHeaderMenu .topLevel > ul > li {
margin: 0;
}

/* 이영역이 뭔지 나도 몰라 */
  .pageHeaderMenu--spacing-helper {
    height: 0;
    transition: height .3s ease;
	background: transparent;
  }

  .pageHeaderMenu.submenu--open ~ .pageHeaderMenu--spacing-helper {height:0;}

  #head_nav_after nav .pageHeaderMenu.after.submenu--open ~ .pageHeaderMenu--spacing-helper.after {
	height:280px; position: absolute; left: -50%; top: 135px; width:200%;
  }

  .pageHeaderMenu .subMenu ul {margin:0px; padding:0px; display: inline-block; width:116px;}

.pageHeaderMenu .subMenu .rangeItems li {}
.pageHeaderMenu .subMenu .rangeItems li.fir {top:0;}
.pageHeaderMenu .subMenu .rangeItems li.sec {top:30px;}
.pageHeaderMenu .subMenu .rangeItems li.thi {top:60px;}
.pageHeaderMenu .subMenu .rangeItems li.four {top:90px;}
.pageHeaderMenu .subMenu .rangeItems li.fit {top:120px;}
.pageHeaderMenu .subMenu .rangeItems li.six {top:150px;}
.pageHeaderMenu .subMenu .rangeItems li.sev {top:180px;}

.pageHeaderMenu.after .subMenu .rangeItems li {}

.pageHeaderMenu .subMenu .rangeItems.sub_topmenu_02 li {/*width:270px;*/}
.pageHeaderMenu .subMenu .rangeItems ul.depth_menu {display:none; position:absolute; left:230px; top: 0px; z-index:999;}
.pageHeaderMenu .subMenu .rangeItems li:hover > ul.depth_menu {display:block;}
.pageHeaderMenu .subMenu .rangeItems ul.depth_menu.fir {top:0}
.pageHeaderMenu .subMenu .rangeItems ul.depth_menu.sec {top:30px;}
.pageHeaderMenu .subMenu .rangeItems ul.depth_menu.thi {top:60px;}


.pageHeaderMenu .subMenu ul.depth_menu li a{text-decoration:none; display:block; width:130px; height: 30px;line-height: 30px; letter-spacing:0.02em;} 
.pageHeaderMenu .subMenu ul.depth_menu li {width:90px; }  

.pageHeaderMenu .subMenu ul li:hover{}

.subMenu_close_button {background:url("../images/close_17_navigation_default.svg") no-repeat 50% 50%; height:17px;width:12px; display:inline-block; /*top:8px;*/top:-25px; left:0px; position:absolute;     z-index: 5;}

#head_nav_after .gnb.after .pageHeaderMenu .subMenu .rangeItems li {position:absolute; }
#head_nav_after .gnb.after .pageHeaderMenu .subMenu .rangeItems li.fir {top:0;}
#head_nav_after .gnb.after .pageHeaderMenu .subMenu .rangeItems li.sec {top:30px;}
#head_nav_after .gnb.after .pageHeaderMenu .subMenu .rangeItems li.thi {top:60px;}
#head_nav_after .gnb.after .pageHeaderMenu .subMenu .rangeItems li.four {top:90px;}
#head_nav_after .gnb.after .pageHeaderMenu .subMenu .rangeItems li.fit {top:120px;}
#head_nav_after .gnb.after .pageHeaderMenu .subMenu .rangeItems li.six {top:150px;}
#head_nav_after .gnb.after .pageHeaderMenu .subMenu .rangeItems li.sev {top:180px;}