.hd_rt {float: right; right: 45px; }
.hd_rt a {display: inline-block; vertical-align: middle; margin: 0 9px; font-size: 14px; color: #000;}
.mainWrap .innerBox { max-width:1480px; width:1450px}
.innerBox {position:relative;max-width:1400px;padding:0 20px;margin:0 auto;}
[class^="icon-"], [class*=" icon-"],
a:after {
	display: inline-block;
	font-family: 'taglive','feather';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-taglive:before					{content: "\e913";}
.icon-taglive_ico:before				{content: "\e919";}
.icon-band-2:before					{content: "\e90f";}
.icon-band-1:before					{content: "\e91d";}
.icon-facebook-2:before			{content: "\e914";}
.icon-instagram-2:before			{content: "\e915";}
.icon-youtube-2:before				{content: "\e916";}
.icon-naverblog-2:before			{content: "\e917";}
.icon-twitter-2:before				{content: "\e918";}
.icon-googleplus-2:before			{content: "\e91b";}
.icon-kakao-2:before				{content: "\e91c";}
.icon-pinterest-2:before				{content: "\e91e";}
.icon-pinterest-1:before				{content: "\e902";}
.icon-facebook-1:before			{content: "\e903";}
.icon-instagram-1:before			{content: "\e904";}
.icon-youtube-1:before				{content: "\e905";}
.icon-naverblog-1:before			{content: "\e906";}
.icon-twitter-1:before				{content: "\e907";}
.icon-googleplus-1:before			{content: "\e908";}
.icon-kakao-1:before				{content: "\e909";}
.icon-pinterest:before				{content: "\e901";}
.icon-reload:before					{content: "\e900";}
.icon-facebook:before				{content: "\e90a";}
.icon-instagram:before				{content: "\e90b";}
.icon-youtube:before				{content: "\e90c";}
.icon-naverblog:before				{content: "\e90d";}
.icon-twitter:before					{content: "\e90e";}
.icon-googleplus:before			{content: "\e910";}
.icon-kakao:before					{content: "\e911";}
.icon-band:before					{content: "\e912";}
.icon-play:before						{content: "\e052";}
.icon-expand:before					{content: "\e110";}
.icon-plus:before						{content: "\e114";}
.icon-checkmark:before				{content: "\e116";}
.icon-cross:before						{content: "\e117";}
.icon-ellipsis:before					{content: "\e129";}
.icon-share:before					{content: "\e081";}



/* ----------------------------------------------------------------
	Basic
-----------------------------------------------------------------*/
.stretched #wrapper {
	width: 100%;
	margin: 0;
box-shadow: none;
	}
dl, dt, dd, ol, ul, li {
	margin: 0;
	padding: 0;
	list-style:none;
}

.clear {
	clear: both;
	display: block;
	font-size: 0px;
	height: 0px;
	line-height: 0;
	width: 100%;
	overflow:hidden;
}


:active,
:focus { outline: none !important; }

caption {display:none;}
/* ----------------------------------------------------------------
	Typography
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Helper Classes
-----------------------------------------------------------------*/
.quick{position:fixed; z-index:999; top:100px; right:0;}
.quick_con2 {position:relative;}
.event_obj{position:fixed; z-index:99; margin-top:700px; right:6%;}
.quick_t .ban{position:absolute;right:10%; padding-top:750px;z-index:9999;}
.quick_t .ban_img{position:fixed;}	

.hw1200 {width: 1230px; margin: 0 auto;}

.uppercase { text-transform: uppercase !important; }

.lowercase { text-transform: lowercase !important; }

.capitalize { text-transform: capitalize !important; }

.nott { text-transform: none !important; }

.tright { text-align: right !important; }

.tleft { text-align: left !important; }

.fright { float: right !important; }

.fleft { float: left !important; }

.fnone { float: none !important; }

.ohidden {
	position: relative;
	overflow: hidden !important;
}

#wrapper {
	position: relative;
	float: none;
	width: 1200px;
	margin: 0 auto;
	background-color: #FFF;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.line,
.double-line {
	clear: both;
	position: relative;
	width: 100%;
	margin: 60px 0;
	border-top: 1px solid #EEE;
}

.line.line-sm { margin: 15px 0; }

span.middot {
	display: inline-block;
	margin: 0 5px;
}

.double-line { border-top: 3px double #E5E5E5; }

.emptydiv {
	display: block !important;
	position: relative !important;
}
.rlmargin { margin: 0 15px !important;}

.rmargin { margin: 0 0 0 15px !important;}

.allmargin { margin: 50px !important; }

.leftmargin { margin-left: 50px !important; }

.rightmargin { margin-right: 50px !important; }

.topmargin { margin-top: 50px !important; }

.bottommargin { margin-bottom: 50px !important; }

.clear-bottommargin { margin-bottom: -50px !important; }

.allmargin-sm { margin: 30px !important; }

.leftmargin-sm { margin-left:25px !important; }

.rightmargin-sm { margin-right: 25px !important; }

.topmargin-sm { margin-top: 25px !important; }

.bottommargin-sm { margin-bottom: 25px !important; }

.clear-bottommargin-sm { margin-bottom: -25px !important; }

.allmargin-lg { margin: 70px !important; }

.leftmargin-lg { margin-left: 70px !important; }

.rightmargin-lg { margin-right: 70px !important; }

.topmargin-lg { margin-top: 70px !important; }

.bottommargin-lg { margin-bottom: 70px !important; }

.clear-bottommargin-lg { margin-bottom: -70px !important; }

.nomargin {margin: 0 !important; }

.noleftmargin { margin-left: 0 !important; }

.norightmargin { margin-right: 0 !important; }

.notopmargin { margin-top: 0 !important; }

.nobottommargin { margin-bottom: 0 !important; }

.header-stick { margin-top: -50px !important; }

.content-wrap .header-stick { margin-top: -80px !important; }

.footer-stick { margin-bottom: -50px !important; }

.content-wrap .footer-stick { margin-bottom: -80px !important; }

.noborder { border: none !important; }

.noleftborder { border-left: none !important; }

.norightborder { border-right: none !important; }

.notopborder { border-top: none !important; }

.nobottomborder { border-bottom: none !important; }

.noradius { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; }

.col-padding { padding: 40px; }

.nopadding { padding: 0 !important; }

.noleftpadding { padding-left: 0 !important; }

.norightpadding { padding-right: 0 !important; }

.notoppadding { padding-top: 0 !important; }

.nobottompadding { padding-bottom: 0 !important; }

.noabsolute { position: relative !important; }

.noshadow { box-shadow: none !important; }

.hidden { display: none !important; }

.nothidden { display: block !important; }

.inline-block {
	float: none !important;
	display: inline-block !important;
}

.center { text-align: center !important; }
.right { text-align: right !important; }


.divcenter {
	position: relative !important;
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.bgcolor,
.bgcolor #header-wrap { background-color: #8b5894 !important; }

.color { color: #8b5894 !important; }

.border-color { border-color: #8b5894 !important; }

.nobg { background: none !important; }

.nobgcolor { background-color: transparent !important; }

.t300 { font-weight: 300 !important; }

.t400 { font-weight: 400 !important; }

.t500 { font-weight: 500 !important; }

.t600 { font-weight: 600 !important; }

.t700 { font-weight: 700 !important; }

.ls0 { letter-spacing: 0px !important; }

.ls1 { letter-spacing: 1px !important; }

.ls2 { letter-spacing: 2px !important; }

.ls3 { letter-spacing: 3px !important; }

.ls4 { letter-spacing: 4px !important; }

.ls5 { letter-spacing: 5px !important; }

.noheight { height: 0 !important; }

.nolineheight { line-height: 0 !important; }

.font-body { font-family: 'Lato', sans-serif; }

.font-primary { font-family: 'Raleway', sans-serif; }

.font-secondary { font-family: 'Crete Round', serif; }

.bgicon {
	display: block;
	position: absolute;
	bottom: -60px;
	right: -50px;
	font-size: 210px;
	color: rgba(0,0,0,0.1);
}

.imagescale,
.imagescalein {
	display: block;
	overflow: hidden;
}

.imagescale img,
.imagescalein img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.imagescale:hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.imagescalein img {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.imagescalein:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.divscalein {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.divscalein:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}


.grayscale {
	filter: brightness(80%) grayscale(1) contrast(90%);
	-webkit-filter: brightness(80%) grayscale(1) contrast(90%);
	-moz-filter: brightness(80%) grayscale(1) contrast(90%);
	-o-filter: brightness(80%) grayscale(1) contrast(90%);
	-ms-filter: brightness(80%) grayscale(1) contrast(90%);
	transition: 1s filter ease;
	-webkit-transition: 1s -webkit-filter ease;
	-moz-transition: 1s -moz-filter ease;
	-ms-transition: 1s -ms-filter ease;
	-o-transition: 1s -o-filter ease;
}

.grayscale:hover {
	filter: brightness(100%) grayscale(0);
	-webkit-filter: brightness(100%) grayscale(0);
	-moz-filter: brightness(100%) grayscale(0);
	-o-filter: brightness(100%) grayscale(0);
	-ms-filter: brightness(100%) grayscale(0);
}

/* MOVING BG -  TESTIMONIALS */
.bganimate {
	-webkit-animation:BgAnimated 30s infinite linear;
	 -moz-animation:BgAnimated 30s infinite linear;
		-ms-animation:BgAnimated 30s infinite linear;
		 -o-animation:BgAnimated 30s infinite linear;
			animation:BgAnimated 30s infinite linear;
}
 @-webkit-keyframes BgAnimated {
	from  {background-position:0 0;}
	to    {background-position:0 400px;}
	}
 @-moz-keyframes BgAnimated {
	from  {background-position:0 0;}
	to    {background-position:0 400px;}
	}
 @-ms-keyframes BgAnimated {
	from  {background-position:0 0;}
	to    {background-position:0 400px;}
	}
 @-o-keyframes BgAnimated {
	from  {background-position:0 0;}
	to    {background-position:0 400px;}
	}
 @keyframes BgAnimated {
	from  {background-position:0 0;}
	to    {background-position:0 400px;}
	}


.input-block-level {
	display: block;
	width: 100% !important;
	min-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.vertical-middle {
	height: auto !important;
	left: 0;
}

.magnific-max-width .mfp-content { max-width: 800px; }


/* ----------------------------------------------------------------
	Sections
-----------------------------------------------------------------*/


.section {
	position: relative;
	margin: 20px 0;
	padding: 20px 0;
	background-color: #FFF;
	border-top:1px solid  rgba(0,0,0,0.1); 
	border-bottom:1px solid  rgba(0,0,0,0.1); 
	overflow: hidden;
}

.parallax {
	background-color: transparent;
	background-attachment: fixed;
	background-position: 50% 0;
	background-repeat: no-repeat;
	overflow: hidden;
}

.mobile-parallax,
.video-placeholder {
	background-size: cover !important;
	background-attachment: scroll !important;
	background-position: center center !important;
}

.section .container { z-index: 2; }

.section .container + .video-wrap { z-index: 1; }

.revealer-image {
	position: relative;
	bottom: -100px;
	transition: bottom .3s ease-in-out;
	-webkit-transition: bottom .3s ease-in-out;
	-o-transition: bottom .3s ease-in-out;
}

.section:hover .revealer-image { bottom: -50px; }





/* ==============================
* layout
* ============================== */
#headerWrap{ position:fixed; top:0; left:0; z-index:999; width:100%;}
#header { height:81px; border-bottom:1px solid #f1f1f1; background:rgba(255,255,255,0.95)}
#header .innerBox { display:flex; align-items: center;}
#header h1 { flex:0 0 auto;}
#header h1 a { display:block; width:140px; height:40px; ;font-size:0; text-transform: uppercase; background:url('https://channel-static.rebeauty.co.kr/melonps/ko/img/common/logo.png') no-repeat center center / 100%;}
#header nav { flex:1 1 auto; height:100%; padding-left:40px;}
#header nav ul  { display:flex;}
#header nav ul li { flex:1 1 auto;}
#header nav ul li a { display:flex; position:relative; width:100%; height:80px; padding:0; transition:all .3s ease;}
#header nav ul li a span { position:relative; display:inline-flex; height:100%; align-items: center; font-size:16px; color:#000; transition:all .3s ease;}
#header nav ul li a span:after { content:''; display:block; position:absolute; bottom:-1px; left:50%; width:0%; height:2px; background: #111111; opacity:0; transition:all .3s ease;}
#header nav ul li.on a span { color:#111111;}
#header nav ul li.on a span:after { left:0; width:100%; opacity: 1;}
#header nav ul li.active a span { color:#111111;}
#header nav ul li.active a span:after { left:0; width:100%; opacity: 1;}
#header .language { flex:0 0 auto; position:relative;}
#header .language > a { display: block; position:relative; width:40px; font-size:14px; color:#111; text-transform: uppercase;}
#header .language > a:after { content:''; display:block; position:absolute; top:50%; right:0; width:7px; height:6px; background:url('../images/common/ico_language_arrow.png') no-repeat; transform: translateY(-50%); transition: all .3s ease;;}
#header .language .view { display:none; position:absolute; top:25px; left:-10px; z-index:999; width:60px; padding:5px 10px; border:1px solid #cecece; background:#fff;}
#header .language .view a { display:block; padding:2px 0; font-size:14px; color:#111; text-transform: uppercase;}
#header .language > a.on:after { transform: translateY(-50%) rotate(180deg);}
#header .icoShop { flex:0 0 auto; width:20px; height:20px; margin-left:30px; font-size:0; background:url('../images/common/ico_shop.png') no-repeat center center / 100%;}
#header .btnGnbAll { display:none; position:relative; width:50px; height:50px; margin-left:10px; font-size:0;}
#header .btnGnbAll span { display:block; position:absolute; top:50%; left:50%; width:26px; height:3px; margin:-2px 0 0 -13px; background:#111;}
#header .btnGnbAll span:before { content:''; display:block; position:absolute; top:-8px; width:100%; height:3px; background:#111;}
#header .btnGnbAll span:after { content:''; display:block; position:absolute; top:8px; width:100%; height:3px; background:#111;}

.gnbAllMenuWrap { visibility: hidden; overflow:hidden; position:fixed; top:81px; left:0; bottom:0; z-index:900; width:100%; background:rgba(0,0,0,0.6); opacity:0; transition: all .3s ease .2s;}
.gnbAllMenu { overflow: hidden; overflow-y:auto; position:absolute; top:0; left:0; right:0; max-height:calc(100vh - 81px); background:#78a991; transform: translateY(-100%); transition:all .3s ease;}
.gnbAllMenu .innerBox:before { content: ''; display:block; position: absolute; top:0; left:50%; width:1000px; height:100%; background:#fff;}
.gnbAllMenu .gnb { position:relative; display:flex; padding:0px 40px 0px 0;}
.gnbAllMenu .gnb > div { flex:1 1 auto; padding:40px 0 50px; background:#fff;}
.gnbAllMenu .gnb > .brand { flex: 0 0 auto; width:calc(180px + 1.88%);padding-left:80px; background:none}
.gnbAllMenu .gnb > .brand h2 { visibility: visible; height:auto;}
.gnbAllMenu .gnb > .brand h2 a { color:#fff;}
.gnbAllMenu .gnb > .brand .depthBox { display:flex; flex-flow: wrap; margin-top:0px;} 
.gnbAllMenu .gnb > .brand .depthBox > div { width:100%; margin-bottom:50px;}
.gnbAllMenu .gnb > .brand .depthBox h3 { margin-bottom:20px; font-size:15px; color:#e5e5e5;}
.gnbAllMenu .gnb > .brand .depthBox ul li { padding-right:10px;}
.gnbAllMenu .gnb > .brand .depthBox ul li a { position:relative; padding-left:8px; font-size:13px; color:#fff;}
.gnbAllMenu .gnb > .brand .depthBox ul li a:before { content:''; display:block; position:absolute; top:8px; left:0; width:2px; height:2px; border-radius:50%; background:#999999}
.gnbAllMenu .gnb h2 { height:0; visibility: hidden;}
.gnbAllMenu .gnb h2 a { font-size:16px; text-transform: uppercase; font-weight:bold; color:#111;}
.gnbAllMenu .gnb ul li { line-height:1;}
.gnbAllMenu .gnb ul li + li { margin-top:8px;}
.gnbAllMenu .gnb ul li a { padding-left:20%; font-size:14px; color:#555555;}
.gnbAllMenu .gnb ul li.on a { text-decoration: underline;}
.gnbAllMenuWrap .bntGnbClose { position:absolute; top:40px; left:50%; width:40px; height:40px; margin-left:600px; font-size:0; background:url('../images/common/btn_gnb_close.png') no-repeat center center / 100%;}

.gnbAllMenuWrap.on { visibility: visible; opacity: 1; transition: all .3s ease;}
.gnbAllMenuWrap.on .gnbAllMenu { transform: translateY(0); transition: all .3s ease .2s;}

/* ----------------------------------------------------------------
	Page Menu �곷떒硫붾돱 ��
-----------------------------------------------------------------*/

#page-menu,
#page-menu-wrap {
	position: fixed;
	margin-top:40px;
	width:100%;
	height: 44px;
	line-height: 44px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	z-index:5;
}


#page-menu-wrap { 
	z-index: 99;
	background-color: #78a991;
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-backface-visibility: hidden;
}

#page-menu.sticky-page-menu #page-menu-wrap {
	position: fixed;
	z-index: 99;
	left: 0;
	width: 100%;
}

#header.static-sticky ~ #page-menu.sticky-page-menu #page-menu-wrap,
#header.static-sticky ~ #content #page-menu.sticky-page-menu #page-menu-wrap { top: 100px; }

/*#header ~ #page-menu.sticky-page-menu #page-menu-wrap,
#header.no-sticky ~ #page-menu.sticky-page-menu #page-menu-wrap,
#header ~ #content #page-menu.sticky-page-menu #page-menu-wrap,*/
#header.no-sticky ~ #content #page-menu.sticky-page-menu #page-menu-wrap { top: 0; }

#header.sticky-header ~ #page-menu.sticky-page-menu #page-menu-wrap,
#header.sticky-header ~ #content #page-menu.sticky-page-menu #page-menu-wrap { top: 60px; }

#page-submenu-trigger {
	top: 0;
	margin-top: 0;
	left: auto;
	right: 15px;
	width: 40px;
	height: 44px;
	line-height: 44px;
}

#page-menu .menu-title {
	float: left;
	color: #FFF;
	font-size: 20px;
	font-weight: 300;
}

#page-menu .menu-title span { font-weight: 600; }

#page-menu nav {
	position: relative;
	left:50px
}

#page-menu nav ul {
	margin-bottom: 0;
	height: 44px;
}

#page-menu nav li {
	position: relative;
	float: left;
	list-style: none;
}

#page-menu nav li a {
	display: block;
	height: 28px;
	line-height: 28px;
	margin: 8px 4px;
	padding: 0 14px;
	color: #FFF;
	font-size: 14px;
	border-radius: 14px;
}

#page-menu nav li a .icon-angle-down { margin-left: 5px; }

body:not(.device-touch) #page-menu nav li a {
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

#page-menu nav li:hover a,
#page-menu nav li.current a,
#page-menu nav li.on a 
{ background-color: rgba(0,0,0,0.15); }

#page-menu li:hover ul { display: block; }

#page-menu ul ul {
	display: none;
	position: absolute;
	width: 150px;
	top: 44px;
	left: 0;
	z-index: 149;
	height: auto;
	background-color: #8b5894;
}

#page-menu ul ul ul { display: none !important; } /* Disable Multi-Level Links */

#page-menu ul ul li { float: none; }

#page-menu ul ul a {
	height: auto;
	line-height: 22px;
	margin: 0;
	padding: 8px 14px;
	border-radius: 0;
	background-color: rgba(0,0,0,0.15);
}

#page-menu ul ul li:hover a,
#page-menu ul ul li.current a { background-color: rgba(0,0,0,0.3); }




.stretched #wrapper {
	width: 100%;
	margin: 0;
	box-shadow: none;
}