.navbar-container {position:fixed; top:0; width:100%; color:#31261d; transition:top 0.5s; z-index:600;}
.navbar-container .dim-layer {z-index:10;}
.navbar-inner {position:relative; border-top:3px solid #fdcd00; border-bottom: 1px solid #f3eeea; background:#fff; z-index:12;}
.navbar-container .navbar-content {display:flex; justify-content:space-between; align-items:center; max-width:1280px; height:59px; margin:0 auto; padding:0 0 0 6px; box-sizing:border-box;}
.navbar-container .navbar-content .logo {height:100%; margin:0;}
.navbar-container .navbar-content .logo a {overflow:hidden; display:block; width:132px; height:100%; background:url('/int/en/resource/images/nav/logo.svg') no-repeat center center; color:transparent; font-size:1px; text-indent:-100px;}
.navbar-content .gnb-wrap {display:flex; flex:auto; justify-content: center;}
.navbar-content .gnb-wrap .icon-more {display:none;}
.navbar-content .gnb-wrap > li {margin:0 9px;}
.navbar-content .gnb-wrap > li > a {position:relative; display:block; height:62px; padding:0 18px; font-size:18px; font-weight:600; line-height:62px;}
.navbar-content .gnb-wrap > li > a:after {content:''; position:absolute; left:50%; right:50%; bottom:0; height:3px; background:#fccc00; transition: all 0.3s}
.navbar-content .gnb-wrap > li.selected > a:after,
.navbar-content .gnb-wrap > li > a:hover:after {left:0; right:0;}
.navbar-content .gnb-wrap .sub-menu-container {display:none; position:absolute; left:0; right:0; top:60px; overflow:hidden; width:100%; border-bottom:1px solid #f3eeea; background:#fff;}
.navbar-content .gnb-wrap .sub-menu-container .sub-menu-contents {display:flex; justify-content:flex-end; max-width:1280px; margin:0 auto; padding-right:40px; box-sizing:border-box;}
.navbar-content .gnb-wrap .sub-menu-container .sub-menu-contents .sub-menu-inner {position:relative; display:flex; align-items:start; width:1025px; padding:50px 0;}
.navbar-content .gnb-wrap .sub-menu-container .sub-menu-contents .sub-menu-inner .depth2 {display:flex; flex-wrap:wrap; min-width:275px; margin-top:33px;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* 20210616 ie flex bug */
 .navbar-content .gnb-wrap .category-brand .sub-menu-container .sub-menu-contents .sub-menu-inner .depth2 {display:inline-block;}
}
.navbar-content .gnb-wrap .sub-menu-container .sub-menu-contents .sub-menu-inner .depth2 > li {width:50%;}
.navbar-content .gnb-wrap .sub-menu-container .sub-menu-contents .sub-menu-inner .depth2 .type-man {width:100%; margin-top:25px;}
.navbar-content .gnb-wrap .sub-menu-container .sub-menu-contents .sub-menu-inner .depth2 li .tit {display:block; font-size:16px; font-weight:600;}
.navbar-content .gnb-wrap .sub-menu-container .sub-menu-contents .sub-menu-inner .depth2 li .tit a {display:inline-block; margin-left:-20px; padding:0 20px; vertical-align:top;}
.navbar-content .gnb-wrap .sub-menu-container .sub-menu-contents .sub-menu-inner .depth2 li > a {display:inline-block; margin-left:-20px; padding:0 20px; line-height:32px; vertical-align:top;}
.navbar-content .gnb-wrap .sub-menu-container .sub-menu-contents .sub-menu-inner .depth3 {display:flex; flex-wrap:wrap; margin-top:6px;}
.navbar-content .gnb-wrap .sub-menu-container .sub-menu-contents .sub-menu-inner .depth3 li {width:50%;}
.navbar-content .gnb-wrap .sub-menu-container .sub-menu-contents .sub-menu-inner .depth3 > li {width:40%;}
.navbar-content .gnb-wrap .sub-menu-container .sub-menu-contents .sub-menu-inner .depth3 > li:nth-child(even) { width: 60%;}
.navbar-content .gnb-wrap .sub-menu-container .sub-menu-contents .sub-menu-inner .depth3 li a {display:inline-block; margin-left:-20px; padding:0 20px; font-size:16px; line-height:32px; vertical-align:top;}
.navbar-content .gnb-wrap .sub-menu-container .sub-menu-contents .sub-menu-inner .navbar-banner {position:relative; display:flex;}
.navbar-content .gnb-wrap .sub-menu-container .sub-menu-contents .sub-menu-inner .navbar-banner:before {content:''; position:absolute; left:0; top:0; width:1px; height:210px; background:#f3eeea;}
.navbar-content .gnb-wrap .sub-menu-container .sub-menu-contents .sub-menu-inner .navbar-banner .banner-box {margin-left:35px;}
.navbar-content .gnb-wrap .sub-menu-container .sub-menu-contents .sub-menu-inner .navbar-banner .banner-box .banner-img {display:block;}
.navbar-content .gnb-wrap .sub-menu-container .sub-menu-contents .sub-menu-inner .navbar-banner .banner-box .banner-tit {display:block; margin-top:16px; font-size:15px; font-weight:400;}
.navbar-content .gnb-wrap .sub-menu-container .sub-menu-contents .sub-menu-inner .category-more {position:absolute; top:37px; left:0;}
.navbar-content .gnb-wrap .sub-menu-container .sub-menu-contents .sub-menu-inner .category-more a {display:block; padding-right:15px; background:url('/int/en/resource/images/nav/icon_category_more.png') no-repeat right center; font-size:16px; font-weight:600; vertical-align:top;}
.navbar-content .gnb-wrap .category-makeup .sub-menu-container .sub-menu-contents .sub-menu-inner .depth2 li,
.navbar-content .gnb-wrap .category-brand .sub-menu-container .sub-menu-contents .sub-menu-inner .depth2 li {width:100%;}
.navbar-content .navbar-r {display:flex; align-items:center; font-size:16px; font-weight:600;}
.navbar-content .navbar-r a {width:88px; text-align:center; line-height:60px;display: none;}
.navbar-content .navbar-r .navbar-search {overflow:hidden; width:45px; height:45px; border:none; background:url('/int/en/resource/images/nav/btn_search.png') no-repeat center center; color:transparent; font-size:1px; text-indent:-100px;}
.navbar-container.main:not(.hover) .navbar-inner {border-color:transparent; background:none;}
.navbar-container.main:not(.hover) .navbar-content {color:#fff;}
.navbar-container.main:not(.hover) .navbar-content .logo a{background:url('/int/en/resource/images/nav/logo_main.svg') no-repeat center center;}
.navbar-container.main:not(.hover) .navbar-content .navbar-r .navbar-search {background:url('/int/en/resource/images/nav/btn_search_main.png') no-repeat center center;}
.navbar-container.main:not(.hover) .sub-menu-container {color:#31261d;}
.gnb-wrap .category-brand .category-more {font-family: "Montserrat";}
.mobile-navbar-content {display:none;}
.open-search #search-layer {display:block;}
#search-layer {display:none; position:absolute; top:63px; left:0; width:100%; height:315px; background:#fff; z-index:12;}
#search-layer .search-logo  {display:none;}
#search-layer .btn-close {overflow:hidden; position:absolute; bottom:25px; left:50%; border:none; font-size:16px; font-weight:600; transform: translateX(-50%);}
#search-layer .btn-close:after {content:''; display:inline-block; width:15px; height:9px; margin-left:15px; vertical-align:middle; background:url('/int/en/resource/images/nav/icon_search_close.png') no-repeat;}
#search-layer #frmSearch1 {overflow:hidden; display:flex; justify-content:space-between; width:705px; margin:110px auto 0;}
#search-layer #frmSearch1 label {margin:0; flex:auto;}
#search-layer #frmSearch1 .global_search_input {width:100%; height:100%; border:none; -webkit-appearance:none; -webkit-border-radius:0; border-bottom:1px solid #31261d; font-size:16px; font-weight:400;}.
#search-layer #frmSearch1 .global_search_input::placeholder {color:#7e7e7e;}
#search-layer #frmSearch1 .btn-search {width:110px; margin-left:14px; border:none; background:#f3d03e; font-size:18px; font-weight:600; line-height:40px;}
#search-layer .search-mwrap {overflow:hidden; width:705px; margin:16px auto 0;}
#search-layer .search-mwrap .search-mkeyword {float:left; font-size:18px; font-weight:600;}
#search-layer .search-mwrap .search-mkeyword-list {float:left; margin-left:15px; font-size:0;}
#search-layer .search-mwrap .search-mkeyword-list li {display:inline-block; margin-left:10px;}
#search-layer .search-mwrap .search-mkeyword-list li a {display:block; padding:0 4px; background:#807f7f; color:#fff; font-size:18px; font-weight:600; line-height:26px;}

/* main */
.section0 :not(.open-search) .navbar-container:not(.hover) .navbar-inner {border-color:transparent; background:none;}
.section0 :not(.open-search) .navbar-container:not(.hover) .navbar-content {color:#fff;}
.section0 :not(.open-search) .navbar-container:not(.hover) .navbar-content .logo a{background:url('/int/en/resource/images/nav/logo_main.svg') no-repeat center center;}
.section0 :not(.open-search) .navbar-container:not(.hover) .navbar-content .navbar-r .navbar-search {background:url('/int/en/resource/images/nav/btn_search_main.png') no-repeat center center;}
.section0 :not(.open-search) .navbar-container:not(.hover) .sub-menu-container {color:#31261d;}
.section0 #top-banner + .navbar-inner {border-top:3px solid #fdcd00;}

@media all and (max-width:1280px) {
	
	.navbar-content .gnb-wrap > li {margin:0 0.4688vw;}
}

@media all and (max-width:1023px) {

	.menu-selected .mobile-menu-layer {transform:translateX(0);}
	.navbar-inner .navbar-content {display:none;}

	.mobile-navbar-content {position:relative; display:block; overflow:hidden; width:100%; height:55px;}
	.mobile-navbar-content .logo {display:flex; align-items:center; height:100%; margin:0;}
	.mobile-navbar-content .logo a {overflow:hidden; display:block; width:122px; height:100%; margin:0 auto; background-repeat:no-repeat; background-image:url('/int/en/resource/images/nav/logo_mo.svg'); background-position:center center; background-size:122px 21px; color:transparent; font-size:1px; text-indent:-100px;}
	.mobile-navbar-content .m-navbar-menu {position:absolute; left:0; top:0; height:100%;}
	.mobile-navbar-content .m-navbar-menu a {overflow:hidden; display:block; width:60px; height:100%; background-repeat:no-repeat; background-image:url('/int/en/resource/images/nav/btn_menu_mo.png'); background-size:27px 17px; background-position:center center; color:transparent; font-size:1px; text-indent:-100px;}
	.mobile-navbar-content .m-navbar-search {position:absolute; right:0; top:0; height:100%; overflow:hidden; width:60px; height:100%; border:none; background-repeat:no-repeat; background-image:url('/int/en/resource/images/nav/btn_search_mo.png'); background-size:22px 22px; background-position:center center; color:transparent; font-size:1px; text-indent:-100px;}
	.mobile-menu-layer {position:fixed; top:0; left:0; right:10%; height:100%; display:flex; flex-direction:column; background:#fff; transform:translateX(-120%); transition: transform .6s cubic-bezier(0.66 , 0.08 , 0.23 , 1); z-index:602;}
	.mobile-menu-layer .menu-layer-close {overflow:hidden; position:absolute; top:15px; right:12px; width:31px; height:31px; border:none; background-repeat:no-repeat; background-image:url('/int/en/resource/images/nav/btn_layer_close.png'); background-position:center center; background-size:15px 15px; color:transparent; font-size:1px; text-indent:-100px;}
	.mobile-menu-layer .menu-layer-header {display:flex; align-items:center; justify-content:space-between; height:62px;}
	.mobile-menu-layer .menu-layer-header .layer-header-logo {overflow:hidden; width:164px; height:100%; background-repeat:no-repeat; background-image:url('/int/en/resource/images/nav/logo_layer.svg'); background-position:center center; background-size:107px 19px; color:transparent; font-size:1px; text-indent:-100px;}
	.mobile-menu-layer .menu-layer-header .layer-header-r {margin-right:43px; font-size:0;}
	.mobile-menu-layer .menu-layer-header .layer-header-r button,
	.mobile-menu-layer .menu-layer-header .layer-header-r a {overflow:hidden; display:inline-block; width:31px; height:31px; margin-right:10px; border:none; background-repeat:no-repeat;  background-position:center center;  color:transparent; font-size:1px; text-indent:-100px; vertical-align:middle;}
	.mobile-menu-layer .menu-layer-header .layer-header-r .user {background-image:url('/int/en/resource/images/nav/icon_user.png'); background-size:17px 18px;}
  	.mobile-menu-layer .menu-layer-header .layer-header-r .logout {background-image:url('/int/en/resource/images/nav/icon_logout.png'); background-size:17px 18px;}
	.mobile-menu-layer .menu-layer-header .layer-header-r .search {background-image:url('/int/en/resource/images/nav/btn_layer_search.png'); background-size:18px 17px;}
	.mobile-menu-layer .navbar-layer-content {-webkit-overflow-scrolling:touch; flex:1; overflow-y:auto;}
	.mobile-menu-layer .gnb-wrap {border-bottom:1px solid #f3eeea;}
	.mobile-menu-layer .gnb-wrap > li > a {position:relative; display:block; padding:0 30px; border-top:1px solid #f3eeea; font-size:16px; line-height:50px;}
	.mobile-menu-layer .gnb-wrap .icon-more {display:block; content:''; position:absolute; right:25px; top:50%; width:13px; height:13px; margin-top:-7px; background-repeat:no-repeat; background-image:url('/int/en/resource/images/nav/icon_depth_on.png'); background-size:100% 100%; background-position:center center; color:transparent; font-size:1px; text-indent:-100px;}
	.mobile-menu-layer .gnb-wrap .sub-menu-container {display:none; background:#f3eeea; padding:0 20px;}
	.mobile-menu-layer .gnb-wrap .sub-menu-container .sub-menu-inner {position:relative; overflow:hidden;}
	.mobile-menu-layer .gnb-wrap .sub-menu-container .category-more {width:100%;}
	.mobile-menu-layer .gnb-wrap .sub-menu-container .depth2 {}
	.mobile-menu-layer .gnb-wrap .sub-menu-container .depth2 .tit {display:block;}
	.mobile-menu-layer .gnb-wrap .sub-menu-container .depth2 .icon-more {right:3px;}
	.mobile-menu-layer .gnb-wrap .sub-menu-container .category-more a,
	.mobile-menu-layer .gnb-wrap .sub-menu-container .depth2 > li > a,
	.mobile-menu-layer .gnb-wrap .sub-menu-container .depth2 .tit a {position:relative; display:block; padding:0 30px; border-bottom:1px solid #ddd6d1; font-size:15px; font-weight:400; line-height:50px;}
	.mobile-menu-layer .gnb-wrap .category-brand .sub-menu-container .depth2 {margin:0;}
	.mobile-menu-layer .gnb-wrap .sub-menu-container .navbar-banner {margin:10px 0 17px;}
	.mobile-menu-layer .gnb-wrap .sub-menu-container .navbar-banner .banner-box {display:block; width:276px; margin:0 auto;}
	.mobile-menu-layer .gnb-wrap .sub-menu-container .navbar-banner .banner-box + .banner-box {display:none;}
	.mobile-menu-layer .gnb-wrap .sub-menu-container .navbar-banner .banner-box .banner-img {display:block; width:100%; height:167px;}
	.mobile-menu-layer .gnb-wrap .sub-menu-container .navbar-banner .banner-box .banner-img img {width:100%; height:100%;}
	.mobile-menu-layer .gnb-wrap .sub-menu-container .navbar-banner .banner-box .banner-tit {display:block; margin-top:15px; font-size:13px; font-weight:400;}
	.mobile-menu-layer .gnb-wrap .sub-menu-container .depth3 {display:none; overflow:hidden; padding:10px 0 7px 0; border-bottom:1px solid #ddd6d1;}
	/* .mobile-menu-layer .gnb-wrap .sub-menu-container .depth3 li {float:left; width:50%;} */
	.mobile-menu-layer .gnb-wrap .sub-menu-container .depth3 li a {display:block; padding:0 10px 0 32px; font-size:14px; line-height:35px;}
	.mobile-menu-layer .gnb-wrap .selected > .tit .icon-more,
	.mobile-menu-layer .gnb-wrap .selected > a .icon-more {background-image:url('/int/en/resource/images/nav/icon_depth_off.png');}
	.mobile-menu-layer .gnb-wrap > .selected > a {background:#f3d03e; font-weight:600; transition: background-color 0.3s;}
	.mobile-menu-layer .gnb-wrap > .selected .sub-menu-container {display:block;}
	.mobile-menu-layer .gnb-wrap .sub-menu-container .selected > .tit a {font-weight:600;}
	.mobile-menu-layer .gnb-wrap .sub-menu-container .selected .depth3 {display:block;}
	.mobile-menu-layer .navbar-sns {display:flex; margin:30px 20px;}
	.mobile-menu-layer .navbar-sns li {margin:0 10px;}
	.mobile-menu-layer .navbar-sns li a {overflow:hidden; display:block; width:24px; height:24px; background-size:100% 100%; background-repeat:no-repeat; background-position:center center; color:transparent; font-size:1px; text-indent:-100px;}
	.mobile-menu-layer .navbar-sns li.icon_facebook a {background-image:url('/int/en/resource/images/nav/icon_facebook_mo.png');}
	.mobile-menu-layer .navbar-sns li.icon_instagram a {background-image:url('/int/en/resource/images/nav/icon_instagram_mo.png');}
	.mobile-menu-layer .navbar-sns li.icon_youtube a {background-image:url('/int/en/resource/images/nav/icon_youtube_mo.png');}
	.mobile-menu-layer .mobile-layer-btm {position:relative; width:100%; height:50px; display:flex; background:#817871;}
	.mobile-menu-layer .mobile-layer-btm.lang-open .lang-list {transform:translateY(-100%);}
	.mobile-menu-layer .mobile-layer-btm.lang-open .btn-lang:after {transform:rotate(180deg);}
	.mobile-menu-layer .mobile-layer-btm .lang-list {position:absolute; top:0; width:100%; padding:8px 0; border-bottom:1px solid #c2bebb; background:#9a938d; transition:transform 0.3s;}
	.mobile-menu-layer .mobile-layer-btm .lang-list li a {display:block; padding:0 0 0 45px; color:#fff; font-size:15px; line-height:40px;} 
	.mobile-menu-layer .mobile-layer-btm .lang-list .selected a {font-weight:600; text-decoration:underline;}
	.mobile-menu-layer .mobile-layer-btm .lang-list .selected a:after {content:''; display:inline-block; width:10px; height:8px; margin-left:10px; background:url('/int/en/resource/images/nav/icon_selected.png') no-repeat; background-size:100% 100%;}
	.mobile-menu-layer .mobile-layer-btm .btn-lang {position:relative; z-index:2; background-color:inherit; width:100%; height:100%; border:none; color:#fff;letter-spacing:-.6px;}
	.mobile-menu-layer .mobile-layer-btm .btn-lang:after {content:''; display:inline-block; width:9px; height:5px; margin-left:12px; background:url('/int/en/resource/images/nav/icon_lang.png') no-repeat; background-size:100% 100%; vertical-align:middle; transition:transform 0.3s;}
	.mobile-menu-layer .mobile-layer-btm .btn-store {position:relative; z-index:2; background-color:inherit; position:relative; flex:auto; color:#fff; font-size:15px; line-height:50px; text-align:center;display: none;}
	.mobile-menu-layer .mobile-layer-btm .btn-store:after {content:''; position:absolute; left:0; top:50%; width:1px; height:13px; margin-top:-7px; background:#fff;}
	.navbar-container.main:not(.hover) .navbar-inner {border-bottom:none; background:none;}
	.navbar-container.main:not(.hover) .mobile-navbar-content .logo a{background-image:url('/int/en/resource/images/nav/logo_main_mo.svg');}
	.navbar-container.main:not(.hover) .mobile-navbar-content .m-navbar-menu a {background-image:url('/int/en/resource/images/nav/btn_menu_main_mo.png');}
	.navbar-container.main:not(.hover) .mobile-navbar-content .m-navbar-search {background-image:url('/int/en/resource/images/nav/btn_search_main_mo.png');}

	#search-layer {top:-3px; height:290px;}
	#search-layer .search-logo  {display:block; overflow:hidden; width:100%; height:62px; border-bottom:1px solid #f3eeea; background-repeat:no-repeat; background-image:url('/int/en/resource/images/nav/logo_layer.svg'); background-position:30px center; background-size:107px 19px; color:transparent; font-size:1px; text-indent:-100px;}
	#search-layer .btn-close {top:15px; bottom:auto; right:12px; left:auto; width:31px; height:31px; background-repeat:no-repeat; background-image:url('/int/en/resource/images/nav/btn_layer_close.png'); background-position:center center; background-size:15px 15px; color:transparent; font-size:1px; text-indent:-100px; transform: none;}
	#search-layer .btn-close:after {display:none;}
	#search-layer #frmSearch1 {width:auto; margin:42px 18px 0;}
	#search-layer #frmSearch1 .global_search_input {font-size:14px;}
	#search-layer #frmSearch1 .btn-search {width:85px; margin-left:10px; font-size:14px; line-height:32px;}
	#search-layer .search-mwrap {width:auto; margin:20px 18px 0;}
	#search-layer .search-mwrap .search-mkeyword {float:none; font-size:14px;}
	#search-layer .search-mwrap .search-mkeyword-list {float:none; margin:0 0 0 -10px;}
	#search-layer .search-mwrap .search-mkeyword-list li {margin:10px 0 0 10px;}
	#search-layer .search-mwrap .search-mkeyword-list li a {font-size:15px; line-height:20px;}

	/* main */
	.section0 .navbar-container:not(.hover) .navbar-inner {border-bottom:none; background:none;}
	.section0 .navbar-container:not(.hover) .mobile-navbar-content .logo a{background-image:url('/int/en/resource/images/nav/logo_main_mo.svg');}
	.section0 .navbar-container:not(.hover) .mobile-navbar-content .m-navbar-menu a {background-image:url('/int/en/resource/images/nav/btn_menu_main_mo.png');}
	.section0 .navbar-container:not(.hover) .mobile-navbar-content .m-navbar-search {background-image:url('/int/en/resource/images/nav/btn_search_main_mo.png');}
}

/* top banner */
#top-banner {width: 100%;height: 60px;background-color: #000;color:#fff;z-index: 600;}
#top-banner a {display: block;position: relative;}
#top-banner a:focus:before {position: absolute;width: 100%;height: 100%;content: "";top: 0;left: 0;background-color: rgba(0, 0, 0, 0.2); }
#top-banner a:hover h2 {text-decoration:underline;}
#top-banner .top-banner__info {text-align: center;display:flex;justify-content: center;align-items: center;height: 60px;position: relative; }
#top-banner .top-banner__info h2 {font-size: 18px;font-weight: 600;line-height: 2;margin-top: 0;margin-bottom: 0; }
#top-banner .top-banner__info p {margin: 0 0 0 6px;font-size: 18px;font-weight: 600;line-height: 1; }
#top-banner .top-banner__image {width: 109px;height: 72px;background-size: cover;background-repeat: no-repeat;background-position: center;position: absolute;left: 0;top: 0; }
#top-banner .top-banner__close {background-image: url(/int/en/resource/images/nav/menu-x-2.png);background-size: 15px;background-repeat: no-repeat;background-position: center;width: 90px;height: 60px;cursor: pointer;position: absolute;right: 7px;top: 0;border: none; }

@media (max-width: 767px) {
	#top-banner .top-banner__info {height: 60px;}
	#top-banner .top-banner__info h2 {font-size: 13px;}
	#top-banner .top-banner__info p {font-size:13px;}
	#top-banner .top-banner__image {width: 100px;height: 35px;}
	#top-banner .top-banner__close {right: 0;width: 45px; background-size: 13px;}
	.mobile-menu-layer .mobile-layer-btm, .mobile-menu-layer .mobile-layer-btm .btn-store {font-size: 14px;}
}
@media (max-width: 361px) {
	.mobile-menu-layer .mobile-layer-btm, .mobile-menu-layer .mobile-layer-btm .btn-store {font-size: 13px;}
}